@media only screen and (min-width: 332px) and (max-width: 640px) {
/* add-start 2016/06/23 tokoro-h リフト券販売ページ改修 */
.pcOnly{display: none;}
.spOnly{display: block;}

body {
	border-top:none;
}

body.body_surf{
	border-top: none;
}
/* add-end tokoro-h */

body.surfsnow .breadcrumb{
	margin-top:10px;
}

.link_help{
	width:100%;
	margin-top:10px;
}

.link_help li{
	padding:0 0 0 20px;
	background:url("../img/icon_01.gif") no-repeat left center;
}

/* add-start 2016/06/21 tokoro-h リフト券販売ページ改修 */
.link_help03{
	margin: 15px auto;
	text-align: center;
	border-right: 1px solid #c2c6cc;
	border-left: 1px solid #c2c6cc;
	width: 100%;
}
.link_help03 td{
	font-size: 10px;
	font-weight:bold;
	padding: 0;
	text-align: center;
	width: 50%;
}
.link_help03 td a {
	background: #526aa7;
	color: #fff;
	display: block;
	padding: 10px;
}
.link_help03 td a:hover {
	background: #eee;
	color: #000;
}
/* add-end tokoro-h */

.link_help02{
	margin:0 0 10px 2.5%;
	text-align:center;
	font-size:9px;
	border-right:1px solid #333;
}
.link_help02 td{
	border-left:1px solid #333;
	font-weight:bold;
	padding:0 10px;
}


.link_help li.flow{
	visibility:hidden;
	width:0;
	height:0;
	font-size:0;
	margin:0;
	padding:0;
}

body.surfsnow h1{
	overflow: hidden;
	height: auto;
	width:100%;
}

body.surfsnow h1 img{
	float:left;
	width:25%;
	padding-right:5%;
	border-right:3px solid #eee;
}

body.surfsnow h1 p{
	float:right;
	width:65%;
	font-weight:bold;
	font-size:20px;
	color:#3B73B1;
	padding-top:5px;
}

body.surfsnow h1 p small{
	font-size:10px;
	color:#333;
	margin-top:10px;
}

.sp{
	width:95%;
	margin:0 auto;
}

/*---------------
header
---------------*/
.pc{
	display:none;
}

#header,
#header_smalif {
	width:95%;
	margin:15px auto 0;
}
#header_surf {
	width:95%;
	margin:0 auto;
}

.site_navi02 {
	border:1px solid #F00;
}

#navi #language_map {
	display: none;
	width:0;
}
#navi #language_map ul li {
	width:0;
}
#navi{
	float:right;
	margin-bottom:10px;
}

#navi li{
	background:#000;
	padding:1px 10px 2px 10px;
	color:#FFF;
	float:right;
	font-size:10px;
	margin-left:6px;
}

#navi li a{
	color:#FFF;
}

#navi li:hover {
	background:#1F4289;
	background-image:none;
}

#header_surf p#header_copy{
	line-height:1.0em;
	font-weight:bold;
	margin:10px 0 5px 0;
	clear:both;
	display:block;
	color:#666;
	letter-spacing:-1px;
	text-decoration:none;
	font-size:12px;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}

#logo {
	width:80%;
	line-height:1.0em;
	font-weight:bold;
	clear:both;
	margin:0 auto 15px auto;
	float:left;
}
#ssHeaderLogo h1#surf_logo {
	line-height:1.0em;
	font-weight:bold;
	clear:both;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	float:left;
}
#logo img,
#surf_logo img {
	width:170px;
}
#ssHeaderNav {
	text-align:right;
/* del-start 2016/06/23 tokoro-h リフト券販売ページ改修 */
	/*float:right;*/
/* del-end tokoro-h */
	width:15%;
}

#ssHeaderNav a {
	width: 34px;
	height: 34px;
	text-align:left;
	text-indent:-9999px;
	display:inline-block;
	-webkit-background-size:100% 100% !important;
	-moz-background-size:100% 100% !important;
	background-size:100% 100% !important;
	vertical-align:middle;
}

a#hNavHome {
	background: url("https://surfsnow.jp/sp/img/common/header_btn_home.gif") no-repeat scroll right center transparent;
}

a#hNavSnowground {
	background: url("https://surfsnow.jp/sp/img/1_img/header_btn_skiGround.png") no-repeat scroll right center transparent;
}


a#hNavStore {
	background: url("/user_data/packages/default/change_parts/common/sp/img/header_btn_store.gif") no-repeat right;
	margin-right:6px;
}

#menu,
#surf_menu,
.breadcrumb li{
	display:none;
	width:0;
	height:0;
}
.navi04 {letter-spacing:-0.2em;}
.navi08{letter-spacing:-0.1em;}
.t55{ padding-top:10px;}
.t100{margin-top:10px;}

h1 img{
	width:100%;
	margin:0 auto;
}

h2 ,.title01{
	font-size:18px;
	width:95%;
	margin:25px auto 0 auto;
}

h2 small ,.title01 small{
	font-size:12px;
	margin-left:10px;
	padding-left:10px;
}

.title02{
	font-weight:bold;
	font-size:18px;
	width:95%;
	color:#001E47;
	margin:20px auto 10px auto;
	font-family:'Quicksand',"貂ｸ繧ｴ繧ｷ繝�繧ｯ菴�", "Yu Gothic", YuGothic, "繝偵Λ繧ｮ繝手ｧ偵ざ繧ｷ繝�繧ｯ Pro", "Hiragino Kaku Gothic Pro", '繝｡繧､繝ｪ繧ｪ' , Meiryo , Osaka, "�ｼｭ�ｼｳ �ｼｰ繧ｴ繧ｷ繝�繧ｯ", "MS PGothic", sans-serif;
}

.site_navi{
	width:100%;
	font-size:11px;
	margin-top:6px;
}

.site_navi ul{
	visibility:hidden;
	width:0;
	height:0;
}

.site_navi table{
	width:95%;
	margin:0 auto;
	font-size:11px;
}
.site_navi td{
	text-align:center;
	margin-bottom:3px;
	border-left:1px solid #A9AAA9;
}

.site_navi td.right{
border-right:1px solid #A9AAA9;
}


.site_navi td a{
	color:#333;
}

.site_navi td a:hover{
	color:#1F4289;
	text-decoration:underline;
}

.site_navi td.btn{
	text-align:center;
	background:#526AA7;
	border:none;
	width:50%;
	font-weight:bold;
}
.site_navi td.btn a{
	color:#fff;
	display:block;
	padding:3px 20px 2px 20px;
	text-decoration:none;
}

.site_navi td.btn:hover{
	background:#1F4289;
}

.site_navi02{
	float:right;
	width:100%;
	font-size:12px;
	text-align:center;
	background:#fff;
}
.site_navi02 li{
	text-align:center;
	background:#000;
	border:none;
	padding:5px 0 4px 0;
	margin:3%;
	font-weight:bold;
	float:left;
	width:44%;
}
.site_navi02 li a{
	color:#fff;
	text-decoration:none;
}

.site_navi02 li:hover{
	background:#1F4289;
}

.site_navi form{
	margin:0 auto;
	padding:0;
	width:80%;

}

form.searchform input[type=text]{
	width:80%;
	height:28px;
	margin: 0;
	padding:1px 0 0 10px;
	border:2px solid #757575;
	*height:23px;
	color:#888;
	position:relative;
	-webkit-appearance: none;
	border-radius: 0;
}
.site_navi .searchBtn{
	background:#666;
	height:33px;
	position:relative;
	top:12px;
	-webkit-appearance: none;
	border-radius: 0;
}

#keywords2 value{
	color:#999;
}

#content_title{
	margin:5px auto;
	width:100%;
}

#content_title img{
	text-align:center;
	margin:0 auto;
	width:100%;
	z-index: 1;
	position: relative;
}

#content_title div{
	color:#000;
	font-weight:bold;
	font-size:12px;
	line-height:1.4em;
	margin:-55px 0 0 55%;
	z-index: 2;
	position: absolute;
}

#content_title div strong{
	font-size:15px;
	margin-left:-5px;
}

#content_title div .right{
	font-size:10px;
	margin-right:5px;
}
.section_g{
	background:#F7F7F7;
	overflow:hidden;
	height:auto;
}


.section_pick li {
	background: #FFF;
	border: 3px solid #CCC;
	padding: 15px 15px 5px 15px;
	width: 80%;
	margin: 20px auto 0 auto;
}

.section_pick h5 {
	font-size: 20px;
	padding-top: 8px;
	color: #F00;
}

.section_pick div.ListBox{
	background:#FFF;
	border:3px solid #CCC;
	padding:15px 15px 5px 15px;
	width:80%;
	margin:20px auto 0 auto;
}

.section_pick div.ListBox:hover {
	border:3px solid #C2F2FF;
	-webkit-box-shadow: 0px 0px 10px #C2F2FF;
	-moz-box-shadow: 0px 0px 10px #C2F2FF;
	box-shadow: 0px 0px 10px #C2F2FF;
}
.section_pick div.ListBox h3{
	color:#3B73B1;
	font-size:18px;
	font-weight:bold;
	margin-bottom: 5px;
	word-wrap:break-word; /* add 2015/07/10 */
}

.section_pick div.ListBox h4{
	color:#333;
	font-size:15px;
	margin:0 0 10px 0;
	display:block;
	clear:both;
}
.section_pick div.ListBox h5{
	font-size:26px;
	padding-top:10px;
	color:#F00;

}

.section_pick div.ListBox h5 small{
	font-size:16px;
}

#content_main{
	width:100%;
	margin:0 auto;
}

.section_news{
	padding-top:5px;
	overflow:hidden;
	height:auto;
}

.section_news dt{
	width:95%;
	height:22px;
	margin:10px 0 0 0;
	padding:0 0 0 10px;
	background:url("../img/icon_01.gif") no-repeat left center;
}

.section_news dd{
	width:96%;
	height:auto;
	padding:0 0 12px 9px;
	border-bottom:1px solid #CCC;
}

.section_news dd a:hover{color:#3B73B1;text-decoration:underline;}


.section_seach{
	border-top:4px solid #5A5959;
	padding-top:5px;
	width:95%;
	overflow:hidden;
	height:auto;
	margin:0 auto;
}

.section_seach .list_map{
	list-style-type: none;
	margin:0 auto 10px auto;
	padding:0 5% 10px 5%;
	width:90%;
	color: #fff;
	background:#F7F7F7;

}

.section_seach .list_map dd{
	list-style-type: none;
	margin:0 auto;
	width:280px;
	height:320px;
	color: #fff;
	background:url("../img/map_jp_s.gif") no-repeat center 0;
	background-size:280px 320px;
}

.section_seach h3{
	padding:20px;
	font-size:15px;
	color:#3B73B1;
	text-align:center;
	font-weight:bold;
}


.section_seach .list_map li{
	margin: 0;
	padding:1px 0;
	font-size:10px;
	height:20px;
	text-align:center;
	display: block;
	color:#666;
	font-weight:bold;
}
ul.child{
	display:none;
	position:absolute;
	padding:0;
}

ul.child li a{
	padding:1px 0;
	display: block;
	color: #fff;
	background:#526AA7;
}

/* add start 2015/06/30 */
ul.child li{
	padding:1px 0;
	display: block;
	background:#526AA7;
	color: #999 !important;
}
/* add end 2015/06/30 */

ul.child li a:hover{
	background:#1F4289;color:#3B73B1;
}

.section_seach h4{
	color:#3B73B1;
	font-size:13px;
	background:#FFF;
	font-weight:bold;
	padding:5px 0 4px 0;
	margin:0;
	opacity: 0.9;
	filter:proid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=90);
	filter: alpha(opacity=90);
	box-shadow:4px 4px 0px #999;
}

.section_seach h4:hover{background:#1F4289;color:#fff;}

.section_seach .position01{
	position:relative;
	top:20px;
	left:115px;
	width:90px;
}

.section_seach .position02{
	position:relative;
	top:80px;
	left:205px;
	width:70px;
}

.section_seach .position03{
	position:relative;
	z-index:10;
	top:125px;
	left:165px;
	width:110px;
}

.section_seach .position04{
	position:relative;
	top:165px;
	left:130px;
	width:70px;
}

.section_seach .position05{
	position:relative;
	top:40px;
	left:90px;
	width:70px;
}

.section_seach .position06{
	position:relative;
	top:80px;
	left:0;
	width:70px;
}

.section_seach .position07{
	position:relative;
	top:140px;
	left:0;
	width:125px;
}

.section_seach .position02 .child {z-index:100;}
.section_seach .position03 .child {margin:-180px 0 0px 0px; z-index:10;}
.section_seach .position06 .child {z-index:200;}
.section_seach .position07 .child {margin:-90px 0 0px 0px;}

.section_seach .position01 a{width:90px;}
.section_seach .position02 a{width:70px;}
.section_seach .position03 a{width:110px;}
.section_seach .position04 a{width:70px;}
.section_seach .position05 a{width:70px;}
.section_seach .position06 a{width:70px;}
.section_seach .position07 a{width:125px;}


.section_seach .list_ticket{
	overflow:hidden;
	height:auto;
	width:100%;
	padding-bottom:20px;
	margin-bottom:20px;
	background:#f7f7f7;
}
.section_seach .list_ticket dl{
	margin:0 auto;
	overflow: hidden;
	height: auto;
	width:94%;
}
.section_seach .list_ticket dt{
	float:left;
	font-weight:bold;
	color:#526AA7;
	width:18%;
	font-size:10px;
	padding:9px 0 8px 1%;
	margin-bottom:6px;
	background:#FFF;
	border:2px solid #526AA7;
	border-right:none;
}
.section_seach .list_ticket dd{
	float:left;
	width:78%;
	font-size:10px;
	padding:5px 0 5px 1%;
	margin-bottom:6px;
	background:#FFF;
	border:2px solid #526AA7;
	border-left:none;
}
.section_seach .list_ticket dd.all{ width:28%; float:left;}
.section_seach .list_ticket dd.m10{ margin-right:1%;}

.section_seach .list_ticket li{
	float:left;
}
.section_seach .list_ticket li a{
	background:#526AA7;
	color:#FFF;
	text-align:center;
	padding:5px 8px 2px 8px;
	margin:0 2px;
	display:block;
}
.section_seach .list_ticket li.nodata{
	text-align:center;
	padding:5px 8px 2px 8px;
	margin:0 2px;
	display:block;
}

.section_seach .list_ticket a:hover{
	background:#1F4289;
}
.section_seach .list_ticket .btn_02 li{font-size:10px; width:46%; margin:0 0 5px 2%;}
.section_seach .list_ticket .btn_04 li{font-size:10px; width:22%; margin:0 0 5px 2%;}
.section_seach .list_ticket .btn_02 li.nodata,
.section_seach .list_ticket .btn_04 li.nodata{
	padding:5px 0px 2px 0px;
}

.section_seach .list_price{
	width:100%;
	overflow: hidden;
	height:auto;
	background:#F7F7F7;
	clear:both;
}
.section_seach .list_price ul{
	padding:0 5px 20px 5px;
	overflow: hidden;
	height: auto;
}
.section_seach .list_price li{
	float:left;
	margin:0 2%;
	width:46%;
}
.section_seach .list_price a{
	border:none;
	background:#526AA7;
	padding:5px 0;
	margin:0 auto 5px auto;
	display:block;
	text-align:center;
	color:#FFF;
}

.section_seach .list_price a:hover{
	background:#1F4289;
}

#content_info h2{
	width:100%;
	background:#5A5959;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	padding:10px 0 7px 0;
	margin:40px auto 0 auto;
	font-size:12px;
	line-height:1.3em;
}

#content_info table{
	margin:0 auto;
	padding:30px 0 30px 0;
	font-size:12px;
	background:#F7F7F7;
}

#content_info table td{
	border-left:10px solid #f7f7f7;
	border-right:10px solid #f7f7f7;
	vertical-align: top;
}

#content_info table td.section_01{
	border-right:1px solid #C8C8C9;
	vertical-align:top;
	padding-right:2%;
	width:50%;
}
#content_info table td.section_02{
	vertical-align:top;
	width:48%;
}

#content_info h3{
	font-size:12px;
	font-weight:bold;
	padding:0 0 0 14px;
	margin-top:30px;
	background:url("../img/icon_01.gif") no-repeat 0 6px;
}

#content_info h3.top{margin-top:0;}
#content_info ul li{margin-top:20px;}
#content_info ol li{margin-top:10px;}
#content_info img{ width:15%;}

#content_info .info{
	text-align:center;
	background:#FFF;
	padding:20px 0;
	line-height:1.2em;
}

#content_info .info h4{
	padding:0 0 10px 0;
	font-size:12px;
	font-weight:bold;
}


.section_ticket{
	margin:20px auto;
	width:85%;
	padding:18px 12px 15px 15px;
	font-size:12px;
	line-height:1.5em;
	font-weight:bold;
	overflow: hidden;
	height: auto;
	border:4px solid #026DA8;
	/* add-start 2016/06/21 tokoro-h リフト券販売ページ改修 */
	position: relative;
	/* add-end tokoro-h */
}

.section_ticket02{
	margin:20px auto;
	width:85%;
	padding:18px 12px 15px 15px;
	font-size:12px;
	line-height:1.5em;
	font-weight:bold;
	overflow: hidden;
	height: auto;
	border:4px solid #23B9D8;
	/* add-start 2016/06/21 tokoro-h リフト券販売ページ改修 */
	position: relative;
	/* add-end tokoro-h */
}
.section_ticket h2 ,.section_ticket02 h2{
	font-size:16px;
	font-weight:bold;
	color:#0053b0;
	margin:0;
	word-wrap:break-word; /* add 2015/07/10 */
}

.section_ticket h3 ,.section_ticket02 h3{
	margin-top:15px;
	word-wrap:break-word; /* add 2015/07/10 */
}

.section_ticket h4 ,.section_ticket02 h4{
	float:right;
	font-size:23px;
	padding:12px 0 3px 12px;
	height:20px;
	color:#F00;
	background:url("../img/icon_01.gif") no-repeat 0 18px;
	border-bottom:2px solid #555;
}

.section_ticket div.ticket_price ,.section_ticket02 div.ticket_price{
	float:right;
	margin: 10px 5px 10px 0px;
}

.section_ticket h4.only ,.section_ticket02 h4.only{
	background:none !important;
}

.section_ticket h5 ,.section_ticket02 h5{
	float:left;
	text-align:right;
	font-size:13px;
	width:70px;
	padding:9px 9px 0 0;
	margin-top:6px;
	color:#555;
	height:20px;
	border-bottom:2px solid #555;
}

.section_ticket h6 ,.section_ticket02 h6{
	float:right;
	font-size:13px;
	font-weight:bold;
	color:#F00;
	clear:both;
}

.section_ticket small ,.section_ticket02 small{
	font-size:70%;
}

.section_ticket .btn01 ,.section_ticket02 .btn02{
	float:right;
	font-size:26px;
	font-weight:bold;
	margin:10px 0 0 10px;
	width:95px;
	height:40px;
  font-size:11px;
}

.section_ticket .btn01 a{
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	display: block;
	cursor: pointer;
	width:95px;
	margin:0 auto 0 auto;
	padding:8px 0 5px 0;
	color: #fff;
	text-align: center;
	text-decoration:none;
	background-color:#1969c2;
	border:0;
	box-shadow: 0 3px 0 #003d80, 0 6px 0 rgba(0,0,0,0.2);
	-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
	transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}

.section_ticket .btn01 a:hover{
	background-color: #003d80;
	box-shadow: 0 2px 0 #003d80, 0 4px 0px rgba(0,0,0,0.2);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
}

.section_ticket02 .btn02 a{
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	display: block;
	cursor: pointer;
	width:95px;
	margin:0 auto 0 auto;
	padding:8px 0 5px 0;
	color: #fff;
	text-align: center;
	text-decoration:none;
	background-color:#00B0ED;
	border:0;
	box-shadow: 0 3px 0 #1e4c7f, 0 6px 0 rgba(0,0,0,0.2);
	-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
	transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}

.section_ticket02 .btn02 a:hover{
	background-color: #1969c2;
	box-shadow: 0 2px 0 #102a47, 0 4px 0px rgba(0,0,0,0.2);
	-webkit-transform: translateY(2px);
	  transform: translateY(2px);
}

/* add-start 2016/06/21 tokoro-h リフト券販売ページ改修 */
.section_ticket div.ticket_date ,.section_ticket02 div.ticket_date{
	font-size: 13px;
	width: 100%;
	clear:both;
}
/* add-end tokoro-h */

#ticket_list {
	width:95%;
	margin:0 auto;
}

/*
#ticket_list .clearfix{
	height:40px;
	margin:30px 0 0 0;
}
*/

#ticket_list .clearfix {
	height: 40px;
	margin: 10px 0;
	overflow: hidden;
	height: auto;
	font-size: 11px;
}


/*
#ticket_list .clearfix li a{
	font-weight:bold;
	font-size:14px;
	color:#FFF;
	display:block;
	text-align:center;
	background:#666;
	padding:5px 15px 5px 15px;
	float:left;
	margin:5px;
	text-align:center;
}
*/
#ticket_list .clearfix li a:hover{
		background:#000;
}

.clearfix02 th {
	font-size:12px;
}

.clearfix02 th a{
	padding:10px 0;
}

.clearfix li a {
	font-weight: bold;
	color: #FFF;
	display: block;
	text-align: center;
	background: #526aa7;
	padding: 6px 10px 5px 10px;
	float: left;
	margin: 3px;
	font-size: 11px;

}

#ticket_list h3 {
	margin: 0 auto 0 auto;
    padding: 15px 0 8px 0;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.3em;
    color: #526AA7;
}



#ticket_list table {
	width:97%;
	margin:10px 10px 40px 15px;
}

#ticket_list table h4 {
	width: 100%;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	border-top: 4px solid #CCC;
	padding: 15px 0 0 2%;
	letter-spacing: 0.5em;
	margin: 0 auto;
	text-align: left;
}

h4.area {
	border-top: 4px solid #ccc;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.5em;
	margin-top: 15px;
	text-align: left;
	width: 100%;
	padding: 15px 0px 0px 2%;
}


table.List{
	width: 930px;
	border-collapse: collapse;
	margin:10px 0px 20px 15px;
}

table.List td,
table.List th{
	padding: 5px;
	border: 1px solid #ccc;
}

table.List th{
	font-weight: bold;
}
table.List thead th{
	background:#eeeeee;
}


table.List td.price2{
	color:#CC0000;
}

.skiName {
	display:block;
	padding:2px 0 2px 10px;
	margin:15px 0 12px 5px;
	font-weight:bold;
	border-left:5px solid #000;
	border-bottom:1px solid #000;
	background:#fafafa;
	font-size:14px;
}

/*
#ticket_list table td {
	vertical-align: top;
}
*/



.section_g #ticket_list table td {
}
/*
#ticket_list table td h5{
	font-size:14px;
	font-weight:bold;
	margin-top:25px;
}
*/

#ticket_list table td h5 {
	font-size: 11px;
	font-weight: bold;
	margin: 25px 0 10px 0;
	line-height: 1.3em;
	word-break: break-all;
}

#ticket_list table td li {
	line-height: 1.3em;
	margin-bottom: 10px;
	word-break: break-all;
}

/* add start 2015/06/30 */
#ticket_list p{
	font-size: 11px;
    font-weight: bold;
    margin: 3px 2% 20px 2%;
    line-height: 1.3em;
    width: 100%;
    margin-left:15px;
}
/* add end 2015/06/30 */


.center_bn {
	text-align:center;
	margin:40px auto 0 auto;
}

.center_bn img{
	width:95%;
}
.aside01 {
	text-align:center;
	margin:30px auto;
	line-height:1.8em;
	padding:0;
	font-weight:bold;
	color:#526AA7;
	font-size:11px;
}

.aside01 p{
	padding:20px;
	background:#f3f6ff;
}
.aside01 img.pc{
	visibility:hidden;
	height:0;
}

.aside01 img.sp{
	margin:0 0 30px 0;
	width:90%;
}

.aside01 .btn {
	text-align:center;
	margin:10px auto;
	font-weight:bold;
	font-size:12px;
	background: #526AA7;
	color: #FFF;
	padding:10px 10px 10px 10px;
	line-height:1.6em;
	border:5px solid #CCC;
	width:80%;
}

.aside01 .btn small{
	font-size:80%;
}

.aside01 .btn a{
	color: #FFF;
	display:block;

}
.aside01 .btn:hover{
	background: #1F4289;
}
.section_move {
	text-align:center;
	width:100%;
	margin:20px auto;
}

.section_move iframe{
	text-align:center;
	width:90%;
	height:auto;
	margin:0 auto 30px auto;
	border:5px solid #CCC;
}

p.copy{
	font-size:12px;
	width:95%;
	margin:0 auto;
	line-height:1.3em;
	}

h2.copy{
	padding:10px 0 0 0;
}


/*---------------
footer
---------------*/
#implayFooterAddress .copyright {
	font-size: 12px;
}

#implayFooterAddress .copyright a,
#implayFooterAddress .copyright span {
	width: 56px;
	height: 16px;
	display: inline-block;
	margin-right: 5px;
	text-indent: -9999px;
	background: url(../../../../sp/img/common/logo_implay.png) no-repeat 0 0;
	-webkit-background-size: 56px 16px;
	-moz-background-size: 56px 16px;
	background-size: 56px 16px;
	vertical-align: middle;
}

#footer_sf ,#page-top {
	display:none;
}

#footer_sp {
	width:100%;
	margin:0 auto;
	border-top:1px solid #CCC;
	padding-top:10px;
}

#footer_sp img{
	margin-left:2%;
}

/*---------------
繝ｪ繝輔ヨ蛻ｸ荳�隕ｧ header
---------------*/

/* add-start 2016/06/23 tokoro-h リフト券販売ページ改修 */
#gnHeader {
	font-size: 14px;
	line-height: 1.0;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','A-OTF 新ゴ Pro',Helvetica;
}
/* add-end tokoro-h */

#gnHeader .gnColor {
	background-color:#fff;
	background-image: none;
}

#gnHeaderContainer {
/* add-start 2016/06/23 tokoro-h リフト券販売ページ改修 */
	position: relative;
/* add-end tokoro-h */
	height:auto;
	padding:0 !important;
	z-index:auto; /* 20130917 add */
/* add-start 2016/06/23 tokoro-h リフト券販売ページ改修 */
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.6);
	box-shadow: 0 1px 4px rgba(0,0,0,0.6);
/* add-end tokoro-h */
}

#header_surf #gnHeaderInner {
	background: none;
}

#gnHeaderInner {
	background: url(https://surfsnow.jp/sp/img/common/header_bg.gif) repeat-x;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
	padding:6px 7px !important;
	display: -webkit-box;
	display: -moz-box;
	display:box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 50px;
	width:100%;
/* add-start 2016/06/23 tokoro-h リフト券販売ページ改修 */
	-webkit-box-align: center;
	box-align: center;
}
/* add-end tokoro-h */
#gnHeaderInner > div:first-child{
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-ms-box-flex:1;
	box-flex:1;
}

#gnHeaderInner p{
	font-size:12px;
	color:#fff;
}

#ssHeaderLogo a,
#ssHeaderLogo h1 {
	background: url(https://surfsnow.jp/sp/img/common/header_logo.gif) no-repeat;
	width: 170px;
	height: 22px;
	text-indent:-9999px;
	display:inline-block;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
	vertical-align:middle;
	margin-top:6px;
}

#slHeaderLogo a {
	background: url(https://surfsnow.jp/sp/img/common/header_logo_snolog.gif) no-repeat;
	width: 176px;
	height: 33px;
	text-indent:-9999px;
	display:inline-block;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
	vertical-align:middle;
	margin-top:3px;
}

#ssHeaderNav {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	text-align:right;
}

#ssHeaderNav a,
#slHeaderNav a {
	width: 34px;
	height: 34px;
	display:inline-block;
	vertical-align:middle;
}

/* add start 2015/07/14 */
.fb {
	text-align:right;
}
/* add end 2015/07/14 */
#title {
	background:url(https://surfsnow.jp/sp/img/common/bg_titleBlue.png) no-repeat;
	background-size:100% 46px;
	height:46px;
	position:relative;
/* mod-start 2016/06/23 tokoro-h リフト券販売ページ改修 */
	/*margin-top:14px;*/
	margin-top:24px;
/* mod-end tokoro-h */
}

#title h1 {
	color:white;
	font-size:14px;
	font-weight:bold;
	line-height:46px;
	margin-top:0;
	position:relative;
	text-align:center;
	text-shadow:#236a9e 1px 2px 1px;
}

#title a.back {
	background:url(https://surfsnow.jp/sp/img/common/btn_backBlue.png) no-repeat;
	-webkit-background-size: 56px 33px;
	background-size: contain;
	color:white;
	font-size:14px;
	font-weight:bold;
	height:33px;
	left:1%;
	line-height:33px;
	padding-left:20px;
	position:absolute;
	top:6px;
	width:56px;
}

/* add-start 2016/06/23 tokoro-h リフト券販売ページ改修 */
#gnContents {
	font-size: 12px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'A-OTF 新ゴ Pro', Helvetica;
}
/* add-end tokoro-h */

#gnContents.membership #registration {
	border-top:none;
}

#gnContents.membership #registration p {
	color:#000;
	font-size:12px;
	font-weight:normal;
	width:80%;
	text-align:left;
	margin:0 auto 10px;
}

#gnContents.membership a.btn {
	background:-webkit-gradient(linear, left top, left bottom, from(white), to(#dcdddd));
	border:2px solid #c6c6c2;
	color:#184f78;
	font-weight:bold;
	font-size:16px;
	height:58px;
	line-height:58px;
	margin:0 auto 15px;
	width:80%;
}

#gnContents.membership #registration table {
	background:white;
	border:2px solid #c6c6c2;
	border-collapse:separate;
	border-radius:5px;
	margin:0 auto 15px;
	text-align:left;
	width:80%;
}

#gnContents.membership #registration table td {
	border-bottom:2px solid #c6c6c2;
	font-weight:bold;
	height:54px;
	line-height:1.3;
	vertical-align:middle;
}

#gnContents.membership #registration table tr:last-child td,
#gnContents.membership #registration table tr:last-child th {
	border-bottom:none;
}

#gnContents.membership #registration .attention {
	color:red;
	font-weight:bold;
}

#gnContents.membership #registration table td.price{
color:red;
}

#gnContents.membership #registration table th {
	border-bottom:2px solid #c6c6c2;
	color:#563605;
	text-indent:10px;
	vertical-align:middle;
}

#gnContents.membership #registration ul {
	margin:0 0 0 10%;
}

#gnContents.membership #registration ul li a {
	float:none;
	text-align:left;
}

#gnContents.membership #registration a.btn.au {
	background:url(https://surfsnow.jp/sp/img/6_membership/img_id.png) 10px 50% no-repeat, -webkit-gradient(linear, left top, left bottom, from(white), to(#dcdddd));
	background-size:17px, auto;
	padding-left:30px;
	text-align:left;
	width:230px;
}

#gnContents.membership #registration a.btn.softbank {
	background:-webkit-gradient(linear, left top, left 80%, from(#ffc26f), to(#fc9b09));
	color:white;
	text-shadow: #e58e0b 1px 1px 2px;
}

#gnContents.membership #registration td span.note {
	font-size:smaller;
}

#gnContents.membership #registration td.twoLines{
	line-height:27px;
}
#gnContents.membership #registration td span{
	font-size:smaller;
}

#gnContents.membership #authentication h4 {
	text-align:left;
	font-weight:bold;
	font-size:16px;
	margin:0 auto 5px;
	width:80%;
	line-height:1.3;
}

#gnContents.membership #registration p.note {
	margin-top:-15px;
}

#gnContents.membership #registration #authentication {
	margin-bottom:50px;
}

#gnContents.membership #login h4.red {
	font-size:14px;
	color:red;
	margin:0 auto 10px;
	width:80%;
	line-height:1.3;
	text-align:left;
}

#gnContents.membership #servicesForMembers {
	border-bottom:1px solid #bfbfbf;
	padding-bottom:15px;
}

#gnContents.membership #servicesForMembers h1 {
	margin-top:0;
	font-size:16px;
	font-weight:bold;
	line-height:2;
	text-align:center;
}

#gnContents.membership #servicesForMembers ul li a {
	background:url(https://surfsnow.jp/sp/img/common/arw_rightGray.png) 97% center no-repeat, -webkit-gradient(linear, left top, left bottom, from(white), to(#e5e6e6));
	background-size:10px 13px, auto;
	border-right:1px solid #b5b5b5;
	border-left:1px solid #b5b5b5;
	border-bottom:1px solid #b5b5b5;
	display:block;
	font-weight:bold;
	height:34px;
	line-height:34px;
	margin:0 auto;
	text-indent:30%;
	width:93%;
}

#gnContents.membership #servicesForMembers ul li:first-child a {
	border-top:1px solid #b5b5b5;
	border-radius:5px 5px 0 0;
}

#gnContents.membership #servicesForMembers ul li:last-child a {
	border-radius:0 0 5px 5px;
}

#gnContents.company{
	background:#eaeae3;
	line-height:1.3;
	}
#gnContents.company #title{
	margin-top:32px;
	margin-bottom:1em;
	}
#gnContents.company dl{
	margin:0 5%;
	}
#gnContents.company dl dt{
	display:list-item;
	font-size:14px;
	font-weight:bold;
	list-style-type:square;
	margin-left:1em;
	margin-bottom:0.5em;
	}
#gnContents.company dl dd{
	margin-bottom:1.5em;
		margin-left:1em;
	}

#gnContents.company dl dd dl dt{
	font-size:12px;
	list-style-type:circle;
	margin-left:1em;
	}

#gnContents.company .bdrbtm{
	border-bottom:1px solid lightGrey;
	}

#gnContents.company p.note{
	font-size:14px;
	font-weight:bold;
	margin:0 5% 2em;
	}

#gnContents.membership p {
	width:80%;
	margin:0 auto 1em;
}

#gnContents.membership h4 {
	font-weight:bold;
	line-height:1.3;
	margin:0 auto;
	width:80%;
}

#gnContents.membership a.btn.cancel {
	font-size:12px;
	font-weight:normal;
	height:27px;
	line-height:27px;
	margin-top:10px;
	width:255px;
	display: block;
	text-align: center;
	border-radius: 5px;
}

#gnContents.membership strong {
	font-weight:bold;
}

#login{
	padding: 1em 0 !important;
	line-height: 1em;
	font-size: 12px !important;
	height: 1em;
	width: 100%;
	text-shadow: -1px -1px 1px rgba(0,0,0,.4);
}

#login .right{float:right;}
#login .left{float:left;}
#login,
.noImage {
	background:#1d6da4;
	background: -moz-linear-gradient(top, #217ab8, #1d6da4);
	background: -webkit-gradient(linear, left top, left bottom, from(#217ab8), to(#1d6da4));
}
#login a,
#login a:hover,
#login a:visited,
#login a:active {
	color: #FFF;
	border-radius: 5px;
	text-decoration:underline;
}
#login p {
	color: #FFF;
	display: block;
	float: right;
	padding: .7em .7em .7em .3em;
	margin: -.7em 0;
	vertical-align: middle;
	margin-right: 5px;
}

#login img {
	float: left;
	margin-top: -2px;
}

#login .logged {
	background:url(https://surfsnow.jp/sp/img/common/man.png) 5px center no-repeat;
	background-size:21px 18px;
	padding-left: 35px;
}

#gnContents .gnaviBtn02 {
	margin: 0 7px;
	border-radius: 7px;
	border: solid 1px
	#ccc;
}
#gnContents .gnaviBtn02 .btn {
	font-size: 14px;
	width: 100%;
	display: block;
	line-height: 46px;
	height: 46px;
	text-align: center;
	font-weight: bold;
	border-radius: 7px;
	border: none;
	background: #fff;
	color: #0075A9;
	-webkit-appearance: none;
	font-style: normal;
	margin: 0;
	outline: 0;
	padding: 0;
	text-decoration: none;
	vertical-align: baseline;
}

#subCategory li { padding-bottom: 5px; }


.menuSkiGround{
		width:100% !important;
}

.menuSkiGround #nav{
	width:100%;
	height:60px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.menuSkiGround .menu{
	background:#eee;
	clear:both;
	width:100%;
	height:54px !important;
	color:#666;
	padding:10px 6px 0px 10px;
	clear:both;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}


.menuSkiGround .menu p{
	width:33%;
	background:-webkit-gradient(linear, left top, left bottom, from(white), to(#d2d2d3));
	margin:0;
	float:left;
	font-size: 12px;
	height: 32px;
	line-height: 32px;
	border: 1px solid #aaa;
	border-radius: 5px;
	text-align:center;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.menuSkiGround .menu ul.nav{
	border-radius: 5px;
	display: block;
	width:66%;
	font-size:90%;
	float:right;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.menuSkiGround .menu ul.nav li{
	background:-webkit-gradient(linear, left top, left bottom, from(white), to(#d2d2d3));
	border: 1px solid #aaa;
	width:33%;
	float:left;
	text-align:center;
	font-size: 12px;
	height:32px;
	line-height: 32px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.menuSkiGround .menu ul.nav li.nolink{
	background:-webkit-gradient(linear, left top, left bottom, from(#aaa), to(#d2d2d3));
}

.menuSkiGround .menu ul.nav li:first-child{
	border-right: none;
	border-radius: 5px 0 0 5px;
}
.menuSkiGround .menu ul.nav li:last-child{
	border-left: none;
	border-radius: 0px 5px 5px 0px;
}


.menuSkiGround .menu ul a,
.menuSkiGround .menu p a{
	display:block;
	width:100%;
	height:100%;
	color:#000;
	-webkit-tap-highlight-color: #FFE077;
	-webkit-tap-highlight-color:rgba(255,224,119,0.5);
}

div#popup_container {
	width:90%;
	min-width: 310px !important;
}

#popup_message{
	padding-left: 0 !important;
}

/* add-start 2016/06/21 tokoro-h リフト券販売ページ改修 */
header .sptoplink {
	top: 2px !important;
}
div #header_sp {
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3);
	height: 30px;
	position: relative;
}
div #langsideset{
	position: absolute;
	top: 5px;
	right: 85px;
}
#btn-language {
    display: block;
    background: #1D6DA4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2391DB), color-stop(1, #1D6EA4));
    background-image: -o-linear-gradient(bottom, #2391DB 0%, #1D6EA4 100%);
    background-image: -moz-linear-gradient(bottom, #2391DB 0%, #1D6EA4 100%);
    background-image: -webkit-linear-gradient(bottom, #2391DB 0%, #1D6EA4 100%);
    background-image: -ms-linear-gradient(bottom, #2391DB 0%, #1D6EA4 100%);
    background-image: linear-gradient(to bottom, #2391db 0%, #1d6ea4 100%);
    color: #fff;
    line-height: 40px;
    text-align: center;
    border: solid 1px #1D6DA4;
    border-radius: 5px;
    width: 80px;
    line-height: 24px;
    font-size: 10px;
    text-align: left;
    box-sizing: border-box;
    padding: 0 6px;
    position: absolute;
    top: 12px;
    right: 16px;
	cursor: pointer;
}
#btn-language .icon-arrow {
	display: block;
    width: 13px;
    height: 7px;
    background-image: url('/sp/css/images/sp-sa8ea84dbca.png');
    background-position: 0 -23px;
    background-repeat: no-repeat;
    -moz-background-size: 150px auto;
    -o-background-size: 150px auto;
    -webkit-background-size: 150px auto;
    background-size: 150px auto;
    text-indent: -9999px;
    position: absolute;
    top: 10px;
    right: 4px;
}
#btn-language.active {
	display: block;
    background: #1d6da4;
    background: -moz-linear-gradient(top, #1d6da4 0%, #0d2246 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1d6da4), color-stop(100%, #0d2246));
    background: -webkit-linear-gradient(top, #1d6da4 0%, #0d2246 100%);
    color: #fff;
    line-height: 40px;
    text-align: center;
    border: solid 1px #0d2246;
    border-radius: 5px;
    line-height: 24px;
    text-align: left;
}
#btn-language.active .icon-arrow {
	display: block;
    width: 13px;
    height: 7px;
    background-image: url('/sp/css/images/sp-sa8ea84dbca.png');
    background-position: -13px -23px;
    background-repeat: no-repeat;
    -moz-background-size: 150px auto;
    -o-background-size: 150px auto;
    -webkit-background-size: 150px auto;
    background-size: 150px auto;
    text-indent: -9999px;
    position: absolute;
    top: 9px;
    right: 4px;
}
#language-list-wrap {
	display: none;
    padding: 8px;
    background-color: #18538C;
    margin-bottom: 16px;
    width: 80px;
    box-sizing: border-box;
    position: absolute;
    top: 46px;
    right: 16px;
    z-index: 100;
}
#language-list-wrap .arrow {
	display: block;
    position: absolute;
    width: 16px;
    height: 8px;
    background-image: url('/sp/css/images/sp-sa8ea84dbca.png');
    background-position: -26px -23px;
    background-repeat: no-repeat;
    -moz-background-size: 150px auto;
    -o-background-size: 150px auto;
    -webkit-background-size: 150px auto;
    background-size: 150px auto;
    text-indent: -9999px;
    top: -8px;
    right: 4px;
}
#language-list-wrap li a {
	display: block;
    border: solid 1px #18538C;
    border-radius: 3px;
    line-height: 28px;
    font-size: 10px;
    padding: 0 8px;
    color: #fff;
    box-sizing: border-box;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2391DB), color-stop(1, #1D6EA4));
    background-image: -o-linear-gradient(bottom, #2391DB 0%, #1D6EA4 100%);
    background-image: -moz-linear-gradient(bottom, #2391DB 0%, #1D6EA4 100%);
    background-image: -webkit-linear-gradient(bottom, #2391DB 0%, #1D6EA4 100%);
    background-image: -ms-linear-gradient(bottom, #2391DB 0%, #1D6EA4 100%);
    background-image: linear-gradient(to bottom, #2391db 0%, #1d6ea4 100%);
    text-decoration: none;
}
#language-list-wrap li.active a {
	display: block;
    border: solid 1px #18538C;
    border-radius: 3px;
    line-height: 28px;
    font-size: 10px;
    padding: 0 8px;
    color: #fff;
    box-sizing: border-box;
    background: #0d2246;
    text-decoration: none;
}
#language-list {
   	display: block;
    height: inherit;
}
/* add-end tokoro-h */

#content_main p.trial_message{
	border:6px solid #00A0E9;
	background-color:#00A0E9;
	padding:20px 0px;
	text-align:center;
	margin:20px 10px;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
}

.skiGround .groundArea ul li.attention {
    background: #00984B;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    padding: 8px;
    margin-top: 10px;
    font-size:14px;
}

.skiGround .groundArea ul li.attention span{
    color:#FCB321;
    font-weight:bold;
    font-size:16px;
}

.skiGround .groundArea ul li.attention img{
    width:100%;
}

.skiGround .groundArea ul li.attention_close {
    background: #f5f5f5;
    text-align: center;
    color: #ff0000;
    font-weight: bold;
    padding: 6px;
    margin-top: 10px;
}

}/* end @media only screen and (min-width: 332px) and (max-width: 795px) */