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

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

/* ----------------------------------------------------------------------
追記
---------------------------------------------------------------------- */
html{box-sizing:border-box !important;}
img{vertical-align: bottom;max-width:100%;height:auto;}
.clear{clear:both}
.centerling{text-align:center;}
.sp_only{display:none;}
.dn{display:none;}
.br_sp{display:none;}
.align-left{float:left;}
.align-right{float:right;}
.align-center{text-align:center !important}	
.align-left img{margin:0 40px 20px 0}
.align-right img{margin:0 0 20px 40px}
.align-center img{margin:0 0 10px 0px}
img.img100{width:100px;height:auto;}
img.img110{width:110px;height:auto;}
img.img120{width:120px;height:auto;}
img.img130{width:130px;height:auto;}
img.img140{width:140px;height:auto;}
img.img150{width:150px;height:auto;}
img.img160{width:160px;height:auto;}
img.img170{width:170px;height:auto;}
img.img180{width:180px;height:auto;}
img.img190{width:190px;height:auto;}
img.img200{width:200px;height:auto;}
img.img210{width:210px;height:auto;}
img.img220{width:220px;height:auto;}
img.img230{width:230px;height:auto;}
img.img240{width:240px;height:auto;}
img.img250{width:250px;height:auto;}
img.img260{width:260px;height:auto;}
img.img270{width:270px;height:auto;}
img.img280{width:280px;height:auto;}
img.img290{width:290px;height:auto;}
img.img300{width:300px;height:auto;}
img.img310{width:310px;height:auto;}
img.img320{width:320px;height:auto;}
img.img330{width:330px;height:auto;}
img.img340{width:340px;height:auto;}
img.img350{width:350px;height:auto;}
img.img360{width:360px;height:auto;}
img.img370{width:370px;height:auto;}
img.img380{width:380px;height:auto;}
img.img390{width:390px;height:auto;}
img.img400{width:400px;height:auto;}
img.img450{width:450px;height:auto;}
img.img500{width:500px;height:auto;}
img.img550{width:550px;height:auto;}
img.img600{width:600px;height:auto;}
img.img650{width:650px;height:auto;}
img.img700{width:700px;height:auto;}
img.img750{width:750px;height:auto;}
img.img800{width:800px;height:auto;}
img.img850{width:850px;height:auto;}
img.img900{width:900px;height:auto;}
img.img950{width:950px;height:auto;}
img.img1000{width:1000px;height:auto;}
a img.over{background:none!important}
a:hover img.over{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background:none!important;
}
p { margin:0 0 1em 0; padding:0; line-height:180%; }
.serif{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}


/**************************************************************
【fontの設定】
**************************************************************/
.text70{font-size:70%}			/* フォントサイズ70% */
.text80{font-size:80%}
.text90{font-size:90%}
.text100{font-size:100%}
.text110{font-size:110%}
.text120{font-size:120%}
.text130{font-size:130%}
.text140{font-size:140%}
.text150{font-size:150%}
.text160{font-size:160%}
.text170{font-size:170%}
.text180{font-size:180%}
.text190{font-size:190%}
.text200{font-size:200%}
.text210{font-size:210%}
.text220{font-size:220%}
.b{font-weight:700}				/* 太字 */
.u{text-decoration:underline}	/* 下線 */
/**************************************************************
【colorの設定】
**************************************************************/
.red{color:red}				/* 赤色 */
.blue{color:#2ca9e1}		/* 青色 */
.green{color:#82ae46}		/* 緑色 */
.orange{color:#ff7d00}		/* 橙色 */
.yellow{color:#fff000}		/* 黄色 */
.pink{color:#ff0084}		/* ピンク */
.gray{color:#999}

/*************************************************************
【marginの設定】
*************************************************************/
.m0{margin:0 !important}			/* margin 0px を指定するクラス */
.mt0{margin-top:0 !important}		/* margin-top0px を指定するクラス */
.mr0{margin-right:0 !important}		/* margin-right0px を指定するクラス*/
.mb0{margin-bottom:0 !important}	/* margin-bottom0px を指定するクラス*/
.ml0{margin-left:0 !important}		/* margin-left0px を指定するクラス*/

.m5{margin:5px !important}
.mt5{margin-top:5px !important}
.mr5{margin-right:5px !important}
.mb5{margin-bottom:5px !important}
.ml5{margin-left:5px !important}

.m10{margin:10px !important}
.mt10{margin-top:10px !important}
.mr10{margin-right:10px !important}
.mb10{margin-bottom:10px !important}
.ml10{margin-left:10px !important}

.m15{margin:15px !important}
.mt15{margin-top:15px !important}
.mr15{margin-right:15px !important}
.mb15{margin-bottom:15px !important}
.ml15{margin-left:15px !important}

.m20{margin:20px !important}
.mt20{margin-top:20px !important}
.mr20{margin-right:20px !important}
.mb20{margin-bottom:20px !important}
.ml20{margin-left:20px !important}

.m25{margin:25px !important}
.mt25{margin-top:25px !important}
.mr25{margin-right:25px !important}
.mb25{margin-bottom:25px !important}
.ml25{margin-left:25px !important}

.m30{margin:30px !important}
.mt30{margin-top:30px !important}
.mr30{margin-right:30px !important}
.mb30{margin-bottom:30px !important}
.ml30{margin-left:30px !important}

.m35{margin:35px !important}
.mt35{margin-top:35px !important}
.mr35{margin-right:35px !important}
.mb35{margin-bottom:35px !important}
.ml35{margin-left:35px !important}

.m40{margin:40px !important}
.mt40{margin-top:40px !important}
.mr40{margin-right:40px !important}
.mb40{margin-bottom:40px !important}
.ml40{margin-left:40px !important}

.m45{margin:45px !important}
.mt45{margin-top:45px !important}
.mr45{margin-right:45px !important}
.mb45{margin-bottom:45px !important}
.ml45{margin-left:45px !important}

.m50{margin:50px !important}
.mt50{margin-top:50px !important}
.mr50{margin-right:50px !important}
.mb50{margin-bottom:50px !important}
.ml50{margin-left:50px !important}

.m55{margin:55px !important}
.mt55{margin-top:55px !important}
.mr55{margin-right:55px !important}
.mb55{margin-bottom:55px !important}

.ml55{margin-left:55px !important}
.m60{margin:60px !important}
.mt60{margin-top:60px !important}
.mr60{margin-right:60px !important}
.mb60{margin-bottom:60px !important}
.ml60{margin-left:60px !important}

.m65{margin:65px !important}
.mt65{margin-top:65px !important}
.mr65{margin-right:65px !important}
.mb65{margin-bottom:65px !important}
.ml65{margin-left:65px !important}

.m70{margin:70px !important}
.mr70{margin-right:70px !important}
.mt70{margin-top:70px !important}
.mb70{margin-bottom:70px !important}
.ml70{margin-left:70px !important}

.m75{margin:75px !important}
.mt75{margin-top:75px !important}
.mr75{margin-right:75px !important}
.mb75{margin-bottom:75px !important}
.ml75{margin-left:75px !important}

.m80{margin:80px !important}
.mt80{margin-top:80px !important}
.mr80{margin-right:80px !important}
.mb80{margin-bottom:80px !important}
.ml80{margin-left:80px !important}
.mt90{margin-top:90px !important}

/**************************************************************
【paddingの設定】
**************************************************************/
.p0{padding:0 !important}			/* padding-0px を指定するクラス */
.pt0{padding-top:0 !important}		/* padding-top0px を指定するクラス */
.pr0{padding-right:0 !important}	/* padding-right0px を指定するクラス */
.pb0{padding-bottom:0 !important}	/* padding-bottom0px を指定するクラス */
.pl0{padding-left:0 !important}		/* padding-left0px を指定するクラス */

.p5{padding:5px !important}
.pt5{padding-top:5px !important}
.pr5{padding-right:5px !important}
.pb5{padding-bottom:5px !important}
.pl5{padding-left:5px !important}

.p10{padding:10px !important}
.pt10{padding-top:10px !important}
.pr10{padding-right:10px !important}
.pb10{padding-bottom:10px !important}
.pl10{padding-left:10px !important}


.pt30{padding-top:30px !important}
.pb30{padding-bottom:30px !important}
.pt40{padding-top:40px !important}
.pb40{padding-bottom:40px !important}
.pt50{padding-top:50px !important}
.pb50{padding-bottom:50px !important}
.pt60{padding-top:60px !important}
.pb60{padding-bottom:60px !important}
.keikou {background: linear-gradient(transparent 40%, #ff9 40%); }
.youtube2 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/*************************************************************
【横並びのリスト】
*************************************************************/
.yokonarabi ul{font-size:0;  display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;justify-content: center;}
.yokonarabi ul li{font-size:13px;width:420px;height:auto;display: inline-block;margin-right:20px;background:#F0F3F5;border-radius:10px;margin-bottom:20px;}
.yokonarabi ul li:nth-child(2n){margin-right:0;}
@media screen and (max-width:991px){
.yokonarabi ul {display: block !important;}
.yokonarabi ul  li{width:100%;margin-right:0px;margin-bottom:20px;}
.yokonarabi ul  li img{max-width:100%;}
}



/*************************************************************
【スマホの設定】
*************************************************************/

@media screen and (max-width:991px){
	
#sns_area_sp ul{font-size:0;text-align:center;margin-bottom:18px;}
#sns_area_sp ul li{display: inline-block;width:27px;height:auto;margin-right:12px}
#sns_area_sp ul li img{width:100%;height:auto;}
#sns_area_sp ul li:nth-child(4){margin-right:0}
#logo-area2{text-align:center;}
#logo-area2 img{margin-top:10px;max-width:60%;height:auto}
#shop_area_sp{text-align:center;margin-bottom:18px;}
.contents_shrot{width:100%;}

ul.top_bottan{text-align:center;font-size:0;margin-top:0px}
ul.top_bottan li{width:30%;margin:10px;display: inline-block;}
ul.top_bottan li img{max-width:100%;}

ul.top_bottan2{font-size:0;margin-top:20px;margin-bottom:30px;}
ul.top_bottan2 li{width:100%;height:auto;margin-bottom:10px}
ul.top_bottan2 li img{max-width:100%;height:auto;}
	
section#seq_topics ul{width:100%;}
	section#seq_topics ul li{width:50%;margin-bottom:20px;text-align:center;margin-right:0px;}
section#seq_topics ul li img{max-width:100%;height:auto}	
	
.br_sp{display:inherit;}
.br_pc{display:none}
.align-left{float:none;text-align:center;}
.align-right{float:none;text-align:center;}
.align-left img{margin:0 0 20px 0}
.align-right img{margin:0 0 20px 0}
img.img100{max-width:100%;height:auto;}
img.img110{max-width:100%;height:auto;}
img.img120{max-width:100%;height:auto;}
img.img130{max-width:100%;height:auto;}
img.img140{max-width:100%;height:auto;}
img.img150{max-width:100%;height:auto;}
img.img160{max-width:100%;height:auto;}
img.img170{max-width:100%;height:auto;}
img.img180{max-width:100%;height:auto;}
img.img190{max-width:100%;height:auto;}
img.img200{max-width:100%;height:auto;}
img.img210{max-width:100%;height:auto;}
img.img220{max-width:100%;height:auto;}
img.img230{max-width:100%;height:auto;}
img.img240{max-width:100%;height:auto;}
img.img250{max-width:100%;height:auto;}
img.img260{max-width:100%;height:auto;}
img.img270{max-width:100%;height:auto;}
img.img280{max-width:100%;height:auto;}
img.img290{max-width:100%;height:auto;}
img.img300{max-width:100%;height:auto;}
img.img310{max-width:100%;height:auto;}
img.img320{max-width:100%;height:auto;}
img.img330{max-width:100%;height:auto;}
img.img340{max-width:100%;height:auto;}
img.img350{max-width:100%;height:auto;}
img.img360{max-width:100%;height:auto;}
img.img370{max-width:100%;height:auto;}
img.img380{max-width:100%;height:auto;}
img.img390{max-width:100%;height:auto;}
img.img400{max-width:100%;height:auto;}
img.img450{max-width:100%;height:auto;}
img.img500{max-width:100%;height:auto;}
img.img550{max-width:100%;height:auto;}
img.img600{max-width:100%;height:auto;}
img.img650{max-width:100%;height:auto;}
img.img700{max-width:100%;height:auto;}
img.img750{max-width:100%;height:auto;}
img.img800{max-width:100%;height:auto;}
img.img850{max-width:100%;height:auto;}
img.img900{max-width:100%;height:auto;}
img.img950{max-width:100%;height:auto;}
img.img1000{max-width:100%;height:auto;}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:30px !important}
.mt50{margin-top:30px !important}
.mt60{margin-top:30px !important}
.mt70{margin-top:30px !important}
.mt75{margin-top:30px !important}
.mt80{margin-top:30px !important}
.mt85{margin-top:30px !important}
.mt90{margin-top:30px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:30px !important}
.mb50{margin-bottom:30px !important}
.pt30{padding-top:20px !important}
.pb30{padding-bottom:20px !important}
.pt40{padding-top:30px !important}
.pb40{padding-bottom:30px !important}
.pt50{padding-top:30px !important}
.pb50{padding-bottom:30px !important}
.pt60{padding-top:30px !important}
.pb60{padding-bottom:10px !important}
.sp_only{display:inherit;}
.pc_only{display:none;}
.sp_inner{padding:0 20px}
}
img {image-rendering: -webkit-optimize-contrast !important;vertical-align: bottom;}

.youtube-container {
    position: relative;
    width: 100% !important;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin: 0 auto;
}

.youtube-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100% !important;
    height: 100% !important;
}
.article-footer{display:none;}
.wp-block-search__button{width:80px;white-space: nowrap;padding:10px}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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