@charset "utf-8";
/* shop_style.css */

/* Suggested order:
 *
 * display
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * z-index
 *
 */

/* font-size:
 *
 * 10px - 72%
 * 11px - 79%
 * 12px - 86%
 * 13px - 93%
 * 14px - 100%
 * 15px - 108%
 * 16px - 115%
 *
 */


/* default style */

body {
	width: 100%;
	background: #fff;
	font-family: Meiryo, arial, sans-serif;
	-webkit-text-size-adjust: none;
	color: #191415;
}
a {
	color: #191415;
	text-decoration:none;
}

.ac {text-align:center;}
.ar {text-align:right;}

.fl {f;oat:left;}
.fr {float:right;}

.clear { clear:both;}

/* clearfix */
 
.cf {
	width: 100%;
}
.cf:after {
    content:".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0.1em;/*added for FF*/
}

/*navi*/
.nav {
    padding: 0;
    width: 100%;
	background:url(../images/gnavi_bg.png) left top repeat-x;
	z-index:1000;
	height:83px;
	border-bottom:3px solid #321900;
}
.nav .gnavi {
	width:1120px;
	margin:0 auto;
}

.nav .gnavi h1 {
	float: left;
	text-align:left;
	width:270px;
	margin:34px 33px 0 0;
}
	
.nav .gnavi li {
    list-style: none;
	width:136px;
    float: left;
	text-align:center;
}

#header {
	width:100%;
	margin-top:-83px;
	padding-top:83px;
	}

#header .mainimg_inner {
	background-color:#eff0e6;
	border-bottom:3px solid #321900;
	height:400px;
	margin:0 auto;
	text-align:center;
}

/* news */
#news {
	padding:25px 0 10px 0;	
	border-bottom:3px solid #321900;
}

#news .news_inner {
	width:1020px;
	margin:0 auto;
	font-size:14px;
}

#news .news_inner p {
	margin-bottom:13px;
}

/* intro */
#intro {
}

.parallax-window {
    min-height: 260px;
    background: transparent;
}

.parallax-window .title {
	padding-top:30px;
	font-size:32px;
	}

.parallax-window p {
	padding-top:40px;
	text-align:center;
	font-size:18px;
	line-height:200%;
	text-shadow: 0px 2px 3px #fff;
}
	
.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.dummy {
  display: none;
}


/* contents */
.cnt_box {
	width:100%;
	margin:0 auto;
	}
	
.cnt_box {
	margin-top:-83px;
	padding-top:83px;
}

.cnt_box h2 {
	text-align:center;
	height:73px;
	background-color:#321900;
	padding-top:22px;
	background:url(../images/h2_bg.jpg) left top repeat-x;
	/*border-bottom:15px solid #DFE0CD;*/
	margin:0 0 30px 0;
}

.cnt_box .cont_box_inner {
	width:1120px;
	margin:0 auto;
	padding:20px 0 50px 0;
}

/*.cont_box_inner*/

.cnt_box .cont_box_inner p,
#eq_box,
.acc_cnt,
.rp_btn,
.con_cnt {
	line-height:160%;
	font-size:15px;
	text-align:center;
	margin:0 0 40px 0;
	-moz-border-animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-moz-border-animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
	animation-delay:0.6s;
}

.cnt_box .cont_box_inner h3,
table#ol_t{
	margin:0 0 30px 0;
	text-align:center;
	-moz-border-animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-moz-border-animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
	animation-delay:0.6s;
}

.base_b {background-color:#E1E8EB;}


/* equipment */

.p_txt {
	font-size:12px;
	text-align:center;
	margin:0 0 20px 0;
}

#eq_box {
	width:100%;
	display:flex;
	justify-content: center;
	padding:0;
	list-style: none;
}

.eq_photo{width:calc(100% / 4);
	margin:0;
	text-align:center;
	}
	
.eq_photo02{width:calc(100% / 3);
	margin:0;
	text-align:center;
	}
	
.eq_photo p,
.eq_photo02 p {
	font-size:13px !important;
	line-height:140% !important;
	margin-top:10px !important;
}

/* room plan */
#rp_box .madori01 {
	float:left;
	width:490px;
	position:relative;
}

#tags {
	position:absolute;
	border-left:1px solid #191415;
	border-top:1px solid #191415;
	border-right:1px solid #191415;
}

#tags td {
	text-align:center;
	font-size:15px;
	border-bottom:1px solid #191415;
}

#tags td{
	background-color:#ffffff;
	width:68px;
	padding:5px 0;
}

#tags td:hover {
	background-color:#FC6;
}

.a01 {left:34px; bottom:143px;}
.a02 {left:0px; top:102px;}
.a03 {right:102px; top:0px;}
.a05 {right:48px; top:96px;}
.b01 {right:23px; top:200px;}
.b02 {right:0px; bottom:165px;}
.b03 {right:185px; bottom:3px;}

#rp_box .choice {
	float:right;	
	width:582px;
	height:556px;
	margin:0;
	padding:0;
	overflow:hidden;
}

.tab{overflow:hidden;}
.tab .select{background:#FC6;}
.hide {display:none;}

.rp_btn {
	margin:40px 0;
	text-align:center;
	clear:both
}


/* location */
table#loca_t {
	width:100%;
	border-collapse: separate;
	border-spacing: 10px;
	margin:40px 0 20px 0;
}

table#loca_t th {
	padding:6px;
	border-bottom:2px solid  #191415;
	font-size:16px;
	text-align:left;
}

table#loca_t td {
	padding:6px;
	font-size:14px;
}

table#loca_t .no {
	background-color:#C4C7A3;
	color:#fff;
	text-align:center;
	width:15px;
}


/*outline*/
table#ol_t {
	width:48%;
	margin:0 0 30px 0;
}

table#ol_t th {
	padding:0 14px 10px 14px;
	border-bottom:2px solid  #191415;
	font-size:16px;
	text-align:left;
}

table#ol_t td {
	padding:12px 0 8px 14px;
	font-size:14px;
	line-height:180%;
	text-align:left;
}

table#ol_t tr {
	border-bottom:1px dotted  #ccc;
}

table#ol_t tr:last-child {
	border-bottom:0;
}

/*access*/

.acc_cnt {
	width:1120px;
	margin-bottom:40px;
}

.acc_l {
	float:left;
}
.acc_r {
	float:right;
}

.acc_line {width:403px;}
.acc_img {width:670opx;}
.acc_time01 {width:520px;}
.acc_time02 {width:580px;}

#googleMap {
	width: 100%;
	height: 300px;
	clear:both;
	margin:60px 0 20px 0;
}

/*contact*/

#mailform {
	margin: 30px auto 0 auto;
}
#con table {
	margin:0 auto;
}
#con table th {
	width: 270px;
	color: #000;
	font-weight: normal;
	vertical-align: middle;
	text-align:left;
	font-size:14px;
}
#con table th span {
	margin: 0 0 0 10px;
}
#con table td {
	padding: 10px;
}
#con table td input,
#con table td textarea {
	font-size: 129%;
	width: 450px;
}
#con table td textarea {
	height: 255px;
}
#submit_btn {
	margin: 30px 0 0 0;
	text-align: center;
}

#page-top {
    position: fixed;
    bottom: 30px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #C4C7A3;
	border:2px solid #fff;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #9c3;
}

#footer {
	text-align:center;
}

.copyright {
	clear:both;
	text-align:center;
	font-size:12px;
	margin-top:20px;
	padding:10px 0 70px 0;
	color:#fff;
	background-color:#321900;
}


.thanks {
	margin:100px 0;	
	text-align:center;
}

.thanks h2 {
	margin-bottom:40px;
}

.thanks p {
	margin:0 0 10px 0;
	font-size:14px;
}

.mb_acc {margin-bottom:34px;}