@charset "utf-8";
/* ===================================================
	Reset & base css
	※ この箇所は変更しないで下さい。
====================================================== */
#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;}

#customer_header a:link,
#customer_footer a:link { color: #250d00; text-decoration: underline; border:none;}
#customer_header a:visited,
#customer_footer a:visited	{ color: #250d00; text-decoration: underline;}

body { min-width: 1200px;}

#customer_header,
#customer_footer { font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif; line-height: 1.7;}

/* header */
#customer_header .header { width: 1200px; height: 120px; margin: 0 auto; position: relative; overflow: hidden;}
#customer_header .header a:hover{opacity:0.75;}

/* Logo */
#customer_header h1 a.logo { display: block; width: 400px; height: 120px; position: absolute; top: 0; left: 0; font-size: 26px; overflow: hidden; text-decoration: none; text-indent: 100%; white-space: nowrap; background: no-repeat;}

/* cnav */
#customer_header .cnav ul { position: absolute; top: 0;right: 0;}
#customer_header .cnav ul li {float: left; margin-left: 20px;}
#customer_header .cnav ul li a { text-decoration: none;}
#customer_header .cnav ul li a img { vertical-align: bottom;}

/*headerBannerArea*/
#customer_header #headerBannerArea { position: absolute; right: 0; bottom: 18px; }
#customer_header #oyadonetBanner { float:left;}
#customer_header #oyadonetBanner a { width:180px; height:18px; overflow: hidden; text-indent: calc(100% + 30px); white-space: nowrap; display: block; padding-right: 30px; background: no-repeat 0 center;}

/* nav */
#customer_header .nav { width: 100%; height: 70px; padding: 0; margin: 0; overflow: hidden; line-height: 1.5; background: repeat-x 0 0; font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;}
#customer_header .nav ul { width: 1200px; height: 70px; padding: 0; margin: 0 auto; font-size: 93%; line-height: 60px;}
#customer_header .nav ul li:first-child { border-left: 1px solid;}
#customer_header .nav ul li { width: 150px; height: 70px; float: left; padding: 0; margin: 0; border-right: 1px solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; }
#customer_header .nav ul li a { display: flex; align-items: center; justify-content: center; width: 150px; height: 70px; padding: 0; margin: 0; font-size: 20px; line-height: 1.4; text-align: center; text-decoration: none;  transition: all 0.5s ease; }

/* Nav default */
#customer_header .nav .nav01 a { background-position:    0px 0px;}
#customer_header .nav .nav02 a { background-position: -120px 0px;}
#customer_header .nav .nav03 a { background-position: -240px 0px;}
#customer_header .nav .nav04 a { background-position: -360px 0px;}
#customer_header .nav .nav05 a { background-position: -480px 0px;}
#customer_header .nav .nav06 a { background-position: -600px 0px;}
#customer_header .nav .nav07 a { background-position: -720px 0px;}
#customer_header .nav .nav08 a { background-position: -840px 0px;}

/* ホテルコメント */
#customer_header .hotel-comment { padding-left:300px; padding-top:35px; font-size:18px; font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;}

/* footer */
#customer_footer .footer { width: 100%; height: 440px; margin: 0; padding: 0; background: no-repeat; background-size: cover; color:#fff; text-align: center; clear: both;}
#customer_footer .footer-inner { padding-top: 40px;}

/* Information */
#customer_footer .information { width: 100%;  padding: 25px 0 25px; text-align: left; overflow: hidden; font-size: 18px;}
#customer_footer .information .information-inner { width: 1200px; margin: 0 auto;}
#customer_footer .information h3 { margin-bottom: 5px; font-weight: bold; line-height: 1.572;}
#customer_footer .information h4 { margin-bottom: 5px; font-weight: bold; font-size: 24px; background:none; padding :0;}
#customer_footer .information p { line-height: 1.42;}
#customer_footer .information ul { line-height: 1.42;}
#customer_footer .information div.information-photo { padding: 0 10px; float: left;}
#customer_footer .information div.information-access { float: left; width: 560px;}
#customer_footer .information div.information-access p { margin-bottom: 5px;}
#customer_footer .information div.information-access ul { width:560px;}
#customer_footer .information div.information-access li { float:left; margin-top:10px;}
#customer_footer .information div.information-access li:first-child { margin-right: 10px; }
#customer_footer .information div.information-read { padding: 10px 0; padding-left: 15px; float: right;}
#customer_footer .information div.information-read p { width: 560px; font-size: 14px; line-height: 1.6; margin-bottom: 24px;}
#customer_footer .information .footerBtns a {transition: all 0.5s ease;}
#customer_footer .information .footerBtns a:hover { opacity:0.8; display:block;}

/* Copyright */
#customer_footer .copyright { width: 100%; background: #250d00; }
#customer_footer .copyright p { width: 1200px; margin: 0 auto; padding: 10px 0; color:#fff;text-align:center;}
#customer_footer .copyright a { color: #fff;}
#customer_footer .copyright a:hover { color: #fff;}

/*groupInfo*/
#customer_footer .groupInfo { text-align:center; padding-top: 20px; padding-bottom: 40px;}
#customer_footer .groupInfo a { text-decoration:none;}
#customer_footer .groupInfo a:hover { opacity:0.8;}
#customer_footer .groupInfoTitle { width: 1200px; margin: 0 auto; border-bottom: 1px #999999 solid; padding-bottom: 20px; margin-bottom: 20px;}
#customer_footer .groupInfo .wrap { width: 1200px; margin: 0 auto;}
#customer_footer .groupInfo ul { width: 240px; float: left; padding-right: 0;font-size: 12px; line-height: 20px; text-align: left; }
#customer_footer .groupInfo ul.last { padding-right: 0;}
#customer_footer .groupInfo li.title { font-size: 18px; line-height: 36px;}
#customer_footer .groupInfo li a { background: no-repeat left center; padding-left: 12px; display: block;}


/* ===================================================
	Custom CSS
	以下の項目を施設ごとに変更して下さい。
====================================================== */
#customer_header .header {
	/* ヘッダー背景 */
	background: #fff;
}
#customer_header h1 a.logo {
	/* ヘッダーロゴ 画像 */
	background-image: url(https://www.gora-kazenone.jp/common/kazenone/img/common/logo.png);
}
#customer_header #oyadonetBanner a {
	/* お宿ねっとバナー 画像 */
	background-image: url(https://www.gora-kazenone.jp/common/kazenone/img/common/headerOyadonetBnr.gif);
}
#customer_header .nav {
	/* ナビゲーション 背景画像 */
	background-image: url(https://www.gora-kazenone.jp/common/kazenone/img/common/navBg.jpg);
}
#customer_header .nav ul li:first-child,
#customer_header .nav ul li {
	/* ナビゲーション 線色 */
	border-color: #6f5c58;
}
#customer_header .nav ul li a {
	/* ナビゲーション 文字色 */
	color: #fff;
}
#customer_header .nav ul li a:hover {
	/* ナビゲーション マウスオーバー時背景色 */
	background: #543c3a;
	/* ナビゲーション マウスオーバー時背景色透過度 */
	opacity: 0.8;
}
#customer_footer .footer {
	/* フッター 背景画像 */
	background-image: url(https://www.gora-kazenone.jp/common/kazenone/img/common/footerBgPhoto.jpg);
}
#customer_footer .copyright {
	/* コピーライト 背景色 */
	background: #250d00;
}
#customer_footer .copyright p,
#customer_footer .copyright a,
#customer_footer .copyright a:hover {
	/* コピーライト 文字色 */
	color:#fff;
}
#customer_footer .groupInfo li a {
	/* グループリンク 矢印アイコン */
	background-image: url(https://www.gora-kazenone.jp/common/kazenone/img/common/footerArrow.png);
}