@charset "utf-8";

#top .pc_slider li,#top .pc_slider li,#reservation,#topEvent {
	font-family: 'Playfair Display','Noto Serif Japanese',"Noto Serif CJK JP","ƒqƒ‰ƒMƒm–¾’© ProN W3",
	"Hiragino Mincho ProN","Ÿà–¾’©",YuMincho,"HG–¾’©E","‚l‚r ‚o–¾’©","‚l‚r –¾’©",serif;}

#topOnsen .inner,#wideBnArea {
	font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP–¾’©B', serif;
}

.topOnsen .inner,#wideBnArea {
	font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP–¾’©B', serif;
}

#top .pc_slider {border-top:1px solid #000;overflow:hidden;}

#top .pc_slider .section {
	display:block;height:700px;z-index:0;
	background:#000;position:relative;
}
#top .pc_slider .section:before {
	content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;
	background:no-repeat top center;
	background-size:auto 100%;opacity:0.8;
	transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;
}
#top .pc_slider:hover .section::before {opacity:1;}
#top .pc_slider .section:hover::before {opacity:0.5;}
#top .pc_slider li .section .tt {
	position:relative;
	color:#fff;font-size:30px;line-height:150%;padding:180px 0 10px;
}
#top .pc_slider li .section .tt:before {
	content:"";position:absolute;width:3em;height:100%;top:0;left:0;
	border-bottom:1px solid #fff;
	transition:all 0.7s ease;-webkit-transition:all 0.7s ease;
}
#top .pc_slider li .section:hover .tt:before {
	left:calc((100% - 3em) / 2);
}
@media all and (-ms-high-contrast: none){/* IE‚Ì�ê�‡ */
	#top .pc_slider li .section:hover .tt:before {
	left:39%;
	}
}


#top .pc_slider li .section .caption {
	opacity:0;transform:translateY(20px);padding-top:30px;
	color:#fff;font-size:17px;line-height:150%;display: inline-block;text-align:left;
	-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;
	transition:all 0.7s ease;-webkit-transition:all 0.7s ease;
}
#top .pc_slider li .section:hover .caption {opacity:1;transform:translateY(0px);}
#top .pc_slider .section a {position:absolute;top:0;left:0;width:100%;height:100%;color: transparent;}


#top .pc_slider .section.onsen:before {background-image:url(../images/topslider_p1.jpg);}
#top .pc_slider .section.ofuro:before {background-image:url(../images/topslider_p2.jpg);}
#top .pc_slider .section.ganban:before {background-image:url(../images/topslider_p3.jpg);}
#top .pc_slider .section.fitness:before {background-image:url(../images/topslider_p7.jpg);}
#top .pc_slider .section.restaurant:before {background-image:url(../images/topslider_p4.jpg);}
#top .pc_slider .section.yumemi:before {background-image:url(../images/topslider_p5.jpg);}
#top .pc_slider .section.enkai:before {background-image:url(../images/topslider_p6.jpg);}

@media screen and (max-width:760px;) {


#top .pc_slider {border-top:1px solid #000;overflow:hidden;}

#top .pc_slider .section {
	display:block;height:700px;z-index:0;
	background:#000;position:relative;
}
#top .pc_slider .section:before {
	content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;
	background:no-repeat top center;
	background-size:auto 100%;opacity:0.8;
	transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;
}
#top .pc_slider:hover .section::before {opacity:1;}
#top .pc_slider .section:hover::before {opacity:0.5;}
#top .pc_slider li .section .tt {
	position:relative;
	color:#fff;font-size:30px;line-height:150%;padding:180px 0 10px;
}
#top .pc_slider li .section .tt:before {
	content:"";position:absolute;width:3em;height:100%;top:0;left:0;
	border-bottom:1px solid #fff;
	transition:all 0.7s ease;-webkit-transition:all 0.7s ease;
}
#top .pc_slider li .section:hover .tt:before {
	left:calc((100% - 3em) / 2);
}
@media all and (-ms-high-contrast: none){/* IE‚Ì�ê�‡ */
	#top .pc_slider li .section:hover .tt:before {
	left:39%;
	}
}


#top .pc_slider li .section .caption {
	opacity:0;transform:translateY(20px);padding-top:30px;
	color:#fff;font-size:17px;line-height:150%;display: inline-block;text-align:left;
	-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;
	transition:all 0.7s ease;-webkit-transition:all 0.7s ease;
}
#top .pc_slider li .section:hover .caption {opacity:1;transform:translateY(0px);}
#top .pc_slider .section a {position:absolute;top:0;left:0;width:100%;height:100%;color: transparent;}


#top .pc_slider .section.onsen:before {background-image:url(../images/topslider_p1.jpg);}
#top .pc_slider .section.ofuro:before {background-image:url(../images/topslider_p2.jpg);}
#top .pc_slider .section.ganban:before {background-image:url(../images/topslider_p3.jpg);}
#top .pc_slider .section.fitness:before {background-image:url(../images/topslider_p7.jpg);}
#top .pc_slider .section.restaurant:before {background-image:url(../images/topslider_p4.jpg);}
#top .pc_slider .section.yumemi:before {background-image:url(../images/topslider_p5.jpg);}
#top .pc_slider .section.enkai:before {background-image:url(../images/topslider_p6.jpg);}



}

#reservation {
	color:#fff;
	overflow:hidden;
}

#reservation .tt {
	display: none;padding:20px 0;z-index:2;
	font-size:36px;line-height:100%;font-weight:normal;letter-spacing:0.5em;
	background:#ec3838;cursor:pointer;
	transition: all 0.2s ease;
}
#reservation .tt span {position:relative;}
#reservation .tt span:before {
	content:url(https://icongr.am/clarity/caret.svg?color=ffffff);
	position:absolute;top:5px;left:-1.5em;z-index:4;color:#fff;
	transform:rotate(270deg);transition:transform 0.5s ease;
}
#reservation :checked + .tt span:before {transform:rotate(90deg);}

#reservation .tt:hover {background:#ff2e2e;}
#reservation .inner {padding:30px 0;overflow:hidden;}

#reservationBn {margin-top:20px;width: 100%;}

#reservation input[name="tab_item"] {display:none;}
#reservationBn_content {
	background: rgba(183, 17, 17, 0.9);
	text-align:left;clear: both;overflow: hidden;
	height:200px;
	z-index:1;
	transition: all 0.2s ease-in-out;
}


#reservationBn:checked ~ #reservationBn_content {height:0px;}

#reservation.fixed #reservationBn ~ #reservationBn_content {height:0px;}
#reservation.fixed .tt span:before {transform:rotate(180deg);}
#reservation.fixed #reservationBn:checked ~ #reservationBn_content {height:200px;}
#reservation.fixed #reservationBn:checked + .tt span:before {transform:rotate(0deg);}



#topEvent {
	position:relative;
	padding:100px 0 100px;
	background-image:url(../images/bg_topEvent.jpg),url(../images/bg_koushi_wh.gif);
	background-repeat:no-repeat, repeat;
	background-position:top center, top left;
}
#topEvent .inner {overflow:visible;width:90%;min-width:900px;}
#topEvent .linkBtn {width:900px;margin-right:auto;margin-left:auto;}
#topEvent .eventTt a {text-decoration:none;}
#topEvent #col {margin-top:50px;}

/*infoŒf�ÚŽž*/
#topEvent .info {font-size:16px;text-align:center;background-color:#fff;border:3px solid #e16448;padding:20px;margin-bottom:20px;position:relative;transition:all 0.5s ease;}
#topEvent .info p:first-of-type {font-size:19px;font-weight:bold;padding-bottom:17px;}
#topEvent .info .link {position:absolute;top:0;left:0;width:100%;height:100%;text-indent:100%;white-space:nowrap;overflow:hidden;}
#topEvent .info:hover {background-color:#eedfd9;}

#topEvent .info.no_linkbox:hover {background-color:#fff;} 
/*‚±‚±‚Ü‚Å*/

.eventBn {
	position:relative;
	transition:opacity 0.5s ease-in-out;-webkit-transition:opacity 0.5s ease-in-out;
}
#topEvent .eventBn {width:238px !important;}
.eventBn figure {width:238px;height:238px;}
.eventBn figure img {width:100%;height:100%;border: 1px solid #222;box-sizing: border-box;}
.eventBn .period {margin-top:1.5rem;font-size:15px;font-weight:bold;}
.eventBn .txt {display:none;margin-top:1rem;font-size:14px;text-align:left;}
.eventBn .title {
	background:url(../images/bg_koushi.gif) repeat;
	margin-top: 15px;padding: 5px;line-height: 100%;
	font-size: 17px;font-weight: bold;text-align: center;
}
.eventBn .link {position:absolute;top:0;left:0;width:100%;height:100%;color: transparent;}
.eventBn:hover {opacity:0.8;}
.eventBn.no_hover:hover {opacity:1;}
#topEvent .bx-wrapper .bx-viewport {background:none;height:auto !important;}
#topEvent .bx-wrapper .bx-controls-direction a {top:134px !important;margin-top:0 !important;}
#topEvent .bx-wrapper .bx-pager {display:none;}
#topEvent .linkBtn {font-size:20px;background:#fff;}
#topEvent .linkBtn.cale {position:relative;margin-top:50px;}
#topEvent .linkBtn.cale figure {position:absolute;bottom:0;left:100px;}
#topEvent .linkBtn.cale.coupon figure {right:80px;left:auto;}
#topEvent .linkBtn.cale a {padding:15px 0;}

#topEvent .asoview {width:900px;margin-right:auto;margin-left:auto;}

#top h3.tt{font-size:28px;}
/*ul.live li{
	border:2px solid #bcae72;
	background-color:#fff;
	padding:10px;
}
}*/

.Live {padding:100px 0;}
.Live section p:last-child {font-size:20px;line-height:180%;}
.Live .big {font-size:130%;line-height:160%;}

.event p {font-size:1.8rem;}



.autoLouryu {width:100%;padding:3em;box-sizing:border-box;background-color:#000;background-image:url('../images/bg_top_rouryu.jpg');background-repeat:repeat-x;
background-position:left bottom;}

.autoLouryu h3 {color:#fff;}
.autoLouryu p {color:#fff;}
#top .autoLouryu h3.tt {font-size:48px;}
.autoLouryu p {font-size:1.2em;}
.autoLouryu p.catch {font-size:2.4em;color:#ff1c1c;}
.autoLouryu p a:link {color: #ffff11;}
.autoLouryu p a:visited {color: #ffff11;}

.ytb { 
    position: relative; 
    padding-bottom: 56.25%; 
}
.ytb video, 
.ytb iframe, 
.ytb object, 
.ytb embed { 
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}


@media screen and (max-width:760px) {

	.autoLouryu {width:100%;padding:0em;padding-bottom:2em;height:auto;background-image:url('./images/bg_top_louryu.jpg');background-repeat:repeat;background-size:100%;}
	.autoLouryu .inner {width:96%;}
	#top .autoLouryu h3.tt {font-size:24px;padding-top:1em;}
	.autoLouryu p.catch {font-size:1.8em;text-shadow: 0px 0px 10px #ff4040;line-height: 1.4;}
	.autoLouryu p a:link {color: #ffff11;}
	.autoLouryu p a:visited {color: #ffff11;}
	.autoLouryu .mgnt50 {margin-top:25px;}

	.ytb { 
	    position: relative; 
	    padding-bottom: 56.25%; 
	}
	.ytb video, 
	.ytb iframe, 
	.ytb object, 
	.ytb embed { 
	    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	}

}





.Osusume {
	padding:6em 0 7em;
	height:auto;
	background-image:url("../images/bg_ks_red.jpg");
	background-repeat:repeat;
	width:100%;
}



#topTopics {padding:7% 0 10%;background-image:url(../images/bg_beige.jpg);}
#topTopics {padding:7% 0;background-image:url(../images/bg_ks_ug.jpg);}
#topTopics .topicsUl {margin-top:50px;height:130px;overflow-y:scroll;text-align:left;}
#topTopics .topicsUl li {
	letter-spacing:0.2em;margin-bottom:15px;
	overflow:hidden;
}
#topTopics .topicsUl li .type {
	width:85px;display:block;text-align: center;float:left;
	background:url(../images/bg_asanoha.gif) repeat top left;margin-right:30px;font-size:11px;color:#fff;
	font-style:italic;letter-spacing:0.1em;line-height:130%;
}
#topTopics .topicsUl li .type.restaurant {background:url(../images/bg_asanoha_green.gif) repeat top left;}
#topTopics .topicsUl li .type.important {background:url(../images/bg_asanoha_red.gif) repeat top left;}
#topTopics .topicsUl li .type.live {background:url(../images/bg_asanoha_yellow.gif) repeat top left;}
#topTopics .topicsUl li .type.event {background:url(../images/bg_asanoha_purple.gif) repeat top left;}
#topTopics .topicsUl li .date {margin-right:30px;width:105px;display:block;text-align: center;float:left;line-height:130%;}
#topTopics .topicsUl li .txt {display:block;float:right;width:610px;overflow: hidden;}
#topTopics .topicsUl a {color:#9F8414;transition:all 0.2s ease-in-out;}
#topTopics .topicsUl a:hover {color:#BCA443;}



#topOnsen {
	overflow:hidden;
	padding-top:3rem;
	padding-bottom:130px;
	background-color:#fff;
	background-image:url(../images/bg_topOnsen_right.jpg),url(../images/bg_topOnsen_left.jpg),url(../images/bg_topOnsen_bottom.jpg);
	background-position:top right,top 50% left,bottom left;
	background-repeat:no-repeat,no-repeat,repeat-x;
}
#topOnsen .inner {
	-webkit-font-feature-settings: 'pkna';
	font-feature-settings: 'pkna';
	font-size:17px;font-size: 1.7rem;
	line-height: 1.9;
	letter-spacing: 0.3em;
}
#topOnsen .mainTt {
	float:right;font-size:85px;font-size:8rem;line-height:160%;height:600px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

#topOnsen .txtArea {width:80%;overflow:hidden;}
#topOnsen .pic {position:relative;margin-top:12rem;}
#topOnsen .pic .t2 {
	font-size:50px;font-size:5rem;line-height:160%;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	background:#fff;
	padding:20px 0;
	position:absolute;
	bottom: -250px;left:50px;
}
#topOnsen .txt {
	width:540px;
	float:right;
	text-align:left;
	margin-top:50px;
}

.topOnsen {
	overflow:hidden;
	padding-top:3rem;
	padding-bottom:130px;
	background-color:#fff;
	background-image:url(../images/bg_topOnsen_right.jpg),url(../images/bg_topOnsen_left.jpg),url(../images/bg_topOnsen_bottom.jpg);
	background-position:top right,top 50% left,bottom left;
	background-repeat:no-repeat,no-repeat,repeat-x;
}
.topOnsen .inner {
	-webkit-font-feature-settings: 'pkna';
	font-feature-settings: 'pkna';
	font-size:17px;font-size: 1.7rem;
	line-height: 1.9;
	letter-spacing: 0.3em;
}
.topOnsen .mainTt {
	float:right;font-size:85px;font-size:7rem;line-height:160%;height:600px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.topOnsen .txtArea {width:80%;overflow:hidden;}
.topOnsen .pic {position:relative;margin-top:12rem;}
.topOnsen .pic .t2 {
	font-size:50px;font-size:5rem;line-height:160%;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	background:#fff;
	padding:20px 0;
	position:absolute;
	bottom: -250px;left:50px;
}
.topOnsen .txt {
	width:540px;
	float:right;
	text-align:left;
	margin-top:50px;
}
.appeal_slider .prev-arrow {left: 30px;top:400px;}
.appeal_slider .next-arrow {right: 30px;top:400px;}


/* wideBnArea */
#wideBnArea {
	position:relative;
	margin-top:0px;
	background:#fff;
	-webkit-font-feature-settings: 'pkna';
	font-feature-settings: 'pkna';
	text-align:left;
}
#wideBnArea .tt {background:#fff;padding:80px 0 100px;;}



#wideBnArea .item {
	height:450px;padding:60px 0;
	box-sizing:border-box;
	background:#000;
	overflow:hidden;
	position:relative;z-index:0;
}
#wideBnArea .item:before {
	content:"";
	position:absolute;top:0;left:0;
	z-index:-1;
	width:100%;height:100%;
	background:no-repeat top 50% center;
	opacity:0.5;
	transition:all 1s;-webkit-transition:all 1s;
}
#wideBnArea .item:hover::before {
	opacity:1;

	transform: scale(1.03,1.03);
	-webkit-transform: scale(1.03,1.03);
	-moz-transform: scale(1.03,1.03);
	-ms-transform: scale(1.03,1.03);
	-o-transform: scale(1.03,1.03);
}
#wideBnArea .txt {
	color:#fff;
	font-size:35px;font-size: 3.5rem;
	background: rgba(0,0,0,0.5);
	padding: 20px 0;
	line-height: 150%;
	letter-spacing: 0.1em;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
#wideBnArea .item:nth-child(even) .txt {float:right;}
#wideBnArea .effect span {opacity:0;}

#wideBnArea .link {position:absolute;top:0;left:0;width:100%;height:100%;display:block;text-indent:-999rem;}


	/* Šeitem”wŒiŽw’è */
	#wideBnArea .stay:before {background-image:url(../images/bg_wideBn_sweet.jpg);}
	#wideBnArea .ofuro:before {background-image:url(../images/bg_wideBnArea_ofuro.jpg);}
	#wideBnArea .ganban:before {background-image:url(../images/bg_wideBnArea_ganban.jpg);}
	#wideBnArea .restaurant:before {background-image:url(../images/bg_wideBnArea_restaurant.jpg);}
	#wideBnArea .yumemi:before {background-image:url(../images/bg_wideBnArea_yumemi.jpg);}



.sbBox {background:#fff;padding-bottom: 5em;}
.sbBox .inner {display:flex;flex-wrap:wrap;justify-content:space-around;}
.sbBox .box {
	width:50%;position: relative;padding:50px 5% 80px;box-sizing:border-box;
	transition:all 0.5s ease;-webkit-transition:all 0.5s ease;
}
.sbBox .box:hover {background:#f6f5e5;}
.sbBox .box .tt {font-size:26px;letter-spacing:0.2em;padding:0;line-height:200%;background:none;}
.sbBox .box .tt .sb {font-size:16px;border-bottom:1px solid #B6A667;color:#B6A667;display:inline-block;line-height:180%;}
.sbBox .box figure {width:100%;height:200px;overflow: hidden;margin-top:20px;}
.sbBox .box figure img {width:100%;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.sbBox .box:hover figure img {transform:scale(1.05,1.05);}
.sbBox .box .txt {
	font-size:13px;writing-mode:lr-tb;-webkit-writing-mode:lr-tb;-ms-writing-mode:lr-tb;
	background:none;color:#111;line-height:180%;
	height:11em;
}
.sbBox .box .linkBtn {z-index:2;}
.sbBox .box:hover .linkBtn {background:#fff;}
.sbBox .box:hover .linkBtn::before,#wideBnArea .sbBox .box:hover .linkBtn::after {width: 100%;}
.sbBox .box:hover .linkBtn a::before,#wideBnArea .sbBox .box:hover .linkBtn a::after {height:100%;}
.sbBox .box:hover .linkBtn::before,#wideBnArea .sbBox .box:hover .linkBtn::after {transition-delay: 0s;}
.sbBox .box:hover .linkBtn a::before,#wideBnArea .sbBox .box:hover .linkBtn a::after {transition-delay: 0.2s;}
.sbBox .box:hover .linkBtn a {margin-left: 1rem;color: #aa8f25;}



.app-bg {background-color:#111;height:400px;background-position:center top;background-repeat:no-repeat;background-attachment: fixed;}

.app-txt h2 {background-color:#fff;margin-top: -50px;color:#fff;padding:1em;text-align:center;}
.app-btm {padding-bottom:5em;}

.app-bg {
	opacity: 0;
	transition: all 2s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}
#recliner .app-bg.lazyloaded {background-image:url(../images/bg_app_rec.jpg);opacity: 1;}
#recliner .app-txt h2 {width:auto;padding:0.5em;background-color: #c2c045;}
#dessert .app-bg.lazyloaded {background-image:url(../images/bg_app_des.jpg);opacity: 1;}
#dessert .app-txt h2 {width:auto;padding:0.5em;background-color: #da5c96;}
#enkai .app-bg.lazyloaded {background-image:url(../images/bg_app_enkai.jpg);opacity: 1;}
#enkai .app-txt h2 {width:auto;padding:1em 1.2em;background-color: #67a115;}

#b-fit {position:relative;padding-bottom:6em;border-top:1px solid #111;}
#b-fit .app-bg {background-color:#111;height:500px;background-position:center top;background-repeat:no-repeat;}

#b-fit .app-bg.lazyloaded {background-image:url(../images/bg_app_bfit.jpg);opacity: 1;background-attachment: scroll;}

#b-fit .app-txt {margin-top:0px;
position: absolute;
top: 0%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}


#b-fit .protrude100 {width:520px;padding:1em;background-color:#fff;margin-top:-80px;}





/*  effect  */

#topOnsen.effect {opacity:0;transition:all 3s ease-in-out;-webkit-transition:all 3s ease-in-out;}
#topOnsen.effect.fade {opacity:1;}

#topOnsen.fade .mainTt span,.topOnsen.fade .t2 span {
	color: transparent;
	animation: blur 3s ease-out forwards;-webkit-animation: blur 3s ease-out forwards;
}
#topOnsen.fade span:nth-child(1) {animation-delay: 0.1s;}
#topOnsen.fade span:nth-child(2) {animation-delay: 0.2s;}
#topOnsen.fade span:nth-child(3) {animation-delay: 0.3s;}
#topOnsen.fade span:nth-child(4) {animation-delay: 0.4s;}
#topOnsen.fade span:nth-child(5) {animation-delay: 0.5s;}
#topOnsen.fade span:nth-child(6) {animation-delay: 0.6s;}
#topOnsen.fade span:nth-child(7) {animation-delay: 0.7s;}

#topOnsen.fade .t2 span:nth-child(1) {animation-delay: 0.7s;}
#topOnsen.fade .t2 span:nth-child(2) {animation-delay: 0.8s;}
#topOnsen.fade .t2 span:nth-child(3) {animation-delay: 0.9s;}
#topOnsen.fade .t2 span:nth-child(4) {animation-delay: 1s;}
#topOnsen.fade .t2 span:nth-child(5) {animation-delay: 1.1s;}
#topOnsen.fade .t2 span:nth-child(6) {animation-delay: 1.2s;}
#topOnsen.fade .t2 span:nth-child(7) {animation-delay: 1.3s;}
#topOnsen.fade .t2 span:nth-child(8) {animation-delay: 1.4s;}
#topOnsen.fade .t2 span:nth-child(9) {animation-delay: 1.5s;}
#topOnsen.fade .t2 span:nth-child(10) {animation-delay: 1.6s;}

#topOnsen .txtArea {margin-top:-3rem;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;}
#topOnsen.fade .txtArea {margin-top:0rem;}


.topOnsen.effect {opacity:0;transition:all 3s ease-in-out;-webkit-transition:all 3s ease-in-out;}
.topOnsen.effect.fade {opacity:1;}

.topOnsen.fade .mainTt span,#topOnsen.fade .t2 span {
	color: transparent;
	animation: blur 3s ease-out forwards;-webkit-animation: blur 3s ease-out forwards;
}
.topOnsen.fade span:nth-child(1) {animation-delay: 0.1s;}
.topOnsen.fade span:nth-child(2) {animation-delay: 0.2s;}
.topOnsen.fade span:nth-child(3) {animation-delay: 0.3s;}
.topOnsen.fade span:nth-child(4) {animation-delay: 0.4s;}
.topOnsen.fade span:nth-child(5) {animation-delay: 0.5s;}
.topOnsen.fade span:nth-child(6) {animation-delay: 0.6s;}
.topOnsen.fade span:nth-child(7) {animation-delay: 0.7s;}

.topOnsen.fade .t2 span:nth-child(1) {animation-delay: 0.7s;}
.topOnsen.fade .t2 span:nth-child(2) {animation-delay: 0.8s;}
.topOnsen.fade .t2 span:nth-child(3) {animation-delay: 0.9s;}
.topOnsen.fade .t2 span:nth-child(4) {animation-delay: 1s;}
.topOnsen.fade .t2 span:nth-child(5) {animation-delay: 1.1s;}
.topOnsen.fade .t2 span:nth-child(6) {animation-delay: 1.2s;}
.topOnsen.fade .t2 span:nth-child(7) {animation-delay: 1.3s;}
.topOnsen.fade .t2 span:nth-child(8) {animation-delay: 1.4s;}
.topOnsen.fade .t2 span:nth-child(9) {animation-delay: 1.5s;}
.topOnsen.fade .t2 span:nth-child(10) {animation-delay: 1.6s;}

.topOnsen .txtArea {margin-top:-3rem;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;}
.topOnsen.fade .txtArea {margin-top:0rem;}



#wideBnArea .item.effect {margin-top:60px;transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out;}
#wideBnArea .item.effect.fade {margin-top:0;}

#wideBnArea .effect.fade span {
	color: transparent;opacity:1;
	animation: blur-txt-wh 8s ease-out forwards;-webkit-animation: blur-txt-wh 8s ease-out forwards;
}
 
@keyframes blur {
  0%    {text-shadow:  0 0 100px #473c0d; opacity:0;}
  10%    {text-shadow:  0 0 90px #473c0d;}
  28%    {text-shadow:  0 0 0px #473c0d;}
  35%    {opacity: 1;}
  100%    {text-shadow:  0 0 0px #473c0d;}
}
@keyframes blur-txt-wh {
  0%    {text-shadow:  0 0 100px #fff; opacity:0;}
  10%    {text-shadow:  0 0 90px #fff;}
  22%    {text-shadow:  0 0 0px #fff;}
  35%    {opacity: 1;}
  100%    {text-shadow:  0 0 0px #fff;}
}


#enkai .flex-box {
    display:flex;
    width:100%;
    flex-wrap:wrap;
    background-color:#fbfbfb;
}


.app-btm .cb2 {
	padding:0;
	width: 45%;
	margin-left:10%;
	font-size:1.2em;
}
.app-btm .cb2:first-child {margin-left:0;}
 
.cb3 {
    width: calc(33.33333% - 16px);
    margin:8px;
}