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



h2 img{width: 80%;max-width: 300px;margin: 0 auto;}
@media(max-width: 768px){
}
/*----------------------------------------------

  #mv

-----------------------------------------------*/
#mv{position: relative;width: 100%;height: 800px;}
#mv:before{content: '';width: 100%;height: 800px;position: absolute;background:rgba(0,0,0,0.6);z-index:2; }
.mv-txt{position: absolute;z-index: 3;height:800px;width:100%;}
.mv-txt h1{max-width:425px;margin: 0 auto;margin-top: 290px;}
.mv_line{width:100%;height: 1px;background:#fff;margin-top: -2px;}
.txt1{width: 90%;max-width: 420px;margin: 20px auto 0;}
.txt2{width: 80%;max-width: 376px;margin: 20px auto 0;}
@media(max-width: 768px){
	#mv,#mv:before,.mv-txt{height: 640px;}
	.mv-txt h1{max-width:260px;margin: 0 auto;margin-top: 170px;}
}


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

  #lead

-----------------------------------------------*/
section#lead{padding: 100px 0 80px;}
section#lead{background:url(../images/bg_top.jpg)0 center no-repeat;background-attachment:fixed;background-size: cover;}

#lead h2{margin-bottom: 40px;}
#lead h2 img{width: 100%;max-width: 460px;}
#lead p{line-height: 3.2rem;}

#lead .news{margin-top: 100px;}
#lead .news .news_line{background:#4c585c;height:1px;width: 100%;max-width: 760px;margin: 10px auto 20px; }
#lead .news h3 img{width: 100px;}
#lead .news table{font-size: 1.4rem;margin: 25px auto 0;}
#lead .news table th{width: 8em;}

@media(max-width: 768px){
	#lead p{text-align: left;}
	#lead .news{margin-top: 60px;}
}

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

  #value

-----------------------------------------------*/
section#value{}
section#value{background:url(../images/bg_top.jpg)0 center no-repeat;background-attachment:fixed;background-size: cover;}
.value_ctn{width: 100%;min-width: 1100px;margin: 0 auto;overflow: hidden;}
.value_ctn .value_box .box{position: relative;z-index: 2;}
.value_box a{display: block;width: 100%;height: 100%;}
.to_diamond,.to_sky{width: 50%;height:700px;}
.to_diamond{position: relative;}
.to_sky{position: relative;}
.bg_to{position: absolute;top:0;left:0;z-index: 1;}

/**
.to_diamond{background:url(../images/anchor_diamond.jpg)center center no-repeat;background-size: cover;}
.to_sky{background:url(../images/anchor_sky.jpg)center center no-repeat;background-size: cover;}
**/

.value_box .ttl{width: 75%;max-width: 400px;margin: 0 auto ;padding-top:210px; }
.value_box .line{height: 1px;width: 100%;background:#fff;margin-top: -2px;}
.value_box p{color: #fff;font-size: 1.8rem;margin-top: 50px;}
.value_box .arrow{width: 60px;margin: 10px auto;}

.value_box:hover{opacity: 0.8;}
.value_box,.value_box:hover{transition: .3s;}

@media(max-width: 768px){
  .value_ctn{width: 100%;min-width: auto;margin: 0 auto;}
	.to_diamond,.to_sky{width: 100%;height:0;padding-bottom:115%;}
	.value_box .ttl{padding-top:30%; }
	.value_box p{color: #fff;font-size: 1.6rem;margin-top: 40px;}
}

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

  #n_event

-----------------------------------------------*/
section#n_event{padding:120px 0 0;}
section#n_event{background:url(../images/bg_top.jpg)0 center no-repeat;background-attachment:fixed;background-size: cover;}

#n_event .img {margin-top: 60px;}
#n_event .img img{margin-bottom: 20px;}
#n_event .txt{margin:20px 0;}

#n_event .slider{margin-top: 80px;}

.member{width: 100%;max-width: 600px;margin:100px auto 0;border: 1px solid #4c585c;padding:40px;}
.member p.gold,.member p.gold a{color:#928554;}
.member p.name{font-size: 1.8rem;margin:8px 0;font-weight: 500;}
.member p.exp{font-size: 1.4rem;margin-bottom: 30px;}
.member div{width: 100%;max-width: 380px;margin:auto;border:1px solid #4c585c;}

.member .entry{margin-top: 30px;}
p.gold a{text-decoration:underline;}

@media(max-width: 768px){
  #n_event .slider{margin-top: 80px;padding-bottom: 40px;}
	section#n_event{padding:100px 0 0;}
	#n_event .img img{margin-bottom: 10px;}
	.member{padding: 20px;margin:60px auto 0}
}

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

  #price #n_event

-----------------------------------------------*/
section#price,section#night_list{background:url(../images/bg_top.jpg)0 center no-repeat;background-attachment:fixed;background-size: cover;}
section#price{padding:120px 0 10px;}
section#night_list{padding:100px 0;}
section#price h2 img{width:130px; }
section#price h3,section#night_list h3{font-size: 2.6rem;font-weight: 500;margin: 80px auto 0;}
h4{margin: 40px 0 20px;font-size: 1.8rem;font-weight:400;padding: 5px 0;border-top:1px solid #4c585c;border-bottom:1px solid #4c585c;}


table.table_a,table.table_b{width: 100%;font-size: 1.5rem;border: 1px solid #4c585c;margin-top: 30px;}
table.table_a th{vertical-align: middle;color: #fff;background:#7e9db7;text-align:center;border: 1px solid #4c585c;}
table.table_b th{vertical-align: middle;color: #fff;background:#9896b0;text-align:center;border: 1px solid #4c585c;}
table.table_a td,table.table_b td{vertical-align: middle;text-align:center;border: 1px solid #4c585c;}
table.table_a td{width: 25%;padding: 10px 0;background: #fff;}
table.table_b td{padding: 10px 0;background: #fff;}

table.table_a td.bg_yellow,table.table_b td.bg_yellow{background:#f6f3e7;}
table.table_a td.bg_blue,table.table_b td.bg_blue{background:#eaf4f8;}
table.table_a td.blank,table.table_b td.blank{background:#d1d1d1;}

ul.attention.box{border:1px solid #48585c;padding:30px;margin-top: 60px;}
ul.attention.box label{text-decoration:underline;color:#2f45e9;cursor : pointer;}
.visitors_line{width: 100%;height: 1px;background:#48585c;margin: 100px auto 50px;  }

p.ps{font-size: 1.3rem;}

@media(max-width: 768px){
  section#price{padding:80px 0 10px;}
	section#price h3,section#night_list h3{font-size: 2.6rem;margin: 60px auto 0;}
	ul.attention.box{padding: 20px;}
	.sp_scroll{overflow-x: scroll;}
	table.table_a,table.table_b{width: 780px;}
	.stay div p{text-align: left;}
	.visitors_line{margin: 80px auto 30px;}
}

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

  #faq

-----------------------------------------------*/
#faq{padding: 120px 0 0;}
.notice h2,.restaurant h2{margin-top: 120px;}
.follow{margin-top: 140px;}
.rest_img div{width: 33%;margin: 30px auto 10px;}
a.insta{display: block;width: 90%;max-width: 360px;margin: 30px auto;}
.qr{width: 100px;margin: 0 auto;}
#access{padding-top: 140px;}
#access h2{margin-bottom:40px;}
#access .blue{color:#79a8c1;}

@media(max-width: 768px){
  #faq{padding: 80px 0 0;}
	.notice h2,.restaurant h2{margin-top: 100px;}
	.rest_img{margin-top: 20px;}
	.rest_img div{margin: 3px auto;}
	.rest_img div:nth-child(1){width: 100%;}
	.rest_img div:not(:nth-child(1)){width: 50%;}
	.qr{display: none;}
	.follow{margin-top: 100px;}
	#access{padding-top: 80px;}
}


/*-- Google Map --*/
.map {position: relative;min-height: 420px;max-width: 100%;margin: 50px auto 0;height: 0;overflow: hidden;}
.map iframe,.map object,.map embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media (max-width: 768px){
  .map {min-height: 360px;}
}




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

◆　header modal - モーダルウィンドウ

----------------------------------------------------*/
.modal_check {display: none;}

.modal{width:90%; max-width: 1000px; margin:0 auto; }
.modal label{display: block;cursor: pointer;width: calc(100% / 3 - 7px);margin-bottom: 10px;}
.to_modal_box{width: 100%; height:0;padding-bottom: 70%; background: #333;}
@media (max-width: 768px){
  .modal label{width:100%;}
}


.modalWrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;margin: 0;z-index: 10;}

.modalWrap {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s cubic-bezier(1, 0, 0, 1);
  transition: 0.3s cubic-bezier(1, 0, 0, 1);
  -webkit-transition-property: opacity;
  transition-property: opacity;
  will-change: opacity;
}
.modal_ctn {
  position: fixed;
  left:50%;
  top:50%;
  width: 92%;
  transform: translateX(-50%) translateY(-50%);
  margin: auto;
  z-index: 20;
  box-sizing: border-box;
  display:flex;
  justify-content: center;
  align-items:center;
}
.modal_ctn img{width: 100%;max-width: 620px;}

.modal_inner {
  box-sizing: border-box;
  position: relative;
  padding: 40px 60px;
  cursor: default;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3);
}
@media(max-width: 768px){
	.modal_inner {padding:20px;}
}

.modal_check:not(:checked) ~ .modal_contents > *:not(.modalWrap) {
  -webkit-filter: blur(0px);
          filter: blur(0px);
}
.modal_check:not(:checked) ~ .modal_contents .modalWrap {
  opacity: 0;
  visibility: hidden;
}
.modal_check:checked ~ .modal_contents > *:not(.modalWrap) {
  -webkit-filter: blur(3px);
          filter: blur(3px);
}

#modal01:checked ~ .modal_contents #modal01_ctn
{opacity: 1;visibility: visible;}


/* -- モーダルウィンドウ表示中、背景を黒半透明に --*/
.modalBg {position: fixed;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer; background: rgba( 0, 0, 0, .75);z-index: 2;}
.modalBg label {position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: block;}

/* -- クローズボタン右上 --*/
.close_icon {position: absolute;top: 0;right: 0;}
.close_icon label {display: inline-block;padding:  0.2em 0.4em;color: #333;font-size: 5em;cursor: pointer;}
/* -- クローズボタン下 --*/
.close_btn {text-align: center;}
.close_btn label {cursor: pointer;padding: 0.8em 1.5em;color: #fff;font-size: 13px;letter-spacing: 0.05em;background-color: #f44336;border-radius: 5px;}
.close_btn label:hover {background-color: #ea1c0d;}

@media(max-width: 768px){
	.close_icon label{padding:0;font-size: 3rem;}
}


/* レスポンシブの設定 */
/* モバイル */
@media (max-width: 768px) {}