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

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

/*googlefont Poppins*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;600&display=swap');

.al-c {
	text-align: center;
}

.m30-b {
	margin-bottom: 30px!important;
}
.item-label {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
}

h1,h2,h3{
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
}
h3.borderh3 {text-align: center;border-bottom: 1px solid #444444;border-top: 1px solid #444444;padding: 10px 0;margin: 30px 0 20px 0;}

a {text-decoration: none;}
.thmb-list a {color: #4b6057;}
.thmb-list {position: relative;}
.cat-label-top {
	position: absolute;
    top: 0.3em;
    left: 0.3em;
    border: 1px solid #eee;
    font-size: 11px;
    background-color: #91bf9b;
    padding: 1px 5px;
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cat-label-top a {color: #fff;}

ul li {list-style-type: none;list-style: none;}
.header-container-in.hlt-top-menu .logo-header {max-height: 90px;padding: 10px 0!important;}


.btn-more {
    width: 22%;
    margin: 0 auto;
    text-align: center;
    padding: 15px;
    font-size: 19px;
    margin-top: 25px;
    margin-bottom: 25px;
    background-color: #ec796d;
	color: #ffffff;
	font-family: 'Poppins', sans-serif;
	font-weight: 800;
}

/*投稿シェアボタンタイトル非表示*/
.article-footer .button-caption {display: none;}
.sns-share-buttons {justify-content: center;}
.sns-share-buttons a {font-size: 24px;}
.sns-share.ss-col-6 a {width: 45px;}
.bc-brand-color-white.sns-share a {border: none;}
/*ポチップロゴ非表示*/
.pochipp-box__logo {display: none!important;}

/*固定ページdesignでブログカードのフッター削除*/
.page-id-171 .blogcard-footer {display: none;}

/* .flexBox
-------------------------------------------------- */
.flex-re {flex-direction: row-reverse;}
.flexBox {display: flex;flex-wrap: wrap;}
.flexBox li.thmb-list {width: 33%; padding: 1%;}
.flexBox li img {width: 100%;height: auto; padding-bottom: 2%;object-fit: cover; }
.flexBox li.thmb-list img {width: 100%;height: 150px; padding-bottom: 2%;object-fit: cover; }
.center-txt{margin: auto;}
.reverse {flex-direction: row-reverse; } 
.item-center {align-items: center;}
.pdglft30 {padding-left: 30px;}
ul.flexBox {padding-left: 0!important;}

@media screen and (max-width: 767px) {
	.flexBox li.thmb-list {width: 50%;}
	.flexBox li.thmb-list img {height: 120px;}
	.btn-more {width: 60%;}
}

.flexBox li.thmb-list img

/* ■  トップ メインイメージ  ■*/
.topflex-02 {text-align:center;}

@media screen and (min-width: 768px) {
	.topflex {padding: 0 5%;}
	.topflex li{width: 50%;}
	.topflex-01 {padding: 5%;}
	.topflex-01 img {width: 80%!important;}
	.topflex-02 {padding: 5% 5% 5% 0;}
	.topflex-02 img {width: 80%!important;margin-bottom: 30px;}
}
@media screen and (max-width: 767px) {
	.topflex {padding-left:0!important;}
	.topflex li{width: 100%;}
	.topflex-01,.topflex-02 img {display: none;}
}


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

/*834px以下*/
@media screen and (max-width: 834px){
	.sns-share-buttons a {font-size: 24px!important;}
	.sns-share.ss-bottom.ss-col-6 a {width: 16%;}
}

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