@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP&display=swap');


/* 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, caption,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video, main {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block;
  margin: 0;
}
address,caption,cite,code,dfn,em,th,var{font-style:normal;}
ul{list-style:none;}

strong{font-weight: bold;}

ol, ul {list-style: none;}
a {text-decoration: none;color:#4d4d4d;}
p {font-size: 20px;letter-spacing: 0.03rem;line-height: 1.6;}
@media (max-width: 769px){
  p {font-size: 14px;}
  li{font-size: 12px;}
}

img{width: 100%;vertical-align: top;}

body{
	font-family: "Noto Serif JP", serif;
	/*font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;*/
	background: #000;
  color: #fff;
  text-align: center;
}


/* 改行指定 ---------------------------------------*/
@media (min-width: 769px){ 
  .br-sp {display:none !important;}
}
@media (max-width: 768px){ 
  .br-pc {display:none !important;}
}

/* float ---------------------------------------*/
.float_r{float: right;}
.float_l{float:left;}
@media (max-width: 768px) {.float_r,.float_l{float:none;}}
.float_end{clear:both;}

/* display設定 ---------------------------------------*/
@media (min-width: 769px){ 
  .sp_only{display: none !important;}
}
@media (max-width: 768px) {
  .pc_only{display:none !important;}
}

/* flex設定 ---------------------------------------*/
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.flex:has(li:first-child):not(:has(li:first-child + li)){display: flex;justify-content: center;flex-wrap: wrap;}

/* aline設定 ---------------------------------------*/
.center{text-align: center;}

/* font設定 ---------------------------------------*/
.gfont{font-family: "Noto Sans JP", sans-serif;/*font-family: 'Roboto', sans-serif;*/}

/* width設定 ---------------------------------------*/
.inner-width{max-width: 1000px;width:85% ;margin: 0 auto;}
.inner-width800{max-width: 840px;width:85% ;margin: 0 auto;}


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

  ◆ header - メインビジュアル

----------------------------------------------------*/
#mv{
	background: url('../images/mv.jpg')center center no-repeat;
	background-size: cover;
  height: 40vh;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mv .item{color: #fff;position: relative;z-index: 10;}
#mv .item h1{max-width: 570px;width: 82%;margin: 0 auto;}
#mv .item h2{max-width: 600px;width: 100%;margin: 30px auto 0;}
#mv .item .card{max-width: 390px;width: 72%;margin: 30px auto 0;}

@media (max-width: 768px) {
  #mv{height: 350px;}
  #mv .item h1{max-width: 570px;width: 70%;margin: 0 auto;}
  #mv .item h2{max-width: 590px;width: 90%;margin: 20px auto 0;}
  #mv .item .card{max-width: 390px;width: 60%;margin: 20px auto 0;}
}

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

  ◆about - 1カラム

----------------------------------------------------*/
section#about3{padding: 10px 0 80px;}
section#about3.line{padding: 80px 0;margin-top: 80px; border-top: 1px solid rgba(255,255,255,.4)}
section#about3.line > h2{margin-bottom: 60px;line-height:1.7;letter-spacing:.12em}
#about3 h2{color: #a79369;margin-bottom: 20px;font-size: 35px;font-weight: bold;}
#about3 p{font-size: 19px;line-height: 2.2;margin: 50px auto 0;}

#about3 ul{max-width: 1000px;width:85%;margin: 20px auto 0;}
#about3 ul li {width: 100%;}
/*#about3 ul.flex li {width: 45%;}*/
#about3 ul.flex li {width: 32%;}
#about3 ul li a{color:#fff; background-color: #515151; font-size: 19px;display:block;padding: 10px;height: 75px;}
#about3 ul li:hover{}
#about3 ul li a:hover{color:#515151;background-color: #fff;transition: .2s;}

#about3 ul.nav li a{position: relative;color: black;background-color: #d5ce81; height: auto;padding: 1.2em 0 1.3em; font-weight: 700;}
#about3 ul.nav li a:hover{ opacity: .6}
#about3 ul.nav li a::before,
#about3 ul.nav li a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	content: "";
	vertical-align: middle;
}
#about3 ul.nav li a::before{
	width: 1.6em;
	height: 1.6em;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: black
}
#about3 ul.nav li a::after{
	right: 21px;
	width: .3em;
	height: .3em;
	border-top: 2px solid #d5ce81;
	border-right: 2px solid #d5ce81;
	transform: rotate(135deg);
}



@media (max-width: 768px) {
  section#about3.line{padding: 60px 0;margin-top: 0;}
  section#about3.line > h2{margin-bottom: 40px;letter-spacing:.05em}
  section#about3{padding: 20px 0 30px;}
  #about3 h2{color: #a79369;margin-bottom: 20px;font-size: 20px;font-weight: bold;}
  #about3 p{font-size: 14px;line-height: 1.8;width: 95%;margin: 0 auto;}

  #about3 ul{width: 85%;margin: 20px auto 0;}
  #about3 ul li {width: 100%;margin-bottom: 30px;line-height: 1.4;}
  #about3 ul li a{font-size: 16px;padding: 10px;}
  #about3 ul li:hover{}
  #about3 ul li a:hover{transition: .2s;}
	
	#about3 ul.flex {width: 85%;}
	#about3 ul.flex li {width: 100%;}
	#about3 ul.nav li a{font-size: 18px;}
	#about3 ul.nav li a::before{width: 1.6em;height: 1.6em;}
	#about3 ul.nav li a::after{right: 20px;	width: .3em; height: .3em;}
}

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

  ◆about - 2カラム

----------------------------------------------------*/
section#about{padding: 10px 0 0px;}
#about h2{color: #a79369;margin-bottom: 20px;font-size: 35px;font-weight: bold;}
#about p{font-size: 19px;line-height: 2.2;margin: 50px auto 0;}

#about ul{max-width: 1000px;width:85%;margin: 20px auto 0;}
#about ul li {width: 45%;}
#about ul li a{color:#fff; background-color: #515151; font-size: 19px;display:block;padding: 10px;height: 75px;}
#about ul li:hover{}
#about ul li a:hover{color:#515151;background-color: #fff;transition: .2s;}

@media (max-width: 768px) {
  section#about{padding: 20px 0 30px;}
  #about h2{color: #a79369;margin-bottom: 20px;font-size: 20px;font-weight: bold;}
  #about p{font-size: 14px;line-height: 1.8;width: 95%;margin: 0 auto;}

  #about ul{width: 75%;margin: 20px auto 0;}
  #about ul li {width: 100%;margin-bottom: 30px;line-height: 1.4;}
  #about ul li a{font-size: 18px;padding: 10px;}
  #about ul li:hover{}
  #about ul li a:hover{transition: .2s;}
}

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

  ◆about2 - 3カラム

----------------------------------------------------*/
section#about2{padding: 50px 0 20px;}
#about2 h2,{color: #a79369;margin: 30px 0 0;font-size: 35px;font-weight: bold;}
#about2 p{font-size: 19px;line-height: 2.2; margin-top: 30px;}
#about2 p.lyt-hdg{font-size: 28px;line-height: 1.5; margin-top: 1.2em;color: #a79369;font-weight: 600}
#about2 span{font-size: 16px;line-height: 1.5;}
#about2 img{width: 50%;vertical-align: top; margin: 30px 0 10px;}

#about2 ul{max-width: 1000px;width:85%;margin: 20px auto 0;}
#about2 ul li {width: 32.5%;}
#about2 ul li a{color:#fff; background-color: #a79369; font-size: 19px;display:block;padding: 10px;height: 75px;}
#about2 ul li:hover{}
#abou2t ul li a:hover{color:#a79369;background-color: #fff;transition: .2s;}
#about2 ul li img{width: 100%;vertical-align: top;}

#about2 nav{width: 85%;max-width: 500px;margin: 1.6em auto 2.4em;}
#about2 nav a{width: 100%; color:#fff; background-color: #a79369; font-size: 19px;display:block;padding: 1.2em 10px;}

@media (max-width: 768px) {
  section#about{padding: 20px 0 30px;}
  #about2 h2{color: #a79369;margin-bottom: 20px;font-size: 20px;font-weight: bold;}
  #about2 p{font-size: 14px;line-height: 1.8;width: 95%;margin: 0 auto;}
  #about2 p.lyt-hdg{font-size: 22px;}
  #about2 span{font-size: 14px;line-height: 1;}
  #about2 img{width: 80%;vertical-align: top; margin: 10px 0 20px;}

  #about2 ul{width: 75%;margin: 40px auto 0;}
  #about2 ul li {width: 100%;margin-bottom: 30px;line-height: 1.4;}
  #about2 ul li a{font-size: 18px;padding: 10px;}
  #about2 ul li:hover{}
  #about2 ul li a:hover{transition: .2s;}
}



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

  ◆privilege - 特典

----------------------------------------------------*/
section#privilege{padding: 100px 0 20px;background: #d2d2ca;}
#privilege h2{color: #67646b;margin-bottom: 20px;font-size: 21px;font-weight: bold;}
#privilege h3{color: #000;font-size: 40px;font-weight: bold;}
#privilege p{color: #000;}

.list{margin: 50px 0;}
.list div{width: 100%;position: relative;margin-bottom: 60px;}
.list div div{width: 100%;}
.list div a{position:relative;width: 42%;min-width: 300px;background: #000;display: block;color: #fff;position: absolute;z-index: 10;font-size: 20px;}
.list div a img.arrow{position: absolute;right:15px;bottom:15px;width: 70px;}
.list .layout_1 div{padding-right: 30%;}
.list .layout_2 div{padding-left: 30%;}
.list .layout_1 a{top:50%;right:0;}
.list .layout_2 a{top:50%;left:0; margin-top:-65px;}
.list div a.light:hover{transition: 0.3s;background: #fff;color:#000;}
.list div a.light .arrow{background: url(../images/arrow.png)right 0 no-repeat;background-size:contain;width:56px;height:10px;position: absolute;right:15px;bottom:15px;margin-bottom: 0;}
.list div a.light:hover > .arrow{background: url(../images/arrow_bk.png)right 0 no-repeat;background-size:contain;width:56px;height:10px;transition: .3s;}


.line1 a{padding:60px 0;margin-top:-72px;}
.line2 a{padding:46px 0;margin-top:-73px;}
.list div a span{display: block;font-size: 16px;}

@media(max-width: 768px){
  section#privilege{padding: 60px 0 20px;background: #d2d2ca;}
  #privilege h2{color: #67646b;margin-bottom: 20px;font-size: 21px;font-weight: bold;}
  #privilege h3{color: #000;font-size: 22px;font-weight: bold;margin-bottom: 30px;}
  #privilege p{color: #000;}

  .list{margin: 30px 0 50px;}
  .list div{width: 100%;position: relative;margin-bottom: 60px;}
  .list div div{width: 100%;}
  .list div a{width: 42%;min-width: 260px;font-size: 15px;}
  .list .layout_1 div{padding-right: 15%;}
  .list .layout_2 div{padding-left: 15%;}
  .list .layout_1 a{top:auto;right:0;margin-top: 0;bottom:-30px;}
  .list .layout_2 a{top:auto;left:0; margin-top: 0;bottom:-30px;}

  .line1 a{padding:20px 0;margin-top:0px;}
  .line2 a{padding:13px 0;margin-top:0px;}
  .list div a span{display: block;font-size: 12px;} 

  .list div a.light:hover{transition: 0.3s;background: #fff;color:#000;}
  .list div a.light .arrow{background: url(../images/arrow.png)right 0 no-repeat;background-size:contain;width:48px;height:9px;position: absolute;right:10px;bottom:10px;margin-bottom: 0;}
  .list div a.light:hover > .arrow{background: url(../images/arrow_bk.png)right 0 no-repeat;background-size:contain;width:48px;height:9px;transition: .3s;}
}


a.other{position:relative;font-size: 19px;display: block;color:#fff;width: 60%;background: #595757;padding:25px;margin: 30px auto 100px;}
a.other .arrow{background: url(../images/arrow.png)right 0 no-repeat;background-size:contain;width:56px;height:10px;position: absolute;right:15px;}
a.other:hover{transition: .3s;background: #fff;color:#000;}
a.other:hover > .arrow{background: url(../images/arrow_bk.png)right 0 no-repeat;background-size:contain;width:56px;height:10px;transition: .3s;}
.plus div{width: 48.5%;display: block;text-align: center;background: #000300;padding: 40px 0 38px;font-size: 19px;}
.l-height{line-height: 3.3;}
p.annotation{color: #000;font-size: 12px;font-weight: bold;}

@media(max-width: 768px){
  a.other{position:relative;font-size: 15px;color:#fff;width:100%;padding:25px 0;margin: 20px auto 60px;}
  a.other .arrow{background: url(../images/arrow.png)right 0 no-repeat;background-size:contain;width:48px;height:9px;position: absolute;right:10px;bottom:10px;}
  a.other:hover{transition: 0.3s;background: #fff;color:#000;}
  a.other:hover > .arrow{background: url(../images/arrow_bk.png)right 0 no-repeat;background-size:contain;width:48px;height:9px;transition: .3s;}

  .plus div{width: 48.5%;display: block;text-align: center;background: #000300;padding: 20px 0 20px;font-size: 15px;}
  .plus div span{font-size: 12px;}
  .l-height{line-height:1.5;}
  p.annotation{color: #000;font-size: 12px;font-weight: bold;text-align: left;}
}



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

  ◆message - メッセージ

----------------------------------------------------*/
section#message{padding: 50px 0;}
section#message + #message{padding: 0 0 100px;}
/*section#message{padding: 50px 0 25px;}*/
#message h2{color: #a79369;margin-bottom: 20px;font-size: 26px;font-weight: bold;}
#message h3{color: #fff;font-size: 24px;}
#message p{font-size: 19px;line-height: 2.2;}
#message p + p{margin-top: 1.2em;}
#message p + h3{margin-top: 1.2em;}
#message a{color:#fff;}
.ceo{margin-top: 40px; align-items: center;}
.ceo .img{width: 25%;}
.ceo .txt{width: 70%;text-align: left;}
.ceo .txt h4{font-size: 26px;}
.ceo .txt .line{width: 100%;height: 1px;background: #fff;margin: 15px 0;}
.ceo .txt .post{font-size: 18px;}
.ceo .txt .sign{width: 150px;margin-top: 10px;}

.main{margin-top: 50px;text-align: left;font-size: 19px;}
.main p{margin-bottom: 30px;line-height: 1.6;}

@media(max-width: 768px){
  section#message{padding: 30px 0 15px;}
  section#message + #message{padding: 0 0 40px;}
  #message h2{margin-bottom: 20px;font-size: 20px;}
  #message h3{color: #fff;font-size: 18px;margin-bottom: 0px;}
  #message p{font-size: 14px;line-height: 1.8;}
  .ceo{margin-top: 20px;}
  .ceo .img{width: 35%;}
  .ceo .txt{width: 60%;text-align: left;}
  .ceo .txt h4{font-size: 16px;}
  .ceo .txt .line{width: 100%;height: 1px;background: #fff;margin: 10px 0;}
  .ceo .txt .post{font-size: 12px;}
  .ceo .txt .sign{width: 95px;margin-top: 5px;}
  
  .main{margin-top: 30px;text-align: left;font-size: 16px;}
  .main p{margin-bottom: 10px;line-height: 1.6;}
}
/*----------------------------------------------------

  ◆message2 - メッセージ2

----------------------------------------------------*/
section#message2{padding: 100px 0 120px;background: #212121;}
#message2 h2{color: #a79369;margin-bottom: 20px;font-size: 26px;font-weight: bold;}
#message h2.lyt-hdg,#message2 h2.lyt-hdg{font-size: 32px;letter-spacing:.12em}
#message2 h3{color: #fff;font-size: 38px;}
#message2 p{font-size: 19px;line-height: 2.2;}
#message2 figure{ margin-top: 20px}
#message2 a{position: relative;display: block;width: 100%;max-width: 500px;padding:10px 0;text-align: center;margin: 20px auto 0;background: #a79369; color:#fff;font-size: 18px;}
.ceo{margin-top: 40px; align-items: center;}
.ceo .img{width: 25%;}
.ceo .txt{width: 70%;text-align: left;}
.ceo .txt h4{font-size: 26px;}
.ceo .txt .line{width: 100%;height: 1px;background: #fff;margin: 15px 0;}
.ceo .txt .post{font-size: 18px;}
.ceo .txt .sign{width: 150px;margin-top: 10px;}

.main{margin-top: 50px;text-align: left;font-size: 19px;}
.main p{margin-bottom: 30px;line-height: 1.6;}

@media(max-width: 768px){
  section#message2{padding: 60px 0 60px;}
  #message2 h2{margin-bottom: 20px;font-size: 20px;}
	#message2 h2.lyt-hdg{font-size: 24px;}
  #message2 h3{color: #fff;font-size: 22px;margin-bottom: 30px;}
  #message2 p{font-size: 14px;line-height: 1.8;}
  #message2 figure{ margin-top: 30px}
  .ceo{margin-top: 20px;}
  .ceo .img{width: 35%;}
  .ceo .txt{width: 60%;text-align: left;}
  .ceo .txt h4{font-size: 16px;}
  .ceo .txt .line{width: 100%;height: 1px;background: #fff;margin: 10px 0;}
  .ceo .txt .post{font-size: 12px;}
  .ceo .txt .sign{width: 95px;margin-top: 5px;}
  
  .main{margin-top: 30px;text-align: left;font-size: 16px;}
  .main p{margin-bottom: 10px;line-height: 1.6;}
}
/*----------------------------------------------------

  ◆campaign - キャンペーン

----------------------------------------------------*/
section#campaign{padding: 100px 0 120px;background: #a79369;}
#campaign h2{color: #000300;margin-bottom: 20px;font-size: 26px;font-weight: bold;}
#campaign h3{color: #fff;font-size: 44px;margin-top: -15px;}
#campaign a{position: relative;display: inline-block;width: 100%;max-width: 400px;padding:10px 0;text-align: center;margin: 20px auto 0;background: #000300; color:#fff;font-size: 18px;}
#campaign a .arrow{background: url(../images/arrow.png)right 0 no-repeat;background-size:contain;width:56px;height:10px;position: absolute;right:15px;}
#campaign a:hover{transition: 0.3s;background: #fff;color:#000;}
#campaign a:hover > .arrow{background: url(../images/arrow_bk.png)right 0 no-repeat;background-size:contain;width:56px;height:10px;transition: .3s;}

.limited{font-size: 24px;}
.term{font-size: 24px;margin-top:10px; }
.condition{font-size: 17px;}
.under_btn{font-size: 17px;margin-top: 10px;}

@media(max-width: 768px){
  section#campaign{padding: 40px 0 40px;}
  #campaign h2{font-size: 20px;}
  #campaign h3{color: #fff;font-size: 24px;margin-top: -5px;}
  #campaign a{font-size: 16px;padding:20px 0;}
  #campaign a .arrow{background: url(../images/arrow.png)right 0 no-repeat;background-size:contain;width:48px;height:9px;position: absolute;right:10px;bottom:10px;}
  #campaign a:hover{transition: 0.3s;background: #fff;color:#000;}
  #campaign a:hover > .arrow{background: url(../images/arrow_bk.png)right 0 no-repeat;background-size:contain;width:48px;height:9px;transition: .3s;}
  .limited{font-size: 18px;}
  .term{font-size: 18px;margin-top:10px; }
  .condition{font-size: 14px;}
  .under_btn{font-size: 13px;margin-top: 10px;}
}



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

  ◆ footer - フッター 

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

footer{}
footer p.group_link,footer p.group_link a{text-align: center;color:#fff;font-size: 16px;margin-top: 20px;}
footer p.copyright{text-align: center;color: #fff;font-size: 10px;padding:30px 0 20px;font-family: "Noto Sans JP", sans-serif;/*font-family: "游ゴシック体 Medium", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/}
.group_link a:hover{color:#a79369;transition: .2s;}
@media(max-width: 768px){
  footer p.group_link,footer p.group_link a{text-align: center;color:#fff;font-size: 14px;}
  footer p.copyright{padding:20px 0 65px;}
}

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

◆　ページトップへ

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

#pageTop {
    position: fixed;
    bottom: 32px;
    right: 28px;
    /*font-size: 1.1rem;*/
    z-index: 5;
}
#pageTop a {
	position: relative;
    border-radius: 50px;
    display: block;
	width: 49px;
	height: 49px;/*
    padding: 9px 16px;
    text-decoration: none;
    text-align: center;
    color:#3e3a39;*/
    background: #fff;
    transition: all .2s ease;
    border:1px solid #ccc;
    z-index: 999;
}
#pageTop a::after{
	content: "";
	position: absolute;
	top: 38%;	
	right: 32.5%;
	width: 26%;
	height: 26%;
	border-top: 4px solid #3e3a39;
	border-right: 4px solid #3e3a39;
	transform: rotate(-45deg);
    transition: all .2s ease;
}
#pageTop a:hover {
    /*padding: 9px 16px;
    text-align: center;
    transition: all .2s ease;*/
    color:#fff;
    background: #a79369;
    border:1px solid #a79369;
}
#pageTop a:hover::after{
	content: "";
	position: absolute;
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
}
@media(max-width: 768px){
  #pageTop {
    bottom: 10px;
    right: 10px;
}}

.tableSample {
width: 100%;
border-collapse: separate;
margin-bottom: 1.2em;
}

	.tableSample th,td {
padding: 10px;
}

.tableSample th {
width: 20%;
text-align: left;
	vertical-align: top;
}
.tableSample th span{
	font-size: .9em;
}

.tableSample .nav a {
	display: block;
	max-width: 320px;
	text-align: center;
	padding: .8em 1.2em;
	margin: .8em auto;
	background-color: #a79369;
}
@media only screen and (max-width:768px) {
.tableSample th,td {
width: auto;
display: block;
border-top: none;
}
	.tableSample th {
	background: #212121;
		text-align: center;
		margin-top: 15px;
}

}


/*24.07.04追加*/
#message .tableSample p{
	line-height: 1.5;
	margin: 0;
} 
#message .tableSample p + p{
	margin-top: .8em;	
}       
.tableSample .lyt-menu{
	font-size: .9em;
}     
.tableSample .lyt-indent{
	display: inline-block;
	text-indent: -1em;
	padding-left: 1em;
}
.tableSample .lyt-menu .lyt-sub{
	font-size: .9em;
}
.inner-width800 .lyt-b{color: #d5ce81;font-weight: 700;}


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

◆　25.07.16 / 施設新レイアウト

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

/* ----------------------------------------------------
	fadeIn
---------------------------------------------------- */
/*
	パターン1：透明度が変化
------------------------------ */
.fadeBlock{opacity:0;transition:all 1s}
li:nth-child(1).fadeBlock{transition:all 1s}
li:nth-child(2).fadeBlock{transition:all 1.4s}
li:nth-child(3).fadeBlock{transition:all 1.8s}

.box-lyt-hotel .list-lyt-bnr li.fadeIn a::after,
.box-lyt-hotel .list-lyt-bnr li.fadeIn a figcaption{opacity:1;}

.box-lyt-hotel.lyt-kioicho > figure.fadeIn{filter: blur(0);}
.fadeBlock.fadeIn{opacity:1}
/*
	パターン2：下から
------------------------------ */
.fadeBottom{transform:translateY(80px)}
.fadeBottom.fadeIn{transform:translateY(0)}
/*
	パターン3：右から
------------------------------ */
.fadeRight{transform:translateX(100px)}
.fadeRight.fadeIn{transform:translateX(0)}

/*
	パターン4：左から
------------------------------ */
.fadeLeft{transform:translateX(-100px)}
.fadeLeft.fadeIn{transform:translateX(0)}

.box-lyt-cmn{
	font-size: 10px;
	margin: 6vw 0 0;
}
.box-lyt-cmn div,p{
	font-size: 1em;
}
.box-lyt-hotel{
	padding: 0 0
}
.box-lyt-hotel header p a{
	color: #fff
}

.box-lyt-hotel.lyt-kioicho{
	position: relative;
	padding: 31vw 0 75px;
}
.box-lyt-hotel.lyt-kioicho > figure{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	pointer-events: none;
	overflow: hidden;
	transition:all 1s;
	filter: blur(10px);
}
.box-lyt-hotel.lyt-kioicho > figure::before{
	content: "";
	position: absolute;
    width: 100%;
	height: 8.5vw;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 8%, rgba(0, 0, 0, 0.23) 30%, rgba(0, 0, 0, 1) 80%);
	z-index: 2;
}
.box-lyt-hotel.lyt-kioicho > figure::after {
	content: "";
	position: absolute;
	/*animation: displayImg .5s linear forwards;*/
	background: #000;
	pointer-events: none;
	inset: 0;
	z-index: 1;
}
.box-lyt-hotel.lyt-kioicho > figure.fadeIn::after {
	animation: displayImg .5s linear forwards;
}
@keyframes displayImg {
	100% {transform: translateX(100%);}
}
.box-lyt-hotel.lyt-kioicho header{
	position: relative;
	width: 94%;
	text-align: left;
	margin: auto;
	padding: 0 0 30px;
}
.box-lyt-hotel.lyt-kioicho header h2{
	font-size: calc(1.7em + .7vw);
	line-height: 1.5;
	letter-spacing:.08em;
	padding: 3.6vw 0 .6em calc(70px + 4%)
}
.box-lyt-hotel.lyt-kioicho header p{
	width: 96%;
	margin: auto;
	font-size: calc(1em + .22vw);
	letter-spacing:.05em;
}
.box-lyt-hotel.lyt-kioicho header::before{
	content: "";
	position: absolute;
    width: 70px;
	height: 70px;
	top: 14px;
	left: 0px;
	z-index: 1;
	background: url("../images/lg_kioicho.svg") no-repeat top center;
	background-size: contain;
}

@media only screen and (max-width:540px) {
	.box-lyt-hotel.lyt-kioicho{
		padding-top: 60vw;
	}
	.box-lyt-hotel.lyt-kioicho > figure img{
		width: 100%;
		height: 100%;
		aspect-ratio: 8 / 5;
		object-fit: cover;	
	}
	.box-lyt-hotel.lyt-kioicho > figure::before{
		height: 20vw;
	}
}
@media only screen and (min-width:768px) {
	.box-lyt-cmn{
		margin: 0;
	}
	.box-lyt-hotel.lyt-kioicho header{
		max-width: 860px;
		padding: 0 0 60px calc(140px + 2%);
	}
	.box-lyt-hotel.lyt-kioicho header h2{
		font-size: calc(2.4em + .6vw);
		padding: .3em 0;
	}
	.box-lyt-hotel.lyt-kioicho header p{
		width: 100%;
		margin: 0;
	}
	.box-lyt-hotel.lyt-kioicho header::before{
		width: 120px;
		height: 126px;
		top: 6px;
		left: 20px;
	}
}


.box-lyt-hotel .list-lyt-bnr{
	width: 84%;
	margin: auto;
}
.box-lyt-hotel .list-lyt-bnr li{
	position: relative;
	margin: 2em 0;
}
.box-lyt-hotel .list-lyt-bnr li img{
	width: 100%;
	height: 100%;
	aspect-ratio: 8 / 5;
	object-fit: cover;
}
.box-lyt-hotel .list-lyt-bnr li a{
	display: block;
	transition: all .4s;
}
.box-lyt-hotel .list-lyt-bnr li a::after{
	content: "";
	position: absolute;
    width: 39px;
	height: 39px;
	bottom: 0;
	right: 0;
	z-index: 1;
	background: rgba(0,0,0,1) url("../images/ic_arrow01.svg") no-repeat center center;
	background-size: 54% 54%;
	transition: all 2s;
	opacity: 0
}
.box-lyt-hotel .list-lyt-bnr li a figcaption{
	position: absolute;
	top: -.6em;
	left: -.8em;
	display: block;
	font-size: calc(2.4em + .5vw);
	color: #f0dc8d;
	padding: 0 .4em;	
	background-color: rgba(0,0,0,.8);
	transition: all 2s;
	opacity: 0
}

.box-lyt-hotel .list-lyt-bnr li:nth-child(1) img{object-position: 0 16%}
.box-lyt-hotel .list-lyt-bnr li:nth-child(2) img{object-position: 0 95%}
.box-lyt-hotel .list-lyt-bnr li:nth-child(3) img{object-position: 0 100%}

@media only screen and (min-width:768px) {
	.box-lyt-hotel .list-lyt-bnr{
		max-width: 840px;
		width: 92%;
		display: flex;
		justify-content: center;
	}
	.box-lyt-hotel .list-lyt-bnr li{
		width: 30.952%;
		margin: 0 1.19%;
	}
	.box-lyt-hotel .list-lyt-bnr li img{
		aspect-ratio: 5 / 8;
	}
	.box-lyt-hotel .list-lyt-bnr li a::after{
		background: rgba(0,0,0,.8) url("../images/ic_arrow01.svg") no-repeat center center;
		background-size: 54% 54%;
	}
	.box-lyt-hotel .list-lyt-bnr li a figcaption{
		left: -.45em;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		padding: .4em 0;	
	}
	.box-lyt-hotel .list-lyt-bnr li:nth-child(1) img{object-position: 23% 0}
	.box-lyt-hotel .list-lyt-bnr li:nth-child(2) img{object-position: 50% 0}
	.box-lyt-hotel .list-lyt-bnr li:nth-child(3) img{object-position: 60% 0}
}

@media only screen and (min-width:769px) {
	.box-lyt-hotel .list-lyt-bnr li a::after{
		background: rgba(0,0,0,.6) url("../images/ic_arrow01.svg") no-repeat center center;
		background-size: 54% 54%;
	}
	.box-lyt-hotel .list-lyt-bnr li a:hover::after{
		background: rgba(0,0,0,1) url("../images/ic_arrow01.svg") no-repeat center center;
		background-size: 54% 54%;
	}
	.box-lyt-hotel .list-lyt-bnr li a img{transition: all .8s;filter: grayscale(1);}
	.box-lyt-hotel .list-lyt-bnr li a:hover img{filter: grayscale(0);}
	.box-lyt-hotel .list-lyt-bnr li a figcaption{
		background-color: rgba(0,0,0,.6);
	}
	.box-lyt-hotel .list-lyt-bnr li a:hover figcaption{
		color: #f0dc8d;
		background-color: rgba(0,0,0,.8)
	}
}



.box-lyt-happyhour{
	text-align: left;
	padding: 60px 0;
	background-color: #595959;
}
.box-lyt-happyhour > .box-lyt-benefit{
	width: 92%;
	margin: auto;
}
.box-lyt-happyhour > .box-lyt-benefit header .lyt-h3{
	position: relative;
	/*font-size: 3em;*/
	
	font-size: calc(2.6em + .8vw);
	font-weight: 700;
	letter-spacing:.08em;
	margin-bottom: 1.5em;
}


.box-lyt-happyhour > .box-lyt-benefit header .lyt-h3::after{
	content: "";
	position: absolute;
    width: 60px;
	height: 2px;
	bottom: -.5em;
	left: 2px;
	background-color: #acacac;
}
.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .lyt-rest-info{
	font-size: 1.6em;
	letter-spacing:.08em;
	margin-bottom: 3em;
}
.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .lyt-rest-info dt{
	font-size: 1.15em;
	padding: 1em 0;
}



.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .lyt-rest-info dd{
	border-left: 1px solid #aeaeae;
	padding: .4em 0em .8em 1em;
	margin-left: .6em;
}
.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .lyt-rest-info dt:nth-child(n+3){
	margin-top: 1em;
}
.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .lyt-hdg01{
	/*font-size: 2em;*/
	font-size: calc(1.6em + .8vw);
	margin-bottom: .8em;
	font-weight: 700;
}


.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .box-lyt-course + .box-lyt-course{
	margin-top: 3em;
}
.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .box-lyt-course figure{
	max-width: 480px;
	width: 96%;
	margin: auto;
}
.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .box-lyt-course figure img{
	width: 100%;
	height: 100%;
	aspect-ratio: 8 / 5;
	object-fit: cover;
}
.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .box-lyt-course .lyt-doc{
	width: 96%;
	margin: auto;
	padding: 1em 0 0 0;
}
.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .box-lyt-course .lyt-doc .lyt-h4{
	/*font-size: 2.4em;*/
	font-size: calc(2em + .55vw);
	font-weight: 700;
}

.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .box-lyt-course .lyt-doc p{
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.4em;
	padding: .4em 0 .4em .5em;
}
.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .box-lyt-course .lyt-doc p sup{
	font-size: .8em;
	vertical-align: super;
}
.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .box-lyt-course .lyt-doc p + p{
	margin-top: .8em;
}

.list-lyt-note{
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.2em;
	letter-spacing:.08em;
}
.list-lyt-note li{
	text-indent: -1em;
	margin-left: 1em;
}
.list-lyt-note li.sup{
	text-indent: -2.5em;
	margin-left: 2.5em;
}
.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .box-lyt-course + .list-lyt-note{
	margin-top: 3em;
}

.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .box-lyt-dou{
	margin: 6em 0 0;
	padding: 3em 0;
	border-bottom: 1px solid;
	border-top: 1px solid;
	border-color: #acacac;
}

.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .box-lyt-dou .lyt-h3{
	text-align: center;
	font-size: 2em;
	font-weight: 700;
	margin-bottom: 1.2em;
}
.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .box-lyt-dou .list-lyt-usemembers{
	max-width: 540px;
	width: 96%;
	margin: auto;
}
.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .box-lyt-dou .list-lyt-usemembers dt{
	font-size: 1.6em;
	font-weight: 600;
	padding-bottom: .25em;
}
.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .box-lyt-dou .list-lyt-usemembers dd + dt{
	margin-top: 2em;
}
.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .box-lyt-dou .list-lyt-usemembers dd{
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.4em;
}

@media only screen and (min-width:768px) {
	.box-lyt-happyhour{
		padding: 100px 0 120px;
	}
	.box-lyt-happyhour > .box-lyt-benefit{
		max-width: 1000px;
	}
	.box-lyt-happyhour > .box-lyt-benefit header .lyt-h3::after{
		width: 100px;
	}
	.box-lyt-happyhour > .box-lyt-benefit .lyt-inner{
		max-width: 840px;
		margin: auto;
	}
	.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .lyt-rest-info{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .lyt-rest-info dt{
		width: 120px;
	}
	.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .lyt-rest-info dd{
		width: calc(100% - 120px);
		padding: 1em 1em 1em 2em;
		margin-left: 0;
	}
	.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .lyt-rest-info dt:nth-child(n+3),
	.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .lyt-rest-info dd:nth-child(n+4){
		margin-top: 1em;
	}
	.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .lyt-hdg01{
		margin-bottom: .8em;
	}
	.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .box-lyt-course{
		display: flex;
		align-items: flex-end;
	}
	.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .box-lyt-course + .box-lyt-course{
		margin-top: 1em;
	}
	.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .box-lyt-course figure{
		width: 340px;
	}
	.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .box-lyt-course .lyt-doc{
		width: calc(100% - 340px);
		padding: 0 0 0 2em;
	}
	.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .box-lyt-course .lyt-doc p{
		font-size: 1.6em;
	}
	.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .box-lyt-course + .list-lyt-note{
		margin-top: 5em;
	}
	
	.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .box-lyt-dou{
		margin: 10em 0 4em;
		padding: 6em 0;
	}
	.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .box-lyt-dou .lyt-h3{
		font-size: 2.4em;
		margin-bottom: 1.6em;
	}
	
	.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .box-lyt-dou .list-lyt-usemembers dt{
		font-size: 2em;
	}
	.box-lyt-happyhour > .box-lyt-benefit .lyt-inner .box-lyt-dou .list-lyt-usemembers dd{
		font-size: 1.6em;
	}
}


/*25.10.16 追加*/

.box-lyt-spoffer{
	font-size: 10px;
}

.box-lyt-spoffer .lyt-inner{
	width: 100%;
	margin-inline: auto;
	text-align: left;
}
.box-lyt-spoffer .lyt-inner.tp-m{
	margin-top: 5em;
	margin-bottom: 10em;
}
.box-lyt-spoffer .lyt-inner figure.lyt-spoffer-kv{
	position: relative;
	z-index: 3;
	width: 80%;
	margin: 10% 0 0 20%;
	overflow: hidden;
	pointer-events: none;
	transition:all 1s;
	filter: grayscale(100%);
	z-index: 1;
}
.box-lyt-spoffer .lyt-inner figure.lyt-spoffer-kv img{
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
.box-lyt-spoffer .lyt-inner figure.lyt-spoffer-kv::after {
	content: "";
	position: absolute;
	background: #000;
	pointer-events: none;
	inset: 0;
	z-index: 1;
}
.box-lyt-spoffer .lyt-inner .lyt-spoffer-kv.fadeIn::after {animation: displayImgY .5s linear forwards;}
.box-lyt-spoffer .lyt-inner .lyt-spoffer-kv.fadeIn {animation: displayImgYg 2s ease-out forwards;}
@keyframes displayImgY {100% {transform: translateY(100%);}}
@keyframes displayImgYg {100% {filter: grayscale(0%);}}


.box-lyt-spoffer .lyt-inner .lyt-spoffer-tit{
	position: relative;
	text-align: left;
	width: 100%;
	padding-left: 3.5%;
	z-index: 3;
}
.box-lyt-spoffer .lyt-inner .lyt-spoffer-tit h2{
	font-size: clamp(7.4em, 9vw, 12.6em);
	line-height:1;
	margin-top: -.5em;
	color: #b29d6c;
}
.box-lyt-spoffer .lyt-inner .lyt-spoffer-tit h2 span{
	text-indent: .08em;
}
.box-lyt-spoffer .lyt-inner .lyt-spoffer-tit h2 span + span{
	text-indent: 0;
}
.box-lyt-spoffer .lyt-inner .lyt-spoffer-tit .lyt-ruby{
	font-family: "Noto Sans JP", sans-serif;
	font-size: clamp(2em, 2.4vw, 3.2em);
	color: #d9ca9c;
	font-weight: 300;
	padding: .6em 0 0 .3em;
	animation-delay: 5s;
	font-weight: 300;
}
.box-lyt-spoffer .lyt-inner .lyt-spoffer-tit .lyt-ruby span{
	font-size: clamp(.65em, 2.2vw, .8em);
	display: block;
	font-weight: 300;
	letter-spacing:.1em;
}

.box-lyt-spoffer .lyt-line-hdg{
	position: relative;
	font-size: clamp(1.8em, 4.5vw, 2.4em);
	/*padding: 2em 0;*/
	margin: 2em 0 0;
}
.box-lyt-spoffer .lyt-line-hdg p{
	position: relative;
	background-color: black;
	display: inline-block;
	margin: auto;
	padding: 0;
	z-index: 5;
}
.box-lyt-spoffer .lyt-line-hdg::before{
	content: "";
	position: absolute;
	margin: auto;
	bottom: -1em;
	left: 0;
	right: 0;
	width: 8.5vw;
	height: 5px;
	border-top: solid 2px rgba(255,255,255,.8);
	border-bottom: solid 2px rgba(255,255,255,.8);
	z-index: 1;
}



.box-lyt-spoffer .lyt-list-caed{
	max-width:  min(90%,840px);
	margin-inline: auto;
	margin-bottom: 4em;
	border: 1px solid rgba(255,255,255,.5);
	font-size: clamp(1.4em, 3vw, 1.8em);
	letter-spacing:.05em
}

.box-lyt-spoffer .lyt-list-caed dt,
.box-lyt-spoffer .lyt-list-caed dd{
	position: relative;
}
.box-lyt-spoffer .lyt-list-caed dt{
	padding: 1.2em 1em 1em 1.5em;
}
.box-lyt-spoffer .lyt-list-caed dt::before{
	content: "▼";
	position: relative;
	padding-right: .6em;	
}
.box-lyt-spoffer .lyt-list-caed dd{padding: .6em 1em .6em 1.65em; display: flex; align-items: flex-start;}
.box-lyt-spoffer .lyt-list-caed dd::before{
	content: "●";
	position: relative;
	padding-right: 1em;
	font-size: .5em;
	margin-top: .8em;
}
.box-lyt-spoffer .lyt-list-caed dd:first-of-type{border-top: 1px solid rgba(255,255,255,.5);padding-top: 1.2em;}
.box-lyt-spoffer .lyt-list-caed dd:last-of-type{margin-bottom: .6em;}

.box-lyt-spoffer .lyt-list-caed dd.sub{
	font-size: .8em;
}
.box-lyt-spoffer .lyt-list-caed dd.sub::before{
	display: none;
}


.box-lyt-spoffer .lyt-inner .lyt-hotel{
	position: relative;
	max-width:  min(96%,1200px);
	margin-inline: auto;
	padding: 1.6em;
	margin-bottom: 2.5em;
	overflow: hidden;
}
.box-lyt-spoffer .lyt-inner .lyt-hotel:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/pic_sp_karuizawa02.webp') center center;
	background-size: cover;
    filter: blur(.8rem);
    /*z-index: -1;*/
	opacity: .3;
}

.box-lyt-spoffer .lyt-inner .lyt-hotel .lyt-clumn{	
	position: relative;
	margin-bottom: 1.6em;
	z-index: 5;
}

.box-lyt-spoffer .lyt-inner .lyt-hotel .lyt-clumn .lyt-ph{
	aspect-ratio: 16 / 9;
}
.box-lyt-spoffer .lyt-inner .lyt-hotel .lyt-clumn .lyt-doc .lyt-tit{
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 1em;
}
.box-lyt-spoffer .lyt-inner .lyt-hotel .lyt-clumn .lyt-doc .lyt-tit figure{
	width: 24%;
}
.box-lyt-spoffer .lyt-inner .lyt-hotel .lyt-clumn .lyt-doc .lyt-tit div{
	width: 74%;
	padding-left: 3%
}
.box-lyt-spoffer .lyt-inner .lyt-hotel .lyt-clumn .lyt-doc .lyt-tit div .lyt-h3{
	font-size: clamp(2em, 2.8vw, 2.8em);
}
.box-lyt-spoffer .lyt-inner .lyt-hotel .lyt-clumn .lyt-doc .lyt-tit div .lyt-h4{
	font-size: clamp(1.4em, 2vw, 1.8em);
}
.box-lyt-spoffer .lyt-inner .lyt-hotel .lyt-clumn .lyt-doc dl{
	margin: 3em 0 1em;
}
.box-lyt-spoffer .lyt-inner .lyt-hotel .lyt-clumn .lyt-doc dt{
	font-size: clamp(1.4em, 2vw, 1.6em);
	width: 100px;
	padding: .4em .2em;
	text-align: center;
	border: 1px solid rgba(255,255,255,.5);
	background-color: rgba(0,0,0,.8)
}
.box-lyt-spoffer .lyt-inner .lyt-hotel .lyt-clumn .lyt-doc dd{
	font-size: clamp(1.4em, 2vw, 1.6em);
	width: 100%;
	padding: .8em 0 .6em 1em;
}
.box-lyt-spoffer .lyt-inner .lyt-hotel .lyt-clumn .lyt-doc dd .list-lyt-note{
	font-size: .8em;
}

.box-lyt-spoffer .lyt-inner .lyt-hotel .lyt-clumn .lyt-doc dt:nth-child(n+3){
	margin-top: .6em;
}
.box-lyt-spoffer .lyt-inner .lyt-hotel  .list-lyt-note{
	position: relative;
	z-index: 2;
}


.box-lyt-spoffer .lyt-inner .lyt-hotel  .list-lyt-note{
	position: relative;
	z-index: 2;
}

.box-lyt-spoffer .lyt-inner .list-lyt-note.bottom{
	max-width:  min(96%,1200px);
	margin-inline: auto;
	padding-left: 1.6em;
}



@media only screen and (min-width:768px) {
	
.box-lyt-spoffer .lyt-inner{
	max-width:  min(100%,1200px);
}
.box-lyt-spoffer .lyt-inner.tp-column{
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	justify-content: space-between;
}

.box-lyt-spoffer .lyt-inner figure.lyt-spoffer-kv{
	position: relative;
	max-width:  min(48.333%,580px);
	margin: 0;
	z-index: 3;
}
.box-lyt-spoffer .lyt-inner figure.lyt-spoffer-kv img{
	aspect-ratio: 4 / 4.42;
}
.box-lyt-spoffer .lyt-inner figure.lyt-spoffer-kv::before{
	content: "";
	position: absolute;
    width: 100%;
	height: 12vw;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 8%, rgba(0, 0, 0, 0.23) 30%, rgba(0, 0, 0, 1) 80%);
	z-index: 2;
	transform: rotate(0);
}
.box-lyt-spoffer .lyt-inner .lyt-spoffer-tit{
	width: 50%;
}
.box-lyt-spoffer .lyt-inner .lyt-spoffer-tit h2{
	margin-top: 0;
}
.box-lyt-spoffer .lyt-inner .lyt-spoffer-tit h2 span{
	position: relative;
	display: block;
	overflow: hidden;
	transition: all 1s;
}
.box-lyt-spoffer .lyt-inner .lyt-spoffer-tit .lyt-ruby{
	font-family: "Noto Sans JP", sans-serif;
	font-size: clamp(2em, 2.4vw, 3.2em);
	color: #d9ca9c;
	font-weight: 300;
	padding: .6em 0 0 .3em;
	animation-delay: 5s;
	font-weight: 300;
}
.box-lyt-spoffer .lyt-inner .lyt-spoffer-tit h2 span::after{
	content: "";
	position: absolute;
	background: #000;
	pointer-events: none;
	inset: 0;
	z-index: 1;
}
.box-lyt-spoffer .lyt-inner .lyt-spoffer-tit h2 span.fadeIn::after,
.box-lyt-spoffer .lyt-inner .lyt-spoffer-tit h2 span + span.fadeIn::after{
	animation: displayImg .5s linear .5s forwards;
}
.box-lyt-spoffer .lyt-inner .lyt-spoffer-tit h2 span + span.fadeIn::after {
	animation-delay: .7s;
}
.box-lyt-spoffer .lyt-line-hdg{
	padding: 2em 0;
}
.box-lyt-spoffer .lyt-line-hdg p{
	padding: 0 1.4em;
}
.box-lyt-spoffer .lyt-line-hdg::before{
	content: "";
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: auto;
	width: 100%;
	height: 2px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	z-index: 1;
}

	

.box-lyt-spoffer .lyt-inner .lyt-hotel{
	position: relative;
	max-width:  min(96%,1200px);
	margin-inline: auto;
	/*padding: 1.4em;*/
	padding: 2.4em;
	margin-bottom: 2.5em;
	/*overflow: hidden*/
}.box-lyt-spoffer .lyt-inner .lyt-hotel{
	max-width:  min(96%,1200px);
	padding: 2.4em;
}
.box-lyt-spoffer .lyt-inner .lyt-hotel:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: blur(.3rem);
    z-index: 0;
	opacity: .25;
}

.box-lyt-spoffer .lyt-inner .lyt-hotel .lyt-clumn{	
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.box-lyt-spoffer .lyt-inner .lyt-hotel .lyt-clumn .lyt-ph{
	width: 48%;
}
.box-lyt-spoffer .lyt-inner .lyt-hotel .lyt-clumn .lyt-doc{
	width: 50%;
}
.box-lyt-spoffer .lyt-inner .lyt-hotel .lyt-clumn .lyt-doc .lyt-tit{
	justify-content: center;
	padding-top: .6em;
}
.box-lyt-spoffer .lyt-inner .lyt-hotel .lyt-clumn .lyt-doc dl{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.box-lyt-spoffer .lyt-inner .lyt-hotel .lyt-clumn .lyt-doc dt{
	font-size: clamp(1.4em, 2vw, 1.6em);
	width: 100px;
	padding: .4em .2em;
	text-align: center;
	border: 1px solid #fff;
	background-color: rgba(0,0,0,.8)
}
.box-lyt-spoffer .lyt-inner .lyt-hotel .lyt-clumn .lyt-doc dd{
	font-size: clamp(1.4em, 2vw, 1.6em);
	width: calc(100% - 120px);
	padding: .5em 0 .6em 1em;
}
.box-lyt-spoffer .lyt-inner .list-lyt-note.bottom{
	padding-left: 2em;
}
	
}

#about p.attention {
	max-width: min(85%,1000px);
	margin: 3em auto 0;
	font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
	text-align: left;
	line-height: 1.5;
}
@media screen and (min-width: 768px) {
  #about p.attention {
  font-size: 14px;
  }
}