@charset "utf-8";
/* CSS Document */
/*------------------------------------------------------------
	空室検索
------------------------------------------------------------*/
#index_search{
	clear:left;
	margin:0 auto;
	width:100%;
	height:550px;
	color:#000;
	font-size:16px;
	font-family:serif;
	letter-spacing:0;
	line-height:2.5em;
	background:#c0e1bb;
}

#index_search section{
	clear:left;
	margin:0 auto;
	padding-top:50px;
	width:90%;
	height:180px;
	text-align:center;
}

#index_search #title{
	float:none;
	margin-top:0;
	padding:0;
	padding-top:50px;
	display:block;
	width:100%;
	height:50px;
	line-height:80px;
	color:#000;
	font-family:serif;
	font-size:24px;
	text-align:center;
	line-height:0;
	border-top:#000 1px solid;
	border-bottom:#000 1px solid;
}

#index_search #box1{
	float:none;
	margin-top:30px;
	margin-left:0;
	width:100%;
}

#index_search #btn{
	float:none;
	margin-top:0;
	margin-left:0;
	width:100%;
	height:auto;
}

#index_search .btn01{
	float:none;
	margin-top:30px;
	margin-left:0;
	padding:0;
	display:block;
	width:100%;
	height:70px;
	color:#FFF;
	font-size:16px;
	font-family:serif;
	font-weight:900;
	text-decoration:none;
	background:#22432d;
	letter-spacing:2px;
	border:0;
}

#index_search .btn02 a{
	float:none;
    display:block;
    overflow:hidden;
	margin-top:10px;
	margin-left:0;
	padding:0;
	width:100%;
	height:70px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-size:16px;
	font-weight:900;
	background:#22432d;
	line-height:70px;
	letter-spacing:2px;
	-webkit-transition:0.4s;
	transition:0.4s;
}

#index_search .btn02 a:hover{
	background:#39672f;
}

/*------------------------------------------------------------
	周辺観光リンク
------------------------------------------------------------*/
#sightseeing1{
	clear:left;
	margin:0;
	margin-top:0;
	padding:0;
	padding-bottom:0;
	width:100%;
	height:auto;
}

#sightseeing1 section{
	clear:left;
	margin:0 auto;
	padding:0;
	width:100%;
	height:auto;
	text-align:center;
}

#sightseeing1 #content{
	clear:left;
	margin:0 auto;
	padding-top:0;
	width:100%;
	height:auto;
	display:block;
	justify-content: center;
	position:relative;
}

#sightseeing1 #content .box{
	flex:1;
	margin:0 -2px;
	position:relative;
	width:100%;
	height:auto;
	border:#FFF 1px solid;
}

#sightseeing1 #content .box .img1 {
	clear:left;
	width:100%;
	height:300px;
	overflow:hidden;
	position:relative;	/* 相対位置指定 */
}

#sightseeing1 #content .box .img1 img{
	width:100%;
	height: 100%;
	object-fit: cover;
	transition-duration:10s;
}

#sightseeing1 #content .box .img1 .caption {
	clear:left;
	text-align:center;
	font-family:serif;
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:1px;
	line-height:300px;
}

#sightseeing1 #content .box .img1 .mask {
	width:100%;
	height:100%;
	position:absolute;	/* 絶対位置指定 */
	top:0;
	left:0;
	opacity:0;	/* マスクを表示しない */
	background-color:rgba(255,255,255,0.4);	/* マスクは半透明 */
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
}

#sightseeing1 #content .box .img1:hover .mask {
	opacity:1;	/* マスクを表示する */
}

#sightseeing1 h1{
	clear:left;
	left:0;
	right:0;
	text-align:center;
	text-shadow:#000 1px 0 10px;
	font-family:serif;
	font-size:30px;
	font-weight:900;
	color:#FFF;
	letter-spacing:1px;
	line-height:300px;
	position: absolute;
	background-color:rgba(0,0,0,0.2);
}

/*------------------------------------------------------------
	春夏秋の湯沢遊び
------------------------------------------------------------*/
#sightseeing2{
	clear:left;
	margin:0;
	margin-top:0;
	padding:0;
	padding-bottom:60px;
	width:100%;
	height:auto;
	background:#EEEEEE;
}

#sightseeing2 section{
	clear:left;
	margin:0 auto;
	padding:0;
	width:90%;
	height:auto;
	text-align:center;
}

#sightseeing2 h1{
	clear:left;
	margin:0 auto;
	margin-bottom:50px;
	padding-top:50px;
	text-align:center;
}

#sightseeing2 #content{
	clear:left;
	margin:0 auto;
	padding-top:0;
	width:100%;
	height:auto;
	display:compact;
	justify-content: center;
	position:relative;
}

#sightseeing2 #content .box{
	flex:1;
	margin:20px 0;
	margin-top:0;
	position:relative;
	width:100%;
	height:auto;
}

#sightseeing2 #content .box .img1 {
	clear:left;
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;	/* 相対位置指定 */
}

#sightseeing2 #content .box .img1 img{
	width:100%;
	height:auto;
	object-fit: cover;
	transition-duration:10s;
}

#sightseeing2 #content .box .img1 .caption {
	clear:left;
	text-align:center;
	font-family:serif;
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:1px;
	line-height:100px;
}

#sightseeing2 #content .box .img1 .mask {
	width:100%;
	height:100%;
	position:absolute;	/* 絶対位置指定 */
	top:0;
	left:0;
	opacity:0;	/* マスクを表示しない */
	background-color:rgba(255,255,255,0.4);	/* マスクは半透明 */
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
}

#sightseeing2 #content .box .img1:hover .mask {
	opacity:1;	/* マスクを表示する */
}

/*------------------------------------------------------------
	おすすめご宿泊プラン
------------------------------------------------------------*/
#index1{
	clear:left;
	width:100%;
	height:auto;
	background:#EEEEEE;
}

#index1 section{
	clear:left;
	margin:0 auto;
	width:95%;
	height:auto;
}

#index1 h1{
	clear:left;
	margin:0 auto;
	margin-bottom:50px;
	padding-top:100px;
	display:block;
	text-align:center;
	font-size:25px;
	font-family:serif;
	font-weight:900;
	letter-spacing:1px;
}

#index1 #content{
	clear:left;
	margin-top:20px;
	width:100%;
	height:2000px;
	display:block;
}

#index1 #content h2{
	clear:left;
	display:block;
	text-align:center;
	margin:25px 0;
	padding:0;
	color:#000;
	font-size:20px;
	font-weight:900;
	letter-spacing:1px;
	text-shadow:none;
}

#index1 #content .box{
	flex:0;
	display:block;
	margin:0 0;
	width:100%;
	height:650px;
	position:relative;
}

#index1 #content .img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:300px;
	
	object-fit: cover;
}

#index1 #content img{
	width:100%;
	height: 100%;
	object-fit: cover;
	border-radius:30px;
	transition-duration:10s;
}

#index1 #content .img_wrap{
	clear:left;
	width:100%;
	height:300px;
	margin: 0 auto;
	overflow: hidden;
	cursor: pointer;
	border-radius:30px;
}

#index1 #content .img_wrap img{
	width:100%;
	transition-duration: 5s;
}

#index1 #content .img_wrap:hover img{
	transform: scale(1.2);
	transition-duration: 5s;
}

#index1 #content .text{
	clear:left;
	position:absolute;
	top:300px;
	width:100%;
	height:180px;
	color:#333;
	font-size:16px;
	font-weight:bold;
	line-height:2em;
}

#index1 #content ul{
	clear:left;
	margin:0 auto;
	margin-top:50px;
	padding-bottom:30px;
	width:95%;
	height:125px;
	text-align:left;
}

#index1 #content .text h1{
	clear:left;
	padding-top:20px;
	padding-bottom:20px;
	color:#333;
	font-size:24px;
	font-weight:bold;
	text-align:center;
}

#index1 #content .btn01 a{
	clear:left;
    display:block;
    overflow:hidden;
	margin:0 auto;
	margin-top:30px;
	padding:0;
	width:100%;
	height:60px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-size:16px;
	font-weight:900;
	background:#0099cc;
	line-height:60px;
	letter-spacing:1px;
	-webkit-transition:0.4s;
	transition:0.4s;
}

#index1 #content .btn01 a:hover{
	background:#002040;
}

/*------------------------------------------------------------
	ゲレンデ
------------------------------------------------------------*/
#index2{
	clear:left;
	display:block;
	margin:0;
	padding:0;
	padding-bottom:100px;
	width:100%;
	height:auto;
}

#index2 #content1{
	float:none;
	width:100%;
	height:400px;
}

#index2 #content1 img{
	clear:left;
	width:100%;
	height:400px;
	object-fit: cover;
}

#index2 #content2{
	float:none;
	margin:0 auto;
	padding:0;
	width:90%;
	height:auto;
	text-align:left;
}

#index2 h1{
	clear:left;
	padding-top:50px;
	padding-bottom:20px;
	color:#333;
	font-size:20px;
	font-weight:bold;
	text-align:left;
}

#index2 h1 span{
	clear:left;
	color:#333;
	font-size:18px;
	font-weight:bold;
	text-align:left;
}

#index2 #table{
	clear:left;
	margin:0 auto;
	margin-top:50px;
	width:100%;
	font-family:serif;
	font-size:16px;
	line-height:1.5em;
	border-top:#EEE 1px solid;
}

#index2 #table #box{
	clear:left;
	display:inline-table;
	width:100%;
	border-bottom:#EEE 1px solid;
}

#index2 #table #tb1{
	float:none;
	margin:0;
	padding:10px 0;
	width:100%;
	height:50px;
	line-height:50px;
	font-size:18px;
	font-weight:normal;
	text-align:center;
}

#index2 #table #tb2{
	float:none;
	padding:0 0 50px 0;
	width:100%;
	text-align:left;
}

#index2 #table #tb2 a{
	clear:left;
    display:block;
    overflow:hidden;
	margin:0;
	margin-top:5px;
	padding:0;
	width:100%;
	height:60px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-size:16px;
	background:#0099cc;
	line-height:60px;
	letter-spacing:1px;
	-webkit-transition:0.4s;
	transition:0.4s;
}

#index2 #table #tb2 a:hover{
	background:#002040;
}

/*------------------------------------------------------------
	レンタル
------------------------------------------------------------*/
#index3{
	clear:left;
	margin:0 auto;
	margin-top:0;
	padding:0;
	padding-bottom:0;
	width:100%;
	height:auto;
	background:#EEEEEE;
}

#index3 section{
	clear:left;
	margin:0 auto;
	padding:50px 0 30px 0;
	width:90%;
	height:auto;
	text-align:center;
}

#index3 h1{
	clear:left;
	margin:0;
	margin-top:50px;
	margin-bottom:30px;
	padding:0;
	color:#333;
	font-size:25px;
	font-weight:bold;
	text-align:left;
	letter-spacing:1px;
}

#index3 ul{
	clear:left;
	margin:0;
	margin-bottom:80px;
	padding:0;
	text-align:left;
	font-size:18px;
	line-height:2.8em;
	letter-spacing:1px;
}

#index3 li span{
	clear:left;
	color:#C00;
	font-size:17px;
	line-height:2.8em;
	letter-spacing:1px;
}

#index3 #content{
	clear:left;
	margin:0 auto;
	margin-bottom:100px;
	padding:0;
	width:100%;
	height:auto;
}

#index3 #content #img{
	float:none;
	width:100%;
	height:300px;
}

#index3 #content img{
	clear:left;
	width:100%;
	height:300px;
	object-fit:cover;
}

#index3 #content #main{
	float:none;
	width:100%;
	height:auto;
}

#index3 #content ul{
	clear:left;
	margin:0;
	margin-bottom:30px;
	padding:0;
	text-align:left;
	font-size:16px;
	line-height:2.8em;
	letter-spacing:1px;
}

/*------------------------------------------------------------
	ペット同宿
------------------------------------------------------------*/
#index4{
	clear:left;
	display:block;
	margin:0;
	padding:0;
	padding-bottom:0;
	width:100%;
	height:auto;
}

#index4 #content1{
	float:left;
	width:100%;
	height:auto;
}

#index4 #content1 img{
	clear:left;
	width:100%;
	height:300px;
	object-fit: cover;
}

#index4 #content2{
	float:right;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	text-align:center;
}

#index4 h1{
	clear:left;
	padding-top:50px;
	padding-bottom:50px;
	display:none;
	color:#333;
	font-size:25px;
	font-weight:bold;
	text-align:center;
}

#index4 h1 span{
	clear:left;
	color:#333;
	font-size:24px;
	font-weight:bold;
	text-align:center;
}

#index4 #title{
	clear:left;
	display:block;
	margin:0 auto;
	margin-top:80px;
	margin-bottom:50px;
	width:70%;
	text-align:center;
}

#index4 #title img{
	clear:left;
	width:100%;
}

#index4 ul{
	clear:left;
	margin:0 auto;
	margin-bottom:30px;
	padding:0;
	width:90%;
	text-align:left;
	font-size:16px;
	line-height:2.8em;
	letter-spacing:1px;
}

#index4 li span{
	color:#C00;
}

#index4 .btn01 a{
	clear:left;
    display:block;
    overflow:hidden;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:150px;
	padding:0;
	width:100%;
	height:60px;
	text-align:center;
	text-decoration:none;
	color:#000;
	font-size:15px;
	line-height:60px;
	border:#333 1px dotted;
	letter-spacing:1px;
	-webkit-transition:0.4s;
	transition:0.4s;
}

#index4 .btn01 a:hover{
	background:#EEEEEE;
}

/*------------------------------------------------------------
	紹介
------------------------------------------------------------*/
#index5_bg{
	clear:left;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
}

#index5_bg img{
	clear:left;
	width:100%;
	height:350px;
	object-fit: cover;
}

#index5{
	clear:left;
	padding-bottom:180px;
	width:100%;
	height:auto;
	background:none;
}

#index5 section{
	clear:left;
	margin:0 auto;
	margin-top:0;
	padding:0;
	width:90%;
	height:auto;
}

#index5 #content1{
	float:none;
	margin:0;
	margin-top:80px;
	padding:0;
	width:100%;
	height:auto;
}

#index5 #content1 h1{
	clear:left;
	margin:0;
	margin-top:0;
	padding-bottom:20px;
	display:none;
	color:#333;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	letter-spacing:10px;
}

#index5 #title{
	clear:left;
	display:block;
	margin:0 auto;
	margin-top:80px;
	margin-bottom:50px;
	width:auto;
	text-align:center;
}

#index5 #title img{
	clear:left;
	width:auto;
}

#index5 #content1 ul{
	clear:left;
	display:block;
	text-align:left;
	font-size:16px;
	letter-spacing:1px;
	line-height:2.8em;
}

#index5 #img{
	clear:left;
	margin-top:20px;
	width:100%;
	height:auto;
	display:block;
}

#index5 #img .box{
	flex:1;
	margin:0 0 30px 0;
	position:relative;
}

#index5 #img .img{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:300px;
	
	object-fit: cover;
}

#index5 #img img{
	width:100%;
	height:300px;
	object-fit: cover;
}

#index5 #content2{
	float:none;
	margin:0;
	margin-top:30px;
	padding:0;
	width:100%;
	height:auto;
}

#index5 #content2 img{
	clear:left;
	width:100%;
	height:300px;
	object-fit: cover;
}

#index5 .btn01 a{
	clear:left;
    display:block;
    overflow:hidden;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:50px;
	padding:0;
	width:100%;
	height:60px;
	text-align:center;
	text-decoration:none;
	color:#000;
	font-size:15px;
	line-height:60px;
	border:#333 1px dotted;
	letter-spacing:1px;
	-webkit-transition:0.4s;
	transition:0.4s;
}

#index5 .btn01 a:hover{
	background:#EEEEEE;
}

/*------------------------------------------------------------
	新着情報
------------------------------------------------------------*/
#index6{
	clear:left;
	width:100%;
	height:1000px;
	background:#EEEEEE;
}

#index6 section{
	clear:left;
	margin:0 auto;
	width:90%;
	height:auto;
}

#index6 h1{
	clear:left;
	margin:0 auto;
	margin-bottom:30px;
	padding-top:100px;
	display:none;
	text-align:center;
	font-size:30px;
	font-family:serif;
	font-weight:900;
	letter-spacing:3px;
}

#index6 #title{
	clear:left;
	display:block;
	margin:0 auto;
	margin-top:0;
	margin-bottom:50px;
	padding-top:100px;
	width:auto;
	text-align:center;
}

#index6 #title img{
	clear:left;
	width:auto;
}

#index6 p{
	clear:left;
	border:#CCC 1px solid;
}







@media(min-width:768px) and ( max-width:1200px){
/*------------------------------------------------------------
	空室検索
------------------------------------------------------------*/
#index_search{
	clear:left;
	margin:0 auto;
	width:100%;
	height:550px;
	color:#000;
	font-size:16px;
	font-family:serif;
	letter-spacing:0;
	line-height:2.5em;
	background:#c0e1bb;
}

#index_search section{
	clear:left;
	margin:0 auto;
	padding-top:50px;
	width:90%;
	height:180px;
	text-align:center;
}

#index_search #title{
	float:none;
	margin-top:0;
	padding:0;
	padding-top:50px;
	display:block;
	width:100%;
	height:50px;
	line-height:80px;
	color:#000;
	font-family:serif;
	font-size:24px;
	text-align:center;
	line-height:0;
	border-top:#000 1px solid;
	border-bottom:#000 1px solid;
}

#index_search #box1{
	float:none;
	margin-top:30px;
	margin-left:0;
	width:100%;
}

#index_search #btn{
	float:none;
	margin-top:0;
	margin-left:0;
	width:100%;
	height:auto;
}

#index_search .btn01{
	float:none;
	margin-top:30px;
	margin-left:0;
	padding:0;
	display:block;
	width:100%;
	height:70px;
	color:#FFF;
	font-size:16px;
	font-family:serif;
	font-weight:900;
	text-decoration:none;
	background:#22432d;
	letter-spacing:2px;
	border:0;
}

#index_search .btn02 a{
	float:none;
    display:block;
    overflow:hidden;
	margin-top:10px;
	margin-left:0;
	padding:0;
	width:100%;
	height:70px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-size:16px;
	font-weight:900;
	background:#22432d;
	line-height:70px;
	letter-spacing:2px;
	-webkit-transition:0.4s;
	transition:0.4s;
}

#index_search .btn02 a:hover{
	background:#39672f;
}

/*------------------------------------------------------------
	周辺観光リンク
------------------------------------------------------------*/
#sightseeing1{
	clear:left;
	margin:0;
	margin-top:0;
	padding:0;
	padding-bottom:0;
	width:100%;
	height:auto;
}

#sightseeing1 section{
	clear:left;
	margin:0 auto;
	padding:0;
	width:100%;
	height:auto;
	text-align:center;
}

#sightseeing1 #content{
	clear:left;
	margin:0 auto;
	padding-top:0;
	width:100%;
	height:auto;
	display:block;
	justify-content: center;
	position:relative;
}

#sightseeing1 #content .box{
	flex:1;
	margin:0 -2px;
	position:relative;
	width:100%;
	height:auto;
	border:#FFF1px solid;
}

#sightseeing1 #content .box .img1 {
	clear:left;
	width:100%;
	height:300px;
	overflow:hidden;
	position:relative;	/* 相対位置指定 */
}

#sightseeing1 #content .box .img1 img{
	width:100%;
	height: 100%;
	object-fit: cover;
	transition-duration:10s;
}

#sightseeing1 #content .box .img1 .caption {
	clear:left;
	text-align:center;
	font-family:serif;
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:1px;
	line-height:300px;
}

#sightseeing1 #content .box .img1 .mask {
	width:100%;
	height:100%;
	position:absolute;	/* 絶対位置指定 */
	top:0;
	left:0;
	opacity:0;	/* マスクを表示しない */
	background-color:rgba(255,255,255,0.4);	/* マスクは半透明 */
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
}

#sightseeing1 #content .box .img1:hover .mask {
	opacity:1;	/* マスクを表示する */
}

#sightseeing1 h1{
	clear:left;
	left:0;
	right:0;
	text-align:center;
	text-shadow:#000 1px 0 10px;
	font-family:serif;
	font-size:30px;
	font-weight:900;
	color:#FFF;
	letter-spacing:1px;
	line-height:300px;
	position: absolute;
	background-color:rgba(0,0,0,0.2);
}

/*------------------------------------------------------------
	春夏秋の湯沢遊び
------------------------------------------------------------*/
#sightseeing2{
	clear:left;
	margin:0;
	margin-top:0;
	padding:0;
	padding-bottom:60px;
	width:100%;
	height:auto;
	background:#EEEEEE;
}

#sightseeing2 section{
	clear:left;
	margin:0 auto;
	padding:0;
	width:90%;
	height:auto;
	text-align:center;
}

#sightseeing2 h1{
	clear:left;
	margin:0 auto;
	margin-bottom:50px;
	padding-top:50px;
	text-align:center;
}

#sightseeing2 #content{
	clear:left;
	margin:0 auto;
	padding-top:0;
	width:100%;
	height:auto;
	display:compact;
	justify-content: center;
	position:relative;
}

#sightseeing2 #content .box{
	flex:1;
	margin:20px 0;
	margin-top:0;
	position:relative;
	width:100%;
	height:auto;
}

#sightseeing2 #content .box .img1 {
	clear:left;
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;	/* 相対位置指定 */
}

#sightseeing2 #content .box .img1 img{
	width:100%;
	height:auto;
	object-fit: cover;
	transition-duration:10s;
}

#sightseeing2 #content .box .img1 .caption {
	clear:left;
	text-align:center;
	font-family:serif;
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:1px;
	line-height:100px;
}

#sightseeing2 #content .box .img1 .mask {
	width:100%;
	height:100%;
	position:absolute;	/* 絶対位置指定 */
	top:0;
	left:0;
	opacity:0;	/* マスクを表示しない */
	background-color:rgba(255,255,255,0.4);	/* マスクは半透明 */
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
}

#sightseeing2 #content .box .img1:hover .mask {
	opacity:1;	/* マスクを表示する */
}

/*------------------------------------------------------------
	おすすめご宿泊プラン
------------------------------------------------------------*/
#index1{
	clear:left;
	width:100%;
	height:auto;
	background:#EEEEEE;
}

#index1 section{
	clear:left;
	margin:0 auto;
	width:95%;
	height:auto;
}

#index1 h1{
	clear:left;
	margin:0 auto;
	margin-bottom:50px;
	padding-top:100px;
	display:block;
	text-align:center;
	font-size:25px;
	font-family:serif;
	font-weight:900;
	letter-spacing:1px;
}

#index1 #content{
	clear:left;
	margin-top:20px;
	width:100%;
	height:2000px;
	display:block;
}

#index1 #content h2{
	clear:left;
	display:block;
	text-align:center;
	margin:25px 0;
	padding:0;
	color:#000;
	font-size:20px;
	font-weight:900;
	letter-spacing:1px;
	text-shadow:none;
}

#index1 #content .box{
	flex:0;
	display:block;
	margin:0 0;
	width:100%;
	height:650px;
	position:relative;
}

#index1 #content .img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:300px;
	
	object-fit: cover;
}

#index1 #content img{
	width:100%;
	height: 100%;
	object-fit: cover;
	border-radius:30px;
	transition-duration:10s;
}

#index1 #content .img_wrap{
	clear:left;
	width:100%;
	height:300px;
	margin: 0 auto;
	overflow: hidden;
	cursor: pointer;
	border-radius:30px;
}

#index1 #content .img_wrap img{
	width:100%;
	transition-duration: 5s;
}

#index1 #content .img_wrap:hover img{
	transform: scale(1.2);
	transition-duration: 5s;
}

#index1 #content .text{
	clear:left;
	position:absolute;
	top:300px;
	width:100%;
	height:180px;
	color:#333;
	font-size:16px;
	font-weight:bold;
	line-height:2em;
}

#index1 #content ul{
	clear:left;
	margin:0 auto;
	margin-top:50px;
	padding-bottom:30px;
	width:95%;
	height:125px;
	text-align:left;
}

#index1 #content .text h1{
	clear:left;
	padding-top:20px;
	padding-bottom:20px;
	color:#333;
	font-size:24px;
	font-weight:bold;
	text-align:center;
}

#index1 #content .btn01 a{
	clear:left;
    display:block;
    overflow:hidden;
	margin:0 auto;
	margin-top:30px;
	padding:0;
	width:100%;
	height:60px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-size:16px;
	font-weight:900;
	background:#0099cc;
	line-height:60px;
	letter-spacing:1px;
	-webkit-transition:0.4s;
	transition:0.4s;
}

#index1 #content .btn01 a:hover{
	background:#002040;
}

/*------------------------------------------------------------
	ゲレンデ
------------------------------------------------------------*/
#index2{
	clear:left;
	display:block;
	margin:0;
	padding:0;
	padding-bottom:100px;
	width:100%;
	height:auto;
}

#index2 #content1{
	float:none;
	width:100%;
	height:400px;
}

#index2 #content1 img{
	clear:left;
	width:100%;
	height:400px;
	object-fit: cover;
}

#index2 #content2{
	float:none;
	margin:0 auto;
	padding:0;
	width:90%;
	height:auto;
	text-align:left;
}

#index2 h1{
	clear:left;
	padding-top:50px;
	padding-bottom:20px;
	color:#333;
	font-size:20px;
	font-weight:bold;
	text-align:left;
}

#index2 h1 span{
	clear:left;
	color:#333;
	font-size:18px;
	font-weight:bold;
	text-align:left;
}

#index2 #table{
	clear:left;
	margin:0 auto;
	margin-top:50px;
	width:100%;
	font-family:serif;
	font-size:16px;
	line-height:1.5em;
	border-top:#EEE 1px solid;
}

#index2 #table #box{
	clear:left;
	display:inline-table;
	width:100%;
	border-bottom:#EEE 1px solid;
}

#index2 #table #tb1{
	float:none;
	margin:0;
	padding:10px 0;
	width:100%;
	height:50px;
	line-height:50px;
	font-size:18px;
	font-weight:normal;
	text-align:center;
}

#index2 #table #tb2{
	float:none;
	padding:0 0 50px 0;
	width:100%;
	text-align:left;
}

#index2 #table #tb2 a{
	clear:left;
    display:block;
    overflow:hidden;
	margin:0;
	margin-top:5px;
	padding:0;
	width:100%;
	height:60px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-size:16px;
	background:#0099cc;
	line-height:60px;
	letter-spacing:1px;
	-webkit-transition:0.4s;
	transition:0.4s;
}

#index2 #table #tb2 a:hover{
	background:#002040;
}


/*------------------------------------------------------------
	レンタル
------------------------------------------------------------*/
#index3{
	clear:left;
	margin:0 auto;
	margin-top:0;
	padding:0;
	padding-bottom:0;
	width:100%;
	height:auto;
	background:#EEEEEE;
}

#index3 section{
	clear:left;
	margin:0 auto;
	padding:50px 0 30px 0;
	width:90%;
	height:auto;
	text-align:center;
}

#index3 h1{
	clear:left;
	margin:0;
	margin-top:50px;
	margin-bottom:30px;
	padding:0;
	color:#333;
	font-size:25px;
	font-weight:bold;
	text-align:left;
	letter-spacing:1px;
}

#index3 ul{
	clear:left;
	margin:0;
	margin-bottom:80px;
	padding:0;
	text-align:left;
	font-size:18px;
	line-height:2.8em;
	letter-spacing:1px;
}

#index3 li span{
	clear:left;
	color:#C00;
	font-size:17px;
	line-height:2.8em;
	letter-spacing:1px;
}

#index3 #content{
	clear:left;
	margin:0 auto;
	margin-bottom:100px;
	padding:0;
	width:100%;
	height:auto;
}

#index3 #content #img{
	float:none;
	width:100%;
	height:300px;
}

#index3 #content img{
	clear:left;
	width:100%;
	height:300px;
	object-fit:cover;
}

#index3 #content #main{
	float:none;
	width:100%;
	height:auto;
}

#index3 #content ul{
	clear:left;
	margin:0;
	margin-bottom:30px;
	padding:0;
	text-align:left;
	font-size:16px;
	line-height:2.8em;
	letter-spacing:1px;
}

/*------------------------------------------------------------
	ペット同宿
------------------------------------------------------------*/
#index4{
	clear:left;
	display:block;
	margin:0;
	padding:0;
	padding-bottom:0;
	width:100%;
	height:auto;
}

#index4 #content1{
	float:left;
	width:100%;
	height:auto;
}

#index4 #content1 img{
	clear:left;
	width:100%;
	height:300px;
	object-fit: cover;
}

#index4 #content2{
	float:right;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	text-align:center;
}

#index4 h1{
	clear:left;
	padding-top:50px;
	padding-bottom:50px;
	color:#333;
	font-size:25px;
	font-weight:bold;
	text-align:center;
}

#index4 h1 span{
	clear:left;
	color:#333;
	font-size:24px;
	font-weight:bold;
	text-align:center;
}

#index4 ul{
	clear:left;
	margin:0 auto;
	margin-bottom:30px;
	padding:0;
	width:90%;
	text-align:left;
	font-size:16px;
	line-height:2.8em;
	letter-spacing:1px;
}

#index4 li span{
	color:#C00;
}

#index4 .btn01 a{
	clear:left;
    display:block;
    overflow:hidden;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:150px;
	padding:0;
	width:100%;
	height:60px;
	text-align:center;
	text-decoration:none;
	color:#000;
	font-size:15px;
	line-height:60px;
	border:#333 1px dotted;
	letter-spacing:1px;
	-webkit-transition:0.4s;
	transition:0.4s;
}

#index4 .btn01 a:hover{
	background:#EEEEEE;
}

/*------------------------------------------------------------
	紹介
------------------------------------------------------------*/
#index5_bg{
	clear:left;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
}

#index5_bg img{
	clear:left;
	width:100%;
	height:350px;
	object-fit: cover;
}

#index5{
	clear:left;
	padding-bottom:180px;
	width:100%;
	height:auto;
	background:none;
}

#index5 section{
	clear:left;
	margin:0 auto;
	margin-top:0;
	padding:0;
	width:90%;
	height:auto;
}

#index5 #content1{
	float:none;
	margin:0;
	margin-top:80px;
	padding:0;
	width:100%;
	height:auto;
}

#index5 #content1 h1{
	clear:left;
	margin:0;
	margin-top:0;
	padding-bottom:20px;
	display:none;
	color:#333;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	letter-spacing:10px;
}

#index5 #title{
	clear:left;
	display:block;
	margin:0 auto;
	margin-top:80px;
	margin-bottom:50px;
	width:auto;
	text-align:center;
}

#index5 #title img{
	clear:left;
	width:auto;
}

#index5 #content1 ul{
	clear:left;
	display:block;
	text-align:left;
	font-size:16px;
	letter-spacing:1px;
	line-height:2.8em;
}

#index5 #img{
	clear:left;
	margin-top:20px;
	width:100%;
	height:auto;
	display:block;
}

#index5 #img .box{
	flex:1;
	margin:0 0 30px 0;
	position:relative;
}

#index5 #img .img{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:300px;
	
	object-fit: cover;
}

#index5 #img img{
	width:100%;
	height:300px;
	object-fit: cover;
}

#index5 #content2{
	float:none;
	margin:0;
	margin-top:30px;
	padding:0;
	width:100%;
	height:auto;
}

#index5 #content2 img{
	clear:left;
	width:100%;
	height:300px;
	object-fit: cover;
}

#index5 .btn01 a{
	clear:left;
    display:block;
    overflow:hidden;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:50px;
	padding:0;
	width:100%;
	height:60px;
	text-align:center;
	text-decoration:none;
	color:#000;
	font-size:15px;
	line-height:60px;
	border:#333 1px dotted;
	letter-spacing:1px;
	-webkit-transition:0.4s;
	transition:0.4s;
}

#index5 .btn01 a:hover{
	background:#EEEEEE;
}

/*------------------------------------------------------------
	新着情報
------------------------------------------------------------*/
#index6{
	clear:left;
	width:100%;
	height:1000px;
	background:#EEEEEE;
}

#index6 section{
	clear:left;
	margin:0 auto;
	width:90%;
	height:auto;
}

#index6 h1{
	clear:left;
	margin:0 auto;
	margin-bottom:30px;
	padding-top:100px;
	display:none;
	text-align:center;
	font-size:30px;
	font-family:serif;
	font-weight:900;
	letter-spacing:3px;
}

#index6 #title{
	clear:left;
	display:block;
	margin:0 auto;
	margin-top:0;
	margin-bottom:50px;
	padding-top:100px;
	width:auto;
	text-align:center;
}

#index6 #title img{
	clear:left;
	width:auto;
}

#index6 p{
	clear:left;
	border:#CCC 1px solid;
}
}









@media(min-width:1200px){
/*------------------------------------------------------------
	ご宿泊予約・プラン一覧
------------------------------------------------------------*/
#b_banner{
	display:block;
	position:fixed;
	top:180px;
	width:200px;
	right:0;
	z-index:2;
}

#b_banner a{
	float:left;
    display:block;
    overflow:hidden;
	margin:0;
	padding:0;
    width:200px;
	height:180px;
	background:url(../index1/index_banner03.jpg);
	-webkit-transition:0.4s;
	transition:0.4s;
}

#b_banner a:hover{
	background:url(../index1/index_banner03.jpg);
}

#b_ikaho a{
	clear:left;
    display:block;
    overflow:hidden;
	margin-top:30px;
	padding:0;
    width:200px;
	height:130px;
	background-image:url(../index1/index_banner02.jpg);
	-webkit-transition:0.4s;
	transition:0.4s;
}

#b_ikaho a:hover{
	background-image:url(../index1/index_banner02.jpg);
}

/*------------------------------------------------------------
	空室検索
------------------------------------------------------------*/
#index_search{
	clear:left;
	margin:0 auto;
	width:100%;
	height:230px;
	color:#000;
	font-size:20px;
	font-family:serif;
	letter-spacing:2px;
	line-height:2em;
	background:#c0e1bb;
}

#index_search section{
	clear:left;
	margin:0 auto;
	padding-top:0;
	width:70%;
	height:180px;
	text-align:center;
}

#index_search #title{
	float:left;
	margin-top:60px;
	padding:0;
	padding-top:50px;
	display:block;
	width:15%;
	height:50px;
	line-height:80px;
	color:#000;
	font-family:serif;
	font-size:24px;
	text-align:center;
	line-height:0;
	border-top:#000 1px solid;
	border-bottom:#000 1px solid;
}

#index_search #box1{
	float:left;
	margin-top:75px;
	margin-left:2%;
	width:30%;
}

#index_search #btn{
	float:left;
	margin-top:82px;
	margin-left:3%;
	width:50%;
	height:auto;
}

#index_search .btn01{
	float:left;
	margin-top:0;
	margin-left:0;
	padding:0;
	display:block;
	width:40%;
	height:60px;
	color:#FFF;
	font-size:16px;
	font-weight:900;
	font-family:serif;
	text-decoration:none;
	background:#284322;
	letter-spacing:2px;
	border:0;
}

#index_search .btn02 a{
	float:left;
    display:block;
    overflow:hidden;
	margin-top:0;
	margin-left:3%;
	padding:0;
	width:57%;
	height:60px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-size:16px;
	font-weight:900;
	background:#284322;
	line-height:60px;
	letter-spacing:2px;
	-webkit-transition:0.4s;
	transition:0.4s;
}

#index_search .btn02 a:hover{
	background:#39672f;
}

/*------------------------------------------------------------
	周辺観光リンク
------------------------------------------------------------*/
#sightseeing1{
	clear:left;
	margin:0;
	margin-top:0;
	padding:0;
	padding-bottom:0;
	width:100%;
	height:auto;
}

#sightseeing1 section{
	clear:left;
	margin:0 auto;
	padding:0;
	width:100%;
	height:auto;
	text-align:center;
}

#sightseeing1 ul{
	clear:left;
	margin:0 auto;
	margin-bottom:0;
	padding:0;
	width:60%;
	text-align:left;
	font-size:18px;
	line-height:2.8em;
	letter-spacing:1px;
}

#sightseeing1 #content{
	clear:left;
	margin:0 auto;
	padding-top:0;
	width:100%;
	height:450px;
	display:flex;
	justify-content: center;
	position:relative;
}

#sightseeing1 #content .box{
	flex:1;
	margin:0 -2px;
	position:relative;
	width:100%;
	height:450px;
	border:#FFF 1px solid;
}

#sightseeing1 #content .box .img1 {
	clear:left;
	width:100%;
	height:450px;
	overflow:hidden;
	position:relative;	/* 相対位置指定 */
}

#sightseeing1 #content .box .img1 img{
	width:100%;
	height: 100%;
	object-fit: cover;
	transition-duration:10s;
}

#sightseeing1 #content .box .img1 .caption {
	clear:left;
	text-align:center;
	font-family:serif;
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:1px;
	line-height:450px;
}

#sightseeing1 #content .box .img1 .mask {
	width:100%;
	height:100%;
	position:absolute;	/* 絶対位置指定 */
	top:0;
	left:0;
	opacity:0;	/* マスクを表示しない */
	background-color:rgba(255,255,255,0.4);	/* マスクは半透明 */
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
}

#sightseeing1 #content .box .img1:hover .mask {
	opacity:1;	/* マスクを表示する */
}

#sightseeing1 h1{
	clear:left;
	left:0;
	right:0;
	text-align:center;
	text-shadow:#000 1px 0 10px;
	font-family:serif;
	font-size:30px;
	font-weight:900;
	color:#FFF;
	letter-spacing:1px;
	line-height:450px;
	position: absolute;
	background-color:rgba(0,0,0,0.2);
}

/*------------------------------------------------------------
	春夏秋の湯沢遊び
------------------------------------------------------------*/
#sightseeing2{
	clear:left;
	margin:0;
	margin-top:0;
	padding:0;
	padding-bottom:0;
	width:100%;
	height:350px;
	background:#EEEEEE;
}

#sightseeing2 section{
	clear:left;
	margin:0 auto;
	padding:0;
	width:90%;
	height:auto;
	text-align:center;
}

#sightseeing2 h1{
	clear:left;
	margin:0 auto;
	margin-bottom:0;
	padding-top:50px;
	text-align:center;
}

#sightseeing2 #content{
	clear:left;
	margin:0 auto;
	padding-top:0;
	width:100%;
	height:100px;
	display:flex;
	justify-content: center;
	position:relative;
}

#sightseeing2 #content .box{
	flex:1;
	margin:0 10px;
	margin-top:50px;
	position:relative;
	width:400px;
	height:100px;
}

#sightseeing2 #content .box .img1 {
	clear:left;
	width:100%;
	height:100px;
	overflow:hidden;
	position:relative;	/* 相対位置指定 */
}

#sightseeing2 #content .box .img1 img{
	width:400px;
	height: 100px;
	object-fit: cover;
	transition-duration:10s;
}

#sightseeing2 #content .box .img1 .caption {
	clear:left;
	text-align:center;
	font-family:serif;
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:1px;
	line-height:100px;
}

#sightseeing2 #content .box .img1 .mask {
	width:100%;
	height:100%;
	position:absolute;	/* 絶対位置指定 */
	top:0;
	left:0;
	opacity:0;	/* マスクを表示しない */
	background-color:rgba(255,255,255,0.4);	/* マスクは半透明 */
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
}

#sightseeing2 #content .box .img1:hover .mask {
	opacity:1;	/* マスクを表示する */
}

/*------------------------------------------------------------
	おすすめご宿泊プラン
------------------------------------------------------------*/
#index1{
	clear:left;
	width:100%;
	height:1100px;
}

#index1 section{
	clear:left;
	margin:0 auto;
	width:90%;
	height:auto;
}

#index1 h1{
	clear:left;
	margin:0 auto;
	margin-bottom:50px;
	padding-top:180px;
	display:block;
	text-align:center;
	font-size:35px;
	font-family:serif;
	font-weight:900;
	letter-spacing:3px;
}

#index1 #content{
	clear:left;
	margin-top:20px;
	width:100%;
	height:780px;
	display:flex;
}

#index1 #content h2{
	clear:left;
	display:block;
	text-align:center;
	margin:25px 0;
	padding:0;
	color:#000;
	font-size:25px;
	font-weight:900;
	letter-spacing:2px;
	text-shadow:none;
}

#index1 #content .box{
	flex:1;
	margin:0 20px;
	position:relative;
}

#index1 #content .img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:380px;
	
	object-fit: cover;
}

#index1 #content img{
	width:100%;
	height: 100%;
	object-fit: cover;
	border-radius:30px;
	transition-duration:10s;
}

#index1 #content .img_wrap{
	clear:left;
	width:100%;
	height:380px;
	margin: 0 auto;
	overflow: hidden;
	cursor: pointer;
	border-radius:30px;
}

#index1 #content .img_wrap img{
	width:100%;
	transition-duration: 5s;
}

#index1 #content .img_wrap:hover img{
	transform: scale(1.2);
	transition-duration: 5s;
}

#index1 #content .text{
	clear:left;
	position:absolute;
	top:380px;
	width:100%;
	height:180px;
	color:#333;
	font-size:16px;
	font-weight:bold;
	line-height:2em;
}

#index1 #content ul{
	clear:left;
	margin:0 auto;
	margin-top:50px;
	padding-bottom:30px;
	width:95%;
	height:125px;
	text-align:center;
}

#index1 #content .text h1{
	clear:left;
	padding-top:20px;
	padding-bottom:20px;
	color:#333;
	font-size:24px;
	font-weight:bold;
	text-align:center;
}

#index1 #content .btn01 a{
	clear:left;
    display:block;
    overflow:hidden;
	margin:0 auto;
	margin-top:30px;
	padding:0;
	width:70%;
	height:60px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-size:16px;
	font-weight:900;
	background:#0099cc;
	line-height:60px;
	letter-spacing:1px;
	-webkit-transition:0.4s;
	transition:0.4s;
}

#index1 #content .btn01 a:hover{
	background:#002040;
}

/*------------------------------------------------------------
	ゲレンデ
------------------------------------------------------------*/
#index2{
	clear:left;
	display:block;
	margin:0;
	padding:0;
	padding-bottom:0;
	width:100%;
	height:1100px;
}

#index2 #content1{
	float:left;
	width:50%;
	height:1100px;
}

#index2 #content1 img{
	clear:left;
	width:100%;
	height:1100px;
	object-fit: cover;
}

#index2 #content2{
	float:right;
	margin:0;
	padding:0;
	width:50%;
	height:1100px;
	text-align:center;
}

#index2 h1{
	clear:left;
	padding-top:130px;
	padding-bottom:20px;
	color:#333;
	font-size:30px;
	font-weight:bold;
	text-align:center;
}

#index2 h1 span{
	clear:left;
	color:#333;
	font-size:24px;
	font-weight:bold;
	text-align:center;
}

#index2 #table{
	clear:left;
	margin:0 auto;
	margin-top:50px;
	width:70%;
	font-family:serif;
	font-size:16px;
	line-height:1.5em;
	border-top:#EEE 1px solid;
}

#index2 #table #box{
	clear:left;
	display:inline-table;
	width:100%;
	border-bottom:#EEE 1px solid;
}

#index2 #table #tb1{
	float:left;
	margin:0;
	padding:0;
	width:60%;
	height:50px;
	line-height:50px;
	font-size:16px;
	font-weight:normal;
	text-align:left;
}

#index2 #table #tb2{
	float:right;
	padding:0;
	width:40%;
	text-align:left;
}

#index2 #table #tb2 a{
	clear:left;
    display:block;
    overflow:hidden;
	margin:0;
	margin-top:5px;
	padding:0;
	width:100%;
	height:40px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-size:16px;
	background:#0099cc;
	line-height:40px;
	letter-spacing:1px;
	-webkit-transition:0.4s;
	transition:0.4s;
}

#index2 #table #tb2 a:hover{
	background:#002040;
}

/*------------------------------------------------------------
	レンタル
------------------------------------------------------------*/
#index3{
	clear:left;
	margin:0 auto;
	margin-top:0;
	padding:0;
	padding-bottom:0;
	width:80%;
	height:auto;
	background:#EEEEEE;
}

#index3 section{
	clear:left;
	margin:0 auto;
	padding:130px 0 30px 0;
	width:90%;
	height:auto;
	text-align:center;
}

#index3 h1{
	clear:left;
	margin:0;
	margin-top:30px;
	margin-bottom:30px;
	padding:0;
	color:#333;
	font-size:30px;
	font-weight:bold;
	text-align:left;
	letter-spacing:1px;
}

#index3 ul{
	clear:left;
	margin:0;
	margin-bottom:80px;
	padding:0;
	text-align:left;
	font-size:18px;
	line-height:2.8em;
	letter-spacing:1px;
}

#index3 li span{
	clear:left;
	color:#C00;
	font-size:17px;
	line-height:2.8em;
	letter-spacing:1px;
}

#index3 #content{
	clear:left;
	margin:0 auto;
	margin-bottom:100px;
	padding:0;
	width:90%;
	height:500px;
}

#index3 #content #img{
	float:left;
	width:50%;
	height:500px;
}

#index3 #content img{
	clear:left;
	width:100%;
	height:500px;
	object-fit:cover;
}

#index3 #content #main{
	float:right;
	width:43%;
	height:500px;
}

#index3 #content ul{
	clear:left;
	margin:0;
	margin-bottom:30px;
	padding:0;
	text-align:left;
	font-size:18px;
	line-height:2.8em;
	letter-spacing:1px;
}

/*------------------------------------------------------------
	ペット同宿
------------------------------------------------------------*/
#index4{
	clear:left;
	display:block;
	margin:0;
	padding:0;
	padding-bottom:0;
	width:100%;
	height:900px;
}

#index4 #content1{
	float:right;
	width:50%;
	height:900px;
}

#index4 #content1 img{
	clear:left;
	width:100%;
	height:900px;
	object-fit: cover;
}

#index4 #content2{
	float:left;
	margin:0;
	padding:0;
	width:50%;
	height:900px;
	text-align:center;
}

#index4 h1{
	clear:left;
	padding-top:150px;
	padding-bottom:50px;
	display:none;
	color:#333;
	font-size:30px;
	font-weight:bold;
	text-align:center;
}

#index4 h1 span{
	clear:left;
	color:#333;
	font-size:24px;
	font-weight:bold;
	text-align:center;
}

#index4 #title{
	clear:left;
	display:block;
	margin:0 auto;
	margin-top:150px;
	margin-bottom:50px;
	width:auto;
	text-align:center;
}

#index4 #title img{
	clear:left;
	width:auto;
}

#index4 ul{
	clear:left;
	margin:0 auto;
	margin-bottom:30px;
	padding:0;
	width:80%;
	text-align:left;
	font-size:18px;
	line-height:2.8em;
	letter-spacing:1px;
}

#index4 li span{
	color:#C00;
}

#index4 .btn01 a{
	clear:left;
    display:block;
    overflow:hidden;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:30px;
	padding:0;
	width:50%;
	height:60px;
	text-align:center;
	text-decoration:none;
	color:#000;
	font-size:15px;
	line-height:60px;
	border:#333 1px dotted;
	letter-spacing:1px;
	-webkit-transition:0.4s;
	transition:0.4s;
}

#index4 .btn01 a:hover{
	background:#EEEEEE;
}

/*------------------------------------------------------------
	紹介
------------------------------------------------------------*/
#index5_bg{
	clear:left;
	margin:0;
	padding:0;
	width:100%;
	height:1000px;
}

#index5_bg img{
	clear:left;
	width:100%;
	height:1000px;
	object-fit: cover;
}

#index5{
	clear:left;
	padding-bottom:0;
	width:100%;
	height:1100px;
}

#index5 section{
	clear:left;
	margin:0 auto;
	margin-top:0;
	padding:0;
	width:90%;
	height:auto;
}

#index5 #content1{
	float:left;
	margin:0;
	margin-top:150px;
	padding:0;
	width:45%;
	height:800px;
}

#index5 #content1 h1{
	clear:left;
	margin:0;
	margin-top:0;
	display:none;
	padding-bottom:20px;
	color:#333;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	letter-spacing:10px;
}

#index5 #title{
	clear:left;
	display:block;
	margin:0 auto;
	margin-top:50px;
	margin-bottom:50px;
	width:auto;
	text-align:center;
}

#index5 #title img{
	clear:left;
	width:auto;
}

#index5 #content1 ul{
	clear:left;
	display:block;
	text-align:center;
	font-size:16px;
	letter-spacing:1px;
	line-height:2.8em;
}

#index5 #img{
	clear:left;
	margin-top:20px;
	width:100%;
	height:auto;
	display:flex;
}

#index5 #img .box{
	flex:1;
	margin:0 10px;
	position:relative;
}

#index5 #img .img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:250px;
	
	object-fit: cover;
}

#index5 #img img{
	width:100%;
	height:100%;
	object-fit: cover;
}

#index5 #content2{
	float:right;
	margin:0;
	margin-top:150px;
	padding:0;
	width:50%;
	height:800px;
}

#index5 #content2 img{
	clear:left;
	width:100%;
	height:800px;
	object-fit: cover;
}

#index5 .btn01 a{
	clear:left;
    display:block;
    overflow:hidden;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:30px;
	padding:0;
	width:50%;
	height:60px;
	text-align:center;
	text-decoration:none;
	color:#000;
	font-size:15px;
	line-height:60px;
	border:#333 1px dotted;
	letter-spacing:1px;
	-webkit-transition:0.4s;
	transition:0.4s;
}

#index5 .btn01 a:hover{
	background:#EEEEEE;
}

/*------------------------------------------------------------
	新着情報
------------------------------------------------------------*/
#index6{
	clear:left;
	width:100%;
	height:1200px;
	background:#EEEEEE;
}

#index6 section{
	clear:left;
	margin:0 auto;
	width:60%;
	height:auto;
}

#index6 h1{
	clear:left;
	margin:0 auto;
	margin-bottom:50px;
	padding-top:180px;
	display:none;
	text-align:center;
	font-size:35px;
	font-family:serif;
	font-weight:900;
	letter-spacing:3px;
}

#index6 #title{
	clear:left;
	display:block;
	margin:0 auto;
	margin-top:0;
	margin-bottom:50px;
	padding-top:180px;
	width:auto;
	text-align:center;
}

#index6 #title img{
	clear:left;
	width:auto;
}

#index6 p{
	clear:left;
	border:#CCC 1px solid;
}
}