@charset "utf-8";

/* common
****************************************************/
/* text-align
****************************************************/

	.tal{ text-align:left; }
	.tar{ text-align:right; }
	.tac{ text-align:center; }
	.ti1, .ti1ul li{ text-indent:1em; }
	.ti2, .ti2ul li{ text-indent:-1em; padding-left:1em; }
	.ti3, .ti3ul li{ text-indent:-1.3em; padding-left:1.3em; }

/* border-radius
****************************************************/

	.br05, .br05ul li{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
	.br10, .br10ul li{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
	.br25, .br25ul li{ border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; }
	.br50, .br50ul li{ border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; }

/* page anchor
****************************************************/
	
	#pa1, #pa2, #pa3, #pa4, #pa5, #pa6, #pa7, #pa8, #pa9, #pa10, #pa11
	{ padding-top:80px; margin-top: -80px; }

/*--------------------------------/
    スキー試乗会
/--------------------------------*/	
main .ride_sky h2.ttl_h2{
	text-align: center;
	border-top: solid 4px #036bf8;
	border-bottom: solid 4px #036bf8;
	padding: 10px 0;
	color: #036bf8;
	font-size: 24px;
}
main .ride_sky h3{
	margin: 30px 10px 10px;
	padding: 3px 15px;
	background: #60afff;
	display: inline-block;
	border-radius: 5px;
}

/* pick up */
.event_now{
	margin: 20px auto;
}
.all_btn{
	margin: 30px 0px;
}
.event_now a{
	color: #000;
}
.event_now .kwsk_img{
	width: 40%;
	height: auto;
	float: left;
}
.event_now .kwsk{
	width: 55%;
	height: auto;
	float: left;
	margin: 0 20px;	
}
.event_now .kwsk ul li{
	margin: 10px 0 0;
}
.event_now .kwsk ul li:first-child{
	font-size: 20px;
	font-weight: bold;
	margin: 10px 10px 20px;
    background: -webkit-linear-gradient(transparent 70%, #66ccff 70%);
	background: -o-linear-gradient(transparent 70%, #66ccff 70%);
	background: linear-gradient(transparent 70%, #66ccff 70%);
	display: inline-block;
}
.event_now .kwsk ul li.degientry{
	position: relative;
    display: inline-block;
    padding: 15px;
    text-decoration: none;
    color: #036bf8;
    background: #fefc06;
    border-bottom: solid 2px #e6e414;
    border-radius: 4px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
	font-weight: bold;
    margin: 10px 10px 0 10px;
    text-align: center;
    vertical-align: top;
}

.event_now .kwsk ul li.bc{
	position: relative;
    display: inline-block;
    padding: 15px;
    text-decoration: none;
    color: #ffffff;
    background: #036bf8;
    border-bottom: solid 2px #5093ff;
    border-radius: 4px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
	font-weight: bold;
    margin: 10px 10px 0 10px;
    text-align: left;
    vertical-align: top;
}

.event_now .kwsk ul li.bc a{
	color: #ffffff;
}

.event_now .kwsk ul li.degientry a{
	color: #036bf8;
}

.list-bc{padding:10px 0 0;}
.list-bc li{display:inline-block; width:49.5%;}
.list-bc li a{display:block;}
.list-bc li a img{width:100%;}

.sky_jyo{
	margin: 20px 0 0;
	display:flex;
	border-bottom: 1px #036bf8 dashed;
	padding-bottom: 10px;
}
.sky_jyo ul{
	width: 60%;
}
.sky_jyo ul li br{
	display: none;
}
.sky_jyo p.sky_btn{
	position: relative;
    display: inline-block;
/*    padding: 15px;*/
    text-decoration: none;
    color: #fff;
    background: #062b5a;
    border-bottom: solid 2px #041f40;
    border-radius: 4px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
	font-weight: bold;
	margin: 0px 40px;
	width: 220px;
	text-align: center;	
	line-height: 2.5;
	height: 40px;
}
.sky_jyo p.sky_btn a{
	color: #fff;
	display: block;
}

.sky_jyo p.sky_btn_degi{
	position: relative;
    display: inline-block;
/*    padding: 15px;*/
    text-decoration: none;
    color: #036bf8;
    background: #fefc06;
    border-bottom: solid 2px #e6e414;
    border-radius: 4px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
	font-weight: bold;
	margin: 0px 40px;
	width: 220px;
	text-align: center;	
	line-height: 2.5;
	height: 40px;
}
.sky_jyo p.sky_btn_degi a{
	color: #036bf8;
	display: block;
}

@media screen and (min-width:768px){
	.content-page_contents{
		padding:0 !important;
	}
	
	/* common
	****************************************************/
	
		.sp{ display:none!important; }

	/* space
	****************************************************/
		
		.spa1{ width:1000px; /*margin-left:10px;*/ }
		.spa2{ margin-bottom:100px; }
		.spa3{ padding-left:20px; padding-right:20px; }

 	/* overflow:hidden;
	****************************************************/
	
		.oh, .oh_ul{ overflow:hidden; }
		.oh .fl, .oh_ul li{ float:left; }
		.oh .fr{ float:right; }
		.oh .cb{ clear:both; }

	/* column
	****************************************************/
	
		.col{ letter-spacing:-0.4em; }
		.col li, .col .line{ display:inline-block; letter-spacing:normal; vertical-align:top; }

}



@media screen and (max-width:768px){
	
	/* common
	****************************************************/

		.spa1 img, .sp img{ max-width:100%; height:auto; }
		.pc{ display:none!important; }
		.sp_tac{ text-align:center; }
		
	/* space
	****************************************************/
		
		.spa1{ /*padding-left:10px; padding-right:10px;*/ }
		.spa2{ margin-bottom:50px; }
		.sp_mat20{ margin-top:20px; }
	
	/* button
	****************************************************/
	
		.btn1c{ display:block; }
	
	/* headline
	****************************************************/
	
		.headline_1{ color:#fff; padding:5px 0; text-align:center; }
		.headline_3{ text-align:center; padding-bottom:25px; font-weight:bold; }
		.headline_5, .headline_6{ -moz-background-size:auto 100%; background-size:auto 100%; }
	
	
main .content-page_contents h2.w_underline{ 
    padding: 0.3em 0;
    font-size: 20px;
    margin: 10px 0 20px;
}
	
.oh .textbox{ 
	text-align: left;
	}

.tac p{
    text-align: left;
}	

.kome{
	font-size: 12px;
}
	
.all_btn{
	margin: 10px 30px;

	}	
.event_now .kwsk {
    width: 90%;
    height: auto;
    float: none;
    margin: 0 auto;

}	
.event_now .kwsk_img{
	width: 90%;
	height: auto;
	float: none;
	margin: 20px 20px;
}
.sky_jyo{
	display: block;	
}	
.sky_jyo ul li br{
	display: block;
}
.sky_jyo ul {
    width: 100%;
    float: none;
}
.sky_jyo p.sky_btn{
	padding: 10px;
	margin: 20px auto;
	width: 90%;
}

	
	.list-bc{padding:5px 10px 0px;}
	.list-bc li{display:inline-block; width:100%;margin-bottom: 3px;}
	.list-bc li a{display:block;}
	.list-bc li a img{width:100%;}

	.list-bc-m{padding:10px 10px 0px;}
	.list-bc-m li{display:inline-block; width:100%;margin-bottom: 3px;}
	.list-bc-m li a{display:block;}
	.list-bc-m li a img{width:100%;}

	.list-bc_long{padding:0 10px;}
	
}