@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 { min-width: 1100px; background: #fcf9f1; color: #231815; margin: 0; padding: 0; }

#customer_header,
#customer_footer {
	font-size: 15px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	-webkit-text-size-adjust: 100%; position: relative;
}

#customer_header #header_wrap,
#customer_header #nav_wrap,
#customer_footer #footer_wrap {
	padding: 0; margin: 0;
}

#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 { line-height: 1; }

#customer_header div,
#customer_footer div { box-sizing: border-box;}
#customer_header dt,
#customer_footer dt { font-weight: normal; }

#customer_header a,
#customer_footer a { color: #231815; text-decoration: none; -webkit-transition: all 0.5s; transition: all 0.5s; }
#customer_header a:hover,
#customer_footer a:hover { color: #231815; text-decoration: none; }
#customer_header a:focus,
#customer_footer a:focus { outline: none; }
#customer_header a img,
#customer_footer a img { -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
#customer_header a:hover img,
#customer_footer a:hover img { opacity: 0.75; }

#customer_header img,
#customer_footer img { max-width: 100%; height: auto; width: auto\9; border: 0; vertical-align: bottom; }

#customer_header .ofi,
#customer_footer .ofi { object-fit: cover; width: 100%; height: 100%; }

#customer_header .ver_sp,
#customer_footer .ver_sp { display: none;}

/* btn */
#customer_header .cmn_btn01,
#customer_footer .cmn_btn01 { display: flex; align-items: center; justify-content: center; text-decoration: none; transition: background .5s, color .5s; box-sizing: border-box; }
#customer_header .cmn_btn01::after,
#customer_footer .cmn_btn01::after { content: '>'; margin: 0 0 0 -1em; opacity: 0; transition: margin .5s, opacity .5s, transform .5s; }

/* コンテンツ幅 */
#customer_header .inner_lg,
#customer_footer .inner_lg { width: 1300px; max-width: 96%; margin: 0 auto;}
#customer_header .inner_md,
#customer_footer .inner_md { width: 1200px; max-width: 94%; margin: 0 auto;}
#customer_header .inner_sm,
#customer_footer .inner_sm { width: 1100px; max-width: 92%; margin: 0 auto;}

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

@media screen and (max-width: 600px) {
	body { min-width: 0; }

	#customer_header,
	#customer_footer { font-size: 14px; letter-spacing: normal; }

	#customer_header .ver_pc,
	#customer_footer .ver_pc { display: none;}
	#customer_header .ver_sp,
	#customer_footer .ver_sp { display: inline-block;}

	#customer_header .inner_lg,
	#customer_footer .inner_lg,
	#customer_header .inner_md,
	#customer_footer .inner_md { max-width: 92%;}
}


/* ---------------------------------------------------
	Header
------------------------------------------------------ */
#customer_header #header_wrap { position: relative; }
#customer_header header { z-index: 999; display: flex; width: 100%; min-width: 1100px; box-sizing: border-box; position: absolute; color: #fff; }
#customer_header header a { color: #fff; }
#customer_header header .logo { position: relative; transition: opacity .5s; }
#customer_header header .logo a { display: flex; align-items: center; transition: opacity .5s; margin: 20px 0 0 30px; }
#customer_header header .logo a:hover { opacity: .6; }
#customer_header header .logo .black { opacity: 0; position: absolute; }
#customer_header header .logo img { transition: opacity .5s; }
#customer_header header #h_nav { display: flex; align-items: center; margin-left: auto; transition: opacity .5s; }
#customer_header header #h_nav a { text-decoration: none; position: relative; margin: 0 7px; padding: 0 10px 5px; font-size: 17px; }
#customer_header header #h_nav a::after { content: ''; display: block; width: 100%; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; transform: scaleX(0); transition: transform .5s; }
#customer_header header .tel-link { display: flex; align-items: center; padding: 0; font-size: 25px; padding: 5px 0 5px 24px; border-left: 1px solid #fff; line-height: 1; }
#customer_header header .reserve { display: flex; align-items: center; justify-content: center; width: 190px; box-sizing: border-box; margin-left: 40px; padding: 10px 2%; background: #965431; font-size: 19px; transition: background .5s, opacity .5s; text-decoration: none; color: #fff; letter-spacing: 0.1em;}
#customer_header header .reserve::before { content: ''; display: block; width: 17px; height: 18px; background: url(../img/icon_calendar_wh.svg) no-repeat; margin-right: 9px; }
#customer_header header .open_menu:nth-of-type(2) { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 90px; height: 90px; padding: 15px; box-sizing: border-box; transition: background-color .5s; background: #fcf9f1; }
#customer_header header .open_menu:nth-of-type(3) { width: 90px; height: 90px; position: absolute; top: 0; right: 0; z-index: -1; }
#customer_header header .open_menu:nth-of-type(2) >span { position: relative; line-height: 1; font-size: 0;}
#customer_header header .open_menu:nth-of-type(2)::before,
#customer_header header .open_menu:nth-of-type(2) >span::before,
#customer_header header .open_menu:nth-of-type(2) >span::after { content: ''; display: block; width: 30px; height: 1px; margin-bottom: 6px; background: #231815; transition: transform .5s, opacity .5s, background-color .3s; }
#customer_header header .open_menu:nth-of-type(2) >span::after { margin-bottom: 0;}

#customer_header:target header .open_menu:nth-of-type(3) { z-index: 1; }

#customer_header:target header .logo,
#customer_header:target header #h_nav,
#customer_header:target header .lang_link,
#customer_header:target header .reserve { opacity: 0; pointer-events: none; }
#customer_header:target header { background: none;}
#customer_header:target header .open_menu>span { font-size: 0; }
#customer_header:target header .open_menu>span::before { opacity: 0; }
#customer_header:target header .open_menu::before { transform: rotate(45deg) translate(4px, 4px); }
#customer_header:target header .open_menu>span::after { transform: rotate(-45deg) translate(6px, -6px); }
#customer_header:target header { position: fixed; top: 0; left: 0; }

@media screen and (hover: hover) {
	#customer_header header #h_nav a:hover::after { transform: scaleX(1); }
	#customer_header header .reserve:hover { background: #3d1909; }

	#customer_header header a:hover { color: #fff; }
}

@media screen and (max-width: 1300px) {
	#customer_header header .logo a { margin: 25px 0 0 15px; }
	#customer_header header .logo img { width: 150px; }
	#customer_header header #h_nav a { padding: 0 5px 10px; margin: 0 10px; font-size: 16px; }
	#customer_header header .reserve { width: 170px; margin-left: 15px;}
}

@media screen and (max-width: 600px) {
	#customer_header header { min-width: 0; padding: 0; transition: background .6s; justify-content: space-between; }
	#customer_header header .logo { padding: 0 0 0 10px; display: flex; align-items: center; }
	#customer_header header .logo img { width: 120px; }
	#customer_header header .logo a { transition: color .6s; margin: 0; }
	#customer_header header #h_nav { pointer-events: none; opacity: 0; display: none; }
	#customer_header header .reserve { flex-direction: column; width: 80px; height: 50px; margin: 0 0 0 auto; border-top: 0; border-bottom: 0; padding: 0 10px; font-size: 14px; flex-shrink: 0; border-radius: 0; }
	#customer_header header .reserve::before { margin: 0 0 3px; width: 12px; height: 13px;}
	#customer_header header .open_menu:nth-of-type(2) { display: flex; transition: background .6s; width: 55px; height: 50px; }
}


/* ---------------------------------------------------
	G-nav
------------------------------------------------------ */
#customer_header #gnav { position: fixed; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; transition: opacity .5s; background: rgba(0,0,0,0.3); display: block; z-index: 998; pointer-events: none; }
#customer_header:target #gnav  { opacity: 1; pointer-events: auto; transition: opacity .5s; }

#customer_header #gnav > div { display: flex; justify-content: flex-end; }
#customer_header #gnav > div::after { content: ''; display: block; width: max(calc(100% - 730px), 0px); height: 100%; background: url(../img/gnav_bg.jpg) no-repeat center right; background-size: cover; position: fixed; top: 0; left: 0; }

#customer_header #gnav .gn_inner{ width: min(730px, 100%); height: 100%; padding: 65px 85px 20px 70px; background-color: #fcf9f1; overflow-y: auto; position: absolute; top: 0; right: 0; box-sizing: border-box; z-index: 2; container-type: inline-size; }

#customer_header #gnav .logo { margin: 0 auto 90px; }
#customer_header #gnav .logo a { display: block; width: 190px; margin: 0 auto; text-align: center; }
#customer_header #gnav .logo img { transition: opacity .5s; width: 100%; }

#customer_header #gnav .gnav_menu{ display: flex; justify-content: space-between; }
#customer_header #gnav .gnav_menu > ul{ width: 45%; font-size: 18px; }
#customer_header #gnav .gnav_menu > ul li{ line-height: 1; }
#customer_header #gnav .gnav_menu > ul li + li { margin-top: 40px; }
#customer_header #gnav .gnav_menu > ul li a { text-decoration: none; position: relative; padding: 0 10px 5px; font-size: 17px; letter-spacing: 0.05em; }
#customer_header #gnav .gnav_menu > ul li a::after { content: ''; display: block; width: 100%; height: 1px; background: #8f8883; position: absolute; bottom: 0; left: 0; transform: scaleX(0); transition: transform .5s; }

#customer_header #gnav .gnav_menu .btn_col { width: 300px; }
#customer_header #gnav .gnav_menu .btn_col ul li a { padding: 25px 4%; line-height: 1; letter-spacing: 0.07em; font-size: 16px; color: #fff; background: #965431; border: 1px solid #965431; box-sizing: border-box; text-decoration: none; }
#customer_header #gnav .gnav_menu .btn_col ul li + li { margin-top: 15px; }
#customer_header #gnav .gnav_menu .btn_col ul li:nth-child(2) a { background: #724025; border: 1px solid #724025; }
#customer_header #gnav .gnav_menu .btn_col ul li:nth-child(1) a::before { content: ''; display: block; width: 17px; height: 18px; background: url(../img/icon_calendar_wh.svg) no-repeat; margin-right: 15px; transition: background .5s;}

#customer_header #gnav .gnav_menu .btn_col .tel_col { font-size: 18px; margin-top: 45px; text-align: left; line-height: 1.8; letter-spacing: 0.05em; }
#customer_header #gnav .gnav_menu .tel_col .tel-link { font-size: 35px; }
#customer_header #gnav .gnav_menu .tel_col span:not(.tel-link) { font-size: 25px; }
#customer_header #gnav .gnav_menu .tel_col span.time { display: block; font-size: 18px; text-align: right; line-height: 1; }
#customer_header #gnav .gnav_menu .tel_col a { color: #231815; }

#customer_header #gnav .sns_col { display: flex; justify-content: flex-end; margin: 65px 0 0 0; }
#customer_header #gnav .sns_col li + li { margin-left: 15px; }
#customer_header #gnav .sns_col li a img { transition: opacity .5s; }

@media screen and (hover:hover) and (min-width: 601px) {
	#customer_header #gnav .gnav_menu > ul li a:hover::after { transform: scaleX(1); }
	#customer_header #gnav .gnav_menu .btn_col ul li a:hover { text-decoration: none; }
	#customer_header #gnav .gnav_menu .btn_col ul li:nth-child(1) a:hover { background: transparent; color: #965431; }
	#customer_header #gnav .gnav_menu .btn_col ul li:nth-child(2) a:hover { background: transparent; color: #724025; }
	#customer_header #gnav .gnav_menu .btn_col ul li:nth-child(1) a:hover::before { background: url(../img/icon_calendar_clr.svg) no-repeat; }
}
@container (max-width: 574px) {
	#customer_header #gnav .gnav_menu .btn_col { width: 55%; }
	#customer_header #gnav .gnav_menu .btn_col .tel_col { letter-spacing: 0; font-size: 16px; }
	#customer_header #gnav .gnav_menu .tel_col .tel-link { font-size: 30px; }
	#customer_header #gnav .gnav_menu .tel_col span:not(.tel-link) { font-size: 20px; }
	#customer_header #gnav .gnav_menu .tel_col span.time { font-size: 16px; }
}
@media screen and (max-width: 600px) {
	#customer_header #gnav > div { flex-direction: column; }
	#customer_header #gnav > div::after { display: none; }

	#customer_header #gnav .gn_inner{ width: 100%; padding: calc(50px + 6vw) 8% 13vw; }

	#customer_header #gnav .logo { margin: 0 auto 15px; }
	#customer_header #gnav .logo a { width: 50%; }

	#customer_header #gnav .gnav_menu .btn_col .tel_col { font-size: 16px; margin: 30px auto 0; text-align: center; line-height: 1.6; }
	#customer_header #gnav .gnav_menu .tel_col span:not(.tel-link) { font-size: 18px; }
	#customer_header #gnav .gnav_menu .btn_col .tel_col .tel-link { font-size: 23px; }
	#customer_header #gnav .gnav_menu .btn_col .tel_col .time { font-size: 13px; text-align: center; }

	#customer_header #gnav .gnav_menu { flex-direction: column; }
	#customer_header #gnav .gnav_menu > ul { width: 100%; font-size: 15px; display: flex; flex-wrap: wrap; }
	#customer_header #gnav .gnav_menu > ul li { width: 100%; margin-top: 20px; }
	#customer_header #gnav .gnav_menu > ul li a { font-size: 15px; }
	#customer_header #gnav .gnav_menu > ul li + li { margin-top: 20px; }

	#customer_header #gnav .gnav_menu .btn_col { max-width: 300px; width: 100%; margin: 35px auto 0; }
	#customer_header #gnav .gnav_menu .btn_col ul li a { font-size: 15px; padding: 15px 4%;}

	#customer_header #gnav .sns_col { display: flex; justify-content: flex-end; margin: 30px 0 0 0; }
	#customer_header #gnav .sns_col li a { display: block; width: 25px; height: 25px; }
	#customer_header #gnav .sns_col li + li { margin-left: 10px; }
}


/* ---------------------------------------------------
	Main img
------------------------------------------------------ */
#customer_header #main_img { width: 100%; margin: 0 auto; position: relative; }
#customer_header #main_img .main_tit { position: absolute; bottom: 0; margin-bottom: clamp(72.6px, 6.6vw, 100px); left: 50%; transform: translateX(-50%); z-index: 1; text-align: left; }
#customer_header #main_img h1.title { font-size: 25px; font-weight: normal; }
#customer_header #main_img h1.title .tit_en { width: 100%; color: #b68a76; display: block; margin: 0 0 65px 0; line-height: 1; text-transform: capitalize; }
#customer_header #main_img h1.title .tit_en span { display: inline-block; transform: rotate(-10deg); }
#customer_header #main_img h1.title .stit { display: flex; align-items: center; }
#customer_header #main_img h1.title .stit::before { content: ''; width: 56px; height: 1px; display: block; margin-right: 25px; background: #231815; }

#customer_header #main_img::after { content: ''; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0, transparent 150px); z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#customer_header #main_img .mask {
	background: #fcf9f1; position: absolute; bottom: -2px; right: 0; width: 100%; height: max(255px, 23.2vw); transform: scaleX(-1);
	-webkit-mask-image: url("../img/mask01.svg");
			mask-image: url("../img/mask01.svg");
	-webkit-mask-repeat: no-repeat;
			mask-repeat: no-repeat;
	-webkit-mask-position: left top;
			mask-position: left top;
	-webkit-mask-size: 100% auto;
			mask-size: 100% auto;
}

@media screen and (max-width: 600px) {
	#customer_header #main_img .main_tit { margin-bottom: 5vw; }
	#customer_header #main_img h1.title { font-size: 20px; }
	#customer_header #main_img h1.title .tit_en { margin: 0 0 calc(20px + 1vw) 0; }
	#customer_header #main_img h1.title .tit_en span img { height: 60px; width: auto; }
	#customer_header #main_img h1.title .stit::before { width: 30px; margin-right: 15px; }

	#customer_header #main_img .mask { height: 30vw; }
}



/* ---------------------------------------------------
	Bnr_area
------------------------------------------------------ */
#customer_header #bnr_area { max-width: 1120px; padding: 0 10px; margin: 0 auto 40px; position: relative; z-index: 10;}

@media screen and (max-width: 600px) {
	#customer_header #bnr_area { margin: 0 auto 20px;}
	}

/* ---------------------------------------------------
	Footer
------------------------------------------------------ */
/* breadcrumb */
#customer_footer #breadcrumb { padding: 120px 0 20px; font-size: 16px; text-align: left; }
#customer_footer #breadcrumb li { display: inline-block; line-height: 1.6;}
#customer_footer #breadcrumb li:before { content: '>'; margin: 0 0.5em;}
#customer_footer #breadcrumb li:first-child:before { display: none;}
#customer_footer #breadcrumb li a { transition: opacity .5s; }

#customer_footer #footer_wrap { background: url(../img/bg01.jpg); }
#customer_footer #footer { display: flex; justify-content: space-between; color: #f3f3f3; line-height: 1.6; max-height: 850px; }
#customer_footer #footer a { color: #fff; }

#customer_footer #ft_wrap { width: max(50% + 50px, 700px); padding: 65px 50px 85px calc(50vw - 650px); flex-shrink: 0; }
#customer_footer #ft_wrap > div { display: flex; justify-content: space-between; }
#customer_footer #ft_wrap > div::before { content: ''; display: flex; width: 1px; height: auto; background: #d1c4b4; order: 2; align-items: stretch; margin: 0 0 0 30px;}

#customer_footer #f_logo { margin-top: 35px; width: 318px; flex-shrink: 0; order: 1; }
#customer_footer #f_logo .logo a img { transition: opacity .5s; }
#customer_footer #f_logo .tel { font-size: 18px; letter-spacing: 0.1em; line-height: 1.4; margin-top: 15px; }
#customer_footer #f_logo .tel .tel-link { font-size: 32px; letter-spacing: 0.1em; text-decoration: none; pointer-events: none; }
#customer_footer #f_logo .tel span.txt { display: flex; align-items: center; }
#customer_footer #f_logo .tel span.time { font-size: 16px; display: block; }
#customer_footer #f_logo .btn_reserve { margin-top: 35px; }
#customer_footer #f_logo .btn_reserve li a { text-decoration: none; }
#customer_footer #f_logo .btn_reserve li:nth-child(1) a { width: 100%; height: 65px; color: #fff; background: #501b05; border: 1px solid #501b05; font-size: 16px; }
#customer_footer #f_logo .btn_reserve li:nth-child(2) { margin-top: 10px; }
#customer_footer #f_logo .btn_reserve li:nth-child(2) a { font-size: 18px; color: #501b05; padding-bottom: 2px; border-bottom: 1px solid #501b05; transition: opacity .5s; }
#customer_footer #f_logo address { margin-top: 50px; font-size: 16px; line-height: 1.8; letter-spacing: 0.07em; font-style: normal; }

#customer_footer #f_nav .acc_tit { display: none; }
#customer_footer #f_nav { padding: 50px 10px 60px 15px; font-size: 18px; order: 3; letter-spacing: 0.07em; flex-shrink: 0;}
#customer_footer #f_nav li { line-height: 1; }
#customer_footer #f_nav li + li { margin-top: 33px; }
#customer_footer #f_nav a { text-decoration: none; position: relative; padding: 0 10px 5px; font-size: 17px; letter-spacing: 0.1em; }
#customer_footer #f_nav a::after { content: ''; display: block; width: 100%; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; transform: scaleX(0); transition: transform .5s; }

#customer_footer .f_bnr { margin-top: 75px; display: flex; justify-content: space-between; width: 100%; }
#customer_footer .f_bnr li { width: min(303px, 47%); }
#customer_footer .f_bnr li a { transition: opacity .5s; }

#customer_footer #ft_img { width: auto; flex-grow: 1; }
#customer_footer #ft_img img { object-position: left bottom; }

#customer_footer #copyright { position: absolute; bottom: 30px; right: 50px; text-align: right; letter-spacing: 0.08em; }

@media screen and (hover:hover) and (min-width: 601px) {
	#customer_footer #breadcrumb li a:hover { opacity: .7; }

	#customer_footer #f_nav a:hover::after { transform: scaleX(1); }
	#customer_footer #f_logo .btn_reserve li:nth-child(2) a:hover,
	#customer_footer .f_bnr li a:hover { text-decoration: none; opacity: 0.7; }

	#customer_footer #f_logo .btn_reserve li:nth-child(1) a:hover { background: #fff; color: #501b05; }

}

@media screen and (max-width: 1355px) {
	#customer_footer #ft_wrap { padding-left: 2%; }
}

@media screen and (max-width: 600px) {
	/* breadcrumb */
	#customer_footer #breadcrumb { padding: 60px 0 10px; font-size: 14px; }

	#customer_footer #footer { -webkit-box-sizing: border-box; box-sizing: border-box; flex-direction: column; max-height: none; }
	#customer_footer #ft_wrap { width: 100%; padding: 12vw 4% 0; order: 2; }
	#customer_footer #ft_wrap > div { flex-direction: column; }
	#customer_footer #ft_wrap > div::before { display: none; }

	#customer_footer #f_logo { width: 100%; margin: 0; }
	#customer_footer #f_logo .logo { text-align: center; }
	#customer_footer #f_logo img { margin: 0 auto 15px;}
	#customer_footer #f_logo .tel { font-size: 16px; margin-top: 10px; text-align: center; }
	#customer_footer #f_logo .tel span.txt { justify-content: center; }
	#customer_footer #f_logo .tel .tel-link { font-size: 23px; pointer-events: auto; }
	#customer_footer #f_logo .tel span.time { font-size: 14px; }
	#customer_footer #f_logo .btn_reserve { margin-top: 25px; text-align: center; }
	#customer_footer #f_logo .btn_reserve li:nth-child(1) a { font-size: 15px; }
	#customer_footer #f_logo .btn_reserve li:nth-child(2) a { font-size: 16px; }
	#customer_footer #f_logo address { margin-top: 25px; font-size: 15px; text-align: center; }

	#customer_footer #f_nav { width: 100%; max-width: none; padding: 25px 0 0; }
	#customer_footer #f_nav .acc_tit {
		display: block; width: 100%; padding: 10px 25px; margin: 0; font-size: 15px;
		position: relative; text-align: center; border: 1px solid #d1c4b4; -webkit-box-sizing: border-box; box-sizing: border-box;
	}
	#customer_footer #f_nav .acc_tit:after {
		content: ''; width: 6px; height: 6px; margin: auto 0;
		position: absolute; top: 0; bottom: 0; right: 15px;
		border-bottom: 1px solid #d1c4b4; border-right: 1px solid #d1c4b4;
		transform: rotate(45deg);
	}
	#customer_footer #f_nav ul {
		display: flex; flex-wrap: wrap; justify-content: space-between;
		padding: 0 20px; text-align: left; font-size: 15px;
	}
	#customer_footer #f_nav li { width: 100%; margin: 20px 0 20px 0; box-sizing: border-box; line-height: 1.5;}
	#customer_footer #f_nav li:last-child { margin-bottom: 0; }
	#customer_footer #f_nav li + li { margin-top: 0; }
	#customer_footer #f_nav a { font-size: 15px; }

	#customer_footer .f_bnr { margin-top: 30px;}
	#customer_footer .f_bnr li { width: 49%; }

	#customer_footer #ft_img { order: 1; }

	#customer_footer #copyright { position: static; text-align: right; order: 3; font-size: 14px; padding: 5vw 8% 12vw; }
}