#contents .con_txt::before { content: '“ '; font-size: 200%; color: rgba(231, 0, 18, 1); position: absolute; top: .5em; left: .5em;}
#contents .con_txt::after { content: ' ”'; font-size: 200%; color: rgba(231, 0, 18, 1); position: absolute; bottom: 0; right: .5em;}

/* 	simg
============================== */
#contents .con .imgset { width: 100%; max-width: 816px; margin: .75em auto .5em auto; display: flex; flex-flow: row wrap; justify-content: center;}
#contents .con .simg_sp { box-sizing: border-box; width: 90%; flex-basis: 90%; margin: .5em auto; box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .2); background: rgba(255, 255, 255, 1);}
#contents .con .simg_sp .simg { width: 100%; height: 0; padding-top: 66.666666666666667%; padding-top: -webkit-calc(800 / 1200 * 100%); padding-top: calc(800 / 1200 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative;}
/*for_W640-*/
@media all and (min-width: 640px) { 
#contents .con .simg_sp { width: 48%; flex-basis: 48%; margin: .5em .99%;}
}

/* 	archive
============================== */
#archive_sp { box-sizing: border-box; width: 100%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; padding: 1em 0 1.5em 0; position: relative;}
#archive_sp h2 { box-sizing: border-box; width: 100%; margin: 0 auto; padding: 1em 1em; position: relative;}
#archive_sp h2 .subtxt { width: 100%; display: block; text-shadow: 1px 1px 5px rgba(0, 0, 0, .4); text-align: center; font-size: 200%; color: rgba(255, 255, 255, 1);}
#archive_sp h2 .subtxt::before { content: '- ';}
#archive_sp h2 .subtxt::after { content: ' -';}
#archive_sp h2 .spk3 { display: block; width: 20%; max-width: 80px; position: absolute; top: -.25em; left: 35%;}
#archive_sp ul { width: 100%; max-width: 1000px; margin: 0 auto; display: flex; flex-flow: row wrap; justify-content: center;}
#archive_sp ul li { width: 43%; flex-basis: 43%; margin: .25em .99% .25em .99%; border: 5px solid rgba(255, 255, 255, 1);}
#archive_sp ul li a { display: block; box-sizing: border-box; width: 100%; height: 0; padding-top: 66.666666666666667%; padding-top: -webkit-calc(800 / 1200 * 100%); padding-top: calc(800 / 1200 * 100%); background: rgba(255, 255, 255, 1); position: relative; overflow: hidden;}
#archive_sp ul li a .acv_img { width: 100%; height: 100%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; -webkit-background-position: top center; background-position: top center; position: absolute; top: 0; left: 0;}
#archive_sp ul li a .num { display: inline-block; position: absolute; bottom: 0; right: 3px; color: rgba(255, 255, 255, 1); font-size: 200%; text-shadow: 1px 1px 3px rgba(0, 0, 0, .3);}
#archive_sp ul li a:hover .acv_img { transform:scale(1.05,1.05); transition:1s all;}
/*for_W640-*/
@media all and (min-width: 640px) { 
#archive_sp ul li { width: 16%; flex-basis: 16%; margin: .25em .99% .25em .99%;}
}

#story01 #acv_01, #story02 #acv_02, #story03 #acv_03, #story04 #acv_04, #story05 #acv_05, #story06 #acv_06, #story07 #acv_07, #story08 #acv_08, #story09 #acv_09, #story10 #acv_10 { opacity: .6;}
#story01 #acv_01 a, #story02 #acv_02 a, #story03 #acv_03 a, #story04 #acv_04 a, #story05 #acv_05 a, #story06 #acv_06 a, #story07 #acv_07 a, #story08 #acv_08 a, #story09 #acv_09 a, #story10 #acv_10 a { cursor: default; pointer-events: none;}
#story01 #acv_01 a span, #story02 #acv_02 a span, #story03 #acv_03 a span, #story04 #acv_04 a span, #story05 #acv_05 a span, #story06 #acv_06 a span, #story07 #acv_07 a span, #story08 #acv_08 a span, #story09 #acv_09 a span, #story10 #acv_10 a span { color: rgba(240, 240, 240, 1); text-shadow: 1px 1px 3px rgba(0, 0, 0, .6);}