@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500|Playfair+Display:700');


body{font-size: 15px;line-height: 1.7;	letter-spacing: 1px; font-family :'Noto Serif JP', sans-serif ,"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro","メイリオ", Meiryo, serif; font-weight:normal; color: #222;-webkit-text-size-adjust: 100%;	background: url(../img/bg.png); margin:0; padding: 0; min-width:1300px;}

ul{margin:0;}
ul li{text-decoration: none; list-style-type: none; margin:0 0 5px 0;}
a{color: #222;text-decoration: none;}
a:hover img{opacity: .5;-webkit-opacity: .5;-moz-opacity: .5;filter: alpha(opacity=50);	-ms-filter: "alpha(opacity=50)"; }
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;}
strong{font-weight: bold;}
img{margin: 0;padding: 0;vertical-align: bottom;}
h1{margin:  20px auto;text-align: center; font-size:42px;}
h2{margin: 0 auto 60px auto; padding:0 0 20px 0; text-align: center; letter-spacing: 3px; font-size:42px; font-weight:500; background: url(../img/line-bk.png) no-repeat  50% 100%;}
h3{margin: 0 auto 20px auto; padding: 0; text-align: center; font-size: 1.5rem;  font-weight: normal; }
p{font-size:15px;}
hr {margin: 0px;padding: 0px;border-width: 0px;	border-style: none;	clear: both;float: none;}

table{width:100%; border-left:#222 1px solid; border-top:#222 1px solid; padding:0px; margin:0 auto 40px auto; border-collapse: collapse; border-spacing: 0;}
table td{ border-bottom:#222 1px solid; border-right:#222 1px solid; padding:15px; text-align:left;}
table th{ border-bottom:#222 1px solid; border-right:#222 1px solid; padding:15px; text-align:left; background:#c5c5c5; }

table.w82 th{width:80%;}
table.w82 td{width:20%;}
table.w73 th{width:70%;}
table.w73 td{width:30%;}
table.w64 th{width:60%;}
table.w64 td{width:40%;}
table.w55 th{width:50%;}
table.w55 td{width:50%;}
table.w46 th{width:40%;}
table.w46 td{width:60%;}
table.w37 th{width:30%;}
table.w37 td{width:70%;}
table.w28 th{width:20%;}
table.w28 td{width:80%;}

header{margin:0 0 0 0;position: relative; line-height: 1.8em; min-width:1300px;}
header .title{margin:  20px auto;text-align: center; font-size:42px;}
header .text_box{width:1200px;  margin:0 auto;}
header .text_box h1{margin:20px auto 20px auto;text-align: center; color:#fff; font-size:42px; font-weight: normal; letter-spacing: 3px; text-shadow:0px 0px 10px #000000;}
header .text_box .title{color:#fff; text-shadow:0px 0px 10px #000000; font-size:65px; margin:0 0 50px 0; font-family :'Playfair Display','Noto Serif JP', sans-serif ,"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6";}
header .text_box p{color:#fff; text-shadow:0px 0px 10px #000000; font-size:26px; margin:0 0 35px 0;}
header .text_box .day{margin:0 0 50px 0; font-size: 26px;}
header .text_box .tel{border:#fff 2px solid; padding:20px; display:inline-block; box-shadow: 0px 0px 5px rgba(0,0,0,0.5) ; font-size: 36px;}
header .text_box .tel .text{color:#fff; text-shadow:0px 0px 10px #000000; font-size:16px; margin:0 0 10px 0;}
header .text_box .tel .number{color:#fff; text-shadow:0px 0px 10px #000000; font-size:36px; margin:0 0 10px 40px; position: relative;}
header .text_box .tel .number::before {content:url(../img/tel_icon.png); position: absolute; left:-40px; top:-1px;}
footer{clear: both;display: block;	margin: 150px 0 0 0; padding:50px 0 80px 0; font-size: 14px; background: #222; color: #fff; min-width:1300px;}
footer .title{font-size:21px;}
footer .tel{font-size:18px;}
footer .checkin{font-size:14px;}
footer p{font-size:16px;}
nav{margin:0 0 0 0;; padding:30px 0; background:#222;}
address{text-align: left; font-style: normal;}
#menu{display: flex; flex-wrap: wrap; justify-content:space-between;}
#menu li{
  font-weight:normal;
  font-size:18px;
  color:#fff;
}
#menu li+ li {
  border-left: 1px solid #FFF;
  padding: 0 0 0 20px;
}

#menu li a{color:#fff;}
#top_btn{position: fixed; bottom:20px; right: 20px; width:50px; height:50px;}
.copy{font-size:12px; text-align: center;}

/*ヘッダースライダー*/
.head_slider{min-width:1300px; text-align: center; padding: 230px 0; margin: 0 0 60px 0;}

/*見出し1・2*/
.midashi{margin:0 0 100px 0;}
.midashi h3{margin:0 0 15px 0;}
.midashi p{
  font-size: 24px;
  line-height: 2;
}
/*画像1*/
.welcome{ margin:0 auto 80px auto;}
.welcome .left{width:900px;}
.welcome .right{width: calc(100% -  900px); background: #fff; display: flex; align-items: center;}
.welcome .right .box{padding:25px;}
.welcome p{text-align:left;}

/*画像2*/
.welcome-sml{ margin:0 auto 80px auto;}
.welcome-sml .left{width:600px;}
.welcome-sml .right{width: calc(100% -  600px); background: #fff; display: flex; align-items: center;}
.welcome-sml .right .box{padding:25px;}
.welcome-sml p{text-align:left;}

/*案内1*/
.facilities{ margin:0 auto 100px auto;}
.facilities .left{width: calc(100% -  900px); background: #fff; display: flex; align-items: center;}
.facilities .left .box{width:90%; margin:0 auto;}
.facilities .right{width:900px;}
.facilities p{text-align:left;}
.facilities table{width:80%; border: none; font-size:18px;}
.facilities th{padding:10px; border: none; background: none; font-weight: normal;}
.facilities td{padding:10px; border: none;}

/*案内2*/
.facilities-sml{ margin:0 auto 100px auto;}
.facilities-sml .left{width: calc(100% -  600px); background: #fff; display: flex; align-items: center;}
.facilities-sml .left .box{padding:25px; width:100%;}
.facilities-sml .right{width:600px;}
.facilities-sml h2{margin:0 0 20px 0;}
.facilities-sml p{text-align:left;}
.facilities-sml table{width:80%; border: none; font-size:18px;}
.facilities-sml th{padding:10px;  border: none; background: none; font-weight: normal;}
.facilities-sml td{padding:10px; border: none;}

/*画像テキスト・スライダー・段組*/
.photo{margin:0 0 80px 0;}
.photo h4{
  text-align: center;
  font-size: 18px;
  font-weight: normal;
  margin:0 0 50px 0;
}
.photo h4 span{
  display: block;
  font-size: 14px;
}
.photo h3{
  font-size: 40px;
  font-weight: 500;
}
.photo h3 span{
  display: block;
  font-size: 20px;
  margin: 0 0 -5px 0;
}
.photo .mb{
  margin: 10px 0 0 0;
}
.photo a{
  color: #FFF;
  background-color: #000;
  padding: 5px;
}
.photo a:hover{
  background-color: rgb(94, 94, 94);
}
/*画像テキスト2・段組2*/
.photo-text{margin:0 0 80px 0;}
.photo-text h3{font-size:40px;}
.photo-text h3 span{
  display: block;
  font-size:20px;
  margin: 0 0 -5px 0;
}
.photo-text .box{width:480px;}
.photo-text p{
  text-align: center;
  font-size: 18px;
  font-weight: normal;
}
.photo-text h4{
  font-size:22px;
  font-weight: normal;
  text-align: center;
  margin: 0 0 -20px 0;
}
/* .photo-text .box p{text-align: left;} */

/*ライトボックス*/
.gallery-lightbox{margin:0 0 100px 0;}

/*横テキスト*/
.photo-side{margin:0 0 80px 0;}
.photo-side .box{width:50%;}
.photo-side .box .text{padding:0 20px; text-align: left;}
.photo-side .box .text p{ text-align: left;}

/*ギャラリー1*/
.gallery-left{margin:0 0 80px 0;}
.gallery-left p{font-size:18px; margin:0 0 30px 0;}
.gallery-left h2{margin:0 0 25px 0; text-align: center;}
.gallery-left .left{width: calc(100% -  720px);}
.gallery-left .right{width:680px; overflow: hidden;} 

/*ギャラリー2*/
.gallery-right{margin:0 0 50px 0;}
.gallery-right p{font-size:18px; margin:0 0 30px 0;}
.gallery-right h2{margin:0 0 25px 0; text-align: center;}
.gallery-right .left{width:680px; overflow: hidden;}
.gallery-right .right{width: calc(100% -  690px);} 

/*ギャラリー3*/
.gallery2-left{margin:0 0 80px 0;}
.gallery2-left p{font-size:18px; margin:0 0 30px 0;}
.gallery2-left h2{margin:0 0 25px 0; text-align: center;}
.gallery2-left ul{display: flex; flex-wrap: wrap; justify-content:space-between;}
.gallery2-left .left{width: calc(100% -  815px);}
.gallery2-left .right{width:800px; overflow: hidden;} 

/*ギャラリー4*/
.gallery2-left-sml{ margin:0 0 80px 0;}
.gallery2-left-sml p{font-size:18px; margin:0 0 30px 0;}
.gallery2-left-sml h2{margin:0 0 25px 0; text-align: center;}
.gallery2-left-sml ul{display: flex; flex-wrap: wrap; justify-content:space-between;}
.gallery2-left-sml .left{width: calc(100% -  700px);}
.gallery2-left-sml .right{width:680px; overflow: hidden;} 

/*ギャラリー5*/
.gallery2-right{ margin:0 0 80px 0;}
.gallery2-right h2{margin:0 0 25px 0; text-align: center;}
.gallery2-right p{font-size:18px; margin:0 0 30px 0;}
.gallery2-right .left{width:800px; overflow: hidden;}
.gallery2-right .right{width: calc(100% -  815px);} 
.gallery2-right  ul{display: flex; flex-wrap: wrap; justify-content:space-between;}

/*ギャラリー6*/
.gallery2-right-sml{ margin:0 0 80px 0;}
.gallery2-right-sml h2{margin:0 0 25px 0; text-align: center;}
.gallery2-right-sml p{font-size:18px; margin:0 0 30px 0;}
.gallery2-right-sml .left{width:680px; overflow: hidden;}
.gallery2-right-sml .right{width: calc(100% -  700px);} 
.gallery2-right-sml  ul{display: flex; flex-wrap: wrap; justify-content:space-between;}

/*ギャラリー7*/
.gallery-bottom{ margin:0 0 80px 0;}
.gallery-bottom .img_box{margin:0 0 5px 0; overflow: hidden;}
.gallery-bottom .thumb_box{} 
.gallery-bottom h2{margin:0 0 25px 0; text-align: center;}
.gallery-bottom p{font-size:18px; margin:0 0 30px 0;}
.gallery-bottom ul{display: flex; flex-wrap: wrap; justify-content:center;}
.gallery-bottom li{margin:0 2px 4px 2px;}

/*ご利用料金*/
.charge{margin:0 0 60px 0;}
.charge table{font-size: 15px; width:800px; margin:0 auto 40px auto; border:none; border-collapse:collapse;}
.charge table tr{border-bottom: #000 1px dotted;}
.charge table tr:last-child{border-bottom:none;}
.charge table th{padding:8px 30px 8px 8px; font-weight: normal; border:none; background: none;}
.charge table td{padding:8px 0; border:none;}

/*アクセス*/
.access{margin:100px 0 100px 0;	padding:200px 0 0 0; background: url(../img/access.png) 50% 0 no-repeat;	background-size:100% auto;}
.access .left{background: #fff; width: calc(100% -  750px); display: flex; align-items: center;}
.access .left .box{padding: 25px 50px;}
.access .right{width: 750px;}
.access h2{margin:0 0 20px 0;}

/*道のり*/
.route{text-align: center;}

/*プランバナー*/
.banner{margin:0 0 100px 0; text-align: center;}

.flex{display: flex; flex-wrap: wrap; justify-content:space-between; }
.flex2{display: flex; flex-wrap: wrap; justify-content:center; }
.flex2 div{
  margin: 0 20px 0 0;
}
.middle{align-items: center;}
.clear{clear: both;	content: "";display: block;}
.t-center{text-align: center;}
.t-right{text-align:right;}

.over img{opacity:0.5;}
.thumb ul{padding: 0;}
.thumb li{list-style:none;}

.thumb li img{margin:0 0 0 0; display: block;}

.w600{width:600px; margin:0 auto;}
.w700{width:700px; margin:0 auto;}
.w880{width:800px; margin:0 auto;}
.w800{width:800px; margin:0 auto;}
.w880{width:880px; margin:0 auto;}
.w900{width:900px; margin:0 auto;}
.w945{width:945px; margin:0 auto;}
.w1000{width:1000px; margin:0 auto;}
.w1100{width:1100px; margin:0 auto;}
.w1125{width:1125px; margin:0 auto;}
.w1200{width:1200px; margin:0 auto;}

/* Underline Reveal */
.hvr,
.hvr2{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr::before,
.hvr2::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  height: 3px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr2:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 20px;
  right: 0;
  bottom: 0;
  background: #fff;
  height: 3px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr:hover:before, .hvrl:focus:before, .hvr:active:before,
.hvr2:hover:before, .hvr2:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}