@charset "UTF-8";
/* Scss Documents */
/*------------------------------
COMMON CSS
------------------------------*/
* { margin: 0; padding: 0; }

html, #top, .wrapper { width: 100%; height: 100%; }

html { font-size: 17px; line-height: 2em; color: #616161; letter-spacing: 0.1em; }

body { font-family: YuMincho, "Hiragino Mincho ProN", "MS PMincho", serif; margin: 0; padding: 0; word-break: break-all; width: 100%; -webkit-text-size-adjust: 100%; min-width: 1280px; overflow-x: hidden; }

/*Link*/
a:link { text-decoration: underline; color: #24456b; text-decoration: underline; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; }

a:visited { text-decoration: underline; color: #24456b; }

a:hover { text-decoration: underline; color: #7d98b7; }

a:active { text-decoration: underline; color: #7d98b7; }

/*clearfix*/
.clear { clear: both; height: 0px; font-size: 0px; margin: 0px; padding: 0px; overflow: hidden; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; }

/*imgHover*/
.imgHover a:link { opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "alpha( opacity=100 )"; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; }

.imgHover a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; }

/*縦書き*/
.vertical { -ms-writing-mode: tb-rl; /* for MS IE8+ */ -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; }

/*caution*/
ul.caution { margin-left: 12px; margin-top: 10px; }
ul.caution li { list-style: none; font-size: 12px; width: 100%; text-align: left; color: #64714b; line-height: 1.8em; }
ul.caution li:before { content: "※ "; margin-left: -12px; }

ul.caution2 { margin-left: 16px; margin-top: 10px; }
ul.caution2 li { list-style: none; font-size: 14px; width: 100%; line-height: 1.3em; text-align: left; }
ul.caution2 li:before { content: "・ "; margin-left: -16px; }

/*wrapper*/
.wrapper { width: 100%; margin: 0; padding: 0; }

.wrapperIn { width: 100%; margin: 0; padding: 0; }

/*header*/
#change { position: fixed; top: 0px; left: 0px; z-index: 9999; width: 100%; }

.header { background: url(../img/common/bg_header.jpg); }
.header header { display: block; width: 1280px; margin: 0 auto; height: 62px; /*display: none;*/ }
.header header h2.logo { display: block; width: 198px; height: 62px; float: left; }
.header header nav { display: block; width: 840px; height: 62px; float: left; text-align: right; }
.header header nav ul.navi { height: 62px; display: inline-block; padding: 0 15px 0 0; }
.header header nav ul.navi li { padding: 0 20px; display: inline-block; line-height: 62px; height: 62px; }
.header header nav ul.navi li a { font-size: 14px; line-height: 36px; height: 36px; display: inline-block; }
.header header nav ul.navi li a:link, .header header nav ul.navi li a:visited { color: #161615; text-decoration: none; background: url(../img/common/arrow_01.png) no-repeat center 40px; }
.header header nav ul.navi li a:hover, .header header nav ul.navi li a:active { color: #6b6b6b; background: url(../img/common/arrow_01.png) no-repeat center bottom; }
.header header nav ul.navi li.current a:link, .header header nav ul.navi li.current a:visited, .header header nav ul.navi li.current a:hover, .header header nav ul.navi li.current a:active { background: url(../img/common/arrow_01.png) no-repeat center bottom; }
.header header p.planBtn { display: block; width: 242px; height: 52px; padding: 5px 0; float: left; }
.header header p.planBtn a { display: table-cell; width: 242px; height: 52px; vertical-align: middle; text-align: center; font-size: 14px; }
.header header p.planBtn a:link, .header header p.planBtn a:visited { color: #fff; text-decoration: none; background: #24456b url(../img/common/arrow_02.png) no-repeat 210px center; }
.header header p.planBtn a:hover, .header header p.planBtn a:active { background: #30527a url(../img/common/arrow_02.png) no-repeat 213px center; }

.search { width: 100%; background-color: rgba(52, 37, 9, 0.8); }
.search .searchIn { display: block; width: 1280px; margin: 0 auto; padding: 4px 0; text-align: right; height: 27px; }

#content { background: url(../img/common/bg_body.jpg); padding: 0 0 120px 0; }

.contents { width: 100%; position: absolute; z-index: 1; }

/* 全体の内包幅 */
.container { width: 1280px; margin: 0 auto; }

.containerNarrow { width: 854px; margin: 0 auto; }

div#mainVisual { width: 100%; height: 100%; max-height: 950px; position: relative; overflow: hidden; }

#index div#mainVisual:after { content: ""; display: block; clear: both; width: 100%; height: 90.88%; background-size: cover; position: absolute; right: 0px; top: 0px; }

div#mainVisual video { width: 100%; min-width: 1700px; position: fixed; right: 0; top: 0; z-index: 1; }

/*footer*/
footer { width: 100%; height: 815px; background: url(../img/common/movie-bg.png), url(../img/common/bg_footer.jpg) no-repeat center top; }
footer .container { text-align: center; color: #c7d3b1; }
footer .container .fnavi { display: block; width: 100%; text-align: center; padding: 30px 0 100px 0; }
footer .container .fnavi li { font-size: 14px; display: inline-block; padding: 0 30px 0 20px; border-right: 1px solid #c7d3b1; }
footer .container .fnavi li:last-child { border-right: none; }
footer .container .fnavi li a:link, footer .container .fnavi li a:visited { color: #c7d3b1; text-decoration: none; }
footer .container .fnavi li a:hover, footer .container .fnavi li a:active { color: #eef3e6; text-decoration: none; }
footer .container .zip { display: inline-block; text-align: left; line-height: 1.8em; padding: 65px 0 0 0; }
footer .container .sns { display: table; width: 100%; padding: 62px 0; }
footer .container .sns li { display: inline-block; padding: 0 5px; }
footer .container .sns li a { display: inline-block; border-radius: 50%; width: 32px; line-height: 32px; border: 1px solid #c7d3b1; }
footer .container .sns li a:link, footer .container .sns li a:visited { background-color: rgba(199, 211, 177, 0); }
footer .container .sns li a:hover, footer .container .sns li a:active { background-color: rgba(199, 211, 177, 0.3); }
footer .container a.gotop { display: block; width: 77px; height: 43px; text-indent: -9999px; margin: 0 auto; }
footer .container a.gotop:link, footer .container a.gotop:visited { background: url(../img/common/pagetop_footer.png) no-repeat center bottom; }
footer .container a.gotop:hover, footer .container a.gotop:active { background: url(../img/common/pagetop_footer.png) no-repeat center top; }
footer .container .banner { font-size: 13px; padding: 65px 0 22px 0; }
footer .container .banner a:link, footer .container .banner a:visited { color: #c7d3b1; }
footer .container .banner a:hover, footer .container .banner a:active { color: #fff; }
footer .container .copy { font-size: 10px; color: #c7d3b1; }

/*margin adjust*/
.marB10 { margin-bottom: 10px; }

.marB20 { margin-bottom: 20px; }

.marB30 { margin-bottom: 30px; }

.marB60 { margin-bottom: 60px; }

.marB80 { margin-bottom: 80px; }

.marB90 { margin-bottom: 90px; }

.marB120 { margin-bottom: 120px; }

.marT30 { margin-top: 30px; }

.marT40 { margin-top: 40px; }

.marT50 { margin-top: 50px; }

.marT60 { margin-top: 60px; }

.marT95 { margin-top: 95px; }

.center { width: 100%; text-align: center; }
/*staff_blogバナー*/
#bn_reservation {
    position: fixed;
    top: 200px;
    left: 0;
    z-index: 99;}
/*midashi*/
.norH3 { font-size: 28px; font-weight: normal; color: #000; }
.norH3 span { display: block; padding: 24px 0 55px 0; font-size: 11px; color: #9a9a9a; }

.norH3W { font-size: 28px; font-weight: normal; color: #fff; padding: 80px 0 60px 0; }
.norH3W span { display: block; padding: 24px 0 55px 0; font-size: 11px; color: #fff; }

.norH4 { font-size: 23px; font-weight: normal; color: #000; padding-bottom: 30px; }

/*table*/
table.ver01 { border-collapse: separate; border-spacing: 5px 5px; background: none; width: 100%; border-top: 3px solid #d3d3d3; border-bottom: 3px solid #d3d3d3; }
table.ver01 tr th, table.ver01 tr td { padding: 10px; text-align: center; border-bottom: 1px solid #d3d3d3; font-weight: normal; vertical-align: middle; }
table.ver01 tr th.cL, table.ver01 tr td.cL { text-align: left; }
table.ver01 tr td p { display: inline-block; margin: 0 auto; text-align: left; }
table.ver01 tr.last th, table.ver01 tr.last td { border: none; }

table.ver02 { border-collapse: separate; border-spacing: 5px 5px; background: none; width: 100%; border-top: 3px solid #fff; border-bottom: 3px solid #fff; }
table.ver02 tr th, table.ver02 tr td { padding: 10px; text-align: center; border-bottom: 1px solid #fff; font-weight: normal; vertical-align: middle; color: #fff; }
table.ver02 tr th.cL, table.ver02 tr td.cL { text-align: left; }
table.ver02 tr td { text-align: left; }
table.ver02 tr td p { display: inline-block; margin: 0 auto; text-align: left; }
table.ver02 tr.last th, table.ver02 tr.last td { border: none; }

table.ver03 { font-size:14px; line-height:1.5; border-collapse: separate; border-spacing: 5px 5px; background: none; width: 100%; border-top: 3px solid #d3d3d3; border-bottom: 3px solid #d3d3d3; }
table.ver03 tr th, table.ver03 tr td { padding: 10px; border-bottom: 1px solid #d3d3d3; font-weight: normal; vertical-align: middle; width:200px; }
table.ver03 tr th.cL, table.ver03 tr td.cL { text-align: left; }
table.ver03 tr td p { display: inline-block; margin: 0 auto; text-align: left; }
table.ver03 tr.last th, table.ver03 tr.last td { border: none; }

/*PAGE*/
.mainTxt .container, .norTxt .container { text-align: center; padding: 113px 0; line-height: 2em; font-size: 14px; }
.mainTxt2 {padding: 113px 0; margin-left:100px; line-height: 2em; font-size: 14px; }
.mainTxt .container .norH3, .norTxt .container .norH3 { padding-bottom: 80px; }

.norTxt .container { padding: 55px 0; }
.norTxt .container .norH3 { padding-bottom: 20px; }

/*# sourceMappingURL=common.css.map */


/* 空室検索 */
.plan_form{
	width:1280px;
	color:#FFF;
}
.plan_form p{
	margin:0;
	padding:0;
}
.plan_form img{
	vertical-align: middle;
	margin-right:10px;
}
.plan_form .check_in{
	width:390px;
	float:left;
	margin-right: 10px;
}
.plan_form .guests{
	width:210px;
	float:left;
	margin-bottom:8px;
	margin-right:5px;
}
.plan_form .type{
	width:230px;
	float:left;
}
.plan_form .price{
	width:320px;
	float:left;
}
.plan_form .search_btn{
	width: 100px;
	height: 24px;
	float:left;
	margin-left:5px;
}
.plan_form hr{
	clear:both;
	width:0;
	height:0;
}
/* 空室検索↑ */


/* 新着情報 */
/* clearfix */
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }

/* for macIE \*/
.clearfix { display:block; }

ul#newsList{
	text-align:left;
	margin:0 0 15px;
	padding:0;
}
ul#newsList li{
	color:#666;
	font-size:12px;
	margin:0;
	padding:5px 0;
	margin-bottom:3px;
	border-bottom:1px dotted #ccc;
	line-height:1.5;
	list-style-type:none;
}
a{color:#36F;text-decoration:underline;}
a:hover{color:#039;text-decoration:none;}

.catName{
	display:inline-block;
	padding:3px 8px;
	border:1px solid #ccc;
	border-radius:6px;
	font-size:11px;
	line-height:100%;
	margin:0 2px;
}
.newMark{
	display:inline-block;
	border:1px solid #932527;
	padding:1px 4px;
	font-size:11px;
	line-height:100%;
	background:#932527;
	color:#fff;
	box-shadow:1px 1px 1px #999;
	border-radius:8px;
	font-style:italic;
}
.comment{
	display:block;
	padding:3px 0;
	float:left;
	overflow:hidden;
	width:750px;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
}
.thumbNailWrap{
	display:block;
	width:110px;
	float:left;
	height:10px;
	overflow:hidden;
}
/* 新着情報↑ */

.button {
	display: inline-block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	background-color: #efede1;
	border: 2px solid #1D385B;
	color: #fff;
	margin-top:30px;
}

.button:hover {
	background-color: #1D385B;
	border-color: #1D385B;
	color: #efede1;
}

.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;
}