@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.sidebar-contact-btn {
  display: block;
  width: fit-content;
  margin: 40px auto 0px;
  padding: 12px 30px;
  background-color: #444444;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-decoration: none;
}

.sidebar-contact-btn:hover {
  background-color: #666666;
  color: #ffffff 
}


.entry-content blockquote {
    background-color: #f9f9f9; /* 背景色 */
    border-left: 5px solid #ccc; /* 左側の太い線 */
}

.entry-content blockquote::before,
.entry-content blockquote::after {
  content: none !important;
}

.navi-footer {
    margin-bottom: 40px; /* 下側の余白（調整してください） */
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	#main {
    max-width: 688px; /* メインカラムの最大幅を固定 */
    margin-left: auto;  /* 中央寄せ */
    margin-right: auto; /* 中央寄せ */
  }
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	#main {
    max-width: 648px; /* メインカラムの最大幅を固定 */
    margin-left: auto;  /* 中央寄せ */
    margin-right: auto; /* 中央寄せ */
  }
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
}