@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body {font-family: "WebFont", -apple-system, BlinkMacSystemFont, sans-serif !important;}

.card-thumb img {aspect-ratio: auto !important;}

.slick-arrow {display:none !important;}
ul.slider {padding-left:0}
.tagline {border-bottom: 3px double #fff;}
.ect-vertical-card .entry-card-wrap .entry-card-thumb img {width: auto;	max-width: 100%;}
.dmm-link {font-weight:bold;font-size:24px;text-align:right;margin-bottom:50px;}
.dmm-link2 {font-weight:bold;font-size:24px;text-align:left;margin-bottom:50px;}
.navi-in > ul li { width: 154px;}

.idol-side {width:50%;float:left;text-align:center;}
.idol-side img {margin:1px auto}
.api-web {margin:50px 20px 20px;text-align:right}

.idol-top {text-align:center;}
.idol-top2 {width:18%;float:left;margin:0 1%;min-height: 220px;}
.idol-top2 img {max-height:200px;}

.sns {color:#fff;background:#2c6ebd;padding-left:10px;font-size:18px;line-height:50px;margin:10px 0}
.title_h1{color:#fff;background:#2c6ebd;padding:10px;font-size:26px;margin:10px 0}

sub i {display:none}

.e-img {float:left;width:calc(100% / 5);text-align:center;}
.e-img img {width:96%;}
.e-sample {margin-bottom:50px;}
h3.e-sample-title {font-weight:normal;border:none;border-top:3px double #2c6ebd;border-bottom:3px double #2c6ebd}

table.e-data {width:auto;border:none;background:#fff;}
table.e-data th {right;font-size:14px;border:none;background:#fff;font-weight:normal;padding:5px;text-align:left}
table.e-data td {font-size:14px;border:none;background:#fff;padding:5px;}

table.link {width:100%;border:none;background:#fff;margin-bottom:50px;}
table.link td {width:50%;text-align:center;border:none;background:#fff;}

.link-01 {position:relative;text-align:center;margin: 0 auto;background:#fff;color:#2c6ebd;line-height:40px;width:80%;margin-bottom:10px;}
.link-01 a {background:#fff;color:#000;display: block;border:3px double #2c6ebd;text-decoration: none;}
.link-01 a:hover {background:#2c6ebd; color:#fff; }


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

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.idol-top2 {width:30%;float:left;margin:0 1%;}
.idol-top2 img {max-height:auto;}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.idol-top2 {width:48%;float:left;margin:0 1%;}
.idol-top2 img {max-height:auto;}
.e-img {float:left;width:calc(100% / 2);text-align:center;}
table.link td {width:100%;display:block;}
}