#story_sp-f h2 { display: block; width: 61%; max-width: 400px;}
#story_cont { max-width: 900px; z-index: 300;}
#story_sp-f .lnk_sp { width: 100%; text-align: center; position: relative; z-index: 150;}
#story_cont p { line-height: 170%; padding-top: 1em; position: relative; z-index: 150;}
/*navi*/
#con_nav li #story_mn { background-color: rgba(255, 255, 255, .35); opacity: .75;}
#con_nav li #story_mn a { cursor: default; pointer-events: none;}
/*photo*/
#sp_set { width: 90%; max-width: 500px; margin: 0 auto; padding: 2em 0 4em 0; display: flex; flex-flow: row wrap; justify-content: center; align-items: center;}
#sp_set .sp_sp { flex-basis: 100%; margin: .25em 0; background-color: rgba(0, 0, 0, .5); box-shadow: 1px 1px 8px 0 rgba(164, 5, 25, .3); margin: .5em 0;}
.simg { width: 100%; height: 0; padding-top: 66%; padding-top: -webkit-calc(660 / 1000 * 100%); padding-top: calc(660 / 1000 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
/*for_W640-*/
@media all and (min-width: 640px) { 
#sp_set .sp_sp { flex-basis: 48%; margin: .25em .9%;}
}
/*for_W768-*/
@media all and (min-width: 768px) { 
#sp_set { width: 100%; max-width: 980px; padding: 2em 0 4em 0;}
#story_sp-f #oadt_txt { width: 49.5%; font-size: 140%; padding-top: .5em; letter-spacing: .05em; margin: -4em 0 0 50%;}
#story_cont p { line-height: 180%;}
}

/*backnumver*/
#archive_sp h3 { font-size: 90%; font-weight: 400; text-align: center; letter-spacing: .05em;}
#archive_sp ul { width: 100%; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; margin: 2em auto 3em auto;}
#archive_sp li { flex-basis: 47%; margin: .25em 1.4%; position: relative;}
#archive_sp li a:hover { opacity: .8;}
#archive_sp li .wa { display: block; width: 20px; height: 20px; background-color: rgba(255, 255, 255, 1); position: absolute; top: -.2em; left: -1.5%;}
#archive_sp li .wa span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); text-align: center; color: rgba(240, 0, 1, 1); font-size: 96%;}
#archive_sp #acv1 #s1 a, #archive_sp #acv2 #s2 a, #archive_sp #acv3 #s3 a, #archive_sp #acv4 #s4 a, #archive_sp #acv5 #s5 a, #archive_sp #acv6 #s6 a, #archive_sp #acv7 #s7 a, #archive_sp #acv8 #s8 a { cursor: default; pointer-events: none; opacity: .5;}
/*for_W640-*/
@media all and (min-width: 640px) { 
#archive_sp li { flex-basis: 22%; margin: .25em 1.4%;}
#archive_sp li .wa { left: -3%;}
}
/*for_W768-*/
@media all and (min-width: 768px) { 
#archive_sp li { flex-basis: 23%; margin: .25em .9%;}
#archive_sp li .wa { width: 25px; height: 25px; left: -5px;}
}