@charset "UTF-8";
@import "common.css";

/* CSS Document */

/*==================== 基本設定 ====================*/
html{}
body {font-family: "Noto Sans", sans-serif;font-size:16px;line-height:1.5;letter-spacing: 0.5px;color:#333;}
body *{-webkit-box-sizing: border-box;box-sizing: border-box;}
table{font-size:1em;}
img{max-width: 100%;}
.montserrat{font-family: "Montserrat", sans-serif;}

input{-webkit-appearance: none;}


/********** container **********/
.l_container{position: relative;overflow: hidden;}
.l_gride{max-width:950px;margin:0 auto;}

/********** ヘッダー **********/
.l_header{position: relative;}
.l_header .header_cont{margin-right: auto;margin-left: auto;position: relative;}
.l_header::before{content: "";display: block;position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 10px;background: transparent;box-shadow: 0 5px 10px rgb(102 102 102 / .6);}

.l_header .logo{position:relative;}
.l_header .logo a{display: flex;align-items: center;width: 100%;height: 100%;}
.l_header .logo::after{content: "";display: block;top: 50%;left: 105%;background: url(../images/yukimaru.jpg) no-repeat 50% 50%;background-size: auto;background-size: contain;position: absolute;transform: translateY(-50%);}

img.img_0,img.img_20,img.img_21{display:none;}
img.img_0[hole_id=''],img.img_20[hole_id='20'],img.img_21[hole_id='21']{display:block;}

.l_header h1 a,.l_header h1 span{display:block;}

.l_help_navi ul{display: flex;align-items: center;}
.l_help_navi ul li a{color: #4d4d4d;line-height: 1;display: flex;align-items: center;}
.l_help_navi li i{width: 20px;margin-right: 5px;}

.l_btn_menu:hover{cursor: pointer;}
.l_header .l_btn_menu::before,.l_header .l_btn_menu::after{content: "";}
.l_header .l_btn_menu > span ,.l_header .l_btn_menu::before,.l_header .l_btn_menu::after{display: block;position: absolute;background-color: #379d5a;width: 100%;-webkit-transition: all .3s;transition: all .3s;}

.l_header .l_btn_menu::before{top: 0;}
.l_header .l_btn_menu::after{bottom: 0;}
.l_header .l_btn_menu.active > span{opacity: 0;transform: translateX(100%);}

.l_main_navi{display: block;position: absolute;background-color: #379d5a;z-index: 1;right: calc(-4vw - 380px);opacity: 0;-webkit-transition: all .5s ease-out;transition: all .5s ease-out;}
.l_main_navi a{color: #fff;}
.l_main_navi ul.main_list{border-top: 1px solid #fff;}
.l_main_navi ul.main_list a{display: block;border-bottom: 1px solid #fff;}
.l_main_navi ul li a::before{font-family: "Montserrat", sans-serif;letter-spacing: -0.01rem;}
.l_main_navi ul li.mn_information a::before{content: "INFORMATION";}
.l_main_navi ul li.mn_floor a::before{content: "FLOOR GUIDE";}
.l_main_navi ul li.mn_shop a::before{content: "SHOP GUIDE";}
.l_main_navi ul li.mn_news a::before{content: "SHOP NEWS";}
.l_main_navi ul li.mn_event a::before{content: "EVENT";}
.l_main_navi ul li.mn_service a::before{content: "SERVICE";}
.l_main_navi ul li.mn_space a::before{content: "EVENT SPACE";}
.l_main_navi ul li.mn_access a::before{content: "ACCESS";}
.l_main_navi ul li.mn_form a::before{content: "CONTACT";}
.l_main_navi ul li a::after{content: "";display: block;position: absolute;top: 50%;transform: translateY(-50%);background: url(../images/arrow_white.svg) no-repeat;}
.l_container.on_menu .l_main_navi{right: 0;opacity: 1;}

.l_main_navi ul li a{line-height: 1;position: relative;}
.l_main_navi ul li a::before{font-size: 1.5rem;margin-right: 10px;}

.l_main_navi ul.main_list a{font-size: 0.875rem;padding: 20px 30px 19px 20px;}
.l_main_navi ul.main_list a::after{width: 8px;height: 17px;right: 15px;background-size: cover;}

.l_main_navi ul.sub_list{margin-top: 20px;}
.l_main_navi ul.sub_list li{display: block;text-align: right;padding: 0 0 10px;}
.l_main_navi ul.sub_list a{display: block;position: relative;padding-right: 30px;}
.l_main_navi ul.sub_list a::after{width: 5px;height: 10px;right: 15px;background-size: cover;}

.l_main_navi ul.banners{padding: 20px 10px 0;}
.l_main_navi ul.banners li{padding: 5px 0;}
.l_main_navi ul.banners a{height: 60px;font-size: 1.0625rem;padding: 0 20px;display: flex;align-items: center;border: 1px solid #379d5a;background-color: #fff;color: #379d5a;position: relative;}
.l_main_navi ul.banners a::after{content: "";display: block;position: absolute;top: 50%;transform: translateY(-50%);}
.l_main_navi ul.banners .tg_blank a::after {right: 15px;width: 16px;height: 16px;background: url(../images/icon_tg_blank_g.svg) no-repeat 50% 50%;}

.l_help_navi ul li a i{display: inline-block;}
.l_help_navi ul li.menu_faq a{font-family: "Montserrat", sans-serif;}

.l_btn_menu{position: absolute;right: 0;}

/********** コンテンツ *********/
.l_contents{}
.l_contents .wrapper{max-width:1080px;margin-right:auto;margin-left:auto;}

.l_breadcrumb{border-top: 1px solid #379d5a;}
.l_breadcrumb ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;max-width: 1120px;margin: 0 auto;}
.l_breadcrumb li{align-items: baseline;}

.l_column_sub{max-width:180px;}
.l_column_main{max-width:780px;}

.area_main_title{background: url(../images/bg_second_title.jpg) no-repeat 50% 100%;background-size: cover;}
.area_main_title h1{height: 100%;display: block;text-align: center;margin: 0 auto;position: relative;font-weight: 500;}
.area_main_title::first-letter{color: #379d5a;}

.area_main_title h1 span{position: absolute;left: 0;right: 0;font-family: "Montserrat", sans-serif;font-weight: 500;line-height: 1;display: inline-block;}
.area_main_title h1 span::first-letter,.area_main_title h1 span b{color: #379d5a;}
.area_main_title h1 span b{position: relative;font-weight: 500;}
.area_main_title h1 span b::before{content: "";display: inline-block;width: 13px;height: 36px;background: url(../images/title_sepa.svg) no-repeat 50% 50%;position: absolute;top: 6px;left: -24px;}

.area_title .wrap{display: inline-flex;align-items: baseline;font-weight: 500;color: #4d4d4d;}
.area_title .wrap span,.area_title .wrap h1{line-height: 1;}
.area_title .wrap span{display: block;position: relative;font-family: "Montserrat", sans-serif;}
.area_title .wrap span::first-letter{color: #379d5a;}
.area_title .wrap h1,.area_title .wrap h2{line-height: 1;}

h2.come_title{display: flex;justify-content: center;align-items: center;color: #379d5a;font-weight: 500;border: 1px solid #a5d3b5;-webkit-border-radius: 0 8px 0 8px;border-radius: 0 8px 0 8px;box-shadow: -4px 4px #a5d3b5;width: calc(100% - 4px);margin-left: 4px;}


/********** フッター **********/
.l_footer{background-color: #e1f0e6;position:relative;}
.l_footer .inner{margin-right:auto;margin-left:auto;}
.l_footer .footer_cont ul{display: flex;flex-wrap: wrap;}
.l_footer .footer_cont li{line-height: 1;}
.l_footer .footer_cont li ul{flex-direction: column;}
.l_footer .footer_cont li ul li a{line-height: 1;color: #4d4d4d;}
.l_footer .footer_data li{position: relative;}

.footer_logo span{display: block;}
.l_footer .copyright{line-height: 1;font-size: 1.25rem;}

.l_footer .footer_data{background-color: #379d5a;color: #fff;}
.l_footer .footer_data li a{color: #fff;text-decoration: underline;}
.l_footer .footer_data .data h2,.l_footer .footer_data .data p,.l_footer .footer_data .data > *{line-height: 1;}

.footer_navi ul li h3{position: relative;color: #4d4d4d;background:none 50% 50% no-repeat;}
.footer_navi ul li a{display: block;width: 100%;line-height: 1;position: relative;color: #4d4d4d;}
.footer_navi ul li h3::before{font-family: "Montserrat", sans-serif;position: absolute;bottom: 0;color: #000;font-weight: 500;}
.footer_navi ul li.fn_floor h3{background-image: url(../images/icon_ft_floor.svg);}
.footer_navi ul li.fn_floor h3::before{content: "FLOOR GUIDE";}
.footer_navi ul li.fn_event h3{background-image: url(../images/icon_ft_event.svg);}
.footer_navi ul li.fn_event h3::before{content: "EVENT";}
.footer_navi ul li.fn_service h3{background-image: url(../images/icon_ft_service.svg);}
.footer_navi ul li.fn_service h3::before{content: "SERVICE";}
.footer_navi ul li.fn_guide h3{background-image: url(../images/icon_ft_shop.svg);}
.footer_navi ul li.fn_guide h3::before{content: "SHOP GUIDE";}
.footer_navi ul li.fn_access h3{background-image: url(../images/icon_ft_access.svg);}
.footer_navi ul li.fn_access h3::before{content: "ACCESS";}
.footer_navi ul li ul li{margin-bottom: 6px;}
.footer_navi ul li ul li a{font-size: 0.75rem;}

.l_footer .footer_data{padding-top: 33px;padding-bottom: 30px;}
.l_footer .footer_data .data h2{font-size: 1.1875rem;margin-bottom: 7px;}
.l_footer .footer_data .data address{font-size: 0.8125rem;margin-bottom: 12px;}
.l_footer .footer_data .sub_navi ul{display: flex;gap: 0 30px;font-size: 0.75rem;}
.l_footer .footer_data .sub_navi ul li:not(:first-of-type)::before{content: "";display: block;width: 1px;height: 10px;background-color: #fff;position: absolute;top: 3px;left: -15px;}
.copyright small{display: block;font-size: initial;font-size: 0.625rem;}

.l_footer .l_gotop{position: absolute;}
.l_footer .l_gotop a{width: 100%;height: 100%;position: relative;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;display: grid;place-content: center;border: 1px solid #fff;}


/********** ログインフォーム **********/
.login {margin-bottom:10px;}
.login p{padding-left:10px;}
.login .form {padding:3px 0 0 10px;}
.login .form dt{font-weight:bold;}
.login .form dd{padding-bottom:5px;}


/*** ポップアップ ***/
.popup_base{display:none;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.6);width: 100vw;height: 100vh;z-index: 200;overflow:hidden;}
.popup_base::after{content: "×";color: #fff;font-size: 60px;font-weight: bold;position: fixed;top: 0;right: 0;width: 60px;height: 60px;line-height: 60px;text-align: center;}
.on_pop{display:none;}
.on_pop > *{position: fixed;max-width: calc(100% - 20px);max-height: calc(100vh - 20px);top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 201;}
.on_pop.on,.popup_base.on{display:block;}

/********** レスポンシブル ********/
@media screen and (max-width:767px) {
	.pc{display:none !important;}
	.sp{}

	/*header*/
	.l_header .header_cont{height: 110px;}
	.l_header::before{height: 110px;}
	.l_header .logo{display: flex;align-items: center;width: 110px;height: 60px;padding-left: 20px;}
	.l_header .logo::after{width:60px;height: 54px;}
	.l_header .l_help_navi{border-top: 1px solid #979797;height: 50px;position: absolute;bottom: 0;width: 100%;}

	.l_help_navi ul{padding-top: 14px;justify-content: center;}
	.l_help_navi ul li{padding: 0 5px;}
	.l_help_navi ul li a{font-size: 0.625rem;}
	.l_help_navi li.menu_floor i{width:24px;}

	.l_btn_menu{width: 30px;height: 23px;top: 17px;right: 20px;}
	
	.l_header .l_btn_menu > span ,.l_header .l_btn_menu::before,.l_header .l_btn_menu::after{height: 3px;}
	.l_header .l_btn_menu > span{top: 10px;}
	.l_header .l_btn_menu.active::before{transform: rotate(-45deg) translate(-7px, 7px);}
	.l_header .l_btn_menu.active::after{transform: rotate(45deg) translate(-7px, -7px);}

	.l_container.on_menu .l_btn_menu{position: fixed;z-index: 10;}
	.l_container.on_menu .l_header .l_btn_menu > span,.l_container.on_menu .l_header .l_btn_menu::before,.l_container.on_menu .l_header .l_btn_menu::after{background-color: #fff;}
	
	.l_main_navi{top: 0;height: 100%;position: fixed;}
	.l_container.on_menu .l_main_navi{width: 100%;overflow-y: auto;}

	.l_main_navi .inner{padding: 60px 20px 0;}
	.l_breadcrumb{padding:10px 20px;}
	.l_breadcrumb li{font-size:0.75rem;}

	/*title*/
	.area_main_title{height: 100px;}
	.area_main_title h1{padding-top: 14px;letter-spacing: 0.05rem;font-size: 0.8125rem;}
	.area_main_title h1 span{font-size: 1.75rem;top: 40px;}
	.area_main_title h1 span b::before{content: "";display: inline-block;width: 9px;height: 30px;background: url(../images/title_sepa.svg) no-repeat 50% 50%;position: absolute;top: 3px;left: -18px;}
	h2.come_title{height: 40px;font-size: 1rem;}

	/*footer*/
	.l_footer .inner{padding-right: 20px;padding-left: 20px;}
	.l_footer .footer_cont{padding-top: 40px;padding-bottom: 30px;}
	.l_footer .menu_list{padding-top: 20px;padding-bottom: 30px;border-top: 1px solid #e3f1e8;}

	.footer_navi ul li h3{height: 30px;font-size: 0.625rem;margin-bottom: 5px;}
	.footer_navi ul li h3::before{font-size: 0.9375rem;bottom: 0;}
	.footer_navi ul li.fn_floor h3{background-position: left 1px;background-size: 30px auto;padding-left: 44px;}
	.footer_navi ul li.fn_floor ul{padding-left: 36px;}
	.footer_navi ul li.fn_event h3{background-position: left top;background-size: 26px auto;padding-left: 44px;}
	.footer_navi ul li.fn_event ul{padding-left: 38px;}
	.footer_navi ul li.fn_service h3{background-position: left top;background-size: 26px auto;padding-left: 41px;}
	.footer_navi ul li.fn_service ul{padding-left: 36px;}
	.footer_navi ul li.fn_guide h3{background-position: left 2px;background-size: 31px auto;}
	.footer_navi ul li.fn_guide h3::before{left: 45px;}
	.footer_navi ul li.fn_guide a{height: 100%;padding-left: 44px;}
	.footer_navi ul li.fn_access h3{background-position: left 4px;background-size: 30px auto;}
	.footer_navi ul li.fn_access h3::before{left: 39px;}
	.footer_navi ul li.fn_access a{height: 100%;padding-left: 38px;}

	.l_footer .footer_cont li{padding: 5px 0;width: 50%;font-size: 0.875rem;}
	.l_footer .footer_cont li ul li{width: 100%;margin-bottom: 6px;}
		.l_footer .footer_cont li a{display: block;padding-left: 25px;position: relative;}
		
		.l_footer .footer_cont li ul li a::before{content: "";display: block;width: 8px;height: 10px;position: absolute;top: 2px;left: 10px;background: url(../images/arrow_green.svg) no-repeat 50% 50%;}

	.footer_logo h2{max-width: 180px;margin: 0 auto 20px;}
	.footer_logo span{text-align: center;font-size: 0.75rem;margin-bottom: 30px;}
	.l_footer .footer_data{padding-bottom: 45px;}
		.l_footer .footer_data .sub_navi ul{justify-content: center;}
	.copyright{position: absolute;width: 100%;left: 0;right: 0;bottom: 20px;}
		.copyright small{text-align: center;}
	.area_title .wrap h1,.area_title .wrap h2{font-size: 0.875rem;}
}

@media screen and (min-width:600px) and (max-width:767px) {
	.footer_navi .main_navi > ul > li {width: calc(100% / 3);padding-left: 20px;}
}

@media screen and (min-width:768px) {
	.pc{}
	.sp{display:none !important;}

	/*header*/
	.l_header::before{height: 155px;}
	.l_header .header_cont{display: flex;justify-content: space-between;max-width: 1300px;height: 155px;padding-top: 40px;padding-left: 72px;padding-right: 160px;}
	.l_header .logo{width: 195px;height: fit-content;}
	.l_header .logo::after{width:80px;height: 80px;}
	.second_fix p.logo{width: 237px;margin: 48px auto 42px;}
	.l_header .l_help_navi{border-right: 1px solid #979797;height: 80px;padding-top: 26px;padding-right: 40px;}
	.l_help_navi ul{gap: 0 28px;}
	.l_help_navi ul li a{font-size: 1.0625rem;}
	.l_help_navi li.menu_floor i{width:26px;}
	.l_help_navi li:first-of-type i{margin-right: 10px;}

	.l_breadcrumb{padding:12px 0;}
	.l_breadcrumb ul{font-size: 0.875rem;}
	
    .l_btn_menu{width: 54px;height: 34px;top: 56px;right: 68px;}
	.l_header .l_btn_menu > span ,.l_header .l_btn_menu::before,.l_header .l_btn_menu::after{height: 5px;}
	.l_header .l_btn_menu > span{top: 14px;}
	.l_header .l_btn_menu.active::before{transform: rotate(-45deg) translate(-11px, 9px);}
	.l_header .l_btn_menu.active::after{transform: rotate(45deg) translate(-10px, -10px);}

    .l_main_navi{top: 155px;min-width: 380px;width: calc(4vw + 380px);height: 100%;max-height: calc(100% - 132px);}
	.l_main_navi .inner{padding: 50px 30px 0;}

	/*title*/
	.area_main_title{height: 170px;}
	.area_main_title h1{max-width: 1300px;padding-top: 36px;letter-spacing: 0.05rem;font-size: 0.9375rem;}
	.area_main_title h1 span{font-size: 2.3125rem;top: 65px;}
	.area_title .wrap h1,.area_title .wrap h2{font-size: 0.9375rem;}
	h2.come_title{font-size: 1.125rem;letter-spacing: 0.5rem;height: 50px;}

	/*footer*/
	.l_footer > div div.inner{max-width: 1120px;display: flex;}

	.l_footer .footer_cont{padding-top: 60px;padding-bottom: 70px;}
		.l_footer .footer_cont .inner{justify-content: space-between;}

	.footer_logo{width: 210px;margin-left: 17px;}
		.footer_logo img{max-width: 100%;}
		.footer_logo span{font-size: 0.6875rem;line-height: 1.636;}

	.footer_navi{max-width: calc(100% - 227px);display: flex;justify-content: space-between;margin-left: auto;}
		.footer_navi .main_navi > ul{gap: 0 2vw;}
			.footer_navi li.fn_guide a,.footer_navi li.fn_access a{height: 100%;padding-left: 50px;}
			.footer_navi ul li h3{height: 42px;font-size: 0.625rem;padding-top: 10px;margin-bottom: 13px;}
				.footer_navi ul li h3::before{font-size: 0.9375rem;bottom: 5px;}
				.footer_navi ul li.fn_guide h3::before{left: 50px;}
				.footer_navi ul li.fn_access h3::before{right: 20px;}

			.footer_navi ul li.fn_floor{width: 160px;}
			.footer_navi ul li.fn_service{width: 114px;}
			.footer_navi ul li.fn_guide{width: 156px;}
				.footer_navi ul li.fn_floor h3{background-position:left 7px;background-size: 35px auto;padding-left: 44px;}
				.footer_navi ul li.fn_event h3{background-position:left 5px;background-size: 28px auto;padding-left: 44px;}
				.footer_navi ul li.fn_service h3{background-position:left 6px;background-size: 29px auto;padding-left: 41px;letter-spacing: 0;}
				.footer_navi ul li.fn_guide h3{background-position:left 9px;background-size: 33px auto;}
				.footer_navi ul li.fn_access h3{background-position:left 11px;background-size: 31px auto;}
			
			.footer_navi ul li ul{padding-left: 44px;}

			.footer_navi ul li.fn_event ul{letter-spacing: 0;}
			
	.l_footer .footer_cont li ul li a:hover{color:#006046;text-decoration:underline;}

	.l_footer .footer_data .inner{align-items: center;gap: 0 52px;}

	.l_footer .l_gotop{right: 54px;bottom: 36px;width: 53px;height: 53px;}
	.l_footer .l_gotop a img{width: 29px;height: 15px;}

	.l_footer .qr_code {position: absolute;right: 144px;width: 75px;bottom: 36px;}
    .l_footer .qr_code::after {content: "スマホはこちらから";display: block;position: absolute;bottom: -22px;right:-20px;color: #fff;font-size: 11px;width: 116px;text-align: center;}

}

@media screen and (min-width:768px) and (max-width:820px) {
	.l_header .logo{margin-left:-16px;}
	.l_header .logo::after{width:70px;}
}

@media screen and (min-width:768px) and (max-width:1180px) {
    .l_breadcrumb ul {padding-left: 30px;}
    .l_header .header_cont{padding-left: 30px;padding-right: 110px;}
	.l_btn_menu {
        right: 30px;
    }

	.l_help_navi ul {
        gap: 0 3vw;
    }
	.l_footer .inner{
        padding-right: 30px;
        padding-left: 30px;
    }

	.footer_logo{margin-left: 0;}
	.footer_navi{max-width: 478px;}
    .footer_navi .menu_list{padding-top: 10px;}
	.l_footer .footer_cont ul{margin-bottom: 20px;gap: 0 40px;}

}
@media screen and (max-width:1080px) {
	.l_footer .qr_code{display:none;}
}