@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.7
*/

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

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/*マウスオーバーで動く～*/
a:hover img {
opacity: .9;
position: relative; top: 1px; left: 1px; 
}
img { border-radius: 7px; }
/*～マウスオーバーで動く*/
/*ページヘッダー画像～*/
.single .header {
		background-image: url('https://xn--kpu337b.jp/img/2023/05/f48755004a72442629a1eda2144fdd47-1-scaled.jpg');
	height: 250px; /*ヘッダーロゴに合わせて250pxに*/
}
@media screen and (min-width: 769px) {
	.single .header-in {
		min-height: 250px; /*hederに合わせて同じ位の数値で調整*/
	}
}
@media screen and (max-width: 420px) {
	.single .header {
		height: 32vw;
	}
}
/*～ページヘッダー画像*/
/*カテゴリヘッダー画像～*/
.category .header {
		background-image: url('https://xn--kpu337b.jp/img/2023/05/318136e81047f22a53cb61c6e2cb6d6d-scaled.jpg');
	height: 445px; /*ヘッダーロゴに合わせて440pxに*/
}
@media screen and (min-width: 769px) {
	.category .header-in {
		min-height: 445px; /*hederに合わせて同じ位の数値で調整*/
	}
}
@media screen and (max-width: 420px) {
	.category .header {
		height: 32vw;
	}
}
/*～カテゴリヘッダー画像*/
/*SNS回転～*/
#main a .button-caption{
	display:none;
}
#main .sns-buttons a{
	height:35px;
	width:35px;
	border-radius:50%;
	opacity:0.8;
	margin-right:10px;
}
#main .sns-buttons a:last-child{
	margin-right:0;
	transform: rotateZ( 0deg ) ;
}
#main .sns-buttons :hover{
	transform: rotateZ( 360deg ) ;
}
.sns-share-buttons{
	justify-content: flex-start;
}
.article-footer .sns-share-buttons,.article-footer .sns-follow-buttons{
	justify-content: center;
}
.sns-share-message, .sns-follow-message{
	color:#666;
	font-size:0.8em;
}
.sns-follow-buttons a{
	font-size:1.3em;
}
.sns-share-message::before, .sns-follow-message::before{
	content:'＼ ';
}
.sns-share-message::after, .sns-follow-message::after{
	content:' ／';
}
.sns-share, .sns-follow{
	margin:0;
}
.sns-share-buttons a .share-count {
    right: -10px;
    bottom: -10px;
    color: #aaa;
}
/*～SNS回転*/
/*ブログカード～*/
.internal-blogcard{
background:#ffffff; /* 背景色 */
border:3px solid #89C997; /* 太さ　線種　色 */
border-radius: 10px; /* 角丸 */
} 
.internal-blogcard:hover{
	border:3px solid #F19EC2;
} 
.blogcard-wrap:hover{
	box-shadow: 0 10px 20px -5px rgba(0,0,0,0.2);
}
/*～ブログカード*/
/*ぺネーション～*/
.page-numbers {
  color: #89C997;
  border: 1px solid #89C997;
  border-radius: 50%;
}
.pagination .current {
  background-color: #89C997;
  color: #fff;
}
.page-numbers.dots {
  opacity: 1;
  background: none;
}
.pagination a:hover {
  background-color: #89C997;
  color: #fff;
}
/*～ぺネーション*/
/*関連記事～*/
.related-list{
background:#ffffff; /* 背景色 */
border:2px solid #C5E4CC; /* 太さ　線種　色 */
border-radius: 8px; /* 角丸 */
font-size:1.2em;
} 
.blogcard-wrap:hover{
	box-shadow: 0 10px 20px -5px rgba(0,0,0,0.2);
}
/*～関連記事*/
/*エントリーカード～*/
.entry-card{
background:#ffffff; /* 背景色 */
border:1px dotted #89C997; /* 太さ　線種　色 */
border-radius: 6px; /* 角丸 */
font-size:1.2em;
padding: 0.5em 0.5em 0.5em 1em;
margin-bottom:0.7em
} 
/*～エントリーカード*/
/*ヘッダーロゴ～*/
/*768px以下*/
@media screen and (max-width: 768px){
.logo-header img {
	width: 150px;
	height :auto;
}
}
/*～ヘッダーロゴ*/
/*ページ送りナビ～*/
.pager-post-navi {/*ページ送りナビ*/
background-color: #fff;/*背景色*/
border: 1px solid #89C997;/*枠の大きさ、スタイル、色*/
border-radius: 6px; /* 角丸 */
}
.pager-post-navi a:hover {/*ホバー時のページ送りナビ*/
background-color: #efefef;/*背景色*/
color: #333;/*文字色*/
border: 1px solid #89C997;/*枠の大きさ、スタイル、色*/
border-radius: 6px; /* 角丸 */
}
/*～ページ送りナビ*/