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

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

.author-box .author-name{font-size:90%;}
.sns-follow-buttons{padding:0 5px;}

a:hover img{opacity: 0.4 ;border:1px solid #ccc;}
/*固定フロントページ投稿日非表示*/
.post-9 .date-tags {display: none;}

/*ウィジェット--執筆・監修者紹介*/
h2.w-profh2{text-align:left;font-size:110%;border-bottom:0px;}
.w-prof{border:2px solid #e0e0e0;border-radius:12px;padding:10px;background:linear-gradient(45deg, #fff0f5 0%, #fff0f5 50%, #fafafa 50%, #fafafa 100%);}
.w-prof-in{display: flex;}
.w-prof-p{float:left;text-align:center;width:50%;}
.w-prof-p img{border-radius:10px;box-shadow: 6px 6px 0px rgb(209 186 218 / 80%);}
.w-prof-t{float:left;text-align:left;font-size:85%;padding:0 10px 0 20px;}
.w-prof-t h3{background:#fef9fb;padding:5px 5px 5px 20px;margin:10px 0px;font-weight:bold;border-bottom:none;}
.w-prof-t h3.kanshu{background:#fff4f9;}
.w-prof-t p.name{font-weight:bold;border-bottom:2px solid #9d8e87;font-size:110%;padding:10px 10px 5px 10px;margin-bottom:5px;}

/*バナー画像表示*/
.wp-image-552{display: block;}
.wp-image-551{display: none;}
.wp-image-432{display: block;}
.wp-image-443{display: none;}
#sidebar .wp-image-551{display: block;}
#sidebar .wp-image-443{display: block;}


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

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

/*480px以下*/
@media screen and (max-width: 480px){
	
/*ウィジェット--執筆・監修者紹介*/
.w-prof-in{display: block;}
.w-prof-p{text-align:center;width:100%;padding:0 30px;}
.w-prof-t{text-align:left;font-size:100%;padding:8px;}
	
/*バナー画像表示*/
.wp-image-552{display: none;}
.wp-image-551{display: block;}
.wp-image-432{display: none;}
.wp-image-443{display: block;}
	
/*モバイルフッターボタン*/
.mobile-menu-buttons {height: 62px;}
	.mobile-menu-buttons > li {padding-top:10px;border-right:1px dotted #a688bd;}
	.navi-menu-button:first-child {background-color: #d1bada;}
	.mobile-menu-buttons .menu-caption {font-size: 12px;}
	.mobile-menu-buttons > li a:hover {color:#ff4da9;opacity: 1.0 ;}
	
}