@charset "utf-8";

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 10px;}
#Breadcrumb{width:960px;margin:0 auto 15px;}

/**/
/*********** SPECIAL *************/
#localNavi{display:block;width:100%;height:104px;margin:0;position:fixed;top:0;left:0;z-index:101;}
/**/
#localNavi #mainNav{width:100%;height:70px;margin:0 ;position:relative;z-index:103;background:url(/jp/ja/others/tapemuseum/special/vol8/nav_bg.png) repeat-x;}
#localNavi #mainNav ul{width:960px;height:70px;margin:0 auto;}
#localNavi #mainNav li{float:left;background-repeat:no-repeat;}
#localNavi #mainNav li.nav1{background-image:url(/jp/ja/others/tapemuseum/special/vol8/nav1_on.png);}
#localNavi #mainNav li.nav2{background-image:url(/jp/ja/others/tapemuseum/special/vol8/nav2_on.png);}
#localNavi #mainNav li.nav3{background-image:url(/jp/ja/others/tapemuseum/special/vol8/nav3_on.png);}
/**/
#localNavi #subNav{clear:both;width:100%;height:34px;margin:0;border-bottom:#333 solid 3px;background:#e3fff8;position:absolute;top:33px;left:0;z-index:102;}
#localNavi #subNav ul{width:960px;height:34px;margin:0 auto;}
#localNavi #subNav ul li{float:left;background-repeat:no-repeat;}
#localNavi #subNav ul li.snav1{background-image:url(/jp/ja/others/tapemuseum/special/vol8/subNav1_on.png);}
#localNavi #subNav ul li.snav2{background-image:url(/jp/ja/others/tapemuseum/special/vol8/subNav2_on.png);}
#localNavi #subNav ul li.snav3{background-image:url(/jp/ja/others/tapemuseum/special/vol8/subNav3_on.png);}
#localNavi #subNav ul li.snav4{background-image:url(/jp/ja/others/tapemuseum/special/vol8/subNav4_on.png);}
/**/
#MainCont.Special08 a:hover img{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha( opacity=70 )";}

/*********** SPECIAL 第8回 *************/
#MainCont .Cont{width:960px;margin:0 auto;font-size:16px;line-height:1.5;letter-spacing:1px;}
#MainCont .Cont h3{margin-bottom:17px;}
/* TOP */
#AreaTop{height:578px;background:url(/jp/ja/others/tapemuseum/special/vol8/top_bg.png) repeat-x;}
#AreaTop .Cont{position:relative;}
#AreaTop h2{margin-bottom:23px;height:auto;position:static;}
#AreaTop h2 img{position:static !important;}
#AreaTop .laed{height:83px;padding-top:27px;background:url(/jp/ja/others/tapemuseum/special/vol8/lead_bg.png) no-repeat;text-align:center;line-height:1.3;font-size:18px;letter-spacing:2px;margin-bottom:19px;}
#AreaTop .laed em{font-weight:bold;color:#ff6363;}
#AreaTop .catch{}
#AreaTop #sns{position:absolute;right:0;top:29px;}
#AreaTop #sns li{margin-left:5px;float:right;}
#AreaTop #sns li img{cursor:pointer;}
#AreaTop #sns li.ttl img{padding:5px 5px 0 0; cursor:default;}






/* COMMON */
#AreaA,
#AreaB{background:url(/jp/ja/others/tapemuseum/special/vol8/cont_top_bg.png) repeat-x 10px 0;padding-bottom:110px;}
#AreaC{background:url(/jp/ja/others/tapemuseum/special/vol8/cont_top_bg.png) repeat-x 10px 0;padding-bottom:27px;}
#AreaA .Cont,
#AreaB .Cont{background:url(/jp/ja/others/tapemuseum/special/vol8/h3_bg.png) no-repeat right top;}
#AreaC .Cont{background:url(/jp/ja/others/tapemuseum/special/vol8/h3_bg2.png) no-repeat right top;}
span.txtRed{color:#ff6363;}
span.txtBlu{color:#3ac9e7;}
p.pageTop{width:960px;height:64px;margin:0 auto;text-align:right;}
p.pageTop a{display:block;width:64px;height:64px;background:url(/jp/ja/others/tapemuseum/special/vol8/pagetop_on.png) no-repeat;float:right;}

/**/
.Point{margin-bottom:13px;background:url(/jp/ja/others/tapemuseum/special/vol8/point_top.png) no-repeat right 16px;}
.Point .pointBtm{height:5px;background:url(/jp/ja/others/tapemuseum/special/vol8/point_btm.png) no-repeat right bottom;}
.Point .pointCont{padding:20px 0 27px 53px;}
.Point .pointCont:after{content:" ";display:block;clear:both;}
.Point .pointCont p{padding-right:53px;}
.Point .pointCont p.note{font-size:12px;padding:0 0 0 6px;}
.Point .pointCont .mvwrap{clear:both;float:left;}
.Point .pointCont .mvwrap .mvArea{padding:0;margin-right:30px;}
.Point .pointCont .mvwrap .mvArea iframe{margin:0 auto;display:block;}
.Point .pointCont p.note img{width:auto;}
/**/

/**/
#AreaA{margin-top:-10px;}
/**/
.aProperty{margin-bottom:42px;}
.aProperty:after{content:" ";display:block;clear:both;}
.aProperty li{float:left;}

/**/
#AreaB{}
#AreaB .Cont > h4{margin-bottom:20px;}
#AreaB .Cont .spCont h4{margin-bottom:20px;}
#AreaB .Cont > p + h4{margin-top:30px;}
#AreaB .Point p.Img1{margin:-35px 0 0 53px;}
#AreaB .Point p.Img2{margin:20px 0 34px 53px;}
#AreaB .Point p.Img3{margin:-35px 0 0 53px;}
#AreaB .bImg1{margin:-74px 0 0 0;}
/**/
#AreaB .Point.sec{margin:50px 0 31px 0;}
#AreaB .Point.sec p{margin:0 0 0 43px;}
#AreaB .Point.sec ul{margin:10px 0 0 43px;}
#AreaB .Point.sec ul:after{content:" ";display:block;clear:both;}
#AreaB .Point.sec ul li{float:left;}
#AreaB .Point.sec ul li.list1{width:450px;}
#AreaB .Point.sec ul li.list2{width:432px;}
#AreaB .Point.sec ul li.list1 p{padding:0 75px 10px 80px;margin:0;}
#AreaB .Point.sec ul li.list2 p{padding:0 85px 10px 40px;margin:0;}
#AreaB .Point.sec h4{margin:0 0 35px 0;}
#AreaB .Point.sec .pointBtm{margin-top:45px;}
/**/
#AreaB .Point.thd{margin:50px 0 31px 0;}
#AreaB .Point.thd h4.h4_3{margin:-18px 0 0 0;}
#AreaB .Point.thd .Img{margin-left:53px;}
#AreaB .Point.thd ul{margin-bottom:40px;}
#AreaB .Point.thd ul:after{content:" ";display:block;clear:both;}
#AreaB .Point.thd ul li{float:left;}

/**/
.bAdherend{width:960px;height:370px;background:url(/jp/ja/others/tapemuseum/special/vol8/b_adherend.png) no-repeat;position:relative;margin:13px 0 5px;z-index:1;}
.bAdherend li{position:absolute;cursor:pointer;}
.bAdherend li.mus1{left:226px;top:207px;}
.bAdherend li.mus2{left:807px;top:99px;}
.bAdherend li.mus1Pop{left:226px;top:220px;display:none;}
.bAdherend li.mus2Pop{left:796px;top:134px;display:none;}
.bAdherend li.mus1Pop img,
.bAdherend li.mus2Pop img{width:100%;cursor:default;}




/**************/
#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 )";}

/**************/
.mvModal{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.8);z-index: 102;display:none;}
.mvModal > div{position:relative;}
.mvModal > div > img{position:absolute;top:-17px;width:34px;cursor:pointer;}
.mvModal iframe{width:486px; height:412px;margin-left:auto;margin-right:auto;display: block;}
#mvBtn a{cursor:pointer;}



/****** SP *****/
@media only screen and (max-width:736px){
#MainCont{padding:0;}
#MainCont .Cont{width:100%;}
* img{width:100%;}
.Point .pointCont .mvwrap{margin-bottom:4%; float:none;}
.Point .pointCont .mvwrap .mvArea{position:relative;width:100%;padding-top:56%;overflow:hidden;margin:0 auto;}
.Point .pointCont .mvwrap .mvArea iframe{position:absolute;top:0;left:0%;width:100%;height:100%;}

#GNavi{margin:0 auto 0;}
p.pageTop{width:100%;height:auto;}
.spCont{padding:0 10px;}
p + .spCont{margin-top:60px;}
p{font-size:12px;}
h4 + p{margin-top:10px;}

/**/
#localNavi #mainNav{height:auto;background:none;}
#localNavi #mainNav ul{width:100%;height:auto;}
#localNavi #mainNav ul:after{content:" ";display:block;clear:both;}
#localNavi #mainNav li{background:none !important;}
#localNavi #mainNav li.nav1{width:33.6%;}
#localNavi #mainNav li.nav2{width:33.1%;}
#localNavi #mainNav li.nav3{width:33.3%;}

/**/
#localNavi #subNav{clear:both;width:100%;height:auto;margin:0;border-bottom:#333 solid 3px;background:#e3fff8;position:absolute;top:0;left:0;}
#localNavi #subNav ul{width:100%;height:auto;}
#localNavi #subNav ul:after{content:" ";display:block;clear:both;}
#localNavi #subNav ul li{background:none !important;}
#localNavi #subNav ul li.snav1{width:25.4%;}
#localNavi #subNav ul li.snav2{width:24.7%;}
#localNavi #subNav ul li.snav3{width:24.8%;}
#localNavi #subNav ul li.snav4{width:25.0%;}

/**/
#AreaTop{height:auto;margin:10px 0 0;padding-bottom:60px;}
#AreaTop h2{padding:0; margin:0;}
#AreaTop #sns{padding-right:10px;}
#AreaTop #sns li{width:30px;}
#AreaTop #sns li.ttl{width:75px;}
#AreaTop #sns li.ttl img{padding:5px 5px 0 0;cursor:default;}
#AreaTop .laed{height:auto;padding-top:0;background:none;margin-bottom:0;}

/**/
#AreaA, #AreaB,#AreaC{background:none;padding-bottom:0;padding-bottom:65px;}
#AreaC{ padding-bottom:30px;}

.Point{background:none; position:relative; border:#333 solid 1px; width:calc(100% - 21px); margin:0 10px 10px 10px; box-sizing:border-box;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.Point h4{position:static; margin:-6px 0 0 -10px;}
.Point h4 img{width:calc(100% + 12px);}
.Point .pointBtm{height:5px;background:url(/jp/ja/others/tapemuseum/special/vol8/point_btm.png) no-repeat right bottom;}
.Point .pointCont{padding:20px 18px 27px 18px;}
.Point .pointBtm{display:none;}
.Point .pointCont .mvArea{margin:0 0 10px 0;float:none;}
.Point .pointCont p{padding-right:0;}

.aProperty{margin-bottom:10px;}

/**/
.bAdherend{width:100%;height:0;background:url(/jp/ja/others/tapemuseum/special/vol8/sp_b_adherend.png) no-repeat;background-size:cover;position:relative;margin:13px 0 8px;z-index:1;padding-top:75%;}
.bAdherend li.mus1{left:10%;top:62%;}
.bAdherend li.mus2{left:70%;top:17%;}
.bAdherend li.mus1 img,
.bAdherend li.mus2 img{width:55px;}

.bAdherend li.mus1Pop{left:9%;top:57%;display:none;}
.bAdherend li.mus2Pop{left:67%;top:23%;display:none;}
.bAdherend li.mus1Pop img,
.bAdherend li.mus2Pop img{vertical-align:top;}
/**/
#AreaB .Point p.Img1{width:87%;margin:10px 6% 10px;}
#AreaB .Point p.Img2{width:87%;margin:10px 6% 20px;}
#AreaB .bImg1{margin:-9% 0 0 0;}
/**/
#AreaB .Point.sec{margin:15px 10px 10px 10px;padding-bottom:20px;}
#AreaB .Point.sec h4{margin:-6px 0 10px -10px;}
#AreaB .Point.sec p{width:87%;margin:0 6% 0;}
#AreaB .Point.sec ul{margin:10px 6% 0;}
#AreaB .Point.sec ul li{float:none;}
#AreaB .Point.sec ul li.list1,
#AreaB .Point.sec ul li.list2{width:100%;}
#AreaB .Point.sec ul li.list1 p,
#AreaB .Point.sec ul li.list2 p{width:100%;padding:10px 0 10px;margin:0;}
#AreaB .Point.thd{margin:15px 10px 10px 10px;padding-bottom:20px;}
#AreaB .Point p.Img3{margin:10px 6%;}
#AreaB .Point.thd h4.h4_3{margin:0 0 0 -10px;}
#AreaB .Point.thd .Img{margin:10px 6%;}
#AreaB .Point.thd ul.Img{margin-top:-20px;margin-bottom:0;}
#AreaB .Point.thd ul.Img li{width:50%;float:left;}


/**************/
#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 )";}

/**************/
.mvModal{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.8);z-index:102;display:none;}
.mvModal > div > img{position:absolute;top:-17px;right:-4%;width:34px;cursor:pointer;}
.mvModal > div{position:relative;width:88%;padding-top:49.9%;margin:0 auto;margin-bottom:8px;}
.mvModal iframe{display: block;position:absolute;top:0;left:0;width:100%;height:100%;}
#mvBtn a{cursor:pointer;}







}