@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
.card-thumb img {aspect-ratio: auto !important;}

table.idol01 {width:100%;border:none;background:#fff;}
table.idol01 th {border:none;background:#fff;font-weight:normal;font-size:14px;background:#f791ee;color:#fff}
table.idol01 td {border:none;background:#fff;text-align:center;border-bottom:2px solid #f791ee;}
table.idol01 td img {vertical-align: middle}
table.idol01 td .idol02 {font-size:24px;font-weight:bold;color:#0000ff}

.btn-animation {display: inline-block;width: 200px;text-align: center;background-color: #fd568c;border: 2px solid #fd568c;font-size: 16px;color: #fd568c;text-decoration: none;font-weight: bold;padding: 10px 24px;border-radius: 4px;position: relative;}
.btn-animation span {position: relative;z-index: 1;}
.btn-animation::before,.btn-animation::after {content: "";display: block;background-color: #FFF;width: 50%;height: 100%;position: absolute;top: 0;transition: .2s;}
.btn-animation::before {left: 0;}
.btn-animation::after {right: 0;}
.btn-animation:hover:before,.btn-animation:hover:after {width: 0;background-color: #FFF;}
.btn-animation:hover {color: #FFF;}

.idol-side {width:48%;margin:0 1%;float:left;text-align:center;min-height:140px;}
.idol-side img {margin:1px auto}
.idol-side2 {width:48%;margin:0 1%;float:left;text-align:center;min-height:280px;}
.idol-side2 img {margin:1px auto;max-height: 200px;}

.api-web {margin:100px 20px 20px;text-align:right}

.main-under {width:31%;margin:0 1%;float:left;text-align:center;font-size:14px;min-height: 210px;}
.main-under img {margin:1px auto}

.main-under-doujin {width:100px;margin:0 0 50px;float:left;text-align:center;font-size:14px;}
.main-under-doujin img {padding:5px;}


.idol-top {text-align:center;}
.entry-content > *, .demo .entry-content p {margin-top: 0;margin-bottom: 0;}

h1.entry-title {background:#c91dc7;font-weight:normal;color:#fff;font-size:24px;padding:20px 10px;}
h2.related-entry-heading {text-align:center;background:#c91dc7;font-weight:normal;color:#fff;line-height:60px;}


.main-con {}
.main-con img {margin:10px auto 30px}
.main-con strong {font-weight:normal}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
/*必要ならばここにコードを書く*/

table.idol01 th {display:block;}
table.idol01 td {display:block;border-bottom:none !important;}
}