@charset "UTF-8";

*{ box-sizing: border-box;}
html{ font-size: 62.5%; font-family: 'Noto Sans JP', sans-serif;}
body{ font-size: 1.6rem; margin: 0 auto; background: white;}
.body_container{margin: 0 auto; position: relative;}
header{ width: 1000px; text-align: center; margin: 0 auto;}
header img{ position: relative; z-index: 2;}
footer{ position: relative; z-index: 2; padding: 50px 0; background-color: #497dae;}

a{ transition: .3s;}
main{ position: relative; z-index: 2; margin: 0 auto;}
h2 { position: relative; text-align: center;}
h2>span{ display: inline-block; padding:  0 6px 0; position: relative; background: #fff; z-index: 2; font-size: 30px; color: #ed85be;}
h2:after{ content: ''; position: absolute; bottom: calc( 50% - 2px); display: block; width: 100%; border-bottom: 5px dotted #ed85be; left: 0px;}

.contents{ width: 1000px; margin: 70px auto; background-color: #fff;}
.contents02{ width: 1000px; margin: 70px auto; background-color: #fcf8bf; background-size: 100%; padding: 1px 0 30px;}
.contents02 h3{color: white; text-align: center; background-color: #ff69ba; border-radius: 65px; padding: 7px;}
.contents02 .box{border: 4px solid #006934;}

.slider{display: flex; flex-wrap: wrap; justify-content: space-around; margin-top: 20px;}
.image{ width: calc( 33% - 15px );}

.line03 .image{ width: calc( 33% - 15px );}
.box{ background: #fff; padding: 10px 10px; margin: 10px 0; text-align: center; border: 4px solid #6bbbce;}
.box a{color: #6bbbce; margin-top: 20px; font-weight: bold; margin: 0 0 10px 0; display: inline-block;}

.box_fllor{ display: flex; margin: 50px 0; flex-wrap: wrap; justify-content: space-evenly;}
.floor{ font-size: 16px; margin: 10px 0 0 0;}
.shop_name{ font-size: 19px; font-weight: bold; margin-top: 10px;} 
.shop_name>span{font-size: 14px; font-weight: bold;}
.shop_text{ font-size: 18px; text-align: center; margin: 10px 0;}
.shop_text>span{ font-size: 12px;}
.map{margin-bottom: 50px; margin-top: 20px;}
.amu_map img{width: 85%; display: block; margin: 50px auto; padding: 10px; background-color: #fff;}


.top_btn { position: fixed; bottom: 50px; right: 10px; background-color: #84754d; width: 50px;  border-radius: 25px; text-align: center; z-index: 10;}
.top_btn a { display: inline-block; color: #FFFFFF; padding: 10px; font-size: 20px; }
.amu_top_btn>a{ display: flex; margin: 0 auto; border: 5px solid #497dae; background-color: #fff; justify-content: center; align-items: center; color: #497dae;}


@media (min-width: 768px) {
.body_container{ background: linear-gradient(150deg, rgba(27,122,201,0.9), rgba(200,185,211,0.9), rgba(27,122,201,0.9), rgba(200,185,211,0.9), rgba(27,122,201,0.9), rgba(200,185,211,0.9), rgba(27,122,201,0.9), rgba(200,185,211,0.9)); position: relative;}
main{ /*background-image:url("../img/01.png"),url(../img/02.png),url(../img/03.png),url(../img/04.png),url(../img/01.png); background-repeat:no-repeat; background-size:10%; background-position:4% 17%,98% 40%,6% 50%,98% 74%,2% 86%;*/}

main>p:last-child{ font-size: 14px;}
.contents{ padding: 50px;}

.pcnone{ display: none !important;}
.pc-dsp { display:block; }
.sp-dsp { display:none; }
	
.box_flex{display: flex; align-items: center; width: 65%;}
.box_flex .img_box img{width: 270px;}
.box_flex .box_contents{width: 100%; padding: 10px 10px;}
.box_flex .box_contents .shop_text{margin-bottom: 40px;}
.amu_map{margin-top: 130px;}
.amu_top_btn>a{ width: 300px; height: 60px;}
.calc2 .image{width: calc( 36% - 15px );}
.calc3{justify-content: flex-start;}
.contents02 .contents{margin-top: 50px; margin-bottom: 50px;}
.contents02 h3{font-size: 30px; width: 60%; margin: 0 auto 50px;}
	
.banner_box{ display: block; text-align: center; margin: 70px 0 0 0; z-index: 2; position: relative;}
.banner_box img{ width: 800px;}
}

@media (max-width: 767px) {
.body_container{ }
    
.contents{ width: 100%; margin-top: 35px; margin-bottom: 0; background-color: #fff;}
.contents02{ width: 100%; margin-top: 35px; margin-bottom: 0;}
.contents02 .box{height: 370px}
h3{font-size: 18px;  margin: 0 10px;}	
    
main>p:last-child{ font-size: 10px; margin-top: 60px;}
h2 { margin: 30px 0 0 0;}
h2>span{ font-size: 20px; padding: 0;}

.pc-dsp { display:none; }
.spnone{ display: none !important;}
/* .box{ height: 350px;} */

.box_fllor{margin: 20px 0;}
.box_fllor .box{width: 80%;}
.floor{ font-size: 14px;}
.shop_name{ font-size: 16px;} 
.shop_text{ font-size: 17px; text-align: center; margin: 5px 0}
.shop_text>span{font-size: 15px;}
.box{ height: 100%;}
.boxhigh02 .box{height: 430px;}
.boxhigh03 .box{height: 400px;}
    
.box{ margin: 0;}
.box a{font-size: 15px;}
.amu_map img{width: 100%; margin: 30px auto;}

header { width: 100%; background-color: #f2f2f2;}
footer{ padding: 50px 0; margin: 0; background-image: url("../img/back.png");}
.amu_top_btn>a{ width: 280px; height: 50px;}
.top_btn { position: fixed; bottom: -50px; right: 20px;  border-radius: 25px; text-align: center; opacity: .9; }
.top_btn a { display: inline-block; color: #fff; padding: 10px; font-size: 20px;}

.slider .slick-next::before{ content: none;}
.slick-initialized .slick-slide { margin: 0 10px;}
.slick-slider { overflow: hidden;}

.banner_box{ display: block; text-align: center; margin: 30px 15px 0; z-index: 2; position: relative;}
.banner_box img{ width: 100%;}
}

.img_box{ position: relative;}
.img_box.close::before{ content: "終了しました。"; position: absolute; top: calc(50% - 30px); width: 100%; height: 60px; display: flex; justify-content: center; align-items: center; background-color: rgba(237,133,190,0.85); color: #fff; font-size: 24px;}