@charset "utf-8";
/* ------------------------------------------------------------ 共通 */
h3.title{font-size: 20px; text-align: center; line-height: 265%;font-family: fot-tsukubrdgothic-std, sans-serif; font-weight: 700; font-style: normal;}
h3.title span{font-size: 69px;font-family: fot-tsukubrdgothic-std, sans-serif; font-weight: 700; font-style: normal;}
.text_box{text-align: center;}
.text_box .big_tt{font-size: 46px; line-height: 136%; display: inline-block; text-align: center; padding: 55px 0 0;font-family: fot-tsukubrdgothic-std, sans-serif; font-weight: 700; font-style: normal;}
.text_box .mini_tt{font-size: 18px; line-height: 250%; padding: 34px 0 0;}
/* ----------------------------- #fv ------------------------------- */
#fv{padding: 92px 0 0; position: relative; background: #fff linear-gradient(to bottom, transparent 99%, #B3BE01 1%); overflow: hidden;}
#fv .fv_box{background: #FBF8EB; padding: 78px 0 238px;}
#fv h2{text-align: center; font-size: 44px;font-family: fot-tsukubrdgothic-std, sans-serif; font-weight: 700; font-style: normal;line-height: 160%; color: #805332;}
#fv .fv_bg_1{position: absolute; width: 1340px; top: 180px; left: 50%; transform: translateX(-50%);}
#fv .fv_bg_2{position: absolute; width: 1340px; top: 170px; left: 50%; transform: translateX(-50%);}
#fv .fv_bg_1 img{ position: absolute; left: 0px;}
#fv .fv_bg_2{z-index: 2;}
#fv .fv_bg_2 img{position: absolute; right: 0px;}
#fv .fv_box .slider_box{padding: 55px 0 0;}
#fv .fv_box .slider_box .slick-slide { margin: 0 44px 0 0; }
#fv .fv_box .slider_box .img{border-radius: 30px; border: 9px solid #fff; overflow: hidden; width: 900px !important; height: auto; margin: 0 44px 0 0;}
#fv .fv_box .slider_box .img img{width: 100%; height: auto;}
#fv .fv_box .slider_box{margin-bottom: 33px;}

#fv .fv_box .fv_slider_box .slick_btn{width: 100%; margin: 0 auto; max-width: 1000px; position: absolute; top: 52%; left: 50%; transform: translate(-50%,-50%); display: flex; justify-content: space-between; z-index: 100;}
#fv .fv_box .fv_slider_box .slick-arrow{width: 70px; height: 70px; background: #B3BE01; z-index: 1;position: relative; top: auto; transform: none;border-radius: 1000px;}
#fv .fv_box .fv_slider_box .slick-arrow.slick-prev{left: 0px;}
#fv .fv_box .fv_slider_box .slick-arrow.slick-next{right: 0px;}
#fv .fv_box .fv_slider_box .slick-arrow:before{border-right: 7px solid #fff; border-bottom: 7px solid #fff; width: 30px; height: 30px; content: ""; display: block; position: absolute; top: 50%; }
#fv .fv_box .fv_slider_box .slick-arrow.slick-prev:before{ left: 55%; transform: translate(-50%,-50%) rotateZ(135deg);}
#fv .fv_box .fv_slider_box .slick-arrow.slick-next:before{ left: 45%; transform: translate(-50%,-50%) rotateZ(-45deg);}


#fv .fv_box .slider_box .slick-dots{bottom: -33px;}
#fv .fv_box .slider_box .slick-dots li{width: 12px; height: 12px; margin: 0; }
#fv .fv_box .slider_box .slick-dots li:not(:last-child){margin: 0 14px 0 0;}
#fv .fv_box .slider_box .slick-dots li button{ background: #D9D9D9; border-radius: 100px; width: 100%; height: 100%;}
#fv .fv_box .slider_box .slick-dots li.slick-active button{background: #B3BE01;}
#fv .bg_2{position: absolute; bottom: 0px; width: 100%; height: auto;left: 0;z-index: 2;}
#fv .bg_2 img{width: 100%; height: auto;}

/* ----------------------------- #news ------------------------------- */
#news{position: relative; background: #B3BE01 url(../images/shops/news_bg_1.svg) no-repeat center top; background-size: 1650px; color: #fff;}
#news .news_bg_2{background: linear-gradient(to bottom, transparent 99%, #FBF8EB 1%);}
#news .news_bg{padding: 31px 0 163px; position: relative; z-index: 1; background: url(../images/shops/news_bg_2.svg) no-repeat center bottom; background-size: 100%;}
#news .news_bg .text_box .mini_tt{padding: 11px 0 0;font-family: 'Noto-Sans-JP-Regular';}
#news .news_bg ul{padding: 55px 0 0;justify-content: flex-start;}

#news .link_btn{margin: 60px auto 0; width: 293px;}
#news .link_btn a{width: 100%; height: auto; display: block; background: #fff url(../images/top/icn_1.svg) no-repeat right 27px center; background-size: 16px; border-radius: 100px; color: #805332; font-size: 18px; text-align: center; line-height: 145%; padding: 19px 0 24px;transition: 0.5s;font-family: 'Noto-Sans-JP-Medium';}
#news .link_btn a.thumb-hover{opacity: 0.6;transition: 0.5s;}

#news .news_bg ul li:not(:last-child){margin: 0 40px 0 0;}
#news .news_bg ul li{width: 340px; height: auto;}
#news .news_bg ul li a{transition: 0.5s; color: #fff;}
#news .news_bg ul li a.thumb-hover{opacity: 0.6;transition: 0.5s;}
#news .news_bg ul li .img img{border-radius: 10px; width: 100%; height: auto;}
#news .news_bg ul li .text{padding: 16px 0 0;}
#news .news_bg ul li .text .mini{font-size: 14px;font-family: 'Noto-Sans-JP-Regular'; line-height: 160%;}
#news .news_bg ul li .text .text{font-size: 18px; line-height: 173%;font-family: 'Noto-Sans-JP-Medium'; padding: 12px 0 0;}
#news .shops_bg_3{position: absolute; left: 0px; bottom: 0px; width: 100%; height: auto;}
#news .shops_bg_3 img{width: 100%; height: auto;}

/* ----------------------------- #playground ------------------------------- */
#playground{background: #F5F1DF url(../images/shops/playground_bg_1.svg) no-repeat center top 70px; background-size: 1660px; color: #805332;}
#playground .bg_box{background: url(../images/shops/playground_bg_3.png) no-repeat center bottom; background-size: 100%; padding: 215px 0 210px; }
#playground .bg_box .title_tt{text-align: center; font-size: 18px; line-height: 190%;font-family: 'Noto-Sans-JP-Medium'; padding:20px 0 0;}
#playground .bg_box .title_tt span{font-family: fot-tsukubrdgothic-std, sans-serif; font-weight: 700; font-style: normal; font-size: 46px; line-height: 190%;}
#playground .bg_box .title_tt span.mini { font-size: 14px;  text-align: center;  line-height: 190%;  font-family: 'Noto-Sans-JP-Medium';  font-weight: 500;}
#playground .bg_box .list_box {flex-wrap: wrap; padding: 64px 0 0; position: relative;}
#playground .bg_box .list_box:before{content: ""; display: block; background: url(../images/shops/playground_bg_2.svg) no-repeat center center; width:148px; height: 129px; position: absolute; bottom: 248px; right: -118px; z-index: 2;}
#playground .bg_box .list_box .box{width: 343px; height: auto; position: relative; padding: 0 0 51px; margin-bottom: 33px;}
#playground .bg_box .list_box .box:not(:nth-child(3n)){margin-right: 35px;}
#playground .bg_box .list_box .box .img_box{border-radius: 15px; overflow: hidden;}
#playground .bg_box .list_box .box .img_box img{width: 100%; height: auto;}
#playground .bg_box .list_box .box p{font-size: 20px; padding: 25px 0 26px; line-height: 160%; text-align: center; background: url(../images/shops/playground_bg_4.svg) no-repeat center center; background-size: 209px;font-family: fot-tsukubrdgothic-std, sans-serif; font-weight: 700; font-style: normal; position: absolute; transform: translateX(-50%); left: 50%; bottom: 0px; width: 209px;}

/* ----------------------------- #price ------------------------------- */
#price{background: #B4BA07 url(../images/shops/price_bg_1.svg) no-repeat center top 80px; background-size: 1600px; color: #fff;}
#price .price_bg{padding: 55px 0 149px; background: url(../images/shops/price_bg_3.svg) no-repeat center bottom ,linear-gradient(to bottom, transparent 99%, #FBF8EB 1%);background-size: 100%;}
#price .price_bg p.title_tt{text-align: center;font-family: fot-tsukubrdgothic-std, sans-serif; font-weight: 700; font-style: normal; font-size: 33px; line-height: 160%; padding: 20px 0 0;}
#price .price_bg .flex{padding: 79px 0 0;}
#price .price_bg .flex .table_box{margin: 0 50px 0 0;}
#price .price_bg .flex .table_box .img_box{overflow: hidden; border-radius: 27px; width: 505px; height: auto;}
#price .price_bg .flex .table_box .img_box img{width: 100%; height: auto;}
#price .price_bg .flex .table_box .link_btn{border-radius: 100px; width: 285px; height: auto; background: #fff url(../images/shops/icn_2.svg) no-repeat left 60px center; background-size: 18px; font-size: 14px; line-height: 160%;font-family: 'Noto-Sans-JP-Medium'; padding: 17px 0 19px; display: block; margin: 21px auto 0; text-align: center; color: #003A83; transition: 0.5s;}
#price .price_bg .flex .table_box .link_btn.thumb-hover{opacity: 0.8; transition: 0.5s;}
#price .price_bg .flex .tt_box{padding: 61px 0 0; text-align: left;}
#price .price_bg .flex .tt_box h4{width: 290px; font-size: 33px;font-family: fot-tsukubrdgothic-std, sans-serif; font-weight: 700; font-style: normal; text-align: center; line-height: 160%; background: url(../images/shops/price_bg_2.svg) no-repeat center center; background-size: 290px; padding: 22px 0 21px;}
#price .price_bg .flex .tt_box ul{padding: 41px 0 0;}
#price .price_bg .flex .tt_box ul li{padding: 0 0 0 41px; position: relative; font-size: 18px; font-family: 'Noto-Sans-JP-Regular'; line-height: 212%;}
#price .price_bg .flex .tt_box ul li:before{content: ""; display: block; width: 32px; height: 32px; background: url(../images/shops/price_icn_1.svg) no-repeat center center; background-size: 100%; position: absolute; left: 0px; top: 4px;}
#price .price_bg .flex .tt_box ul li:not(:last-child){margin: 0 0 25px;}

#price #modal{position: fixed; background: rgba(0,0,0,0.8); width: 100%; height: 100vh; top: 0px; left: 0px; z-index: 999999; display: none; }
#price #modal .clos_btn{width: 50px; height: 50px; position: absolute; right: 50px; top: 50px;}
#price #modal .clos_btn span{background: #fff; width: 100%; height: 4px; display: block; border-radius: 10px; position: absolute; top: 50%; left: 50%;}
#price #modal .clos_btn span.bdr_1{transform: translate(-50%,-50%) rotateZ(-45deg);}
#price #modal .clos_btn span.bdr_2{transform: translate(-50%,-50%) rotateZ(45deg);}
#price #modal .modal_box{width: auto; height: 100%; margin: auto; padding: 50px;display: flex; flex-direction: column; justify-content: center; align-items: center;}
#price #modal .modal_box .img_box{text-align: center;}
#price #modal .modal_box .img_box img{width: 100%; height: auto;max-width: 100%;}

/* ----------------------------- #access ------------------------------- */
#access{background: url(../images/shops/access_bg_1.svg) no-repeat center top 55px, url(../images/shops/access_bg_2.png) no-repeat center bottom;background-size: 1600px ,100%; color: #805332;}
#access .access_bg{ padding: 47px 0 154px;}
#access .access_bg .title_tt{text-align: center; padding: 10px 0 0; line-height: 160%; font-size: 33px; font-family: fot-tsukubrdgothic-std, sans-serif; font-weight: 700; font-style: normal;}
#access .access_bg .map_box{padding: 38px 0 0;text-align: center; }
#access .access_bg .map_box .map{width: 100%; height: auto; padding: 48.3% 0 0; position: relative; overflow: hidden; border-radius: 20px;}
#access .access_bg .map_box .map iframe{position: absolute; top: 0px;left: 0px; width: 100%; height: 100%;}
#access .access_bg .map_box p.big_tt{font-family: 'Noto-Sans-JP-Bold'; font-size: 25px; line-height: 160%; position: relative; padding: 0 0 0 76px; display: inline-block; margin: 40px 0 0;}
#access .access_bg .map_box p.big_tt span{display: block; position: absolute; left: 0px; top: 0px;font-family: 'Noto-Sans-JP-Bold'; line-height: 160%;}
#access .access_bg .map_box p.min_tt{font-family: 'Noto-Sans-JP-Regular'; text-align: center; font-size: 18px; line-height: 160%; padding: 20px 0 0;}



@media only screen and (max-width: 640px) {
	/* ------------------------------------------------------------ 共通 */
	h3.title{font-size: 14px;line-height: 200%;}
	h3.title span{font-size: 36px;}
	.text_box .big_tt{font-size: 24px; padding: 25px 0 0;}
	.text_box .mini_tt{font-size: 14px; padding: 23px 0 0;line-height: 193%;}
	img{width: 100%; height: auto;}
	/* ----------------------------- #fv ------------------------------- */
	#fv{padding: 50px 0 0; }
	#fv .fv_box{padding: 36px 0 133px; background: #FBF8EB url(../images/shops/fv_bg_1_sp.svg) no-repeat center top 57px; background-size: 100%; height: auto;}
	#fv h2{ font-size: 23px;}
	#fv .fv_bg_1{position: absolute; width: 100%; top: 180px; display: none;}
	#fv .fv_bg_2{position: absolute; width: 100%; top: 170px; display: none;}

	#fv .fv_box .slider_box{padding: 35px 0 0; position: relative; z-index: 2;}
	#fv .fv_box .slider_box .slick-slide { margin: 0 17px 0 0; }
	#fv .fv_box .slider_box .img{border-radius: 17px; border: 7px solid #fff; width: 319px !important; height: auto; margin: 0 17px 0 0;}
	#fv .fv_box .slider_box{margin-bottom: 22px;}
	#fv .fv_box .slider_box .slick-dots{bottom: -22px;}
	#fv .fv_box .slider_box .slick-dots li{width: 8px; height: 8px; margin: 0;}
	#fv .fv_box .slider_box .slick-dots li:not(:last-child){margin: 0 9px 0 0;}
	#fv .fv_box .fv_slider_box .slick_btn { max-width: 95%;}
	#fv .fv_box .fv_slider_box .slick-arrow{width: 50px; height: 50px; }
	#fv .fv_box .fv_slider_box .slick-arrow:before{border-right: 4px solid #fff; border-bottom: 4px solid #fff; width: 20px; height: 20px; }
	
	/* ----------------------------- #news ------------------------------- */
	#news{background: #B3BE01;}
	#news .news_bg{padding:44px 0 114px; background: url(../images/shops/news_bg_1_sp.svg) no-repeat center top,url(../images/shops/news_bg_2_sp.svg) no-repeat center bottom;background-size: 100%,100%; }
	#news .news_bg .text_box .mini_tt{padding: 11px 0 0;}
	#news .news_bg ul{padding: 37px 0 0;display: block;}
	#news .news_bg ul li:not(:last-child){margin: 0 0 31px;}
	#news .news_bg ul li{width: 100%; height: auto; display: flex; border-bottom: 1px solid #fff; padding: 0 0 18px;}
	#news .news_bg ul li a{transition: 0.5s; display: flex; width: 100%;}
	#news .news_bg ul li .img { width: 130px; flex-shrink: 0;}
	#news .news_bg ul li .img img{border-radius: 10px; width: 100%; height: auto;}
	#news .news_bg ul li .text{padding: 0 0 0 17px; margin: -4px 0 0px;}
	#news .news_bg ul li .text .mini{font-size: 14px;}
	#news .news_bg ul li .text .text{font-size: 14px; line-height: 165%;padding: 9px 0 0;}
	#news .shops_bg_3{bottom: 0px; width: 100%; height: auto;z-index: 1;}
	
	#news .link_btn{margin: 30px auto 0; width: 80%;}
	#news .link_btn a{background: #fff url(../images/shops/icn_1.svg) no-repeat right 20px center; background-size: 12px; font-size: 14px; text-align: center;  padding: 14px 0 18px;}
	
	/* ----------------------------- #playground ------------------------------- */
	#playground{background: #F5F1DF ; position: relative;}
	#playground:before{content: ""; display: block; width: 100%; padding: 38% 0 0; background: url(../images/shops/playground_bg_1_sp.svg) no-repeat center center; background-size: 100%;position: absolute; top: -10px; z-index: 2;}
	#playground .bg_box{background: url(../images/shops/playground_bg_3_sp.png) no-repeat center bottom; background-size: 100%; padding: 64px 0 136px; position: relative; z-index: 2; }
	#playground .bg_box .title_tt{ font-size: 14px; padding:15px 0 0;}
	#playground .bg_box .title_tt span{font-size: 22px; line-height: 190%; text-align: center;}
	 #playground .bg_box .title_tt span.mini {font-size: 12px;}
	#playground .bg_box .list_box {flex-wrap: wrap; padding: 37px 0 0;}
	#playground .bg_box .list_box:before{display: none;}
	#playground .bg_box .list_box .box{width: 100%; padding: 0 0 51px; margin-bottom: 19px;}
	#playground .bg_box .list_box .box:not(:nth-child(3n)){margin-right: 0;}
	#playground .bg_box .list_box .box .img_box{border-radius: 15px; }
	#playground .bg_box .list_box .box p{font-size: 20px; padding: 25px 0 26px; background-size: 209px;width: 209px;}
	
	/* ----------------------------- #price ------------------------------- */
	#price{background: #B4BA07 url(../images/shops/price_bg_1_sp.svg) no-repeat center top 5px; background-size: 100%; }
	#price .price_bg{padding:60px 0 143px; background: url(../images/shops/price_bg_3_sp.svg) no-repeat center bottom;background-size: 100%;}
	#price .price_bg p.title_tt{font-size: 16px; line-height: 160%; padding: 20px 0 0;}
	#price .price_bg .flex{padding: 19px 0 0; display: block;}
	#price .price_bg .flex .table_box{margin: 0;}
	#price .price_bg .flex .table_box .img_box{overflow: hidden; border-radius: 10px; width: 100%; height: auto;}
	#price .price_bg .flex .table_box .img_box img{width: 100%; height: auto;}
	#price .price_bg .flex .table_box .link_btn{width: 80.6%; font-size: 14px; padding: 17px 0 19px; margin: 20px auto 0;}
	#price .price_bg .flex .tt_box{padding: 19px 0 0; text-align: left;}
	#price .price_bg .flex .tt_box h4{width: 217px; font-size: 24px;background: url(../images/shops/price_bg_2.svg) no-repeat center center; background-size: 217px; padding: 27px 0 20px; margin: 0 auto;}
	#price .price_bg .flex .tt_box ul{padding: 20px 0 0;}
	#price .price_bg .flex .tt_box ul li{padding: 0 0 0 41px; font-size: 15px; }
	#price .price_bg .flex .tt_box ul li:before{width: 32px; height: 32px; background: url(../images/shops/price_icn_1.svg) no-repeat center center; background-size: 100%; top: 4px;}
	#price .price_bg .flex .tt_box ul li:not(:last-child){margin: 0 0 20px;}
	
	#price #modal .clos_btn{width: 30px; height: 30px; right: 5%; top: 5%;;}
	#price #modal .clos_btn span{height: 4px; }
	#price #modal .modal_box{width: auto; height: 100%; margin: auto; padding: 5%;}

	/* ----------------------------- #access ------------------------------- */
	#access{background: url(../images/shops/access_bg_1_sp.svg) no-repeat center top 55px, url(../images/shops/access_bg_2_sp.png) no-repeat center bottom;background-size: 100% ,100%; }
	#access .access_bg{ padding: 47px 0 93px;}
	#access .access_bg .title_tt{ padding: 10px 0 0; font-size: 21px; }
	#access .access_bg .map_box{padding: 38px 0 0;text-align: left;}
	#access .access_bg .map_box .map{padding: 57% 0px; border-radius: 10px;}
	#access .access_bg .map_box p.big_tt{font-size: 16px; padding: 0 0 0 49px; margin: 30px 0 0;font-family: 'Noto-Sans-JP-Medium';}
	#access .access_bg .map_box p.big_tt span{font-family: 'Noto-Sans-JP-Medium';}
	#access .access_bg .map_box p.min_tt{ font-size: 15px; padding: 17px 0 0;text-align: left;}
	
	/* ----------------------------- #cta ------------------------------- */
	#cta .flex .img_1 {margin: -23px 0 0;}
}