/*	modal_files
============================== */
body {
 background: transparent;
}

.gold_sp {
 box-sizing: border-box;
 width: 100%;
 margin: 0 auto 2.5em auto;
 border: 5px solid rgba(240, 215, 109, 1);
 box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
 padding: 1.2em 1em;
 position: relative;
 background: rgba(255, 255, 255, 1);
 margin-bottom: 0;
}
.silver_sp {
 box-sizing: border-box;
 width: 100%;
 margin: 0 auto 1em auto;
 border: 5px solid rgba(232, 231, 226, 1);
 box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
 padding: 1.2em 1em;
 position: relative;
 background: rgba(255, 255, 255, 1);
 margin-bottom: 0;
}

.sho_sp {
 display: block;
 width: 40%;
 max-width: 240px;
 margin: 1em auto;
}
.sho_img {
 display: block;
 width: 100%;
 height: 0;
 padding-top: 21%;
 padding-top: -webkit-calc(168 / 800 * 100%);
 padding-top: calc(168 / 800 * 100%);
 background-repeat: no-repeat;
 -webkit-background-size: contain;
 background-size: contain;
}
.gold_sp .sho_img {
 background-image: url(../images/gold.png);
}
.silver_sp .sho_img {
 background-image: url(../images/silver.png);
}

.gold_sp .img_sp,
.silver_sp .img_sp {
 width: 100%;
 max-width: 600px;
 margin: 2em auto 1em auto;
 box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.text_set {
 text-align: center;
}
.w_title {
 font-size: 130%;
 font-weight: 600;
 line-height: 130%;
 padding: 0.5em;
}
.w_media {
 font-size: 90%;
 font-weight: 400;
}
.stream_term {
 padding: 1em 0;
 font-size: 95%;
 letter-spacing: 0.1em;
 text-align: center;
}

.text_staff {
 text-align: left;
 padding: 1em 0;
 font-weight: 600;
 line-height: 150%;
 font-size: 110%;
 max-width: 600px;
 margin: 0 auto;
}
.text_info {
 text-align: left;
 padding: 1em 0;
 line-height: 160%;
 font-size: 110%;
 max-width: 600px;
 margin: 0 auto;
}

.str_lnkb a {
 display: inline-block;
 padding: 1em 2em;
 margin: 1em auto;
 text-align: center;
 letter-spacing: 0.1em;
 color: rgba(255, 255, 255, 1);
 border-radius: 50px;
}
.str_lnkb a:hover {
 opacity: 0.8;
}
.str_lnkb#tv_col a {
 background: rgba(212, 78, 128, 1);
}
.str_lnkb#radio_col a {
 background: rgba(225, 139, 79, 1);
}
.str_lnkb a span::before {
 content: '→ ';
}

/*for_W640-*/
@media all and (min-width: 640px) {
 .w_title {
  font-size: 180%;
 }
 .w_media {
  font-size: 120%;
 }
 .stream_term {
  font-size: 110%;
 }
 .text_staff,
 .text_info {
  font-size: 120%;
 }
 .str_lnkb a {
  font-size: 110%;
 }
}