/* 	footer
============================== */
#share_sp { width: 50%; max-width: 240px; margin: 1em auto;}
#share_sp dt { text-align: center; padding-bottom: 10px;}
#share_sp dt:before { display: inline; content: '─ ';}
#share_sp dt:after { display: inline; content: ' ─';}
#share { width: 100%; height: 0; padding-top: 30.666666666666667%; padding-top: -webkit-calc(92 / 300 * 100%); padding-top: calc(92 / 300 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; -webkit-background-position: bottom center; background-position: bottom center; position: relative;}
#share .link { width: 30%; height: 0; padding-top: 30%; border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%;}
#share .link a { width: 100%; height: 100%; border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; display: block; position: absolute; top: 0; left: 0;}
#share .link a:hover { background: rgba(255, 255, 255, .2);}
#share #link_twitter { position: absolute; top: 1%; left: 1%;}
#share #link_facebook { position: absolute; top: 1%; left: 35%;}
#share #link_line { position: absolute; top: 1%; left: 69%;}
/*for_W1000-*/
@media all and (min-width: 1000px) {
footer { height: 270px; position: relative;}
.bn_sp { margin: 0; position: absolute; bottom: 15px; left: 15px;}
#pgtp { margin: 0; position: fixed; bottom: 0; right: 2%;}
#cr { width: 66%; margin: 0; padding: 0; text-align: center; font-size: 80%; position: absolute; top: 50%; left: 32%;}
#share_sp:before, #share_sp:after { content: ""; display: table;}
#share_sp:after { clear: both;}
#share_sp::after { content: ""; display: block; clear: both;}
#share_sp { width: 40%; max-width: 400px; margin: 0; text-align: center; font-size: 80%; position: absolute; top: 12%; left: 40%;}
#share_sp dt { width: 48%; float: left; text-align: right; padding: 18px 10px 0 0;}
#share_sp dt:before { display: inline; content: '';}
#share_sp dd { width: 48%; float: left;}
}

/* 	SNS
============================== */
#sns { box-sizing: border-box; width: 100%; padding: .25em .75em; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-image: url(../img/sns_bg-s.jpg); box-shadow: 0 3px 3px rgba(159, 139, 149, .25) inset; -webkit-box-shadow: 0 3px 3px rgba(159, 139, 149, .25) inset; -moz-box-shadow: 0 3px 3px rgba(159, 139, 149, .25) inset;}
#sns h2 { width: 100%; max-width: 500px; margin: 0 auto;}
#sns .sns_title { width: 100%; height: 0; padding-top: 16%; padding-top: -webkit-calc(160 / 1000 * 100%); padding-top: calc(160 / 1000 * 100%); display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#sns .sns_info { width: 100%; font-size: 95%; font-weight: bold; text-align: center; color: rgba(255, 255, 255, 1); letter-spacing: .1em; text-shadow: 1px 2px 2px rgba(230, 75, 150, .3); -moz-text-shadow: 1px 2px 2px rgba(230, 75, 150, .3); -webkit-text-shadow: 1px 2px 2px rgba(230, 75, 150, .3); padding-bottom: 1em;}
/*_twitter*/
#sns #twitter_sp { width: 97%; max-width: 640px; margin: -.3em auto 1em auto;}
#sns #twitter_sp:before, #sns #twitter_sp:after { content: ""; content: none; display: table;}
#sns #twitter_sp:after { clear: both; }
#sns #twitter_sp::after { content: ""; display: block; clear: both;}
#sns #twitter_sp .title { width: 13%; max-width: 75px; height: 220px; float: left; position: relative; text-align: center;}
#sns #twitter_sp .icon_sp { width: 100%; margin: auto; position: absolute; top: 35%; font-size: 80%; color: rgba(255, 255, 255, 1); font-weight: bold;}
#sns #twitter_sp .icon_sp a { width: 100%; height: 100%; display: block; color: rgba(255, 255, 255, 1);}
#sns #twitter_sp .icon_sp a:hover { opacity: .8;}
#sns #twitter_sp .icon { width: 100%; height: 0; padding-top: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/sns_twitter.png); margin: auto; display: block;}
#sns #twitter_sp .tlsp { width: 86%; float: right;}
#sns #twitter_sp .tlsp .tl { box-sizing: border-box; width: 100%; height: 270px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; box-shadow: rgba(230, 75, 150, .3) 1px 1px 3px 1px; -webkit-box-shadow: rgba(230, 75, 150, .3) 1px 1px 3px 1px; -moz-box-shadow: rgba(230, 75, 150, .3) 1px 1px 3px 1px; background: rgba(255, 255, 255, .5);}
#sns #twitter_sp .tlsp .tl iframe { width: 100% !important;}
#sns #twitter_sp .tlsp .tl iframe { width: 740px !important;}
/*_insta+line*/
#sns #insta_line { width: 97%; max-width: 640px; margin: -.1em auto 1em auto;}
#sns #insta_line:before, #sns #insta_line:after { content: ""; content: none; display: table;}
#sns #insta_line:after { clear: both; }
#sns #insta_line::after { content: ""; display: block; clear: both;}
#sns #insta_line .sns_sp { width: 49%; height: 115px; position: relative; box-shadow: rgba(230, 75, 150, .2) 1px 1px 3px 1px; -webkit-box-shadow: rgba(230, 75, 150, .2) 1px 1px 3px 1px; -moz-box-shadow: rgba(230, 75, 150, .2) 1px 1px 3px 1px;}
#sns #insta_line .sbg { width: 100%; height: 100%; background-image: url(../img/deco_bg-sns.png); background-repeat: no-repeat; -webkit-background-size: 80%; background-size: 80%; background-position: bottom right; text-align: center; position: relative;}
#sns #insta_line .sbg a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#sns #insta_line .sbg a:hover { opacity: .8;}
#sns #insta_line .icon_sp { width: 100%; max-width: 270px; margin: 12px auto; text-align: center; font-size: 140%; color: rgba(255, 255, 255, 1); font-weight: bold; display: block;}
#sns #insta_line .icon { width: 28%; height: 0; padding-top: 28%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; margin: auto; display: block;}
#sns #insta_line .id_txt { font-size: 56%; font-weight: lighter; color: rgba(0, 0, 0, .8); display: block; padding-top: 8px;}
/*_Instagram*/
#sns #insta_sp { float: left; background: -moz-linear-gradient(left, rgba(237,129,96,0.75) 0%, rgba(237,129,97,0.75) 1%, rgba(242,171,171,0.65) 100%); background: -webkit-linear-gradient(left, rgba(237,129,96,0.75) 0%,rgba(237,129,97,0.75) 1%,rgba(242,171,171,0.65) 100%); background: linear-gradient(to right, rgba(237,129,96,0.75) 0%,rgba(237,129,97,0.75) 1%,rgba(242,171,171,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfed8160', endColorstr='#a6f2abab',GradientType=1 );}
#sns #insta_sp .icon { background-image: url(../img/sns_insta.png); margin-bottom: .2em;}
/*_LINE*/
#sns #line_sp { float: right; background: -moz-linear-gradient(left, rgba(229,162,162,0.65) 0%, rgba(229,162,162,0.65) 1%, rgba(236,121,156,0.75) 100%); background: -webkit-linear-gradient(left, rgba(229,162,162,0.65) 0%,rgba(229,162,162,0.65) 1%,rgba(236,121,156,0.75) 100%); background: linear-gradient(to right, rgba(229,162,162,0.65) 0%,rgba(229,162,162,0.65) 1%,rgba(236,121,156,0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6e5a2a2', endColorstr='#bfec799c',GradientType=1 ); opacity: .5;}
#sns #line_sp .icon { background-image: url(../img/sns_line.png); margin-top: 1em; margin-bottom: .2em;}
#sns #line_sp .udl { font-size: 85%; border-bottom: 2px solid rgba(255, 255, 255, 1);}
#sns #line_sp .qr { display: none;}
/*for_W480-*/
@media all and (min-width: 480px) {
#sns #insta_line .sns_sp { height: 130px;}
}
/*for_W640-*/
@media all and (min-width: 640px) {
#sns #insta_line .sns_sp { height: 140px;}
}
/*for_W768-*/
@media all and (min-width: 768px) {
#sns_w { width: 100%; max-width: 1000px; margin: 0 auto;}
#sns_w:before, #sns_w:after { content: ""; content: none; display: table;}
#sns_w:after { clear: both; }
#sns_w::after { content: ""; display: block; clear: both;}
#sns h2 { width: 44%; margin: 0; float: right;}
#sns #twitter_sp { width: 55.5%; margin: .7em 0; float: left;}
#sns #insta_line { width: 41%; margin: 0 .5em 2em 0; float: right; font-size: 82%;}
#sns #insta_line .sns_sp { height: 160px;}
#sns #insta_line .icon_sp { margin: 16px auto 0 auto;}
#sns #insta_sp .icon { margin-bottom: 1.2em;}
#sns #insta_sp .icon_sp {  font-size: 160%; }
#sns #insta_sp .id_txt { padding-top: 10px;}
#sns #line_sp .qr_set { width: 96%; margin: 0 0 0 3%; display: block;}
#sns #line_sp .qr_set:before, #sns #line_sp .qr_set:after { content: ""; content: none; display: table;}
#sns #line_sp .qr_set:after { clear: both; }
#sns #line_sp .qr_set::after { content: ""; display: block; clear: both;}
#sns #line_sp .udl { width: 50.5%; float: left; font-size: 68%; text-align: left; padding-bottom: .5em;}
#sns #line_sp .qr { width: 47.5%; height: 0; padding-top: 47.5%; display: block; float: left; position: relative;}
#sns #line_sp .qr img { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#sns .sns_info { width: 41%; float: right; font-size: 84%;}
}
/*for_W910-*/
@media all and (min-width: 910px) {
#sns #insta_line { margin: 0 .5em 1em 0;}
#sns #insta_line .sns_sp { height: 170px;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) {
#sns { box-sizing: border-box; width: 100%; padding: .75em;}
#sns #insta_line { margin: 0 .5em 1em 0; font-size: 90%;}
#sns #insta_line .sns_sp { height: 180px;}
}

/* 	original
============================== */
#original_sp { width: 96%; max-width: 640px; margin: 0 auto; padding: 1em 0; position: relative; z-index: 10;}
#original_tsp { width: 100%; display: block; position: relative; z-index: 100;}
#original_title { width: 100%; height: 0; padding-top: 13.333333333333333%; padding-top: -webkit-calc(100 / 750 * 100%); padding-top: calc(100 / 750 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block; position: relative; z-index: 100;}
#original_title .title_txt { width: 98%; margin: 0 auto; text-align: right; font-weight: lighter; letter-spacing: .1em; color: rgba(231, 74, 151, .75); position: absolute; bottom: .5em; right: 2%;}
#original_book-sp { width: 72%; max-width: 500px; margin: 1em auto; position: relative; z-index: 1000;}
#original_book { width: 100%; height: 0; padding-top: 137.142857142857143%; padding-top: -webkit-calc(960 / 700 * 100%); padding-top: calc(960 / 700 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative; z-index: 1000;}
#original_book a { width: 100%; height: 0; padding-top: 137.142857142857143%; display: block; position: absolute; top: 0; left: 0;}
#original_book a:hover { background-color: rgba(255, 255, 255, .2);}
#original_book-txt { width: 84%; margin: 0 auto 1em auto; color: rgba(180, 8, 95, 1); text-align: left; line-height: 170%; font-size: 92%; letter-spacing: .075em;}
/*for_W640-*/
@media all and (min-width: 640px) {
#original_title { width: 100%; height: 0; padding-top: 12.244897959183673%; padding-top: -webkit-calc(240 / 1960 * 100%); padding-top: calc(240 / 1960 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block; position: relative;}
#original_book-txt { width: 80%;}
}
/*for_W768-*/
@media all and (min-width: 768px) {
#original_sp { width: 98%; max-width: 980px; margin: 0 0 0 1.9%;}
#original_title .title_txt { font-size: 92%;}
#original_book-sp { width: 50%; margin:  -5.5em 0 0 39%;}
#original_book-txt { width: 90%; font-size: 80%; margin: -28em auto 0 auto;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) {
#original_sp { box-sizing: border-box; width: 100%; max-width: 900px; margin: 1em auto 3em auto; padding: 0;}
#original_book-sp { width: 37.9%; margin:  -6.5em 0 0 50%;}
#original_book-txt { width: 90%; font-size: 90%; margin: -22em auto 0 auto;}
}

/* 	story
============================== */
#story_sp { width: 100%; max-width: 1000px; min-height: 200px; margin: -1em auto 1em auto; padding: 0; position: relative; z-index: 100;}
#story_tsp { width: 100%; display: block; position: relative; z-index: 100;}
#story_title { width: 100%; height: 0; padding-top: 35.7%; padding-top: -webkit-calc(357 / 1000 * 100%); padding-top: calc(357 / 1000 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block; position: relative; z-index: 100;}
#story_sp .deco { width: 100%; background-repeat: no-repeat; -webkit-background-size: 40%; background-size: 40%; -webkit-background-position: right bottom; background-position: right bottom; position: relative; z-index: 500; padding-bottom: 1em; margin-top: -7.2em;}
/*_spot*/
#spot_sp { box-sizing: border-box; width: 78%; max-width: 800px; margin: 0 auto; position: relative; z-index: 1000;}
#spot_sp .movie_all { box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 1);}
/*_txt*/
#story_txtall { width: 100%; text-align: center; padding-top: .5em;}
#story_onair { font-size: 150%; font-weight: lighter; font-family: 'Noto Serif JP', serif; letter-spacing: .05em; padding-bottom: 1em;}
.story_read { width: 100%;}
.story_read input { display: none;}
.story_read label { display: block; box-sizing: border-box; width: 76%; margin: 0 auto; padding: 12px 0; text-align: center; letter-spacing: .1em; font-size: 105%; background: -moz-linear-gradient(left, rgba(229,162,162,0.65) 0%, rgba(229,162,162,0.65) 1%, rgba(236,121,156,0.75) 100%); background: -webkit-linear-gradient(left, rgba(229,162,162,0.65) 0%,rgba(229,162,162,0.65) 1%,rgba(236,121,156,0.75) 100%); background: linear-gradient(to right, rgba(229,162,162,0.65) 0%,rgba(229,162,162,0.65) 1%,rgba(236,121,156,0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6e5a2a2', endColorstr='#bfec799c',GradientType=1 ); border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.story_read label .arasuji { display: block; padding: 0;}
.story_read label .arasuji::before { content: url(../img/open.png); margin-top: 13px; margin-right: 10px;}
.story_read label:hover { cursor: pointer;}
.story_nkm { height: 0; overflow: hidden; -webkit-transition: max-height 30s linear; -moz-transition: max-height 30s linear; transition: max-height 30s linear; line-height: 170%; font-size: 92%; letter-spacing: .05em;} 
.story_nkm .story_txt { padding: 0 0 10px 0; text-align: left; line-height: 160%;}
.story_read #nsopn:checked ~ .story_nkm { height: auto;}
.story_read input:checked + label { display: none;}
.story_link { text-align: right; font-weight: bold; padding-top: 10px; padding-right: 10px;}
.story_link::before { content: url(../img/to_right.png); margin-right: 10px;}
.story_link a { color: rgba(0, 0, 0, 1);}
.story_link a:hover { color: rgba(0, 0, 0, .6);}
#story_sp .tz_lnk { width: 100%; max-width: 440px; margin: 0 auto;}
#story_sp .tz_lnk:before, #story_sp .tz_lnk:after { content: ""; content: none; display: table;}
#story_sp .tz_lnk:after { clear: both; }
#story_sp .tz_lnk::after { content: ""; display: block; clear: both;}
/*#story_sp .tz_lnk li { box-sizing: border-box; width: 48%; max-width: 200px; margin: 1em auto; border: 1px solid rgba(231, 75, 150, .75);}*/
#story_sp .tz_lnk li { box-sizing: border-box; width: 48%; margin: .5em 0 1em 1%; border: 1px solid rgba(231, 75, 150, .75); float: left;}
#story_sp .tz_lnk li a { display: block; padding: .75em 0; text-align: center; color: rgba(231, 75, 150, .75);}
#story_sp .tz_lnk li a:hover { background: rgba(231, 75, 150, .1); color: rgba(0, 0, 0, .75);}
/*for_W480-*/
@media all and (min-width: 480px) {
#story_sp .deco { margin-top: -9em;}
}
/*for_W640-*/
@media all and (min-width: 640px) {
#story_sp .deco { margin-top: -12em;}
}
/*for_W768-*/
@media all and (min-width: 768px) {
#story_sp { margin: 0 auto 1em auto;}
#story_title { padding-top: 25.510204081632653%; padding-top: -webkit-calc(500 / 1960 * 100%); padding-top: calc(500 / 1960 * 100%);}
#story_sp .deco { width: 85%; margin: -7.2em 0 0 11.5%; -webkit-background-size: 30%; background-size: 30%;}
#story_sp .deco:before, #story_sp .deco:after { content: ""; content: none; display: table;}
#story_sp .deco:after { clear: both; }
#story_sp .deco::after { content: ""; display: block; clear: both;}
/*_spot*/
#spot_sp { width: 100%; max-width: 900px; margin: 0;}
#spot_sp:before, #spot_sp:after { content: ""; content: none; display: table;}
#spot_sp:after { clear: both; }
#spot_sp::after { content: ""; display: block; clear: both;}
#spot_sp .spot_set { width: 60%; margin: 0; float: left;}
#story_sp .tz_lnk li a { letter-spacing: .1em;}
/*_txt*/
#story_txtall { width: 38%; float: right;}
.story_read label { display: none;}
.story_nkm { height: auto; font-size: 80%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) {
#story_sp { box-sizing: border-box; width: 100%; max-width: 1000px; min-height: 300px; margin: 0 auto 2em auto; padding: 0;}
#story_sp .deco { width: 83%; margin: -9em 0 0 12%;}
}

/* 	topics (carousel)
============================== */
#topics_sp { box-sizing: border-box; width: 100%; margin: 0 auto 1em auto; line-height: 130%; padding: 3em 0 1em 0; font-size: 95%; background-repeat: repeat-x; -webkit-background-size: cover; background-size: cover; background-position: center center;}
#topics_tsp { width: 60%; max-width: 300px; margin: 0 auto; display: block; position: relative; z-index: 100;}
#topics_title { width: 100%; height: 0; padding-top: 21.739130434782609%; padding-top: -webkit-calc(100 / 460 * 100%); padding-top: calc(100 / 460 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block; position: relative; z-index: 1000;}
#topics_sp .outer { overflow: hidden; -webkit-transform: translateZ(0); height: 200px; padding-top: .75em; position: relative;}
#topics_sp .outer ul { position: absolute; list-style-type:none; display:table; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#topics_sp .outer .inner li { display:table-cell; padding-right: 6px; font-size: 95%;}
#topics_sp .outer .inner li, #topics_sp .outer .inner li a { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#topics_sp .outer .inner li a { text-decoration:none; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function:ease-in-out; transition-duration: 0.5s; transition-timing-function:ease-in-out; transition-property:opacity; opacity:0.5;}
#topics_sp ul li a, #topics_sp ul li a .ctg_txt,#topics_sp ul li a, #topics_sp ul li a .update, #topics_sp ul li a .thumb, #topics_sp ul li a .txt, #topics_sp ul li a span img { display: block;}
#topics_sp .outer .inner .outstanding a { opacity:1;}
#topics_sp ul li a, #topics_sp ul li a .thumb, #topics_sp ul li a .thumb img { width: 185px; position: relative;}
#topics_sp ul li a .thumb, #topics_sp ul li a .thumb img { box-sizing: border-box; height: 130px;}
#topics_sp .outer ul li a dl { height: 200px; background-color: rgba(255, 255, 255, .75); background-image: url(../img/topics_deco.png); background-repeat: no-repeat; background-position: bottom right; -webkit-background-position: bottom right; background-size: 30%; -webkit-background-size: 30%;}
#topics_sp .outer .inner li a dl dd .thumb { background-size:contain; background-position:center center; background-repeat:no-repeat; color: rgba(255, 224, 0, 1);}
/*#topics_sp .outer ul li a dl dd .txt { padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height:1.5; color:#000; padding: 5px 0;}*/
/*#topics_sp .outer .inner li a dl dt { color:rgba(248, 116, 153, 1); font-weight:normal; line-height:1.25; position:relative; display: block; box-sizing: border-box; width: 100%; height: 40px; position: absolute; top: 158px; left: 0; text-align: left; padding-left: 8px;}*/
#topics_sp .outer .inner li a dl dt:before, #topics_sp .outer ul.inner li a dl dt span { display:block;}
#topics_sp .ctg_txt { letter-spacing: .1em; font-size: 90%;}
#topics_sp .ctg_news .ctg_txt { color: rgba(237, 129, 96, 1);} /*ctg_txt NEWS color*/
#topics_sp .ctg_report .ctg_txt { color: rgba(248, 116, 153, 1);} /*ctg_txt REPORT color*/
#topics_sp .ctg_other .ctg_txt { color: rgba(237, 129, 96, 1);} /*ctg_txt other color*/
#topics_sp .update { letter-spacing: .1em; color:#000; font-size: 95%;}
#topics_sp .outer .inner li a dl dt { color:rgba(248, 116, 153, 1); font-weight:normal; line-height:1.25; position:relative; display: block; box-sizing: border-box; width: 96%; position: absolute; bottom: 5px; left: 2%; text-align: left;}
#topics_sp .outer .inner li a dl dt:before, #topics_sp .outer .inner li a dl dt:after { content: ""; display: table;}
#topics_sp .outer .inner li a dl dt:after { clear: both;}
#topics_sp .outer .inner li a dl dt::after { content: ""; display: block; clear: both;}
#topics_sp .ctg_txt { display: inline-block; float: left;}
#topics_sp .update { display: inline-block; float: right;}
#topics_sp .outer ul li a dl dd .txt { line-height:1.2; color:#000; padding: 3px 7px 0 7px; text-align: left; font-size: 96%;}
/*for_W768-*/
@media screen and (min-width: 768px) {
#topics_sp { padding: 3em 0;}
#topics_sp .outer { height: 240px;}
#topics_sp .outer .inner li { padding-right: 15px;}
#topics_sp ul li a, #topics_sp ul li a .thumb, #topics_sp ul li a .thumb img { width: 230px;}
#topics_sp ul li a .thumb, #topics_sp ul li a .thumb img { height:160px;}
#topics_sp .outer ul li a dl { height: 240px;}
/*#topics_sp .outer .inner li a dl dt { width: 220px; height: 20px; position: absolute; top: 200px; left: 0;}*/
#topics_sp .outer ul li a dl dd .txt { line-height:1.3; padding: 5px 8px 0 8px; font-size: 86%;}
}
/*_arrow*/
#topics_sp .ctrl-arrow, #topics_sp .ctrl-arrow li { display: none;}
/*for_W768-*/
@media screen and (min-width: 768px) {
#topics_sp .ctrl-arrow { width: 100%; display: block; position: absolute; top: 50%; left: 0;}
#topics_sp .ctrl-arrow li { display: block; position: absolute; top: 42%; top: calc(50% - 20px);}
#topics_sp .ctrl-arrow .ctrl-lef { left: 50%; margin-left:-155px;}
#topics_sp .ctrl-arrow .ctrl-rig { right: 50%; margin-right:-155px;}
#topics_sp .ctrl-arrow li a { position: relative; display:block; background-image:url(../img/arrow_carousel.svg); background-repeat:no-repeat; background-size:160px 40px; width:40px; height:40px; background-color: rgba(237, 129, 96, .75); text-indent:110%;white-space:nowrap;overflow:hidden;}
#topics_sp .ctrl-arrow .ctrl-lef a { background-position:left top;}
#topics_sp .ctrl-arrow .ctrl-rig a { background-position:-40px 0;}
#topics_sp .ctrl-arrow .ctrl-lef a:hover { background-position:-80px 0;}
#topics_sp .ctrl-arrow .ctrl-rig a:hover { background-position:-120px 0;}
}


/* 	icon
============================== */
.icon_set0 { width: 100%; max-width: 900px; margin: 1em auto 2.5em auto;}
.icon_set0:before, .icon_set0:after { content: ""; content: none; display: table;}
.icon_set0:after { clear: both; }
.icon_set0::after { content: ""; display: block; clear: both;}
.icon_set { width: 92%; max-width: 380px; margin: .5em auto 0 auto;}
.icon_set:before, .icon_set:after { content: ""; content: none; display: table;}
.icon_set:after { clear: both; }
.icon_set::after { content: ""; display: block; clear: both;}
.icon_sp { width: 49%; float: left;}
.icon_sp:nth-child(even) { float: right;}
.icon { width: 100%; height: 0; padding-top: 85.021097046413502%; padding-top: -webkit-calc(403 / 474 * 100%); padding-top: calc(403 / 474 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative;}
.icon a { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.icon a:hover { background: rgba(255, 255, 255, .2);}
.fns { width: 100%; height: 0; padding-top: 85.021097046413502%; padding-top: -webkit-calc(403 / 474 * 100%); padding-top: calc(403 / 474 * 100%); background-color: rgba(255, 255, 255, .7); position: absolute; top: 0; left: 0;}
.fns .close_txt { min-width: 80%; padding: 5px; font-weight: bold; font-size: 80%; background-size: contain; position: absolute; top: 58%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); background-color: rgba(255, 255, 255, .75);}
/*_none-linestmp
#paravi_only .icon_sp:first-child { float: none; margin: 0 auto .5em auto;}*/
/*for_W900-*/
@media screen and (min-width: 900px) {
.icon_set0 { box-sizing: border-box; width: 99.6%; padding-left: 2.2%;}
.icon_set { width: 48.5%; max-width: 430px; margin: 0 0 0 .5%; float: left;}
.icon_set:nth-child(even) { margin: 0 0 0 1%;}
/*_none-linestmp
#paravi_only { float: left; margin: 0 0 0 .5%;}
.icon_set:nth-child(even) { margin: 0 0 0 -11.4%;}*/
}

/* 	spc_set
============================== */
.spc_set { width: 100%; max-width: 900px; margin: 0 auto;}
.spc_set:before, .spc_set:after { content: ""; content: none; display: table;}
.spc_set:after { clear: both; }
.spc_set::after { content: ""; display: block; clear: both;}
/*for_W900-*/
@media screen and (min-width: 900px) {
.spc_set { margin: 0 auto 2em auto;}
}

/* 	report
============================== */
#report_sp { width: 100%; max-width: 400px; margin: 0 auto 1em auto; position: relative; z-index: 10;}
#report_sp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 10000;}
#report_sp a:hover { background: rgba(255, 255, 255, .2);}
#report_sp:before, #report_sp:after { content: ""; content: none; display: table;}
#report_sp:after { clear: both; }
#report_sp::after { content: ""; display: block; clear: both;}
#report_tsp { width: 100%; display: block; position: relative; z-index: 100;}
#report_title { width: 100%; height: 0; padding-top: 22.790697674418605%; padding-top: -webkit-calc(196 / 860 * 100%); padding-top: calc(196 / 860 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block; position: relative; z-index: 100;}
#report_title .title_txt { width: 90%; margin: 0 auto; text-align: left; font-weight: lighter; font-size: 80%; color: rgba(231, 74, 151, .75); display: block; position: absolute; bottom: 3em; left: 8%;}
/*_update*/
#report_sp .update { display: inline-block; width: 110px; height: 22px; line-height: 22px; vertical-align: middle; text-align: center; padding: 0 30px; font-size: 80%; background: rgba(231, 75, 150, .75); color: rgba(255, 255, 255, 1); font-weight: bold; box-sizing: border-box; position: absolute; bottom: 4px; right: 52%; z-index: 1000;}
#report_sp .update:before, #report_sp .update:after { position: absolute; content: ''; width: 0px; height: 0px; z-index: 1000;}
#report_sp .update:before { top: 0; left: 0; border-width: 13px 11px; border-color: transparent transparent transparent rgba(255, 255, 255, 1); border-style: solid;}
/*_img*/
#report_sp .img_sp { width: 48%; margin: -6em 1.5em 0 0; float: right; position: relative; z-index: 1000;}
#report_sp .img { box-sizing: border-box; width: 100%; height: 0; padding-top: 60%; padding-top: -webkit-calc(6 / 10 * 100%); padding-top: calc(6 / 10 * 100%); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: top center; -webkit-background-position: top center; box-shadow: 0 3px 3px rgba(159, 139, 149, .25); -webkit-box-shadow: 0 3px 3px rgba(159, 139, 149, .25); -moz-box-shadow: 0 3px 3px rgba(159, 139, 149, .25); border: 4px solid rgba(255, 255, 255, 1);}
/*_txt*/
#report_sp .voltxt { width: 36%; margin: -2.5em 0 0 8%; text-align: left; float: left; font-size: 90%;}
#report_sp .voltxt dt { font-size: 80%; font-weight: bold; letter-spacing: .1em;}
/*#report_sp .voltxt dd { font-size: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}*/
#report_sp .voltxt dd { font-size: 90%; line-height: 130%;}
/*for_W480-*/
@media screen and (min-width: 480px) {
#report_sp .img_sp { margin: -6em 1.5em 0 0;}
}
/*for_W640-*/
@media screen and (min-width: 640px) {
#report_sp { max-width: 480px; font-size: 90%;}
#report_sp .voltxt { margin: -1.5em 0 0 8%; font-size: 110%;}
}
/*for_W768-*/
@media screen and (min-width: 768px) {
#report_sp { font-size: 80%;}
}
/*for_W900-*/
@media screen and (min-width: 900px) {
#report_sp { width: 55%; margin: 0; float: left; font-size: 80%;}
#report_sp .voltxt { font-size: 100%;}
}

/* 	chart
============================== */
#chart_sp { width: 88%; max-width: 380px; margin: 0 0 1em 1.5%; padding-left: 4.9%; position: relative; z-index: 10;}
#chart_sp .img { box-sizing: border-box; width: 100%; height: 0; padding-top: 50%; padding-top: -webkit-calc(460 / 920 * 100%); padding-top: calc(460 / 920 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative;}
#chart_sp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; color: rgba(0, 0, 0, 1);}
#chart_sp a:hover { background: rgba(255, 255, 255, .2);}
#chart_sp .voltxt0 { width: 40%; margin: 20% 0 0 2.5%; text-align: left; float: left; font-size: 80%; color: rgba(237, 129, 96, 1);}
/*_update*/
#chart_sp .update { display: inline-block; width: 100px; height: 22px; line-height: 22px; vertical-align: middle; text-align: center; padding: 0 10px; font-size: 80%; background: rgba(237, 129, 96, .75); color: rgba(255, 255, 255, 1); font-weight: bold; box-sizing: border-box; position: absolute; bottom: 1.5em; right: 58%; z-index: 1000;}
#chart_sp .update:before, #chart_sp .update:after { position: absolute; content: ''; width: 0px; height: 0px; z-index: 1000;}
#chart_sp .update:before { top: 0; left: 0; border-width: 13px 11px; border-color: transparent transparent transparent rgba(255, 255, 255, 1); border-style: solid;}
/*for_W640-*/
@media screen and (min-width: 640px) {
#chart_sp { max-width: 440px; margin: 0 0 1em 11%; font-size: 90%;}
}
/*for_W768-*/
@media screen and (min-width: 768px) {
#chart_sp { font-size: 80%; margin-left: 10em;}
}
/*for_W900-*/
@media screen and (min-width: 900px) {
#chart_sp { width: 44%; padding-left: 0; margin: -.8em 1em 0 0; float: right; font-size: 80%;}
#chart_sp .voltxt { font-size: 140%;}
#chart_sp .update { bottom: 1.5em; right: 61%;}
}

/* 	quiz
============================== */
#quiz_sp { width: 92%; max-width: 380px; margin: .5em auto 1.5em auto; position: relative; z-index: 10;}
#quiz_sp .img { box-sizing: border-box; width: 100%; height: 0; padding-top: 45.701357466063348%; padding-top: -webkit-calc(404 / 884 * 100%); padding-top: calc(404 / 884 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative; -ms-border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px;}
#quiz_sp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; color: rgba(0, 0, 0, 1); z-index: 100; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#quiz_sp a:hover { background: rgba(255, 255, 255, .2);}
/*for_W640-*/
@media screen and (min-width: 640px) {
#quiz_sp { max-width: 440px; font-size: 90%;}
}
/*for_W900-*/
@media screen and (min-width: 900px) {
#quiz_sp { width: 45%; margin: -1em 0 0 4em; float: left; font-size: 80%;}
#quiz_sp .img { -ms-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
}

/* 	interview
============================== */
#interview_sp { width: 92%; max-width: 380px; margin: 0 auto 1.5em auto; padding-left: 4.9%; position: relative; z-index: 10;}
#interview_sp .img { box-sizing: border-box; width: 100%; height: 0; padding-top: 43.75%; padding-top: -webkit-calc(420 / 960 * 100%); padding-top: calc(420 / 960 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative;}
#interview_sp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; color: rgba(0, 0, 0, 1); z-index: 100;}
#interview_sp a:hover { background: rgba(255, 255, 255, .2);}
/*_txt*/
#interview_sp .voltxt0 { width: 40%; margin: 0 0 0 2.5%; text-align: left; font-size: 80%; color: rgba(231, 74, 151, .75); position: absolute; top: 22%; left: 0;}
#interview_sp .voltxt { width: 40%; margin: 0 0 0 2%; text-align: left; position: absolute; top: 36%; left: 0;}
#interview_sp .voltxt dt { display: none;}
#interview_sp .voltxt dd { font-size: 110%; line-height: 140%;}
/*_update*/
#interview_sp .update { display: inline-block; width: 100px; height: 22px; line-height: 22px; vertical-align: middle; text-align: center; padding: 0 10px; font-size: 80%; background: rgba(231, 75, 150, .75); color: rgba(255, 255, 255, 1); font-weight: bold; box-sizing: border-box; position: absolute; bottom: 0; right: 62%; z-index: 1000;}
#interview_sp .update:before, #interview_sp .update:after { position: absolute; content: ''; width: 0px; height: 0px; z-index: 1000;}
#interview_sp .update:before { top: 0; left: 0; border-width: 13px 11px; border-color: transparent transparent transparent rgba(255, 255, 255, 1); border-style: solid;}
/*for_W640-*/
@media screen and (min-width: 640px) {
#interview_sp { max-width: 440px; font-size: 90%;}
}
/*for_W768-*/
@media screen and (min-width: 768px) {
#interview_sp { font-size: 80%;}
}
/*for_W900-*/
@media screen and (min-width: 900px) {
#interview_sp { width: 45%; padding-left: 0; margin: -1em 0 0 0; float: right; font-size: 80%;}
#interview_sp .voltxt { font-size: 140%;}
}

/* 	episode
============================== */
#episode_sp { width: 92%; max-width: 380px; margin: .5em auto 1.5em auto; position: relative; z-index: 10;}
#episode_sp .img { box-sizing: border-box; width: 100%; height: 0; padding-top: 45.701357466063348%; padding-top: -webkit-calc(404 / 884 * 100%); padding-top: calc(404 / 884 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative; -ms-border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px;}
#episode_sp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; color: rgba(0, 0, 0, 1); z-index: 100; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#episode_sp a:hover { background: rgba(255, 255, 255, .2);}
/*for_W640-*/
@media screen and (min-width: 640px) {
#episode_sp { max-width: 440px; font-size: 90%;}
}
/*for_W900-*/
@media screen and (min-width: 900px) {
#episode_sp { width: 45%; margin: -1em 0 0 4em; float: left; font-size: 80%;}
#episode_sp .img { -ms-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
}

/* 	marutaro
============================== */
#marutaro_sp { width: 94%; max-width: 380px; margin: 0 auto 1.5em auto; position: relative; z-index: 10;}
#marutaro_sp .img { box-sizing: border-box; width: 100%; height: 0; padding-top: 45.701357466063348%; padding-top: -webkit-calc(404 / 884 * 100%); padding-top: calc(404 / 884 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative;}
#marutaro_sp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; color: rgba(0, 0, 0, 1); z-index: 100;}
#marutaro_sp a:hover { background: rgba(255, 255, 255, .2);}
#marutaro_sp .voltxt { width: 61%; margin: 0 0 0 2%; text-align: left; position: absolute; top: 32%; left: 35%;}
#marutaro_sp .voltxt dt { box-sizing: border-box; text-align: center; background: rgba(235, 94, 189, 1); -ms-border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; width: 30px; height: 30px; display: block; margin: 0 auto; color: rgba(255, 255, 255, 1); font-weight: bold; padding-top: 6px;}
#marutaro_sp .voltxt dt {  -ms-border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; width: 80px; height: 30px;}
#marutaro_sp .voltxt dd { width: 96%; margin: 0 auto; font-size: 90%; line-height: 130%; padding-top: 3%; text-align: justify; text-justify: inter-ideograph;}
/*for_W640-*/
@media screen and (min-width: 640px) {
#marutaro_sp { max-width: 440px; font-size: 90%;}
#marutaro_sp .voltxt dd { width: 90%; font-size: 98%; line-height: 150%; padding-top: 4%;}
}
/*for_W900-*/
@media screen and (min-width: 900px) {
#marutaro_sp { width: 45%; padding-left: 0; margin: -1.1em 1em 0 0; float: right; font-size: 80%;}
}

/* 	gallery
============================== */
#gallery_sp { width: 92%; max-width: 380px; margin: .5em auto 1.5em auto; position: relative; z-index: 10;}
#gallery_sp .img { box-sizing: border-box; width: 100%; height: 0; padding-top: 45.701357466063348%; padding-top: -webkit-calc(404 / 884 * 100%); padding-top: calc(404 / 884 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative; -ms-border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px;}
#gallery_sp .img0 { width: 50%; height: 0; padding-top: 45.701357466063348%; padding-top: -webkit-calc(404 / 884 * 100%); padding-top: calc(404 / 884 * 100%); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: top center; position: absolute; top: 0; left: 0; -ms-border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; opacity: .2; -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px);}
#gallery_sp .img00 { width: 50%; height: 0; padding-top: 43.701357466063348%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: top center; position: absolute; top: 1.5%; left: 49%; -ms-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; -webkit-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; opacity: .85;}
#gallery_sp .voltxt0 { width: 40%; margin: 0 0 0 2.5%; text-align: left; font-size: 80%; color: rgba(255, 255, 255, .9); position: absolute; top: 47%; left: 1%;}
#gallery_sp .watxt { width: 50%; position: absolute; bottom: 1.6em; left: 0; font-size: 140%; font-weight: lighter; color: rgba(255, 255, 255, 1); letter-spacing: 0; text-align: center;}
#gallery_sp .sp { width: 100%; height: 0; padding-top: 66.625%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0;}
#gallery_sp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; color: rgba(0, 0, 0, 1); z-index: 100; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#gallery_sp a:hover { background: rgba(255, 255, 255, .2);}
/*for_W640-*/
@media screen and (min-width: 640px) {
#gallery_sp { max-width: 440px; font-size: 90%;}
}
/*for_W900-*/
@media screen and (min-width: 900px) {
#gallery_sp { width: 45%; margin: -1em 0 0 4em; float: left; font-size: 80%;}
#gallery_sp .img { -ms-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
}

/* 	movie
============================== */
#movie_sp { width: 92%; max-width: 380px; margin: .5em auto 1.5em auto; position: relative; z-index: 10;}
#movie_sp .img { box-sizing: border-box; width: 100%; height: 0; padding-top: 45.701357466063348%; padding-top: -webkit-calc(404 / 884 * 100%); padding-top: calc(404 / 884 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative; -ms-border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px;}
#movie_sp .img0 { width: 50%; height: 0; padding-top: 45.701357466063348%; padding-top: -webkit-calc(404 / 884 * 100%); padding-top: calc(404 / 884 * 100%); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: top center; position: absolute; top: 0; left: 0; -ms-border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; opacity: .3; -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px);}
#movie_sp .img00 { width: 50%; height: 0; padding-top: 43.701357466063348%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: top center; position: absolute; top: 1.5%; left: 49%; -ms-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; -webkit-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; opacity: .85;}
#movie_sp .voltxt0 { width: 40%; margin: 0 0 0 2.5%; text-align: left; font-size: 80%; color: rgba(255, 255, 255, .9); position: absolute; top: 28%; left: 1%;}
#movie_sp .listlnk { width: 50%; height: 0; padding-top: 58.100558659217877%; padding-top: -webkit-calc(208 / 179 * 50%); padding-top: calc(208 / 179 * 50%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 50%; left: 51%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); opacity: .85;}
#movie_sp .watxt { width: 40%; position: absolute; top: 39%; left: 5%; font-weight: lighter; color: rgba(255, 255, 255, 1); letter-spacing: 0; text-align: left; font-size: 90%; line-height: 140%;}
#movie_sp .sp { width: 100%; height: 0; padding-top: 66.625%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0;}
#movie_sp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; color: rgba(0, 0, 0, 1); z-index: 100; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#movie_sp a:hover { background: rgba(255, 255, 255, .2);}
#movie_sp .close_txt { min-width: 80%; padding: 10px 5px; font-weight: bold; font-size: 85%; background-size: contain; position: absolute; top: 58%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); background-color: rgba(255, 255, 255, .75);}
/*_update*/
#movie_sp .update { display: inline-block; width: 40%; height: 22px; line-height: 22px; vertical-align: middle; text-align: center; padding: 0 10px; font-size: 80%; background: rgba(255, 255, 255, .75); color: rgba(244, 104, 103, 1); font-weight: bold; box-sizing: border-box; position: absolute; bottom: 1em; left: 5%; z-index: 1000;}
/*for_W640-*/
@media screen and (min-width: 640px) {
#movie_sp { max-width: 440px; font-size: 90%;}
#movie_sp .watxt { top: 42%; font-size: 94%;}
#movie_sp .close_txt { font-size: 100%;}
}
/*for_W900-*/
@media screen and (min-width: 900px) {
#movie_sp { width: 45%; margin: -1.1em 1em 0 0; float: right; font-size: 80%;}
#movie_sp .img { -ms-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
}

/* 	paravi_org
============================== */
#paraviorg_sp { width: 92%; max-width: 380px; margin: .5em auto 1.5em auto; position: relative; z-index: 10;}
#paraviorg_sp .img { box-sizing: border-box; width: 100%; height: 0; padding-top: 45.701357466063348%; padding-top: -webkit-calc(404 / 884 * 100%); padding-top: calc(404 / 884 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative; -ms-border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px;}
#paraviorg_sp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; color: rgba(0, 0, 0, 1); z-index: 100; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#paraviorg_sp a:hover { background: rgba(255, 255, 255, .2);}
/*for_W640-*/
@media screen and (min-width: 640px) {
#paraviorg_sp { max-width: 440px; font-size: 90%;}
}
/*for_W900-*/
@media screen and (min-width: 900px) {
/*#paraviorg_sp { width: 47%; padding-left: 0; margin: -1em auto 0 auto; padding-left: 1em;}*/
#paraviorg_sp { width: 45%; margin: -1em 0 0 3.6em; float: left;}
#paraviorg_sp .img { -ms-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
}

/* 	dvd_bn
============================== */
#dvdbn_sp { width: 92%; max-width: 380px; margin: .5em auto 1.5em auto; position: relative; z-index: 10;}
#dvdbn_sp .img { box-sizing: border-box; width: 100%; height: 0; padding-top: 45.701357466063348%; padding-top: -webkit-calc(404 / 884 * 100%); padding-top: calc(404 / 884 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative; -ms-border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}
#dvdbn_sp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; color: rgba(0, 0, 0, 1); z-index: 100; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#dvdbn_sp a:hover { background: rgba(255, 255, 255, .2);}
/*for_W640-*/
@media screen and (min-width: 640px) {
#dvdbn_sp { max-width: 440px; font-size: 90%;}
}
/*for_W900-*/
@media screen and (min-width: 900px) {
#dvdbn_sp { width: 45%; margin: -1.1em 1em 0 0; float: right; font-size: 80%;}
#dvdbn_sp .img { -ms-border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px;}
}