@charset "utf-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ベース
------------------------------------------------------------*/
html, body {
}
body {
	background: url(../images/back.png) left top;
	color: #42210b;
	font: 14px/1.8 "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝B", "MS Mincho", "Sawarabi Mincho", "メイリオ", "Meiryo", arial, Sans-Serif;
	font-weight: 600;
	min-width: 1280px;
}
img {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	margin: 0;
}
/* 共通の
------------------------------------------------------------*/
/* リンク */
a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;
	font-weight: bold;
	color: #0bba7a;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
a:hover, a:active {
	outline: none;
	color: #cdcdcd;
}
a img {
	transition: 1.0s;
}
a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
/* ページトップ */
#pageTop {
	position: fixed;
	bottom: 20px;
	right: 50px;
	z-index: 100;
}
#pageTop a {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 119px;
	height: 110px;
	background: url(../images/pagetop.png) no-repeat;
}
#pageTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}
/* flexbox */
.fb_b {
	display: -webkit-flex;
	display: flex;
}
.fb_d_cl {
	flex-direction: -webkit-column;
	flex-direction: column;
}
.fb_d_rr {
	flex-direction: -webkit-row-reverse;
	flex-direction: row-reverse;
}
.fb_w_wp{
flex-wrap:-webkit-wrap;
flex-wrap:wrap;
}
.fb_jc_sb {
	justify-content: -webkit-space-between;
	justify-content: space-between;
}
.fb_jc_sa {
	justify-content: -webkit-space-around;
	justify-content: space-around;
}
.fb_jc_cc {
	justify-content: -webkit-center;
	justify-content: center;
}
.fb_ai_cc {
	align-items: -webkit-center;
	align-items: center;
}
.fb_ai_fs {
	align-items: -webkit-flex-start;
	align-items: flex-start;
}
.fb_ac_cc{
align-content: -webkit-center;
align-content: center;
}
/* マージン・パディング */
.mt_1em {
	margin-top: 1em !important;
}
.mt_2em {
	margin-top: 2em !important;
}
.mt_3em {
	margin-top: 3em !important;
}
.mt_4em {
	margin-top: 4em !important;
}
.mt_5em {
	margin-top: 5em !important;
}
.mt_6em {
	margin-top: 6em !important;
}
.mb_1em {
	margin-bottom: 1em !important;
}
.mb_2em {
	margin-bottom: 2em !important;
}
.mb_3em {
	margin-bottom: 3em !important;
}
.mb_4em {
	margin-bottom: 4em !important;
}
.mb_5em {
	margin-bottom: 5em !important;
}
.mb_6em {
	margin-bottom: 6em !important;
}
.pt_1em {
	padding-top: 1em !important;
}
.pt_2em {
	padding-top: 2em !important;
}
.pt_3em {
	padding-top: 3em !important;
}
.pt_4em {
	padding-top: 4em !important;
}
.pt_5em {
	padding-top: 5em !important;
}
.pt_6em {
	padding-top: 6em !important;
}
.pb_1em {
	padding-bottom: 1em !important;
}
.pb_2em {
	padding-bottom: 2em !important;
}
.pb_3em {
	padding-bottom: 3em !important;
}
.pb_4em {
	padding-bottom: 4em !important;
}
.pb_5em {
	padding-bottom: 5em !important;
}
.pb_6em {
	padding-bottom: 6em !important;
}
/* フォント */
.fos_s {
	font-size: 80%;
}
.fos_t {
	font-size: 120%;
}
.fos_d {
	font-size: 150%;
}
/* inner */
.inner {
	max-width: 1280px;
	position: relative;
	margin: 0 auto;
}
/* カーナビ案内 */
table.car {
	background: url(../images/table_back.png);
	border-collapse: separate;
	padding: 6px;
	margin: 2em auto;
	max-width:952px;
}
table.car td {
	text-align: center;
	padding: 3px;
	font-weight: bold;
}
table.car tr:last-child td {
	background: #ffffff;
	padding: 13px 20px;
}
table.car td span {
	color: #cc0000;
}
/* お得な宿泊プラン */
.planbox {
	background: url(../images/plan_back.png) center top/100% auto no-repeat;
	width: 1280px;
	height: 717px;
	margin: -6em auto -2em;
	padding-top: 4em;
}
.planbox dl {
	width: 282px;
	margin-right: 3.5em;
}
.planbox dl dt {
}
.planbox dl dt:first-child + dd {
	border-bottom: 1px dashed #c1272d;
	color: #c1272d;
	height: 55px;
	overflow: hidden;
	margin-bottom: 5px;
}

/* ヘッダー
------------------------------------------------------------*/
#google_translate_element{
	position: absolute;
	right: 0;
	display: table;
}

header .sub_nav {
	float: right !important;
	display: table;
	position: absolute;
	right: 140px;
	top: 0;
}
#navibox {
	position: relative;
	z-index: 100;
	width: 98%;
	max-width: 1395px;
	height: 158px;
	margin: 0 auto 0;
}
#navibox #logo {
	margin-top: 20px;
}
#navibox img {
}
#navi_lef {
	width: 100%;
}
.topbox, .topbox div {
	margin-top: 10px;
}
.topbox ul {
	background: #42210b;
	border-radius: 8px;
	padding: 0 13px;
	margin-top: 10px;
	display: table;
}
.topbox ul li {
	border-right: 1px dashed #c7b299;
	padding-right: 10px;
	padding-top: 6px;
	margin-right: 10px;
	float: left;
}
.topbox ul li:last-child {
	border: none;
	padding-right: 0;
}
/* ご予約はこちらボタン */
#fixmenu {
	position: fixed;
	top: 20%;
	right: 0;
	z-index: 200;
}
#serchbox {
	width: 100%;
	position: absolute;
	bottom: 10%;
	z-index: 2;
}
/* 動画 */
#video {
	background: url(../images/mask.png) center bottom/ auto 100% no-repeat;
	position: relative;
	z-index: 10;
	width: 100%;
	height: 697px;
}
.movie {
	/*position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;*/
	margin: 0 auto;
	background: url(../images/top_back.png) center bottom/cover no-repeat;
	max-width: 1630px;
	height: 697px;
	z-index: 1;
	overflow: hidden;
}
.pet {
	background: url(../images/pet_back.png) center center;
}
.cuisine {
	background: url(../images/cuisine_back.png) center center;
}
.facilities {
	background: url(../images/facilities_back.jpg) center bottom;
}
.reservation{
background: url(../images/reservation_back.png) center center;
}
.gallery{
background: url(../images/gallery_back.jpg) center;
}
.sightseeing{
background: url(../images/sightseeing_back.jpg) center;
}
/* ヘッダメニュー */
.menubox ul {
	margin-top: 80px;
}
.menubox ul li {
	flex: 1;
	text-align: center;
}
.menubox ul li:first-child {
	border-left: 1px dashed #42210b;
}
.menubox ul li a {
	display: block;
	border-right: 1px dashed #42210b;
	height: 35px;
	padding: 0 0;
}
/* レイアウト
------------------------------------------------------------*/
main {
	text-align: center;
}
/* フッター
------------------------------------------------------------*/
footer {
	text-align: center;
	background: url();
}
footer #foot_top {
	padding: 3em 0;
	background: #ffffff;
}
footer #foot_bot {
	background: url(../images/tubutubu_back.png);
	padding: 3em 0 0;
}
/* フッターメニュー */
footer #foot_bot ul {
	margin: 2.5em 0 2em;
}
footer #foot_bot ul li {
}
footer #foot_bot ul li:first-child {
	border-left: 1px dashed #42210b;
}
footer #foot_bot ul li a {
	display: block;
	border-right: 1px dashed #42210b;
	padding: 0 33px 0;
	height: 25px;
	color: #42210b;
}
footer #foot_bot ul li a:hover {
	color: #0bba7a;
}
/* フッターロゴ・アドレス */
footer .crdbox {
	text-align: left;
	position: relative;
}
footer .crdbox img {
	margin-right: 20px;
	margin-bottom: 10px;
}
/*.qr{
	position:absolute;
	right:140px;
	top:40px;
}*/
#qr{
	display: table;
	float: right;
	margin-top: 45px;
	margin-left: 20px;
}
#qr img{
	padding-bottom: 5px;
	margin-right: 10px;
    margin-bottom: 0px;
	float: left;
}
#qr a{
	line-height: 1.5em;
		display: table;

}
#address{
	margin-right: 15px;
	display: inline-block;
		margin-top: 45px;
}
/* コピーライト */
footer .copy {
	background: #534741;
	color: #ffffff;
	font-size: 80%;
	padding: 5px 0;
}
#f_address{
	margin-left: auto;
	margin-right: auto;

}
.f_logo{
	display: inline-block;
float:left;
}
/* トップページ
------------------------------------------------------------*/
/* ごあいさつ */
#top #cont1 {
	background: url(../images/top_cont1_back01.png) center top /1280px auto no-repeat;
	padding-bottom: 8em;
	margin-top: 4em;
}
/* 当館の魅力 */
#top #cont2 {
	background: #ffffff;
	padding: 7em 0 9em;
}
#top #cont2 img.wan {
	position: absolute;
	top: 330px;
	left: 40px;
}
#top #cont2 ul {
	margin-top: 3em;
	background: url(../images/top_cont2_back.png) center 20px/1280px auto no-repeat;
}
#top #cont2 ul li {
	margin-right: 4em;
	line-height: 1.5;
}
#top #cont2 ul li:last-child {
	margin-right: 0;
}
#top #cont2 ul li span {
	display: block;
	max-width:160px;
	margin:0 auto;
}
/* お得な宿泊プラン */
#top #cont3 {
	padding: 8em 0 6em;
}
/* 宿泊プラン検索 */
#searchbox {
	height: 165px;
	width: 1077px;
	font-size: 13px;
	background: url(../images/search_back.png) no-repeat;
	position: relative;
	margin: 3em auto 0;
}
#searchbox img {
	display: inline;
}
/* 検索フォーム */
.formbox {
	height: 100%;
	position: absolute;
	top: 4.2em;
	left: 335px;
}
.plan_form {
	width: 100%;
	height: 60px;
	position: relative;
	margin-top: -4px;
}
.plan_form p {
	margin: 0;
	padding: 0;
}
.plan_form img {
	vertical-align: middle;
	margin-right: 10px;
}
.plan_form .check_in {
	width: 260px;
	position: absolute;
	left: 0;
	top: 0;
}
.plan_form .text_r {
	margin-top: 1.3em;
	margin-left: 1.5em;
	text-align: left;
}
.plan_form .guests {
	width: 220px;
	position: absolute;
	left: 230px;
	top: -3px;
}
.plan_form .type {
	width: 250px;
	position: absolute;
	left: 440px;
	top: -3px;
}
.plan_form .price {
	width: 340px;
	position: absolute;
	left: 110px;
	bottom: 0;
	color: #ffffff;
}
.plan_form .search_btn {
	width: 161px;
	height: 46px;
	position: absolute;
	left: 450px;
	top: 27px;
	transition: 1.0s;
}
.plan_form .search_btn:hover {
	opacity: 0.5;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
input {
	font-family: MS UI Gothic;
}
/* ギャラリー */
#top #cont4 {
	background: url(../images/top_cont4_back.png) repeat-x;
	width: 100%;
	height: 320px;
	padding: 3em 0;
}
#top #cont4 .gallery {
	width: 100%;
	margin: 1em auto 0;
}
#top #cont4 .gallery img {
	width: 320px;
	height: auto;
}
/* 新着情報 */
#top #cont5 {
	padding: 6em 0;
}
#top #cont5 .inner {
	background: rgba(255,255,255,0.6);
	margin-top: 3em;
	margin-bottom: 3em;
	padding: 2em 0;
}
#top #cont5 .inner div {
	padding: 3em 5em 5em 5em;
}
#top #cont5 dl {
	border-bottom: 1px dashed #cccccc;
	font-size: 110%;
	text-align: left;
	height: 70px;
}
#top #cont5 dt {
	width: 10%;
	font-size: 120%;
	letter-spacing: 2px;
	color: #a09f52;
}
#top #cont5 dd {
	margin-left: 1em;
}
/* ペットと一緒
------------------------------------------------------------*/
/* ペットと一緒にお泊り */
#pet #cont1 {
	background: url(../images/pet_cont1_back.png) center 2em / 1280px auto no-repeat;
	height: 800px;
	margin-top: 4em;
}
#pet #cont1 .inner {
	width: 600px;
	margin: 7em auto;
}
#pet #cont1 .inner div {
	text-align: left;
	margin-bottom: 3.5em;
	max-width:540px;
}
#pet #cont1 .inner div.seco {
	margin-top: 3.5em;
	margin-left: 5em;
	max-width:520px;
}
#pet #cont1 .inner img {
	/*flex: 1;*/
	display: block;
	margin: 0 auto;
}
/* わんちゃんとお泊りのルール */
#pet #cont2 {
	padding: 0 0 8em;
}
#pet #cont2 p {
max-width:610px;
display:block;
margin:0 auto;
}
#pet #cont2 .inbox {
}
#pet #cont2 .inner1 {
	background: url(../images/pet_cont2_back1.png) center top / 1280px auto no-repeat;
	width: 1280px;
	height: 679px;
	position: relative;
	z-index: 3;
}
#pet #cont2 .inner2 {
	background: url(../images/pet_cont2_back2.png) center top / 1108px auto no-repeat;
	width: 1108px;
	height: 537px;
	position: relative;
	z-index: 2;
	margin-top: -16em;
}
#pet #cont2 .inner3 {
	background: url(../images/pet_cont2_back3.png) center top / 1123px auto no-repeat;
	width: 1123px;
	height: 358px;
	position: relative;
	z-index: 1;
	margin-top: -2em;
}
#pet #cont2 .inner1 div, #pet #cont2 .inner2 div, #pet #cont2 .inner3 div {
	width: 700px;
	position: absolute;
	top: 10em;
	left: 13em;
	bottom: 0;
	right: 0;
	margin: auto;
	text-align: left;
}
#pet #cont2 .inner2 div {
	width: 900px;
	top: 5em;
	left: 0;
}
#pet #cont2 .inner3 div {
	top: 5em;
	left: 23em;
}
#pet #cont2 .inner1 h3, #pet #cont2 .inner2 h3, #pet #cont2 .inner3 h3 {
	font-size: 150%;
	margin-bottom: .5em;
}
#pet #cont2 .inner1 ul, #pet #cont2 .inner3 ul {
	list-style: disc;
	margin-left: 2em;
	line-height: 2.6;
}
#pet #cont2 .inner2 ol {
	list-style-type : decimal;
	line-height: 2.6;
}
#pet #cont1 .inner em{
	font-size: 1.1em;
}

/* 料理
------------------------------------------------------------*/
/* こだわりの洋食コース */
#cuisine #cont1 {
	background: url(../images/cuisine_cont1_back.png)center bottom / auto no-repeat;
	margin: 4em 0 6em;
}
/* 夕食の一例 */
#cuisine #cont2 {
	background: url(../images/cuisine_cont2_back02.png) 700px 480px / auto no-repeat, url(../images/cuisine_cont2_back01.png) 800px 1422px / auto no-repeat, url(../images/cuisine_cont2_back.png) center top / 998px auto no-repeat;
	width: 998px;
	height: 1550px;
	padding-top: 6em;
	margin: 0 auto;
}
#cuisine #cont2 dl {
	background: url(../images/line_img02.png) center bottom / auto no-repeat;
	text-align: left;
	padding: 1.5em 0;
}
#cuisine #cont2 dl:last-child {
	background: none;
}
#cuisine #cont2 dl h3 {
	margin-bottom: 1em;
}
#cuisine #cont2 dl dt {
	margin-right: 2em;
}
#cuisine #cont2 dl dd {
	width: 430px;
	font-size: 110%;
}
/* オーナーのこだわり */
#cuisine #cont3 {
	padding-bottom: 6em;
}
#cuisine #cont3 .tyosyoku {
	background: url(../images/cuisine_cont3_back02.png) left bottom / auto no-repeat, url(../images/cuisine_cont3_back01.png) 800px top / auto no-repeat;
	min-height:700px;
	width: 1250px;
	margin: 0 auto;
	padding: 3em 0 0;
}
#cuisine #cont3 .tyosyoku .bk_detail{
	float: right;
	margin-top: 80px;
	width: 660px;
	padding-right: 100px;
}
#cuisine #cont3 .tyosyoku .bk_detail p{
	text-align: left;
}

#cuisine #cont3 .cake {
	text-align: left;
	padding: 3em 0;
}


/* 館内
------------------------------------------------------------*/
/* 客室 */
#facilities #cont1 {
	margin-top: 4em;
	background: url(../images/facilities_cont1_back02.png) center bottom / auto no-repeat;
	padding-bottom:10em;
}
#facilities #cont1 .room_box {
	background: url(../images/facilities_cont1_back01.png) center center / 100% auto no-repeat;
	width: 1000px;
	height: 513px;
	margin: 2em auto;
	position: relative;
	text-align: left;
}
#facilities #cont1 .room_box ul {
	width: 745px;
	padding-top: 6em;
	margin: 0 auto 1em;
}
#facilities #cont1 .room_box img.pit {
	position: absolute;
	right: 112px;
	bottom: 165px;
}
#facilities #cont1 .room_box h3 {
	float: left;
	margin: -4.5em 2em 0 4em;
	position: relative;
    z-index: 1;
}
#facilities #cont1 .room_box p {
	width: 870px;
}
#facilities #cont1 .ameni{
text-align:left;
margin:8em auto 0;
}
#facilities #cont1 .ameni div{
margin:-3em 1em 0 0;
}
/* 貸切風呂 */
#facilities #cont2 {
width:1064px;
margin:0 auto 6em;
padding-bottom:4em;
text-align:left;
background:url(../images/line_img.png) center bottom / 100% auto no-repeat;
}
#facilities #cont2 .fro_movie_area{
background:url(../images/facilities_movie_back.png) center top / 100% auto no-repeat;
width:551px;
height:391px;
text-align:center;
margin-left:-2.5em;
position:relative;
}
#facilities #cont2 .fro_movie{
background:#333333;
color:#ffffff;
font-size:300%;
width:480px;
height:327px;
position: absolute;
  top:0;
  left: 0;
  right: 0;
  bottom: 0;
  margin:auto;
}
/* コミックルーム */
#facilities #cont3 {
background:url(../images/facilities_cont3_back.png) center top / 100% auto no-repeat;
width:1001px;
height:431px;
margin:0 auto 10em;
}
#facilities #cont3 div {
text-align:left;
padding:5em 3em 0 0;
width:34%;
}
/* アクセス・周辺情報
------------------------------------------------------------*/
/* アクセス */
#access #cont1 {
margin-top:4em;
}
#access #cont1 .gmap{
margin-bottom:4em;
}
#access #cont1a {
margin-top:4em;
background:#ffffff;
padding:6em 0;
text-align:center;
}

/* 周辺情報 */
#access #cont2 {
background:url(../images/accessNearby_cont3_back.png) 50px bottom no-repeat;
margin:6em 0 2em;
padding-bottom:12em;
}
#access #cont2 .nearb_box{
width:1059px;
margin:0 auto;
position: relative;
}
#access #cont2 .nearb_box div{
width:521px;
height:457px;
background:url(../images/accessNearby_cont2_back.png) center top / 100% auto no-repeat;
padding-top:4em;
margin-top:-2em;

}
#access #cont2 .nearb_box div h3{
float:left;
margin:-3.3em 0 0 3.4em;
position: relative;
    z-index: 1;
}

#access .ac_link li{
	border: solid 1px rgb(66, 33, 11);
	padding: 5px 20px;
	display: table;
	margin:0 auto 10px;
	min-width: 250px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  position: relative;
}
#access .ac_link a{
	display: block;
	width: 100%;
	height: 100%;
	color:rgb(66, 33, 11); 
}
#access .ac_link li:hover{
	background: rgb(66, 33, 11);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#access .ac_link li:hover a{
	color: #fff;
}
#access .ac_link li:after{
	content: "▶"	;
	position: absolute;
	right: 10px;
	top:10px;
	font-size: 0.8em;
}
#access .ac_link li:hover:after{
	color: #fff;
}
#access .only_text{
	padding: 0 20px;
}
#access .only_text li{
	width: 29%;
	border-bottom:dotted 1px #ccc;
	text-align: left; 
	position: relative;
	padding: 10px;
	padding-left: 25px;
	float: left;
	color: rgb(66, 33, 11);
}
#access .only_text li:before{
	content: '▶ ';
	font-size: 0.8em;
	position: absolute;
	top: 10px;
	left: 0;
}
#access .only_text li a{
	display: block;
	width: 100%;
	height: 100%;
	color: rgb(66, 33, 11);
}

/* 料金
------------------------------------------------------------*/
/* 宿泊プラン */
#reservation #cont1 {
margin:4em 0 2em;
}
/* プランバナー */
#reservation #cont2 {
background:url(../images/line_img.png) center bottom no-repeat;
padding-bottom:5em;
margin-bottom:4em;
}
/* お問い合わせ */
#reservation #cont3 {
background:url(../images/reservation_cont3_back.png) center top / 100% auto no-repeat;
width:1059px;
height:358px;
margin:0 auto 10em;
}
#reservation #cont3 div {
padding-top:6em;
padding-left:18em;
}
#reservation #cont3 div p.tit {
line-height:1.3; margin-bottom:.5em;font-size:180%;
}
/* フォトギャラリー
------------------------------------------------------------*/
#gallery #cont1 {
margin-top:4em;
padding-bottom: 100px;
}
#gallery #cont1 h2{
margin:0 0 2em 12em;
}

#gallery .ph{
	display: table;
	margin:0 auto;
	width: 1200px;
}

#gallery .ph li{
	border: solid 15px #fff;
	line-height: 0;
	margin:15px 10px;
	float: left;
	width: 350px;
}
#gallery .ph li img{
	width: 100%;
}
#gallery .clear{
	clear: both;
}