#top,#spa {
	background-color: #ffffff
}
.f10 {
	font-size: 10px
}.pd3 {
	padding: 3%
}
.tmparea ul li.lift ul li .left, .tmparea ul li.cource ul li .left {
	float: left
}
.tmparea ul li.lift ul li .right, .tmparea ul li.cource ul li .right {
	float: right
}
a:link{
	border-bottom:0px;
	text-decoration:none;
	}
	em{
		font-style:normal}
	
@media screen and (min-width: 600px) {
/* PC用のスタイル記述 */
.colona{
		background-color:#7baeec;
		padding:2px;
		text-align:center;
		color:#FFF;
		font-size:12px}
header{
	background-image:url(../img/mv2022.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	}
	header a:link{
		text-decoration:none}
header figure.catch{
	margin-top:25%;
	width:45%;
	margin-left:50%;
	margin-right:5%;
	padding-bottom:100px}
	header figure.catch img{
		text-align:right;

	width:100%}
.mainmenu {
	
	width: 86%;
	margin:0 5%;
	padding:6px 2%;
	background-color:#FFF;
	border-radius:40px;
	
	font-size:1.15vw;
		display:flex;
align-items: center;
	
	}
	.mainmenu h1{
	
	width:12%;
	margin-right:5%
	}
.mainmenu ul{
	display:flex;
	margin-left: auto;
	margin-right:20px

	}
.mainmenu ul li {
	white-space: nowrap;

	text-align:right;
	margin-right: 30px;
}
.mainmenu ul li:last-child{
	margin-right:0px}


.mainmenu h1#logo img {
	width:100%

	

}
.upper{
	display:flex;
	  justify-content: flex-end;
	  margin:0 30px 30px 0px}


.upper li{
	background-color:#185eb5;
	padding:3px 24px;
	border-radius:0 0 6px 6px;
	margin-left:20px;
	color:#FFF;
	font-size:12px }


section.info{
	display:table;
	width:80%;
	margin:-60px 10% 50px;
	
	}
	section.info h2{
		background-color:#ffea00;
		font-size:14px;
		color:#185eb5;
		width:14%;
		padding:0% 2%;
		display: table-cell;
		vertical-align:middle}
		section.info ul{
		background-color:#f1f7ff;
		font-size:14px;
		color:#555555;
		width:96%;
		padding:2%;

		overflow: auto;
		max-height:200px
		}
		section.info ul li{
			border-bottom:1px solid #CCC;
			padding-bottom:5px;
			margin-bottom:10px;
			display:flex;
			font-size:13px;
			line-height:180%;
			letter-spacing:1px}
			section.info ul li .day{
				white-space: nowrap;
				margin-right:5%}

	.tmparea ul.item {
	display: -webkit-flex;
	display: flex;
	color: #185eb5;
	width:90%;
	margin: 0px 5% ;
	
}
.tmparea li {
	padding: 13px
}
.tmparea h2 {
	color: #185eb5;
	font-size: 24px;
	text-align: left;
	margin-bottom:20px
}
.tmparea .weather {
	width: 30%;
	
	
}
.tmparea ul li.lift {
	width:36%;
	
	
	margin-right: 2%;
	margin-left: 2%
}
.tmparea ul li.cource {
	width: 30%;
	
	
}

.today_w {
	padding: 5%;
	width: 90%;
	margin-top: -13px
}
.today_w h3 {
	float: left;
	width:27%;
	max-width:110px
}
.today_w h3 img{

	width:100%
}
.today_w p {
	float: left;
	font-size: 24px;
	margin-left: 40px
}
.today_w p span {
	display: block;
	margin-top: 30px;
	font-size: 12px
}
.tmp {
	padding: 1% 5%;
	width: 90%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #185eb5;
	border-bottom-color: #185eb5;
	font-size: 14px
}
.tmp .tmpnumber {
	float: left
}
.tmp .sekisetu {
	float: right
}
.tmp em {
	font-size: 26px
}


.tmparea ul li.lift ul, .tmparea ul li.cource ul {
	display: block
}
.tmparea ul li.lift ul li, .tmparea ul li.cource ul li {
	border-bottom: solid 1px #185eb5;
	padding-bottom: 4px;
	font-size: 14px;
	border-radius: 0px;
	padding-left: 3px;
	padding-right: 3px
}
.tmparea ul li.lift ul li span {
	font-size: 10px
}

.detaillink {
	background-color: #185eb5;
	border-radius: 3px;
	padding: 1px;
	color: #ffffff;
	font-size: 1px
}

.ar_otoku{
	width:90%;
	margin:100px 5%}
.ar_otoku h2{
	font-size:30px;
	color:#185eb5;
	font-weight:normal;
	text-align:center;
	margin-bottom:36px}
.ar_otoku ul{
	display:flex;
	width:100%;
	flex-wrap : wrap; 
	justify-content: space-between;
	}
	.ar_otoku ul li{
		border:#CCC 1px solid;
		border-radius:6px;
		margin-bottom:20px;
		padding:2%;
		  display: flex;
  flex-direction: column;
		width:20%}
		.ar_otoku ul li.c2{
		border:#CCC 1px solid;
		border-radius:6px;
		padding:2%;
		width:45.2%}
		.ar_otoku ul li figure{
			width:100%;
			
			margin-bottom:24px}
		.ar_otoku ul li figure img{
			width:100%;
			border-radius:6px}
		.ar_otoku ul li h3{
			font-size:18px;
			line-height:160%;
			font-weight:bold;
			margin-bottom:12px;
			color:#555555}
		.ar_otoku ul li h3 span{
			font-size:11px;
			font-weight:bold;
				color:#185eb5;
				background-color:#FF0;
				padding:2px 10px}
			.ar_otoku ul li p.ex{
				font-size:14px;
				color:#555555;
				line-height:160%;
				letter-spacing:1px;
				margin-bottom:24px}
	
.btn {
	margin-bottom: 0px;
	
	 margin-top: auto;	font-size:14px;
}
.btn a {
	text-align: center;

	line-height: 150%;
	display: block;
	color: #FFF;
	background-color: #0084ff;
	text-decoration: none;

	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 4px;

	border-radius:6px
}
.btn a:hover {
	background: #f18800;
	
	background-repeat: no-repeat;
	background-position: 10px 15px;
}
.btn_s a {
	width: 70%;
	line-height: 150%;
	display: block;
	color: #FFF;
	background-color: #0084ff;
	text-decoration: none;
	text-align: center;
	margin: 0 auto;
	padding: 4px;
	border-radius:6px;
	font-size:12px
}.btn_s a:link{
	text-decoration:none}
.btn_s a:hover {
	background: #d0267a;
}
.snowmobile{
	width:90%;
	margin:100px 5%;
		display:flex;}
	.snowmobile article{

		width:45%;
		margin-right:5%}
		.snowmobile article p{
			margin-left:112px;
			margin-bottom:26px;
			font-size:16px;
			line-height:170%;
			letter-spacing:1px}
			p.kome{font-size:13px;
				color:#666}
.ar_t_sub{
	font-size:30px;
	font-weight:normal;
	color:#555555;
	letter-spacing:1px;
	margin-bottom:30px;
	display: table;
	line-height:25px
}

.ar_t_sub span{
	background-color:#ef3c88;
	padding:0px 16px;
	font-size:12px;
	color:#FFF;display: table-cell;
vertical-align: middle;}

	.snowmobile figure{
		width:50%;}
		.snowmobile figure img{
		width:100%;}

.ar_about01{
	display:flex;
	width:100%;
align-items: flex-start;

	margin-bottom:50px;

	}

.ar_img01{
	width:50%;}
	.ar_img01 img{
	width:100%;object-fit: cover;
		min-height: 680px;
		border-radius:0px 16px 16px 0px}
.ar_item{
	background-color:#FFF;
	border-radius:12px;
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .25);
	width:44%;
	margin:50px 5% 50px -5%;
	padding:3%
	}
	.ar_t_contents{
		display:flex;
		margin-bottom:30px}
.ar_t_contents figure{
		width:15%;
		margin-right:3%;
		margin-bottom:20px}
		.ar_t_contents figure img{
		width:100%;
}
.ar_t_contents h3{
	width:82%;
	font-size:1.9vw;
	line-height:160%
	}
	.ar_t_contents h3 em{
	font-size:16px;
	font-style:normal;
	display:block;

		}
.ar_item p.txr01{
	font-size:15px;
	line-height:170%;
	letter-spacing:1px}
.ar_item figure{
	margin-top:30px}
.mapimg{
	margin:30px 25%;
	width:50%;
	max-width:299px}
	.mapimg img{width:100%}
.ar_title{
	width:90%;
	margin:0 5% 60px}
.ar_txt{
	margin-left:96px}









.smp{
	display:none}



.spa{
	position:fixed;
	right:0px;
	top:300px;
	width:25px;
	background-color:#ffba00;
	border-radius:12px 0px 0px 12px;
	padding:60px 4px}
	.spa h2{writing-mode: vertical-rl;
	letter-spacing:5px}

#top section.ar01 {
	padding: 0px 30px;

	margin-bottom: 160px
}
#top section.ar01 h2{
	color:#1c2539}
#top section.ar01 .contents_cpn {
	width: 1050px;
	margin: 0 auto;
	
	color: #1c2539;
	font-size: 14px;
	margin-bottom: 50px;
	border-radius:16px
}
#top section.ar01 .contents {
	width: 970px;
	margin: 0 auto;
	background-color:#f4f5f7;
	color: #1c2539;
	font-size: 14px;
	margin-bottom: 50px;
	border-radius:16px;
	padding:40px
}#top section.ar01 .contents ul.l_img{
	display:flex}
	#top section.ar01 .contents ul.l_img figure.left{
		margin-right:50px;
		margin-left:-100px}
		#top section.ar01 .contents ul.l_img figure.right{
		margin-left:50px;
		margin-right:-60px}
		#top section.ar01 .contents ul.l_img h3{
			font-size:22px;
			font-weight:bold;
			margin-bottom:22px;
			color:#1c2539}
			#top section.ar01 .contents ul.l_img h3 span.code{
			font-size:10px;
			font-weight:bold;
			padding:3px;
			border-radius:4px;
			color:#FFF;
			background-color:#1c2539;
			display: inline-block}
.caution{ font-size:13px;
color:#666}
#top section.col01 h2 {
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 30px
}
#top section.col01 h2 em {
	font-size: 22px;
}
#top .txt01 {
	display: inline-block;
	width : calc(1112px - 390px);
	vertical-align: top
}
#top .txt01 p {
	margin-bottom: 20px
}
#top .img01 {
	display: inline-block;
}
.caution {
	font-size: 12px;
	font-weight: normal
}
#top section.ar01 h2 {
	font-size: 36px;
	margin-bottom: 30px;
	line-height: 110%;
	color: #1c2539;
	font-weight: bold;
	text-align:center
}

#top section.ar01 h2 em {
	font-size: 14px;
	display: block;
	margin-top:8px

}

.map_area {
	width: 431px;
	float: left
}
.map_area p {
	color: #FFF;
	font-size: 16px;
	margin-top: 60px;
	margin-bottom: 30px
}
.map_area ul li {
	list-style: none;
	margin-bottom: 6px
}
.ph_area {
	width: 636px;
	float: right
}


#top section.ar03 .contents {
	padding: 10px 0
}
.newsarticle {
	margin-top: 50px;
	width:1110px;
	margin:0 auto
}.newsarticle li{
	border-bottom:#666 1px dotted;
	padding-bottom:10px;
	margin-bottom:20px;color: #1c2539;}
.newsarticle li .day {
	font-size: 14px;
	color: #1c2539;
	font-weight:bold;
	
	margin-bottom:10px;
	
	
}
.newsarticle li .text {
	font-size: 14px;
	
	
	
	display: inline-block;

	
}

footer article .left {
    float: left;
	width:70%
    
}
footer article .right {
    float: right;
    margin-top: 20px;
	width:25%
    
}
footer address {
    margin-top: 30px;
    text-align: center;
	display:block
}footer {
    
    color: #fff;
    font-size: 12px;
    padding: 0px 5%;
	width:90%;
	background-color: #185eb5
	/*margin-left:127px*/
}

.spacon{
	background-color:#000;
	min-width:1110px}
#spa section.contents{
	width:calc(1112px - 80px);
	margin:-360px auto 100px;
	background-color:#fff;
	border-radius:12px;
	padding:40px}
	#spa section.contents h2{
		text-align:center;
		font-size:30px;
		margin-bottom:30px;
		font-weight:bold}
		.spa_contents{
			margin:-100px auto 100px;
			padding:5%;
			width:70%;
			background-color:#333333;
			border-radius:16px;
			}.spa_contents h2{
				font-size:24px;
				margin-bottom:40px;
				font-weight:bold;
				color:#FFF;
				text-align:center}
			table.type07 tbody th {
	padding: 10px;
	font-weight: bold;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	border-right: 1px dashed #ccc;
	background-color: #000000;

	color:#FFF;
}
table.type07 tbody th a:link{
	color:#FFF
}
table.type07 {

	width: 100%;
	font-size:14px;
	color:#FFF
}
table.type07 thead th,{
	font-weight: bold;
	padding: 20px;
	border-right: 1px solid #aaad2b;
	border-bottom: 1px solid #aaad2b;
	
	color:#FFF;
	font-weight:bold
}
table.type07 tbody td {
	padding: 10px;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	border-right: 1px dashed #ccc;
	background-color: transparent;
}

table.type06 tbody td:last-child, table.type06 tfoot td:last-child, table.type06 thead th:last-child, table.type05 tbody td:last-child, table.type05 thead th:last-child {
	border-right: 0px;
}
table.type06 tfoot td, table.type06 tfoot th, table.type05 tfoot td, table.type05 tfoot th {
	border-bottom: 0px solid #9bccea;
	padding: 20px 0px;
}