@charset "utf-8";

/****** COMMON BASE *****/
body {min-width:1000px;}
body > iframe {height:0;line-height:0;overflow:hidden;}
img {-webkit-backface-visibility:hidden;backface-visibility: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;}
/* #G-MAIN-AREA a {-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all  0.3s ease;outline:none;} */
/**/
#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 )";}


/****** SP BASE *****/
@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.7;width:100%;}
#MainCont > div {min-width:320px;}
/*********** SPECIAL 第16回 *************/
#LowCont {font-size:14px;}
/* COMMON */
.Cont {width:90%;margin:0 auto;padding:7% 0 20%;}
img {width:100%;display:block;}
/**************/
#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:nth-child(4n) {margin-right:0;}
#MuseBtm ul li a:hover {opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=80 )";}
/**/
#localNavi {display:block;width:100%;height:auto;margin:0;position:fixed;top:0;left:0;z-index:105;}
#localNavi #mainNav {width:100%;height:auto;margin:0 ;position:relative;z-index:103;background:none;}
#localNavi #mainNav ul {width:100%;height:auto;margin:0 auto;background:none;box-shadow:0 5px 7px rgba(0,0,0,0.2);}
#localNavi #mainNav ul:after {content:" ";display:block;clear:both;}
#localNavi #mainNav li {width:100%;float:none;background:none !important;padding:0;box-sizing:border-box;}
#localNavi #mainNav li a:hover {opacity:1;}
}



/*********** SPECIAL 17 *************/
/****** PC *****/
@media only screen and (min-width:737px) {
.Sp {display:none !important;}
.Pc {display:block !important;}
#LowCont {background-image:none;background-repeat:repeat-y;background-position:center top;position:relative;overflow:hidden;font-size:18px;}
.contents {width:100%;}
.fadeIn {opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;}
.fadeIn.scrollIn {opacity:1;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)";-khtml-opacity:1;-moz-opacity:1;}
/**/
.localNavi {display:block;width:100%;height:auto;background-color: #fff;margin:0;padding: 18px 0;box-shadow: 0 0 16px rgba(0,0,0,0.4);position:fixed;top:0;left:0;z-index:101;}
.localNavi ul {max-width:960px;height:auto;margin:0 auto;display: flex;}
.localNavi ul li a {display:block;}
/* COMMON */
.inner {width:960px;margin:0 auto;}
#MainCont a:hover img {opacity: 1;filter: alpha(opacity=100);-ms-filter: "alpha( opacity=100 )";}
p  {line-height: 1.8;}
.red {color: #eb5656;font-weight: bold;}
/* TOP */
.mainVis  {width: 100%;max-width: 1280px;background-image: url(/jp/ja/others/tapemuseum/special/vol17/main_vs.png);background-repeat: no-repeat;background-position: center top;box-sizing: border-box;margin: 0 auto;}
.mainVInner  {width: 1040px;height: 500px;margin: 0 auto 40px;position: relative;}
#MainCont .mainVis .mainTtl  {width: 445px;height: auto;padding: 35px 0 39px;margin: 0 auto;display: block;}
#MainCont .mainVis .mainTtl img {position: relative;}
.mainHd, .mainCth {position: absolute;}
.mainHd  {top: 22px;left: 0;}
.mainCth  {bottom: 20px;right: -20px;}
.read {font-size: 18px;text-align: center;}
/**/
.contTtl  {margin: 90px 0 30px;}
.contTxt {margin-bottom: 40px;}
.supBlock  {display: flex;padding: 30px;border-radius: 12px;}
.supTxtBox {width: 440px;}
.supTtl {font-size: 18px;position: relative;line-height: 1;padding-left: 22px;margin-bottom: 15px;}
.supTtl::before {content: '';width: 12px;height: 12px;background-repeat: no-repeat;background-size: 100% auto;display: block;position: absolute;top: 2px;left: 0;}
/* A */
.Img.wide {width: 670px;margin:  0 auto;}
.Img.wide img {width: 100%;}
.Img.wide .sdw,
.Img.wide p.scroll{display:none;}
/* B */
#AreaB .supBlock {background-color: #ffe7ef;}
#AreaB .supTtl::before {background-image: url(/jp/ja/others/tapemuseum/special/vol17/b_h4_hd.png);}
#AreaB .supImg {margin-left: 50px;}
/* C */
.contHd {font-size: 26px;line-height: 1;font-weight: bold;padding: 0 0 15px 32px;margin: 50px 0 30px;position: relative;}
.contHd::before, .contHd::after {content: '';display: block;position: absolute;}
.contHd::before {width: 22px;height: 22px;background-image: url(/jp/ja/others/tapemuseum/special/vol17/c_h4_hd.png);background-size: 100% auto;top: 0;left: 0;}
.contHd::after {width: 100%;height: 4px;background-image: url(/jp/ja/others/tapemuseum/special/vol17/c_h4_line.png);background-position: -18px 0;bottom: 0;left: 0;}
.contCth {line-height: 1;font-size: 18px;margin-bottom: 15px;}
.mvArea {display: flex;margin-bottom: 30px;}
.contMv {width: 465px;margin-left: 30px;}
.contMv iframe {width: 465px;height: 261px;}
#AreaC .supBlock {background-color: #fff9df;}
#AreaC .supTtl::before {background-image: url(/jp/ja/others/tapemuseum/special/vol17/c_h6_hd.png);}
.supImg01 {margin: 0 10px 0 30px;}
.productLink {width: 360px;margin: 40px auto 80px;text-align: center;}
.productLink a {display: block;}
.txtL {width: 560px;float: left;margin-right: 40px;}
.contImgR {float: right;margin-bottom: 30px;}
.supBlock.noFlex {clear: both;display: block;}
.supList {margin-top: 25px;}
.supList li {width: 435px;float: left;display: flex;}
.supList li.boxL {clear: both; width: auto; margin-top: 40px;}
.supList li.boxL .supTxtL {width: 195px;}
.supBox01 {margin-right: 30px;}
.supTxtL {margin-right: 20px;}
.supTxtL.last {margin-right: 40px;}
.supBoxTtl {font-weight: bold;line-height: 1;margin-bottom: 5px;}

}

/****** SP *****/
@media only screen and (max-width:736px) {
.Sp {display:block !important;}
.Pc {display:none !important;}
/**/
.localNavi {display:block;width:100%;height:auto;margin:0;position:fixed;top:0;left:0;z-index:101;}
.localNavi ul {background-color: #fff;width:100%;height:auto;margin:0 auto;padding: 2% 5% 4%;box-sizing: border-box;box-shadow: 0 0 6px rgba(0,0,0,0.4);}
.localNavi ul li:not(:last-child){}
.localNavi ul li a {display:block;}
.localNavi ul li a img {width:100%;}
/* TOP */
#MainCont .mainVis .mainTtl{width: 88% !important;margin: 0 auto 35%;}
.mainVis{width: 100%;background-image: url(/jp/ja/others/tapemuseum/special/vol17/sp_main_vs.png);background-repeat: no-repeat;background-size: 100% auto;padding: 20% 6% 12%;box-sizing: border-box;position: relative;}
.mainHd, .mainCth{position: absolute;}
.mainHd{width: 36vmin;top: 8vmin;left: 3vmin;}
.mainCth{width: 47vmin;top: 93vmin;right: 5vmin;}
.read{font-size: 16px;}
/**/
.inner{padding: 0 6%;}
.red{color: #eb5656;font-weight: bold;}
p{line-height: 1.8;}
#AreaA, #AreaB{margin-bottom: 15%;}
.contTtl{margin-bottom: 7%;}
.contTxt{margin-bottom: 10%;}
.supBlock {border-radius: 12px;padding: 8% 6%;}
.supTtl {font-size: 16px;position: relative;line-height: 1;padding-left: 18px;margin-bottom: 5%;}
.supTtl::before{content: '';width: 10px;height: 10px;background-repeat: no-repeat;background-size: 100% auto;display: block;position: absolute;top: 4px;left: 0;}
.supTxt{margin-bottom: 6%;}
/* A */
#AreaA {}
.Img.wide {position: relative;margin: 0 auto;}
.Img.wide div:first-child {width: 100%;overflow: scroll;}
.Img.wide div:first-child img {width: 570px;}
.Img.wide .sdw {position: absolute;z-index: 99;right: -6%;top: 0;width: 50px;height: 100%;background: -moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.74) 74%,rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.74) 74%,rgba(255,255,255,1) 100%);background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.74) 74%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=1 );}
.Img.wide p.scroll {display: block;text-align: right;position: relative;padding-top: 10px;}
.Img.wide p.scroll img {display: inline;width: 27%;}
/* B */
#AreaB .supBlock {background-color: #ffe7ef;}
#AreaB .supTtl::before {background-image: url(/jp/ja/others/tapemuseum/special/vol17/b_h4_hd.png);}
/* C */
#AreaC {margin-bottom: 35%;}
.contHd {font-size: 23px;line-height: 1;font-weight: bold;padding: 0 0 12px 30px;margin: 14% 0 8%;position: relative;}
.contHd::before, .contHd::after {content: '';display: block;position: absolute;}
.contHd::before {width: 20px;height: 20px;background-image: url(/jp/ja/others/tapemuseum/special/vol17/c_h4_hd.png);background-size: 100% auto;top: 2px;left: 0;}
.contHd::after {width: 100%;height: 4px;background-image: url(/jp/ja/others/tapemuseum/special/vol17/c_h4_line.png);background-position: -18px 0;bottom: 0;left: 0;}
.contCth{font-size: 16px;margin-bottom: 2%;}
.contImgL, .contImgR{margin-bottom: 8%;}
.contMv {position: relative;width: 100%;height: 0;padding-top: 56.3%;margin-bottom: 8%;overflow: hidden;}
.contMv iframe{position: absolute;top: 0;left: 0%;width: 100%;height: 100%;}
#AreaC .supBlock {background-color: #fff9df;}
#AreaC .supTtl::before {background-image: url(/jp/ja/others/tapemuseum/special/vol17/c_h6_hd.png);}
.cSup01Img {width: 48%;float: left;}
.supImg01{margin-right: 4%;}
.productLink{margin: 8% 0 17%;}
.supList li {display: table;}
.supList li:not(:last-child){margin-bottom: 7%;}
.supTxtL {width: 50%;display: table-cell;padding-right: 5%;box-sizing: border-box;}
.supBoxTtl{font-weight: bold;margin-bottom: 3%;}
.supTxtL .supTxt{margin: 0;}
.supBoxImg {display: table-cell;vertical-align: middle;}
}

@media only screen and (max-width:425px) {}
@media only screen and (max-width:375px) {}
@media only screen and (max-width:320px) {}