@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{transition: .3s;}
#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;}
/*********** SPECIAL18 *************/
#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, .spBr {display:none !important;}
.Pc, .pcBr {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%;}
/**/
.localNavi {display:block;width:100%;height:auto;background-color: #30b4be;margin:0;border-bottom: #e3e3e3 solid 4px;position:fixed;top:0;left:0;z-index:101;}
.localNavi ul {max-width:960px;height: 60px;margin:0 auto;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
.localNavi ul li {width: 25%;height: 60px;}
.localNavi ul li a {border-right: #fff000 solid 4px;}
.localNavi ul li:first-child a {border-left: #fff000 solid 4px;}
.localNavi ul li a {width: 100%;height: 60px;color: #fff;font-size: 100%;font-weight: bold;text-align:center;line-height: 1.3;display: table;position:relative;transition:0.3s;box-sizing: border-box;}
.localNavi ul li:nth-of-type(odd) a {background-color: #ffa726;}
.localNavi ul li a:hover {text-decoration: none;color: #30b4be;background-color: #fff;}
.localNavi ul li:nth-of-type(odd) a:hover {color: #ffa726;}
.localNavi ul li a span {font-size: 112.5%;vertical-align: middle;text-align: center;display: table-cell;}
.localNavi ul li a span.sml {font-size: 100%;}
/* COMMON */
.inner {width:960px;margin:0 auto;padding: 0 15px;box-sizing: border-box;}
#MainCont a:hover img {opacity: 1;filter: alpha(opacity=100);-ms-filter: "alpha( opacity=100 )";}
p  {line-height: 1.8;}
.indent { margin: 0 20px; }

/* TOP */
.mainVis  {background-color: #f5f5f5;width: auto;max-width: 1280px;margin: 0 auto;text-align: center;margin-bottom: 60px;}
#MainCont .mainVis .mainTtl {background-image: url(/jp/ja/others/tapemuseum/special/vol20/ttl_bg_pc.png);background-repeat: no-repeat;background-position: center;width: auto;max-width: 1280px;height: 420px;text-align: center;margin: 0 auto;padding-top: 65px;box-sizing: border-box;}
#MainCont .mainVis .mainTtl img { position: relative; }
.read {padding: 20px 0 20px 250px;margin: auto;box-sizing: border-box;position: relative;display: inline-block;}
.read::before {content: '';background-image: url(/jp/ja/others/tapemuseum/special/vol20/ttl_lead.png);background-size: 100% auto;width: 217px;height: 85px;position: absolute;top: 18px;left: 0;}
.read em { font-weight:bold; }

/**/
.contTtl { width: 988px; margin: 0 auto 30px; }
.Img {margin: 0 auto;}
.Img.large { position: relative; }
.contTxt + .Img {margin-top: 25px;}
.contSupTxt { text-align: right; margin-top: 10px; }
.contSupTxt small { font-size: 75%; }
/**/
.subSection {margin-top: 60px;position: relative;padding: 0 0 5px 45px;}
.subSection::before {content: '';width: 10px;height: 100%;position: absolute;left: 10px;top: 7px;z-index: 1;}
.subSection::after {content: '';width: 10px;height: 16px;background-size: 100% auto;position: absolute;bottom: -7px;left: 10px;z-index: 1;}
.subSection.oSecBlock::before { background-color: #ffa821; }
.subSection.oSecBlock::after { background-image: url(/jp/ja/others/tapemuseum/special/vol20/o_block_line_bottom.png); }
.subSection.bSecBlock::before { background-color: #30b4be; }
.subSection.bSecBlock::after { background-image: url(/jp/ja/others/tapemuseum/special/vol20/b_block_line_bottom.png); }
/**/
.contSubTtl { font-size: 150%; margin-bottom: 10px; position: relative; }
.contSubTtl::before {content: '';width: 30px;height: 34px;background-size: 100% auto;position: absolute;left: -45px;z-index: 0;}
.oSecBlock .contSubTtl::before { background-image: url(/jp/ja/others/tapemuseum/special/vol20/o_h4_icon.png); }
.bSecBlock .contSubTtl::before { background-image: url(/jp/ja/others/tapemuseum/special/vol20/b_h4_icon.png); }
/**/
.columnBlock {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-moz-justify-content: space-between;-ms-justify-content: space-between;justify-content: space-between;}
.subSecTxtWrap { width: 395px; }
.columnBlock .Img {max-width: 450px;margin: 0;}
/**/
.contTbl {width: 100%;border: #ccc solid 1px;margin-top: 20px;border-collapse: collapse;}
.gray { background-color: #f5f5f5; font-weight: bold; text-align: center; padding: 10px 0; }
.contTbl th, .contTbl td { border-right: #ccc solid 1px; border-bottom: #ccc solid 1px; }
.contTbl td { vertical-align: middle; text-align: center; }
.tblImgTxt { font-size: 87.5%; line-height: 1.5; margin-bottom: 10px; }
.contTbl tr:nth-of-type(3) td {padding: 12px 0;}
/**/
.relatedProduct {background-color: #fff;border: #ccc solid 1px;margin-top: 20px;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
.columnBlock + .relatedProduct, .Img.large + .relatedProduct {margin-top:30px;}
.relatedProduct + .columnBlock {margin-top:40px;}
.rProductList li a {font-weight: bold;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;align-items: center;}
.rProductTtl {background-repeat: no-repeat;background-position: left top 0px;width: 145px;height: 166px;display: table;margin-right: 25px;}
.single .rProductTtl {height: 90px;}
.bSecBlock .rProductTtl, .bFillBlock .rProductTtl { background-image: url(/jp/ja/others/tapemuseum/special/vol20/b_cv_bg_pc.png); }
.oSecBlock .rProductTtl, .oFillBlock .rProductTtl { background-image: url(/jp/ja/others/tapemuseum/special/vol20/o_cv_bg_pc.png); }
.rProductTtl span { color: #fff; font-weight: bold; letter-spacing: 1px; padding-left: 25px; vertical-align: middle; display: table-cell; }
.rProductImg { margin: 0 20px 0 0; }
.rProductImg img { width: 80px; }
.rProductList {padding: 10px 0;}
.rProductList li:not(:last-child) { margin-bottom: 6px; }
.bSecBlock .rProductList li a, .bFillBlock .rProductList li a { color: #30b4be; }
.oSecBlock .rProductList li a, .oFillBlock .rProductList li a { color: #ffa726; }
.rProductList li a:hover { text-decoration: none; opacity: .8; }
/**/
.fillSection { border-radius: 8px; margin-top: 60px; padding: 40px; position: relative; }
.bFillBlock.fillSection { background-color: #e6f6f7; }
.oFillBlock.fillSection { background-color: #ffefdf; }
.fillSection::before, .fillSection::after {content: '';background-repeat: no-repeat;background-size: 100% auto;position: absolute;}
.fillSection::before { width: 54px; height: 54px; top: -25px; left: -30px; }
.fillSection::after { width: 86px; height: 36px; right: 0; bottom: -30px; }
.bFillBlock::before { background-image: url(/jp/ja/others/tapemuseum/special/vol20/b_block_bg_img01.png); }
.bFillBlock::after { background-image: url(/jp/ja/others/tapemuseum/special/vol20/b_block_bg_img02.png); }
.oFillBlock::before { background-image: url(/jp/ja/others/tapemuseum/special/vol20/o_block_bg_img01.png); }
.oFillBlock::after { background-image: url(/jp/ja/others/tapemuseum/special/vol20/o_block_bg_img02.png); }
.fillSection .subSecTxtWrap { width: 405px; }
.fillSecTtl { font-size: 150%; margin-bottom: 10px; }
.fillSupBlock { border: dotted 2px; border-radius: 5px; padding: 25px 30px; margin-top: 20px; }
.bFillBlock .fillSupBlock { border-color: #61d6d8; }
.fillSupTtl { font-size: 125%; margin-bottom: 5px; }

/* A */
#AreaA {}

/* B */
#AreaB {margin-top: 100px;}
.Img.large figcaption {width: 450px;line-height: 2;position: absolute;bottom: 43px;right: 68px;}

/* C */
#AreaC { margin-top: 100px; }

/* D */
#AreaD { margin-top: 100px; }

/* E */
#AreaE {margin: 100px 0;}
.fillSubSecTtl {font-size: 150%;margin-bottom: 30px;}
.fillSubSection { margin-top: 40px; padding-top: 40px; border-top: #ffa726 dotted 2px; }
.fillSubSecHead { font-size: 125%; margin-bottom: 10px; position: relative; }
.fillSubSecHead::before { content: ''; background-color: #ffa726; width: 14px; height: 14px; margin-right: 5px; display: inline-block; border-radius: 50%; }
.fillSubSecWrap { padding: 0 20px; }
.fillSubSecWrap + .fillSubSecHead { margin-top: 30px; }

}

/****** SP *****/
@media only screen and (max-width: 736px) {
.Sp, .spBr {display:block !important;}
.Pc, .pcBr {display:none !important;}
/**/
.localNavi {width:100%;background-color: #30b4be;height:auto;margin:0;box-shadow: 0 0 10px rgba(0,0,0,0.4);position:fixed;top:0;left:0;z-index:101;}
.localNavi ul {margin:0 auto;display: none;}
.localNavi ul li {height: 55px;}
.localNavi ul li a {border-bottom: #fff000 solid 2px;}
.localNavi ul li a {width: 100%;height: 55px;color: #fff;font-size: 100%;font-weight: bold;text-align:center;line-height: 1.3;display: table;position:relative;transition:0.3s;box-sizing: border-box;}
.localNavi ul li:nth-of-type(odd) a {background-color: #ffa726;}
.localNavi ul li a span {vertical-align: middle;text-align: center;display: table-cell;}
/**/
.navOpen {background-color: #ffa726;width: 100%;height: 45px;position: relative;transition: .3s;}
.navOpen.open { background-color: #30b4be; }
.navOpen::before {content: '';width: 25px;height: 22px;background-image: url(/jp/ja/others/tapemuseum/special/vol20/nav_open.png);background-repeat: no-repeat;background-size: 100% auto;position: absolute;top: 50%;left: 0;right: 0;margin: auto;transform: translateY(-50%);transition.3s;}
.navOpen.open::before { background-image: url(/jp/ja/others/tapemuseum/special/vol20/nav_close.png); }

/* COMMON */
p{line-height: 1.8;}
.inner{padding: 0 6%;}
/**/

/* TOP */
.mainVis  {background-color: #f5f5f5;width: auto;margin: 0 auto;margin-bottom: 10%;}
#MainCont .mainVis .mainTtl {background-image: url(/jp/ja/others/tapemuseum/special/vol20/ttl_bg_sp.png) !important;background-repeat: no-repeat !important;background-position: center !important;background-size: cover !important;width: 100% !important;text-align: center;padding: 9% 0 11%;box-sizing: border-box;}
#MainCont .mainVis .mainTtl img { position: relative; }
.read {margin: auto;box-sizing: border-box;position: relative;padding: 6% 6% 140px;}
.read::before {content: '';background-image: url(/jp/ja/others/tapemuseum/special/vol20/ttl_lead.png);background-size: 100% auto;width: 217px;height: 85px;position: absolute;bottom: 10%;left: 0;right: 0;margin: auto;}
.read em { font-weight:bold; }

/**/
.contTtl {width: 95%;margin: 0 auto 7%;}
.Img {margin: 0 auto;}
.Img.large { position: relative; }
.contTxt + .Img {margin-top: 8%;}
.contTxt {line-height: 2;}
.contSupTxt {text-align: right;margin-top: 0.8em;}
.contSupTxt small {font-size: 70%;}
/**/
.subSection {margin-top: 10%;position: relative;padding: 0 0 0 35px;}
.subSection + .subSection {margin-top:12%;}
.subSection::before {content: '';width: 8px;height: calc(100% - 8px);position: absolute;left: 7px;top: 8px;z-index: 1;}
.subSection::after {content: '';width: 8px;height: 13px;background-size: 100% auto;position: absolute;bottom: -10px;left: 7px;z-index: 1;}
.subSection.oSecBlock::before { background-color: #ffa821; }
.subSection.oSecBlock::after { background-image: url(/jp/ja/others/tapemuseum/special/vol20/o_block_line_bottom.png); }
.subSection.bSecBlock::before { background-color: #30b4be; }
.subSection.bSecBlock::after { background-image: url(/jp/ja/others/tapemuseum/special/vol20/b_block_line_bottom.png); }
/**/
.contSubTtl {font-size: 150%;margin-bottom: 0.3em;position: relative;}
.contSubTtl::before {content: '';width: 23px;height: 26px;background-size: 100% auto;position: absolute;top: 3px;left: -35px;z-index: 0;}
.oSecBlock .contSubTtl::before { background-image: url(/jp/ja/others/tapemuseum/special/vol20/o_h4_icon.png); }
.bSecBlock .contSubTtl::before { background-image: url(/jp/ja/others/tapemuseum/special/vol20/b_h4_icon.png); }
/**/
.columnBlock {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-moz-justify-content: space-between;-ms-justify-content: space-between;justify-content: space-between;}
.subSecTxtWrap { width: 395px; }
.columnBlock .Img {max-width: 450px;margin-top: 7%;}
/**/
.spScroll {overflow-x: scroll;}
.spScrollGuide {position: absolute;left: 30px;bottom: -5px;padding-right: 43px;}
.spScrollGuide span::before {content: '';width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 8px;border-color: transparent transparent transparent #666666;position: absolute;top: 5px;}
.spScrollGuide span:nth-of-type(1)::before {right: 27px;}
.spScrollGuide span:nth-of-type(2)::before {right: 13px;}
.spScrollGuide span:nth-of-type(3)::before {right: 0;}
.scrollTxt {color: #666;font-size: 13px;font-weight: bold;letter-spacing: 1px;}
.contTbl {width: 980px;margin-top: 7%;padding-right: 6%;display: block;border-collapse: collapse;}
.gray {background-color: #f5f5f5;font-weight: bold;text-align: center;padding: 0.7em 1.0em;}
.contTbl tr {border-top: #ccc solid 1px;border-left: #ccc solid 1px;}
.contTbl th, .contTbl td { border-right: #ccc solid 1px; border-bottom: #ccc solid 1px; }
.contTbl th {width: 100px;line-height: 1.3;}
.contTbl td {width: 430px;text-align: center;line-height: 1.3;padding: 1em 0.4em;}
.tblImgTxt { font-size: 87.5%; line-height: 1.5; margin-bottom: 10px; }
.contTbl tr:nth-of-type(3) td:nth-of-type(2) .Img {width: 100px;}
.contTbl tr:nth-of-type(3) td:nth-of-type(3) .Img {width: 170px;}
.contTbl tr:nth-of-type(3) td:nth-of-type(4) .Img {width: 120px;}
/**/
.relatedProduct {background-color: #fff;border: #ccc solid 1px;margin-top: 20px;}
.columnBlock + .relatedProduct, .Img.large + .relatedProduct {margin-top: 10%;}
.relatedProduct + .columnBlock {margin-top:40px;}
.rProductList li a {font-weight: bold;line-height: 1.5;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;align-items: center;}
.rProductTtl {background-repeat: repeat-x;background-position: left top;background-size: auto 100%;padding: 0.8em 0 1.8em;}
.bSecBlock .rProductTtl, .bFillBlock .rProductTtl {background-image: url(/jp/ja/others/tapemuseum/special/vol20/b_cv_bg_sp.png);}
.oSecBlock .rProductTtl, .oFillBlock .rProductTtl { background-image: url(/jp/ja/others/tapemuseum/special/vol20/o_cv_bg_sp.png); }
.rProductTtl span {color: #fff;font-weight: bold;text-align: center;display: block;letter-spacing: 1px;}
.rProductImg {margin: 0 1.0em 0 0;}
.rProductImg img { width: 80px; }
.rProductList {padding: 1em;}
.rProductList li:not(:last-child) {margin-bottom: 0.7em;}
.bSecBlock .rProductList li a, .bFillBlock .rProductList li a {color: #30b4be;}
.oSecBlock .rProductList li a, .oFillBlock .rProductList li a { color: #ffa726; }
.rProductList li a:hover { text-decoration: none; opacity: .8; }
/**/
.fillSection {border-radius: 8px;margin-top: 17%;padding: 7%;position: relative;}
.bFillBlock.fillSection { background-color: #e6f6f7; }
.oFillBlock.fillSection { background-color: #ffefdf; }
.fillSection::before, .fillSection::after {content: '';background-repeat: no-repeat;background-size: 100% auto;position: absolute;}
.fillSection::before {width: 40px;height: 40px;top: -25px;left: 0;}
.fillSection::after {width: 76px;height: 31px;right: 0;bottom: -28px;}
.bFillBlock::before { background-image: url(/jp/ja/others/tapemuseum/special/vol20/b_block_bg_img01.png); }
.bFillBlock::after { background-image: url(/jp/ja/others/tapemuseum/special/vol20/b_block_bg_img02.png); }
.oFillBlock::before { background-image: url(/jp/ja/others/tapemuseum/special/vol20/o_block_bg_img01.png); }
.oFillBlock::after { background-image: url(/jp/ja/others/tapemuseum/special/vol20/o_block_bg_img02.png); }
.fillSecTtl { font-size: 150%; margin-bottom: 10px; }
.fillSupBlock {border: dotted 2px;border-radius: 5px;padding: 7% 6%;margin-top: 20px;}
.bFillBlock .fillSupBlock { border-color: #61d6d8; }
.fillSupTtl {font-size: 120%;margin-bottom: 0.5em;}

/* A */
#AreaA {}

/* B */
#AreaB {margin-top: 13%;}
.Img.large figcaption {font-size: 3.65vmin;line-height: 1.9;padding: 0 7%;position: absolute;bottom: 1em;right: 0;}

/* C */
#AreaC {margin-top: 15%;}

/* D */
#AreaD {margin-top: 15%;}

/* E */
#AreaE {margin: 15% 0 21%;}
.fillSubSecTtl {font-size: 150%;margin-bottom: 1em;}
.fillSubSection {margin-top: 10%;padding-top: 10%;border-top: #ffa726 dotted 2px;}
.fillSubSecHead {font-size: 120%;margin-bottom: 0.5em;position: relative;}
.fillSubSecHead + p {padding-left: 17px;}
.fillSubSecHead::before {content: '';background-color: #ffa726;width: 12px;height: 12px;margin-right: 5px;display: inline-block;border-radius: 50%;}
.fillSubSecWrap { padding: 0 20px; }
.fillSubSecWrap + .fillSubSecHead { margin-top: 30px; }


}

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