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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/**************************************/
/** 固定ページの日付を非表示　**/ 
/*************************************/
.page .date-tags {
display: none;
}

a:hover img{opacity:0.5;}

#sidebar ul li a:before{font-family: "Font Awesome 5 Free";content: "\f0da";font-weight: 900;color:#839b5c;padding-right:5px;list-style:none;font-size:18px;}
#sidebar ul li a:hover{background:#f0f8ff;}

.wp-image-136{width:90%;}

#footer-in{font-size:85%;}
#footer-in h3{border-left:10px solid #b7b7ff;background:#fff;padding:3px 3px 3px 8px;}
#footer-in .textwidget{padding:5px 8px;}
#footer-in .widget-footer-center ul,#footer-in .widget-footer-right ul{padding:10px 5px 0px 15px;line-height:18px;font-weight:bold;}
#footer-in .widget-footer-center ul li a:before,#footer-in .widget-footer-right ul li a:before{font-family: "Font Awesome 5 Free";content: "\f0da";font-weight: 900;color:#008000;padding-right:5px;list-style:none;font-size:18px;}
#footer-in .widget-footer-center ul li a:hover,#footer-in .widget-footer-right ul li a:hover{background:#e6ffff;color:#cc0066;}

/*記事ページで使用*/
.box-01{border:3px solid #ffd700;background:#fffff0;border-radius:20px;margin:30px;padding:20px;font-weight:bold;}
.box-02{border:2px solid #7fbfff;background:#e5f2ff;border-radius:0px;margin:30px;padding:20px;font-weight:bold;}
.box-03{margin:10px 20px;border:2px solid #2566d0;border-radius:3px;overflow:hidden;}
.box-03 span{padding:10px 10px 0px 10px;background-color:#2566d0;color: #fff;}
.box-03 p{margin:0;padding:0px 20px 10px 20px;color: #333;}
.box-04 dl{display:flex;flex-wrap:wrap;width:100%;}
.box-04 dt{width:20%;padding:10px;margin-bottom:5px;background-color:#d1e8ff;text-align:right;}
.box-04 dd{width:auto;padding:10px;margin-bottom:5px;text-align:middle;}
.list-check{list-style-type:none;}
.list-check li {display:flex;align-items:center;gap:0 5px;padding:.3em;}
.list-check li::before {display:inline-block;width:10px;height:5px;border-bottom:2px solid #d02550;border-left:2px solid #d02550;transform:rotate(-45deg) translateY(-1.5px);content:'';}
.f-big{font-size:120%;font-weight:bold;}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
	
/*モバイルフッターボタン*/
	.mobile-menu-buttons .menu-caption {
		font-size: 12px;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){

/*記事ページで使用*/
.box-01{margin:10px;padding:10px;}
.box-02{margin:10px;padding:10px;}
.box-03{margin:10px 0px;}
.list-check li{padding:5px}

}

/*この記事を執筆した人（ウジェット投稿記事下エリアに追加）*/
.prof-a{border:1px solid #ccc;margin:10px;padding:20px 20px 10px 20px;border-radius:10px;}
.prof-a .phot-l{text-align:left;}
.prof-a .text-r{margin-left:240px;}
.prof-a .text-r .name{font-size:150%;font-weight:bold}
	.prof-a .text-r ul li{margin-bottom:5px;}

.prof-a .button{text-align: center;}
.prof-a .button a:hover {opacity: 0.7;}

@media screen and (max-width: 450px) {
.prof-a{margin:5px;padding:10px;}
.prof-a .phot-l{text-align:center;}
.prof-a .text-r{ clear: both;margin-left:5px;}
}