@charset "UTF-8";

body,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,
p,blockquote,
form,fieldset,
table,th,td,ul,
img {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
	font-size: 100%;
}

ol {
	list-style-type: decimal;
	margin-left:-20px;
	*margin-left:0px;
	margin-top:0;
	margin-bottom:0;
}

h1,h2,h3,h4,h5,h6 {font-weight: normal;}
img {vertical-align:top;}
/* add-start 2016/06/21 tokoro-h リフト券販売ページ改修 */
hr{
	margin: 0;
	border: 0;
	height:1px;
	background: #aaa;
	clear:both;
}
/* add-end tokoro-h */
html{height:100%;}
.center{ text-align:center; }
.hidden{ visibility:hidden;}
.clear{ clear:both; }

em {
	color:#ff0000;
	font-weight:bolder;
	font-style:normal;
}

em span {font-size:90%;}
*+html body,
* html body {
	font-size:86%;
	height:100%;
	text-decoration:none;
}

*:first-child+html {
	font-size:86%;
	height:100%;
}

/*
 * "03SmartFontUI" licensed under the IPA Font License Agreement v1.0
 * http://ipafont.ipa.go.jp/
 * http://ipafont.ipa.go.jp/ipa_font_license_v1.html
 */
@font-face {
	font-family: 'font1';
}


a {color:#00A0E9; text-decoration:none;}
a:active {color:#00A0E9;}
a:visited {color: #00A0E9; text-decoration:none;}
a:hover {color:#0097E0; text-decoration:none;}
a img:hover {
opacity: 0.8;
filter:proid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);
filter: alpha(opacity=80);
}

input:focus { outline: none; }
.l10{margin-left:10px;}
.right{text-align:right;}
/* mod-start 2016/06/21 tokoro-h リフト券販売ページ改修 */
/*#logo img{margin-top:7px;}*/
#logo img{margin:7px 0 10px 0;}
/* mod-end tokoro-h */

body {
	font-size:13px;
	color:#555;
	line-height:1.8em;
	border-top:3px solid #000;
	font-family:'Quicksand',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.breadcrumb li{
	float:left;
	color:#888;
}
.breadcrumb li a{
	background:url("../img/icon_01.gif") no-repeat right center;
}


h2 ,.title01{
	color:#888;
	font-weight:bold;
	font-family:'font1';
}

h2 small ,.title01 small{
	color:#555;
	border-left:2px solid #C8C9C9;
}

h2 small ,.title01 small ,.section_ticket h2 ,.section_ticket02 h2{
	font-family:'Quicksand',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro",
	"Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.section_pick h5{
	color:#40C5FF;
	font-family:'font1';
	text-align:right;
	font-weight:bold;
	border-top:1px solid #CCC;
}
.section_ticket h4 ,.section_ticket02 h4{
	font-weight:bold;
	font-family:'font1';
}

.section_ticket h5 ,.section_ticket02 h5{
	font-weight:bold;
	font-family:'font1';
	color:#eee;
}

.title01{
	padding-bottom:3px;
	border-bottom:4px solid #5A5959;
}

.clearfix02{
	width:100%;
}

.clearfix02 th {
	text-align:center;
	width:50%;
	font-weight:bold;
	text-align:center;
	background:#666;
}

.clearfix02 th a{
	color:#FFF;
	display:block;
	vertical-align:middle;
}
.clearfix02 a:hover{
		background:#000;
}

#navi #language_map {
	width:60px;
	height:23px;
}

#navi #language_map ul{
	margin:0 0 0 -16px;
	position:absolute;
	z-index:2;
	*margin-left:-83px;
	*margin-top:25px;
}
#navi #language_map ul li{
	float:none;
	width:80px;
	height:23px;
	padding:5px 0;
	text-align:center;
	background:#526AA7;
	*margin-bottom:0;
	*margin-top:-5px;
}

#navi #language_map ul li:hover{
	text-align:center;
	background:#1F4289;
}

.link_help li a{color:#555;}
.link_help li a:hover{color:#3B73B1;text-decoration:underline;}
.link_help02 td a{color:#3B73B1;}
.link_help02 td a:hover{color:#3B73B1;text-decoration:underline;}
#ticket_list table td a {color:#1969c2;}
#ticket_list table td a:hover {color:#1969c2; text-decoration: underline;}

h2.copy{
	color:#000;
	font-size:16px;
	padding:30px 0 0 0;
	margin:0;
	font-family:'Quicksand',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h2.caption {
	border-bottom:4px solid #5A5959;
}

.section_pick ul{
	overflow:hidden;
}

.section_seach .list_ticket li.nodata{
	background:#777;
	color:#FFF;
	text-align:center;
	padding:4px 0px;
}

.section_seach .list_ticket li.smalifnodata{
	background:#777;
	color:#FFF;
	text-align:center;
	padding: 5px 7px 2px 7px;
    margin: 0 2px;
}

.section_seach .list_ticket li.smalifBigNodata{
	background:#777;
	color:#FFF;
	text-align:center;
	padding:3px 0px;
}

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

}

.section_seach .list_price li.nodata{
	background:#777;
	color:#FFF;
	text-align:center;
	padding:5px 0;
	margin-bottom:5px;
}
/*---------------
PC、タブレット
---------------*/
@media screen and (min-width: 641px) {

.pcOnly{display: block;}
.spOnly{display: none;}

.section_seach .list_ticket li.nodata{
	margin:0 3px;
	padding:5px 10px 2px 10px;
}

.section_seach .list_ticket .btn_02 li.nodata{
	width:158px;
}


.section_seach .list_ticket .btn_04 li.nodata{
	width:66px;
}

.section_seach .list_price li.nodata{
	width: 150px;
}

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

}

/*---------------
PC
---------------*/

@media screen and (min-width: 641px) {

/* add-start 2016/06/30 tokoro-h リフト券販売ページ改修 */
body.surfsnow {
	border-top: 3px solid #000;
}
/* add-end tokoro-h */

/* del-start 2016/06/21 tokoro-h リフト券販売ページ改修 */
/*
body.surfsnow .breadcrumb{
	margin-top:10px;
}

body.surfsnow h1{
	float:left;
}
*/
/* del-end tokoro-h */

body.surfsnow h1 img{
	float:left;
	width:110px;
	padding-right:20px;
	margin-right:20px;
	border-right:3px solid #eee;
	max-height: 70px;/* add 2015/07/07 */
}

/* add-start 2016/06/23 tokoro-h リフト券販売ページ改修 */
body.surfsnow .site_title p{
	line-height: 1.2;
}
/* add-end tokoro-h */

body.surfsnow h1 p{
	float:left;
	font-weight:bold;
	font-size:24px;
	color:#3B73B1;
	padding-top:10px;
	max-width: 500px;/* add 2015/07/07 */
}

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

body div.site_title img{
    float: left;
    width: 110px;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 3px solid #eee;
    max-height: 70px;
}

body div.site_title p{
    float: left;
    font-weight: bold;
    font-size: 24px;
    color: #3B73B1;
    padding-top: 10px;
    max-width: 500px;
}

body div.site_title p small{
    font-size: 12px;
    color: #333;
    margin-top: 10px;
}

/*---------------
header
---------------*/
#header,
#header_smalif{
	width:950px;
	margin:0 auto;
}

.pc{
	width: 950px;
	margin: 0 auto;
}


#gnHeader,
/* add-start 2016/06/23 tokoro-h リフト券販売ページ改修 */
#gnContents{
/* add-end tokoro-h */
	display:none;
}

#navi{
	float:right;
}

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

#navi li a{
	color:#FFF;
}

#navi small{
	font-size:7px;
}

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

.header_side{
	width:245px;
	float:right;
	margin-left:5px;
}

.header_side form.searchform{
	width:231px;
	height:30px;
	margin:5px 0 0 9px;
	float:right;
}
.header_side form.searchform input[type=text]{
	width:188px;
	*width:176px;
	height:25px;
	color:#888;
	padding:0 0 0 10px;
	border:2px solid #757575;
	*padding-top:5px;
	*height:23px;
	float:left;
}
.header_side .searchBtn{
	background:#666;
	float:right;
	*width:32px;
	*height:32px;
}

.site_navi form.searchform{
	width:316px;
	height:40px;
}

.site_navi form.searchform input[type=text]{
	width:263px;
	font-size:13px;
	height:33px;
	padding:2px 0 0 10px;
	color:#888;
	border:2px solid #757575;
	padding-top:10px\9;
	height:25px\9;
	*padding:12px 1px 0 10px;
	*height:25px;
	float:left;
}
.site_navi form.searchform input[type=text]:not(:target) {
	padding-top:0px\9;
	height:35px\9;
}
.site_navi .searchBtn{
	float:right;
	*width:38px;
	*height:39px;
	*border-bottom:1px solid #757575;
	*border-top:1px solid #757575;
}

*:first-child + html #searchBtn {
	top: 1px;
}

#header_copy{
	width:400px;
	line-height:1.0em;
	font-weight:bold;
	display:block;
	color:#666;
	letter-spacing:-1px;
	font-weight:bold !important;
	text-decoration:none;
	font-size:12px;
	padding:10px 0 0 0;
}

#logo{
	float:left;
	line-height:1.0em;
	font-weight:bold;
}

#logo a:hover{
	color:#0180be;
	text-decoration:none;
}

#ssHeaderNav {
	visibility:hidden;
	width:0;
	height:0;
	font-size:0;
	margin:0;
	padding:0;
}

#menu {
	width:949px;
	height:40px;
	margin-top:15px;
	border-right:1px solid #A9AAA9;
}

#menu li {
	float: left;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	margin: 0;
	padding:5px 5px 0 5px;
	height:35px;
	width:178.5px;
	position:relative !important;
	border-left:1px solid #A9AAA9;
}

#menu li:hover {
	background:url("../img/line_on.gif") no-repeat center bottom;
}

#menu li.current{
	background:url("../img/line_on.gif") no-repeat center bottom;
}

#menu li ul {
	display: none;
	position: absolute;
	top:40px;
	left:-5px;
	width:190px;
	background-color:#444;
	border:5px solid #FFF;
	padding: 0;
}
#menu li ul li {
  margin: 0;
  padding: 0;
  border: none;
  text-indent:0px;
  width:190px;
  height:28px;
  font-size:11px;
  color:#00234f;
  text-align:center;
  border-top:#adbbc8 1px solid;
}


#menu li ul li a {
	display:block;
	width:190px;
	color:#fff;
	padding:3px 0;
	text-decoration:none;
}
#menu li ul li:hover {
	background:#1F4289;
	background-image:none;
}


#menu_guide {
	width:949px;
	height:40px;
	border-left:1px solid #C2C6CC;
/* mod-start 2016/06/23 tokoro-h リフト券販売ページ改修 */
	/*margin-top: 10px;*/
	margin-top: 15px;
/* mod-end tokoro-h */
	position: absolute;
}

#menu_guide li:hover {
	background:#eee;
}

#menu_guide li {
	float: left;
	text-align:center;
	color:#000;
	font-weight:bold;
	font-size:12px;
	margin: 0;
	padding:10px 0 0 0;
	min-height:30px;
	width:117.4px;
	position:relative !important;
	border-right:1px solid #C2C6CC;
}

#menu_guide li ul {
	display: none;
	position: absolute;
	top:41px;
	left:-5px;
	width:117.4px;
	background-color:#444;
	border:5px solid #FFF;
	padding: 0;
	z-index: 300;
}
#menu_guide li ul li {
  margin: 0;
  padding: 0;
  border: none;
  text-indent:0px;
  width:117.4px;
  min-height:28px;
  font-size:11px;
  color:#FFF;
  text-align:center;
  border-top:#adbbc8 1px solid;
}

#menu_guide a {
	color:#000;
}
#menu_guide li ul li a {
	display:block;
	width:117.4px;
	color:#fff;
	padding:3px 0;
	text-decoration:none;
}
#menu_guide li ul li:hover {
	background:#1F4289;
	background-image:none;
}
#menu_guide li.here {
	background:#eee;
}
.t40{padding-top:40px;}
.t55{padding-top:55px;}
.t100{padding-top:100px;}

.breadcrumb li{
	float:left;
	color:#888;
	margin:10px 15px 10px 0;
}
.breadcrumb li a{
	padding:0 20px 0 0;
	background:url("../img/icon_01.gif") no-repeat right center;
}

.breadcrumb_ski_pc li{
    float: left;
    color: #000;
    margin: 10px 15px 0 0;
    font-weight: bold;
}
.breadcrumb_ski_pc li h1 {
    float: left;
    color: #000;
    margin: 0 15px 0 0;
    padding: 0;
    font-weight: bold;
    width: auto;
}
.breadcrumb_ski_pc li a {
   padding: 0 20px 0 0;
   color: #19488e;
   background: url(../img/icon_01.gif) no-repeat right center;
}



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

.link_help li{
	width:auto;
	margin-right:50px;
	float:left;
	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: 18px;
	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:15px 0;
	text-align:center;
	border-right:1px solid #333;
}

.link_help02 td{
	border-left:1px solid #333;
	font-weight:bold;
	padding:0 30px;
}

h1{
	float:left;
	width:610px;
}

h2 ,.title01{
	font-size:22px;
	width:950px;
	margin:50px auto 0 auto;
}

h2 small ,.title01 small{
	font-size:14px;
	margin-left:15px;
	padding-left:15px;
}
.title02{
	font-weight:bold;
	font-size:24px;
	width:950px;
	*width:auto;
	color:#001E47;
	margin:50px auto 10px auto;
	font-family:'Quicksand',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* add start 2015/07/10 */
.site_title{
	width:700px;
	float: left;
}
/* add end 2015/07/10 */

.site_navi{
	float:right;
	width:316px;
	font-size:12px;
	margin-left:23px;
}

.site_navi li{
	float:left;
	padding:0 9px;
	margin-bottom:10px;
	margin-right:-1px;
	border-right:1px solid #A9AAA9;
	border-left:1px solid #A9AAA9;
}

.site_navi li a{
	color:#333;
}

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

.site_navi li.btn{
	text-align:center;
	background:#526AA7;
	border:none;
	font-weight:bold;
}
.site_navi li.btn a{
	color:#fff;
	width:136px;
	display:block;
	padding:5px 0 4px 0;
	text-decoration:none;
}

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

.site_navi table ,.site_navi table td.btn{
	display:none;
}

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

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

#keywords2 value{
	color:#999;
}

#content_title{
	margin:10px auto;
	width:950px;
}

#content_title img{
	text-align:center;
	margin:0 auto;
	width:950px;
}

#content_title div{
	background:#000;
	opacity: 0.6;
	filter:proid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=60);
	filter: alpha(opacity=60);
	color:#FFF;
	font-weight:bold;
	font-size:15px;
	line-height:2.0em;
	width:200px;
	height:140px;
	padding:60px 10px 0 10px;
	margin:-200px 0 0 700px;
}

#content_title div strong{
	font-size:24px;
	font-size:22px\9;
	margin-left:-5px;
}
:root #content_title div strong{font-size:22px;}
#content_title div .right{
	font-size:13px;
	margin-right:5px;
}


.section_g{
	background:#F7F7F7;
	overflow:hidden;
	height:auto;
	min-width:950px;
	margin:auto;
	padding:0 20px 0;
}

.section_pick {
	width:950px;
	overflow:hidden;
	height:auto;
	margin:0 auto 40px auto;
}

.section_pick li{
	background:#FFF;
	border:3px solid #CCC;
	float:left;
	padding:15px 15px 5px 15px;
	width:194px;
	margin:10px 10px 0 0;
}

.section_pick li.non{
	margin-right:0;
}

.section_pick li: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 h3{
	color:#3B73B1;
	font-size:18px;
	font-weight:bold;
	/*height:50px; del 2015/07/13 */
	margin-bottom:5px; /* add 2015/07/10 */
	word-wrap:break-word; /* add 2015/07/10 */
}

.section_pick h4{
	color:#333;
	font-size:15px;
	margin:0 0 10px 0;
	word-wrap:break-word; /* add 2015/07/10 */
}

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

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


#content_main{
	width:950px;
	margin:20px auto;
}

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

.section_news dt{
	float:left;
	width:70px;
	border-bottom:1px solid #CCC;
	padding:15px 20px 12px 0;
	background:url("../img/icon_01.gif") no-repeat right center;
}

.section_news dd{
	float:right;
	padding:15px 0 12px 20px;
	width:840px;
	border-bottom:1px solid #CCC;
}
.section_news dd a:hover{color:#3B73B1;text-decoration:underline;}


.section_seach{
	padding-top:5px;
	width:950px;
	overflow:hidden;
	height:auto;
}

.section_seach .list_map{
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: #fff;
	width:330px;
	height:470px;
	float:left;
	background:#F7F7F7;
}
.section_seach .list_map dd{
	list-style-type: none;
	margin:20px auto 0 auto;
	width:280px;
	height:320px;
	color: #fff;
	background:url("../img/map_jp.gif") no-repeat center 0;
}
.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;
	border-bottom:4px solid #999\9;
	border-right:4px solid #999\9;
	*border-bottom:4px solid #999;
	*border-right:4px solid #999;
}
.section_seach h4:hover{background:#1F4289;color:#fff;}

.section_seach ul li ul li a:hover{background:#1F4289;color:#fff;}

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

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

.section_seach .position03{
	position:relative;
	z-index:10;
	top:110px;/* mod 2015/07/23:125->110 */
	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 .position01 .child {*margin-left:-45px;}
.section_seach .position02 .child {z-index:100; *margin:-110px 0 0 -35px;}
.section_seach .position03 .child {margin:-120px 0 0px 0px; z-index:10; *margin-left:-55px;}
.section_seach .position04 .child {*margin-left:-35px;}
.section_seach .position05 .child {*margin-left:-35px;}
.section_seach .position06 .child {z-index:200; *margin:-35px 0 0 -35px;}
.section_seach .position07 .child {margin:-35px 0 0 0;*margin-left:-61px;}

.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;}

/* add start 2015/06/30 */
.section_seach .position01 li{width:90px;}
.section_seach .position02 li{width:70px;}
.section_seach .position03 li{width:110px;}
.section_seach .position04 li{width:70px;}
.section_seach .position05 li{width:70px;}
.section_seach .position06 li{width:70px;}
.section_seach .position07 li{width:125px;}
/* add end 2015/06/30 */


.section_seach .list_ticket{
	overflow:hidden;
	height:auto;
	width:370px;
	height:470px;
	margin-left:10px;
	padding:0 20px 0 20px;
	background:#f7f7f7;
	float:left;
}
.section_seach .list_ticket dt{
	float:left;
	font-weight:bold;
	color:#526AA7;
	width:65px;
	padding:9px 0 8px 8px;
	margin-bottom:6px;
	background:#FFF;
	border:2px solid #526AA7;
	border-right:none;
}
.section_seach .list_ticket dd{
	float:right;
	width:288px;
	padding:5px 0 5px 5px;
	margin-bottom:6px;
	background:#FFF;
	border:2px solid #526AA7;
	border-left:none;
}
.section_seach .list_ticket dd.all{ width:100px; float:left;}
.section_seach .list_ticket dd.m10{ margin-right:6px;}

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

.section_seach .list_ticket a:hover{
	background:#1F4289;
}
.section_seach .list_ticket .btn_02 li{width:179px; margin-bottom:5px;}
.section_seach .list_ticket .btn_04 li{width:86.5px;}

.section_seach .list_price{
	width:190px;
	height:470px;
	padding:0;
	background:#F7F7F7;
	float:right;
}

.section_seach .list_price li.nodata{
	margin: 0 auto 5px auto;
}

.section_seach .list_price{border:none;}
.section_seach .list_price a{
	border:none;
	background:#526AA7;
	padding:5px 0;
	margin:0 auto 5px auto;
	width:150px;
	display:block;
	text-align:center;
	color:#FFF;
}

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

#content_info h2{
	width:950px;
	background:#5A5959;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	padding:10px 0 7px 0;
	margin:100px auto 0 auto;
	font-size:16px;
}

#content_info table{
	margin:0 auto 5px auto;
	width:950px;
	padding:30px 20px 30px 25px;
	font-size:12px;
	background:#F7F7F7;
}

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

#content_info h3{
	font-size:14px;
	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 .info{
	text-align:center;
	background:#FFF;
	padding:20px 0;
	line-height:1.2em;
}

#content_info .info h4{
	padding:0 0 10px 0;
	font-size:14px;
	font-weight:bold;
}
.cl {
	display: inline-block;
}
.cl:after {
	content: "";
	display: block;
	clear: both;
}

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

.section_ticket02{
	width:880px;
	margin:20px 0;
	height: auto; !important;
	min-height:145px;
	padding:35px 15px 0 35px;
	font-size:12px;
	line-height:1.5em;
	font-weight:bold;
	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:21px;
	font-weight:bold;
	color:#0053b0;
	margin:0;
	*padding:5px 0 0 0;
	width:auto; /* add 2015/07/13 */
	word-wrap:break-word; /* add 2015/07/10 */
	line-height:1.1em;;
}

.section_ticket h3 ,.section_ticket02 h3{
	max-width:400px;
	float:left;
	margin-top:20px;
	*margin-top:15px;
	/* add-start 2016/06/21 tokoro-h リフト券販売ページ改修 */
	margin-bottom: 70px;
	/* add-end tokoro-h */
	word-wrap:break-word; /* add 2015/07/10 */
}

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

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

.section_ticket h4 ,.section_ticket02 h4{
	float:left;
	font-size:36px;
	padding:30px 0 0 50px;
	margin-top:15px;
	height:30px;
	color:#F00;
	background:url("../img/img_price.png") no-repeat 0 top;
	border-bottom:2px solid #555;
	*padding-bottom:5px;
	*height:25px;
}

/* add start 2015/07/28 */
.section_ticket h4.only ,.section_ticket02 h4.only{
	background:none !important;
}
/* add end 2015/07/28 */

.section_ticket h5 ,.section_ticket02 h5{
	float:left;
	text-align:right;
	font-size:26px;
	*font-size:22px;
	font-size:22px\9;
	max-width:140px;
	padding:4px 10px 0 0;
	margin-top:46px;
	color:#555;
	height:25px;
	border-bottom:2px solid #555;
}


.section_ticket h6 ,.section_ticket02 h6{
	clear:both;
	font-size:18px;
	padding:10px 0 3px 0;
	font-weight:bold;
	color:#F00;
	text-align: right;
}


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

.section_ticket .btn01 ,.section_ticket02 .btn02{
	float:right;
	font-size:26px;
	font-weight:bold;
	margin:70px 5px 10px 30px;
	width:130px;
	height:40px;
}

.section_ticket .btn01 a{
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  display: block;
  cursor: pointer;
  width:120px;
  margin:0 auto 0 auto;
  padding:8px 0 5px 0;
  color: #fff;
  text-align: center;
  text-decoration:none;
  background-color:#1969c2;
  border:0;
  font-size:13px;
  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:120px;
  margin:0 auto 0 auto;
  padding:8px 0 5px 0;
  color: #fff;
  text-align: center;
  text-decoration:none;
  background-color:#00B0ED;
  border:0;
  font-size:13px;
  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);
}







#ticket_list {
	width:950px;
	margin:0 auto;
}
.clearfix{
	height:40px;
	margin:30px 0 0 0;
}

.clearfix li {
	float:left;
}

.clearfix li a{
	font-weight:bold;
	font-size:14px;
	*font-size:12px;
	color:#FFF;
	display:block;
	text-align:center;
	background:#526aa7;
	padding:10px 33px 8px 33px;
	margin:0 10px;
}

.clearfix li a:hover{
		background:#1f4289;
}

.clearfix li.nodata{
	padding:10px 33px 8px 33px;
	margin:0 10px;
}

 #ticket_list h3{
	margin:0 auto 50px auto;
	padding-top:60px;
	font-size:40px;
	font-weight:bold;
	letter-spacing: 0.5em;
	color:#526AA7;
}
.clearfix02 th {
	font-size:14px;
}

.clearfix02 th a{
	padding:20px 0 18px 0;
}

#ticket_list table h4{
	width:100%;
	color:#333;
	font-size:20px;
	font-weight:bold;
	border-top:4px solid #CCC;
	padding:20px 0 4px 5px;
	letter-spacing: 0.5em;
	margin:0 auto;
	text-align:left;
}
#ticket_list table th h4{
	background:none\9;
}

*+html #ticket_list table th h4{
	background:none;
}

.section_g #ticket_list table td {
}
#ticket_list table td h5{
	font-size:14px;
	font-weight:bold;
	margin-top:25px;
	word-break:break-all; /* add 2015/07/10 */
}

#ticket_list table td li{
	/* padding-left:15px; 2015/08/05 by kuro */
	padding:6px 15px; /* 2015/08/03 by kuro */
	line-height:1.1em; /* 2015/08/03 by kuro */
	background:url("../img/icon_ticket.gif") no-repeat 0 48%;
	word-break:break-all; /* add 2015/07/10 */
}

/* add start 2015/06/30 */
#ticket_list p{
	font-size:14px;
	font-weight:bold;
	/* margin-top:25px; */
	margin-left:15px;
	width:100%;
}
/* add end 2015/06/30 */

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

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

.aside01 p{
	padding:20px;
	background:#f3f6ff;
}
.aside01 img.pc{
	margin:0 0 30px 0;
}

.aside01 img.sp{
	visibility:hidden;
	height:0;
}

.aside01 .btn {
	text-align:center;
	margin:0 auto 70px auto;
	font-weight:bold;
	font-size:26px;
	background: #526AA7;
	color: #FFF;
	padding:10px 0 20px 0;
	line-height:1.6em;
	border:8px solid #CCC;
	width:950px;
}

.aside01 .btn small{
	font-size:16px;
}

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

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

.section_move iframe{
	text-align:center;
	width:700px;
	height:394px;
	margin:0 auto 30px auto;
	border:8px solid #CCC;
}

p.copy{font-size:14px;}



/*---------------
footer
---------------*/
#footer_sf{
	clear: both;
	margin-top:80px;
	background:url("../img/footer_bg.png") repeat-x 0 0;
}
#footer_container {
	margin: 0 auto;
	padding:15px 0;
	width: 950px;
	text-align:center;
	font-size:12px;
	line-height:1.6em;
	background:url("../img/footer_bg.png") repeat-x 0 0;
}

#footer_container a{
	color:#0046c5;
}

#footer_container ul#footerTop{
	height:28px;
	font-size:13px;
}

#footer_container ul#footerTop .left{
	float:left;
}


#footer_container ul#footerTop,#footer_container ul#footerTop a{
	color:#fff;
}
.topArrow{
	padding-left:15px;
	background:url("../img/toparrow.gif") no-repeat 0 50%;
}
#footer_container dl{
	overflow:hidden;
	width:950px;
	text-align:left;
	color:#000;
}
#footer_container dt{
	clear:left;
	font-size:117%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	padding:10px 5px 5px;
}
#footer_container dd{
	float:left;
	display:inline;
	padding:0 5px;
	border-right: 1px solid #030E21;
	font-size:84%;
	white-space:nowrap;
}
#copy{
	clear:both;
	font-size:84%;
	text-align:right;
}

#footer_sf .sitenavi {
	font-size:10px;
	float:right;
}

#footer_sf .sitenavi li{
	float:left;
	padding:0 6px;
	border-right: 1px solid #030E21;
}

#footer_sf .no-border{
	border:none;
}
#footer_sf .sitenavi li.no-border{
	border:none;
}


.mediasel{
	background-color: #F0F0F0;
	display: none;
	border: 1px solid #CCC;
	margin: 0 auto 20px;
	padding: 5px;
	text-align: center;
	width: 230px;
}

#page-top {
position: fixed;
bottom: 20px;
right: 20px;
font-size: 77%;
}

#page-top a {
background: #F6F6F6;
text-decoration: none;
color:#000;
width:86px;
padding: 30px 0;
text-align: center;
display: block;
border-radius:45px;
}

#page-top a:hover {
text-decoration: none;
background:#000;
color:#fff;
}

#footer_sp ,#footer_sp img{
	display:none;
}

}


#ticket_list {
	width:950px;
	margin:0 auto;
}
.clearfix{
	height:40px;
	margin:30px 0 0 0;
}

.clearfix li {
	float:left;
}

.clearfix li a{
	font-weight: bold;
    font-size: 14px;
    color: #FFF;
    display: block;
    text-align: center;
    background: #526aa7;
    padding: 10px 20px 8px 20px;
    float: left;
    margin: 0 5px;
    text-align: center;
}


#ticket_list h3{
	margin:0 auto;
	padding-top:60px;
	font-size:40px;
	font-weight:bold;
	letter-spacing: 0.5em;
	color:#526AA7;
}
.clearfix02 th {
	font-size:14px;
}

.clearfix02 th a{
	padding:20px 0 18px 0;
}

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

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

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

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


table.List td.stock{
	text-align:center;
	width:8%;
}

table.List td.price1{
	text-align:center;
	width:12%;
}
table.List td.price2{
	text-align:center;
	color:#CC0000;
	width:20%;
}
table.List td.price2ColorBlack{
	text-align:center;
	width:20%;
}

table.List span.red{
	color:#CC0000;
}

.skiName {
	display:block;
	padding:2px 0 2px 15px;
	margin:30px 0 12px 15px;
	font-weight:bold;
	border-left:5px solid #000;
	font-size:16px;
}

#ticket_list table h4{
	width:100%;
	color:#333;
	font-size:20px;
	font-weight:bold;
	border-top:4px solid #CCC;
	padding:20px 0 4px 5px;
	letter-spacing: 0.5em;
	margin:0 auto;
	text-align:left;
}
#ticket_list table th h4{
	background:none\9;
}

*+html #ticket_list table th h4{
	background:none;
}

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

#ticket_list table td li{
	padding-left:15px;
	background:url("../img/icon_ticket.gif") no-repeat 0 40%;
}

strong{
	font-weight: bold;
}
.fontred{
	color: #ff0000;
}

#popup_title {
	border: solid 1px #999 !important;
}

div#popup_container h1{
	float: none;
}

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

/*---------------
SP(スキー場リフト券購入ページ)
---------------*/
@media screen and (max-width: 640px) {
.skiGround{
	background: #fff;
	line-height: 1.5;
	width: 96%;
	height: auto;
	margin: auto;
	padding: 10px 0;
}
section a img,
section a {
	-webkit-tap-highlight-color: #FFE077;
	-webkit-tap-highlight-color:rgba(255,224,119,0.5);
}
.skiGround .groundArea{
	width:100%;
	height:auto;
	position:relative;
}
.skiGround .groundArea > a{
	color: #0758a1;
	display:block;
	width:100%;
	height:100%;
	padding-bottom:5px;
}
.skiGround .groundArea > a:after :not(#commonInfo) {
	content:"";
	display:block;
	position:absolute;
	width:20px;
	height:26px;
	background:url(../img/1_img/arw_rightGray.png) no-repeat 0px 0px;
	background-size:50%;
	top:48%;
	right:0px;
	z-index:200;
}
.skiGround .groundArea ul{
	width:100%;
	display:-webkit-box;
	display:-moz-box;
	height:auto;
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	margin:0px auto;
	padding:10px 3px 0px 8px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.skiGround .groundArea ul li{
	font-size:11px;
}
.skiGround .groundArea p{
	color:#444;
	line-height:1.4em;
}
.skiGround .groundArea ul.mainData li.Photo{
	width:28%;
	padding:0 2% 0 0;
	display:table;
	vertical-align: middle;
}
.skiGround .groundArea ul.mainData li.groundName{
	width:44%;
}
.skiGround .groundArea ul.mainData li.groundName02{
	width:70%;
}
.skiGround .groundArea ul.detailData02{
	width:100%;
	padding-bottom:6px;
}
.skiGround .groundArea ul.detailData02 li{
	width:50%;
	min-height:30px;
	position:relative;
}
.skiGround .groundArea ul.detailData02 li img{
	width:48%;
	float:left;
	padding-right:1%;
}
.skiGround .groundArea ul.detailData02 li.fb{
	padding-top:3px;
	position:relative;
}
.skiGround .groundArea ul.detailData02 li.fb div{
	float:left !important;
	position:absolute;
	top:0px;
	left:0px;
}
.skiGround .groundArea ul.mainData li.groundName span,
.skiGround .groundArea ul.mainData li.groundName02 span,
.reviewDetail p span{
	width:70px;
	height:15px;
	display:inline-block;
	vertical-align:bottom;
	padding-left:5px;
}
span.star5{
	background:url(/sp/img/1_img/icon_stars.png) no-repeat 0px 2px;
	background-size:70px auto;
}
span.star4_5{
	background:url(/sp/img/1_img/icon_stars.png) no-repeat 0px -14px;
	background-size:70px auto;
}
span.star4{
	background:url(/sp/img/1_img/icon_stars.png) no-repeat 0px -32px;
	background-size:70px auto;
}
span.star3_5{
	background:url(/sp/img/1_img/icon_stars.png) no-repeat 0px -49px;
	background-size:70px auto;
}
span.star3{
	background:url(/sp/img/1_img/icon_stars.png) no-repeat 0px -66px;
	background-size:70px auto;
}
span.star2_5{
	background:url(/sp/img/1_img/icon_stars.png) no-repeat 0px -83px;
	background-size:70px auto;
}
span.star2{
	background:url(/sp/img/1_img/icon_stars.png) no-repeat 0px -100px;
	background-size:70px auto;
}
span.star1_5{
	background:url(/sp/img/1_img/icon_stars.png) no-repeat 0px -116px;
	background-size:70px auto;
}
span.star1{
	background:url(/sp/img/1_img/icon_stars.png) no-repeat 0px -133px;
	background-size:70px auto;
}
span.star0_5{
	background:url(/sp/img/1_img/icon_stars.png) no-repeat  0px -150px;
	background-size:70px auto;
}
span.star0{
	background:url(/sp/img/1_img/icon_stars.png) no-repeat 0px -168px;
	background-size:70px auto;
}
span.starb5{
	background:url(../img/1_img/icon_stars_big.png) no-repeat 0px 2px;
	background-size:130px auto;
}
span.starb4_5{
	background:url(../img/1_img/icon_stars_big.png) no-repeat 0px -24px;
	background-size:130px auto;
}
span.starb4{
	background:url(../img/1_img/icon_stars_big.png) no-repeat 0px -49px;
	background-size:130px auto;
}
span.starb3_5{
	background:url(../img/1_img/icon_stars_big.png) no-repeat 0px -75px;
	background-size:130px auto;
}
span.starb3{
	background:url(../img/1_img/icon_stars_big.png) no-repeat 0px -101px;
	background-size:130px auto;
}
span.starb2_5{
	background:url(../img/1_img/icon_stars_big.png) no-repeat 0px -128px;
	background-size:130px auto;
}
span.starb2{
	background:url(../img/1_img/icon_stars_big.png) no-repeat 0px -155px;
	background-size:130px auto;
}
span.starb1_5{
	background:url(../img/1_img/icon_stars_big.png) no-repeat 0px -179px;
	background-size:130px auto;
}
span.starb1{
	background:url(../img/1_img/icon_stars_big.png) no-repeat 0px -204px;
	background-size:130px auto;
}
span.starb0_5{
	background:url(../img/1_img/icon_stars_big.png) no-repeat  0px -231px;
	background-size:100%;
}
span.starb0{
	background:url(../img/1_img/icon_stars_big.png) no-repeat 0px -256px;
	background-size:100%;
}

em {
	color:#ff0000;
	font-weight:bolder;
	font-style:normal;
}

.skiGround .groundArea ul.mainData li.groundName p.value{
	height:30px;
	line-height:30px;
	width:62px;
}
.skiGround .groundArea ul.mainData li.groundName p{
	/*text-shadow:1px 0 1px #666;*/
	color:#000;
}
.skiGround .groundArea ul.mainData li.groundName .mainText,
.skiGround .groundArea ul.mainData li.groundName02 .mainText{
	font-size:15px;
	overflow: hidden;
	width:auto;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	font-weight:bold;
	color:#555;
}
.skiGround .groundArea ul.mainData li.Photo img{
	max-width:100%;
	border:#F6F6F6 1px solid;
	padding:2px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.skiGround .groundArea ul.mainData li.iconArea{
	width:28%;
}
.skiGround .groundArea ul.mainData li.iconArea img{
	width:46%;
	float:left;
	padding:0px 0px 0px 3px;
}
.skiGround .groundArea ul li.status span{
	color:#fc7140;
}
.skiGround .groundArea ul li.status,
.skiGround .groundArea ul li.course{
	width:100%;
	display:-webkit-box;
	display:-moz-box;
	height:auto;
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	margin:0px auto;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
ul.detailData{
	display:block !important;
}
.skiGround .groundArea ul li.status p,
.skiGround .groundArea ul li.course p{
	-webkit-transform: scaleX(0.90) !important;
	transform: scaleX(0.90) !important;
	-webkit-transform-origin: left top !important;
	transform-origin: left top !important;
	white-space:nowrap !important;
}
.skiGround .groundArea ul li.course span{
	color:#4fa6ff;
}
.skiGround .groundArea ul li.course p:first-child span{
	color:#F60;
}

.heart_icon {
}

.heart_icon_img{
    width: 18px;
    height: 18px;
}

.route_icon {
    position: absolute;
    left: 65%;
	bottom: -5%;
    text-align: center;
}

.route_icon_close {
    position: absolute;
    left: 65%;
	bottom: 19%;
    text-align: center;
}

.route_icon_green {
    position: absolute;
    left: 65%;
	top: 29%;
    text-align: center;
}

.route_icon_img {
	width: 40px;
	height: 40px;
}

.cource_map_icon {
    position: absolute;
    left: 45%;
	bottom: -5%;
    text-align: center;
}

.cource_map_icon_close {
    position: absolute;
    left: 45%;
	bottom: 19%;
    text-align: center;
}

.cource_map_icon_green {
    position: absolute;
    left: 45%;
	top: 29%;
    text-align: center;
}

.cource_map_icon_img {
	width: 40px;
	height: 40px;
}

.icon_subtext{
	font-size: 10px;
	color: #000000 !important;
}

.dn{
	display:none;
}
.navi-dorrop h1 a {
	display: block;
	width: 150px;
	height: 20px;
	background-image: url('./images/sp-sa8ea84dbca.png');
	background-position: 0 -50px;
	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: 16px;
	left: 16px;
}
.navi-dorrop  #btn-language {
	line-height: 5;
	width: 100px;
	float: left;
	text-align: center;
	cursor: pointer;
	font-weight:bold;
}
.lange_right{
	right: 0!important;
}
.navi-dorrop  #btn-language .icon-arrow {
	display: block;
	width: 13px;
	height: 7px;
	background-image: url('./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;
}
.navi-dorrop  #btn-language.active {
}
.navi-dorrop  #btn-language.active .icon-arrow {
	display: block;
	width: 13px;
	height: 7px;
	background-image: url('./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;
}
	.menu-btn {
		cursor: pointer;
		width:100px;
		font-weight: bold;
		line-height: 5;
		text-align: center;
		float: left;
	}
	.menu_open dl{
		margin: 0 0 5%;
		display: table;
		width: 100%;
		line-height:2;
	}
	.menu_open dl dt{
		width: 100%;
		color:#fff;
		font-size:16px;
		padding:0 0 0 3%;
		background:#22689c;
		font-weight: bold;
		display: table-cell;
		vertical-align: middle;
	}
	.menu_open dl dd img{
		width: 60px;
	}
	.menu_open p{
		margin:0 2% 6px;
		color:#fff;
		font-size: 18px;
		font-weight: bold;
	}

	.menu_open {
		display: none;
		box-sizing: border-box;
		background: #474747;
		z-index: 2;
		width: 100%;
		top:60px;
		position: absolute;
	}
	.menu_open .lists { padding:0; margin: 0 2% 5%; overflow: hidden;}

	.ul_menu {
		overflow:hidden;
		margin:0 2% 8%!important ;
		display: table;
		text-align:center;
		width: 96%;
	}
	.ul_menu a{
		width: 32%!important;
	}
	.ul_menu a:nth-child(2n){
		width: 2%!important;
		background:#474747;
	}
	.ul_menu li:nth-child(3n){
		margin:0 0 2%!important ;
	}
	.menu_open li {
		list-style:none;
		float:left;
		margin:0 2% 5px 0;
		width: 100%;
		text-align: center;
	}
	.menu_open .lists li:nth-child(2n) {
		margin:0 0 2%;
	}
	.lists a{
	width:10%!important;
	}
	.menu_open a {
		display: table-cell;
		position: relative;
		color: #272727;
		font-weight: bold;
		font-size: 1.1em;
		padding: 15px 5px;
		text-decoration:none;
		width: 90%;
		background:#dcdcdc;
		vertical-align: middle;
		margin:auto;
	}
	.menu_open dl:last-child dt  {
		background: none;
		display: table-cell;
		padding: 0;
		width: 100%;
	}
	.menu_open dl:last-child  {
		margin: 0 2% 10px;
		width: 96%;
	}
	.menu_open dl:last-child dt a {
		width: 20%;
		background: #dcdcdc;
		text-align: center;
		margin: 0;
		padding: 11px;
	}
	.menu_open dl:last-child dd img{
		width: 60px;
	}
	.menu_btn dt a {
		width:100%;
		background:#dcdcdc;
	}
	.menu_btn a:nth-child(2n) {
		width: 1%!important;
		border: none;
		background:none;
	}
	.menu_open dl:last-child dd  {
		background: none;
		margin: 0 0 5% 2%;
		display: table-cell;
		width: 98%;
	}
	.menu_btn li.nav-contact {
		border-bottom: none;
	}
	.menu_btn li.nav-contact a {
		color: #C13332;
	}
	.menu_btn .list-close {
		background: #333333;
		text-align: center;
		display: table-cell;
		width: 100%;
		vertical-align: middle;
	}
	.menu_btn .list-close img{
		width: 50px;
		vertical-align: middle;
	}
#menu_drop > div {
	position: relative;
	float: left;
	z-index: 2;
	width:100%;
}
.menu_list {
	cursor: pointer;
	padding: 0 20px;
	display: inline-block;
	line-height: 3.3;
	font-size:18px;
	font-weight:bold;
	color: #666666;
}
.menu_open {
	display: none;
	position: absolute;
}
.arrow:before {
	content:"";
	border: 8px solid transparent;
	border-bottom: 8px solid #474747;
	position: absolute;
	top: -15px;
	right: 10px;
}
.navi-dorrop  #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;
}
.navi-dorrop  #language-list {
	display: block;
	height: inherit;
}
.navi-dorrop div #langsideset{
	position: absolute;
	top: 48px;
	right: 90px;
 }
.navi-dorrop{
	position:relative;
	height:60px;
	background: #eeeeee;
}
	.menu_open .lists li {
		width:49%;
	}
	.menu_open .lists li:nth-child(2n) {
	    margin:0 0 2%;
	}
	.lists a{
	width:10%!important;
	}
	p.list-close{
		margin-left: auto!important;
		display: block!important;
		width: 25%!important;
		color:#fff!important;
		padding:12px 0;
	}
#tooltip{
	display:none;
}
.search_cate{
	font-size:14px;
	font-weight:bold
}

}