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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.al-c{text-align:center!important;}
.small{font-size:80%;}
.big{font-size:120%;}
.big2{font-size:140%;}
a:hover img{opacity:0.5;}

/*■グローバルナビ--------------*/
.navi-in a:hover{
	color:#0000cd!important;
	background: #cfe2e6!important;
	border-bottom:5px solid #ffddcc;
	text-decoration:none;
}


/*■Hタグ装飾--------------*/
/*Hタグリセット*/
.article h1,.article h2,.article h3{padding:0;margin:0;font-size:medium;border-collapse:separate;border-spacing:0;border-top:none;border-right:none;border-bottom:none;border-left:none;line-height:normal;position:relative;}
/*Hタグ*/
.article h1{position:relative;background:#dfefff;box-shadow:0px 0px 0px 5px #dfefff;border:dashed 2px white;padding:10px 20px;color:#454545;font-size:24px;margin-bottom:30px;}
.article h1:after{position:absolute;content:'';left:-7px;top:-7px;border-width:0 0 15px 15px;border-style:solid;border-color:#fff #fff #a8d4ff;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.15);}
.article h2{position:relative;background:#dfefff;box-shadow:0px 0px 0px 5px #dfefff;border:dashed 2px white;padding:10px 20px;color:#454545;font-size:22px;margin-bottom:30px;}
.article h2:after{position:absolute;content:'';left:-7px;top:-7px;border-width:0 0 15px 15px;border-style:solid;border-color:#fff #fff #a8d4ff;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.15);}

.article h3{border-bottom:solid 3px skyblue;position:relative;font-size:20px;padding:10px;margin:50px 0px 30px 0px;background:#fffff0;color:#5a544b;}
.article h3:after{position:absolute;content:" ";display:block;border-bottom:solid 3px #ffc778;bottom:-3px;width:30%;}

/*サイドバーHタグ*/
.sidebar h3{background:#dfefff;padding:5px 10px;text-align:center;font-size:18px;margin-top:0;}

/*■ウィジェット--------------*/
/*関連記事下YouTube*/
#text-4{background:#fef4f4;border:2px solid #c0c6c9;border-radius:10px;padding:20px;text-align:center;}

/*プロフィールSNSボタン全体とサイトリンクボタン*/
.author-box .sns-follow-buttons a.follow-button{font-size:30px;width:38px;height:38px;color:#fff;border:none;background-color:#839b5c;border-radius:8px;}
/*ホバー時*/
.author-box .sns-follow-buttons a.follow-button:hover{border:1px solid #839b5c;background-color:#fff;color:#839b5c;}
/*Instagram*/
.author-box .sns-follow-buttons a.instagram-button{background-color:#405de6;margin-right:20px;}
.author-box .sns-follow-buttons a.instagram-button:hover{border:1px solid #405de6;background-color:#fff;color:#405de6;}
/*YouTube*/
.author-box .sns-follow-buttons a.youtube-button{background-color:#cd201f;}
.author-box .sns-follow-buttons a.youtube-button:hover{border:1px solid #cd201f;background-color:#fff;color:#cd201f;}
/*Facebook*/
.author-box .sns-follow-buttons a.facebook-button{background-color:#3b5998;}
.author-box .sns-follow-buttons a.facebook-button:hover{border:1px solid #3b5998;background-color:#fff;color:#3b5998;}

/*SNSフォローボタン*/
.sidebar .sns-follow-buttons a {width:18%;}
.sidebar .sns-follow {margin:0 0 24px 0;}

/*サイドバーコンテンツ*/
/*教室テーマ*/
.theme1{background:#e9ffff;border:2px solid #a4d5bd;border-radius:10px;padding:0px 10px 10px 10px;}
.theme1 h3{background:#e9ffff;border-bottom:dotted 3px #f8c3a2;color:#726250;font-size:90%;}
.theme1 li{list-style-type:none;background:url(https://kankoku-ryouri.jp/hansamo/wp-content/uploads/2025/10/side-themaicon.gif)no-repeat center left;padding-left:20px;}
.theme2{background:#fef6ef;border:2px solid #fff1e6;border-radius:10px;padding:0px 10px 10px 10px;}
.theme2 h3{background:#fef6ef;border-bottom:dotted 3px #ffe2cc;color:#726250;font-size:90%;}
.theme2 li{list-style-type:none;background:url(https://kankoku-ryouri.jp/hansamo/wp-content/uploads/2025/10/side-themaicon1.gif)no-repeat center left;padding-left:20px;}

.udemy{text-align:center;width:336px;border:solid 1px #B0C4DE;}
.udemy .udemy-in{padding:20px;font-size:90%;}

.book img{border:1px solid #a9a9a9;}
.booklist{margin-bottom:8px;font-size:80%;}

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

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

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

	.appeal {
		background-image: url(https://kankoku-ryouri.jp/hansamo/wp-content/uploads/2017/07/20170603_125327.jpg);
		height: 360px;
	}

	/* モバイルもアピールエリアの画像比率に合わせ画面いっぱいに表示 */
	.appeal {
		aspect-ratio: 750 / 670;
		background-size: contain;
	}
}