@charset "UTF-8";
/* CSS Document */
@media (min-width: 768px) {}
@media (max-width: 767.98px) {}





/* common */
html{}
body{ position:relative; color: #1a1a1a;}
main{ position: relative;}
img{ max-width:100%;}
a{ transition: .3s; color: #a99472;}
a:hover{ color: #6F5B3C; text-decoration: none;}
.container{ z-index: 1; position: relative;}
@media (min-width: 768px) {
body{ min-width: 1054px;}
.pcnone{ display: none !important;}
.container{ width: 1054px; max-width: inherit;}
main{ min-width: 1054px;}
	.footer_box{ position: relative; z-index: 8; background-color: #fff;}
}
@media (max-width: 767.98px) {
body{ font-size: 12px; padding-top: 50px;}
.spnone{ display:none !important;}
.container { padding-right: 10px; padding-left: 10px;}
.row { margin-right: -10px; margin-left: -10px;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto{ padding-right: 10px; padding-left: 10px;}
	.footer_box{ position: relative; z-index: 8;}
}





/* header */
header{ position: fixed; left: 0; top: 0; width: 100%; z-index: 10; background-color: white; transition: .3s;}
#header{ position: relative;}
#header_logo{ margin: 0; display: flex; justify-content: center; align-items: center;}
#header_logo>img{ display: block;}
.overlayMenu{}
.overlayMenu>ul{ list-style: none; margin: 0;}
.overlayMenu>ul>li{}
.overlayMenu>ul>li>a{}
.overlayMenu>ul>li>a:hover{}
@media (min-width: 768px) {
body{ padding-top: 147px;}
header{}
/*header.hide{ transform: translateY(-100%);}*/
#header{ max-width: 1054px; height: 100px; margin: 0 auto;}
#header_logo{ width: 300px; height: 48px; position: absolute; left: calc(50% - 150px); bottom: 20px;}

header a{ color: #404040;}

#h_nav{ position: absolute; left: 15px; top: 65px; list-style: none; padding: 0; font-size: 0;}
#h_nav>li{ font-size: 13px; display: inline-block; line-height: 18px; margin-right: 16px;}
#h_nav>li:last-child{ margin-right: 0;}
#h_nav>li>a::before{ content:"　"; width: 22px; display: inline-block; background-repeat: no-repeat; background-position: center;}
#h_nav>li>a.glass::before{ background-image: url("../images/icon/glass.svg");}
#h_nav>li>a.clock::before{ background-image: url("../images/icon/clock.svg");}
#h_nav>li>a.person::before{ background-image: url("../images/icon/person.svg");}

#h_nav>li .dropdown-menu{ padding: 10px; width: 300px; margin-top: 10px;}
#h_nav form.gsc-search-box,
#h_nav table.gsc-search-box{ margin: 0;}


#h_lang{ position: absolute; right: 15px; top: 33px; margin: 0; font-size: 0;}
#h_lang>span{ display: block; font-size: 10px; line-height: 15px; padding-left: 3px;}
#h_lang>a{ position: relative; display: inline-block; font-size: 13px; line-height: 19px; padding-left: 12px; margin-right: 16px;}
#h_lang>a::before{ content: ""; position: absolute; width: 2px; height: 5px; left: 5px; top: calc(50% - 2.5px); background: url("../images/icon/a_lang.svg") no-repeat center;}
#h_lang>a:last-child{ margin-right: 0;}

.overlayMenu{ position: fixed; top: 100px; right: 0; width: 100%; z-index: 9; background-color: white; transition: .3s;}
/*h.overlayMenu.hide{ transform: translateY(-100px);}*/

.overlayMenu::after{ content: ""; background-color: black; height: 2px; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 1;}
.overlayMenu>ul{ position: relative; width: 100%; max-width: 1054px; margin: 0 auto; padding: 0 15px; display: flex; justify-content: space-between; text-align: center; z-index: 2;}
.overlayMenu>ul>li{ position: relative;}
.overlayMenu>ul>li>a{ display: block; font-size: 16px; line-height: 45px; color: #404040; border-bottom: 2px solid black;}
.overlayMenu>ul>li>a:hover{ text-decoration: none;}
.overlayMenu>ul>li::after{ content: ""; display: block; position: absolute; left: 0; bottom: 2px; width: 100%; height: 5px; background-color: black; opacity: 0; transition: .3s;}
.overlayMenu>ul>li:hover::after{ opacity: 1;}


.dd_box{ background-color: rgba(0,0,0,0.70); position: absolute; left: 0; top: 100%; width: 240px; visibility: hidden; opacity: 0; text-align: left; transition: .3s; font-size: 14px; /*height: 500px;*/}
.overlayMenu>ul>li:hover .dd_box{ visibility: visible; opacity: 1;}
.dd_box a{ color: white;}
.dd_box a:hover{ text-decoration: none; opacity: 0.7;}
.dd_box .g_list{ margin-bottom: 10px;}
.dd_box .g_list dt{ color: white; border-bottom: 1px solid rgba(255,255,255,0.50); font-weight: normal; padding: 10px 10px 0; margin: 0 0 10px;}
.dd_box .g_list dd{ width: calc(100% - 20px); margin: 0 auto;}
.dd_box .g_list dd.fg_f10{ border-left: 1px solid rgba(255,255,255,0.50); border-top: 1px solid rgba(255,255,255,0.50); display: flex; flex-wrap: wrap;}
.dd_box .g_list dd.fg_f10 a{ width: 20%; border-right: 1px solid rgba(255,255,255,0.50); border-bottom: 1px solid rgba(255,255,255,0.50); display: flex; justify-content: center; align-items: center; height: 44px;}
.dd_box .g_list dd.fg_c a{ display: block; margin-bottom: 5px;}

.dd_box .g_list_p{ margin: 0;}
.dd_box .g_list_p a{ display: block; padding: 15px 10px; border-bottom: 1px solid rgba(255,255,255,0.50);}
.dd_box .g_list_p a[target="_blank"]{ background-image: url("../images/icon/target_blank.svg"); background-repeat: no-repeat; background-position: right 10px center;}
}
@media (min-width: 768px) and (max-width: 1000px){
#h_nav{ left: 8px;}
#h_lang{ right: 10px;}
#h_nav>li,
#h_lang>a{ font-size: 10px; margin-right: 10px}
.overlayMenu>ul{ padding: 0 10px;}
.overlayMenu>ul>li>a{ font-size: 14px;}
}
@media (min-width: 768px) and (max-width: 850px){
#h_nav{ left: 8px;}
#h_lang{ right: 5px;}
#h_nav>li,
#h_lang>a{ font-size: 9px; margin-right: 5px}
.overlayMenu>ul{ padding: 0 10px;}
.overlayMenu>ul>li>a{ font-size: 14px;}
}
@media (max-width: 767.98px){
#h_nav,#h_lang,.dd_box{ display: none;}

#header{ display: flex; justify-content: left; align-items: center; width: 100%; height: 50px; margin: 0 auto; border-bottom: 1px solid black;}
#header_logo{ width: 150px; height: 24px; margin: 0 0 0 10px;}


.overlayMenuBtn{ position: fixed; top: 0; right: 0; width: 50px; height: 50px; cursor: pointer; z-index: 30; padding-top: 0;}
.overlayMenuBtn::before{ content: "MENU"; color: #424242; width: 100%; text-align: center; display: block; font-size: 8px; line-height: 2em;}
.overlayMenuBtn span{ display: block; height: 2px; background: #a0a0a0; position:absolute; width: 70%; left: 15%; transition: 0.3s ease-in-out;}
.overlayMenuBtn span:nth-child(1){ top: 18px;}
.overlayMenuBtn span:nth-child(2){ top: 28px;}
.overlayMenuBtn span:nth-child(3){ top: 38px;}

.open.overlayMenuBtn{ background-color: black;}
.open.overlayMenuBtn::before{ content: "close"; color: white;}
.open.overlayMenuBtn span{ background-color: white;}
.open.overlayMenuBtn span:nth-child(1){ transform: rotate(45deg);}
.open.overlayMenuBtn span:nth-child(2){ width: 0; left: 50%;}
.open.overlayMenuBtn span:nth-child(3){ transform: rotate(-45deg);}
.open.overlayMenuBtn span:nth-child(1),
.open.overlayMenuBtn span:nth-child(3){ top: 28px;}

.overlayMenu{ display: none; position: fixed; width: 100%; height: calc(100vh - 50px); overflow: auto; top: 50px; left: 0; padding: 10px 20px; background-color: rgba(0,0,0,0.90); z-index: 20; font-size: 14px;}
.overlayMenu a{ color: white;}
.overlayMenu a:hover{ text-decoration: none; opacity: 0.7;}

.overlayMenu>ul{ padding: 0; display: flex; flex-wrap: wrap; border-left: 1px solid white; border-top: 1px solid white; position: relative; margin-bottom: 15px;}
.overlayMenu>ul::after,.overlayMenu>ul::before{ content: ""; position: absolute; right: 0; background-color: white;}
.overlayMenu>ul::after{ top: 0; height: 100%; width: 1px;}
.overlayMenu>ul::before{ bottom: 0; height: 1px; width: 100%;}
.overlayMenu>ul>li{ border-right: 1px solid white; border-bottom: 1px solid white; width: 50%;}
.overlayMenu>ul>li>a{ display: block; padding: 15px 10px;}

.overlayMenu form.gsc-search-box{ margin: 0 0 10px;}
.overlayMenu table.gsc-search-box{ margin: 0;}
.overlayMenu table.gsc-search-box tbody{}
.overlayMenu table.gsc-search-box tbody tr{ position: relative; display: block;}
.overlayMenu table.gsc-search-box tbody tr td{}
.overlayMenu table.gsc-search-box tbody tr td.gsc-input{ display: block; width: 100%;}
.overlayMenu .gsc-input-box{ background-color: transparent; border-radius: 0; padding-left: 30px; padding-top: 6px; padding-bottom: 6px;}
.overlayMenu .gsc-input-box td input{ background-color: transparent !important; color: white;}
.overlayMenu .gsc-search-button{ position: absolute; left: 0; top: 0; background-color: transparent; border: none; height: 100%; margin: 0; width: 40px; padding: 0;}
.overlayMenu .cse .gsc-search-button-v2:hover,
.overlayMenu .gsc-search-button-v2:hover{ background-color: transparent; border: none;}
.overlayMenu .cse .gsc-search-button-v2:focus,.overlayMenu .gsc-search-button-v2:focus{ box-shadow: none;}
.overlayMenu .gsc-search-box-tools .gsc-search-box .gsc-input{ padding-right: 0;}

#sp_lang{}
#sp_lang dt{ font-weight: normal; font-size: 10px; color: white;}
#sp_lang dd{ display: flex; border-left: 1px solid white; border-top: 1px solid white;}
#sp_lang dd a{ width: 25%; display: flex; justify-content: center; align-items: center; height: 50px; border-right: 1px solid white; border-bottom: 1px solid white;}

}





/* midashi */
.midashi_01{ text-align: center; position: relative; margin: 0; z-index: 7; background-color: #fff;}
.midashi_01 .text{ display: flex; flex-wrap: wrap;}
.midashi_01 .text .ja,.midashi_01 .text .en{ width: 100%; line-height: 1.4em; margin: 0; color: #404040;}
.midashi_01 .text .ja{ order: 0; font-weight: bold; font-weight: 700;}
.midashi_01 .text .en{ order: 1; font-weight: normal; font-weight: 400;}
.midashi_01 span.line{ display: block; position: relative;}
.midashi_01 span.line::before,.midashi_01 span.line::after,.midashi_01 span.line>span::before,.midashi_01 span.line>span::after{ content: "";}
.midashi_01 span.line::before,.midashi_01 span.line::after,.midashi_01 span.line>span::before,.midashi_01 span.line>span::after,.midashi_01 span.line>span>span{ display: block; position: absolute; top: 0;}
.midashi_01 span.line::before{ background-color:#de2012;}
.midashi_01 span.line::after{ background-color: #f0ab00;}
.midashi_01 span.line>span::before{ background-color: #28a738;}
.midashi_01 span.line>span::after{ background-color: #1f59ac;}
.midashi_01 span.line>span>span{ background-color: #8e5aa2;}

.midashi02{ position: relative; border-bottom-style: solid; border-bottom-color: #e5e5e5; font-weight: bold;}
.midashi02>span{ display: inline-block; position: relative;}
.midashi02>span::before{ content: ""; position: absolute; left: 0; width: 100%; display: block; background-color: #a99472; z-index: 2;}

.midashi03{ position: relative; border-bottom-style: solid; border-bottom-color: #e5e5e5; font-weight: normal;}
.midashi03>span{ display: inline-block; position: relative; color: #404040;}
.midashi03>span::before{ content: ""; position: absolute; left: 0; width: 100%; display: block; background-color: #e5e5e5; z-index: 2;}

.midashi04{ position: relative; border-left: 6px solid #a99472; border-bottom: 1px solid #e5e5e5; font-weight: normal; padding: 7px;}
.midashi04>span{ display: inline-block; position: relative;}
.midashi04>span::before{ content: ""; position: absolute; left: 0; width: 100%; display: block; background-color: #e5e5e5; z-index: 2;}
@media (min-width: 768px) {
.midashi_01{ padding: 50px 0;}
.midashi_01 .text .ja{ font-size: 30px;}
.midashi_01 .text .en{ font-size: 16px;}
.midashi_01 span.line{ height: 2px; margin-top: 5px;}
.midashi_01 span.line::before,.midashi_01 span.line::after,.midashi_01 span.line>span::before,.midashi_01 span.line>span::after,.midashi_01 span.line>span>span{ height: 2px; width: 20px;}
.midashi_01 span.line::before{ left: calc(50% - 50px);}
.midashi_01 span.line::after{ left: calc(50% - 30px);}
.midashi_01 span.line>span::before{ left: calc(50% - 10px);}
.midashi_01 span.line>span::after{ left: calc(50% + 10px);}
.midashi_01 span.line>span>span{ left: calc(50% + 30px);}
	
	.midashi02{ font-size: 26px; margin: 20px 0 40px; border-bottom-width: 3px;}
	.midashi02>span{ padding-bottom: 3px;}
	.midashi02>span::before{ height: 3px; bottom: -3px;}
	
	.midashi03{ font-size: 22px; margin-top: 60px; margin-bottom: 30px; border-bottom-width: 1px;}
	.midashi03>span{ padding-bottom: 5px;}
	.midashi03>span::before{ height: 3px; bottom: -1px;}
	
	.midashi04{ font-size: 24px; font-weight: bold; margin: 20px 0 40px; border-left-width: 5px;}
}
@media (max-width: 767.98px) {
.midashi_01{ padding: 30px 0;}
.midashi_01 .text .ja{ font-size: 15px;}
.midashi_01 .text .en{ font-size: 8px;}
.midashi_01 span.line{ height: 1px; margin-top: 5px;}
.midashi_01 span.line::before,.midashi_01 span.line::after,.midashi_01 span.line>span::before,.midashi_01 span.line>span::after,.midashi_01 span.line>span>span{ height: 1px; width: 10px;}
.midashi_01 span.line::before{ left: calc(50% - 25px);}
.midashi_01 span.line::after{ left: calc(50% - 15px);}
.midashi_01 span.line>span::before{ left: calc(50% - 5px);}
.midashi_01 span.line>span::after{ left: calc(50% + 5px);}
.midashi_01 span.line>span>span{ left: calc(50% + 15px);}
	
	.midashi02{ font-size: 16px; margin-top: 20px; margin-bottom: 20px; border-bottom-width: 3px;}
	.midashi02>span{ padding-bottom: 3px;}
	.midashi02>span::before{ height: 3px; bottom: -3px;}
	
	.midashi03{ font-size: 16px; margin-top: 30px; margin-bottom: 30px; border-bottom-width: 1px;}
	.midashi03>span{ padding-bottom: 3px;}
	.midashi03>span::before{ height: 3px; bottom: -1px;}
	
	.midashi04{ font-size: 16px; font-weight: bold; margin-top: 20px; margin-bottom: 20px; border-left-width: 3px;}
}





/* common */
.back_gray{ background-color: #eeeeee; position: relative;}
.page_content{}
.page_back_white{ background-color: white;}
@media (min-width: 768px) {
.back_gray{ min-width: 1054px;}

.back_gray.page_content{ padding: 50px 0;}
.back_gray.page_content2{ padding: 0 0 50px;}
.back_gray.page_content3{ padding: 50px 0 0;}
.page_back_white{ padding: 40px;}
	
	.back_btn{ border-top: 1px solid #e5e5e5; text-align: center; margin-top: 40px; font-size: 15px;}
	.back_btn>a>div{ margin: 40px 20px 0; display: inline-flex; width: 100px; height: 100px; background-color: #c1c1bd; border-radius: 50%; justify-content: center; align-items: center; color: #414141;}
	.back_btn>a:hover>div{ background-color: #f0e7d8;}

}
@media (max-width: 767.98px) {
.back_gray.page_content{ padding: 20px 0;}
.back_gray.page_content2{ padding: 0 0 20px;}
.back_gray.page_content3{ padding: 20px 0 0;}
.page_back_white{ padding: 20px;}
	
	.back_btn{ border-top: 1px solid #e5e5e5; text-align: center; margin-top: 40px; font-size: 13px;}
	.back_btn>a>div{ margin: 40px 10px 0; display: inline-flex; width: 90px; height: 90px; background-color: #c1c1bd; border-radius: 50%; justify-content: center; align-items: center; color: #414141;}
	.back_btn>a:hover>div{ background-color: #f0e7d8;}
}





/* spsubmenu */
#sub_menu{ position: fixed; right: 0; list-style: none; padding: 0; margin: 0; z-index: 9;}
@media (min-width: 768px) {
#sub_menu .sub_box,#sub_menu>li.sub_floor,#sub_menu>li.sub_gourmet{ display: none;}
#sub_menu{ top: 167px; width: 60px;}
#sub_menu>li{ -ms-writing-mode: tb-rl; writing-mode: vertical-rl; color: white; font-size: 16px; background-position: center 10px; background-repeat: no-repeat; padding-left: 18px; padding-right: 18px; padding-bottom: 15px; border-radius: 10px 0 0 10px; transition: .3s; position: relative;}
#sub_menu>li.sub_bus{ background-color: rgba(32,89,172,0.80); background-image: url("../images/icon/sub_bus_w.svg"); background-size: 22px 13px; padding-top: 29px; margin-bottom: 10px;}
#sub_menu>li.sub_bus:hover{ background-color: rgba(32,89,172,1.00);}
#sub_menu>li.sub_lend{ background-color: rgba(142,90,163,0.80); background-image: url("../images/icon/sub_lend_w.svg"); background-size: 14px 17px; padding-top: 33px;}
#sub_menu>li.sub_lend:hover{ background-color: rgba(142,90,163,1.00);}
#sub_menu>li>.sub_btn{ margin: 0;}
#sub_menu>li>.sub_btn>a{ position: absolute; width: 100%; height: 100%; display: block; right: 0; top: 0;}
}
@media all and (-ms-high-contrast: none) {
*::-ms-backdrop, #sub_menu>li.sub_bus { height: 144px;}
*::-ms-backdrop, #sub_menu>li.sub_lend { height: 180px;}
}
@media (max-width: 767.98px) {
body{ padding-bottom: 60px;}
#sub_menu{ display: flex; width: 100%; bottom: 0; background-color: white; box-shadow: 0 5px 10px black;}
#sub_menu>li{ width: 25%; border-right: 1px #bfbfbf solid;}
#sub_menu>li.sub_bus{ height: auto;}
#sub_menu>li.sub_lend{ height: auto;}
#sub_menu>li:last-child{ border-right: none;}
#sub_menu>li.sub_gourmet>a{ position: absolute; left: 25%; bottom: 0; width: 25%; height: 100%; display: block;}
#sub_menu .sub_btn{ font-size: 10px; margin: 0; display: flex; flex-wrap: wrap; height: 60px; justify-content: center; color: #404040; transition: .3s;}
#sub_menu .sub_btn.open{ background-color: black; color: white;}
#sub_menu .sub_btn>a{ display: none;}
#sub_menu .sub_btn::before{ content: ""; width: 100%; display: block; height: 30px; background-repeat: no-repeat; background-position: center; margin-top: 5px;}
.sub_floor .sub_btn::before{ background-image: url("../images/icon/sub_floor.svg");}
.sub_floor .sub_btn.open::before{ background-image: url("../images/icon/sub_floor_w.svg");}
.sub_gourmet .sub_btn::before{ background-image: url("../images/icon/sub_gourmet.svg");}
.sub_gourmet .sub_btn.open::before{ background-image: url("../images/icon/sub_gourmet_w.svg");}
.sub_bus .sub_btn::before{ background-image: url("../images/icon/sub_bus.svg");}
.sub_bus .sub_btn.open::before{ background-image: url("../images/icon/sub_bus_w.svg");}
.sub_lend .sub_btn::before{ background-image: url("../images/icon/sub_lend.svg");}
.sub_lend .sub_btn.open::before{ background-image: url("../images/icon/sub_lend_w.svg");}

#sub_menu .sub_box{ background-color: rgba(0,0,0,0.90); position: absolute; left: 0; bottom: 100%; width: 100%; height: calc(100vh - 110px); visibility: hidden; opacity: 0; transition: .3s; padding: 0 30px; overflow: auto;}
#sub_menu .sub_box.open{ visibility: visible; opacity: 1;}
#sub_menu .sub_box a{ color: white;}
#sub_menu .sub_box a:hover{ text-decoration: none; opacity: 0.7;}
#sub_menu .sub_box .g_list{ margin-bottom: 0;}
#sub_menu .sub_box .g_list dt{ color: white; font-weight: normal; font-size: 15px; padding: 10px 0 0; margin: 0 0 5px;}
#sub_menu .sub_box .g_list dd{ width: 100%; margin: 0 auto; font-size: 16px;}
#sub_menu .sub_box .g_list dd.fg_f10,#sub_menu .sub_box .g_list dd.fg_c{ border-left: 1px solid white; border-top: 1px solid white; display: flex; flex-wrap: wrap;}
#sub_menu .sub_box .g_list dd.fg_f10 a,#sub_menu .sub_box .g_list dd.fg_c a{ border-right: 1px solid white; border-bottom: 1px solid white; display: flex; justify-content: center; align-items: center; height: 44px;}
#sub_menu .sub_box .g_list dd.fg_f10 a{ width: 20%;}
#sub_menu .sub_box .g_list dd.fg_c a{ width: 50%; font-size: 10px; text-align: center; padding: 0 10px;}
#sub_menu .sub_box .g_list_p{ padding-top: 20px;}
#sub_menu .sub_box .g_list_p a{ display: block; padding: 15px 10px; border-bottom: 1px solid white;}
#sub_menu .sub_box .g_list_p a:first-child{ border-top: 1px solid white;}
#sub_menu .sub_box>div{ position: relative; padding-top: 80px; padding-bottom: 80px; min-height: 100%;}
#sub_menu .sub_close_btn{ position: absolute; bottom: 0; left: 0; width: 100%; display: block; text-align: center; font-weight: bold; color: white; font-size: 13px; line-height: 1em; padding: 10px 0;}
#sub_menu .sub_close_btn::after{ display: block; height: 35px; width: 100%; content: ""; background: url("../images/icon/abw.svg") no-repeat center;}
}





/* floor guide */
#floor_guide{}
#floor_figure{}
#floor_ul{ list-style: none; padding: 0; margin: 0;}
#floor_ul .floor_li{ display: flex; justify-content: space-between; width: 100%; position: relative; border-bottom: 1px solid #a0a0a0;}
#floor_ul .floor_li>div{ display: flex; align-items: center;}
#floor_ul .floor_li>div>span{ font-weight: bold; line-height: 1em;}
#floor_ul .floor_li .l_box{}
#floor_ul .floor_li .l_box .floor_text{ margin: 0; color: #404040; font-weight: bold; position: relative; text-align: right;}
#floor_ul .floor_li .l_box .floor_text::before{ content: ""; display: block; bottom: 0; width: 100%; left: 0; position: absolute; background-color:#a0a0a0;}
#floor_ul .floor_li .l_box .floor_text::after{ content: "F";}
#floor_ul .floor_li .r_box{}
#floor_ul .floor_li>a{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#floor_list{}
@media (min-width: 768px) {
#floor_guide{ padding: 0 15px 100px; display: flex; justify-content: space-between;}
#floor_figure{ width: 300px;}
#floor_ul .floor_li{ margin-bottom: 2px;}
#floor_ul .floor_li:last-child{ margin-bottom: 0;}

#floor_ul .floor_li .l_box .floor_text{ font-size: 24px; width: 50px; padding-right: 5px;}
#floor_ul .floor_li .l_box .floor_text::before{ height: 5px;}
#floor_ul .floor_li .l_box .floor_text::after{ font-size: 14px;}
#floor_ul .floor_li .l_box>span{ margin-left: 10px;}
#floor_ul .floor_li .r_box>span{ margin-left: 2px;}

#floor_list{ width: calc(100% - 330px); display: flex; flex-wrap: wrap; justify-content: space-between;}
#floor_list>.g_list{ width: calc(50% - 15px);}
#floor_list>.g_list:last-child{ width: 100%;}

#floor_list a{ color: #404040;}
#floor_list a:hover{ text-decoration: none; opacity: 0.7;}
#floor_list .g_list{ margin-bottom: 0;}
#floor_list .g_list dt{ color: #404040; font-weight: bold; font-weight: 600; font-size: 16px; margin: 0 0 10px;}
#floor_list .g_list dd{ width: 100%; margin: 0 auto; font-size: 18px;}
#floor_list .g_list dd.fg_f10,#floor_list .g_list dd.fg_c{ border-left: 1px solid #404040; border-top: 1px solid #404040; display: flex; flex-wrap: wrap;}
#floor_list .g_list dd.fg_f10 a,#floor_list .g_list dd.fg_c a{ border-right: 1px solid #404040; border-bottom: 1px solid #404040; display: flex; justify-content: center; align-items: center; height: 50px;}
#floor_list .g_list dd.fg_f10 a{ width: 20%;}
#floor_list .g_list dd.fg_c a{ width: 50%; font-size: 16px; text-align: center; padding: 0 10px;}

}
@media (max-width: 767.98px) {
#floor_list{ display: none;}

#floor_guide{ padding-bottom: 50px;}
#floor_ul .floor_li{ margin-bottom: 2px;}
#floor_ul .floor_li:last-child{ margin-bottom: 0;}
#floor_ul .floor_li .l_box .floor_text{ font-size: 18px; width: 37px; padding-right: 4px;}
#floor_ul .floor_li .l_box .floor_text::before{ height: 4px;}
#floor_ul .floor_li .l_box .floor_text::after{ font-size: 10px;}
#floor_ul .floor_li .l_box>span{ margin-left: 8px;}
#floor_ul .floor_li .r_box>span{ margin-left: 2px;}
}





/* footer_menu */
#footer_menu{}
.f_m_b{}
.f_m_t{ color: white; position: relative; margin: 0; display: flex; align-content: center; flex-wrap: wrap; background-repeat: no-repeat; background-size: cover;}
.fm_bus{ background-image: url("../images/back/bus_terminal.jpg");}
.fm_lend{ background-image: url("../images/back/hall_for_rent.jpg");}
.f_m_t::before{ content: ""; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0,0,0,0.3); position: absolute;}
.f_m_t>strong,
.f_m_t>small{ font-weight: bold; position: relative; z-index: 2; width: 100%; text-align: center;}
.f_m_t>strong{}
.f_m_t>small{}
.f_m_l{ background-color: #a99472;}
.f_m_l p{ border-left: 1px solid white; border-top: 1px solid white; display: flex; margin: 0;}
.f_m_l p a{ border-right: 1px solid white; border-bottom: 1px solid white; background: url("../images/icon/arrow_w.svg") no-repeat right 8px center; color: white; width: 100%; display: flex; justify-content: center; align-items: center;}
.f_m_l p a:hover{ color: rgba(255,255,255,0.70); text-decoration: none;}
.f_m_l_3{}
.f_m_l_3 a{}
.f_m_l_3 p a{ width: 33.33%;}
@media (min-width: 768px) {
#footer_menu{ display: flex; justify-content: space-between; padding: 50px 0;}
.f_m_b{ width: calc(50% - 15px);}
.f_m_t{ height: 380px;}
.f_m_t>strong{ font-size: 24px;}
.f_m_t>small{ font-size: 12px;}
.f_m_l{ padding: 30px;}
.f_m_l p a{ font-size: 16px; height: 60px;}
}
@media (max-width: 767.98px) {
#footer_menu{ padding: 50px 0;}
.f_m_b{ width: 100%; margin-bottom: 25px;}
#footer_menu .f_m_b:last-child{ margin-bottom: 0;}
.f_m_t{ height: 175px;}
.f_m_t>strong{ font-size: 16px;}
.f_m_t>small{ font-size: 8px;}
.f_m_l{ padding: 20px;}
.f_m_l p a{ font-size: 11px; height: 40px; background-size: 13px;}
.f_m_l_3{ padding: 20px 10px;}
.f_m_l_3 p a{ background-position: right 4px center;}
}





/* roppachi */
@keyframes roppachi_loop {
from{ background-position: 0 0;}
to{ background-position: -2624px 0;}
}
@keyframes roppachi_loop2 {
from{ background-position: 0 0;}
to{ background-position: 122% 0;}
}
#roppachi{ background-color: black; background-image: url("../images/back/roppachi_0305.jpg");background-repeat: repeat-x;}
#roppachi_box{ margin: 0 auto; background: url("../images/icon/roppachi_lunch.svg") no-repeat center; position: relative; z-index: 2;}
#roppachi_box::before{ content: ""; display: block; width: 100%;}
#roppachi_box,#roppachi_box::before{ border-color: white; border-style: solid;}
#roppachi_link{ position: relative; z-index: 2;}
#roppachi_link a{ color: white; border: 1px solid white; position: absolute; display: flex; justify-content: center; align-items: center; background: url("../images/icon/arrow_w.svg") no-repeat;}
#roppachi_link2 a{ color: white; border: 1px solid #000; position: absolute; display: flex; justify-content: center; align-items: center; background: url("../images/icon/arrow_w.svg") no-repeat;}
#parallax{ background-image: url("../images/back/pl_bus.jpg"); background-repeat: no-repeat; background-position: center;}
@media (min-width: 768px) {
#roppachi{ padding: 30px 0 0; min-width: 1054px; background-size: auto 602px; animation: roppachi_loop 40s linear infinite;}
#roppachi_box{ border-width: 1px; width: 940px; padding: 20px; background-size: auto 350px;}
#roppachi_box::before{ border-width: 3px; height: 400px;}
#roppachi_link{ height: 130px;}
#roppachi_link a{ height: 70px; top: calc(50% - 35px); width: 300px; left: calc(50% - 150px); background-position: right 10px center;}
#parallax{ background-size: 100% auto; height: 500px;}
}
@media (min-width: 768px) and (max-width: 1250px){
#parallax{ background-size: 118% auto;}
}
@media (max-width: 767.98px) {
#roppachi{ padding: 6.66% 5.33% 0; animation: roppachi_loop2 30s linear infinite; background-size: auto 100%;}
#roppachi_box{ border-width: 1px; padding: 8.96%; background-size: 63% auto;}
#roppachi_box::before{ border-width: 3px; padding:0 0 96.705%;}
#roppachi_link{ padding: 0 0 33.33%;}
#roppachi_link a{ height: 50px; top: calc(50% - 25px); width: 80%; left: 10%; background-position: right 10px center; font-size: 15px;}
#parallax{ background-size: auto 120%; padding: 0 0 66.66%;}
}





/* footer */
.fotter_ttl{ border-bottom: 1px solid #bfbfbf;}
#footer_map{ position: relative; height: 0; overflow: hidden; filter: grayscale(100%);}
#footer_map iframe,#footer_map object,#footer_map embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#fm_text{ text-align: center; font-weight: bold;}
.banner_dl{ margin: 0;}
.banner_dl dt{ font-weight: bold; font-weight: 600;}
.banner_dl dt small{ color: #ec6161; font-weight: bold; font-weight: 600;}
.banner_dl dd{ display: flex; align-items: flex-start; flex-wrap: wrap; margin: 0;}
.banner_dl dd a{ color: #ec6161; text-align: center; margin-right: 48px; margin-bottom: 20px;}
.banner_dl dd a:nth-child(4n+4){ margin-right: 0;}
.banner_dl dd a figure{ margin: 0;}
.banner_dl dd a figure img{}
.banner_dl dd a figure figcaption{}

.banner_dl2,.banner_dl3{ display: none;}

#footer{ list-style: none; padding: 0; margin: 0;}
#footer a{ color: #404040;}
#footer>li>a{ font-weight: bold; font-weight: 600;}
#footer strong{ display: block; margin: 10px 0 5px;}
#copy{ text-align: center; color: #404040; margin: 0; border-bottom-style: solid; border-bottom-color: black;}
@media (min-width: 768px){
#footer_map{ padding-bottom: 400px; min-width: 1054px;}
#fm_text{ padding: 1em 0; margin-bottom: 1em; font-size: 14px;}
.banner_dl{ padding-bottom: 10px;}
.banner_dl dt{ font-size: 16px; padding-left: 5px; padding-bottom: 5px;}
.banner_dl dt small{ font-size: 12px; padding-left: 5px;}
.banner_dl dd{ font-size: 14px;}
.banner_dl dd a{ width: 220px;}

footer .fotter_ttl{ padding-top: 30px;}
#footer{ }
#footer::after{ content: ""; display: table; clear: both;}
#footer>li{ width: 16.666%; float: left; margin-bottom: 10px;}
#footer>li.alone{ width: 16.666%; margin-bottom: 10px;}
#footer>li.pc{ width: 33.332%;}
#footer>li>a{ font-size: 16px; display: block; margin-bottom: 10px;}
#footer>li>span{ display: block;}
#footer>li>span>a{ font-size: 14px;}
#footer a{ margin-bottom: 3px; display: inline-block;}
	
#footer_sp{ display: none;}

#copy{ font-size: 10px; padding: 50px 0 20px; border-bottom-width: 2px; min-width: 1054px;}
}
@media (max-width: 767.98px){
#footer_map{ padding-top: 56.25%;}
#fm_text{ padding: 1em 0; margin-bottom: 30px; font-size: 10px;}
.banner_dl{ padding-bottom: 10px;}
.banner_dl dt{ font-size: 10px; padding-left: 5px; padding-bottom: 5px;}
.banner_dl dt small{ font-size: 8px; padding-left: 5px;}
.banner_dl dd{ font-size: 9px; margin: 0 -5px;}
.banner_dl dd a{ width: calc(50% - 10px); margin: 0 5px 15px;}

footer .fotter_ttl,
#footer { display: none;}

#footer_sp{ list-style: none; display: flex; flex-wrap: wrap; border-bottom: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; margin: 0; padding: 0;}
#footer_sp>li{ width: 50%; border-left: 1px solid #bfbfbf; border-top: 1px solid #bfbfbf; font-weight: bold;}
	#footer_sp>li.lastli{ width: 100%;}
#footer_sp>li>a{ color: #414141; font-size: 10px; font-weight: normal; display: flex; justify-content: center; align-items: center; height: 40px; width: 100%;}
#footer_sp>li>a strong{ font-weight: normal;}

/*
#footer>li:nth-child(1){ order: 1;}
#footer>li:nth-child(2){ order: 2;}
#footer>li:nth-child(3){ order: 3;}
#footer>li:nth-child(4){ order: 4;}
#footer>li:nth-child(5){ order: 5;}
#footer>li:nth-child(6){ order: 10;}
#footer>li:nth-child(7){ order: 6;}
#footer>li:nth-child(8){ order: 11;}
#footer>li:nth-child(9){ order: 7;}
#footer>li:nth-child(10){ order: 12;}
#footer>li:nth-child(11){ order: 8;}
#footer>li:nth-child(12){ order: 9;}
*/

#copy{ font-size: 7px; padding: 40px 0 5px; border-bottom-width: 1px; margin: 0;}

}





/* pagetop */
#page_top{ background-color: black; z-index: 6; transition: .3s;}
#page_top::before{ content: "PAGE TOP";; font-weight: bold; color: white; display: block;}
#page_top::after{ content: ""; background: url("../images/icon/pagetop.svg") no-repeat center; position: absolute;}
@media (min-width: 768px) {
#page_top{ position: fixed; right: 0; bottom: 0; width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; opacity: 0;}
#page_top.show{ opacity: 1;}
/*#page_top.show.showpc{ transition: 0s !important;}*/
#page_top::before{ font-size: 10px; line-height: 44px; padding-top: 10px;}
#page_top::after{ left: 0; top: 10px; width: 100%; height: 6px;}
}
@media (max-width: 767.98px) {
#page_top{ text-align: center; position: relative; bottom: 0px !important ; width: calc(100% - 20px); margin: 50px auto;}
#page_top::before{ line-height: 50px; font-size: 10px;}
#page_top::after{ left: 0; width: 100%; height: 8px; top: 5px; background-size: 15px auto;}
}


/* ボタン */
.common_btn{ display: block; margin: 20px 0; text-align: center; color: #222!important; position: relative; border: 1px solid #222;}
.common_btn_left{ margin: 0 auto 0 0;}
.common_btn:hover{ text-align: center; color: #222!important; background-color: rgba(244,238,228,0.8); position: relative; border: 1px solid #222;}
@media (min-width: 768px) {
	.common_btn{ width: 250px; line-height: 50px; font-size: 14px;}
	.common_btn::after{ position: absolute; content: url(../images/icon/arrow_b.svg); display: inline-block; width: 25px; height: 13px;  right: 5px; top: 7px;}
	.common_btn span { position: relative;}
}
@media (max-width: 767.98px) {
	.common_btn{ width: 100%; font-size: 12px; padding: 15px;}
	.common_btn::after{ position: absolute; content: url(../images/icon/arrow_b.svg); display: inline-block; width: 25px; height: 13px;  right: 5px; top: 50%; margin-top: -12px;}
	.common_btn span { position: relative;}
}


/* パンくずリスト */
@media (min-width: 768px) {
	.breadcrumb_box{ background-color: #ddcfb9; z-index: 5; position: relative;}
	.breadcrumb{ background-color: #ddcfb9; padding: 1em 0; margin: 0;}
	.breadcrumb a{ color: #2278aa;}
}
@media (max-width: 767.98px) {
	.breadcrumb_box{ background-color: #ddcfb9;}
	.breadcrumb{ background-color: #ddcfb9; padding: 1em 0; margin: 0;}
	.breadcrumb a{ color: #2278aa;}
	.breadcrumb{ font-size: 12px;}
}


/* 多言語翻訳 */
@media (min-width: 768px) {
	#english{ margin-top: -110px; padding-top: 110px;}
	#chinese1{ margin-top: -110px; padding-top: 110px;}
	#chinese2{ margin-top: -110px; padding-top: 110px;}
	#korean{ margin-top: -110px; padding-top: 110px;}
}
@media (max-width: 767.98px) {
	#english{ margin-top: -50px; padding-top: 50px;}
	#chinese1{ margin-top: -50px; padding-top: 50px;}
	#chinese2{ margin-top: -50px; padding-top: 50px;}
	#korean{ margin-top: -50px; padding-top: 50px;}
}


/* SNS */
@media (min-width: 768px) {
	.sns_block{ display: flex; list-style: none; margin: 0 0 0 10px; padding: 0; position: absolute; left: 0; top: 15px;}
	.sns_block img{ width: 40px; margin: 0 4px;}
}
@media (max-width: 767.98px) {
	.sns_block{ display: flex; list-style: none; margin: 0 0 0 10px; padding: 0; position: absolute; left: 160px; top: 14px;}
	.sns_block img{ width: 28px; margin: 0 4px;}
}









@media (min-width: 768px) {}
@media (max-width: 767.98px) {}