@charset "utf-8";


#top .pc_slider {border-top:1px solid #000;}
#top .pc_slider li {}
#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:4.9em;left:calc((100% - 3em) / 2);}

#top .pc_slider li .section .caption {
	opacity:0;transform:translateY(20px);padding-top:30px;
	font-family: 'Playfair Display','Noto Serif Japanese',"Noto Serif CJK JP","ヒラギノ明朝 ProN W3",
	"Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	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.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);}
#top .pc_slider .section.bus:before {background-image:url(../images/topslider_p7.jpg);}

/*キャンペーン*/
.campaign_Area {padding:80px 0;background:url(../images/bg_square.gif);}

/*info掲載時*/
#topEvent .info {font-size:16px;text-align:center;background-color:#fff;border:3px solid #ec2d0f;padding:20px;margin-bottom:20px;position:relative;transition:all 0.5s ease;}
#topEvent .info p:first-of-type {font-size:18px;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 {opacity:0.7;}
#topEvent .info.no_linkbox:hover {opacity:1;}

a.emphasize {color:#f02929;display:block;text-decoration:none;}
a.emphasize:hover {text-decoration:underline;}
a.emphasize p {
	padding:0.7em;
	background:#fff;
	font-size:22px;
	border:3px solid #ff5656;
	border-radius:5px;
	box-sizing:border-box;
	line-height:150%;
}

/*ここまで*/


#topEvent {
	position:relative;
	padding:60px 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;
	font-family: 'Playfair Display','Noto Serif Japanese',"Noto Serif CJK JP","ヒラギノ明朝 ProN W3",
	"Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
#topEvent .inner {overflow:visible;}
#topEvent .eventTt a {text-decoration:none;}
#topEvent #col {margin-top:50px;}

.eventBn {
	position:relative;
	transition:opacity 0.5s ease-in-out;
}
#topEvent .eventBn {width:270px !important;}
.eventBn figure {width:270px;height:200px;}
.eventBn.org figure {width:270px;height:360px;}
.eventBn figure img {width:100%;height:100%;border: 1px solid #222;box-sizing: border-box;}
.eventBn .title {margin-top:1.5rem;font-size:17px;font-weight:bold;}
.eventBn .txt {margin-top:1rem;font-size:14px;text-align:left;}
.eventBn .period {
	background:url(../images/bg_koushi.gif) repeat;
	margin-top: 15px;padding: 5px;line-height: 100%;
	font-size: 15px;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 a {padding:15px 0;}


#topTopics {padding:7% 0 5%;background-image:url(../images/bg_beige.jpg);}
#topTopics .topicsUl {margin-top:50px;height:150px;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.important {background:url(../images/bg_asanoha_red.gif) repeat top left;}
#topTopics .topicsUl li .type.sale {background:url(../images/bg_asanoha_red.gif) repeat top left;}
#topTopics .topicsUl li .type.event {background:url(../images/bg_asanoha_yellow.gif) repeat top left;}
#topTopics .topicsUl li .type.restaurant {background:url(../images/bg_asanoha_green.gif) repeat top left;}
#topTopics .topicsUl li .type.information {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 {
	font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif;
	-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:8.5rem;line-height:160%;
	-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%;
	writing-mode: vertical-rl;-ms-writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;-o-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;
}


/* wideBnArea */

#wideBnArea {
	position:relative;
	margin-top:0px;
	background:#000;
	font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif;
	-webkit-font-feature-settings: 'pkna';
	font-feature-settings: 'pkna';
	text-align:left;
}
#wideBnArea .tt {background:#fff;padding:80px 0 100px;}

#wideBnArea .movieArea {
	padding-bottom:100px;
	background:#fff;
}

#wideBnArea .item {
	height:450px;padding:60px 0;
	box-sizing:border-box;
	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;
}
#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;}


	/* 各itemBG IMG */
	#wideBnArea.lazyloaded .ofuro:before {background-image:url(../images/bg_wideBnArea_ofuro.jpg);}
	#wideBnArea.lazyloaded .ganban:before {background-image:url(../images/bg_wideBnArea_ganban.jpg);}
	#wideBnArea.lazyloaded .restaurant:before {background-image:url(../images/bg_wideBnArea_restaurant.jpg);}
	#wideBnArea.lazyloaded .yumemi:before {background-image:url(../images/bg_wideBnArea_yumemi.jpg);}


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




#top-bus {padding:80px 0;border-top:1px solid #f2eee4;}
#top-bus > .inner {padding:100px 0;}

#top-enkai {
	background:url(../images/bg_top-enkai.jpg) no-repeat top left;
	background-size: contain;
	padding:5rem 0 10rem;
	position:relative;
	z-index:1;
	font-family: 'Playfair Display','Noto Serif Japanese',"Noto Serif CJK JP","ヒラギノ明朝 ProN W3",
	"Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	transition:all 2s ease;
}
#top-enkai:after {
	content:"";
	position:absolute;top:0;right:0;
	width:50%;height:100%;
	z-index:-1;
	background:#fff;
}
#top-enkai .contents {
	width:50%;padding-left:10rem;
	box-sizing:border-box;
	float:right;
	text-align:center;
	font-size:1.5rem;
}
#top-enkai .tt {margin-top:20px;font-weight:bold;font-size:6rem;line-height:150%;letter-spacing:0.5rem;}
#top-enkai .ct {font-size:2rem;line-height:150%;margin-top:2rem;}
#top-enkai .linkBtn {font-size:1.7rem;line-height:150%;}

/* Common.css */

h1,h2,h3,h4,h5,p {margin:0;padding:0;}
img {margin:0;padding:0;}

ul {margin:0;padding:0;list-style-type:none;}

li {margin:0;padding:0;}

table {border-collapse:collapse;}


a:link {color:#473c0d;}
a:visited {color:#473c0d;text-decoration:none;}

.big {font-size:1.6rem;line-height:160%;}
.big2 {font-size:2rem;line-height:160%;}
.big3 {font-size:3rem;line-height:160%;}

.bold {font-weight: bold;}

.enleft {text-align: left;}
.encent {text-align: center;}

.combine {
	-webkit-text-combine: horizontal;
	-ms-text-combine-horizontal: all;
	text-combine-upright: all;
}


.mgnA {margin-left:auto;margin-right:auto;}

.mgnt5 {margin-top:5px;}
.mgnt10 {margin-top:10px;}

.mgnt20 {margin-top:20px;}
.mgnt30 {margin-top:30px;}
.mgnt50 {margin-top:50px;}
.mgnt100 {margin-top:100px;}

.txt-re {color: #ff0000;}
.txt-bl {color: #0055ff;}