@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;}
/*********** 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: #8d8daf;margin:0;box-shadow: 0 0 16px rgba(0,0,0,0.4);position:fixed;top:0;left:0;z-index:101;}
.localNavi ul {background-color: #fff;max-width:960px;height:auto;margin:0 auto;display: flex;}
.localNavi ul li { width: 33.333%; border-right: #fff solid 4px; }
.localNavi ul li:first-child { border-left: #fff solid 4px; }
.localNavi ul li a {color: #fff;font-size: 14px;text-align:center;display:block;padding: 12px 0 9px;position:relative;transition:0.3s;}
.localNavi ul li.nav1 a {background-color:#a4ce13;}
.localNavi ul li.nav2 a {background-color:#569d4d;}
.localNavi ul li.nav3 a {background-color:#54a6db;}
.localNavi ul li a::before, .localNavi ul li a::after {content:'';position: absolute;transition:0.3s;}
.localNavi ul li a::before{width: 12px;height: 13px;background-color: #fff;top: 24px;right: 23px;}
.localNavi ul li a:hover { text-decoration: none; opacity: 0.8; }
.localNavi ul li a::after{ width: 0; height: 0; border-style: solid; border-width: 10px 11px 0 11px; border-color: #ffffff transparent transparent transparent; top: 37px; right: 18px; }
.localNavi ul li a:hover::before {top:30px;}
.localNavi ul li a:hover::after {top:43px}
.localNavi ul li a em { font-size: 18px; font-weight:bold; 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;}
.indent { margin: 0 20px; }
.Img { text-align: center; margin: 25px 0; }
.Img.mNone { margin: 25px 0 0; }
/**/
.contBox {position:relative;border: #000 solid 2px;padding: 60px 30px;}
.contBox + .contBox {margin-top: 60px;}
.contBox.c01::before, .contBox.c02::before {content:'';background-size: 17px auto;background-position: left top;background-repeat: round;width: 17px;height: -webkit-calc(100% - 3vmin);height: calc(100% - 3vmin);position: absolute;top: 10px;}
.contBox.c01::before { left: -2px; }
.contBox.c02::before {  right: -2px; }
.contInBox {display: flex;}
/**/
.contTtl {margin: 80px 0;}
.contSubTtl { position:absolute; right: 0; text-align:center; top: -24px; left: 0; }
.contSubTtl span {color: #fff;font-size: 26px;line-height:1;display:inline-block;padding: 12px 15px;position:relative;}
.contSubTtl span::before, .contSubTtl span::after { content:''; position:absolute;width: 0; height: 0;border-style: solid; display:block; }
.contSubTtl span::before { border-width: 25px 20px 25px 0; border-color: transparent #000 transparent transparent; top: 0; left: -20px; }
.contSubTtl span::after { border-width: 25px 0 25px 20px; border-color: transparent transparent transparent #000; top: 0; right: -20px; }
.contHd {font-size: 20px;margin-bottom: 10px !important;position: relative;}
.contHd::before {content: '';width: 12px;height: 12px;position: absolute;top: 8px;left: -22px;transform: rotate(45deg);display:block;}
/**/
.contList {display: flex;}
.contList li {width: 50%;padding-left: 20px;}
.contList li:first-child {margin-right: 50px;}
.contList + .contHd { margin-top: 20px; }
/**/
.supBlock {position: relative;background-repeat: repeat;background-position: left -5px top;border: #000 solid 2px;padding: 60px 0 80px;margin-top: 80px;}
.supTtl { text-align: center; position:absolute; top: -30px; left:0; right:0; }
.supTtl em {background-color: #fff;padding: 12px 85px 10px;display:inline-block;border-top: #000 solid 2px;border-bottom: #000 solid 2px;position:relative;}
.supTtl em::before, .supTtl em::after {content: ''; width: 34px; height: 34px;-webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #fff; position: absolute; top: 5px;}
.supTtl em::before { border-bottom: solid 2px #000; border-left: solid 2px #000; left: -17px; }
.supTtl em::after {  border-top: solid 2px #000; border-right: solid 2px #000; right: -17px; }
.supTtl span { font-size: 24px; text-align:center; line-height: 1; display:block; }
.supTtl span::before, .supTtl span::after {content: '';background-repeat: no-repeat;width: 71px;height: 19px;position: absolute;top: 14px;z-index: 1;}
.supTtl span::before {left: 5px;}
.supTtl span::after{right: 5px;}
.supBlockList {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;}
.supBlockList li { text-align:center; padding: 0 20px; }
.supBlockImg { margin: 0 0 30px 0; }
.supBlockTxt { font-weight:bold; line-height: 1.6; }
/**/
.productLink { background-color: #fff; width: 580px; position:absolute; bottom: -40px; left: 0; right:0; margin: 0 auto; }
.productLink a { transition: 0.3s; }
.productLink a:hover { opacity: 0.7; }

/* TOP */
.mainVis  {width: 100%;max-width: 1280px;background-image: url(/jp/ja/others/tapemuseum/special/vol18/main_vs_01.png), url(/jp/ja/others/tapemuseum/special/vol18/main_vs_02.png);background-repeat: no-repeat;background-position: left center, right center;box-sizing: border-box;margin: 0 auto;padding: 50px 0 40px;}
#MainCont .mainVis .mainTtl { width:auto; height:auto; text-align:center; margin-bottom: 30px; }
#MainCont .mainVis .mainTtl img { position:relative; }
.read { font-size: 18px; font-weight:bold; text-align:center; }
.read em { color: #ffa200; }
/**/

/* A */
#AreaA .contBox, #AreaA .supBlock { border-color: #a4ce13; }
#AreaA .contBox.c01::before {background-image: url(/jp/ja/others/tapemuseum/special/vol18/a_block_bg_01.png);}
#AreaA .contBox.c02::before{ background-image: url(/jp/ja/others/tapemuseum/special/vol18/a_block_bg_02.png); }
#AreaA .contSubTtl span { background-color: #a4ce13; }
#AreaA .contSubTtl span::before { border-color: transparent #a4ce13 transparent transparent; }
#AreaA .contSubTtl span::after { border-color: transparent transparent transparent #a4ce13; }
#AreaA .contHd { color: #a4ce13; }
#AreaA .contHd::before{background-color: #a4ce13;}
.imgSup {width: 100%;max-width: 485px;border: #ffa200 solid 1px;margin: 0 auto;}
.imgSup em { line-height: 1; }
.imgSup em span { width: 120px; background-color: #ffa200; color: #fff; font-weight:bold; text-align: center; display:inline-block; padding: 8px 0 6px 5px; margin-right: 25px; position:relative; }
.imgSup em span::before { content:''; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 15px; border-color: transparent transparent transparent #ffa200; position:absolute; top: 0; right: -15px; }
.imgBoxArea { background-color: #f8faeb; margin: 40px 0; padding: 30px; position:relative; }
.imgBoxList { display:flex; position:relative; z-index: 1; }
.imgBox.f { width: 685px; position:absolute; top: 30px; left: 0; right:0; margin: 0 auto; padding: 0; }
.imgBoxHd {background-color: #fff;color: #666;font-size: 18px;font-weight:bold;text-align: center;line-height: 1.4;padding: 25px 30px;display: inline-block;position:absolute;top: 30px;left: 30px;z-index: 2;}
.imgBoxHd em { font-size: 27px; }
.imgBoxList li {width: 240px;}
.imgBoxList li:first-child { margin-right: 356px; }
.imgBox { margin: 20px 0 0 0; position:relative; padding-top: 25px; }
.imgBox figcaption { font-size: 14px; position:absolute; top: 0; left:0; }
.imgBoxLHd { color: #fff; font-size:18px; font-weight:bold; text-align:center; line-height: 1; margin-bottom: 50px; }
.imgBoxLHd.l { margin-top: 195px; }
.imgBoxLHd.r { margin-top: 38px; }
.mvArea { display:flex; }
.mvArea .contTxt { width: 390px; }
.contMv { width: 465px; margin-top: -40px; }
.contMv iframe { width: 465px; height: 261px; }
#AreaA .supBlock { background-image: url(/jp/ja/others/tapemuseum/special/vol18/a_sup_bg.png); }
#AreaA .supTtl em { border-color: #a4ce13; }
#AreaA .supTtl em::before { border-bottom: solid 2px #a4ce13; border-left: solid 2px #a4ce13; }
#AreaA .supTtl em::after { border-top: solid 2px #a4ce13; border-right: solid 2px #a4ce13; }
#AreaA .supTtl span::before, #AreaA .supTtl span::after { background-image: url(/jp/ja/others/tapemuseum/special/vol18/ab_h4_hd.png); }
.contLiImgTtl {width: 100%;position: relative;}
.contLiImgTtl::before { content: ''; background-color: #333; width: 100%; height: 1px; position: absolute; top: 12px; left: 0; z-index: 0; }
.contLiImgTtl em { background-color: #fff; font-weight: bold; padding-right: 0.5em; position: relative; z-index: 1; }
.c02 .contList li { box-sizing: border-box; }
.c02 .contList li:first-child { width: 280px; margin-right: 25px; }
.c02 .contList li:nth-of-type(2) { width: 585px; }
.contListColumn { display: flex; }
.c02 .contListColumn li {width: auto !important;padding: 0;}
.c02 .contListColumn li:not(:last-child) { margin-right: 20px; }

/* B */
#AreaB { margin-top: 130px; }
#AreaB .contBox, #AreaB .supBlock { border-color: #569d4d; }
#AreaB .contBox.c01::before { background-image: url(/jp/ja/others/tapemuseum/special/vol18/b_block_bg_01.png); }
#AreaB .contBox.c02::before{ background-image: url(/jp/ja/others/tapemuseum/special/vol18/b_block_bg_02.png); }
#AreaB .contSubTtl span { background-color: #569d4d; }
#AreaB .contSubTtl span::before { border-color: transparent #569d4d transparent transparent; }
#AreaB .contSubTtl span::after { border-color: transparent transparent transparent #569d4d; }
#AreaB .contHd { color: #569d4d;margin: 20px 20px 0 !important; }
#AreaB .contHd::before{background-color: #569d4d;}
#AreaB .supBlock { background-image: url(/jp/ja/others/tapemuseum/special/vol18/b_sup_bg.png); }
#AreaB .supTtl em {border-color: #569d4d;}
#AreaB .supTtl em::before { border-bottom: solid 2px #569d4d; border-left: solid 2px #569d4d; }
#AreaB .supTtl em::after { border-top: solid 2px #569d4d; border-right: solid 2px #569d4d; }
#AreaB .supTtl span::before, #AreaB .supTtl span::after { background-image: url(/jp/ja/others/tapemuseum/special/vol18/ab_h4_hd.png); }

/* C */
#AreaC { margin: 130px 0 160px; }
#AreaC .contBox, #AreaC .supBlock { border-color: #54a6db; }
#AreaC .contBox.c01::before { background-image: url(/jp/ja/others/tapemuseum/special/vol18/c_block_bg_01.png); }
#AreaC .contBox.c02::before{ background-image: url(/jp/ja/others/tapemuseum/special/vol18/c_block_bg_02.png); }
#AreaC .contSubTtl span { background-color: #54a6db; }
#AreaC .contSubTtl span::before { border-color: transparent #54a6db transparent transparent; }
#AreaC .contSubTtl span::after { border-color: transparent transparent transparent #54a6db; }
#AreaC .contHd { color: #54a6db;margin: 20px 20px 0 !important; }
#AreaC .contHd::before{background-color: #54a6db;}
#AreaC .c01 .Img.r {margin: 30px 70px;float:  right;}
#AreaC .c02 .Img.r {margin: 5px 0 0 20px;float:  right;}
#AreaC .supBlock { background-image: url(/jp/ja/others/tapemuseum/special/vol18/c_sup_bg.png); padding: 60px 40px 80px; }
#AreaC .supTtl em {border-color: #54a6db;}
#AreaC .supTtl em::before { border-bottom: solid 2px #54a6db; border-left: solid 2px #54a6db; }
#AreaC .supTtl em::after { border-top: solid 2px #54a6db; border-right: solid 2px #54a6db; }
#AreaC .supTtl span::before, #AreaC .supTtl span::after { background-image: url(/jp/ja/others/tapemuseum/special/vol18/c_h4_hd.png); }
.contRein { background-color: #eef6fb; margin-top: 40px; padding: 20px; }
.contReinTtl { color: #54a6db; font-size: 18px; margin-bottom: 5px; }
.supBlockArea { display: flex; }
.Img.l { margin: 0 25px 0 0; }
.contTxt + .supHd { margin-top: 20px; }

}

/****** SP *****/
@media only screen and (max-width: 736px) {
.Sp, .spBr {display:block !important;}
.Pc, .pcBr {display:none !important;}
/**/
.localNavi {display:block;width:100%;height:auto;margin:0;position:fixed;top:0;left:0;z-index:101;}
.localNavi ul li {width: 33.333%;}
.localNavi ul {width:100%;height:auto;margin:0 auto;box-sizing: border-box;border-top: #fff solid 3px;border-right: #fff solid 3px;border-left: #fff solid 3px;display: flex;}
.localNavi ul li a {display:block;color:#fff;font-size: 3.5vmin;text-align: center;line-height: 1.5;padding: 5%;box-sizing: border-box;}
.localNavi ul li.nav1 a {background-color:#a4ce13;border-right: #fff solid 3px;}
.localNavi ul li.nav2 a {background-color:#569d4d;border-right: #fff solid 3px;}
.localNavi ul li.nav3 a {background-color:#54a6db;}
.localNavi ul li a em {font-size: 4vmin;display: block;}
/* COMMON */
p{line-height: 1.8;}
.inner{padding: 0 6%;}
/**/
.contBox {border: #000 solid 2px;}
.contInner{height: 100%;padding: 0 7% 12% 7%;position: relative;display: -webkit-box;y: -moz-box;display: box;-webkit-box-orient: vertical;-moz-box-orient: vertical;box-orient: vertical;box-sizing: border-box;}
.contInner::before {content:'';background-position: left top;background-size: 100% auto;background-repeat: round;width: 4vmin;height: calc(100% + 3vmin);position: absolute;top: -6vmin;left: -2px;}
.contBox + .contBox, .contBox + .supBlock {margin-top: 10%;}
.contInBox { margin-bottom: 10%; }
/**/
.contTtl { width: 111%; transform: translateX(-5%); margin: 15% auto 10%; }
.contSubTtl {color: #fff;font-size: 20px;text-align: center;line-height: 1.3;padding: 12px 0 10px;margin-bottom: 8%;}
.contHd {font-size: 17px;padding-left: 18px;margin-bottom: 2%;position: relative;}
.contList + .contHd { margin-top: 7%; }
.contHd::before {content: '';width: 10px;height: 10px;position: absolute;top: 7px;left: 0;transform: rotate(45deg);display:block;}
.contTxt { font-size: 14px;}
.contTxt.indent { padding-left: 17px; }
.contTxt + .contHd { margin-top: 10%; }
/**/
.supBlock {position: relative;background-repeat: repeat;background-position: left -5px top;padding-bottom: 20%;border: #000 solid 2px;}
.supTtl {background-color: #fff;font-size: 20px;font-size: 5vmin;text-align: center;padding: 3vmin 0 8vmin;margin-bottom: 10%;position: relative;border-bottom: solid 2px;}
.supTtl::before { content: ''; background-repeat: no-repeat; background-size: 100% auto; width: 77vmin; height: 10vmin; position: absolute; top: 12vmin; left: 0; right: 0; margin: 0 auto; }
.supBlockList { width: 70%; margin: 0 auto; }
.supBlockListSp {width: 80%;margin: 0 auto;}
.supBlockList li, .supBlockListSp li { display: flex; }
.supBlockList li {-webkit-align-items: center; align-items: center; }
.supBlockList li:not(:last-child), .supBlockListSp li:not(:last-child) { margin-bottom: 13%; }
.supBlockImg, .supBlockListSp .Img { width: 40%; margin: 0; text-align: center; margin: 0 5% 0 0; }
.supBlockTxt, .supBlockBox {width: 60%;}
.supBlockTxt {font-weight: bold;text-align: center;line-height: 1.5;}
.supHd { font-size: 14px; }
.productLink { width: 90%; position: absolute; bottom: -8vmin; left: 0; right: 0; margin: 0 auto; }
/**/
.contList li:not(:last-child) {margin-bottom: 14%;}
/**/
.Img {margin: 5%;}
.imgSup { width: 90%; text-align:center; border: #ffa200 solid 1px; margin: 0 auto; }
.imgSup span { background-color: #ffa200; color: #fff; font-weight:bold; display:block; }
/* TOP */
.mainVis{width: 100%;background-image: url(/jp/ja/others/tapemuseum/special/vol18/main_vs_01_sp.png), url(/jp/ja/others/tapemuseum/special/vol18/main_vs_02_sp.png);background-repeat: no-repeat;background-position:left top, left bottom;background-size: 100% auto;box-sizing: border-box;position: relative;padding: 27% 6%;}
#MainCont .mainVis .mainTtl{width: 100% !important;margin: 0 auto 7%;}
.read { font-size: 15px; font-weight: bold; line-height: 2; }
.read em { color: #ffa200; }
/**/
#AreaA, #AreaB{margin-bottom: 25%;}
/* A */
#AreaA .contSubTtl { background-color: #a4ce13; }
#AreaA .contHd { color: #a4ce13; }
#AreaA .contHd::before { background-color: #a4ce13; }
#AreaA .contBox, #AreaA .supBlock { border-color: #a4ce13; }
#AreaA .contInner::before {background-image: url(/jp/ja/others/tapemuseum/special/vol18/a_block_bg_01.png);}
.imgBoxArea {background-color: #f8faeb;margin: 10% 0;padding: 5vmin;position: relative;}
.imgBoxHd {width: 100%;background-color: #fff;color: #666;font-size: 4vmin;font-weight: bold;text-align: center;line-height: 1.4;padding: 3vmin 0;margin-bottom: 5vmin;z-index: 2;}
.imgBoxHd em {font-size: 6vmin;}
.imgBox.f {width: 90%;position: absolute;top: 30vmin;left: 0;right: 0;margin: 0 auto;z-index: 0;}
.imgBoxList {width: 100%;display: -webkit-box;display: -moz-box;display: box;-webkit-box-orient: vertical;-moz-box-orient: vertical;box-orient: vertical;z-index: 1;position: relative;}
.imgBoxList li {display: flex;position: relative;}
.imgBoxList li:first-child { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; box-ordinal-group: 2; }
.imgBoxList li:nth-child(2) {-webkit-box-ordinal-group: 1;-moz-box-ordinal-group: 1;box-ordinal-group: 1;margin-bottom: 78vmin;}
.imgBoxLHd {color: #fff;font-size: 4.25vmin;font-weight: bold;padding: 7.5vmin 0 0 3.5vmin;margin-right: 10vmin;}
.imgBoxTxtArea {width: 38vmin;line-height: 1.7;padding: 0;}
.imgBoxTxtArea .contTxt {font-size: 3.5vmin;padding:0;}
.imgBoxList .imgBox {margin: 0 auto;padding: 9vmin 0 0 0;position: relative;}
.imgBoxList .imgBox figcaption {font-size: 3.5vmin;position: absolute;top: 3vmin;left: 0;}
.contMv {position: relative;width: 90%;height: 0;padding-top: 56.3%;margin: 6% 0 0 17px;overflow: hidden;}
.contMv iframe{position: absolute;top: 0;left: 0%;width: 100%;height: 100%;}
#AreaA .supBlock { background-image: url(/jp/ja/others/tapemuseum/special/vol18/a_sup_bg.png); }
#AreaA .supTtl { border-color: #a4ce13; }
#AreaA .supTtl::before {background-image: url(/jp/ja/others/tapemuseum/special/vol18/ab_h4_hd_sp.png);}
.contLiImgTtl em { background-color: #fff; font-weight: bold; padding-right: 0.5em; position: relative; z-index: 1; }
.contLiImgTtl { width: 95%; position: relative; padding-left: 1em; box-sizing:  border-box; }
.contLiImgTtl::before { content: ''; background-color: #333; width: 95%; height: 1px; position: absolute; top: 12px; right: 0; z-index: 0; }
.c02 .contList li .Img { width: 70%; margin: 5% auto; }
.c02 .contListColumn li .Img { width: 90% !important;}

/* B */
#AreaB .contSubTtl { background-color: #569d4d; }
#AreaB .contHd { color: #569d4d; }
#AreaB .contHd::before { background-color: #569d4d; }
#AreaB .contBox, #AreaB .supBlock { border-color: #569d4d; }
#AreaB .contInner::before {background-image: url(/jp/ja/others/tapemuseum/special/vol18/b_block_bg_01.png);}
#AreaB .supBlock { background-image: url(/jp/ja/others/tapemuseum/special/vol18/b_sup_bg.png); }
#AreaB .supTtl { border-color: #569d4d; }
#AreaB .supTtl::before {background-image: url(/jp/ja/others/tapemuseum/special/vol18/ab_h4_hd_sp.png);}
#AreaB .supBlockList { width: 80%; }
#AreaB .supBlockList li { display: block; }
#AreaB .supBlockImg { width: 100%; margin-bottom: 8%; }
#AreaB .supBlockList li:nth-child(2) .supBlockImg { width: 40%; margin: 0 auto 8%; }
#AreaB .supBlockTxt { width: 100%; }

/* C */
#AreaC {margin-bottom: 35%;}
#AreaC .contSubTtl { background-color: #54a6db; }
#AreaC .contHd { color: #54a6db; }
#AreaC .contHd::before { background-color: #54a6db; }
#AreaC .contBox, #AreaC .supBlock { border-color: #54a6db; }
#AreaC .contInner::before {background-image: url(/jp/ja/others/tapemuseum/special/vol18/c_block_bg_01.png);}
#AreaC .supBlock { background-image: url(/jp/ja/others/tapemuseum/special/vol18/c_sup_bg.png); }
#AreaC .supTtl { border-color: #54a6db; }
#AreaC .supTtl::before {background-image: url(/jp/ja/others/tapemuseum/special/vol18/c_h4_hd_sp.png);}
#AreaC .c01 .Img.r { width: 40%; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; box-ordinal-group: 2; margin: 0 auto; }
#AreaC .c02 .Img.r { width: 75%; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; box-ordinal-group: 2; margin: 9% auto; }
.contRein {background-color: #eef6fb;-webkit-box-ordinal-group: 3;-moz-box-ordinal-group: 3;box-ordinal-group: 3;padding: 5% 5% 8%;}
.contReinTtl { color: #54a6db; font-size: 16px; margin-bottom: 3%; }

}

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