@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
*/

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



/* 「デザインリセット用のコード」 */
/*H2 */

.article h2{
background:none;
padding: 0;
}

/* 見出し3 */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}

/* 見出し4 */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}

.article h1{
font-size:20px;
	padding-top:5px;
	padding-bottom:10px;
	padding:0;
	
	
	
}


/*H2 */
.article h2{
font-size:18px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#965042;
	 color: #ffffff;
	margin-left:-15px;
	margin-right:-15px;
	padding-left:15px;
	padding-right:15px;
	}




/* H3 */
.article h3{
font-size: 18px;
	border-bottom: solid 3px #965042;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:-15px;
	margin-right:-15px;
	padding-left:15px;
	padding-right:15px;
	
	
}

.article h4{
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  
  background: transparent;/*背景透明に*/
  border-left: solid 5px #965042;/*左線*/
}

 










.body {
	animation: fadein 2s forwards; /*アニメーション指定*/
}

@keyframes fadein {
	0% {opacity: 0} /*アニメーション開始時*/
	100% {opacity: 1} /*アニメーション終了時*/
}










/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

/*480px以下*/

  /*必要ならばここにコードを書く*/
}





.mobile-menu-buttons .menu-button > a {
color: white;
}

.mobile-menu-buttons {
    color: #ffffff; /* 文字色 */
    background-color: #046365; /* 背景色 */
}





@media screen and (max-width: 480px) {
	.entry-card-thumb {
		width: 50%;
	}
}



#header-container .navi-in > ul li {
   height: auto;
   font-weight: 600;
   line-height:1.3;
}
#header-container #navi{
   background:#a4c2a9; /* 背景色 */
}
#header-container #navi a{
   color:#046365; /* 文字色 */
   padding:0.8em 1em;

	
	
}
#header-container #navi a:hover{
   color:#046365; /* マウスホバー時の文字色 */
}
#header-container .navi-in > ul .sub-menu{
   background:#a4c2a9; /* サブメニュー背景色 */
}
#header-container .navi-in > ul > .menu-item-has-children > a::after {
   top: 0.8em;
   font-size: 1.2em;
   font-weight: 600;
}
#header-container .sub-menu .caption-wrap{
   padding-left:1em;
}
.navi-in > ul .menu-item-has-description > a > .caption-wrap{
   height:auto;
}
@media screen and (max-width: 1024px){
   .navi-in > .menu-header{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
   }
   #header-container #navi a{
  font-size:0.8em;
  padding: 0em 0em; /* 余白 */
   }
   #header-container .navi-in > ul > .menu-item-has-children > a::after{
  display:none;
   }
}

.logo.logo-header.logo-text {
	padding: 0px;
}




/*ウィジェットタイトル*/
#sidebar .widget-sidebar-title{
background: #965042; /*背景色*/
padding: 0.3em;/*文字周りの余白*/
	font-size: 14px; 
  
    margin: 40px 0 10px;
color: #fff;} /*文字色*/







	
	
	@media screen and (max-width: 768px) {
	#navi-footer-in ul li{
		width: 16%;
		
	}
		.copyright {
 font-size: 10px; /*クレジットの文字色*/
}
		
	#navi-footer-in ul a {
		font-size: 10px; /*場合によってフォントサイズを小さく*/
	}
}












@media screen and (max-width: 768px) {
.archive-title a {
   font-size: 13px;
}}









/*グローバルナビメニュー メニュー項目の間隔*/
#navi .navi-in>ul>li>a{
padding: 9.0em;
}



@media screen and (max-width: 768px) {
.navi-in .menu-header .item-label{
font-size: 10px;
}  }  





@media screen and (max-width: 768px){
.search-edit, input[type="text"]{
 font-size: 12px;
}}


.post-102 .date-tags,
.post-96 .date-tags，
.post-151 .date-tags
{
display: none;
}

@media screen and (min-width:768px){
.widget_text{
display:none;}
	.widget textarea{
	font-size: 12px;
}

}



.navi-in .menu-header .item-label:hover:after {
visibility: visible;
bottom: 12px;
opacity: 1;
}





.header-site-logo-image {
	transition:0.5s;
}

/* ②ヘッダーロゴ(hover時) */
@media screen and (min-width: 980px) {
	.header-site-logo-image:hover {
		opacity:0.4;
	}
}

.navi-in a:hover {
    background-color: #22825d;
}

.navi-footer-in a:hover {
    background-color: #22825d;
}







.toc {
  display: block;
}

 

.a-wrap:hover {
background-color: #e6e9ef;
transform: scale(1.01);
box-shadow: 2px 2px 6px 0 #f6f6f6;
}








.toc-title {
  font-size: 1em; /*目次の文字サイズ*/
  color: #000000; /*目次の文字の色*/
}
.toc-list{
color: #18448e; 
font-size: 1em; /*目次の文字サイズ*/
}

.toc-list p{
	line-height;1em;}
	
.toc {
 
  padding: 1em 2em;
		
 
}
.toc-list a{
color: #18448e;

font-size: 1em; /*目次の文字サイズ*/}



.entry-card .cat-label,
.related-entry-card .cat-label{
 display: none;
}


/************************************
** アイキャッチ画像を全幅表示する
************************************/



/*横幅 834px 以下に適用される*/
@media screen and (max-width: 834px){
	/*枠組み*/
	.eye-catch-wrap {
		margin-left: -15px; /*左の余白*/
		margin-right: -15px; /*右の余白*/
	}
}


@media screen and (min-width: 540px){
.navi-in .menu-header {
        display:flex;
        justify-content:center;
    } }



body {
       letter-spacing: 0.1em; 
}

.page .entry-title {
text-align: center;
	font-size:1.3em;
	padding-top:20px;
	
	
	
}

@media screen and (max-width: 834px){

.comment-title {
  font-size: 14px;
 
}}

p {
  letter-spacing: 0.09em;
}





	
	.menu-content {
  background-color: #a4c2a9;
}

#sidebar h3｛background-color: #a4c2a9;
}
.widget-sidebar-title｛background-color: #a4c2a9;｝




/************************************
** サイトタイトル非表示
************************************/
 
.site-name-text{
  display: none;
}
 
/*ヘッダーレイアウトがトップメニューのとき*/
.header-container-in.hlt-top-menu .site-name-text{
  display: none;
}
 
/*ヘッダーレイアウトがトップメニュー（小）のとき*/
.header-container-in.hlt-top-menu.hlt-tm-small .site-name-text{
  display: none;
}
 
/*端末幅が768px以下のとき*/
@media screen and (max-width: 768px){
  #header .site-name-text{
    display: none;
  }
}
 
/*端末幅が480px以下のとき*/
@media screen and (max-width: 480px){
  #header .site-name-text{
    display: none;
  }
}