@charset "utf-8";
body{min-width:1000px;}
body > iframe{height:0;line-height:0;overflow:hidden;}
#G-MAIN-AREA{position:relative;}
#G-MAIN-AREA .m-layout{width:100%;}
#CONTENT{width:100%;padding-bottom:0 !important;}
#GNavi{margin:0 auto 0;}
#Breadcrumb{width:960px;margin:0 auto 15px;}
#MainCont{font-size:16px;}

/**************/
#MuseBtm{height:auto;background:#fff url(/jp/ja/others/tapemuseum/rnw_top/btm_bg.gif) no-repeat center bottom;position:relative;z-index:2;}
#MuseBtm ul{width:960px;margin:0 auto;padding:60px 0 100px;}
#MuseBtm ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#MuseBtm ul li{width:210px;float:left;margin:0 40px 40px 0;}
#MuseBtm ul li:nth-child(4n){margin-right:0;}
#MuseBtm ul li a:hover{opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=80 )";}

/*********** SPECIAL 第11回 *************/

#LowCont{background-image:url(/jp/ja/others/tapemuseum/special/vol11/main_bg.png);background-repeat:repeat-y;background-position:center top;position:relative;overflow:hidden;height:835px;}
#contBtm{position:absolute;left:0;bottom:0;width:100%;height:130px;background:url(/jp/ja/others/tapemuseum/special/vol11/cont_btm.png) repeat-x;z-index:500;}
#contBtm p{display:block;width:980px;margin:0 auto;padding-top:35px;font-size:12px;}
#MainCont{width:960px;margin:0 auto;position:relative;}
.contents{width:100%;}
/**/
#sns{position:absolute;top:0;right:0;width:280px;height:40px;background:url(/jp/ja/others/tapemuseum/special/vol11/share_bg.png) no-repeat left top;padding-right:25px;box-sizing:border-box;z-index:101;}
#sns li{float:right;margin-left:7px;padding:5px 0;cursor:pointer;}
/**/
#follow{position:absolute;left:117px;top:197px;width:95px;height:100%;}
#followImg{position:relative;z-index:400;height:100px;}
#followImg img{margin:0;padding:0;position:absolute;top:0;left:0;}
#followImg img.hint{position:absolute;bottom:0;left:80px;display:none;}
#follow #bgBdr{position:relative;width:95px;height:auto;padding-top:30px;background:url(/jp/ja/others/tapemuseum/special/vol11/slide_bg.png) repeat-y;z-index:399;float:left;}

/* TOP */
.top{position:relative;height:338px;}
.top h1{padding:32px 0 0 0;}
.top p.logo{position:absolute;top:21px;left:-25px;}
.top p.read{position:absolute;top:245px;left:320px;text-align:center;font-size:20px;font-weight:bold;line-height:1.5;}

/* COMMON */
#q1,#q2,#q3,#q4,#q5{width:960px;position:relative;}
.qBg{position:absolute;left:0;top:0;z-index:100;}
.qOv{position:absolute;left:0;top:0;z-index:200;}
.btnReset{position:absolute;left:330px;bottom:75px;z-index:300;cursor:pointer;}
/**/
dl.choose{position:absolute;left:0;top:85px;width:100%;z-index:300;}
dl.choose::after{content:" ";display:block;clear:both;}
dl.choose dt{text-align:center;margin-bottom:50px;}
dl.choose dd{position:absolute;cursor:pointer;}
dl.choose dt:first-child + dd{left:40px;top:117px;}
dl.choose dd:last-child{left:500px;top:117px;}
.lower dl.choose{display:none;}
/* Q1 */
#point{position:absolute;
top:117px;
left:0px;
}
#q1{height:650px;}
#q1 dl.choose{top:0;height:280px;}
/* Q2 */
#q2{height:558px;}
/* Q3 */
#q3{height:558px;}
/* Q4 */
#q4{height:559px;}
/* Q5 */
#q5{height:569px;margin-bottom:130px;}

/************************/
#modal{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:500;display:none;}
#modal #mdlInner{width:100%;height:100%;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-justify-content:center;
-moz-justify-content:center;
-ms-justify-content:center;
-o-justify-content:center;
justify-content:center;
-webkit-align-items:center;
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center;
align-items:center;
}
#modal #mdlInner #mdlCont{width:710px;height:571px;background:url(/jp/ja/others/tapemuseum/special/vol11/mdlcont_bg.png) no-repeat;;box-sizing:border-box;padding:35px 0 0 95px;}
/**/
#selectImg{margin-bottom:7px;}
#selectImg::after{content:" ";display:block;clear:both;}
#selectImg #ttl{width:100%;text-align:center;font-size:1.5rem;font-weight:bold;height:auto;margin:0 0 7px 0;padding-right:95px;box-sizing:border-box;float:none;}
#selectImg li{width:250px;height:157px;margin:0 20px 20px 0;float:left;}
#selectImg li p{display:none;margin-bottom:10px;}
#selectImg li img{width:100%;display:none;}
.resultJump{display:none;padding-right:95px;text-align:center;}
.resultJump img{cursor:pointer;}

/*
.scroll {padding-top:60px;position:absolute;left:calc(50% - 18px);top:330px;z-index:399;display:none;}
.scroll span {
position:absolute;
top:0;
left:50%;
width:30px;
height:50px;
margin-left:-15px;
border:2px solid #000;
border-radius:50px;
box-sizing:border-box;
background:#fff;
}
.scroll span::before {
position:absolute;
top:10px;
left:50%;
content:'';
width:6px;
height:6px;
margin-left:-3px;
background-color:#000;
border-radius:100%;
-webkit-animation:sdb 2s infinite;
animation:sdb 2s infinite;
box-sizing:border-box;
}
@-webkit-keyframes sdb {
	0% {-webkit-transform:translate(0, 0);opacity:0;}
	40% {opacity:1;}
	80% {-webkit-transform:translate(0, 20px);opacity:0;}
	100% {opacity:0;}
}
@keyframes sdb {
	0% {transform:translate(0, 0);opacity:0;}
	40% {opacity:1;}
	80% {transform:translate(0, 20px);opacity:0;}
	100% {opacity:0;}
}
*/
.scroll {padding-top:65px;position:absolute;left:calc(50% - 51px);top:315px;z-index:399;display:none;font-weight:bold;box-sizing:border-box;
font-size:1.2rem;
    background-color:#ffffa9;
    padding:65px 0.5em 0.2em;
    border:#000 solid 3px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-moz-box-shadow:0px 0px 5px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 5px 5px rgba(0,0,0,0.1);
	-o-box-shadow:0px 0px 5px 5px rgba(0,0,0,0.1);
	-ms-box-shadow:0px 0px 5px 5px rgba(0,0,0,0.1);
}
.scroll span {
position:absolute;
top:0;
left:50%;
width:24px;
height:24px;
margin-left:-12px;
border-left:1px solid #000;
border-bottom:1px solid #000;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
-webkit-animation:sdb 2s infinite;
animation:sdb 2s infinite;
opacity:0;
box-sizing:border-box;
}
.scroll span:nth-of-type(1) {-webkit-animation-delay:0s;animation-delay:0s;}
.scroll span:nth-of-type(2) {top:16px;-webkit-animation-delay:.15s;animation-delay:.15s;}
.scroll span:nth-of-type(3) {top:32px;-webkit-animation-delay:.3s;animation-delay:.3s;}
@-webkit-keyframes sdb {0% {opacity:0;}50% {opacity:1;}100% {opacity:0;}}
@keyframes sdb {0% {opacity:0;}50% {opacity:1;}100% {opacity:0;}}

/****** SP *****/
@media only screen and (max-width:736px){
body{-webkit-text-size-adjust:100%;min-width:320px;}
#MainCont{padding:0;font-size:14px;line-height:1.4;width:100%;}
#MainCont > div{min-width:320px;}
.Cont{width:87.5%;margin:0 auto;}
/**************/
#MuseBtm ul{width:95%;margin:0 auto;padding:30px 0 120px;}
#MuseBtm ul li{width:48%;float:left;margin:0 2% 10px 0;}
#MuseBtm ul li img{width:100%;}
#MuseBtm ul li:nth-child(4n){margin-right:0;}
#MuseBtm ul li a:hover{opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=80 )";}
/**/
#LowCont {height:700px;}
#contBtm {position:absolute;left:0;bottom: -15px;width:100%;height:100px;background:url(/jp/ja/others/tapemuseum/special/vol11/sp_cont_btm.png) repeat-x;background-size: 20px auto;}
#contBtm p {width:calc(88%);margin:0 auto;padding:25px 6% 0;font-size:10px;}
/**/
#sns {position:absolute;top:0;right:20px;width:175px;height:40px;background:url(/jp/ja/others/tapemuseum/special/vol11/sp_share_bg.png) no-repeat left top;background-size:100% auto;padding-right:10px;}
#sns li {width:27px;margin-left:3px;padding:5px 0;}
#sns li img{width:100%;}
.top {height:auto;padding-bottom:1em;}
.top p.logo {top:15px;left:20px;width:21%;}
.top p.logo img{width:100%;}
.top h1 {padding:40px 0 0 0;}
.top h1 img{width:100%;}
.top p.read {position:static;text-align:center;font-size:12px;line-height:1.5;margin:1em 0 0 0;}
/**/
#q1, #q2, #q3, #q4, #q5 {width:100%;}
.qBg {left:0;top:0;width:100%;}
.qOv {position:absolute;left:0;top:0;z-index:200;width:100%;}
/**/
#q1 dl.choose {height:auto;}
dl.choose {top:0;}
#q5 dl.choose{top: 7%;}
dl.choose dt {width:87.5%;margin-left:6.3%;margin-bottom:15px;}
dl.choose dt img{width:100%;max-width:100%;}
dl.choose dd{width:42%;}
dl.choose dd img{width:100%;max-width:100%;}
dl.choose dt:first-child + dd {left:6.3%;top:95%;}
dl.choose dd:last-child {left:52%;top:95%;}
/**/
#q1 {height:0;padding-top:73%;}
#q2 {height:0;padding-top: 75%;}
#q3 {height:0;padding-top: 75%;}
#q4 {height:0;padding-top: 75%;}
#q5 {height:0;padding-top: 85%;}
/**/
.btnReset {width:56%;left:22%;top: 64%;}
/**/
#modal #mdlInner #mdlCont {width:95%;height:auto;padding:20px 0 20px 5%;background:url(/jp/ja/others/tapemuseum/special/vol11/sp_mdlcont_bg.png) no-repeat;background-size:100% 100%;}
#selectImg {margin-right:5%;margin-bottom:2%;}
#selectImg #ttl {font-size:1.2rem;margin:0 0 7px 0;padding:0 5% 0 0;}
#selectImg li {width:47%;height:0;margin:0 5% 10px 0;padding-top:29%;position:relative;}
#selectImg li:nth-child(3){margin-right:0;}
#selectImg li:nth-child(5){margin-right:0;}
#selectImg li p{width:100%;position:absolute;left:0;top:0;}
#selectImg li img{width:100%;position:absolute;left:0;top:18%;}
#selectImg li p img{top:0;}
.resultJump {width:94%;height:0;padding-top:22%;padding-right:0;position:relative;display:block;}
.resultJump img{position:absolute;left:0;top:0;width:100%;max-width:100%;display:none;}
/**/
#MainCont > div#follow{left:6.3%;top:197px;width:1px;min-width:1px;height:100%;}
#follow #bgBdr{display:none;}
#followImg img {display:none;}
#followImg img.hint {width:100%;left:0;}
/**/
#lsNotes{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,0.98);z-index:9999;}
#lsNotes div{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	-ms-justify-content:center;
	-o-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
	-o-align-items:center;
	align-items:center;
	width:100%;
	height:100%;
	}
	#lsNotes div p{text-align:center;}
/**/
.scroll {left:calc(50% - 10px);top:330px;padding-top:30px;display:none !important;}
.scroll span {width:20px;height:32px;margin-left:-10px;}
.scroll span::before {top:0;}


	#darea{
		display:none;
		position:fixed;
		left:0;top:117px;
		height:1px;
		border-bottom:#FC0000 solid 2px;
		z-index:9999;
	}


















}
@media only screen and (max-width:425px){
#LowCont {height:660px;}
}
@media only screen and (max-width:375px){
#LowCont {height:645px;}
}
@media only screen and (max-width:320px){
#LowCont {height:600px;}
}