@charset "UTF-8";

/*
Theme Name: PETIT HOTEL Aoitori
Description: 兵庫県養父市ハチ高原のプチホテルAoitoriさまのWebサイトです。
*/

/**********************************************************************************

	reset
	
***********************************************************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body { line-height: 1; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
/*nav ul {
    list-style: none;
}*/
ol, ul { list-style: none; }
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
del { text-decoration: line-through; }
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th { text-align: left; }
hr {
    display: block;
    height: 1px;
    border: 0;  
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
input, select { vertical-align:middle; }
input, textarea {
	margin: 0;
	padding: 0;
}
img {
    vertical-align: top;
    font-size: 0;
    line-height: 0;
    max-width: 100%;
	height: auto;
}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
img {
	-webkit-transition: 0.6s;
	transition: 0.6s; 
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/*** cleafix
*********************************************************************************/
.clearfix, div, ul, dl, ol { zoom: 1; }
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/*** 初期設定
*********************************************************************************/
html { 
	font-size: 62.5%;/*10px*/
	overflow: auto;
}
body {
	width: 100%;
	min-width: 1280px;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 16px;
	font-size: 1.6rem;
	-webkit-text-size-adjust: 100%;
	line-height: 1.6;
	color: #fff;
	background: url(common/bg_body.png) repeat;
}

/*** link
*********************************************************************/
a:link,
a:visited,
a:hover,
a:active {
	color: #630;
}

/*** button
*********************************************************************/
.button {
	display: inline-block;
	width: 250px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
    position: relative;
	z-index: 2;
	background-color: #332822;
	color: #fff !important;
	line-height: 54px;
	overflow: hidden;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button:hover { color: #333 !important; }
.button::after {
	top: -100%;
	width: 100%;
	height: 100%;
}
.button:hover::after {
	top: 0;
	background-color: #4FD0FF;
}

/*** layout
*********************************************************************************/
#main { 
	width: 100%;
	padding-bottom: 100px;
}
.contentsBox1280 {
	width: 1280px;
	margin: 0 auto;
}
.inner {
	width: 1110px;
	margin: 0 auto;
}
#footerInfo .inner{position: relative;}

/**********************************************************************************

	header
	
***********************************************************************************/
header {
	width: 100%;
	height: 110px;
}
.headerUtilityArea { 
	height: 30px;
	padding-top: 5px;
	margin-bottom: 25px;
}
.headerUtilityArea ul { 
	display: flex;
	justify-content: flex-end;
}
.headerUtilityArea ul li a { 
	color: #fff;
	text-decoration: none;
}
.headerUtilityArea ul li a:hover { text-decoration: underline; }
.headerUtilityArea ul li:not(:last-of-type) { margin-right: 10px; }
.headerMainArea { height: 80px; }
.headerMainArea .inner {
	display: flex;
	justify-content: space-between;
}
h1#logo { margin-top: -15px; }
#gNav { margin-top: 10px; }
#gNav ul { display: flex; }
#gNav ul li { font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; }

/**********************************************************************************

	slider
	
***********************************************************************************/
#slider {
    overflow: hidden;
    position: relative;
    width: 100%;
}
#sliderInner {
    position: relative;
    left: 50%;
    width: 3340px;
    margin-left: -1670px;
}
#sliderInner li { width:1110px; }
#slideFilterL, #slideFilterR {
    position: absolute;
    top: 0;
    width: 1110px;
    height:460px;
    opacity:0.5;
    filter:alpha(opacity=50);
    -ms-filter:"alpha( opacity=50 )";
    background: #fff;
}
#slideFilterL { left:0; }
#slideFilterR { right:0; }

/**********************************************************************************

	mainVisual
	
***********************************************************************************/
#mainVisual { 
	width: 100%;
	height: 460px;
	margin-bottom: 30px;
	overflow: hidden;
}
.hachikita #mainVisual { 
	background-image: url(hachikita/mainVisual.jpg); 
	background-position: center center;
	background-size: cover;
}
.stay #mainVisual { 
	background-image: url(stay/mainVisual.jpg); 
	background-position: center center;
	background-size: cover;
}
.cuisine #mainVisual { 
	background-image: url(cuisine/mainVisual.jpg); 
	background-position: center center;
	background-size: cover;
}
.access #mainVisual { 
	background-image: url(access/mainVisual.jpg); 
	background-position: center center;
	background-size: cover;
}
.english #mainVisual {
	background-image: url(english/mainVisual.jpg);
	background-position: center center;
	background-size: cover;

}
.information #mainVisual { 
	background-image: url(information/mainVisual.jpg); 
	background-position: center center;
	background-size: cover;
}

/**********************************************************************************

	gNav
	
***********************************************************************************/
#gNav:before, .#gNav:after {
	content: "";
	display: table;
}
#gNav:after { clear: both; }
#gNav li {
	position: relative;
	width: 120px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
#gNav li a {
	display: block;
	margin: 0;
	padding: 15px 0 11px;
	background: transparent;
	color: #fff;
	font-size: 1.6rem;
	line-height: 1;
	text-decoration: none;
}
#gNav li ul {
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
}
#gNav li ul li { width: 100%; }
#gNav li ul li a {
	width: 180px;
	padding: 13px 15px;
	border-top: 1px solid #7c8c0e;
	border-top: 1px solid #333;
	background: #8be1f8;
	text-align: left;
	color: #333;
}
#gNav li:hover > a {
	background: #615D5D;
	color: #333;
}
#gNav li a:hover {
	background: #ccc;
}
#gNav li ul {
	display: flex;
	flex-direction: column;
	visibility: hidden;
	opacity: 0;
	transition: 0s;
}
#gNav li:hover ul {
	visibility: visible;
	opacity: 1;
}
#gNav li ul li a {
	visibility: hidden;
	opacity: 0;
	transition: .5s;
}
#gNav li:hover ul li a {
	visibility: visible;
	opacity: 1;
}

/**********************************************************************************

	contents
	
***********************************************************************************/
.section { margin-bottom: 100px; }
h2 { margin-bottom: 20px; }
.bnrPlan { text-align: center; }

/*** home
*********************************************************************************/
.navBoxContainer:first-of-type { margin-bottom: 10px; }
.navBoxContainer:nth-of-type(2) { margin-bottom: 50px; }
.navBoxContainer,
.navBoxContainer ul { 
	display: flex;
}
.navBox:not(:last-of-type),
.navBox ul li:not(:last-of-type) { 
	margin-right: 10px;
}
.navBox ul.ichi,
.navBox ul.san { 
	margin-bottom: 10px; 
}
.navBox figure { 
	position: relative;
}
.navBox figcaption a {
	width: 100%;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	margin: auto;
	background: rgba(0,0,0,0.5);
	padding: 60px 0;
	text-align: center;
	color: #fff;
	font-size: 2.5rem;
	text-decoration: none;
}
.navBox figcaption a:hover {
	background: rgba(255,255,255,0.6);
	color: #333;
}
#searchWrapper { 
	width: 100%;
	height: 120px;
	margin: 0 auto 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0,0,0,0.5);
}
#search {
	display: flex;
	margin-top: -5px;
}
#search h2 { margin: 10px 50px 0 20px; }


#plan h2 { margin-bottom: 30px; }
.recruit { 
	text-align: center;
	margin-bottom: 40px;
}
.home .bnrGroup ul {
	display: flex;
	justify-content: space-between;
}
.home .bnrGroup ul li { width: 360px; }


/*** hachikita
*********************************************************************************/
#greenSeason h2 { 
	text-align: center;
	margin-bottom: 30px; 
}
#greenSeason .lead { 
	position: relative;
	height: 640px;
}
#greenSeason .lead .txt {
	position: absolute;
	top: 20%;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 620px;
	height: 420px;
	padding: 50px;
	background: rgba(32,68,68,0.6);
}
#greenSeason .lead .photo {
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}
#greenDetail .contentsBox { 
	width: 1110px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
#greenDetail .contentsBox:not(:last-of-type) { margin-bottom: 40px; }
#greenDetail .contentsBox:nth-of-type(2n) { flex-direction: row-reverse; }
#greenDetail .contentsBox .photo { width: 580px; }
#greenDetail .contentsBox .txt{ width: 500px; }
#greenDetail .contentsBox .txt dl { 
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}
#greenDetail .contentsBox .txt dt,
#greenDetail .contentsBox .txt dd { 
	padding: 10px;
	font-size: 1.4rem; 
}
#greenDetail .contentsBox .txt dt { 
	width: 80px;
	background: #332822;
}
#greenDetail .contentsBox .txt dd { 
	width: 419px;
	background: #A18A78; 
}
#greenDetail .contentsBox:nth-of-type(4) { display: block; }
#greenDetail .contentsBox:nth-of-type(4) .photo,
#greenDetail .contentsBox:nth-of-type(4) .txt {
	width: 1110px; 
}
#greenDetail .contentsBox:nth-of-type(4) .photo ul { 
	display: flex;
	justify-content: space-between;
}
#greenDetail .contentsBox:nth-of-type(5) { display: block; }
#greenDetail .contentsBox .box {
	width: 545px;
	display: flex;
	justify-content: space-between;
}
#greenDetail .contentsBox h3 {
	font-size: 2.0rem;
	margin-bottom: 15px;
	border-left: 14px double #4fd0ff;
	padding-left: 15px;
}
#greenDetail .contentsBox .box dl {
	display: flex;
	flex-direction: column;
}
#greenDetail .contentsBox .box dl:first-of-type { margin-right: 2px; }
#greenDetail .contentsBox .box dl div { 
	display: flex;
	justify-content: space-between;
	margin-bottom: 2px;
}
#greenDetail .contentsBox .box dt,
#greenDetail .contentsBox .box dd { 
	padding: 10px;
	font-size: 1.4rem; 
}
#greenDetail .contentsBox .box dl div dt { 
	width: 125px;
	background: #332822;
}
#greenDetail .contentsBox .box dl div dd { 
	width: 427px;
	background: #A18A78; 
}
#whiteSeason h2 { 
	text-align: center;
	margin-bottom: 30px; 
}
#whiteSeason .lead { 
	position: relative;
	height: 640px;
}
#whiteSeason .lead .txt {
	position: absolute;
	top: 20%;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 600px;
	height: 400px;
	padding: 50px;
	background: url(hachikita/bg_white-season.png) left bottom no-repeat rgba(255,255,255,0.7);
	color: #333;
}
#whiteSeason .lead .photo {
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}
#whiteSeason .lead .txt h3 { 
	font-size: 2.0rem;
	margin-bottom: 10px;
}
#whiteDetail .contentsBox { 
	display: flex;
	justify-content: space-between;
}
#whiteDetail .contentsBox:not(:last-of-type) { margin-bottom: 40px; }
#whiteDetail .contentsBox:first-of-type { display: block; }
#whiteDetail .contentsBox:first-of-type .lead h2 { margin-bottom: 10px; }
#whiteDetail .contentsBox:first-of-type .lead { 
	text-align: center;
	height: auto;
	margin-bottom: 30px;
}
#whiteDetail .contentsBox:first-of-type ul { 
	display: flex; 
	justify-content: space-between;
}
#whiteDetail .contentsBox:first-of-type ul li { 
	width: 550px;
	height: 840px;
}
#whiteDetail .contentsBox:first-of-type ul li { position: relative; }
#whiteDetail .contentsBox:first-of-type ul li figure img { 
	position: absolute;
	top: 50px;
	left: 0;
	z-index: -1; 
}
#whiteDetail .contentsBox:first-of-type ul li h3 img { 
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
#whiteDetail .contentsBox .photo { width: 580px; }
#whiteDetail .contentsBox .txt{ width: 500px; }
#price .priceBox { 
	display: flex;
	justify-content: space-between;
}
#price .priceBox:first-of-type { background: none; }
.priceList {
	width: 200px;
	background: #A18A78;
}
.priceList:first-of-type {
	width: 306px;
	background: #332822;
}
.priceList ul li { 
	padding: 10px;
	border-bottom: 1px solid rgba(0,0,0,0.5);
}
.priceList ul li:last-of-type { border: none; }
.priceList ul li.item { background: #87644A; }
#tire .lead {
	text-align: center;
	margin-bottom: 30px;
}
#tire .lead  { height: auto; }
#tireChain .contentsBox:first-of-type { background: none; }
#tireChain dl div {
	display: flex;
	height: 140px;
	margin-bottom: 1px;
}
#tireChain div dt { 
	width: 130px;
	padding: 10px;
	margin-right: 1px;
	background: #332822;
}
#tireChain div dd:first-of-type { 
	width: 200px;
	margin-right: 1px;
}
#tireChain div dd:nth-of-type(2) { 
	width: 778px;
	padding: 10px;
	background: #A18A78;
}
#tire .attention {
	position: relative;
	width: 900px;
	height: 150px;
	margin: 0 auto 100px;
}
#tire .attention h2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 146px;
	height: 121px;
}
#tire .attention p {
	width: 800px;
	position: absolute;
	top: 50px;
	right: 0;
	z-index: -1;
	padding: 30px;
	background: #332822;
}

/*** stay
*********************************************************************************/
.stay .bnrPlan p:first-of-type { 
	font-size: 2.4rem;
	margin-bottom: 10px;
}
.roomDetail .contentsBox { margin-bottom: 40px; }
.roomDetail:first-of-type .contentsBox {
	background: url(stay/bg_twin.png) left top no-repeat;
}
.roomDetail .contentsBox h2 {
	font-size: 2.0rem;
	margin-bottom: 10px;
	border-left: 14px double #4fd0ff;
	padding-left: 15px;
}
.roomDetail .contentsBox ul { 
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.roomDetail .contentsBox ul li { width: 545px; }
.roomDetail .contentsBox ul li:nth-of-type(-n+2) { margin-bottom: 30px; }
.roomDetail figcaption {
	font-size: 2.0rem;
	padding: 10px 0;
	text-align: center;
	background: #41210C;
}
.roomDetail:nth-of-type(2) .contentsBox,
.roomDetail:nth-of-type(3) .contentsBox {
	display: flex;
	justify-content: space-between;
}
.roomDetail:nth-of-type(3) .contentsBox {
	background: url(stay/bg_condominium.png) left bottom no-repeat;
}
.roomDetail:nth-of-type(2) .contentsBox .txt,	
.roomDetail:nth-of-type(2) .contentsBox .photo,
.roomDetail:nth-of-type(3) .contentsBox .txt,	
.roomDetail:nth-of-type(3) .contentsBox .photo {
	width: 545px;
}
.roomDetail .contentsBox .txt h2 {
	font-size: 2.0rem;
	margin-bottom: 10px;
	border-left: 14px double #4fd0ff;
	padding-left: 15px;
}
#room dl {
	display: flex;
	justify-content: space-between;
}
#room dt,
#room dd { 
	padding: 10px;
	font-size: 1.4rem; 
}
#room dt { 
	width: 250px;
	background: #332822;
}
#room dd { 
	width: 859px;
	background: #A18A78; 
}
#otherFacilities ul {
	display: flex;
	justify-content: space-between;
}
#otherFacilities ul li { width: 545px; }
#otherFacilities ul li figcaption h3 {
	font-size: 2.0rem;
	margin: 10px 0;
	border-left: 14px double #4fd0ff;
	padding-left: 15px;
}
#cancel .lead { 
	text-align: center;
	margin-bottom: 30px;
}
#cancel .lead h2 { margin-bottom: 10px; }
#cancel dl {
	display: flex;
	justify-content: space-between;
}
#cancel dl div { width: 369px; }
#cancel dl div dt, #cancel dl div dd { 
	padding: 10px;
	text-align: center;
}
#cancel dl div dt { background: #332822; }
#cancel dl div dd { background: #A18A78; }
#creditCard dl {
	display: flex;
	justify-content: space-between;
}
#creditCard dt, #creditCard dd { padding: 10px; }
#creditCard dt { 
	width: 250px;
	background: #332822;
}
#creditCard dd { 
	width: 859px;
	background: #A18A78; 
}
#parking dl div {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#parking dl div:first-of-type { margin-bottom: 1px; }
#parking dl div dt, #parking dl div dd { padding: 10px; }
#parking dl div dt { 
	width: 250px;
	background: #332822;
}
#parking dl div dd { 
	width: 859px;
	background: #A18A78; 
}
.bnrGroup ul {
	display: flex;
	justify-content: space-between;
}
.bnrGroup ul li { width: 540px; }
#condominium { margin-bottom: 100px; }
#condominium h2 { text-align: center; }
#condominium .contentsBox .box {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
#condominium .contentsBox .box:first-of-type { 
	background: url(stay/bg_condominium3.png) left bottom no-repeat;
}
#condominium .contentsBox .box:nth-of-type(2) { 
	flex-direction: row-reverse;
	background: url(stay/bg_condominium2.png) right bottom no-repeat;
}
#condominium .contentsBox .box .txt { width: 400px; }
#condominium .contentsBox .box .photo { width: 680px; }
#condominium .contentsBox dl {
	display: flex;
	justify-content: space-between;
}
#condominium .contentsBox dt, #condominium .contentsBox dd { padding: 10px; }
#condominium .contentsBox dt { 
	width: 250px;
	background: #332822;
}
#condominium .contentsBox dd { 
	width: 859px;
	background: #A18A78; 
}
#condominium .attention {
	position: relative;
	width: 900px;
	height: 350px;
	margin: 0 auto 100px;
}
#condominium .attention h2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 146px;
	height: 121px;
}
#condominium .attention ul {
	width: 800px;
	position: absolute;
	top: 50px;
	right: 0;
	z-index: -1;
	padding: 30px;
	background: #332822;
}
#training-camp .lead {
	text-align: center;
	margin-bottom: 30px;
}
ul.pamphlet {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
ul.pamphlet li { width: 540px; }
.tennisCourt {
	display: flex;
	justify-content: space-between;
}
.tennisCourt .txt { width: 400px; }
.tennisCourt .photo { width: 680px; }
.tennisCourt .txt h3 {
	font-size: 2.0rem;
	margin: 10px 0;
	border-left: 14px double #4fd0ff;
	padding-left: 15px;
}
.tennisCourt .txt h3+p {
	font-size: 1.8rem;
	margin: 0 0 10px -0.5em;
}
.tennisCourt .txt p:last-of-type { font-size: 3.0rem; }

/*** cuisine
*********************************************************************************/
#tajimaguro { 
	position: relative;
	height: 660px;
}
#tajimaguro .txt {
	position: absolute;
	top: 25%;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 600px;
	height: 380px;
	padding: 50px;
	background: rgba(0,0,0,0.5);
}
#tajimaguro .photo {
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}
#tajimaguro .txt h2 { font-size: 2.0rem; }
#tawaraishi .contentsBox {
	display: flex;
	justify-content: space-between;
	padding: 5px;
	background: #332822; 
}
#tawaraishi .photo { width: 600px; }
#tawaraishi .txt { 
	width: 510px;
	padding: 30px;
}
#tawaraishi .txt h2 { font-size: 2.0rem; }
#tajimaguro2 .contentsBox {
	display: flex;
	justify-content: space-between;
}
#tajimaguro2 .contentsBox:first-of-type { 
	margin-bottom: 40px;
	background: url(cuisine/bg_tajimaguro1-1.png) left bottom no-repeat;
}
#tajimaguro2 .contentsBox:nth-of-type(2) { 
	flex-direction: row-reverse;
	background: url(cuisine/bg_tajimaguro1-2.png) right bottom no-repeat; 
}
#tajimaguro2 .contentsBox .txt { 
	width: 510px;
	padding-top: 50px;
}
#tajimaguro2 .contentsBox .photo,
#tajimaguro2 .contentsBox .movie { 
	width: 580px;
}
#tajimaguro2 h2 { 
	text-align: center;
	margin-bottom: 30px; 
}
#tajimaguro3 .lead { 
	text-align: center;
	margin-bottom: 30px;
}
#tajimaguro3 .lead h2 { margin-bottom: 30px; }

#tajimaguro3 ul {
	display: flex;
	justify-content: space-between;
}
#tajimaguro3 ul li { width: 545px; }
#tajimaguro3 figcaption {
	font-size: 2.0rem;
	padding: 10px 0;
	text-align: center;
	background: #41210C;
}
#otherDishes h2 { text-align: center; }
#otherDishes .contentsBox { margin-bottom: 50px; }
#otherDishes .contentsBox .lead { 
	text-align: center;
	margin-bottom: 30px;
}
#otherDishes figcaption {
	font-size: 2.0rem;
	padding: 10px 0;
	text-align: center;
	background: #41210C;
}
#nisyokunabe {
	display: flex;
	justify-content: space-between;
}
#nisyokunabe .txt { width: 500px; }
#nisyokunabe .photo { width: 580px; }
#kani .lead {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
#kani .lead .txt { width: 500px; }
#kani .lead .photo { width: 580px; }
#kani ul {
	display: flex;
	justify-content: space-between;
}
#kani ul li { width: 545px; }
#bbq ul {
	display: flex;
	justify-content: space-between;
}
#bbq ul li { width: 545px; }
#select ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#select ul li { width: 545px; }
#select ul li:nth-of-type(-n+2) { margin-bottom: 30px; }
#breakfast ul {
	display: flex;
	justify-content: space-between;
}
#breakfast ul li { width: 545px; }

/*** access
*********************************************************************************/
#gMap { margin-bottom: 40px; }
#parking dl div {
	display: flex;
	justify-content: space-between;
}
#parking dt, #parking dd { padding: 10px; }
#parking dl div dt { 
	width: 260px;
	background: #332822;
}
#parking dl div dd { 
	width: 849px;
	background: #A18A78; 
}
#pickupService {
	position: relative;
	width: 900px;
	height: 150px;
	margin: 0 auto 100px;
}
#pickupService h2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 146px;
	height: 121px;
}
#pickupService p {
	width: 800px;
	position: absolute;
	top: 50px;
	right: 0;
	z-index: -1;
	padding: 30px;
	background: #332822;
	display: flex;
	justify-content: center;
}
#traffic .contentsBox:not(:last-of-type) { margin-bottom: 40px; }
#traffic .contentsBox h3 {
	font-size: 2.0rem;
	margin-bottom: 10px;
	border-left: 14px double #4fd0ff;
	padding-left: 15px;
}
#traffic dl div {
	display: flex;
	justify-content: space-between;
}
#traffic dl div:first-of-type { margin-bottom: 1px; }
#traffic dt, #traffic dd { padding: 10px; }
#traffic dl div dt { 
	width: 260px;
	background: #332822;
}
#traffic dl div dd { 
	width: 849px;
	background: #A18A78; 
}
#traffic .contentsBox p {
	padding: 15px;
	background: #A18A78;
}

/*** english
*********************************************************************************/
#introduction .contentsBox {
	display: flex;
	justify-content: space-between;
}
#introduction .contentsBox:first-of-type { 
	background: url(english/bg_intro01.png) left bottom no-repeat;
}
#introduction .contentsBox:nth-of-type(2) { 
	background: url(english/bg_intro02.png) right bottom no-repeat;
}
#introduction .contentsBox .txt { 
	width: 570px;
	padding-top: 30px; 
}
#introduction .contentsBox .photo { width: 680px; }
#introduction .contentsBox:nth-of-type(2) .txt p:first-of-type { margin-bottom: 15px; }
.title01 {
	height: 93px;
	background: url(english/bg_title01.png) no-repeat;
	padding: 20px 0 0 95px;
	font-size: 2.4rem;
}
.title02 {
	font-size: 2.0rem;
	margin-bottom: 10px;
	border-left: 14px double #4fd0ff;
	border-bottom: 1px solid #fff;
	padding-left: 15px;
}
#eCuisine figcaption {
	font-size: 2.0rem;
	padding: 10px 0;
	text-align: center;
	background: #41210C;
}
#eCuisine .lead { margin-bottom: 30px; }
#eCuisine .lead p { text-align: center; }
#e-nisyokunabe {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
#e-nisyokunabe .txt { width: 500px; }
#e-nisyokunabe .photo { width: 580px; }
#e-kani .lead {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
#e-kani .lead .txt { width: 500px; }
#e-kani .lead .txt p { text-align: left; }

#e-kani .lead .photo { width: 580px; }
#e-kani ul {
	display: flex;
	justify-content: space-between;
}
#e-kani ul li { width: 545px; }
#e-bbq ul {
	display: flex;
	justify-content: space-between;
}
#e-bbq ul li { width: 545px; }
#e-select ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#e-select ul li { width: 545px; }
#e-select ul li:nth-of-type(-n+2) { margin-bottom: 30px; }
#e-breakfast ul {
	display: flex;
	justify-content: space-between;
}
#e-breakfast ul li { width: 545px; }
#e-condominium h2 span { font-size: 1.6rem; }
#e-condominium .contentsBox {
	display: flex;
	justify-content: space-between;
}
#e-condominium .contentsBox .photo { width: 580px; }
#e-condominium .contentsBox .txt { width: 500px; }
#e-condominium .contentsBox { 
	background: url(stay/bg_condominium2.png) right bottom no-repeat;
	margin-bottom: 30px;
}
#e-condominium dl {
	display: flex;
	justify-content: space-between;
}
#e-condominium dt, #e-condominium dd { padding: 10px; }
#e-condominium dt { 
	width: 250px;
	background: #332822;
}
#e-condominium dd { 
	width: 859px;
	background: #A18A78; 
}
#e-condominium .attention {
	position: relative;
	width: 900px;
	height: 350px;
	margin: 0 auto 100px;
}
#e-condominium .attention h2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 146px;
	height: 121px;
}
#e-condominium .attention ul {
	width: 800px;
	position: absolute;
	top: 50px;
	right: 0;
	z-index: -1;
	padding: 30px;
	background: #332822;
}
#e-dining h2 { margin-bottom: 30px; }
#e-dining .contentsBox {
	display: flex;
	justify-content: space-between;
	background: url(english/bg_dining.png) left bottom no-repeat;
}
#e-dining .contentsBox .photo { width: 580px; }
#e-dining .contentsBox .txt { width: 500px; }
#e-cancel .lead { 
	text-align: center;
	margin-bottom: 30px;
}
#e-cancel .lead h2 { 
	text-align: left;
	margin-bottom: 10px; }
#e-cancel dl {
	display: flex;
	justify-content: space-between;
}
#e-cancel dl div { width: 369px; }
#e-cancel dl div dt, #e-cancel dl div dd { 
	padding: 10px;
	text-align: center;
}
#e-cancel dl div dt { background: #332822; }
#e-cancel dl div dd { background: #A18A78; }
#e-creditCard h2 { margin-bottom: 30px; }
#e-creditCard dl {
	display: flex;
	justify-content: space-between;
}
#e-creditCard dt, #e-creditCard dd { padding: 10px; }
#e-creditCard dt { 
	width: 250px;
	background: #332822;
}
#e-creditCard dd { 
	width: 859px;
	background: #A18A78; 
}
#e-map ul {
	display: flex;
	justify-content: space-between;
}
#e-map ul li #e-gMap { width: 600px; }
#e-map ul li #e-illustmap { width: 480px; }

/*** information
*********************************************************************************/
#sns .inner {
	display: flex;
	justify-content: space-between;
}
#sns .contentsBox h2 {
	font-size: 2.0rem;
	margin-bottom: 20px;
	border-left: 14px double #4fd0ff;
	border-bottom: 1px solid #fff;
	padding-left: 15px;
}

/*** pagetop
*********************************************************************************/
#page-top {
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
	font-size: 86%;
	z-index: 99999;
}
#page-top a {
	width: 40px;
	height: 40px;
    display: block;
    white-space: nowrap;
  	text-indent: 100%;	
    overflow: hidden;
    background: url(common/btn_pagetop.png);
}

/*** fuwafuwa
*********************************************************************************/
.fuwatAnime {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: fuwatAnime;
 -ms-animation-name: fuwatAnime;
 animation-name: fuwatAnime;
 visibility: visible !important;
}
@-webkit-keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

/**********************************************************************************

	footer
	
***********************************************************************************/
footer { width: 100%; }
#footerNav { 
	padding: 50px 0;
	background: url(common/bg_fNav.png) repeat;
}
#footerNav .inner { 
	width: 1000px;
	background: url(common/bluebird.png) right bottom no-repeat; 
}
#footerNav ul {
	display: flex;
	justify-content: space-between;
}
#footerNav ul li ul { display: block; }
#footerNav ul li h3 {
	font-weight: bold;
	margin-bottom: 10px;
	color: #333;
}
#footerNav ul li h3 a {
	color: #333;
	text-decoration: none;
}
#footerNav ul li ul li a {
	color: #744521;
	text-decoration: none;
}
#footerNav ul li ul li a:hover { text-decoration: underline; }
#footerInfo { 
	height: 190px;
	padding: 30px 0;
	background: rgba(0,0,0,0.6);
	text-align: center;
}
.yadoInfo { margin-bottom: 20px; }
.yadoInfo h2 { margin-bottom: 10px; }
.yadoInfo h2 span { font-size: 2.4rem; }
.copy { font-size: 1.2rem; }
.copy a {
	color: #fff;
	text-decoration: none;
}
.copy a:hover { text-decoration: underline; }
.liberty img { margin-right: 5px; vertical-align: middle; }

/*** attachment
*********************************************************************/
.indent {
	padding-left: 1em;
	text-indent: -1em;
}
.bold { font-weight: bold; }
.mt05 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt55 { margin-top: 55px; }
.mt60 { margin-top: 60px; }
.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mb55 { margin-bottom: 55px; }
.mb60 { margin-bottom: 60px; }
.mb65 { margin-bottom: 65px; }
.mb70 { margin-bottom: 70px; }
.mb100 { margin-bottom: 100px; }

.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }

#rss { margin-bottom: 30px; }
.feedEkList {
	padding: 4px 0; 
	color: #3E3E3E;
}
.feedEkList li {
	border-bottom: 1px dashed #adadad; 
	padding: 10px;
	margin-bottom: 10px;
}
/*.feedEkList li:last-child { border-bottom: none; }*/
.itemTitle a {
	font-weight: bold;
	font-size: 14px;
	color: #039 !important; 
	text-decoration: none;
}
.itemTitle a:hover{ text-decoration: underline }
.itemDate{ 
	font-size: 13px;
} 
.feedEkList li { 
	position: relative; 
	padding-top: 25px;
}
.feedEkList li .itemDate { 
	height: 25px;
	line-height: 25px;
	position: absolute;
	top: 0;
}
.page_title {
	background: rgba(0,0,0,0.5);
	background-position: center top;
	width: 515px;
	margin-top: 160px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	clear: both;
	float: none;
	background-repeat: no-repeat;
	height: 120px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.page_title h2 {
	text-align: center;
	padding: 0px;
	font-size: 40px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 100%;
}
.page_title p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	font-size: 25px;
}
#mini {
	padding: 0px;
	display: block;
	height: auto;
	width: 200px;
	margin-top: 0px;
	margin-right: 11px;
	margin-bottom: 10px;
	margin-left: 11px;
	float: left;
}
#mini img {     border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;}
#mini hr {width: 0px; height: 0px; margin: 0px; padding: 0px; clear: both; border-style: none; visibility: hidden;}

/*プラン*/
#mini #minileft {
	width: 200px;
	float: right;
	word-wrap: break-word;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
#mini #minileft p {
	font-size: 14px;
	line-height: 24px;
	margin: 0 0px 10px 0;
	padding: 0px;
}
#mini #minileft h4 {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2em;
}
#mini #minileft h4 a{
	margin: 0px;
	padding: 0;
	color: #74D8FE;
	text-decoration: none;
}
#mini #minileft h4 a:hover {
	color: #74D8FE;
	font-weight: bold;
	text-decoration: underline;
}

#mini #miniright {
	width: 200px;
	text-align: right;
	margin: 0px;
	padding: 0px;
	float: left;
}
#mini #miniright img {
	width:200px;
	height:200px;
	margin: 0px 0px 0px;
	padding: 0px;
	border-style: none;
}


/*プランボタン*/
#mini #miniright p {margin: 0px; padding: 0px; display: block;}
#mini #miniright p a {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 200px;
	height: 105px;
	background: url(m_plan02.gif) no-repeat;
}
#mini #miniright p a:hover { background: url(m_plan02_ov.gif) no-repeat;}

#mini #miniright strong {display: none;}
.home #page #main #plan .inner .planBody.fuwat hr {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: none;
	border-width: 0px;
	border-style: none;
}
#mini02 {
	padding: 0px;
	display: block;
	height: auto;
	width: 1110px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	background-color: rgb(161,138,120);
}
#mini02 hr {width: 0px; height: 0px; margin: 0px; padding: 0px; clear: both; border-style: none; visibility: hidden;}

/*プラン*/
#mini02 #minileft {
	width: 880px;
	float: right;
	word-wrap: break-word;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 0px;
}
#mini02 #minileft p {
	font-size: 12px;
	line-height: 24px;
	margin: 0 0px 10px 0;
	padding: 0px;
	color: rgb(255,255,255);
}
#mini02 #minileft h4 {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	font-size: 19px;
	font-weight: bold;
	line-height: 1.2em;
}
#mini02 #minileft h4 a{
	margin: 0px;
	padding: 0;
	color: #000000;
	text-decoration: none;
}
#mini02 #minileft h4 a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

#mini02 #miniright {
	width: 200px;
	text-align: right;
	margin: 0px;
	padding: 0px;
	float: left;
}
#mini02 #miniright img {
	margin: 0px 0px 0px;
	padding: 0px;
	border-style: none;
}


/*プランボタン*/
#mini02 #miniright p {margin: 0px; padding: 0px; display: block;}
#mini02 #miniright p a {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 200px;
	height: 105px;
	background: url(m_plan02.gif) no-repeat;
}
#mini02 #miniright p a:hover { background: url(m_plan02_ov.gif) no-repeat;}


/*** QR
*********************************************************************/
.qr{
	position: absolute;
	top: -7px;
	right: 170px;
	width: 150px;
	font-size: 12px;
	text-align: center;
	margin: 0 auto;
	z-index: 30;
}
.qr p{
	text-align: center;
	margin-top: 5px;
}
.qr a{
	color: #fff;
}