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

html { font-size: 15px; line-height: 2.2em; color: #000; letter-spacing: 0.1em; height: 100%; }

body { font-family: YuMincho, "Hiragino Mincho ProN", "MS PMincho", serif; position: relative; margin: 0; padding: 0; word-break: break-all; width: 100%; min-width:1280px; -webkit-text-size-adjust: 100%; height: 100%; font-family: YuGothic, "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", sans-serif; }
/*fixedでずれたheader分のheightを調整（aタグlink時）*/
main{padding-top:109px;}
#link_d_facilitymap,#link_k_facilitymap,#link_facilitymap,#dantai_one,#dantai_two,#dantai_three,#dantai_four,#dantai_five,#dantai_six,#dantai_seven,#dantai_eight,#dantai_nine,#dantai_ten{margin-top:-109px; padding-top:150px;}
/**/
/*Link*/
a:link { text-decoration: underline; color: #000; 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: #000; }

a:hover { text-decoration: none; color: #4e4e4e; }

a:active { text-decoration: none; color: #4e4e4e; }

/*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 )"; }

/*フロート*/
.FL { float: left; margin: 0 40px 20px 0; }

.FR { float: right; margin: 0 0 20px 40px; }

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

/*caution*/
ul.caution { margin-left: 16px; margin-top: 10px; }
ul.caution li { list-style: none; font-size: 11px; color: #515151; font-size: 15px; width: 100%; line-height: 1.3em; text-align: left; }
ul.caution li:before { content: "※ "; margin-left: -16px; }

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

ul.cautionList { background: #ebebeb; border: 3px solid #cecece; padding: 30px 30px 30px 60px; margin: 0; width: calc(100% - 96px); }
ul.cautionList li { list-style: disc; font-weight: bold; text-align: left; }

/*font*/
.Oswald200 { font-family: 'Oswald', sans-serif; font-weight: 200; }

.Oswald400 { font-family: 'Oswald', sans-serif; font-weight: 400; }

.YuGothic { font-family: YuGothic, "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", sans-serif; }

.YuMincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }

.smallFont { font-size: 12px; color: #6E6E6E; }

.red { color: #db0000; }

.txtSmall { font-size: 14px; margin-bottom: 40px; }

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

.wrapperBox1 { display: block; width: 1030px; margin: 0 auto; padding: 0 50px; position: relative; }

/*.wrapperBox2 {
	display: block;
	width: $wrapper2;
	margin: 0 auto;
	padding: 0;
}

.wrapperBox3 {
	display: block;
	width: $wrapper3;
	margin: 0 auto;
	padding: 0;
}

.wrapperBox4 {
	display: block;
	width: $wrapper4;
	margin: 0 auto;
	padding: 0;
}*/
/*header*/
.btn { position: fixed; top: 122px; left: -9px; z-index: 1000; transition: all 0.2s ease; }
.btn:hover { left: 0; }

.txt { position: absolute; top: calc(50vh - 45px); left: calc(50% - 347px); z-index: 50; }

.scroll { position: absolute; bottom: 30px; left: calc(50% - 56px); z-index: 50; }

.header { background: white; position: fixed; top: 0; z-index: 100; width: 100%; display: block; height: 109px; }
.header header { width: 100%; display: block; text-align: center; position: relative; margin: 0; padding: 0; height:109px; }
.header header .headTxt { margin: 3px 0 3px 0; font-size: 10px; color: #797979; }
.header header .logo { margin: 0; }
.header header .details_btn{position: absolute; top: 36px; right: 320px; font-size: 16px; width: 200px; text-align: center; background:#26110B; color:#fff; border:2px solid #26110B; border-radius:3px; padding:5px 5px 2px; box-sizing:border-box; font-weight:bold;}
.header header .details_btn i{padding-left:10px;}
.header header .tel { position: absolute; top: 15px; right: 100px; font-size: 14px; width: 200px; text-align: left; }
.header header .fax { position: absolute; top: 36px; right: 100px; font-size: 14px; width: 200px; text-align: left; }
.header header .mail { position: absolute; top: 55px; right: 100px; font-size: 14px; width: 200px; text-align: left; }
.header header .mail a:link, .header header .mail a:hover { text-decoration: none; }

/*bar*/
.leftBar { width: 40px; height: 100%; background: #fff; position: fixed; left: 0; top: 0; bottom: 0; z-index: 10; }

.rightBar { width: 40px; height: 100%; background: #fff; position: fixed; right: 0; top: 0; bottom: 0; z-index: 10; }

/*アンカー*/
.point { position: absolute; top: -120px; }

.point2 { position: absolute; top: -200px; }

/*#scrollUp*/
#scrollUp { position: fixed; bottom: 20px; right: 20px; z-index: 11; }
#scrollUp i { font-size: 36px; line-height: 46px; font-style: normal; }
#scrollUp a { text-decoration: none; width: 50px; height: 50px; display: block; color: #000; background: #fff; text-align: center; z-index: 11; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.4s ease; -moz-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; }
#scrollUp a:hover { -webkit-transform: translate(0px, -5px); -moz-transform: translate(0px, -5px); -o-transform: translate(0px, -5px); -ms-transform: translate(0px, -5px); transform: translate(0px, -5px); }

/*footer area*/
footer { margin: 0; padding: 130px 0 0 0; }
footer .footerInner { display: block; width: 1030px; padding: 0 50px; margin: 0 auto; text-align: center; }
footer .footerInner nav ul { display: block; text-align: center; }
footer .footerInner nav ul li { display: inline-block; margin: 10px; font-size: 14px; }
footer .footerInner nav ul li a:link { transition: all 0.2s ease; }
footer .footerInner nav ul li a:hover { opacity: 0.4; }
footer .footerInner .info { width: 700px; display: block; height: 60px; margin: 15px auto 0 auto; }
footer .footerInner .info img {float: left; }
footer .footerInner .info a.btnF1 { display: inline-block; float: right; background: #26110b; color: #fff; font-weight: bold; height: 48px; font-size: 10px; line-height: 1.8em; padding: 12px 20px 0 20px; text-align: center; }
footer .footerInner .info a.btnF1:link { transition: all 0.2s ease; text-decoration: none; }
footer .footerInner .info a.btnF1:hover { opacity: 0.4; text-decoration: none; }
footer .footerInner .info a.btnF1 span { font-size: 14px; }
footer .footerInner .info a.btnF2 { display: inline-block; margin: 0 0 0 10px; float: right; background: #b2a263; color: #fff; font-weight: bold; font-size: 14px; line-height: 60px; padding: 0 20px; text-align: center; }
footer .footerInner .info a.btnF2:link { transition: all 0.2s ease; text-decoration: none; }
footer .footerInner .info a.btnF2:hover { opacity: 0.4; text-decoration: none; }
footer .footerInner .copyOut { height: 30px; display: block; margin: 60px 0 15px 0; }
footer .footerInner .copyOut .yado { color: #888888; line-height: 30px; font-size: 12px; display: inline-block; }
footer .footerInner .copyOut .copy { color: #888888; line-height: 30px; font-size: 12px; padding: 0 0 0 3em; display: inline-block; }

.google { margin: 50px 0; }

.box { position: relative; height: 210px; width:670px; display:inline-block;}
.box .infologo { position: absolute; top: 20px; left: 0; }
.box .infodetail { position: absolute; line-height: 1.9em; top: 120px; left: 0px; }
.info_text{position:absolute; top:220px; left:0;}
.tab_under{width:350px; font-size:14px; line-height:20px; padding-left:600px;}
#map_canvas { width: 100%; height: 356px; margin: 20px auto 0 auto; }

/*margin adjust*/
.marB20 { margin-bottom: 20px; }

.marB30 { margin-bottom: 30px; }

.marB60 { margin-bottom: 60px; }

.marB80 { margin-bottom: 80px; }

.marB90 { margin-bottom: 90px; }

.marB120 { margin-bottom: 120px; }

.marT20 { margin-top: 20px; }

.marT40 { margin-top: 40px; }

.marT50 { margin-top: 50px; }

.marT60 { margin-top: 60px; }

.marT80 { margin-top: 80px; }

.marT95 { margin-top: 95px; }

.marT100 { margin-top: 100px; }

.marT120 { margin-top: 120px; }

.marT140 { margin-top: 140px; }

/*midashi*/
.stH1 { font-size: 30px; display: block; text-align: center; padding: 159px 0 30px 0; line-height: 1em; }

.stH1Catch { font-size: 14px; display: block; text-align: center; padding: 0 0 50px 0; line-height: 1em; }

.norH { display: block; text-align: center; margin-bottom: 34px; font-size: 20px; letter-spacing: 0.1em; line-height: 1.4em; }

.norH_0 { display: block; text-align: center; margin: 34px 0 10px 0; font-size: 17px; letter-spacing: 0.1em; line-height: 1.4em; }

.norH_2 { display: block; margin-bottom: 20px; font-size: 30px; letter-spacing: 0.4em; }

.norH_3 { display: block; margin-bottom: 12px; font-size: 18px; }

.norH_3_bar { display: inline-block; margin-bottom: 25px; font-size: 20px; font-weight: bold; }

.norH_3_bar:before { content: ""; display: block; width: 50px; height: 3px; background: #000; margin: 0 auto 10px auto; }

.norH_3_bar span,.norH_0 span { display: block; font-size: 12px; padding: 5px 0 0 0; line-height: 1.4em; }

.boxH { display: block; text-align: center; padding: 20px 0 0 0; margin-bottom: 60px; }
.grayFig img{width:100%;}
.grayFig { display: block; text-align: center; width:600px; height:676px; margin-left:auto; margin-right:auto;}
.figure_wrap{margin:auto; padding:45px 0; background: #f9f9f9;}

/*table*/
table.ver01 { border-collapse: separate; border-spacing: 1px 1px; background: #e1e1e1; width: 100%; }
table.ver01 tr { border-bottom: 1px solid #e1e1e1; }
table.ver01 tr th { background-color: #fff; font-weight: bold; padding: 15px 20px; text-align: left; }
table.ver01 tr td { background-color: #fff; font-weight: normal; padding: 15px 20px; text-align: left; }

/*リスト*/
.threeList { padding: 0; display: block; }
.threeList li { display: inline-block; vertical-align: top; width: 330px; margin: 0 20px 20px 0; }
.threeList li:nth-child(3n) { margin: 0 0 20px 0; }
.threeList li figure { margin-top: -15px; }
.threeList li p { text-align: left; padding: 0 4px; }

.twoList { padding: 0; display: block; }
.twoList li { display: inline-block; vertical-align: top; width: 476px; margin: 0 78px 40px 0; line-height: 1.6em; }
.twoList li:nth-child(2n) { margin: 0 0 40px 0; }
.twoList li p { text-align: left; padding: 0 4px; }

.two2List { padding: 0; display: block; }
.two2List li { display: inline-block; vertical-align: top; width: 504px; margin: 0 22px 40px 0; line-height: 1.6em; position: relative; }
.two2List li:nth-child(2n) { margin: 0 0 40px 0; }
.two2List li p { padding: 0 4px; display: inline-block; position: absolute; top: 307px; left: calc(252px - 110px); border: 1px solid #000; font-weight: bold; font-size: 15px; padding: 15px 0; width: 220px; background-color: rgba(255, 255, 255, 0.7); }

.choice{display:flex; width:780px; margin-left:auto; margin-right:auto; justify-content:space-between;}
.choice_btn{text-align:center;}
.choice_btn a{
	display:block; text-decoration:none; color:#fff; background:#000; padding:8px 12px 0; line-height:20px; font-size:18px; border-radius:3px; width: 250px; box-sizing:border-box;  border:1px solid #000;}
.choice{background:#fff;}
.choice_btn span:nth-child(2){font-size:11px;}
.choice_btn a:hover{  background-color: #fff; border:1px solid #565656; color: #565656;}
.CENTER { display: block; text-align: center; width: 100%; }

.LEFT { display: block; text-align: left; width: 100%; }

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


/*追加*/
#kojin_one,#kojin_two,#kojin_three,#kojin_four,#kojin_five,#kojin_six,#kojin_seven,#dantai_one,#dantai_two,#dantai_three,#dantai_four{
	margin-top:-109px;
	padding-top:109px;
}
/*空室検索*/
.plan_form select{
	background:#ccc;
}
input, select, input[type=checkbox], textarea {
    border: none;
    background: #ccc;
	padding:5px;
}
.plantable,.check_in{
	display:flex;
	justify-content:space-between;
	margin:10px 0;
	align-items:center;
}
.plantable{
	padding:0 30px;
}
.check_in img,.guests img,.type img,.price img{
	padding-right:5px;
}
.text_r{
	padding-left:5px;
}

/*ページ内リンク調整↓*/
#facilities {
	padding-top: 150px;
	margin-top:-150px;
}
#guestroom {
	padding-top: 150px;
	margin-top:-150px;
}
#dining {
	padding-top: 150px;
	margin-top:-150px;
}
/*ページ内リンク調整↑*/