h3 { font-family: "oswald", sans-serif; font-weight: 700; font-style: normal; text-align: center; letter-spacing: .1em; font-size: 150%; color: rgba(24, 43, 119, 1); padding: 1em 0 1em 0;}
#story_txt { box-sizing: border-box; width: 100%; background-repeat: no-repeat; background-size: cover; background-image: url(../../img/bg_cmt.jpg?0); margin: .5em auto 1em auto; padding: .5em 1em;}
#story_txt p { width: 100%; padding: .5em 0; texta-lign: left; font-size: 98%; line-height: 160%; letter-spacing: .05em;}
#story_imgset { width: 100%; display: flex; flex-flow: row wrap; justify-content: center;}
.story_imgsp { width: 100%;  margin: .5em 0;}
.story_img { width: 100%; height: 0; padding-top: 66.66666667%; padding-top: -webkit-calc(800 / 1200 * 100%); padding-top: calc(800 / 1200 * 100%); position: relative; background-repeat: no-repeat; background-size: contain;}
/*for_W768-*/
@media all and (min-width: 768px) { 
.story_imgsp { width: 49%;  margin: .5em 0;}
.story_imgsp:nth-child(odd) { margin-right: .9%;}
.story_imgsp:nth-child(even) { margin-left: .9%;}
.story_imgsp:nth-child(5) { margin-right: 0;}
}

/*backnumber*/
#bn_txt { box-sizing: border-box; width: 100%; background-repeat: no-repeat; background-size: cover; background-image: url(../../img/bg_cmt.jpg?0); margin: .5em auto 1em auto; padding: .5em 1em;}
#bn_txt h3 { font-style: italic; text-align: left; letter-spacing: .05em; font-size: 240%; padding: .5em 0 .75em 0;}
#bn_set { width: 100%; margin: 0 auto .5em auto;}
#bn_set ul { width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between;}
#bn_set li { flex-basis: 48%; width: 48%; margin-bottom: 1em;}
#bn_set li .bn_sp { width: 100%; height: 0; padding-top: 66.66666667%; padding-top: -webkit-calc(800 / 1200 * 100%); padding-top: calc(800 / 1200 * 100%); position: relative; background-repeat: no-repeat; background-size: contain;}
#bn_set li .bn_sp .cover { border: 1px solid rgba(0, 39, 122, 1); box-shadow: 2px 7px 10px 0 rgba(0, 0, 0, .2);}
#bn_set li .bn_sp a { box-sizing: border-box; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#bn_set li .bn_sp a:hover { background-color: rgba(255, 255, 255, .15);}
#bn_set li .bn_sp .ep_no { display: inline-block; background-color: rgba(24, 43, 119, 1); color: rgba(255, 255, 255, 1); font-family: "oswald", sans-serif; font-weight: 700; font-style: italic; font-size: 110%; padding: .25em .75em .5em .5em; letter-spacing: .1em; box-shadow: 2px 7px 10px 0 rgba(0, 0, 0, .2); position: absolute; bottom: -5px; right: -5px;}
/*for_W640-*/
@media all and (min-width: 640px) { 
#bn_txt h3 { font-size: 220%;}
#bn_set ul { justify-content: flex-start;}
#bn_set li { flex-basis: 31.3%; width: 31.3%;}
#bn_set li:first-child, #bn_set li:nth-child(2), #bn_set li:nth-child(4), #bn_set li:nth-child(5), #bn_set li:nth-child(7), #bn_set li:nth-child(8) { margin-right: 2%;}
}
/*for_W768-*/
@media all and (min-width: 768px) { 
#bn_txt h3 { font-size: 200%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
#bn_txt h3 { font-size: 180%;}
#bn_set li { flex-basis: 23.5%; width: 23.5%;}
#bn_set li:first-child, #bn_set li:nth-child(2), #bn_set li:nth-child(4), #bn_set li:nth-child(5), #bn_set li:nth-child(7), #bn_set li:nth-child(8) { margin-right: 0;}
#bn_set li:first-child, #bn_set li:nth-child(2), #bn_set li:nth-child(3), #bn_set li:nth-child(5), #bn_set li:nth-child(6), #bn_set li:nth-child(7), #bn_set li:nth-child(9) { margin-right: 2%;}

}

/*_active*/
#ep01sp #ep01li, #ep02sp #ep02li, #ep03sp #ep03li, #ep04sp #ep04li, #ep05sp #ep05li, #ep06sp #ep06li, #ep07sp #ep07li, #ep08sp #ep08li, #ep09sp #ep09li, #ep10sp #ep10li { opacity: .5;}
#ep01sp #ep01li a, #ep02sp #ep02li a, #ep03sp #ep03li a, #ep04sp #ep04li a, #ep05sp #ep05li a, #ep06sp #ep06li a, #ep07sp #ep07li a, #ep08sp #ep08li a, #ep09sp #ep09li a, #ep10sp #ep10li a { cursor: default; pointer-events: none;}

/*navi*/
#navi_sp #mn_story { opacity: .6;}
#navi_sp #mn_story a { cursor: default; pointer-events: none;}
/*h2*/
.h2_sp { display: block; width: 69%;}
#h2_story { display: block; width: 100%; height: 0; padding-top: 19.67213115%; padding-top: -webkit-calc(240 / 1220 * 100%); calc(240 / 1220 * 100%); background-repeat: no-repeat; background-size: contain; margin-bottom: .5em;}
/*for_W768-*/
@media all and (min-width: 768px) { 
.h2_sp { width: 48%;}
}