@charset "utf-8";

#market .contents{width:100%;}
#market .contents p{line-height:1.8;}
#market .contents .main{ width:100%; margin:0 auto 100px; overflow:hidden; }
.block{margin:0 0 100px;}
.inner{ width:1000px; margin:0 auto; }
.ttlh5{ width:100%; height:50px; margin:0 0 50px; line-height:50px; color:#FFF; font-size:1.8rem; font-weight:bold; text-align:center; letter-spacing:4px; }
.modalContainer{ background: #FFF; width: 80vw; display: none; margin: 0; }
.modalContainer .ttl{ height:80px; position:relative; line-height:80px; color:#FFF; }
.modalContainer .ttl_market{background:#003f98;}
.modalContainer .subttl{ background:url(../img/ttl_lbl.png) no-repeat left center; width:245px; height:50px; padding:0 0 0 15px; position:absolute; left:0; top:15px; font-size:1.2rem; font-weight:bold; line-height:50px; letter-spacing:1.4px; }
.modalContainer h4{ font-size:2.0rem; font-weight:bold; letter-spacing:14px; text-align:center; }
.modalContainer h4 span{ font-size:1.8rem; letter-spacing:4px; }
.modalContainer .cls{ width:31px; height:30px; position:absolute; top:25px; right:35px; }
.modalContainer .cls img{display:block;}
.modalContainer .inner{ width:80%; max-width:800px; margin:0 auto; padding:30px 0; }
.modalContainer p{line-height:1.6;}
.modalContainer .img{ width:800px; height:330px; margin:30px 0; position:relative; }
.slider_01 img,
.slider_02 img,
.slider_03 img,
.slider_04 img{ position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
.slider_01 img.active,
.slider_02 img.active,
.slider_03 img.active,
.slider_04 img.active{ z-index:10; opacity:1.0; }
.slider_01 img.last-active,
.slider_02 img.last-active,
.slider_03 img.last-active,
.slider_04 img.last-active{ z-index:9; }
.modalContainer ul{ font-size:0; display:flex; }
.modalContainer li{ display:inline-block; font-size:1.2rem; width:25%; }
.modalContainer li a{ background:#003f98 url(../img/arrow_wh.png) no-repeat right 14px center; padding:14px 0; display:block; color:#FFF; text-align:center; text-decoration:none; border-right:2px solid #FFF; }
.modalContainer li a img{ width:100%; }
.modalContainer li a:hover{ background:#00a0e9 url(../img/arrow_wh.png) no-repeat right 14px center; }
.modalContainer li a.current{ background:#00a0e9 url(../img/arrow_wh.png) no-repeat right 14px center; }
#modal-win{ width:100%; position:absolute; }
#modal-win-inner{ margin:0 auto; position:relative; z-index:101; }
#modal-bg{ width:100%; height:100%; background:#515151; position:fixed; top:0; left:0; z-index:100; cursor:pointer; }
#market .mainContent{ background:url(../img/main_market.jpg) no-repeat center top / cover; background-image:url(../img/main_market.jpg); }
#market .block_02{ background:url(../img/city_illust.jpg) no-repeat center bottom / auto 700px; background-image:url(../img/city_illust.jpg); background-position:center bottom; background-attachment:cover; background-repeat:no-repeat; height: 480px; margin-top:30px; }
#market .block_02 .btn{ min-height:480px; position:relative; margin-top: 30px; }
#market .block_02 .btn li{ width:214px; height:156px; position:absolute; }
#market .block_02 .btn .b01{ left:20px; bottom:200px; }
#market .block_02 .btn .b02{ left:265px; bottom:250px; }
#market .block_02 .btn .b03{ left:500px; bottom:200px; }
#market .block_02 .btn .b04{ left:715px; bottom:250px; }
#market .block_02 .btn li a{ display:block; position:relative; }
#market .block_02 .btn li a .arrow{ width:41px; height:12px; margin:auto; display:block; position:absolute; top:80px; left:0; right:0; }