@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: 1200px;}

#customer_header,
#customer_footer {
	font-size: 14px; font-weight: normal; line-height: 1.5;
	font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'YuMincho', 'Yu Mincho', '游明朝体', "Sawarabi Mincho", serif;
	-webkit-text-size-adjust: 100%; color: #000;
}

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


#customer_header a,
#customer_footer a { color: #555; text-decoration: none;}
#customer_header a:hover,
#customer_footer a:hover { color: #555; text-decoration: underline;}
#customer_header a:hover img,
#customer_footer a:hover img { opacity: 0.75;}

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

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

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


/* Header
------------------------------------------------------ */
#customer_header #header_wrap { position: relative; background: url(https://www.ho-shi.co.jp/img/common/bg_pattern01.jpg);}
#customer_header #header { width: 1200px; margin: 0 auto;}
#customer_header h1 { float: left; padding: 25px 0;}
#customer_header #h_logo { width: 300px; padding: 20px 0 0; position: absolute;
text-align: center;
left: 50%;
transform: translateY(0) translateX(-50%);
-webkit- transform: translateY(0) translateX(-50%);}
#customer_header #h_logo span { display: flex; align-items: center; font-size: 30px;}
#customer_header #h_logo span:before, #customer_header #h_logo span:after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background: #000;
  margin: 0.3em;}
#customer_header #h_nav { float: right; padding: 15px 0 0;}
#customer_header #h_nav ul { margin: 10px 0 0;}
#customer_header #h_nav li { float: right; margin: 0 20px 0 0; font-size: 18px;}
#customer_header #h_nav li:nth-of-type(1) { margin: 0;}
#customer_header #h_nav li:last-child { clear: both; float: right; margin: 0;}
#customer_header #h_nav li span { display: inline; margin: 0 5px 0 0; padding: 3px; font-size: 13px; border: 1px solid #000; border-radius: 5px; vertical-align: baseline;}

#customer_header #title { background: url(../img/tit_bg.jpg)no-repeat top; background-size: cover;}
#customer_header #title h2 { position: relative; width: 1200px; margin: 0 auto; padding: 130px 0; text-align: center;}
#customer_header #title h2 span { position: absolute; right: 0; bottom: 8px;}

/* G-nav
------------------------------------------------------ */
#customer_header .close_menu { display: none;}

#customer_header #gnav { clear: both; height: 55px; padding: 29px 0 0; background: #282032; overflow: hidden;}
#customer_header #gnav ul { position: relative; width: 1080px; margin: 0 auto; padding: 0 60px;}
#customer_header #gnav li:nth-last-child(2) { border-right:0;}
#customer_header #gnav a { display: block; border-right: 1px dotted #5e5865; float: left; padding: 0 32px; font-size: 20px; line-height: 1.4;}
#customer_header #gnav li a { color: #fff;}
#customer_header #gnav li#gn_06 a { border-right: none;}
#customer_header #gnav #gn_07 { position: absolute; top: -10px; right: 60px;}
#customer_header #gnav #gn_07 a { border: 3px solid #282032; background: #5f3461; padding: 7px 20px;}
#customer_header #gnav #gn_07 a::before {
	content: '';
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border: 1px solid #5e5865;
  position: absolute;
  top: -3px;
  left: -3px;
  box-sizing: content-box;}


#customer_header #gnav #gn_07 a:hover { color: #fff !important; background: #79537b;}
#customer_header #gnav li a:hover { text-decoration: none; color: #b8b8b8;}


/* Main img
------------------------------------------------------ */
#customer_header #main_img { width: 100%; padding: 65px 0; margin: 0 auto; background: #f5f5f5; text-align: center;}
#customer_header #main_img h2 { font-size: 30px; font-weight: bold;}


/* Footer
------------------------------------------------------ */
#customer_footer #footer_wrap { background: #282032; border-bottom: 1px dashed #5e5865;}
#customer_footer #footer { width: 1200px; margin: 0 auto; padding: 25px 0; color: #f3f3f3; line-height: 1.6;}
#customer_footer #footer a { color: #f3f3f3;}

#customer_footer #f_logo { width: 400px; float: left; font-style: normal; letter-spacing: 2px; line-height: 1.8; text-align: center;}
#customer_footer #f_logo p.sub { font-size: 16px; margin: 0 0 10px; font-weight: normal;}
#customer_footer #f_logo p { margin: 0 0 20px; font-size: 36px; font-weight: bold;}
#customer_footer #f_logo p span { padding: 0 0 0 10px; font-size: 24px;}
#customer_footer #f_logo address { font-size: 16px; line-height: 1.8; font-style: normal;}
#customer_footer #f_logo address span { display: block;}
#customer_footer #f_logo address>dl { display: flex; flex-wrap: wrap; }
#customer_footer #f_logo address>dl dt { width: calc(100% - 275px); margin-top: 10px; text-align: right; }
#customer_footer #f_logo address>dl dd { width: 275px; margin-top: 10px; text-align: left; }
#customer_footer #f_logo address>dl dd .sm { font-size: 14px; }

#customer_footer #f_info { float: right;}
#customer_footer #f_info dl.tel_area { display: none;}
#customer_footer #f_info dl.btn_area {
width: 516px;
margin-bottom: 40px;
min-height: 50px;
font-size: 16px;
overflow: hidden; }
#customer_footer #f_info dl.btn_area dt { display: none;}
#customer_footer #f_info dl.btn_area dt a {
display: block;
border: 3px solid #282032;
background: #fff;
width: 47%;
float: left;
padding: 7px 0;
text-align: center;
color: #282032;
position: relative; }
#customer_footer #f_info dl.btn_area dt a::before {
content: '';
width: calc(100% + 4px);
height: calc(100% + 4px);
border: 1px solid #fff;
position: absolute;
top: -3px;
left: -3px; }
#customer_footer #f_info dl.btn_area dt a:hover {
background: #f0e0f1;
text-decoration: none; }
#customer_footer #f_info dl.btn_area dd a {
display: block;
border: 3px solid #282032;
background: #5f3461;
width: 47%;
float: right;
padding: 7px 0;
text-align: center;
color: #fff;
position: relative; }
#customer_footer #f_info dl.btn_area dd a::before {
content: '';
width: calc(100% + 4px);
height: calc(100% + 4px);
border: 1px solid #5e5865;
position: absolute;
top: -3px;
left: -3px;
box-sizing: content-box;}
#customer_footer #f_info dl.btn_area dd a:hover {
background: #79537b;
color: #fff !important;
text-decoration: none; }
#customer_footer #f_info dl.sns_area {
width: 140px;
font-size: 16px;
overflow: hidden;
float: right;}
#customer_footer #f_info dl.sns_area dt {
width: 50px;
float: left; }
#customer_footer #f_info dl.sns_area dd {
width: 50px;
float: right; }

#customer_footer #f_nav .acc_tit { display: none;}
#customer_footer #f_nav { padding: 40px 0 40px; width: calc( 100% - 320px); max-width: 780px; float: right;}
#customer_footer #f_nav ul { text-align: right;}
#customer_footer #f_nav li {
	display: inline-block; padding: 0 12px;
	border-right: 1px solid #4b484f; box-sizing: border-box;
}
#customer_footer #f_nav li a { color: #949099;}

#customer_footer #f_scol { background: #282032;}
#customer_footer #f_scol_inn { width: 1200px; margin: 0 auto;}
#customer_footer #copyright { float: left; padding: 40px 0; color: #949099; font-size: 14px;}

/* clear
------------------------------------------------------ */

#header:after,
#nav_wrap:after,
#gnav ul:after,
#contents_wrap:after,
#footer_wrap:after,
#footer:after,
#f_scol:after,
#btn_area:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}


/* ---------------------------------------------------
	更新履歴
------------------------------------------------------



------------------------------------------------------ */