@charset "utf-8";
/* CSS Document */


/* reset */
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: 0px;
    padding: 0px;
    border: 0px;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
	font-family: "ヒラギノ明朝 W4 JIS2004";
	letter-spacing:0.5em;
	color:#444444;
}
/* 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;
}
a {text-decoration:none;}

/* Selected Text */
::selection {
	background:#b3d8e9; /* Safari */
}
::-moz-selection {
	background:#b3d8e9; /* Firefox */
}

/* onmouse 透過 */
a:hover img {
opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);	/* IE lt 8 */
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
} 
a img {
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}

/* clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: '';
  display: table;
  clear: both;
}

/* To top */
#fixedTop {
    right: 10px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
	letter-spacing:0em;
    font-size: 20px;
    text-align: center !important;
    display: none;
    background: #0e3764;
    position: fixed;
    z-index: 9999;
    border-radius: 3px;
    -webkit-transform: translateZ(0);
}
#fixedTop:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.7;
}
@media screen and (max-width:640px){
#fixedTop {
    bottom: 10px;
}
}
/* TEL */
/*a[href^="tel:"] { cursor: default; }*/


/******************************************************
	COMMON
******************************************************/
section:after {
  content: '';
  display: table;
  clear: both;}

h2{text-align:center; font-size:32px; letter-spacing:0.3em; font-weight:bold; line-height:1.5em; color:#222222; margin-bottom:20px;}
p.sentence{text-align:center; font-size:16px; line-height:2em;}

h3{float:left; margin:0px 48px 0px 0px;}
h3 img{width:200px;}


.clear{clear:both;}
.cr{clear:left !important;}
.cl{clear:right !important;}
.fn{float:none !important;}

.center{text-align:center;}

.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb60{margin-bottom:60px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}


.size10{font-size:10px;}
.size12{font-size:12px;}
.size14{font-size:14px;}
.size16{font-size:16px;}
.size18{font-size:18px;}

.white{color:#ffffff;}
.blue1{color:#0e3764;}
.blue2{color:#3b689a;}

.ls02{ letter-spacing:0.2em;}
.ls03{ letter-spacing:0.3em;}
.ls04{ letter-spacing:0.4em;}

.lh12{line-height:1.2em;}
.lh18{line-height:1.8em;}
.lh20{line-height:2em;}
.lh24{line-height:2.4em;}
.lh28{line-height:2.8em;}

.triangle1{width: 0px;
height: 0px;
border-style: solid;
border-width: 28px 26px 0px 26px;
border-color: #ffffff transparent transparent transparent;
margin:0px auto 70px;
}
.triangle2{width: 0;
height: 0;
border-style: solid;
border-width: 28px 26px 0 26px;
border-color: #e9f1f4 transparent transparent transparent;
margin:0px auto 70px;
}
.triangle3{width: 0;
height: 0;
border-style: solid;
border-width: 28px 26px 0 26px;
border-color: #f6f6f4 transparent transparent transparent;
margin:0px auto 70px;
}

.sp{ display:none;}
@media screen and (max-width:640px){
.sp{display:inherit;}
.pc{ display:none;}

h2{text-align:center; font-size:26px; letter-spacing:3px; font-weight:bold; line-height:1.5em; color:#222222; margin-bottom:20px;}
p.sentence{text-align:center; font-size:14px; line-height:1.8em;letter-spacing:0.1em;}

h3{float:none; margin:0px 0px 30px 0px;}
h3 img{width:200px; margin-left:1%;}
}


/******************************************************
	HEADER
******************************************************/
#header {
    position: relative;
    width: 100%;
}
#header:before {
    content:"";
    display: block;
    padding-top: 50%; 
}
#head {
	width:100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#navi_wrap{position:fixed;top:0;background:rgba(255,255,255,0.8) !important; z-index:9998 !important; width:100%; -webkit-transform: translate3d(0,0,0);min-width:1080px;}
#navi{width:760px; display:block; float:right; margin:24px 0px;}
#navi li{float:left; margin-left:10px;}
#navi li img{z-index:9999 !important;}
#navi li a i{font-size:32px;color:#1da1f2;line-height:0.8em;}
#navi_wrap .logo{float:left;width:300px;margin:15px 5px 15px 10px;}
#navi_wrap .logo img{width:300px;}

h1{position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%); 
  transform: translateY(-50%);
  z-index:9998;
  width:1000px;
  text-align:left;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
}
_::content, _:future, h1:not(*:root) { 
  top: 0%;
  margin-top:25%;
}
h1 img{width:290px; margin-left:200px;}
.head_hotel{position:absolute;bottom:0;left:0; width:55%;z-index:997;}







@media screen and (max-width:640px){
    #head {
        width:100%;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }
    #navi_wrap{min-width:300px;}
    #navi_wrap .logo{float:none;width:100%;margin:15px auto 0px;text-align:center;}
#navi{width:100%; display:block; padding-left:0px; margin:10px auto;text-align:center;}
#navi li{float:left; margin-left:0px; text-align:center;}
.w20{width:28%; margin:10px 0px;}
.w40{width:36%; margin:10px 0px;}
.w50{width:45%;}
.w10{/*width:8%;*/display:none;}

#navi li img{height:18px;}
#navi li a i{line-height:1em;}
/*h1{position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%); 
  transform: translateY(-50%);
  z-index:9998;
  width:100%;
  text-align:canter;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
}*/
/*h1 {
	height:100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width:100%;
  text-align:left;
  margin-left:auto;
  margin-right:auto;
  z-index:998;
}
h1 img{position: relative;
  top: 200%;
  -webkit-transform: translateY(100%); 
  transform: translateY(100%);
}*/
h1{display:none;}
h1 img{width:150px;  margin-left:20px;}
.head_hotel{display:none;}


.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px;
  background: #fff;
	position:fixed;
	width:100%;
	top:0px;
	background:rgba(255,255,255,0.8);
}
.header .logo{width:80%;padding:5px;}
.header .logo img{max-width:100%;}
	
	
/*------------------------------

  ここから下がハンバーガーメニュー
  に関するCSS

------------------------------*/

/* チェックボックスは非表示に */
.drawer-hidden {
  display: none;
}

/* ハンバーガーアイコンの設置スペース */
.drawer-open {
  display: flex;
  height: 60px;
  width: 60px;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 9999;
  cursor: pointer;
}

/* ハンバーガーメニューのアイコン */
.drawer-open span,
.drawer-open span:before,
.drawer-open span:after {
  content: '';
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: #333;
  transition: 0.5s;
  position: absolute;
}

/* 三本線のうち一番上の棒の位置調整 */
.drawer-open span:before {
  bottom: 8px;
}

/* 三本線のうち一番下の棒の位置調整 */
.drawer-open span:after {
  top: 8px;
}

/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer-check:checked ~ .drawer-open span {
  background: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer-check:checked ~ .drawer-open span::before {
  bottom: 0;
  transform: rotate(45deg);
}

#drawer-check:checked ~ .drawer-open span::after {
  top: 0;
  transform: rotate(-45deg);
}

/* メニューのデザイン*/
.drawer-content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 100%;
  z-index: 99;
  background: #fff;
  transition: .5s;
	z-index:9998;
}

/* アイコンがクリックされたらメニューを表示 */
#drawer-check:checked ~ .drawer-content {
  left: 0;/* メニューを画面に入れる */
}

.drawer-list{padding:10px 0px;}
.drawer-list li{padding:10px;}
.drawer-list li a i{font-size:28px;color:#1da1f2;margin-left:0.2em;}


}


/******************************************************
	RENEWAL 20160627
******************************************************/
#renewal{width:100%; height:80px; padding:0px; background-color:#000; display:block;}
#renewal img{width:900px; margin:0px auto; display:block;}
@media screen and (max-width:640px){
#renewal{width:100%; height:auto; padding:0px; background-color:#000; display:block;}
#renewal img{width:100%; margin:0px 0px; display:block;}
}


/******************************************************
	TO_CONTACT
******************************************************/
.to_contact{width:100%; height:50px; padding:45px 0px; background-color:#f6f6f4; display:block;}
.to_contact_inner{width:970px; height:50px; margin:0px auto; display:block; vertical-align:middle;}
.to_contact_inner li{float:left; display:block; }
.to_contact_ttl { font-size:22px; line-height:1.2em; margin-right:18px;}
.to_contact_ttl span{color:#0e3764; font-size:14px; letter-spacing:0.2em;}
.to_contact_btn{width:310px; height:1em; font-size:16px; background-color:#b42c2c; padding:14px 46px; margin-left:22px; border-radius:22px; text-align:center;}
.to_contact_btn a{color:#FFFFFF; letter-spacing:0.2em;}
.to_contact_btn:hover{ background-color:#D95252;
-webkit-transition: all 1s ease-out;  /* Saf3.2+, Chrome */
   -moz-transition: all 1s ease-out;  /* FF4+ */
    -ms-transition: all 1s ease-out;  /* IE10? */
     -o-transition: all 1s ease-out;  /* Opera 10.5+ */
        transition: all 1s ease-out;
}
@media screen and (max-width:640px){
.to_contact{width:100%; height:auto; padding:26px 0px; background-color:#f6f6f4; display:block; z-index:9996;}
.to_contact_inner{width:98%; height:auto; margin:0px auto; display:block; vertical-align:middle;text-align:center;}
.to_contact_inner li{float:none; display:block; }
.to_contact_ttl { font-size:20px; line-height:1.2em; margin-right:18px; letter-spacing:0.2em;}
.to_contact_ttl span{color:#0e3764; font-size:12px; letter-spacing:0.2em;}
.to_contact_btn{width:80%; height:1em; font-size:14px; background-color:#b42c2c; padding:12px; margin-left:auto; margin-right:auto; margin-top:18px;border-radius:22px; text-align:center;}
.to_contact_btn a{color:#FFFFFF; letter-spacing:0.1em;}
}


/******************************************************
	STAFF
******************************************************/
.staff	{width:100%; height:auto; background:#3c7aa6; text-align:center;}
.staff2	{width:100%; height:auto; background:#81afd0; text-align:center;}
@media screen and (max-width:640px){
.staff img, .staff2{ }
.staff img, .staff2 img{max-width:96%;}
}

/******************************************************
	INTRO
******************************************************/
#intro{padding:66px 0px 0px;}
#intro dl{width:1000px; margin:50px auto;}
#intro dl dt{width:594px; float:left;}
#intro dl dt img{width:594px;}
#intro dl dd{float:right; width:330px; padding-top:100px;}
.intro_p{display:brock; width:900px; margin:0px auto 20px; padding-left:100px; }

@media screen and (max-width:640px){
#intro dl{width:100%; margin:20px auto;}
#intro dl dt{width:100%; float:none;}
#intro dl dt img{width:100%;}
#intro dl dd{float:none; width:96%; padding-top:40px; margin:0px 2%; font-size:12px; letter-spacing:2px; }
.intro_p{display:brock; width:96%; margin:0px auto; padding-left:0px; font-size:12px; letter-spacing:2px; }
#intro h2 span{display:block; text-align:center; font-size:26px; letter-spacing:3px; font-weight:bold; line-height:1.5em; color:#222222;}
}

/******************************************************
	ACCESS
******************************************************/
#access{padding:66px 0px 0px; width:1000px; margin:0px auto; position:relative;}
.access_info{width:440px; height:132px; padding:25px; background-color:#9dcadf;  float:left;}
.access_info p{color:#fff; margin:0.8em 0px 0.8em 30px;}
.access_info p.access_name{margin-left:10px; font-weight:bold;}
.map{width:480px;height:171px; border:1px solid #bbb; padding:4px; float:right; display:block;}
.map iframe{width:480px;height:171px;}
.access01{width:680px; position:absolute; top:66px;right:0;z-index:999;float:right;}
.access02{width:810px; position:absolute; top:66px;right:0;z-index:999;float:right;}
.access03{width:960px;display:block;margin:60px auto 30px;}

.googlemap{width:982px; height:282px; border:1px solid #bbb; padding:8px; margin:200px auto 0px;}
.googlemap iframe{width:982px; height:282px;}

#access2{padding:30px 0px 0px;width:880px;margin:0px auto;}
#access2 h2{text-align:left;margin-bottom:10px;color:#08425e;}
#access2 p{line-height:1.8em;color:#000;background:#FFFD3B;padding:10px;margin-top:30px;}
#access2 img{float:left;width:120px;padding:0px 10px;}

@media screen and (max-width:640px){
#access{padding:66px 0px 0px; width:100%; margin:0px auto; position:relative; z-index:-1;}
.access_info{width:94%; padding:25px 3%; background-color:#9dcadf; z-index:-1;}
.access_info p{color:#fff; margin:0.8em 0px 0.8em 10px;letter-spacing:0.2em;}
.access_info p.access_name{margin-left:0px; font-weight:bold;}
.map{width:100%;height:200px; border:none; padding:0px; float:none; display:block;}
.map iframe{width:100%;height:200px;}
.access01{position:relative; top:-10px;right:0;z-index:999;float:none; width:100%;}
.access02{width:100%; position:relative; top:-12px;right:0;z-index:999;float:none;}
.access03{width:100%;}

.googlemap{width:98%; height:280px; border:1px solid #bbb; padding:1%; margin:100px auto 0px;}
.googlemap iframe{width:100%; height:280px;}

#access2{clear:both;width:100%;margin-top:200px;}
#access2 h2{text-align:center;margin-bottom:0px;}
#access2 p{font-size:12px;letter-spacing:0;margin-top:20px;}
#access2 img{width:100px;}

}


/******************************************************
	NEWS
******************************************************/
#news{padding:80px 0px; width:1000px; margin:0px auto;}
.topics{width:750px; height:360px; float:right; overflow-y: scroll; overflow-x:hidden; display:block; padding:0px;}
.topics iframe{	font-family: "ヒラギノ明朝 W4 JIS2004";height:100%;}

@media screen and (max-width:640px){
#news{padding:80px 0px; width:100%; margin:0px auto;}
.topics{width:96%; height:200px; float:none; overflow-y:hidden; overflow-x:hidden; display:block; padding:0px; margin:0px 2% 0px;}
.topics iframe{	font-family: "ヒラギノ明朝 W4 JIS2004";width:100%;overflow-x:hidden;overflow-y: scroll; padding:0px;}

div.main {
	width:100%;
	background: #fff;
	margin: 0px;
}
div.article {
	width: 100%;
	margin: 0px 0px 26px;
	text-align: left;
	padding:0px;
	clear:both;
	display:block;
}
div.art-date {width:100%;float:none; font-weight:bold; font-size:14px; letter-spacing:0.2em; display:block; margin:20px 0px 10px ;}
div.art_wrap{clear:both;width:100%; float:none; display:block; margin:0px 0px 30px;}
div.art-sub {
	margin:0px 0px 10px;font-size:14px; letter-spacing:0.1em; line-height:1.6em;
}
div.art-com{ font-size:12px;margin:0px 0px 10px; line-height:1.6em;letter-spacing:0.05em;}
div.pg-btn {
	width: 95%;
	text-align: center;
	margin: 0 auto;
}
div.art_wrap img{width:80%; margin:10px auto 20px;}
}


/******************************************************
	PRICE
******************************************************/
#price{width:100%; background-color:#e9f1f4; margin-top:40px; padding:0px; padding-bottom:40px; font-size:14px !important; display:block;}

/*
.price1{width:1000px; margin:0px auto; display:block;}
.price1 dl{}
.price1 dl dt{float:left; width:336px;letter-spacing:0.2em; line-height:1.8em; margin-top:-7px;}
.price_block{margin-top:10px;}
.price_block li{display:block;float:left;width:138px;background-color:#fff;text-align:right;padding:12px;margin:0px 10px 10px 0px;color:#111;letter-spacing:0.1em;line-height:1em;}
.price_block li:nth-child(2n){margin-right:0px;}
.price1 dl dd{float:right;}
.price1 dl dd img{width:386px; z-index:-2;}
.price1 p{display:block; margin:30px 0px 80px 248px;letter-spacing:0.2em; line-height:1.8em;}

.price2l{float:left; display:block; width:252px; margin:0px;}
.price2r{float:left; display:block; width:252px; margin:0px; letter-spacing:0.2em; line-height:1.8em; margin-top:-7px;}
.price_block2{margin-top:10px;}
.price_block2 li{display:block;width:138px;background-color:#fff;text-align:right;padding:12px;margin:0px 80px 16px 0px;color:#111;letter-spacing:0.1em;line-height:1em;}

@media screen and (max-width:640px){
#price .mb90{ margin-bottom:70px !important;}
.price1{width:100%; margin:0px auto; display:block;}
.price1 dl dt{float:none; width:98%;letter-spacing:0.1em; line-height:1.8em; margin:-7px 1% 0px;}
.price_block{margin:10px 1%; width:98%;}
.price_block li{display:block;float:left;width:40%;background-color:#fff;text-align:right;padding:12px 4%;margin:0px 4% 10px 0px;color:#111;letter-spacing:0.1em;line-height:1em;}
.price_block li:nth-child(2n){margin-right:0px;}
.price1 dl dd{float:none;}
.price1 dl dd img{width:98%; z-index:-2; margin:10px 1%;}
.price1 p{width:98%; margin:10px auto 70px; display:block; letter-spacing:0.1em; line-height:1.8em;}

.price2l{float:none; display:block; width:98%; margin:0px auto 70px;}
.price2r{float:none; display:block; width:98%; margin:0px auto 30px; letter-spacing:0.1em; line-height:1.8em; margin-top:0px;}
.price_block2 li{display:block;width:48%;background-color:#fff;text-align:right;padding:12px;margin:0px 50% 16px 0px;color:#111;letter-spacing:0.1em;line-height:1em;}
}
*/

/*
.price2{width:1000px; margin:0px auto; display:block;}
.price2 dl{display:block;}
.price2 dl dt{float:left; width:248px;}
.price1 dl dd{display:block;float:right; width:750px;line-height:1.8em ;}
.price_block {float:right;width:750px;margin-top:0px;}
.price_block li{display:inline-block; width:750px; position:relative; margin:10px 0px;height:38px;}
.price_block li span{display:block;width:190px;background-color:#fff;text-align:right;padding:12px;margin:0px;color:#111;letter-spacing:0.1em;line-height:1em;float:right;position:absolute;top:-12px; right:285px; }
.price_block li span:last-child{right:40px; }
.price_block li.price_category span{background-color:#e9f1f4; padding-bottom: 0px;}

.price2 p{display:block; margin:0px 0px 30px 248px;letter-spacing:0.2em; line-height:1.8em;}
p.price_p2{margin:0px 0px 80px 248px;}
.dinner{display:block; margin:0px 0px 20px 248px; width:750px;}
.dinner li{display:block; width:370px; float:left; margin-right:10px;}
.dinner li:nth-child(2){margin-right:0px !important;}
.dinner img{width:100%;max-width:100%;}
*/

.right{text-align:right;}
.price2 p{padding-top:10px;}
.price2 p b{font-weight:bold;}

.price2{width:1000px; margin:0px auto; display:block;box-sizing:border-box;}
.price2 *{box-sizing:border-box;}
.price2 h5{font-weight:bold;font-size:22px;}
.price_box{width:100%;display:block;margin:10px 0px 40px;}
.price_box ul{display:flex;flex-flow:row wrap;justify-content:space-between;margin:10px 0px;}
.price_box ul li{width:16%;letter-spacing:0px;font-size:12px;line-height:1.6em;color:#466492;}
.price_box ul li span{display:block;width:100%;background-color:#fff;text-align:right;padding:12px;color:#111;letter-spacing:0.1em;font-size:16px;line-height:1em;margin:5px 0px;}

.dinner{width:1000px;margin:0px auto;display:block;text-align:center;}
.dinner img{width:70%;}

.price_block {}
.price_block li{display:inline-block; width:750px; position:relative; margin:10px 0px 0px;}
.price_block li span{display:inline-block;width:220px;background-color:#fff;text-align:right;padding:12px;margin:0px;color:#111;letter-spacing:0.1em;line-height:1em;margin:5px;}

.price_link{width:960px;margin:0px auto;box-sizing:border-box;display:flex;}
.price_link * {box-sizing:border-box;}
.price_link > div{width:50%;padding:10px;}
.price_link a{display:block;text-align:center;font-weight:100!important;color:#fff;letter-spacing:0em;padding:20px 10px;border-radius:5px;font-size:110%;}
.price_link > div a{width:100%;height:100%;}
.price_link a span{font-weight:600!important;color:#fff;letter-spacing:0.1em;font-size:120%;}
.price_link > div:first-child a{background:#139B27;border-bottom:3px solid #0B701A;}
.price_link > div:last-child a{background:#E75A08;border-bottom:3px solid #AE4304;}
.price_link > div:first-child a:hover{border-bottom:3px solid #139B27;}
.price_link > div:last-child a:hover{border-bottom:3px solid #E75A08;}
.price_link > a{background:#2C6BD8;border-bottom:3px solid #1A53B6;width:360px;max-width:100%;height:calc(40px + 1em);margin:-30px auto 0px;}
.price_link > a:hover{border-bottom:3px solid #2C6BD8;}

@media screen and (max-width:640px){
#price{padding-bottom:10px;}
#price .mb90{ margin-bottom:70px !important;}

/*
.price2{width:98%; margin:0px 1%; display:block; padding-bottom:0px;}
.price2 dl{display:block;}
.price2 dl dt{float:none; width:248px;}
.price1 dl dd{display:block;float:none; width:100%;line-height:1.8em ;}
.price_block {float:none;width:100%;margin-top:20px;}
.price_block li{display:block; width:100%; position:static; margin:10px 0px;height:auto;}
.price_block li span{display:block;width:56%;background-color:#fff;text-align:right;padding:12px 5%;margin:6px 2% 20px 32%;color:#111;letter-spacing:0.1em;line-height:1em;float:none;position:static;top:0px; right:0px;}
.price2 p{display:block; margin:0px auto 20px;letter-spacing:0.2em; line-height:1.8em;}
p.price_p2{margin:0px auto 70px;}

.dinner{display:block; margin:0px 0px 30px 0px; width:100%;}
.dinner li{display:block; margin:0px 1% 0px 1%; width:48%; float:left;}
.dinner li:nth-child(2){display:block; margin-right:1% !important; width:48%; float:left;}
.dinner li img{width:100%;}
*/


.price2{width:98%; margin:0px 1%;}
.price_box{margin-bottom:30px;}
.price_box h5{font-size:18px;margin-bottom:20px;}
.price_box ul{display:block;margin:10px 0px;}
.price_box ul li{display:block;width:100%;margin-bottom:5px;font-size:10px;}
.price_box ul li br{display:none;}
.price_box ul li span{display:block;width:8em;font-size:15px;float:right;margin:-10px 0px 10px;}
.price_box ul li:after{content: '';display:table;clear:both;}

.dinner{width:100%;}
.dinner img{width:100%;}

    #price p{letter-spacing:0.1em;}
    .price_link{width:100%;display:block;}
    .price_link > div{width:100%;}

}


/******************************************************
	ROOM
******************************************************/
.room_box{width:1000px; margin:0px auto 70px; display:block;}
.room_box dl{}
.room_box dl dt{float:left;}
img.room_img{width:400px; height:300px; z-index:-3; float:left;}
.thumb{float:left; margin:-19px 0px 0px 20px;}
.thumb li{margin-top:18px;}
.thumb img{width:116px;}

.room_box dl dd{float:right;width:194px;height:307px;margin-top:-7px;display:block;font-size:14px;letter-spacing:0.3em;line-height:2.2em;position:relative;}
.room_box dl dd a{position:absolute;bottom:0;left:0; display:block;width:258px;padding:20px 22px; border:1px #6eabd1 solid; color:#6EABD1;letter-spacing:0.3em; text-align:center;}
.room_box dl dd a:hover{background:#6eabd1; color:#fff;
-webkit-transition: all 1s ease;  /* Saf3.2+, Chrome */
   -moz-transition: all 1s ease;  /* FF4+ */
    -ms-transition: all 1s ease;  /* IE10? */
     -o-transition: all 1s ease;  /* Opera 10.5+ */
        transition: all 1s ease;}

dl.amenity{width:1000px; margin:12px auto 0px; display:block; line-height:1.8em;}
dl.amenity dt{float:left; text-align:right;font-size:16px;letter-spacing:0.2em; width:400px; color:#345479;}
dl.amenity dd{float:right;font-size:14px;letter-spacing:0.2em; width:590px;}

dl.spec{width:920px; margin:0px auto 90px; display:block; background-color:#c9e1ec; padding:60px 40px;}
dl.spec dt{float:left; margin-top:-8px;}
dl.spec dd{float:right;letter-spacing:0.2em; font-size:18px; padding:8px;}
dl.spec dd p{letter-spacing:0.3em;}
.spec_h{display:block;font-size:14px;height:14px; position:relative;letter-spacing:0.2em; width:150px;padding:5px 15px; background:#fff; float:left;margin:-3px 50px 10px 0px;}
.spec_h:before{content: "";position:absolute;right:-15px;top:-1px;border-style: solid;border-width: 13px 0 13px 16px;border-color: transparent transparent transparent #ffffff;}
.spec_caution{font-size:12px;letter-spacing:0.3em;display:block;clear:both; margin-top:5px;}

.spec2{width:920px; margin:70px auto 0px; display:block; background-color:#f1f5f7; padding:50px 40px; text-align:center;}
.spec2 p{line-height:2.8em;font-size:14px; letter-spacing:0.2em; text-align:center;}

.spec3{width:940px; margin:70px auto 0px; display:block;}
.spec3 h5{font-size:28px;text-align:center;font-weight:bold;color:#0E86BC;margin-bottom:20px;}
.spec3 p{line-height:2em;font-size:17px;letter-spacing:0.05em;text-align:center;margin-bottom:15px;color:#1F1F1F;}
.spec3 ul li{line-height:1.5em;font-size:15px;letter-spacing:0.02em;margin-bottom:10px;position:relative;padding-left:20px;}
.spec3 ul li:before{content:"◇";margin-right:5px;position:absolute;left:0px;top:0px;color:#0E86BC;}
.spec3 ul li span{font-size:14px;letter-spacing:0.02em;opacity:0.85;display:inline-block;padding:0px 10px;}


@media screen and (max-width:640px){
.room_box{width:98%; margin:0px 1% 70px; display:block;}
.room_box dl dt{float:none; display:inline-block;}
img.room_img{width:100%; height:auto; z-index:-3;}
.thumb{float:left; margin:20px 0px 10px; width:100%;}
.thumb li{margin-top:0px; margin-right:2%;width:32%; float:left;}
.thumb li:nth-child(3){margin-right:0px;}
.thumb img{width:100%;}
.room_box dl dd{float:none;width:100%;height:auto;margin-top:20px;display:block;font-size:14px;letter-spacing:0.1em;line-height:2.0em;position:relative;}
.room_box dl dd a{position:absolute;display:block;width:90%;padding:20px 5%; border:1px #6eabd1 solid; color:#6EABD1;letter-spacing:0.2em; text-align:center; margin-top:20px;}

dl.amenity{width:98%; margin:0px 1% 10px; display:block;}
dl.amenity dt{float:none; text-align:left;font-size:16px;letter-spacing:0.2em; width:100%; color:#345479;}
dl.amenity dd{float:none;font-size:14px;letter-spacing:0.1em; width:96%; margin:8px 0px 20px 4%; line-height:1.4em;}

dl.spec{width:94%; margin:0px auto 0px; display:block; background-color:#c9e1ec; padding:60px 3% 40px;}
dl.spec dt{float:none; margin-top:0px; text-align:center;letter-spacing:0.1em; line-height:2em;}
dl.spec dt hr{width:90%; margin-top:48px;}
dl.spec dd{float:none;letter-spacing:0.1em; font-size:18px; padding:8px; margin-top:50px; line-height:1.2em;}
dl.spec dd p{letter-spacing:0em;}
.spec_h{display:block;font-size:14px;height:14px; position:relative;letter-spacing:0.1em; width:110px;padding:2px 15px 8px; background:#fff; float:left;margin:-3px 40px 10px 0px;}
.spec_h:before{content: "";position:absolute;right:-15px;top:-1px;border-style: solid;border-width: 13px 0 13px 16px;border-color: transparent transparent transparent #ffffff;}
.spec_caution{font-size:12px;letter-spacing:0.2em;display:block;clear:both; margin-top:5px; text-align:center;}
.spec2{width:94%; margin:60px auto 0px; display:block; background-color:#f1f5f7; padding:50px 3% 40px; text-align:center; letter-spacing:0.1em;}
.spec2 p{line-height:1.6em; font-size:14px; letter-spacing:0.1em; margin-bottom:20px;}
.spec2 p span{display:block; margin-bottom:0px;}

.spec3{width:94%; margin:50px auto 0px;}
.spec3 h5{font-size:24px;letter-spacing:0.1em;}
.spec3 p{font-size:15px;}
.spec3 ul li{font-size:14px;}
.spec3 ul li span{font-size:13px;}

} 


/******************************************************
	SPOT
******************************************************/
.spots{width:1000px;margin:0px auto;display:table;}
.spots li{float:left;width:300px; margin-right:50px; margin-bottom:80px; display:table-cell; min-height:380px; overflow:hidden;}
.spots li:nth-child(3n){margin-right:0px; }
.spots li:nth-child(3n+1){ clear:both;}
.spots li img{width:300px;}
.spots li h4{font-size:18px; color:#3b689a; text-align:center; margin:30px 0px 15px;line-height:1.4em;}
.spots li p{font-size:12px; line-height:2.2em; text-align:center;}
.spot_access{display:block; border:1px solid #c9e1ec; width:298px; padding:15px 0px; line-height:2em; margin-top:16px; letter-spacing:0.3em; color:#111;}
@media screen and (max-width:640px){
#spot .mb90{margin-bottom:60px;}
.spots{width:98%;margin:0px 1%;display:table;}
.spots li{float:left;width:48%; margin-right:4%; margin-bottom:60px; display:table-cell; min-height:200px; overflow:hidden;}
.spots li:nth-child(3n){margin-right:4%;}
.spots li:nth-child(2n){margin-right:0px;}
.spots li:nth-child(3n+1){ clear:none;}
.spots li:nth-child(2n+1){ clear:both;}
.spots li img{width:100%; z-index:-4;}
.spots li h4{font-size:16px; color:#3b689a; text-align:center; margin:20px 0px 12px;line-height:1.2em; letter-spacing:0.2em;}
.spots li p{font-size:12px; line-height:2em; text-align:center; letter-spacing:0.2em;}
.spot_access{display:block; border:1px solid #c9e1ec; width:99%; padding:15px 0px; line-height:1.6em; margin-top:16px; letter-spacing:0.2em;}
}

/******************************************************
	CONTACT
******************************************************/
#contact{width:100%; background-color:#f6f6f4; text-align:center;}
#contact img.telimg{width:374px; margin-bottom:10px;}

.yoyaku{display:flex;flex-flow:row wrap;justify-content:space-between;width:1000px;margin:10px auto 80px;}
.yoyaku li{width:330px;max-width:100%;margin-bottom:10px;text-align:center;}
.yoyaku li img{width:100%;}

/*
.form{width:510px; margin:50px auto 80px;}
.form span{float:left;display:block;width:170px;margin:0px 15px 0px 0px; font-size:14px; letter-spacing:0.1em; color:#111;text-align:right; padding-top:6px;}
.form_table{margin-bottom:30px;}
.form_table li{clear:both; margin:7px 0px;font-size:14px;}

.form input[type="text"] {width:300px; padding:7px 10px; border:none; background-color:#e1e1de;}
.form .radio_area {float:right;width:320px; text-align:left; padding:6px 0px 15px;}
.form textarea {width:300px; padding:7px 10px; border:none; background-color:#e1e1de; height:120px;}
.form input[type="submit"] {border:1px solid #981010;color:#930505; text-align:center; background:none; padding:18px 32px;font-family: "ヒラギノ明朝 W4 JIS2004";letter-spacing:0.2em;}
.form input[type="submit"]:hover{background:#ffffff;border:1px solid #E47373;
-webkit-transition: all 0.5s ease-out;  
   -moz-transition: all 0.5s ease-out;  
    -ms-transition: all 0.5s ease-out;  
     -o-transition: all 0.5s ease-out;  
        transition: all 0.5s ease-out;
}

label.radio {
	position      : relative;
	display       : inline-block;
	width         : 17px;
	height        : 17px;
	border        : none;
	border-radius : 100%;
	overflow      : hidden;
	cursor        : pointer;
	background-color:#fff;
	top:4px;
	margin-right:8px;
}
label.radio:before {
	content          : '';
	display          : block;
	width            : 11px;
	height           : 11px;
	border-radius    : 100%;
	position         : absolute;
	top              : 3px;
	left             : 3px;
	z-index          : 1;
	background-color : #C3C3B8; 
}
label.radio input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	margin     : 0px;
	position   : absolute;
	z-index    : 2;
	top        : -2px;
	left       : -23px;
	width      : 20px;
	height     : 20px;
	display    : block;
	box-shadow : 20px 0px #FFF;
}
label.radio input[type="radio"]:checked {
	box-shadow : none;
}
label.radio input[type="radio"]:focus {
	box-shadow : 20px 0px #FFF;
	opacity    : 0.2;
}
*/
.contact_form{width:650px; height:400px;margin:50px auto; overflow:hidden !important;padding:0px;display:block;}
.contact_form iframe{	font-family: "ヒラギノ明朝 W4 JIS2004"; width:650px; height:400px;}
#contact .att{letter-spacing:0.1em;line-height:1.8em;}



@media screen and (max-width:640px){
#contact img.telimg{width:70%; margin:0px 15% 10px;}
.contact_form{width:98%; height:640px;margin:70px auto 60px; overflow:hidden !important;padding:0px;display:block;}
.contact_form iframe{	font-family: "ヒラギノ明朝 W4 JIS2004"; width:98%; height:640px;overflow:hidden !important;overflow-x:hidden !important;}

.yoyaku{display:block;width:98%;margin:10px 1% 70px;}
.yoyaku li{display:block;margin:0px auto 10px;}

}


/******************************************************
	FOOTER
******************************************************/
footer{width:100%; background-color:#6c94c0; padding:40px 0px 140px; display:block;}
#foot_navi{width:960px; margin:0px auto; display:block; text-align:center; padding-left:40px;}
#foot_navi li{ font-size:14px; float:left;margin-right:30px;letter-spacing:0.05em;}
#foot_navi li a{color:#0e3764;}
#foot_navi li a:hover{color:#3468A2;
-webkit-transition: all 0.5s ease-out;  /* Saf3.2+, Chrome */
   -moz-transition: all 0.5s ease-out;  /* FF4+ */
    -ms-transition: all 0.5s ease-out;  /* IE10? */
     -o-transition: all 0.5s ease-out;  /* Opera 10.5+ */
        transition: all 0.5s ease-out;
}

dl#foot_info{clear:both; width:680px; margin:50px auto 0px; display:block;}
dl#foot_info dt{float:left; }
dl#foot_info dt img{width:180px;}
dl#foot_info dd{float:right;}
dl#foot_info dd img{width:460px; height:auto;}
dl#foot_info dd p{color:#fff; font-size:12px; line-height:1.8em; display:block; margin-bottom:12px;}

dl#foot_info dd p.copy{color:#bcdae8 !important;font-size:10px !important; letter-spacing:0.2em;}

.sns{}
.sns a{display:inline-block;padding:4px 15px 6px;border-radius:3px;background:#fff;letter-spacing:0.05em;box-shadow:0px 4px 2px -1px rgba(0,0,0,0.2);font-size:120%;}
.sns a i{color:#1da1f2;}
.sns a:hover{ opacity:0.8;box-shadow:none;}


@media screen and (max-width:640px){
footer{width:100%; background-color:#6c94c0; padding:40px 0px 50px; display:block;}
#foot_navi{width:60%; margin:0px auto; display:block; text-align:center; padding-left:0px;display:none;}
#foot_navi li{ font-size:14px;float:none;margin: 0px auto 20px; display:block;}
#foot_navi li:nth-last-child{margin-right:auto;}
#foot_navi li a{color:#0e3764;}

dl#foot_info{clear:both; width:98%; margin:50px auto 0px; display:block; text-align:center;}
dl#foot_info dt{float:none; }
dl#foot_info dt img{width:60%; margin:0px auto;}
dl#foot_info dd{float:none; text-align:center;}
dl#foot_info dd img{width:90%;margin:0px auto;}
dl#foot_info dd p{color:#fff; font-size:12px; line-height:1.8em; display:block; margin-bottom:12px;letter-spacing:0.1em;}

dl#foot_info dd p.copy{color:#bcdae8 !important;font-size:10px !important; letter-spacing:0.2em;}
.w80{width:80%;}
	footer .card.pay a{display: block;width:80%;margin:10px auto;background:#fff;padding:1% 0px;}
}


/******************************************************
	TO_CONTACT2
******************************************************/
.to_contact2{width:100%; height:86px; padding:20px 0px; background-color:#f6f6f4; display:block; position:fixed; bottom:0px;}
.to_contact_inner2{width:1000px; height:86px; margin:0px auto; display:block; vertical-align:middle;}
.to_contact_inner2 li{ display:block; float:left; margin:0px;}
.to_contact_ttl2 { font-size:22px; line-height:1.2em; margin-right:0px; letter-spacing:0.2em;}
.to_contact_btn2{width:200px; height:14px; font-size:14px; background-color:#b42c2c; padding:10px 30px 10px; line-height:1em; margin:12px 30px 0px 0px; border-radius:17px; text-align:center;}
.to_contact_btn2 a{color:#FFFFFF; letter-spacing:0.05em;}
.to_contact_btn2:hover{ background-color:#D95252;
-webkit-transition: all 1s ease-out;  /* Saf3.2+, Chrome */
   -moz-transition: all 1s ease-out;  /* FF4+ */
    -ms-transition: all 1s ease-out;  /* IE10? */
     -o-transition: all 1s ease-out;  /* Opera 10.5+ */
        transition: all 1s ease-out;
}
.tel2{}
.tel2 img{width:260px; margin:5px 40px 14px 0px;}
.to_contact_inner2 li span{color:#0e3764; font-size:14px; letter-spacing:0.2em; text-indent:1em;}
.card,
.pay{font-size:10px; letter-spacing:0.2em;}
li.card img{width:210px; margin-top:4px;margin-right:30px;}
li.pay img{width:163.33px; margin-top:4px;}



@media screen and (max-width:640px){
.to_contact2{display:none; height:0px; position:fixed; bottom:-200px;}
}



/******************************************************
	202007 下層ページ
******************************************************/
#page_ttl{background:url("../img/facilities/ttl.jpg") no-repeat top center / cover;margin-bottom:50px;}
#page_ttl > div{text-align:center;font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;color:#fff;font-size:40px;background:rgba(0,0,0,0.3);padding:140px 5px 65px;}

.page_link{width:1050px;margin:10px auto 40px;}
.page_link ul li{float:left;padding:5px 5px;}
.page_link ul li a{letter-spacing:0.1em;padding:10px 25px;background:#e9f1f4;border-radius:4px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s; }
.page_link ul li a:after{content:"\f0d7";font-family:FontAwesome;margin-left:0.3em;color:#3b689a;}
.page_link ul li a:hover{background:#0e3764;color:#fff;}


@media screen and (max-width:640px){
    #page_ttl > div{font-size:30px;padding:100px 5px 50px;}
    .page_link{width:100%;}
    .page_link ul li{width:33.33%;text-align:center;box-sizing:border-box;padding:5px;}
    .page_link ul li a{display:block;text-align:center;padding:15px 5px;width:calc(100% - 10px);font-size:14px;}

}
@media screen and (max-width:480px){
    .page_link ul li{width:50%;text-align:center;box-sizing:border-box;padding:5px;}

}


/******************************************************
	FACILITIES 施設案内ページ
******************************************************/
.facilitiy{margin-top:-150px;padding-top:150px;margin-bottom:100px;}
.bgblue{background:#f1f5f7;padding-bottom:100px;}
.facilitiy .triangle2{margin-top:-100px;border-color: #f1f5f7 transparent transparent transparent;}

.facilitiy .sentence{padding:0px 5px;box-sizing:border-box;font-size:17px;}
.sentence2{text-align:left;display:inline-block;font-size:15px; line-height:2em;letter-spacing:0.1em;margin:0px auto;}

.facility_box{width:920px;margin:20px auto 30px;padding:20px 30px;border-radius:10px;box-sizing:border-box;}
.facility_box h5{font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;color:#0e3764;font-size:22px;width:42%;float:left;line-height:1.6;font-weight:bold;}
.facility_box h5 small{font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;color:#0e3764;font-size:18px;}
.facility_box table{width:56%;float:right;line-height:1.6;}
.facility_box table th{text-align:left;letter-spacing:0.1em;padding:5px;}
.facility_box table td{text-align:right;letter-spacing:0.1em;padding:5px;}
.facility_box table small{font-size:90%;letter-spacing:0.1em;}
.facility_box.time{background:#CED7DA;}
.facility_box.price{background:#FFFD84;}

.facility_img{width:920px;margin:20px auto;}
.facility_img > div{padding:0px 15px;}
.facility_img img{width:100%;max-width:100%;}

.bath{width:100%; margin:0px auto 20px;padding-left:15px;box-sizing:border-box;}
.bath li{float:left;padding-right:15px;width:33.33%;box-sizing:border-box;}

#sao{padding-bottom:100px;}
#laundry{margin-bottom:2px;}


@media screen and (max-width:640px){
    .facilitiy .sentence{font-size:16px;}
    .sentence2{font-size:14px;line-height:1.6;}

    .facility_box{width:96%;padding:20px;}
    .facility_box h5{width:100%;float:none;margin-bottom:10px;}
    .facility_box table{width:100%;float:none;font-size:14px;}

    .facility_img{width:100%;}

    .bath{padding-left:5px;}
    .bath li{padding-right:5px;}

}


/******************************************************
	お食事
******************************************************/
.meals{width:1080px;margin:0px auto;padding:0px 15px 80px;}
.meals .sentence{font-size:17px;}
.meals h4{font-size:24px;margin-bottom:10px;font-weight:bold;letter-spacing:0.15em;color:#5A6885;}
.meals h4 small{letter-spacing:0.1em;font-size:16px;}
.meals p:not(.sentence){font-family:"游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif;}


@media screen and (max-width:640px){
	.meals{max-width:calc(100% - 10px);padding:0px 5px 60px;}
	.meals h4{font-size:20px;}
	.meals h4 small{font-size:14px;}
	.meals p:not(.sentence){font-size:14px;}
}