/* CSS Document */
.red{color:#ff0000}

@media screen and (max-width: 768px) {
	.colona{
		background-color:#7baeec;
		padding:2px;
		text-align:center;
		color:#FFF;
		font-size:10px}
		
.pcs{display:none}
header{
	background-image:url(../img/mv2022.png);
	background-position: -40px  -30px;
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	
	height:100vh
	}
header figure.catch{
	margin-top:60%;
	width:86%;
	margin-left:3%;
	margin-right:0%;
	}
	header figure.catch img{


	width:90%;}
.mainmenu ul {
	display:none
	
	}
	
	
	.mainmenu h1 {
		text-align:center;
	
	
	}
	.mainmenu h1 img{
		width:30%
	
	
	}
	
	section.info{

	width:100%;
	margin:-100px 0% 30px;
	
	}
	section.info h2{
		background-color:#ffea00;
		font-size:12px;
		line-height:150%;
		color:#185eb5;
		
		
		padding:1% 2% ;
			display: inline-block;
	}
		section.info ul{
		background-color:#f1f7ff;
		font-size:12px;
		color:#555555;
		width:94%;
		padding:3%;

		overflow: auto;max-height:150px
		}
		section.info ul li{
			border-bottom:1px solid #CCC;
			padding-bottom:10px;
			margin-bottom:10px;
			
			font-size:11px;
			line-height:140%;
			letter-spacing:1px}
			section.info ul li .day{
				display:block;
				white-space: nowrap;
				margin-bottom:10px}



	
	
	
	
	
	
	
	
	
	


.tmparea {
	width: 94%;
	margin:0px 3% 50px;
	color:#025ecf;
	background-color:#fff;
	
		padding:0px
	
}
.tmparea .ico{
	display:none
}
.tmparea .weather {
	width: 100%;
	
	margin:0 ;
	padding:0%
}
.tmparea .item{
	display:flex;
	flex-wrap: wrap}

.tmparea h2 {
	color: #025ecf;
	font-size: 18px;
	text-align: center;
	margin-bottom:20px;
	font-weight:bold}
.today_w {
	width: 55%;
	float: left;
}
.today_w h3 {
	float: left;width:50%
}
.today_w h3 img{
	width:100%;
}
.today_w p {
	float: right;
	font-size: 24px;
	width:42%;
	margin-left:8%;
	font-weight:bold;
	margin-top:17%

}
.today_w p span {
	display: block;
	font-size:9px;
	margin-top:12px
}

.tmp {
	float: right;
	width: 40%;
	margin-left:5%;
	margin-top:15px
}
.tmp .tmpnumber {
	
}
.tmp .sekisetu {
	
}
.tmp em {
	font-size: 32px
}
.pd3{
	line-height:160%}
.tmparea .lift {
	width: 44%;
	
	margin:20px 5% 0 3%;
		
	
}
.tmparea .cource {
	width: 45%;
	
	margin:20px 3% 0 0%;
	
	
}
.tmparea li {

}
.tmparea ul li.lift ul li, .tmparea ul li.cource ul li {
	padding-bottom: 6px;
	border-bottom: 1px dashed #025ecf;
	margin-bottom:14px;
	font-size:12px;
	border-radius:0
}
.tmparea ul li.lift ul li span {
	display:none
}
.lift img,.cource img{width:70%}

header h1 span,header ul:not(.drawer-menu){
	display:none}
	.drawer-menu{z-index: 5;
font-size:12px}
.drawer-nav .logo{margin:40px 10px}
.drawer-nav .logo img{
	width:100%;
	margin-bottom:10px
	}
	.drawer-nav .logo p{
		font-family:"�ｭ�ｳ �ｰ譏取悃", "MS PMincho", "繝偵Λ繧ｮ繝取�譛� Pro W3", "Hiragino Mincho Pro", serif;
		font-size:14px;
		text-align:center;
		color:#d5f90d}
		.drawer-menu li span::before {
   content: "";
    position: absolute;
    right: 2.333%;
    top: 6px;
    border-color: transparent;
    border-style: solid;
    
    border-top-color: #CCC;
   border-color: transparent;
    border-width: 4px 0 4px 4px;
    border-left-color: #fff
	
}
em.f28 {
	font-size:36px
}

footer {
    background-color: #185eb5;
    color: #fff;
    font-size: 12px;
    padding: 5%;
	width:90%
	/*margin-left:127px*/
}

footer article .left img{
   
	width:100%
    
}
footer article .right {
   
    margin-top: 20px;
	
	
    
}
footer address {
    margin-top: 30px;
    text-align: center;
	display:block
}
.ar_otoku{
	width:90%;
	margin:50px 5%}
.ar_otoku h2{
	font-size:20px;
	color:#185eb5;
	font-weight:normal;
	text-align:center;
	margin-bottom:18px}
.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:10px;
		padding:3%;
		  display: flex;
  flex-direction: column;
		width:42%}
		.ar_otoku ul li.c2{
		border:#CCC 1px solid;
		border-radius:6px;
		padding:3%;
		width:94%}
		.ar_otoku ul li figure{
			width:100%;
			
			margin-bottom:10px}
		.ar_otoku ul li figure img{
			width:100%;
			border-radius:6px}
		.ar_otoku ul li h3{
			font-size:15px;
			line-height:160%;
			font-weight:bold;
			margin-bottom:10px;
			color:#555555}
		.ar_otoku ul li h3 span{
			font-size:9px;
			font-weight:bold;
				color:#185eb5;
				background-color:#FF0;
				padding:2px 6px}
			.ar_otoku ul li p.ex{
				font-size:12px;
				color:#555555;
				line-height:140%;
				letter-spacing:1px;
				margin-bottom:18px}
	
.btn {
	margin-bottom: 0px;
	
	 margin-top: auto;	font-size:9px;
}
.btn a {
	text-align: center;

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

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

		width:100%;
		}
		.snowmobile article p{
			margin-left:0px;
			margin-bottom:26px;
			font-size:13px;
			line-height:150%;
			letter-spacing:1px}
			p.kome{font-size:10px;
			line-height:150%;
				color:#666}
.ar_t_sub{
	font-size:20px;
	font-weight:normal;
	color:#555555;
	letter-spacing:1px;
	margin-bottom:18px;
	display: block;

}

.ar_t_sub span{
	
	
	font-size:10px;
	margin-bottom:10px;
	color:#FFF;display: block;
	}
.ar_t_sub span em{background-color:#ef3c88;
padding:0px 8px;
line-height:0px}
	.snowmobile figure{
		width:100%;}
		.snowmobile figure img{
		width:100%;}



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

	margin-bottom:56px;

	}

.ar_img01{
	width:90%;;
	margin:0 5%}
	.ar_img01 img{
	width:100%;object-fit: cover;
		
		}
.ar_item{
	
	width:90%;
	margin:10px 5% 14px  5%;
	padding:0%
	}
	.ar_t_contents{
		display:flex;
		margin-bottom:15px}
.ar_t_contents figure{
		width:15%;
		margin-right:3%;
		margin-bottom:10px}
		.ar_t_contents figure img{
		width:100%;
}
.ar_t_contents h3{
	width:82%;
	font-size:4.5vw;
	line-height:150%;
	font-weight:bold
	}
	.ar_t_contents h3 em{
	font-size:11px;
	font-style:normal;
	display:block;


		}
.ar_item p.txr01{
	font-size:13px;
	line-height:160%;
	letter-spacing:1px}
.ar_item figure{
	margin-top:10px}
.mapimg{
	margin:24px 15%;
	width:70%;
	max-width:299px}
	.mapimg img{width:100%}
.ar_title{
	width:90%;
	margin:0 5% 30px}
.ar_txt{
	margin-left:0px;
	font-size:13px;
	line-height:150%}
.ar_item .gerendeinfo{
	width:100%;
	margin-top:24px;
	margin-bottom:100px}
	.ar_item  .gerendeinfo img{
	width:100%}

































.slider div {
    height: 100%;
	text-align:center
}
.slider img {
    width: 96%;
	margin:2%;
	backface-visibility: hidden;
}
.slick-next:before,.slick-prev:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: #fff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#top section.col01, #top section.ar01 .contents {
	width: 100%;
	margin: 0 auto;
	padding:20px 0;
	color: #FFF;
	font-size: 13px;
	line-height:150%;
	margin-bottom: 30px;
	background-color:#f4f5f7;
	
}
#top section.col01 h2 {
	font-size:24px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 30px
}
#top section.col01 h2 em {
	font-size: 16px;
	display:inline-block;margin-top:11px
}
#top .txt01 {
	}
#top .txt01 p {
	margin-bottom: 20px
}
#top .img01 img{
	display:inline-block;
	width:100%;
	margin-top:20px
	}

.caution {
	font-size: 12px;
	font-weight: normal;
	line-height:120%;
}
#top section.ar01 h2 {
	font-size: 20px;
	
	line-height: 110%;
	color: #333;
	font-weight: bold;text-align:center;
	margin-bottom:20px
}
#top section.ar01 h2 span {
	color: #12a5f9;
	font-size: 16px
}
#top section.ar01 h2 em {
	font-size: 13px;
	line-height:140%;
	display: inline-block;
	margin-top: 15px;
	font-weight: normal;
	text-align:left
}
/*.ar02 h2, .ar03 h2 {
	font-size: 28px;
	color: #FFF;
	font-weight: bold;
	text-align:center;line-height:110%;
}*/
.ar02 h2 span, .ar03 h2 span {
	font-size: 16px;
	display: block;
	color: #9bddff
}

#top section.ar01 {
	width:94%;
	margin:0 3% 80px
	
}


		
	.slider {
        width: 100%;
        margin: 10px auto;
    }

		.map_area{
			width:100%;
			
			}
			.map_area img{
			width:100%;
			
			}
			.map_area p{ color:#FFF;
			font-size:14px;
			margin-top:20px;
			margin-bottom:30px
			}
			.map_area ul li{
	list-style: none;
	margin-bottom:6px
			}
			
    .ph_area{
			width:100%;
			
			}
			.ph_area img{
			width:100%;
			
			}
		


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

	
}


#top section.ar01 .contents ul.l_img{
	display:flex;
	flex-wrap: wrap;
	width:92%;
	margin:0 auto;
	    color: #1c2539;

	}
#top section.ar01 .contents ul.nom{
	display:flex;
	flex-wrap: wrap-reverse;
	width:92%;
	margin:0 auto;
	    color: #1c2539;

	}
	#top section.ar01 .contents ul.l_img figure img{
		width:100%
		
		}
		#top section.ar01 .contents ul.l_img figure.left img,
		#top section.ar01 .contents ul.l_img figure.right img{
			width:100%}
		#top section.ar01 .contents ul.l_img figure.right{
		}
		#top section.ar01 .contents ul.l_img h3{
			font-size:18px;
			font-weight:bold;
			line-height:160%;
			margin-bottom:22px;
			color:#1c2539}
			#top section.ar01 .contents ul.l_img h3 span.code{
			font-size:10px;
			font-weight:bold;
			padding:3px;
			line-height:10px;
			border-radius:4px;
			color:#FFF;
			background-color:#1c2539;
			display: inline-block}
			#top .wrapper .ar01 .contents .l_img li img{
				backface-visibility: hidden;}
				.slider button{
					width:0px;
					height:0px}
					
					
					.spacon{
	background-color:#000;
	min-width:100%}
					#spa header {
	background-size: cover;
	margin: 0 auto;
	width: 100%;
	height: auto;
	min-height: 80vh;
	background-image: url(../activity/img/bg_spa_mv.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	

}

section.spa_mv h1{
	width:90%;
	padding:1% 5%;
	color:#FFF}
	section.spa_mv h1{margin: 0 auto;
	text-align:center}
	section.spa_mv h1 img{
		display:none}
section.spa_mv {
	background-image: none;
	background-repeat:no-repeat;
	width:100%;background-size:cover;
	
}
section.spa_mv .spa{
	display:none}
#spa .catch{
	display:none;
	}
	
.spa_contents{
			margin:50px auto 10px;
			padding:5%;
			width:90%;
			padding-top:20px;
			background-color:#000000;
			border-radius:0px;
			}.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;color:#FFF;
	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;color:#FFF;
}
#spa .wrapper{
	background-color:#000}
	#spa header #head .logo {
    text-align: center;
    padding-top: 10px;
}#spa header #head .logo img{width:28%}
	
	}