@charset "utf-8";

.topimg span{position:absolute;display:block;width:40vw;top:18%;left:3%;width:38.1%;}
.topimg{position: relative;}
.top_info{position:absolute;right:3%;bottom:20px;height:auto;align-items: inherit;}
.top_info div:nth-child(1){background:#00a0e9;color:white;}
.top_info div:nth-child(1) p{color:white;font-size:1.4rem;font-weight: 500;padding:0 15px;letter-spacing: 0.1em;}
.top_info div{display:flex;align-items: center;justify-content: center;}
.top_info div:nth-child(2){background:rgba(255, 255, 255, 0.8);padding:10px 15px 10px 10px;}
.top_info div:nth-child(2) p{line-height: 1.8;color:#231815;}
span.topob{width:45px;left:50%;bottom:-24px;top:inherit;margin-left:-24px;}
.cont_top{padding-top:50px;}

.topics_box{border-top:1px solid #40220f;margin-top:20px;padding-top:40px;}
.topics_box p{float:left;width:50%;box-sizing: border-box;height:3em;text-align: left;}
.topics_box p:nth-child(even){padding-left:30px;}
.topics_box p span{font-weight:500;padding-right:1.5em;}

a.cont_bt{width:250px;display:inline-block;margin-top:30px;}
.ta{padding:0;align-items: flex-start;}
.top_about{padding:100px 0;}
p.about_tx{border-top:1px solid #40220f;margin-top:10px;text-align: left;padding-top:35px;font-size:1.4rem;line-height:1.9;}
.top_about_tx{width:490px;}
a.detail_bt{display:block;margin-top:100px;}
.top_about_img_02 img,.top_about_img_02 img{width:650px;}
.top_about_img_01 img{margin-right:-50px;}
.top_about_img_02 img{margin-left:-50px;}
.at_01{padding-left:50px;}
.at_02{padding-right:50px;}

.cont_access{padding-bottom:50px;}
.topmap{margin-top:20px;border-top:1px solid #40220f; padding-top:35px;}
.access_box_02{justify-content: flex-start;}
.access_box_02 h2,.access_box_02 h2 a{font-size:3.8rem;font-weight:500;letter-spacing: 0.1em;}
.access_box_02 p{line-height: 2;padding:0.5em 0;}
.shopimg{padding:35px 60px 10px 0;}
span.top_hours_t{padding:4px 7px;background:#0082c1;color:white;display:inline-block;font-size:1.1em;letter-spacing: 0.1em;line-height: 1;}

@media only screen and (max-width: 1250px) {  /*  ---------   sp  --------------*/	
.cont_inner{width:90vw;}
.top_about_tx{width:50%;}
.top_about_img_01,.top_about_img_02{width:40%;margin:0;}
.top_about>.cont_box{padding-left:0;}
.top_about_img_02 img{width:100%;}
.top_about_img_01 img,.top_about_img_02 img{margin:0;}
a.detail_bt{margin-top:7vw;}
.shopimg{padding-right:0;width:40%;}
.top_shop_info{flex:1;padding-left:4em;}
.top_shop_info p.al{padding-left:0;}
.al2{padding-left:0;font-size:1.5rem;font-weight:500;letter-spacing: 0em; text-align: left; padding:20px 0px; }	
.access_box_02{align-content: center;}

}

@media only screen and (max-width: 1000px) {  /*  ---------   sp  --------------*/	
.top_info{bottom:5vw;}

}


@media only screen and (min-width: 768px) {  /*  ---------   pc  --------------*/
.top_sptx{display: none;}

}


@media only screen and (max-width: 768px) {  /*  ---------   sp  --------------*/	

span.topob{display: none;}
.top_info{padding:0 5vw;;margin:auto;position:absolute;right:inherit;width:100%;box-sizing: border-box;bottom:-10vw;}
.top_info div:nth-child(1) p{font-size:3vw;}
.top_info div:nth-child(2){flex:1;padding:10px 20px 10px 0;}
.top_info div:nth-child(2) p{font-size:2.8vw;line-height:1.5;}
.topimg span{display: none;}
.topimg {height:auto;}

.top_sptx{margin-top:20vw;}
.top_sptx{text-align: center;}
.top_sptx h1{font-size:1.7rem;font-weight:600;letter-spacing: 0.1em;}
.top_sptx p{font-size:1.3rem;letter-spacing: 0.1em;padding-top:4vw;padding-bottom:10vw;}
.top_about_tx,.top_about_img_02,.shopimg{width:100%;}
.top_shop_info{padding-left:0;}
span.top_hours_t{margin-top:1em;}

.cont_top{padding-top:5vw;}
.cont h1{font-size:1.7rem;padding-bottom:3vw;}
.cont_inner{padding-top:5vw;}
.cont_box {width:90%;padding:0;flex-direction: column;}

.topics_box{padding-top:7vw;width:90%;}
.topics_box p{width:100%;display:flex;}
.topics_box span,.topics_box a{display: inline-block;}
.topics_box a{flex:1;}
.topics_box p:nth-child(even) {
    padding-left: 0px;
    }
.topics_box p{height:auto;padding-bottom:1em;}
a.cont_bt{width:200px;}
.cont_box{width:100%;max-width: 100%!important;}
.spfl_01{order:1;}
.spfl_02{order: 2;}
.top_about_img_01,top_about_img_02{width:100%;max-width:100%!important;margin-right:auto;}
.top_about_img_01 img,.top_about_img_02 img{margin:0;width:100%;}
.top_about_tx{padding-top:5vw;}
p.about_tx{margin-top:0;padding-top:5vw;font-size:1.3rem;}
a.detail_bt{display: inline-block;padding-top:15vw;margin-top:0;}
.pt100{padding-top:15vw!important;}
.top_about{padding-bottom:15vw;}
.cont_access{padding:5vw 0;}
.topmap{width:90%;}
.topmap iframe{height:390px;}
.al2{padding-left:0;font-size:2rem;font-weight:500;letter-spacing: 0em; text-align: left; padding:20px 0px; }	
.shopimg{padding:5vw 0 0 0;}
.access_box_02 h2,.access_box_02 h2 a{font-size:2.5rem;padding-top:5vw;}
.access_box_02 p{padding:3vw 0 0 0 ;font-size:3vw;}




}