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

/************************************
** 子テーマ用のスタイルを書く
************************************/
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;}

#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;}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
	
	
}

/*この記事を執筆した人（ウジェット投稿記事下エリアに追加）*/
.prof-a{border:1px solid #ccc;margin:10px;padding:20px 20px 10px 20px;border-radius:10px;}
.prof-a .phot-l{float: left;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;}
}