@charset "utf-8";
/* ===================================================
	Reset
====================================================== */
#customer_header *,
#customer_footer * { -webkit-box-sizing: content-box; box-sizing: content-box;}

#customer_header h1,
#customer_header h2,
#customer_header h3,
#customer_header h4,
#customer_header h5,
#customer_header h6,
#customer_footer h1,
#customer_footer h2,
#customer_footer h3,
#customer_footer h4,
#customer_footer h5,
#customer_footer h6 { margin: 0;}

#customer_header ul,
#customer_header ol,
#customer_header li,
#customer_footer ul,
#customer_footer ol,
#customer_footer li { padding: 0; margin: 0; list-style-type: none;}

#customer_header dl,
#customer_footer dl { padding: 0; margin: 0;}

#customer_header p,
#customer_footer p { padding: 0; margin: 0;}


/* ===================================================
	Custom CSS
	※ 予約番自体のコンテンツに影響するのを避けるため、
	　必ず #customer_header または #customer_footer からの継承で記述してください。
====================================================== */
body { position: relative; min-width: 1200px; background: #fff; color: #000;}

#webc_con .webc_pagetop { display: none; }

/* spartan-regular - latin */
@font-face {
	font-family: 'Spartan';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local(''),
		url('https://ssl.honjinhiranoya.com/common/fonts/spartan-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
}
/* spartan-700 - latin */
@font-face {
	font-family: 'Spartan';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local(''),
		url('https://ssl.honjinhiranoya.com/common/fonts/spartan-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
}

#customer_header,
#customer_footer {
	font-size: 15px; font-weight: normal; line-height: 2; letter-spacing: 2px; color: #423838;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
	-webkit-text-size-adjust: 100%;
}

#customer_header div,
#customer_footer div { box-sizing: border-box; }

#customer_header a,
#customer_footer a { color: #423838; text-decoration: none;}
#customer_header a img,
#customer_footer a img { transition: opacity .5s;}

#customer_header img,
#customer_footer img { max-width: 100%;}

#customer_header .ofi,
#customer_footer .ofi { object-fit: cover; }
#customer_header .sp,
#customer_footer .sp { display: none; }

@media screen and (hover: hover) {
	#customer_header a:hover img,
	#customer_footer a:hover img { opacity: .6;}
}
@media screen and (min-width: 601px) {
	#customer_header a[href^="tel:"],
	#customer_footer a[href^="tel:"] { pointer-events: none; }
}
@media screen and (max-width: 600px) {
	#customer_header input,
	#customer_footer input,
	#customer_header select,
	#customer_footer select,
	#customer_header textarea,
	#customer_footer textarea { font-size: 16px;}

	body { min-width: 0;}
	#customer_header,
	#customer_footer { min-width: 0; letter-spacing: 1px;}
	#customer_header .sp,
	#customer_footer .sp { display: block;}
	#customer_header .pc,
	#customer_footer .pc { display: none !important;}
}

@media screen and (orientation:landscape) {
	body { width: 100%;}
}


/* ---------------------------------------------------
	Common Parts
------------------------------------------------------ */
#customer_header .en_font,
#customer_footer .en_font { font-family: 'Spartan', sans-serif;}

#customer_header .inner_md,
#customer_footer .inner_md { width: 1200px; max-width: calc(94% - 85px); margin: 0 auto; transform: translateX(-45px);}

#customer_header .cmn_linkbtn,
#customer_footer .cmn_linkbtn { display: block; width: 250px; max-width: 100%; padding: 15px 5px; box-sizing: border-box; text-align: center; position: relative; border: 1px solid #939393; transition: background-color .5s;}
#customer_header .cmn_linkbtn::before,
#customer_footer .cmn_linkbtn::before { content: ''; display: block; width: 35px; height: 1px; background: #939393; position: absolute; top: 50%; right: 0; transform-origin: left; transition: transform .5s;}

@media screen and (hover: hover) {
	#customer_header .cmn_linkbtn:hover,
	#customer_footer .cmn_linkbtn:hover { background: #efefef;}
	#customer_header .cmn_linkbtn:hover::before,
	#customer_footer .cmn_linkbtn:hover::before { transform: translateX(15px);}
}

@media screen and (max-width: 600px) {
	#customer_header .inner_md,
	#customer_footer .inner_md { max-width: 92%; transform: translateX(0);}

	#customer_header .cmn_linkbtn,
	#customer_footer .cmn_linkbtn { padding: 12px 5px;}
}


/* ---------------------------------------------------
	Header
------------------------------------------------------ */
#customer_header #h_navwrap { width: 100%; min-width: 1200px; padding: 20px calc(2% + 90px) 15px 2%; display: flex; justify-content: flex-end; align-items: center; position: absolute; top: 0; left: 0; z-index: 998;}
#customer_header #h_navwrap #h_logo { margin-right: auto; position: relative; display: block; width: 270px; height: 42px;}
#customer_header #h_navwrap #h_logo img { position: absolute; left: 0; top: 0; transition: opacity 1s;}
#customer_header #h_navwrap #h_logo .color_w { filter: drop-shadow(0 0 5px rgba(0,0,0,0.75));}
#customer_header #h_navwrap #h_logo .color_b { opacity: 0;}
#customer_header #h_navwrap #h_nav { opacity: 0; transition: opacity .5s; display: flex; font-size: 16px;}
#customer_header #h_navwrap #h_nav li { position: relative;}
#customer_header #h_navwrap #h_nav li + li { margin-left: 25px;}
#customer_header #h_navwrap #h_nav li a::before { content: ''; display: block; width: 0; height: 1px; background: #909090; position: absolute; bottom: -1px; left: 0; transition: width .5s;}
#customer_header #h_navwrap #h_lang { opacity: 0; transition: opacity .5s; display: flex; align-items: center; border-bottom: 1px solid #909090; margin-left: 30px; font-size: 16px; pointer-events: none; }
#customer_header #h_navwrap #h_lang img { vertical-align: text-bottom;}
#customer_header #h_navwrap #h_lang span { margin-left: 5px; transition: opacity .5s;}

#customer_header #side_wrap { position: fixed; top: 0; right: 0; z-index: 999; width: 90px; min-height: 100vh; display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
#customer_header #side_top { width: 100%; background: #fff;}
#customer_header #s_menu { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 150px; background: #fff;}
#customer_header #s_menu .bar { font-size: 0; display: flex; flex-direction: column; align-items: flex-end; width: 45px;}
#customer_header #s_menu .bar span { width: 100%; height: 1px; background: #000000; transition: width .5s, opacity .5s ,transform .5s;}
#customer_header #s_menu .bar span + span { margin-top: 8px;}
#customer_header #s_menu .bar span:last-of-type { width: 65%;}
#customer_header #s_menu .menu { font-size: 13px; color: #000; margin-top: 10px; transition: opacity .5s; position: relative;}
#customer_header #s_menu .menu span { transition: opacity .5s;}
#customer_header #s_menu .menu span:nth-of-type(2) { position: absolute; left: 50%; bottom: 50%; transform: translate(-50%,50%); opacity: 0; white-space: nowrap; }
#customer_header #side_top .close_menu { display: none; position: absolute; top: 0; right: 0; width: 100%; height: 150px; }
#customer_header #s_reserve {
	display: flex; justify-content: center; align-items: center; width: 100%; height: 130px; color: #d5c2b2; background: url(../img/s_reserve_bg.jpg); background-size: cover;
	-webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-size: 18px; transition: opacity .5s;
}
#customer_header #ai_img { display: flex; flex-direction: column; justify-content: center; align-items: center; color: #463f3f; width: 100%; height: 220px; background: #e2deda; line-height: 1.5;}
#customer_header #ai_img span + span { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-orientation: upright; font-size: 14px; margin-top: 15px; transition: opacity .5s;}
#customer_header #side_btm { width: 100%;}
#customer_header #s_sns { display: flex; flex-direction: column; align-items: center;}
#customer_header #s_sns li { margin: 5px 0;}
#customer_header #pagetop { display: flex; justify-content: center; align-items: center; width: 100%; height: 70px; margin-top: 15px;}

#customer_header:target #side_wrap { position: fixed; }
#customer_header:target #side_top .close_menu { display: block; font-size: 0;}
#customer_header:target #side_wrap #s_menu .menu span:first-of-type { opacity: 0;}
#customer_header:target #side_wrap #s_menu .menu span:nth-of-type(2) { opacity: 1;}
#customer_header:target #side_wrap #s_menu .bar span:first-of-type { transform: translateY(9px) rotate(45deg);}
#customer_header:target #side_wrap #s_menu .bar span:nth-of-type(2) { opacity: 0;}
#customer_header:target #side_wrap #s_menu .bar span:last-of-type { width: 100%; transform: translateY(-9px) rotate(-45deg);}

@keyframes hfixed {
	0% { transform: translateY(-100%);}
	100% { transform: translateY(0);}
}

@keyframes htop {
	0% { transform: translateY(0); background: #fff; position: fixed;}
	50% { transform: translateY(-100%); background: none; position: fixed; opacity: 0;}
	51% { transform: translateY(0);}
	100% { opacity: 1; position: absolute;}
}

@media screen and (max-width: 1200px) {
	#customer_header #h_navwrap { padding: 20px 114px 15px 24px;}
}


@media screen and (hover: hover) {
	#customer_header #h_navwrap.fixed #h_logo a:hover .color_b { opacity: .6;}
	#customer_header #h_navwrap #h_nav li a:hover::before { width: 100%;}
	#customer_header #h_navwrap #h_lang:hover span { opacity: .6;}
	#customer_header #s_menu:hover .bar span { opacity: .6;}
	#customer_header #s_menu:hover .menu { opacity: .6;}
	#customer_header #s_menu:hover .bar span:last-of-type { width: 100%;}
	#customer_header #s_reserve:hover { opacity: .85;}
	#customer_header #ai_img:hover span + span { opacity: .6;}
}

@media screen and (max-width: 600px) {
	#customer_header #h_navwrap { min-width: 0; padding: 20px 150px 15px 2%;}
	#customer_header #h_navwrap #h_logo { width: 40vw; height: 6.2vw;}
	#customer_header #h_navwrap #h_nav { display: none;}
	#customer_header #h_navwrap #h_lang { opacity: 1; color: #fff; border-bottom: 1px solid #fff; margin-left: 15px; line-height: 1.5; text-shadow: 0 0 5px rgba(0,0,0,0.5); pointer-events: auto; }
	#customer_header #h_navwrap #h_lang span { margin-left: 3px;}
	#customer_header #h_navwrap #h_lang img { filter: drop-shadow(0 0 3px rgba(0,0,0,0.5));}
	#customer_header #side_wrap { width: auto; min-height: 0;}
	#customer_header #side_top { display: flex; flex-direction: row-reverse;}
	#customer_header #s_menu { width: 70px; height: 70px;}
	#customer_header #side_top .close_menu { width: 70px; height: 70px; }
	#customer_header #s_reserve { width: 70px; height: 70px; font-size: 15px; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb;}
	#customer_header #ai_img  { width: 70px; height: 70px; position: fixed; bottom: 70px; right: 10px; opacity: 1; pointer-events: auto; transition: opacity .5s; letter-spacing: 0;}
	#customer_header #ai_img img { width: 32px; height: 32px;}
	#customer_header #ai_img span + span { margin-top: 2px; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb;}
	#customer_header #pagetop { position: fixed; bottom: 5px; width: 70px; height: 70px; right: 10px; margin-top: 0; opacity: 1; pointer-events: auto; transition: opacity .5s;}

	#customer_header:target .close_menu.sp { display: block; }
}


/* ---------------------------------------------------
	G-nav
------------------------------------------------------ */
#customer_header #gnav_wrap { opacity: 0; pointer-events: none; transition: opacity .5s; position: fixed; background: #fff; width: 100%; height: 100vh; z-index: 998; padding: 30px 90px 60px 0; overflow: scroll;}
#customer_header #gnav { width: 1200px; max-width: 94%; margin: 0 auto;}
#customer_header #gnav_lang { display: flex; justify-content: flex-end; align-items: center;}
#customer_header #gnav_lang a { display: flex; align-items: center;}
#customer_header #gnav_lang li:first-of-type { margin-right: 30px;}
#customer_header #gnav_lang li:first-of-type a { transition: opacity .5s;}
#customer_header #gnav_lang li:first-of-type a span { margin-right: 8px;;}
#customer_header #gnav_lang li:first-of-type a img { vertical-align: text-bottom;}
#customer_header #gnav_lang li:nth-of-type(2) a { padding: 5px 25px; border: 1px solid #c2c2c2; border-radius: 20px;}
#customer_header #gnav .gnav_tit { font-size: 16px; letter-spacing: 5px; color: #b2a599; margin-bottom: 30px;}
#customer_header:target #gnav_wrap { opacity: 1; pointer-events: auto; }

#customer_header #gnav_main { margin-top: 50px;}
#customer_header #gnav_main > div { display: flex; flex-wrap: wrap; margin-left: 30px;}
#customer_header #gnav_main ul { width: 24%; padding: 0 10px 0 20px; border-left: 1px solid #c8c0b8; box-sizing: border-box;}
#customer_header #gnav_main > div ul:first-of-type { width: 23%;}
#customer_header #gnav_main > div ul:nth-of-type(2) { width: 29%;}
#customer_header #gnav_main ul li + li { margin-top: 20px;}
#customer_header #gnav_main ul li a { font-size: 18px; display: inline-block; position: relative;}
#customer_header #gnav_main ul li a::before { content: ''; display: block; width: 0; height: 1px; background: #c8c0b8; position: absolute; left: 0; bottom: 0; transition: width .5s;}
#customer_header #gnav_main .sub li a { color: #666666; font-size: 14px;}
#customer_header #gnav_main .sub li + li { margin-top: 18px;}

#customer_header #gnav_sub { margin-top: 70px;}
#customer_header #gnav_sub > div { display: flex; flex-wrap: wrap; margin-left: 30px;}
#customer_header #gnav_reserve { width: 585px; max-width: 100%; margin-right: 8%;}
#customer_header #gnav_reserve ul { display: flex; flex-wrap: wrap; justify-content: space-between;}
#customer_header #gnav_reserve ul:first-of-type li { max-width: 48%;}
#customer_header #gnav_reserve ul:first-of-type .cmn_linkbtn { width: 280px; max-width: 100%; border: none; color: #fff; font-size: 16px;}
#customer_header #gnav_reserve ul:first-of-type .cmn_linkbtn::before { background: #bbb09f;}
#customer_header #gnav_reserve ul:first-of-type li:first-of-type .cmn_linkbtn { background: #754736;}
#customer_header #gnav_reserve ul:first-of-type li:nth-of-type(2) .cmn_linkbtn { background: #917b55;}
#customer_header #gnav_reserve ul:nth-of-type(2) { margin-top: 25px; font-size: 14px;}
#customer_header #gnav_reserve ul:nth-of-type(2) li { display: flex; align-items: center;}
#customer_header #gnav_reserve ul:nth-of-type(2) li::before { content: ''; width: 12px; height: 2px; background: #b5b0ab; margin-right: 7px;}
#customer_header #gnav_reserve ul:nth-of-type(2) li a { transition: opacity .5s;}
#customer_header #gnav_reserve ul li a { box-sizing: border-box;}

#customer_header #gnav_contact p { font-size: 19px; line-height: 1.7;}
#customer_header #gnav_contact p .tel-link { font-size: 34px;}
#customer_header #gnav_contact p .time { display: block; font-size: 14px;}

@media screen and (hover: hover) {
	#customer_header #gnav_lang li:first-of-type a:hover { opacity: .75;}
	#customer_header #gnav_lang li:first-of-type a:hover img { opacity: 1;}
	#customer_header #gnav_main ul li a:hover::before { width: 100%;}
	#customer_header #gnav_reserve ul:first-of-type li:first-of-type .cmn_linkbtn:hover { background: #845645;}
	#customer_header #gnav_reserve ul:first-of-type li:nth-of-type(2) .cmn_linkbtn:hover { background: #a18c69;}
	#customer_header #gnav_reserve ul:nth-of-type(2) li a:hover { opacity: .6;}
}

@media screen and (max-width: 1200px) {
	#customer_header #gnav_main ul { width: 50%;}
	#customer_header #gnav_main > div ul:first-of-type { width: 50%;}
	#customer_header #gnav_main > div ul:nth-of-type(2) { width: 50%;}
	#customer_header #gnav_main > div ul.sub { margin-top: 50px;}
}

@media screen and (max-width: 1110px) {
	#customer_header #gnav_sub > div { display: block;}
	#customer_header #gnav_reserve { margin-right: 0;}
	#customer_header #gnav_contact { margin-top: 30px;}
}

@media screen and (max-width: 735px) {
	#customer_header #gnav_main ul { width: 100%;}
	#customer_header #gnav_main > div ul + ul { padding-top: 20px;}
	#customer_header #gnav_main > div ul:first-of-type { width: 100%;}
	#customer_header #gnav_main > div ul:nth-of-type(2) { width: 100%;}
	#customer_header #gnav_main > div ul.sub { padding-top: 20px; margin-top: 0;}
	#customer_header #gnav_reserve ul:nth-of-type(2) { margin-top: 15px;}
	#customer_header #gnav_reserve ul:nth-of-type(2) li { width: 48%; margin-top: 10px;}

}


@media screen and (max-width: 600px) {
	#customer_header #gnav_wrap { padding: 20px 4% 180px;}
	#customer_header #gnav_lang { flex-direction: column; justify-content: flex-start; align-items: baseline;}
	#customer_header #gnav_lang li:first-of-type { margin-right: 0; margin-bottom: 10px;}
	#customer_header #gnav_lang li:nth-of-type(2) a { padding: 5px 15px;}
	#customer_header #gnav .gnav_tit { margin-bottom: 15px;}
	#customer_header #gnav_main > div { margin-left: 20px;}
	#customer_header #gnav_main > div ul + ul { padding-top: 10px;}
	#customer_header #gnav_main > div ul.sub { padding-top: 10px;}
	#customer_header #gnav_main ul li + li { margin-top: 15px;}
	#customer_header #gnav_main ul li a { font-size: 17px;}
	#customer_header #gnav_main .sub li + li { margin-top: 15px;}

	#customer_header #gnav_sub { margin-top: 10vw;}
	#customer_header #gnav_sub > div { margin-left: 20px;}
	#customer_header #gnav_reserve ul:first-of-type li { width: calc(100% - 20px); max-width: none;}
	#customer_header #gnav_reserve ul:first-of-type li + li { margin-top: 15px;}
	#customer_header #gnav_reserve ul:first-of-type .cmn_linkbtn { width: 100%;}
	#customer_header #gnav_reserve ul:nth-of-type(2) li { width: 100%;}

	#customer_header #gnav_contact p { text-align: center; font-size: 17px;}
	#customer_header #gnav_contact p .tel-link { font-size: 30px;}

	#customer_header #close_bot { text-align: center; padding: 10px; box-sizing: border-box; border: 1px solid #000; margin-top: 40px;}
}


/* ---------------------------------------------------
	Main img
------------------------------------------------------ */
#customer_header #main_img { width: 100%; padding: 0 90px 0 0; background: #fff; text-align: center; position: relative;}
#customer_header #main_img .main_tit { position: absolute; bottom: 0; right: 90px; text-align: right;}
#customer_header #main_img .main_tit .en_font { font-size: 60px; color: #fff; text-shadow: 0 0 8px rgba(0,0,0,0.3); padding-right: 30px; letter-spacing: .3em; line-height: 1.2; font-weight: normal; }
#customer_header #main_img .main_tit .jp_tit { display: inline-block; background: #fff; font-size: 30px; padding: 0 50px; line-height: 2;}
#customer_header #main_img img { height: 500px; width: 100%; }

@media screen and (max-width: 600px) {
	#customer_header #main_img { padding: 0;}
	#customer_header #main_img .main_tit { right: 0;}
	#customer_header #main_img .main_tit .en_font { padding-right: 4vw; font-size: 8vw;}
	#customer_header #main_img .main_tit .jp_tit { font-size: 26px; padding: 0 30px}
	#customer_header #main_img img { height: 350px;}
}


/* breadcrumb
------------------------------------------------------ */
#customer_footer #breadcrumb { margin: 60px auto 0; width: 100%; font-size: 14px; display: flex;}
#customer_footer #breadcrumb li { background: #efefef; padding: 10px 0; display: flex; align-items: center;}
#customer_footer #breadcrumb li:first-child { padding: 10px 0 10px calc(50% - 745px); }
#customer_footer #breadcrumb li:last-of-type { padding: 10px 30px 10px 0;}
#customer_footer #breadcrumb li:before { content: ''; display: block; width: 10px; height: 1px; background: #7a7575; margin: 0 15px;}
#customer_footer #breadcrumb li:first-child:before { display: none;}
#customer_footer #breadcrumb li a { transition: opacity .5s;}

@media screen and (max-width: 1586px) {
	#customer_footer #breadcrumb li:first-child { padding: 10px 0 10px calc(3% - 7.5px); }
}

@media screen and (hover: hover) {
	#customer_footer #breadcrumb li a:hover { opacity: .6;}
}

@media screen and (max-width: 600px) {
	#customer_footer #breadcrumb { margin: 30px auto 0;}
	#customer_footer #breadcrumb li { padding: 8px 20px 8px 0;}
	#customer_footer #breadcrumb li:before { margin: 0 10px;}
	#customer_footer #breadcrumb li:first-child { padding: 8px 0 8px 4%;}
}


/* ---------------------------------------------------
	Footer
------------------------------------------------------ */
#customer_footer #footer_wrap { background: #fff; border-top: 1px solid #EFEFEF;}

#customer_footer #f_logo_wrap { padding: 75px 0 60px; display: flex; flex-direction: column; align-items: center; text-align: center;}
#customer_footer #f_logo_wrap address { margin-top: 20px;}
#customer_footer #f_logo_wrap address > span:first-of-type { display: block; font-size: 14px;}
#customer_footer #f_logo_wrap address > span:nth-of-type(2) { display: block; font-size: 16px;}
#customer_footer #f_logo_wrap address > span span { display: inline-block;}
#customer_footer #f_tel { font-size: 19px; line-height: 1.4; margin-top: 20px;}
#customer_footer #f_tel .tel-link { font-size: 30px;}
#customer_footer #f_tel .time { display: block; font-size: 14px;}
#customer_footer #f_reserve { margin-top: 15px;}
#customer_footer #f_reserve .cmn_linkbtn { width: 280px; background-color: #754736; color: #fff; border: none;}
#customer_footer #f_reserve .cmn_linkbtn::before { background: #bbb09f;}
#customer_footer #f_reserve > p { margin-top: 15px;}
#customer_footer #f_reserve > p a { display: flex; justify-content: center; align-items: center;transition: opacity .5s;}
#customer_footer #f_reserve > p a::before { content: ''; display: inline-block; width: 4px; height: 7px; background: url(https://ssl.honjinhiranoya.com/common/img/icon_arrow.svg)no-repeat center; background-size: contain; margin-right: 5px;}

#customer_footer #f_navwrap { background: linear-gradient(to left, #fff 0%,#fff 90px,#524a45 90px,#524a45 100%); color: #fff; padding: 60px 0; font-size: 14px;}
#customer_footer #fnav a { color: #fff; display: inline-block; transition: transform .75s;}
#customer_footer #fnav { display: flex; flex-wrap: wrap; justify-content: space-between;}
#customer_footer #fnav ul { width: 25%; padding: 0 0 0 20px; border-left: 1px solid #c8c0b8; box-sizing: border-box;}
#customer_footer #fnav ul li + li { margin-top: 8px;}
#customer_footer #f_bnr { display: flex; justify-content: center; align-items: flex-end; margin-top: 50px;}
#customer_footer #f_bnr li + li { margin-left: 30px;}

#customer_footer #copy_wrap { padding: 25px 0 30px;}
#customer_footer #copyright { font-size: 12px; text-align: center;}

@media screen and (hover: hover) {
	#customer_footer #fnav a:hover { transform: translateX(10px);}
	#customer_footer #f_reserve .cmn_linkbtn:hover {background: #845645;}
	#customer_footer #f_reserve > p a:hover { opacity: .6;}
}

@media screen and (max-width: 600px) {
	#customer_footer #f_logo_wrap { padding: 10vw 0;}
	#customer_footer #f_logo img { width: 60vw;}
	#customer_footer #f_logo_wrap address { margin-top: 15px;}
	#customer_footer #f_tel { margin-top: 15px; font-size: 17px;}
	#customer_footer #f_tel .tel-link { font-size: 26px;}
	#customer_footer #f_reserve .cmn_linkbtn { width: 260px;}

	#customer_footer #f_navwrap { padding: 8vw 0 10vw; background: #524a45; }
	#customer_footer #f_navwrap .acc_tit { text-align: center; padding: 10px; border: 1px solid #fff; font-size: 16px; position: relative; margin-bottom: 20px;}
	#customer_footer #fnav ul { width: 100%; margin-left: 20px;}
	#customer_footer #fnav ul + ul { padding-top: 8px;}

	#customer_footer #f_bnr { justify-content: space-between; margin-top: 7vw;}
	#customer_footer #f_bnr p span { display: inline-block;}
	#customer_footer #f_bnr li { width: 48%;}
	#customer_footer #f_bnr li + li { margin-left: 0;}
	#customer_footer #f_bnr img { height: 100%; }

	#customer_footer #copy_wrap ul { display: flex; justify-content: center; align-items: center; margin-bottom: 15px;}
	#customer_footer #copy_wrap ul li { margin: 0 15px;}
}

@media screen and (max-width: 480px) {
}