@charset "UTF-8";

/*------------------------------------------------------------------------------
	Client Name - home CSS
	URL: http://foo.co.jp/
	Date: 2015-00-00
	Copyright (C) Client Name All Rights Reserved.
------------------------------------------------------------------------------*/

body#home #main .conbox,
body#home #mainVisual{
	width: 960px;
	margin:0 auto;
}
body#home #mainVisual {
	position: absolute;
	left: 0;
    right: 0;
    z-index: 9;
}
body#home #main {
	width: 100%;
}
body#home #main .innerBox h2 {
	font-size: 70px;
	font-size: 7.0rem;
	color: #fff;
}
body#home #main .innerBox h2 span {
	display: block;
	font-size: 18px;
	font-size: 1.8rem;
	margin-top: 10px;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
}
body#home #main .innerBox p.txt {
	color: #fff;
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 1.8;
	font-family: 'Open Sans', sans-serif;
}
body#home #main #season .innerBox h2 {
	font-size: 60px;
    font-size: 6.0rem;
    color: #b15750;
    margin-left: 50px;
}
body#home #main #season .innerBox .txt {
	color: #000;
    margin-left: 50px;
    line-height: 1.5;
    width: 400px;
}
body#home #main #hotspring h2 span {
	margin-top: 20px;
}
body#home #main #hotspring .innerBox .txt {
	color: #fff;
	margin-bottom: 30px;
}
body#home #main #hotspring02 .txt,
body#home #main #hotspring02 h2 {
	width: 424px;
}
body#home #main #hotspring02 h2 span {
	margin-top: 0;
	line-height: 1.5;
}
body#home #main #hotspring02 .txt {
	line-height: 1.8;
	margin-bottom: 0;
}
body#home #main #attractions .txt {
	margin-bottom: 0;
	width: 450px;
}
body#home #main #hotspring .imghref {
	display: block;
	margin-bottom: 25px;
	transition: all .5s;
}
body#home #main #hotspring .imghref:hover {
	opacity: 0.8;
}
body#home #main .conbox {
	overflow: hidden;
}
body#home #main .innerBox {
	width: 960px;
	margin:0 auto;
	position: relative;
}
body#home #main #about {
	width: 100%;
	height: 1700px;
	background: url(../img/bg_header03.png),url(../img/bg_header02.png),url(../img/bg_header01.png),url(../../img/bg_top_main.jpg);
	background-repeat: no-repeat;
	background-position: right 495px,right 0,-80px 140px,left top;
	background-size: auto,auto,auto,100%;
	position: relative;
}
body#home #main #about .innerBox {
	position: absolute;
	top: 650px;
	left: 0;
	right: 0;
}
body#home #main #about h2 {
	margin-bottom: 20px;
}
body#home #main #about li {
	float: left;
	margin-right: 10px;
}
body#home #main #about .back {
	z-index: 0;
	height: 600px;
	background: -moz-linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0));
	background: -o-linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0));
	background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,1)),to(rgba(255,255,255,0)));
	background: linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=0)";
}
body#home #main #season {
	background: url(../img/bg_season04.png),url(../img/bg_season03.png),url(../img/bg_season02.png),url(../img/bg_season01.png);
	background-position: 8% bottom,right 650px,5% 355px,right 70px;
	background-size: auto;
	background-repeat: no-repeat;
}
body#home #main #season .innerBox {
	position: relative;
	height: 1455px;
}
body#home #main #season h2 {
	margin-top: 40px;
	margin-left: 70px;
	margin-bottom: 20px;
}
body#home #main #season .innerBox>.txt {
	font-size: 20px;
    font-size: 2.0rem;
}
body#home #main #season .innerBox p {
	position: absolute;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
}
body#home #main #season .innerBox p.txt {
	text-align:left;
}
body#home #main #season .innerBox p img {
	margin-bottom:10px;
}
body#home #main #season #ancur01 {
	top: -120px;
	right: -30px;
    width: 495px;
}
body#home #main #season #ancur02 {
	top: 290px;
	left: -20px;
	width: 438px;
}
body#home #main #season #ancur03 {
	top: 540px;
	right: -24px;
    width: 518px;
}
body#home #main #season #ancur04 {
	top: 884px;
    left: 40px;
	width: 400px;
}
body#home #main #hotspring {
	background: url(../../img/bg_top_hotspring.jpg) no-repeat top #9c3d39;
	background-size: 100%;
	overflow: hidden;
	position: relative;
}
body#home #main #hotspring .pattern {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(../../img/bg_02.png) repeat left bottom;
	height: 850px;
}
body#home #main #sanri .back,
body#home #main #hotspring .back {
	z-index: 0;
	bottom: 0;
	height: 1400px;
	background: -moz-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,1));
	background: -o-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
	background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(255,255,255,1)));
	background: linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,1));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=0)";
}
body#home #main #hotspring .innerBox,
body#home #main #rooms .innerBox,
body#home #main #sanri .innerBox,
body#home #main #viproom .innerBox,
body#home #main #wine_lounge .innerBox,
body#home #main #food .innerBox,
body#home #main #ryokan .innerBox,
body#home #main #attractions .innerBox {
	width: 910px;
	overflow: hidden;
	padding: 70px 0;
}
body#home #main #hotspring .innerBox {
	padding: 590px 0 30px;
}
body#home #main #hotspring .areabox01 {
    overflow: hidden;
	margin-bottom: 100px;
    padding-top: 60px;
}
body#home #main #hotspring h2 {
	margin: -15px 0 10px;
}
body#home #main #hotspring h2 + p {
	margin-bottom: 27px;
}
body#home #main #hotspring .floatR {
    width: 470px;
	margin-top: 99px;
}
body#home #main #hotspring .areabox02 h2 {
	margin: 35px 0 20px;
}
body#home #main #hotspring .areabox02 .floatR {
    width: 450px;
}
body#home #main #hotspring .floatR .photo li:first-child {
	margin-right: 15px;
}
body#home #main #hotspring .areabox02 .photo li.m_02,
body#home #main #hotspring .areabox02 .photo li:first-child {
	margin-bottom: 10px;
}
body#home #main #hotspring .areabox02 .photo li.m_01 {
	margin-right: 10px;
}
body#home #main #rooms {
	background: url(../img/bg_room02.png) no-repeat center 1383px #384b1e;
	background-size: 100%;
	overflow: hidden;
	position: relative;
}
body#home #main #rooms .innerBox {
	width: 910px;
    padding: 70px 30px;
}
body#home #main #rooms .back_room {
    background: url(../img/bg_room.png) no-repeat left -100px;
	background-size: 100%;
    width: 1100px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
body#home #main #rooms .roomBox {
	overflow: hidden;
    width: 840px;
    margin: -50px 0 70px 40px;
    display: inline-block;
}
body#home #main #rooms .roomBox .floatR {
	padding-top: 104px;
}
body#home #main #rooms .roomBox .floatR h2 {
	margin-bottom: 20px;
}
body#home #main #rooms .roomBox .floatR .txt {
	width: 440px;
	margin-bottom: 28px;
}
body#home #main #besshosasa {
	background: url(../img/bg_room02.png) no-repeat center bottom #384b1e;
	background-size: 100%;
	overflow: hidden;
	position: relative;
}
body#home #main #besshosasa .innerBox {
	width: 910px;
    padding: 90px 30px 70px;
}
body#home #main #besshosasa .back_room {
    background: url(../img/bg_room.png) no-repeat left -100px;
	background-size: 100%;
    width: 1100px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
body#home #main #besshosasa .sasa {
    background: url(../../img/bg_sasa.png) no-repeat left top;
    height: 430px;
	margin: 0 auto;
	padding: 50px;
	position: relative;
}
body#home #main #besshosasa .ico_sasa {
	position: absolute;
	top: -80px;
    right: -30px;
}
body#home #main #besshosasa .sasa .floatL {
	margin-bottom: 0;
}
body#home #main #besshosasa .sasabox {
	overflow: hidden;
	width: 490px;
}
body#home #main #besshosasa .sasabox h2 {
	margin: 0 0 15px;
	font-size: 4.0rem;
}
body#home #main #besshosasa .sasabox p {
	margin-bottom: 15px;
}
body#home #main #besshosasa .sasabox h2,
body#home #main #besshosasa .sasabox p {
	margin-left: 20px;
}
body#home #main #besshosasa .sasabox li:first-child {
	margin-right: 15px;
}
body#home #main #besshosasa .back {
	z-index: 0;
	height: 2927px;
}

body#home #main #sanri {
	position: relative;
    overflow: hidden;
	background: url(../../img/bg_top_sanri.png) repeat;
}
body#home #main #sanri h2 {
	margin-bottom: 25px;
}
body#home #main #sanri .txt_box {
	float: left;
	width: 530px;
}
body#home #main #sanri .image_box {
	position: relative;
    z-index: 1;
	float: right;
    width: 317px;
    margin-top: -90px;
    margin-right: 30px;
}
body#home #main #sanri .image_box img {
	display: block;
}

body#home #main #viproom {
	position: relative;
	overflow: hidden;
	background: url(../../img/bg_top_viproom.png) no-repeat bottom center #3c2923;
	background-size: 100% auto;
}
body#home #main #viproom h2 {
	margin-bottom: 15px;
	text-align: right;
}
body#home #main #viproom h2 span {
	display: inline-block;
	margin-top: 0;
	font-size: 80px;
    font-size: 8.0rem;
	font-weight: normal;
	font-family: 'Crimson Text', "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
body#home #main #viproom .back {
	z-index: 0;
}
body#home #main #viproom .txt_box {
	float: right;
	width: 460px;
}
body#home #main #viproom .image_box {
	position: relative;
	float: left;
    width: 405px;
}
body#home #main #viproom .slider {
	margin-bottom: 20px;
}
body#home #main #viproom .slick-slide {
	outline: none;
}
body#home #main #viproom .thumbnail {
	margin-bottom: 30px;
}
body#home #main #viproom .thumbnail .slick-track {
	width: 100% !important;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-end;
}
body#home #main #viproom .thumbnail .slick-slide {
	overflow: hidden;
	width: 138px !important;
	height: 70px;
	margin-left: 20px;
	cursor: pointer;
}
body#home #main #viproom .thumbnail .slick-slide img {
	display: block;
	width: auto;
	height: 100%;
	margin: auto;
}

/* wine lounge */
body#home #main #wine_lounge{
    background:url(../../img/bg_balck_wall.png);
}
body#home #main #wine_lounge .content_row{
    display: grid;
    grid-template-columns: 30% 1fr;
    gap: 2em;
    padding-bottom: 60px;
}
body#home #main #wine_lounge .sub_image img{
    width: 100%;
    height: auto;
}
body#home #main #wine_lounge .txt_box h2{
    text-align: right;
}
body#home #main #wine_lounge .txt_box .txt{
    margin-top: 1em;
}
body#home #main #wine_lounge .back{
    z-index: 0;
}
body#home #main #wine_lounge .slider {
	margin-bottom: 20px;
}
body#home #main #wine_lounge .slick-slide {
	outline: none;
}
body#home #main #wine_lounge .thumbnail {
	margin-bottom: 30px;
}
body#home #main #wine_lounge .thumbnail .slick-track {
	width: 100% !important;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-end;
    gap: 0 4%;
}
body#home #main #wine_lounge .thumbnail .slick-slide {
	overflow: hidden;
	width: 138px !important;
	height: 70px;
	cursor: pointer;
}
body#home #main #wine_lounge .thumbnail .slick-slide img {
	display: block;
	width: auto;
	height: 100%;
	margin: auto;
}

body#home #main #ryokan {
	position: relative;
    overflow: hidden;
	background: url(../../img/bg_top_ryokan.png) repeat;
}

body#home #main #ryokan .innerBox {
	overflow: initial;
}
body#home #main #ryokan .back {
	z-index: 0;
}
body#home #main #ryokan h2 {
	margin-bottom: 25px;
}
body#home #main #ryokan .txt_box {
    width: 530px;
	margin-bottom: 100px;
}
body#home #main #ryokan [class*="absimg_"] {
	position: absolute;
}
body#home #main #ryokan .image_box {
	position: relative;
}
body#home #main #ryokan .absimg_01 {
	top: 0;
	right: -95px;
}
body#home #main #ryokan .absimg_02 {
	top: -161px;
	right: -45px;
}
body#home #main #ryokan .absimg_03 {
	top: -40px;
	left: -95px;
}
body#home #main #food {
	background: url(../../img/bg_03.png) repeat;
	overflow: hidden;
}
body#home #main #food h2 {
	margin:23px 0 25px;
}
body#home #main #food h2 + p {
	margin-bottom: 41px;
	width: 480px;
}
body#home #main #food li:first-child {
	margin-right: 10px;
}
body#home #main #attractions{
	background: #0d414c;
	overflow: hidden;
}
body#home #main #attractions .floatL {
    margin-left: 20px;
}
body#home #main #attractions h2 {
	margin: 30px 0 25px;
	font-size: 7rem;
}
body#home #main #attractions .photo {
	clear: both;
	padding-top: 15px;
}
body#home #main #attractions  li {
	margin-left: 20px;
}
body#home #main #attractions  li:first-child {
	margin-left: 0;
}
body#home #main #map {
	position: relative;
}
body#home #main #map .innerBox {
	width: 1100px;
}
body#home #main #map .back_map {
    background: #14424c;
    width: 50%;
    height: 470px;
    position: absolute;
    right: 0;
}
body#home #main #map .innerBox p {
	margin-bottom: 0;
	margin-left: 59px;
}
body#home #bnrBlog {
	margin-bottom:65px;
	text-align:center;
}




/*--EOF-----------------------------------------------------------------------*/