#con_title { float: left; display: block; margin: 0; margin-top: -2em;}
#con_title .img { width: 100%; height: 0; padding-top: 72.5%; padding-top: -webkit-calc(290 / 400 * 100%); padding-top: calc(290 / 400 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block;}
#story_onair { width: 69%; display: block; margin-left: .5%; position: absolute; top: -.5em; right: 1.5%;}
#story_onair .img { width: 100%; height: 0; padding-top: 9.4%; padding-top: -webkit-calc(94 / 1000 * 100%); padding-top: calc(94 / 1000 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block;}

h3 { color: rgba(102, 198, 242, 1); font-size: 120%; font-family: lithos-pro, sans-serif; padding-top: 1em;}
#past_story { border-top: 2px dashed rgba(0, 152, 221, .5); margin: 1em 0 0 0;}

#past_set { width: 90%; max-width: 400px; margin: 0 auto;}
#story2020 { display: inline-block; width: 94%; max-width: 400px; margin: .5em auto;}
#story2020 a { width: 100%; padding-top: 37.280701754385965%; padding-top: -webkit-calc(170 / 456 * 100%); padding-top: calc(170 / 456 * 100%); display: block; position: relative;}
#story2020 a:hover { opacity: .8;}
#img2020 { width: 100%; height: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block; position: absolute; top: 0; left: 0;}

#story2024 { display: inline-block; width: 45%; max-width: 190px; margin: .5em 5px 0 0;}
#story2022 { display: inline-block; width: 45%; max-width: 190px; margin: .5em 0 0 5px;}
#story2024 a, #story2022 a { width: 100%; padding-top: 100%; display: block; position: relative;}
#story2024 a:hover, #story2022 a:hover { opacity: .8;}
#img2024, #img2022 { width: 100%; height: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block; position: absolute; top: 0; left: 0;}

.opc6 { opacity: .6;}

.img_set { width: 100%; max-width: 720px; margin: 0 auto;}
.img_set0 { width: 100%; max-width: 540px; margin: 0 auto;}
.img_set:before, .img_set:after { content: ""; display: table;}
.img_set:after { clear: both;}
.img_set::after { content: ""; display: block; clear: both;}
.img_set .imgsp { box-sizing: border-box; width: 100%; border: 1px solid rgba(0, 152, 221, .8); background: rgba(255, 255, 255, 1); padding: .5em; margin: 1em auto;}
.img_set .imgsp .img { width: 100%; height: 0; padding-top: 66.6%; padding-top: -webkit-calc(666 / 1000 * 100%); padding-top: calc(666 / 1000 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}

#spot_sp { max-width: 720px; margin: 0 auto 10px auto;}

.con_txt { position: relative; z-index: 100;}

/*for_W640-*/
@media all and (min-width: 640px) {
#story_onair { width: 73%;}
}
/*for_W768-*/
@media all and (min-width: 768px) {
#story_onair { top: -.05em;}
.movie_sp .play_btn { width: 80px; height: 80px;}
.movie_sp .play_txt { font-size: 120%;}
.img_set { width: 100%;}
.img_set .imgsp { width: 48%; margin: 0 .5% 0 1%; float: left;}
#img2024set .imgsp { width: 48%; margin: 0 .5% .5em 1%; float: left;}
.img_set0 .imgsp { width: 100%; margin: 0 auto; float: none;}
#spot_sp { margin: 10px auto;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) {
#past_set { width: 100%; max-width: 720px; margin: 0 auto;}
#story2020 { display: inline-block; width: 55%; max-width: 456px; margin:.5em 0;}
#story2022 { display: inline-block; width: 20.5%; max-width: 170px; margin: .5em 5px .5em 0;}
#story2024 { display: inline-block; width: 20.5%; max-width: 170px; margin: .5em 5px .5em 0;}

}