@charset "utf-8";

/* 基本レイアウト・フォント装飾関連 */
.roman-s { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px}
.f-bold { font-weight: bold}
.f-b-red { font-weight: bold ; color: #FF0000}
.f-b-y { font-weight: bold ; color: #FFFFCC}
.f-b-pink { font-weight: bold ; color: #FF6666}
.f-b-orange { font-weight: bold ; color: #FF6600}
.f-b-s-pink { font-weight: bold ; color: #FF3399}
.f-b-white { font-weight: bold ; color: #FFFFFF}
.f-b-purple { font-weight: bold; color: #B086B9}
.f-b-dp { font-weight: bold; color: #663399}
.f-b-green { font-weight: bold; color: #008888}
.f-b-blue { font-weight: bold; color: #0066CC}
.f-dp { color: #663399}
.f-white { color: #FFFFFF}
.f-red { color: #a00000}

/* レイアウト */
.t10b { font-size: 10px; line-height:14px;}
.t10-r { font-size: 10px ; color: #FF0000}	
.t10w { font-size: 10px; color: #FFFFFF}
.t14b { font-size: 14px ; font-weight: bold ; color: #666666}
.t14y { font-size: 14px ; font-weight: bold ; color: #FFFFCC}
.t16b { font-size: 16px; font-weight: bold; color: #3366CC}
	
/* CSS初期設定 */
#bg {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	width:950px;
	overflow:hidden;
}
#bg img {
	border:0;
	vertical-align:bottom;
}
#bg ul,#bg ol {
	list-style:none;
}
#bg a {
	overflow: hidden;
}
#bg strong {
	font-weight:bold;
}
.clear {
	clear: both;
}
.clearFloat:after { 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	line-height: 0; 
} 
.clearFloat { 
	display: inline-table; 
	min-height: 1%; 
} 
	/* for macIE \*/ 
* html .clearFloat { 
	height: 1%; 
} 
.clearFloat { 
	display: block; 
} 
/* end of for macIE */
.clearFloat {
	overflow:hidden;
}
a.OpaChange:hover *{
	filter:alpha(opacity=70); /*IE*/
	-moz-opacity:0.70; /*FF*/
	opacity:0.70;
}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

#dirPathBlock,
#anchorLinkBlock {margin: 0 1%;}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
#dirPathBlock p {width: max-content;}



/*gadget*/
.search_kokunaiBar .serchBox > ul > li {display: none!important;}
.search_kokunaiBar .serchBox .content_wrap {border: none!important;}
.search_kokunaiBar .serchBox > ul {border: none!important;}

/* 追従 */
.navMenuNew100.m_fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 999;
}


/*759px以下*/
@media screen and (max-width: 759.9px) {
#wrapper {line-height: 1.4;}
.spnone{display:none;}
.pr_banner a img {
    width: 96% !important;
    display: block;
    margin: 0 auto 1%;
}
#bnlinks, #crossLinkArea, div#bnlinks {display: none;}

/* CSS */
#dirPathBlock {
	overflow-x: scroll;
	overflow-y: hidden;
}
#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	margin: 1% 1% 0 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 12px;
	margin: 0 1%;
}

div#wrap{
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	font-weight:normal!important
}


div#wrapper{
	width:100%;
	margin:0;
	padding:0;
}
	
div#wrap div#wrapInner {
	width:100%;
}

/*ぱんくず*/
div#pastlist{
	display:block;
	line-height:1.34em;
	height:auto;
}
    * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    }
    
/*css追加*/

div#dirPathBlock{
	display:block;
	margin:5px 0 5px 0!important;
}

div#dirPathBlock a{
	display:inline!important;
	font-size:10px;
}

#inner950 h1{
	font-size:10px!important;
}

#leftWrap * {/*leftWrapには親セレクタ名を入れる*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    }

.topBtn {
	text-decoration: none;
	background: #FF7000;
	background: url(//www.nta.co.jp/sp/images/sp_btn_icon01.png) no-repeat 4% center, -moz-linear-gradient(top, #FF7000, #FF7000);
	background: url(//www.nta.co.jp/sp/images/sp_btn_icon01.png) no-repeat 4% center, -webkit-gradient(linear, left top, left bottom, from(#FF7000), to(#FF7000));
	background-size: 15px, auto;
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	line-height: 20px;
	margin: 10px auto 16px;
	padding: 14px 0;
	width: 92%;
	display: block;
	color: #fff;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: none;
}

.topBtn a{
	display:block;
	color:#FFF;
	text-decoration:none!important;
}

.topBtn a:link{
	display:block;
	color:#FFF;
	text-decoration:none!important;
}

.topBtn a:visited{
	color:#FFF;
	text-decoration:none!important;
}

.global-header a{
	text-decoration:none;
}

#footSP a{
	text-decoration:none;
}

/* CSS初期設定 */
#bg {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	width:950px;
	overflow:hidden;
}
#bg img {
	border:0;
	vertical-align:bottom;
}
#bg ul,#bg ol {
	list-style:none;
}
#bg a {
	overflow: hidden;
}
#bg strong {
	font-weight:bold;
}
.clear {
	clear: both;
}
.clearFloat:after { 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	line-height: 0; 
} 
.clearFloat { 
	display: inline-table; 
	min-height: 1%; 
} 
/* for macIE \*/ 
* html .clearFloat { 
	height: 1%; 
} 
.clearFloat { 
	display: block; 
} 
/* end of for macIE */
.clearFloat {
	overflow:hidden;
}

a.OpaChange:hover *{
filter:alpha(opacity=70); /*IE*/
-moz-opacity:0.70; /*FF*/
opacity:0.70;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

p.images img{
	width:250px;
	height:auto!important;
}

h1{
	background:none;
}

div.colum3T div{
	cursor:pointer;
}

div.colum3T div:hover img{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}
div.colum3T div:hover a{
	color:#FF8000;
	text-decoration:underline;
}

.naviNormal li{
font-size: 1.2em;
}

#title{
	margin:0;
	display:block;
	text-align:center;
	background:url(../images/title_01.jpg) no-repeat 50% 0%;
	background-size:280% auto!important;
	padding:10px 0 0;

}

#title p{
	width:100%;
	height:auto;
	margin:auto;
	display:block;
}

#title p img{
	width:100%;
	height:auto;
	margin:0 auto;
}

#title span{
	font-size:10px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	position:absolute;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	left: 0;
	width:100%;
	margin:0;
	bottom: 3%;
	display:none;
}

#title img{
	width:100%;
	height:auto;
}

#templeteWrap{
	width:100%;
}

.contInner02 .column2Area .section{
	float:none;
}

#wrapInner{
	width:100%!important;
}

#inner950{
	margin:0 auto;
	display:block;
}

#navList{
	background:#FFF;
	padding:8px;
	margin:0px auto 0px;
	display:block;
	overflow:hidden;
}

#navList li{
	display:inline-block;
	float:left;
	font-size:0.75rem;
	padding:5px;
	margin:0 5px 0 0;
}

#Foot .footBtmInner{
	font-size:12px!important;
}

.itemList4 a{
	color:#383333!important;
}

#leftBox{
	margin:0;
}

#rightBox{
	overflow:hidden;
	background:#F2F2F2;
	display:none;
}

.contInner, .contInner02 {
    padding: 15px 10px 20px;
    line-height: 1.6;
}



.contInner02 h2 span{
	font-size:12px;
	display:block;
}

/* =========================================================
◆common section
========================================================= */

/*-----------------------------------------------------
box(パーツ)
------------------------------------------------------*/
/*gray*/

.bgGrayArea {
	background:#DFF1FF
}


.bgGrayArea .cFix{
	display:block;
	margin:0;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.bgGrayArea .cFix a{
	color:#333333;
}

.bgGrayArea .cFix li{
	background:#FFF;
	overflow:hidden;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;

}
.bgGrayArea .thumb{
	width:50%;
	float:left;
	margin:0 10px 10px 0;
}

.bgGrayArea .thumb img{
	width:100%;
	height:auto;
}

.bgGrayArea .cFix dl{
	overflow:hidden;
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.bgGrayArea .cFix dt{
	font-size:0.9rem;
	font-weight:bold;
	margin:10px 0 0 0px;
	padding:0;
}

.bgGrayArea .cFix dd{
	padding:5px 10px 0 0;
	font-size:0.8rem;
	margin:0;

}

/*white*/

.bgWhiteArea .cFix{
	/* [disabled]display:block; */
	margin:0;

}

.bgWhiteArea .cFix a{
	color:#333333;
}
.bgWhiteArea .cFix li{
	background:#DFF1FF;
	overflow:hidden;
	margin:0 0 10px;
	padding:0 0 5px 0;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;

}
.bgWhiteArea .thumb{
	width:50%;
	float:left;
	margin:0 10px 10px 0;
}

.bgWhiteArea .thumb img{
	width:100%;
	height:auto;
}

.bgWhiteArea .cFix dl{
	overflow:hidden;
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.bgWhiteArea .cFix dt{
	font-size:0.9rem;
	font-weight:bold;
	margin:10px 0 0 0px;
	padding:0;
}

.bgWhiteArea .cFix dd{
	padding:5px 10px 0 0;
	font-size:0.8rem;
	margin:0;
}

h1{
	font-size:0.8rem!important
}

#dirPathBlock{
	font-size:0.6rem!important;
}

#navList{
	background:#FFF;
	padding:8px;
	margin:0px auto 0px;
	display:block;
	overflow:hidden;
}

#navList li{
	display:inline-block;
	float:left;
	font-size:0.75rem;
	padding:5px;
	margin:0 5px 0 0;
}

.navMenuNew100,.navMenuNew100_2{
	background:#3B7CC1;
	margin:0 0 0 0;
}
.navMenuNew100 *,navMenuNew100_2 *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.navMenuNew100 ul,.navMenuNew100_2 ul{
	text-align:center;
	margin:0;
	overflow:hidden;
	padding:0;
	display:table;
	width:100%;
}

.navMenuNew100 ul li,
.navMenuNew100_2 ul li{
	font-size:0.70rem;
	font-weight:bold;
	display:table-cell;
	width:25%;
	margin:0 0 0 0;
	color:#FF6;
	border-left:2px solid #FFF;
	position:relative;
	vertical-align:bottom;
}

.navMenuNew100 ul li:first-child,
.navMenuNew100_2 ul li:first-child{
	border-left:none
}

.navMenuNew100 ul li span,
.navMenuNew100_2 ul li span{
	display:block;
	padding:8px 0 7.6px 0

}

.navMenuNew100 ul li.select a,
.navMenuNew100_2 ul li.select a{
	font-weight:bold;
	margin:0 0 0 0;
	color:#FF6;


}

.navMenuNew100 ul li a,
.navMenuNew100_2 ul li a{
	color:#FFF;
	font-weight:bold;
	font-size:0.6rem;
	display:block;
	padding:30px 5px 5px;
	line-height:1.2em;
}

.nav01{background:url(../images/im_tab01.png) no-repeat 50% 10px; background-size:25px auto;}
.nav02{background:url(../images/im_tab02.png) no-repeat 50% 3px; background-size:20px auto;}
.nav03{background:url(../images/im_tab03.png) no-repeat 50% 3px; background-size:25px auto;}
.navJr{background:url(../images/im_tab04.png) no-repeat 50% 10px; background-size:45px auto;}

.column2Area{
	margin:0 0 0 0;
}

/*-----------------------------------------------------
box（固有の）
------------------------------------------------------*/
.newsCont ul li {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.newsCont ul li:last-child{border-bottom: none;}
.newsCont ul li span {
	display: inline-block;
	line-height: 1.2;
}
.newsCont ul li span.date {
	margin-right: 5px;
}
.newsCont ul li span.newsIco {
	color: #fff;
	padding: 4px 9px 3px;
	line-height:1;
	vertical-align:middle;
	margin-right: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.newsCont ul li span.newsIco.important {
	background: #e62d2d;
}
.newsCont ul li span.newsIco.kokunai {
	background: #dd335d;
}
.newsCont ul li span.newsIco.kaigai {
	background: #4eab26;
}
.newsCont ul li .text {
	display: block;
	margin-top: 5px;
}
/*btn*/
.yadoBtn a,.jrBtn a,.airBtn a,.orangeBtn a{
	color:#FFF!important;
	display:block;
	padding: 5px 0px;
	margin:0 10px 5px;
	background: -moz-linear-gradient(
		top,
		#f7aaaf 0%,
		#ea7c84);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#f7aaaf),
		to(#ea7c84));
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	/*border: 1px solid #ff8c00;
	-moz-box-shadow:
		0px 1px 1px rgba(179,107,0,0),
		inset 0px 0px 3px rgba(255,255,255,0);
	-webkit-box-shadow:
		0px 1px 1px rgba(179,107,0,0),
		inset 0px 0px 3px rgba(255,255,255,0);
	box-shadow:
		0px 1px 1px rgba(179,107,0,0),
		inset 0px 0px 3px rgba(255,255,255,0);
	text-shadow:
		0px -1px 0px rgba(255,140,0,0.2),
		0px 1px 0px rgba(255,140,0,1);*/
	text-align:center;
	font-size:14px;
	text-decoration:none!important;
	font-weight:bold;
	position:relative;
	clear:both;
}

.yadoBtn a:after,.jrBtn a:after,.airBtn a:after,.orangeBtn a:after{
	content:"";
	background:url(../images/smp/im_arrow.png) no-repeat;
	position:absolute;
	width:12px;
	height:12px;
	display:block;
	top:50%;
	right:5px;
	margin:-6px 0 0 0;
	background-size:100% auto;
}

.btnAll a{
	color:#FFF!important;
	display:block;
	padding: 10px 0;
	margin:10px 10px 0;
	background: -moz-linear-gradient(
		top,
		#ffb663 0%,
		#ff8c00);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffb663),
		to(#ff8c00));
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	/*border: 1px solid #ff8c00;
	-moz-box-shadow:
		0px 1px 1px rgba(179,107,0,0),
		inset 0px 0px 3px rgba(255,255,255,0);
	-webkit-box-shadow:
		0px 1px 1px rgba(179,107,0,0),
		inset 0px 0px 3px rgba(255,255,255,0);
	box-shadow:
		0px 1px 1px rgba(179,107,0,0),
		inset 0px 0px 3px rgba(255,255,255,0);
	text-shadow:
		0px -1px 0px rgba(255,140,0,0.2),
		0px 1px 0px rgba(255,140,0,1);*/
	text-align:center;
	font-size:16px;
	text-decoration:none!important;
	font-weight:bold;
	position:relative;
}

.btnAll a:after{
	content:"";
	background:url(../images/smp/im_arrow.png) no-repeat;
	position:absolute;
	width:12px;
	height:12px;
	display:block;
	top:50%;
	margin:-6px 0 0 0;
	right:5px;
	background-size:100% auto;
}

/**/
.yadoBtn a,.jrBtn a,.airBtn a,.orangeBtn a{
	color:#FFF!important;
	display:block;
	padding: 15px 0px;
	margin:0 10px 5px;
	background: -moz-linear-gradient(
		top,
		#f7aaaf 0%,
		#ea7c84);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#f7aaaf),
		to(#ea7c84));
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	/*
	border: 1px solid #ff8c00;
	-moz-box-shadow:
		0px 1px 1px rgba(179,107,0,0),
		inset 0px 0px 3px rgba(255,255,255,0);
	-webkit-box-shadow:
		0px 1px 1px rgba(179,107,0,0),
		inset 0px 0px 3px rgba(255,255,255,0);
	box-shadow:
		0px 1px 1px rgba(179,107,0,0),
		inset 0px 0px 3px rgba(255,255,255,0);
	text-shadow:
		0px -1px 0px rgba(255,140,0,0.2),
		0px 1px 0px rgba(255,140,0,1);*/
	text-align:center;
	font-size:14px;
	text-decoration:none!important;
	font-weight:bold;
	position:relative;
	clear:both;
}

.yadoBtn a:after,.jrBtn a:after,.airBtn a:after,.orangeBtn a:after{
	content:"";
	background:url(../images/smp/im_arrow.png) no-repeat;
	position:absolute;
	width:12px;
	height:12px;
	display:block;
	top:50%;
	right:5px;
	margin:-6px 0 0 0;
	background-size:100% auto;
}


.mt20{
	margin-top:20px;
}

.nt20{
	margin-top:-20px;
	margin-bottom:40px;
}

.panf{
	margin:0 0 30px 0;
	padding:0;
}

.panf li{
	float:left;
	margin:0 0 0 25px;
}

.price{
	color:#F00;
	font-size:18px;
	font-weight:bold;
	display:block;
	text-align:center;
	clear:both;
}

.bgGrayArea,.bgWhiteArea{
	padding-left:0!important
}

.nt20{
	margin-top:0!important;
}

.kokunai ul li dl dd span{
	color:#000!important;
	display:block;
	margin:0 0 10px;
}

.panf{
	margin:0 0 30px 0;
	padding:0;
}

.panf li{
	float:left;
	margin:0 0 0 25px;
	width:33.333333333333333%;
	background:#FFF!important;
	-moz-border-radius: 0!important;
	-webkit-border-radius: 0!important;
	border-radius: 0!important;
}

.panf li img{
	margin:0 5px;
	-moz-border-radius: 0!important;
	-webkit-border-radius: 0!important;
	border-radius: 0!important;
}

.price{
	color:#F00;
	font-size:18px;
	font-weight:bold;
	display:block;
	text-align:center;
	clear:both;
}

.textTop{
	display:block;
	margin:0 0 0 0;
	padding:0 0 10px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
	
.textTop strong{
		font-size:20px;
		color:#F00;
		font-weight:bold;
		display:block;
}
	
.textTop span{
		font-size:10px;
}

	#attention{
	margin:20px 10px 20px;
	padding:0;
}
	
	#attention dt{
		margin:0;
		padding:10px;
		background:#999;
		color:#FFF;
		font-size:14px;
		font-weight:bold;
		text-shadow:none!important
}
	
	#attention dd{
		border:1px solid #999;
		margin:0;
		padding:10px;
		line-height:1.8em;
}
	
.inner950{
	margin:0;
	padding:0;
}


.Textbox{
	display:block;
	padding:10px;
}

.borderGray{
	border:1px solid #999;
}

.bgWhite{
	background:#FFF;
}

.bgff5400{
	background:#ff5400;
}

.marginBottom10{margin:0 0 5px 0;}
.marginBottom20{margin:0 0 10px 0;}
.marginBottom30{margin:0 0 20px 0;}
.marginBottom40{margin:0 0 30px 0;}

.paddingBottom10{margin:0 0 5px 0;}
.paddingBottom20{margin:0 0 10px 0;}
.paddingBottom30{margin:0 0 20px 0;}
.paddingBottom40{margin:0 0 30px 0;}

.font-size14{font-size:14px;}
.font-size16{font-size:16px;}
.font-size18{font-size:18px;}
.font-size20{font-size:20px;}


	
.boxDl{
}
	
.boxDl dt{
	margin:0;
	padding:10px;
	color:#FFF;
	font-weight:bold;
}
	
.boxDl dd{
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	margin:0;
	padding:10px;
	line-height:1.8em;
}

.boxDl dd ul li{
	background:url(../images/smp/im_check.png) no-repeat 0 8px;
	padding:0 0 0 20px;
	background-size:15px auto;
	font-size:0.8rem;
}

/*original*/
#pointBox{
	display:block;
	margin:0;
	padding:0 0 10px 0;
	overflow:hidden;
}

#pointBox li{
	background:#FFF;
	margin:0 0 0 5px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	padding:5px;
	line-height:18px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}

#pointBox li br{
	display:none;
}

#pointBox li span{
	font-size:10px;
}

#pointBox li#point01{
	background:#FF6600;
}

#pointBox li#point02{
	background:#009900;
}

#pointBox li#point03{
	background:#0099FF;
}

#pointBox li#point04{
	background:#FF3366;
}

#pointBox li#point05{
	background:#663399;
	letter-spacing:-0.05em;
}

/*check*/
@media screen and (max-width: 600px) {
.imgSmpTime{
	width:100%;
	height:auto;
}
}
@media screen and (min-width: 601px) {
.imgSmpTime{
	width:50%;
	height:auto;
	float:left;
}
}

.clear{
	display:block;
	clear:both;
}


/*box*/

.moshikomiBox{
	background:#FFF;
	margin:0 0 20px 5px;
	padding:0 0 1px 0;
	border:1px solid #CCC;
}

.moshikomiBox dl{
	display:block;
	margin:0;
	padding:0;
	overflow:hidden;

}


.moshikomiBox dl:nth-child(2n) {
	background:#FFFFCC;
}


.moshikomiBox dt.width{
	width:14.2222999999%;
	display:block;
	text-align:center;
	float:left;
	margin:0;	padding:8px 0 8px 0;
	border-right:1px solid #FFF;
	background:#999999;
	color:#FFF;
	color:#FFF551;
	font-size:11px;
	letter-spacing:-0.05em;
}

.moshikomiBox dd.width{
	width:14.2222999999%;
	display:block;
	text-align:center;
	float:left;
	margin:0;	padding:8px 0 8px 0;
	border-bottom:1px solid #999999;
	background:#999999;
	color:#FFF;
	border-right:1px solid #FFF;
}

.moshikomiBox dd:nth-child(7) {
	border-right:none;
}


.moshikomiBox dd.width strong{
	font-weight:bold!important
}
.moshikomiBox dd.long{
	display:block;
	overflow:hidden;
	margin:0;	padding:8px 0 8px 0;
	border-top:1px solid #FFF;
	border-right:none;
	width:100%;
	background:#999999;
	color:#FFF;
}

.moshikomiBox dd.btn{
	display:block;
	overflow:hidden;
	margin:0 0 0 0;
	padding:8px 2% 8px 0;
	border-bottom:1px solid #CCC;
	border-right:none;
	width:100%;
}



.moshikomiBox dd.btn a:after{
	width:13px;
	height:13px;
	content:"";
	display:block;
	background:url(../images/im_arrow.png) no-repeat;
	position:absolute;
	top:40%;
	right:1%;
}	
	
	
.moshikomiBox dd.btn a{
/* Permalink - use to edit and share this gradient: //colorzilla.com/gradient-editor/#ffaa00+2,ff8c00+100 */
background: #ffaa00; /* Old browsers */
background: -moz-linear-gradient(top,  #ffaa00 2%, #ff8c00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#ffaa00), color-stop(100%,#ff8c00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffaa00 2%,#ff8c00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffaa00 2%,#ff8c00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffaa00 2%,#ff8c00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffaa00 2%,#ff8c00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaa00', endColorstr='#ff8c00',GradientType=0 ); /* IE6-9 */	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
/*	border: 1px solid #ff8c00;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px -2px 1px rgba(235,129,0,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px -2px 1px rgba(235,129,0,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px -2px 1px rgba(235,129,0,1);
	text-shadow:
		1px 1px 0px rgba(255,140,0,1),
		0px 1px 0px rgba(255,140,0,0.2);*/
	display:block;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	text-decoration:none!important;
	font-size:12px;
	padding:5px 0;
	margin:0 0 2px 2%;
	position:relative;
	width:48%;
	float:left;
}

.moshikomiBox dd.btn a:after{
	width:13px;
	height:13px;
	content:"";
	display:block;
	background:url(../images/smp/im_arrow.png) no-repeat;
	background-size:10px auto;
	position:absolute;
	top:34%;
	right:2%;
}



.moshikomiBox dd.btn a{
	display:block;
}

.moshikomiBox dd.btn a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	text-decoration:none!important;
}

.moshikomiBox dd{
	width:14.2222999999%;
	display:block;
	text-align:center;
	float:left;
	margin:0;	padding:8px 0 8px 0;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	letter-spacing:-0.05em;
	font-size:11px;
}

.tableBox{
	display:block;
	background:#FFF;
	width:0 auto;
}

.moshikomiBox dd span{
	color:#F00;
	font-size:9px
}

.pdAdd{
	padding-left:10px;
	padding-right:10px;
}


.midashi{
	background:#999;
}

#panf img{
	width:100%;
	height:auto;
}


/*add*/
.checkOrange{
	font-size:13px;
	font-weight:bold;
	/*margin:0 2%;*/
	padding:0;
}

.checkOrange li{
	display: block;
    margin: 0 auto 10px auto;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #CCC;
    width: 100%;
}

.checkOrange li span{
	background:#448FCA;
	display:inline-block;
	padding:0 8px 0 8px;
	margin:0 10px 0 0;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	color:#FFF;
	font-size:12px!important;
}

.checkOrange li strong{
	color:#F00;
	font-weight:bold;
	font-size:18px;
	margin:0 0 0 25px;
}

.checkOrange li a{
	display:block;
}

.checkOrange.news li a{
	display:inline-block;
}

.checkOrange li.li_in a{
	display:inline-block;
	margin:0 0 0 5px;
}

.smpnone{
	display:none!important
}

.hotel dl{
	overflow:visible!important;
	float:none;
}

.hotel dd{
	clear:both!important;
	display:block;
	width:100%;
	margin:0!important;
}

.hotel dd a{
	margin:0 0 5px 10px;
	padding:5px 10px 5px 0!important;
}

.map .thumb{
	width:30%;
}

.bgGrayArea .map dl dd a{
	display:block;
	color:#0165D7!important;
	margin:0 0 5px 0;
	padding:0 0 5px 15px;
	border-bottom:1px dotted #CCC;
	background:url(../../2015images/im_arrow_map.png) no-repeat 0 5px;
	background-size:10px auto;
}


.map dl{
	margin-bottom:10px!important;
}
.map dl dd span{
	background:#DFF1FF;
	
}

.map dl dd a span{
	display:inline!important;
	background:none;
	color:#0165D7!important;
}





.textlink{
	display:block;
	float:left;
	background:url(../images/im_arrow_map.png) no-repeat 0% 45%;
	background-size:12px auto;
	padding:0 0 0 15px;
	margin:0 0 0 5px;
}

.textlink a{
	font-size:12px!important;
	font-weight:bold;
}
/*.area{
	font-size:16px;
	background:#DFF1FF;
	color:#005ABC;
	margin:0 0 10px 0;
	padding:5px;
	font-weight:bold;
	border-left:8px solid #005ABC;
}*/


.yetTab{
	position:relative!important
}

.yetTab p{
	position:absolute;
	background:#FFF;
	display:block;
	width:100%;
	height:100%;
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	padding:10px 0;
	top:0;
	left:0px;
	cursor:default!important;
	color:#000;
}


.itemList4.gray.gelende li .thumb{
	width:100%;
	float:none;
}

.gelende li dt{
	display:block;
	padding:0 10px!important;
}

.gelende li dd{
	display:block;
	padding:0 10px!important;
}

.gelende table{
	background:#FFF;
	border-collapse: separate!important;
	margin:10px 0 10px 0;
	width:100%;
}


.gelende table th{
	width:4em;
	box-sizing: content-box;
	padding:5px;
	background:#005ABC;
	color:#FFF;
	border-bottom:1px solid #DFF1FF

}

.gelende table td{
	padding:5px;
	border-bottom:1px solid #DFF1FF;

}


/*tab*/
#tab2{
	overflow:hidden;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#tab2 p{

}


#tab2 p.no{
	background:#CCCCCC 50% 86%;
	background-size:8px auto;
	text-align:center;
	width:33.222222222222%;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	float:left;
	font-size:12px;
	color:#FFFFFF;
	padding:10px 0 10px 0;
	text-decoration:none!important
}


#tab2 p a{
	background:url(../images/im_arrow_b_bottom.png) no-repeat #DFF1FF 50% 86%;
	background-size:8px auto;
	text-align:center;
	width:33.222222222222%;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	float:left;
	font-size:12px;
	color:#005ABC;
	padding:10px 0 10px 0;
	text-decoration:none!important
}

#tab2 p.select a{
	background:url(../images/im_arrow_bottom.png) no-repeat #005ABC 50% 86%;
	background-size:8px auto;
	text-align:center;
	width:33.222222222222%;
	float:left;
	margin-right:0.15%;
	font-size:12px;
	padding:10px 0 10px 0;
	text-decoration:none!important;
	color:#FFF;
	font-weight:bold;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
}

#tab3{
	background:#005ABC;
	margin:0 0 15px 0;
	padding:5px 0 2px 0;
	text-align:center;
}

#tab3:before,
#tab3:after {
    content: " ";
    display: table;
}

#tab3:after {
    clear: both;
}

#tab3 p{
	color:#005ABC;
	display:block;
	padding:8px 0;
	margin:0 0 3px 1.2%;
	font-size:10px;
	letter-spacing:-0.05em;
	cursor:pointer;
	width:48%;
	float:left;
	-webkit-border-radius: 3px 3px 3px;
	border-radius: 3px 3px 3px;
	background:#DFF1FF;
}

#tab3 p.select{
	font-weight:bold;
	color:#005ABC;
	padding:8px 0;
	background:url(../images/im_arrow_b_bottom.png) no-repeat #FFF 50% 94%;
	background-size:8px auto;
}

#tab3 p:last-child{
	border-right:none;
}

.attentionText{
	display:block!important;
	color:#333!important;
	font-size:12px!important;
}

.hide{
	display:none;
}

/*comingsoon*/
.cs_area{
	position:relative !important;
}

.cs_area .cs_box{
	position:absolute;
	top:0;
	/*top:50%;
	left:50%;*/
	height: 100%;
width: 100%;
	font-size:22px;
	color:#fff;
	background:#000;
opacity: 0.7;
z-index:999;
		 }

.cs_area .cs_box p{
	text-align:center;
	position:absolute;
top: 50%;
	left:30%;
        margin-top: -1em;
		 }

	#navList{
	background:#FFF;
	padding:8px 0 8px 0px;
	margin:0px auto 0px;
	display:block;
	overflow:hidden;
	text-align:left
}
	
	#navList li{
		display:inline-block;
		font-size:11px;
		padding:0;
		margin:0 0 5px 0;
		width:50%;
}
	
	#navList li a{
		background:#2c93ae;
		display:block;
		padding:8px 15px 8px 8px;
		color:#FFF;
		-webkit-border-radius: 8px 8px 8px 8px;
		border-radius: 8px 8px 8px 8px;
		box-shadow: 0 4px 4px rgba(0,0,0,0.1);
		border-bottom:3px solid rgba(0,0,0,0.2);
		position:relative;
		margin:0 2px;
}

	#navList li a:after{	
	position:absolute;
	top:50%;
	right:10px;
	content:""; /* 空の要素を作成 */
	width:0;
	height:0;
	margin-top:0; /* 位置を中心に調整 */
	border-width:5px;
	border-style:solid;
	border-color:#FFF transparent transparent transparent;
	/*border-left-color:#FFF;  矢印の色 */
}
	
#navList li a:hover{
	text-decoration:none!important
}

/* リフト券割引
------------------------------------------------ */
.ski_ticket {
	width: 100%;
	font-size: 12px;
	margin: 10px auto 15px auto;
	padding: 10px;
	background:#FFE1E1;
		-webkit-border-radius: 8px 8px 8px 8px;
		border-radius: 8px 8px 8px 8px;
}

.ski_ticket span{
	color:#FF3300;
}

.ski_ticket span.st_att {
	font-size: 11px;
	color: #F00;
}

.ski_ticket a:link {
    color: #0066cc !important;
    text-decoration: none;
}

/*情報枠smp_btn*/
.checkOrange.news a.smp_pink_btn{
	background: #ff99cc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    position: relative;
    width: 45%;
    padding: 1.5%;
    margin: 0.5% 1%;
    float: left;
}

.checkOrange.news a.smp_green_btn{
	background: #00b050;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    position: relative;
    width: 45%;
    padding: 1.5%;
    margin: 0.5% 1%;
    float: left;
}

.checkOrange.news a.smp_blue_btn{
	background: #0070c0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    position: relative;
    width: 31%;
    padding: 1.5%;
    margin: 0.5% 1%;
    float: left;
}

.checkOrange.news a.smp_gray_btn{
	background: #f2f2f2;
    display: block;
    color: #000;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    position: relative;
    width: 24%;
    padding: 1.5%;
    margin: 1% 0.5%;
    float: left;
	border:2px solid #0070c0;
}

.checkOrange.news a.smp_pink_btn:after,
.checkOrange.news a.smp_green_btn:after,
.checkOrange.news a.smp_blue_btn:after{
    width: 13px;
    height: 13px;
    content: "";
    display: block;
    background: url(//www.nta.co.jp/summer/images/im_arrow.png) no-repeat;
    position: absolute;
    top: 40%;
    right: 1%;
}

.checkOrange li:after{
    content: "";
    width: 0;
    height: 0;
	clear:both;
	display:block;	
}

/*信州新潟のみ幅が2倍*/
.checkOrange.news li:nth-of-type(3) a.smp_gray_btn:nth-of-type(3){
	width: 49%;
}

/*リフト券*/
div.contInner02 .column2Area.topItem2List .section.kokunai ul.gelende li.lift_tiket{
	width: 65%!important;
    clear: both;
    text-align: center;
    font-size: 18px;
    padding-top: 2%;
    background-color: #ff9326;
    margin: 0 auto 5% auto!important;
}

div.contInner02 .column2Area.topItem2List .section.kokunai ul.gelende li.lift_tiket a{
    color: #FFF!important;
	position:relative;
}

div.contInner02 .column2Area.topItem2List .section.kokunai ul.gelende li.lift_tiket a:after {
    width: 13px;
    height: 13px;
    content: "";
    display: block;
    background: url(//www.nta.co.jp/shared2015/common/images/im_arrow.png) no-repeat;
    position: absolute;
    top: 30%;
    left: -20%;
}

/*tripa*/
#tripa_box div{
	overflow:hidden;
	padding:15px;
	margin:0 0 0 0;
	border-bottom:1px solid #e2e2e2;
	background:#FFF;
}

#tripa_box div p{
	float:left;
	margin:0 20px 0 0;
	width:75px;
	height:75px;
}

#tripa_box div p img{
	width:100%;
	height:auto;
}

#tripa_box div dl{
	overflow:hidden;
	display:block;
}

#tripa_box div:last-child{
	border-bottom:none
}


#tripa_box div dl dt{
	font-size:16px;
	margin:0 0 10px 0;
}

#tripa_box div dl dt a{
	color:#000;
}

#tripa_box div dl dd{
	font-size:14px;
	color:#999;
}

#tripa_box div dl dd > span{
	display:block;
	margin:5px 0 0 0;
}

#tripa_box div dl dd > span a{
	color:#CCC;
}

#tripa_box div dl dd > span span{
	color:#F69;
	display:inline;
}
/*セットプラン*/
.setplan_box {
  position: relative;
  background: #EFF8FF;
  padding: 30px 0 0px;
  text-align: center;
  margin: 2rem auto;
}


.setplan_label {
  position: absolute;
  top: 0px;
  background: #FFFF80;
  color: #005ABC;
  font-weight: bold;
  padding: 2px 10px 3px;
  border-radius: 8px;
  border: 2px solid #005ABC;
  font-size: 1rem;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 90%;
}



.setplan_label::after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  width: 0px;
  height: 0px;
  border-width: 8px;
  border-style: solid;
  border-color: #005ABC transparent transparent transparent;
}

.setplan_label::before {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  Z-INDEX: 99;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-width: 11px;
  border-style: solid;
  border-color: #FFFF80 transparent transparent transparent;
}


.setplan_content p {
  font-size: 1.5rem;
  font-weight: bold;
  color: #005ABC;
  margin: 0;
  line-height: 1.25;
}

.setplan_box img {
  width: 100%;
}

.orange_text {
  color: #ea7c84;
  font-size: 1.5rem !important;
}


/*おすすめのホテル*/
.hotel_wrap {}

.hotel_item {
  width: 100%;
  text-align: center;
  margin: 1rem auto;
}

    .hotel_titleName {
        margin: 1rem auto;
        width: 100%;
        background: #005abc;
        color: #FFF;
        font-weight: bold;
        font-size: 1.5rem;
        text-align: center;
        padding: 0px 0 3px;
    }
.hotel_title {
  position: relative;
  display: inline-block;
  font-weight: bold;
  color: #005ABC;
  margin-bottom: 5px;
  font-size: 1.2rem;
  padding: 0 10px;
}


.hotel_title::before,
.hotel_title::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background: #005ABC;
  top: 50%;
}

.hotel_title::before {
  left: -25px;
  transform: rotate(45deg);
}

.hotel_title::after {
  right: -25px;
  transform: rotate(-45deg);
}

.hotel_box {
  background: #f0f7ff;
  border-radius: 20px;
  text-align: center;
  padding: 20px 20px 10px;
  box-sizing: border-box;
  margin: auto;
}

.hotel_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hotel_icon {
  width: 120px;
  height: 120px;
}

.hotel_icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.hotel_item {
  text-align: center;
}

.hotel_subtitle {
  position: relative;
  display: inline-block;
  font-size: 1.25rem;
  color: #0056cc;
  font-weight: bold;
  margin: 5px 0 5px 0;
  padding: 0 5px;
}

.hotel_subtitle::before,
.hotel_subtitle::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 100px;
  height: 2px;
  background: #0056cc;
}

.hotel_subtitle::before {
  left: -120%;
}

.hotel_subtitle::after {
  right: -120%;
}

.hotel_list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-weight: bold;
  line-height: 1.8;
  width: 100%;
}

.hotel_list li {
	margin-bottom: 10px;
	font-size: 15px;
}
.hotel_list li a {
	display: block;
	width: 100%;
	padding: 10px 0;
	background: #fff;
	border: 1px solid #005ABC;
	border-radius: 5px;
	text-align: center;
	color: #005ABC;
	line-height: 1;
}



h2.commonTit,h3.hotel_wrap_title{
        font-size: 1.1rem;
        font-weight: bold;
        padding: 0 0.5em;
        color: #222;
        background: transparent;
        border-left: solid 5px #222;
        margin: 1rem 0;
}

.btn {
    width: 80%;
    background: url(../../images/arrow.png) no-repeat #ea7c84 95% 50%;
    background-size: auto 13px;
    display: block;
    margin: 0 auto 5% auto;
    padding: 12px 0 8px 0;
    color: #FFF!important;
    font-size: 16px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    font-family: 'Noto Sans Japanese', sans-serif;
    border-bottom: 2px solid rgba(0,0,0,0.2)!important;
    text-align: center;
}

/**/
.map li{
	background:#DFF1FF;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	overflow:hidden;
	margin-bottom:20px;
}

.thumb{
	width:30%;
	float:left;
}

.map dl{
	overflow:hidden;
	padding:15px 15px 0;
}

.map dl dt{
	font-size:18px;
	font-weight:bold;
}

.map dl dd span{
	background:#FFF;
	padding:5px;
	font-size:12px;
}

.map dl dd a{
	display:block;
	font-size:13px;
	margin-bottom:5px;
	padding:0 0 0 20px;
	padding-bottom:5px;
	background: url(../../2015images/im_arrow_map.png) no-repeat 0 5px;
	background-size: 10px auto;
	border-bottom:1px solid rgba(255,255,255,0.8);
}

.orangeBtn {
	clear:both;
}

.orangeBtn a{
	width:100%!important;
	margin: 0;
}

/**/
.catche{
	font-size:14px;
	margin-bottom:20px;
	padding:0 20px;
}

.jrOtokuBox{
	overflow:hidden;
	border:1px solid #F00;
	-webkit-border-radius: 5px 5px 0 0; 
	border-radius: 5px 5px 0 0; 
	font-size: 16px;
    font-weight: bold;
}

.jrOtokuBox h3{
	background:#F00;
	color:#FFF;
	font-size:15px;
	padding:10px;
    line-height: 1.2;
	text-align:center;
	margin-bottom:15px;
}

.jrOtokuBox h3 strong{
	font-size:20px;
	font-weight:bold;
	color:#FF0;
}

.jrOtokuBox_sub{
    width: 364px;
    margin:0;
    float: left;
    text-align: center;
	color: #F00;
}

.jrOtokuBox > strong{font-size:24px;color:#F00;display: block;}

#back_plus{
	text-align:center;
	margin-bottom: 3%;
	position: relative;
}

#back_plus .center_plus{
	margin: 2%;
}

#back_plus .left,
#back_plus .right{
	-webkit-border-radius: 5px 5px 0 0; 
	border-radius: 5px 5px 0 0;
}

#back_plus .left,
#back_plus .right{
	margin:0 3%;
}

#back_plus .left > span,
#back_plus .right > span{
	color:#F00;
}

#back_plus .left{
	border:1px solid #005abc;
}

#back_plus .right{
	border:1px solid #ff9326;
}

#back_plus .left dt{
	background:#005abc;
	color:#FFF;
	padding: 2% 0;
}

#back_plus .right dt{
	background:#ff9326;
	color:#FFF;
	padding: 2% 0;
}

#back_plus .left dd,
#back_plus .right dd{
	font-weight: normal;
    font-size: 1em;
    padding: 8px 0;
}

.price_box {
	text-align: center;
}

.price_box strong{
	font-size:26px;
	color:#F00;
	display:block;
}

.jrOtokuBox > a{
	font-size: 14px;
    text-align: center;
    display: block;
    margin: 1%;
}

/**/
.serchBox{
	display:block;
	text-align:center;
}
/*
.serchBox li{
	display:inline-block;
	width:30%;
	text-align:center;
	padding:15px 0;
	font-size:18px;
	background:#ED6E63;
	color:#FFF;
	margin:0 0 0 15px;
}


.serchBox li.select{
	background:#dc1000
}
*/
.serchB{

	padding:10px;
	overflow:hidden;
}

.serchB .left{
}

.serchB .right{

}

.serchB dl{
	text-align:left;
	margin-bottom:15px;
	overflow:hidden;
	font-size:14px;
}

.serchB dl dt{
	display:inline-block;
	width:100px;
	padding-top:5px;
	float:left;
	font-weight:bold;
}

.required{
	background:#F00;
	padding:4px;
	color:#FFF;
	font-size:10px;
	margin-right:10px;
}

.serchB dl dd{
	overflow:hidden;
}

.serchB select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	width: 100%;
	padding: 4px;
	margin-bottom:5px;
	margin-right:8px;
	border: 1px solid #999;
	font-size:14px;
	background:url(../images/im_serch_arrow.png) no-repeat #FFF 100% 50%;
	background-size:20px auto;
}

.serchB input{
	padding: 4px;
}

.roadBox{
	width:100%;
	text-align:left;
	font-size:14px;
	margin-bottom:18px;
}


.roadBox p{
	display:inline-block;
	margin-right:15px;
	
}




.base_gadget_calendar {
    position: absolute;
    right: 10px!important;
    top: 5px;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.item{
	overflow:hidden;
}
.item .title{
	width:220px;
	float:left;
	padding-top:10px;
}

.item_in{
	overflow:hidden;
}

.item_in span{
	width:100px;
	display:inline-block;
}


/*btn*/
.btnSerch{
	width:100%;
	clear:right;
}

.btnSerch a,.btnSerch button,.btnSerch input{
	padding:12px;
	background:url(../images/smp/im_arrow.png) no-repeat #FF9000 97% 50%;
	background-size:20px auto;
	color:#FFF;
	border:2px solid #FF9000;
	font-size:16px;
	text-align:center;
	width:100%;
	cursor:pointer;
	margin:0 auto;
	display:block;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	border-bottom:3px solid rgba(0,0,0,0.2);
	clear:both;
}

.btnSerch a:hover,.btnSerch button:hover,.btnSerch input:hover {
	transition: 0.2s ;
	opacity: 0.8 ;
	text-decoration:none!important
}

a.font-size12{
	width:100%;
	color:#FFF!important;
}

.skiList{
	margin: 8px 0 0 0;
}

.skiList .contInner02 .column2Area .section{
	margin-bottom:5px;
}
.skiList .contInner02 .column2Area .section.kokunai h2,
#qanda_box .contInner02 h2,
#sarch_box.contInner02 h2 {
	text-align: center;
	font-size: 18px;
}
.skiList .contInner02 .column2Area .section.kokunai div.ski_list {
	text-align: center;
}

.skiList a{
	font-size: 17px;
    display: inline-block;
    padding: 3px 8px;
    position: relative;
}

.skiList a:before{
    left: 3px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #005ABC;
    border-right: 1px solid #005ABC;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.yet{
	position:relative;
	margin-bottom:15px;
}

.yetBox{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:99;
	background:rgba(0,0,0,0.6);
}

.yetBox span{
	display:block;
	font-size:35px;
	text-align:center;
	color:#FFF;
	padding:100px
}

/*serchbox*/
#sarch_box {
    border: 1px solid #005abc;
    padding: 0;
	margin: 0 2%;
}

#sarch_box h2.link01{
    background: #005abc;
    color: #FFF;
	text-indent: 1%;
}

/*Q&A*/
#qanda_box {
	margin-bottom: 5%;
    background: #dff1ff;
    padding: 0 15px;
}
#qanda_box .contInner02 h2 {margin: 15px 0;}
#qanda_box div > b {
    background: #005ABC;
    font-size: 16px;
    margin: 0 1% 1% 0;
    color: #FFF;
    width: 9%;
    text-align: center;
	float:left;
}

#qanda_box div h3{
	font-size: 16px;
    margin-bottom: 3%;
    color: #005ABC;
    line-height: 1.5;
	width:90%;
	float:left;
}
#qanda_box div p{
	width:90%;
	float:left;
	font-size: 14px;
	margin-bottom: 8%;
	line-height: 1.5;
}

/*ハッシュタグ*/
.hashtag_box > a{
	font-size: 14px;
    margin: 0 2px 5px;
    padding: 5px;
    border-radius: 30px;
    color: #222!important;
    display: inline-block;
    border: 1px solid #ccc;
}

/*------------------------------
scroll item
------------------------------*/
.scrollbox_wraper {
	margin-bottom: 25px;
	position: relative
}
.scrollbox_wraper .scroll_left_btn,
.scrollbox_wraper .scroll_right_btn {
    width: 32px;
    height: 32px;
    position: absolute;
    top: calc(50% - 32px);
    display: block;
    z-index: 1;
    background: #FFF;
    border-radius: 50%;
    box-shadow: 0px 0px 6px #888
}
.scrollbox_wraper .scroll_left_btn {left: 0;}
.scrollbox_wraper .scroll_right_btn {right: 0;}
.scrollbox_wraper .scroll_left_btn:after,
.scrollbox_wraper .scroll_right_btn:after,
.scrollbox_wraper .scroll_left_btn:before,
.scrollbox_wraper .scroll_right_btn:before {
    content: "";
    display: block;
    width: 0;
    height: 0
}
.scrollbox_wraper .scroll_left_btn:after {
	position: absolute;
	top: 16px;
	left: 11px;
    border-left: 2px solid;
    border-top: 10px solid;
	transform: rotate(-45deg);
	-webkit-transform-origin-y: top;
	transform-origin: top
}
.scrollbox_wraper .scroll_right_btn:after {
	position: absolute;
	top: 16px;
	right: 11px;
	border-left: 2px solid;
	border-top: 10px solid;
	transform: rotate(45deg);
	-webkit-transform-origin-y: top;
	transform-origin: top
}
.scrollbox_wraper .scroll_left_btn:before {
	position: absolute;
	top: 7px;
	left: 11px;
    border-left: 2px solid;
    border-top: 10px solid;
	transform: rotate(45deg);
	-webkit-transform-origin-y: bottom;
	transform-origin: bottom
}
.scrollbox_wraper .scroll_right_btn:before {
	position: absolute;
	top: 7px;
	right: 11px;
	border-left: 2px solid;
	border-top: 10px solid;
	transform: rotate(-45deg);
	-webkit-transform-origin-y: bottom;
	transform-origin: bottom
}
.scrollbox_wraper .scroll_left_btn.non_scloll,
.scrollbox_wraper .scroll_right_btn.non_scloll {
	transition: 0.1s;
	display:none!important
}
.scrollbox_wraper .scrollbox {overflow-x: scroll!important;}
.scrollbox_wraper .scrollbox > ul,
.scrollbox_wraper .scrollbox > ol {
    width: fit-content !important;
    display: flex !important;
    margin: 15px auto 15px !important;
	/*padding: 0 calc(calc(100% - calc(1200px / 4)) / 2)*/
	padding: 0 15px;
}
.scrollbox_wraper .scrollbox > ul > li,
.scrollbox_wraper .scrollbox > ol > li {
	width: calc(1210px / 4) !important;
	margin: 0 5px !important;
	padding: 15px;
	box-sizing: border-box;
	background: #FFF
}
.scrollbox_wraper .scrollbox::-webkit-scrollbar {height: 5px!important;}
.scrollbox_wraper .scrollbox::-webkit-scrollbar-track {
	margin: 0 5px !important;
	background: #eee !important;
	border-radius: 5px !important
}
.scrollbox_wraper .scrollbox::-webkit-scrollbar-thumb {
	border-radius: 5px !important;
	background: #999 !important
}
.scrollbox_wraper .recommend li {
	background: #FFF;
	/*box-shadow: 2px 2px 5px #ccc;*/
	border-radius: 5px;
	padding:0;
	border: 1px solid #ddd;
}
.scrollbox_wraper .recommend li > a{color:#000;}
.scrollbox_wraper .recommend li dt {
	margin-bottom: 10px;
	position: relative
}
.scrollbox_wraper .recommend li h4,
.scrollbox_wraper .recommend li p {font-size: 14px;}
.scrollbox_wraper .recommend li h4 {
	position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    text-indent: 2%;
    line-height: 2;
	color:#FFF
}
.scrollbox_wraper .recommend li img {
	border-radius: 5px 5px 0 0;
	width: 100%;
	height: auto;
}
.scrollbox_wraper .recommend li p {
	min-height: 134px;
	margin-bottom: 10px;
	padding: 0 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
	overflow: hidden
}
.scrollbox_wraper .recommend li .price {margin-bottom: 10px}
.scrollbox_wraper .recommend li .price p {min-height: auto;}
.scrollbox_wraper .recommend li .price p span.icon {
	display: inline-block;
	background: #005ABC;
	color: #fff;
	margin-bottom: 3px;
	padding: 2px 10px 4px;
	font-size: 13px;
	width: 100%;
}
.scrollbox_wraper .recommend li .price b {
	color: #d70000;
	text-align: center;
	font-size: 1.5em;
	display: inline-block;
	width: 100%
}
.scrollbox_wraper .recommend li .price small {
	width: 100%;
	display: inline-block;
	text-align: center;
	color: #000;
	font-weight: normal;
}
.scrollbox_wraper .itemList4 li {
	width: auto;
	float: none;
	position: static;
	margin-right: auto;
	margin-bottom: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: visible;
	/*-webkit-box-shadow: 0 1px 0 #afafaf;
	-moz-box-shadow: 0 1px 0 #afafaf;
	box-shadow: 0 1px 0 #afafaf;*/
	border: 1px solid #ddd;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity: 1;
	display: flex;
	flex-direction: column;
}
.scrollbox_wraper .itemList4 li .accessinfo {
	height: 2.5em;
	box-sizing: content-box;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #005ABC;
	font-size: 14px;
	margin: 0 0 10px;
	padding: 7px 0;
	text-align: center;
	line-height: 1.3;
	/*border: 3px solid #005ABC;*/
	color: #fff;
	font-weight: bold;
}
.scrollbox_wraper .itemList4 li dd span {
	display: block;
	height: 6.5em;
}
.scrollbox_wraper .itemList4 li dd table {
	margin-bottom: 15px;
}
.btnBox{
	margin:10px 0;
	margin-top: auto;
}

}

/*760px以上*/
@media screen and (min-width: 760px),print {
/* CSS */
#wrapper {line-height: 1.231;}
#dirPathBlock,
h1,
.iframe_end-content_gadget,
#anchorLinkBlock{
	width: 100%;
	max-width:1080px;
	min-width:760px;
	margin: auto;
}

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 14px;
    width: auto;
    max-width: 1080px;
    margin: 0 auto 5px;
}

p.images img{
	width:250px;
	height:auto!important;
}
h1{
	background:none;
	font-size: 12px;
}
div.colum3T div{
	cursor:pointer;
}
div.colum3T div:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;
}
div.colum3T div:hover a{
	color:#FF8000;
	text-decoration:underline;
}
.naviNormal li{
	font-size: 1.2em;
}

#title{
	margin:0;
	padding:0;
	height:450px;
	overflow:hidden;
	position:relative;
	text-align:center;
	background:url(../images/title_01.jpg) no-repeat 50% 100%
}
#title p{
	width:900px;
	height:450px;
	position: absolute;
	bottom:0;
	left: 0;
	right: 0;
	margin:auto;
	color:#FFF;
	font-weight:bold;
	text-shadow:
	1px 1px 4px rgba(000,000,000,0.8),
	0px 1px 0px rgba(255,255,255,0.3);
	display:block;
}
#title p img{
	width:100%;
	height:auto;
}
#title p + img{
	display:none
}
#title span{
	font-size:20px;
	display:block;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	position:absolute;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	left: -10%;
	margin:0;
	top: 305px;
	width: 1180px;
}
#title img{
	width:100%;
	height:auto;
}
#templeteWrap{
	width:100%;
}
.contInner02 .column2Area .section{
	width:auto!important;
	float:none;
}
#wrapInner{
	width:100%!important;
}
#inner950{
	width:950px;
	margin:0 auto;
	display:block;
}
.inner950{
	width:950px;
	margin:30px auto 0;
	display:block;
}
#navList{
	background:#FFF;
	padding:0 8px 8px 8px;
	width:720px;
	margin:0px auto 0px;
	display:block;
	overflow:hidden;
	text-align:left
}
#navList li{
	display:inline-block;
	font-size:15px;
	padding:0;
	margin:0 0 10px 0;
	width:25%;
}
	
#navList li a{
	background:#2c93ae;
	display:block;
	padding:15px 30px 13px 15px;
	color:#FFF;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	box-shadow: 0 4px 4px rgba(0,0,0,0.1);
	border-bottom:3px solid rgba(0,0,0,0.2);
	position:relative;
	margin:0 4px;
}

#navList li a:after{	
	position:absolute;
	top:50%;
	right:10px;
	content:""; /* 空の要素を作成 */
	width:0;
	height:0;
	margin-top:0; /* 位置を中心に調整 */
	border-width:5px;
	border-style:solid;
	border-color:#FFF transparent transparent transparent;
	/*border-left-color:#FFF;  矢印の色 */
}
	
#navList li a:hover{
	transition: 0.2s ;	
	opacity: 0.8 ;
	text-decoration:none!important
}
	
.navMenuNew100{
	background:#3B7CC1;
	margin:0 0 30px 0;
}
	
.navMenuNew100 ul{
	width:100%;
	text-align:center;
	margin:0 auto;
	overflow:hidden;
	padding:0 0 0 0;
}
	
.navMenuNew100_2{
	background:#3B7CC1;
	margin:20px 0 20px 0;

}
.navMenuNew100_2 a{	font-size:12px!important; line-height:15px;}
.navMenuNew100_2 ul{
	width:680px;
	text-align:center;
	margin:0 auto;
	overflow:hidden;
	padding:0 0 0 0;
}
	
.navMenuNew100 ul li,.navMenuNew100_2 ul li{
	font-weight:bold;
	display:inline-block;
	margin:0 0 0 0;
	color:#000;
	border-right:1px dotted #ABD1EF;
	cursor:pointer;
	line-height:30px;
	position:relative;
}
	
.navMenuNew100 ul li:first-child,.navMenuNew100_2 ul li:first-child{
	border-left:1px dotted #ABD1EF;
}
	
.navMenuNew100 ul li.select a,.navMenuNew100_2 ul li.select a{
	font-weight:bold;
	margin:0 0 0 0;
	color:#FFF551;
	cursor:default;
}
	

	
.navMenuNew100 ul li a,.navMenuNew100_2 ul li a{
	color:#FFFFFF;
	font-weight:bold;
	font-size:18px;
	display:block;
	padding:18px 30px 18px 60px;
}
	
.navMenuNew100 ul li a:hover,.navMenuNew100_2 ul li a:hover{
	transition: 0.2s ;
	opacity: 0.5 ;
	text-decoration:none!important;
}


.navMenuNew100 ul li.select a:hover,.navMenuNew100_2 ul li.select a:hover{
	transition: 0 ;
	opacity: 1 ;
	text-decoration:none!important;
	cursor:default;
}

	
.navMenuNew100 ul li:after,.navMenuNew100_2 ul li:after{	
	position:absolute;
	top:50%;
	right:5px;
	content:""; /* 空の要素を作成 */
	width:0;
	height:0;
	margin-top:-6px; /* 位置を中心に調整 */
	border-width:6px;
	border-style:solid;
	border-color:transparent transparent transparent #FFF;
	/*border-left-color:#FFF;  矢印の色 */
}

.navMenuNew100 ul li:hover:after,.navMenuNew100_2 ul li:hover:after{	
	position:absolute;
	top:50%;
	right:5px;
	content:""; /* 空の要素を作成 */
	width:0;
	height:0;
	margin-top:-6px; /* 位置を中心に調整 */
	border-width:6px;
	border-style:solid;
	border-color:transparent transparent transparent #FFF;
	/*border-left-color:#FFF;  矢印の色 */
	transition: 0.2s ;
	opacity: 0.5 ;
}

.navMenuNew100 ul li.select:after,.navMenuNew100_2 ul li.select:after{
	position:absolute;
	top:50%;
	right:10px;
	content:""; /* 空の要素を作成 */
	width:0;
	height:0;
	margin-top:-2px; /* 位置を中心に調整 */
	border-width:6px;
	border-style:solid;
	border-color:#FFF551 transparent transparent transparent;
	/*border-left-color:#FFF;  矢印の色 */
}

.navMenuNew100 ul li.select:hover:after,.navMenuNew100_2 ul li.select:hover:after{
	position:absolute;
	top:50%;
	right:10px;
	content:""; /* 空の要素を作成 */
	width:0;
	height:0;
	margin-top:-2px; /* 位置を中心に調整 */
	border-width:6px;
	border-style:solid;
	border-color:#FFF551 transparent transparent transparent;
	transition: 0 ;
	opacity: 1 ;
	/*border-left-color:#FFF;  矢印の色 */
}


.navMenuNew100 .nav01 a{background:url(../images/im_tab01.png) no-repeat 11px 50%;}
.navMenuNew100 .nav02 a{background:url(../images/im_tab02.png) no-repeat 11px 50%;}
.navMenuNew100 .nav03 a{background:url(../images/im_tab03.png) no-repeat 11px 50%;}
.navMenuNew100 .navJr a{background:url(../images/im_tab04.png) no-repeat 11px 50%; background-size:48px auto; padding-left:75px}

	
#Foot .footBtmInner{
	font-size:12px!important;
}
	
.itemList4 a{
	color:#383333!important;
}
	
#articleWrap{
	width: 100%;
	max-width:1080px;
	margin:0 auto;
}
	
#leftBox{
	/*width:730px;
	float:left;*/
	margin:0 20px 0 0;
}
	
#rightBox{
	overflow:hidden;
	margin:10px 0 0 0;
	display: none;
}

.contInner02{
	padding-bottom:10px!important;
	/*overflow:hidden;*/
}
	
	/* =========================================================
	◆common section
	========================================================= */
	
	/*-----------------------------------------------------
	box(パーツ)
	------------------------------------------------------*/
.bgWhiteArea {
	background: #fff;
	margin:0 0 15px 0;
}
.bgGrayArea {
	background: #dff1ff;
	margin:0 0 15px 0;
}
.contInner {
	margin: 0 auto;
	line-height: 1.6;
	padding-bottom: 20px;
	overflow-x:hidden;
}
.contInner02 {
	margin: 0 0 3% 0;
	line-height: 1.6;
	padding-top: 10px;
	padding-bottom: 40px;
	width:auto;
}
	

.contInner02 span{
	font-size:18px;

}
	
.column2Area {
	/*margin-right: -30px;*/
	width:auto!important
}
.column2Area:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.column2Area {
	min-height: 1px;
	    /*width: 730px!important;*/

}
	* html .column2Area {
	height: 1px; /*＼*//*/ height: auto; overflow: hidden; /**/
}
.contInner02 .column2Area .section {

}
.column3Area {
	margin-right: -20px;
}
.column3Area:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.column3Area {
	min-height: 1px;
}
	* html .column3Area {
	height: 1px; /*＼*//*/ height: auto; overflow: hidden; /**/
}
.column3Area .section {
	width: 310px;
	float: left;
	margin-right: 20px;
}
.contInner02 .column3Area {
	margin-right: -30px;
}
.contInner02 .column3Area .section {
	width: 275px;
	float: left;
	margin-right: 30px;
}
.column2_1Area {
	margin-right: -30px;
}
.column2_1Area:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.column2_1Area {
	min-height: 1px;
}
	* html .column2_1Area {
	height: 1px; /*＼*//*/ height: auto; overflow: hidden; /**/
}
.contInner .column2_1Area .section2_5 {
	width: 640px;
	float: left;
	margin-right: 20px;
}
.contInner .column2_1Area .section2 {
	width: 580px;
	float: left;
	margin-right: 20px;
}
.contInner .column2_1Area .section0_5 {
	padding-bottom: 20px;
	width: 310px;
	float: left;
}
.contInner .column2_1Area .section {
	width: 370px;
	float: left;
	margin-right: 20px;
}
.contInner02 .column2_1Area .section2 {
	width: 580px;
	float: left;
	margin-right: 30px;
}
.contInner02 .column2_1Area .section {
	width: 275px;
	float: left;
	margin-right: 30px;
}
.ie7 .section, .ie7 .section2 {
	padding-bottom: 40px;
	margin-bottom: 0;
}
	
.bgWhtiteRadiusBox {
	background: #fff;
	padding: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.bgGrayRadiusBox {
	background: #ebeaea;
	padding: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.itemList4 {
	margin-right: -29px;
		list-style:none;
		margin:0;
		padding:0;
}
.ie7 .itemList4 {
	padding-bottom: 20px;
	margin-bottom: 0;
}
.itemList4 li {
	width: 200px;
	float: left;
	position: relative;
	margin-right: 20px;
	margin-bottom: 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	-webkit-box-shadow: 0 1px 0 #afafaf;
	-moz-box-shadow: 0 1px 0 #afafaf;
	box-shadow: 0 1px 0 #afafaf;
	opacity: 0.99999;
	filter: alpha(opacity=100);       
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity:1;
}
	/*.itemList4 li:hover{ cursor:pointer;
	opacity: 0.8;
	filter: alpha(opacity=80);       
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity:0.8;
}*/
.itemList4 li dl {
	padding: 10px 10px 0;
	overflow:hidden;
	display:block;
	margin:0;
}
.itemList4 li dl dt {
	font-size: 15px;
	margin-bottom: 2px;
	font-weight:bold;
}
.itemList4 li dl dd span {
	margin-top: 10px;
	display: block;
	font-size:12px;
	background:#FFF;
}
	
.itemList4 li dl dd a {
	/*color: #333 !important;*/
	text-decoration: none !important;
}
	
	.itemList4 li dl dd a span{
		background:none!important;
	}
	
.itemList4 li dl dd p{
	display:block;
	clear:both;
	margin:0;
	padding:0;
}
	
.itemList4 li .thumb {
	zoom: 1;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
	overflow:hidden;
	width:50%;
	float:left;
	margin:0 0 10px 0;
}
	
.itemList4 li .thumb img{
	width:100%;
	height:auto;
}
	
.itemList4 li .thumb img{ max-width:100%; height:auto;}
.itemList4 li .thumb .tag {
	display: block;
	position: absolute;
	font-size:13px;
	top: -9px;
	left: -39px;
	color: #fff;
	font-weight: bold;
	width: 100px;
	height: 22px;
	padding-top: 20px;
	text-align: center;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.ie .itemList4 li .thumb .tag,
.ie9 .itemList4 li .thumb .tag {
	width: 50px;
	height: auto;
	top: 0;
	left: 0;
	padding-top: 0;
}
.kokunai .itemList4 li .thumb .tag {
	background: #dd335d;
}
.kaigai .itemList4 li .thumb .tag {
	background: #59b034;
}
.itemList4.white li {
	background: #fff;
	width:335px;
	padding:0 0 10px 0;
}
.itemList4.gray li {
	background: #DFF1FF;
	padding:0 0 10px 0;
	width:335px;
}
	
	
	/*ranking*/
.itemList4 li .thumb .tag.first {
	color: #333;
	background: #d4ba35 !important;
}
.itemList4 li .thumb .tag.second {
	color: #333;
	background: #b8b8b8 !important;
}
.itemList4 li .thumb .tag.third {
	color: #333;
	background: #d5976d !important;
}
	
	.itemList4 li .thumb .tag.under {
	color: #333;
	background:#6C9 !important;
}
	
.kokunai .itemList4 li .thumb .tag.special {
	background: #df3560;
}
.kaigai .itemList4 li .thumb .tag.special {background: #df3560;}
	
.itemList4 li .thumb .tag.plan {
	color: #fff;
	background: #fb7f12 !important;
}
.itemList4 li.rankTtl {
	text-align: center;
}
.itemList4 li.rankTtl:hover{
	opacity: 1;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1;
	cursor:default;
}
.itemList4 li .rankTtlThumb {
	margin-bottom: 10px;
	padding-top: 25px;
}
	
	
	
	
	/*-----------------------------------------------------
	box（固有の）
	------------------------------------------------------*/
.newsCont {
}
.newsCont ul li {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.newsCont ul li:last-child{border-bottom: none;}
.newsCont ul li span {
	display: inline-block;
	line-height: 1.2;
}
.newsCont ul li span.date {
	margin-right: 5px;
}
.newsCont ul li span.newsIco {
	color: #fff;
	padding: 4px 9px 3px;
	line-height:1;
	vertical-align:middle;
	margin-right: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.newsCont ul li span.newsIco.important {
	background: #e62d2d;
}
.newsCont ul li span.newsIco.kokunai {
	background: #dd335d;
}
.newsCont ul li span.newsIco.kaigai {
	background: #4eab26;
}
.newsCont ul li .text {
	display: block;
	margin-top: 5px;
}
	
	/*btn*/
	

	
.orangeBtn{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
	display:block;
	margin:0;
}
.orangeBtn a{
background: #ea7c84; /* Old browsers */
background: -moz-linear-gradient(top,  #f7aaaf 0%, #ea7c84 100%); /* FF3.6+ */
background: -webkit-linear-gradient(top,  #f7aaaf 0%,#ea7c84 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f7aaaf 0%,#ea7c84 100%); /* Opera 11.10+ */
background: linear-gradient(to bottom,  #f7aaaf 0%,#ea7c84 100%); /* W3C */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 3px solid rgba(0,0,0,0.2);
	display:block;
	font-weight:bold;
	text-align:center;
	text-decoration:none!important;
	font-size:14px;
	position:relative;
	padding:15px 0 15px 0;
	color:#FFF!important;
}
	
	
.orangeBtn a:after{
	width:13px;
	height:13px;
	content:"";
	display:block;
	background:url(../images/im_arrow.png) no-repeat;
	position:absolute;
	top:38%;
	right:1%;
}
	
.orangeBtn:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}


.btnAll{
	width:450px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
	margin:0 auto 20px!important;
	display:block;
	clear:both;
}
.btnAll a{
	height:52px;
	line-height:52px;
background: #ffa800; /* Old browsers */
background: -moz-linear-gradient(top,  #ffa800 0%, #ff8f00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa800), color-stop(100%,#ff8f00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffa800 0%,#ff8f00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffa800 0%,#ff8f00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffa800 0%,#ff8f00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffa800 0%,#ff8f00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa800', endColorstr='#ff8f00',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 3px solid rgba(0,0,0,0.2);
	display:block;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	text-decoration:none!important;
	font-size:18px;
	position:relative;
}

.btnAll a:after{
	width:13px;
	height:13px;
	content:"";
	display:block;
	background:url(../images/im_arrow.png) no-repeat;
	position:absolute;
	top:40%;
	right:1%;
}


.btnAll a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

	
.mt20{
	margin-top:20px;
}
	
.nt20{
	margin-top:-20px;
	margin-bottom:40px;
}
	
.panf{
	margin:0 0 30px 0;
	padding:0;
}
	
.panf li{
	float:left;
	margin:0 0 0 25px;
}
	
.price{
	color:#F00;
	font-size:18px;
	font-weight:bold;
	display:block;
	text-align:center;
	clear:both;
}
.textTop{
	display:block;
	margin:0;
	text-align:center;
	font-size:18px;
	font-weight:normal;
}
	
.textTop strong{
	font-size:24px;
	color:#F00;
	font-weight:bold;
}
	
.textTop span{
	font-size:12px;
	display:block;
}


.Textbox{
	display:block;
	padding:10px;
}

.borderGray{
	border:1px solid #999;
}

.bgWhite{
	background:#FFF;
}

.bgff5400{
	background:#ff5400;
}
.marginBottom5{margin-bottom:5px;}
.marginBottom10{margin-bottom:10px}
.marginBottom20{margin:0 0 20px 0;}
.marginBottom30{margin:0 0 30px 0;}
.marginBottom40{margin:0 0 40px 0;}

.marginTop20{margin-top:20px!important;}

.paddingBottom10{margin:0 0 10px 0;}
.paddingBottom20{margin:0 0 20px 0;}
.paddingBottom30{margin:0 0 30px 0;}
.paddingBottom40{margin:0 0 40px 0;}

.font-size10{font-size:10px!important;}
.font-size12{font-size:12px!important;}
.font-size14{font-size:14px;}
.font-size16{font-size:16px;}
.font-size18{font-size:18px;}
.font-size20{font-size:20px;}


strong{
	font-weight:bold!important;
}

.boxDl{
}
	
.boxDl dt{
	margin:0;
	padding:10px;
	color:#FFF;
	font-weight:bold;
}
	
.boxDl dd{
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	margin:0;
	padding:10px;
	line-height:1.8em;
}

.boxDl dd ul li{
	background:url(../images/im_check.png) no-repeat 0 50%;
	padding:0 0 0 20px;
}

/*box*/

.moshikomiBox{
	background:#FFF;
	width:680px;
	margin:0 0 20px 5px;
	padding:0 0 1px 0;
	border:1px solid #CCC;
}

.moshikomiBox dl{
	display:block;
	margin:0;
	padding:0;
	overflow:hidden;

}

.moshikomiBox dl:nth-child(2n) {
	background:#FFFFCC;
}


.moshikomiBox dt.width{
	width:70px;
	display:block;
	text-align:center;
	float:left;
	margin:0;	padding:8px 0 8px 0;
	border-right:1px solid #FFF;
	border-bottom:1px solid #999999;
	background:#999999;
	color:#FFF;
	color:#FFF551;
}

.moshikomiBox dd.width{
	width:70px;
	display:block;
	text-align:center;
	float:left;
	margin:0;	padding:8px 0 8px 0;
	border-bottom:1px solid #999999;
	background:#999999;
	color:#FFF;
	border-right:1px solid #FFF;
}


.moshikomiBox dd.width strong{
	font-weight:bold!important
}
.moshikomiBox dd.long{
	display:block;
	overflow:hidden;
	margin:0;	padding:8px 0 8px 0;
	border-bottom:1px solid #999999;
	border-right:none;
	width:183px;
	background:#999999;
	color:#FFF;
}

.moshikomiBox dd.btn{
	display:block;
	overflow:hidden;
	margin:0;
	padding:8px 0 8px 0;
	border-bottom:1px solid #CCC;
	border-right:none;
	width:183px;
}



.moshikomiBox dd.btn a:after{
	width:13px;
	height:13px;
	content:"";
	display:block;
	background:url(../images/im_arrow.png) no-repeat;
	position:absolute;
	top:40%;
	right:1%;
}


.moshikomiBox dd.btn a{

background: #ffaa00; /* Old browsers */
background: -moz-linear-gradient(top,  #ffaa00 2%, #ff8c00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#ffaa00), color-stop(100%,#ff8c00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffaa00 2%,#ff8c00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffaa00 2%,#ff8c00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffaa00 2%,#ff8c00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffaa00 2%,#ff8c00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaa00', endColorstr='#ff8c00',GradientType=0 ); /* IE6-9 */	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
/*	border: 1px solid #ff8c00;*/
border-bottom: 3px solid rgba(0,0,0,0.2);
	display:block;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	text-decoration:none!important;
	font-size:14px;
	padding:5px 0;
	margin:0 8px 2px;
	position:relative;
}

.moshikomiBox dd.btn a:after{
	width:13px;
	height:13px;
	content:"";
	display:block;
	background:url(../images/im_arrow.png) no-repeat;
	position:absolute;
	top:32%;
	right:1%;
}



.moshikomiBox dd.btn a{
	display:block;
}

.moshikomiBox dd.btn a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	text-decoration:none!important;
}

.moshikomiBox dd{
	width:70px;
	display:block;
	text-align:center;
	float:left;
	margin:0;	padding:8px 0 8px 0;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

.tableBox{
	display:block;
	background:#FFF;
	width:0 auto;
}

.moshikomiBox dd span{
	color:#F00;
}

.pcnone{
	display:none;
}

#panf{
	width:730px;
	margin:0 20px 20px 0;
	display:block;
	float:left;
}

#panf img{
	width:100%;
	height:auto;
}

.red{
	color:#F00;
}

/*add*/
.checkOrange{
	font-size:14px;
	margin:0;
	padding:0;
}

.checkOrange li{
	display:block;
	margin:0 0 10px 0;
	background:url(../images/ic_pc_new.png) no-repeat 0 1px;
	padding:0 0 10px 20px;
	border-bottom:1px solid #95B8DE;
}

.checkOrange li a{
	font-weight:bold;
	display:inline-block;
	margin:0 0 0 0;
}

.checkOrange li span{

	display:inline-block;
	padding:0 8px 0 8px;
	margin:0 10px 0 0;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	color:#FFF;
	font-size:14px!important;
}
.checkOrange li span.smpnone{

	color:#000000;
	padding:0;
	margin:0;
}

.checkOrange li strong{
	color:#F00;
	font-weight:bold;
	font-size:20px;
	margin:0 0 0 25px;
}


.btn2C{
	display:block;
	float:left;
	width:50%;
	clear:none;
	margin:0 0 5px 0!important
}

.btn2C a{
	width:98%;
}


.btn3C{
	display:block;
	float:left;
	width:33%;
}

.btn3C a{
	width:98%;
	line-height:20px;
	height:50px;
	float:left;
	padding:7px 0 0 0;

}

.btn3C a:after{
	width:13px;
	height:13px;
	content:"";
	display:block;
	background:url(../images/im_arrow.png) no-repeat;
	position:absolute;
	top:40%;
	right:1%;
}

.btn3C a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	text-decoration:none!important;
}

.btn3C span{
	display:block;
	padding:10px 0 10px 0;
}


	

/*add*/
.itemList4.gray.rank li{
	width:690px!important;
	padding:0;
}

.itemList4.gray.rank li .thumb{
	margin:0;
}

.itemList4.gray.rank li .c2{
	display:block;
	clear:none!important;
	overflow:hidden;
	margin-left:10px!important;
}



.c3{
	float:inherit;

}

.c3 a{
	display:block;
	clear:none!important;
	overflow:hidden;
	width:48.5%;
	float:left!important;
	padding:5px 0 5px 0;
	margin:0 0 0 1%;
	letter-spacing:-0.05em;

}

.c3 a:after{
	background-size:8px auto!important;
	right:-4px;
}

.btnBox{
	/*overflow:hidden;*/
	margin:10px 0;
	margin-top: auto;
}

.itemList4.setplan{

}

.itemList4.setplan li{
	width:330px!important;
	float:left!important;
	margin:0 0 20px 11px!important;
}
.itemList4.setplan li .thumb{
	width:100%;
	float:none;
}

/*.area{
	font-size:18px;
	background:#DFF1FF;
	color:#005ABC;
	margin:0 0 15px 0;
	padding:5px;
	font-weight:bold;
	border-left:8px solid #005ABC;
}*/

#tab{
	overflow:hidden;
	margin:0 0 15px 0;
	padding:0 0 10px 0;
}

#tab p{
	background:url(../images/im_arrow_bottom.png) no-repeat #005ABC 50% 90%;
	background-size:10px auto;
	text-align:center;
	width:32.3%;
	float:left;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	margin-right:1%;
	font-size:16px;
}

#tab p a{
	color:#FFF;
	font-weight:bold;
	padding:8px 0 12px 0;
	display:block;
	text-decoration:none!important;
}

.gentei{
	width:700px;
}

.itemList4.gentei li{
	width:212px!important;
	float:left!important;
	margin:0 0 10px 14px!important;
	padding:0 0 5px 0!important;
}

.itemList4.gentei li .thumb{
	width:100%!important;
	height:auto!important;
	float:none!important;
	margin:0;
}

/*hotel*/
.itemList4.hotel li{
	width:322px!important;
	float:left!important;
	margin:0 0 10px 14px!important;
	padding:0 0 5px 0!important;
}

.itemList4.hotel li .thumb{
	width:100%!important;
	height:auto!important;
	float:none!important;
	margin:0;
}

.itemList4.hotel li .orangeBtn a{
	font-size:18px!important;
	margin-bottom:10px!important;
}

/*tab*/
#tab2{
	overflow:hidden;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#tab2 p.no{
	background:#CCCCCC 50% 86%;
	background-size:8px auto;
	text-align:center;
	width:10.8%;
	float:left;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	margin-right:0.15%;
	font-size:16px;
	color:#FFFFFF;
	padding:10px 0 10px 0;
	text-decoration:none!important;
	overflow:hidden;

}

#tab2 p a{
	background:url(../images/im_arrow_b_bottom.png) no-repeat #DFF1FF 50% 86%;
	background-size:8px auto;
	text-align:center;
	width:10.8%;
	float:left;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	margin-right:0.15%;
	font-size:16px;
	color:#005ABC;
	padding:10px 0 10px 0;
	text-decoration:none!important
}

#tab2 p.select a{
	background:url(../images/im_arrow_bottom.png) no-repeat #005ABC 50% 86%;
	background-size:8px auto;
	text-align:center;
	width:12.2%;
	float:left;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	margin-right:0.15%;
	font-size:16px;
	padding:10px 0 10px 0;
	text-decoration:none!important;
	color:#FFF;
	font-weight:bold;
}

#tab3{
	background:#005ABC;
	margin:0 0 15px 0;
	padding:10px 0 10px 0;
	text-align:center;
}

#tab3 p{
	color:#FFF;
	display:inline-block;
	padding:0 8px 0 0;
	margin:0 0 0 8px;
	border-right:2px solid #FFF;
	font-size:14px;
	letter-spacing:-0.05em;
	cursor:pointer;
}

#tab3 p.select{
	font-weight:bold;
	color:#FFF551;
}

#tab3 p:last-child{
	border-right:none;
}

.itemList4.gray.gelende li{
	width:330px!important;
	float:left!important;
	margin:0 0 20px 11px!important;
}

.itemList4.gray.gelende li .thumb{
	width:100%;
	float:none;
}

.gelende table{
	background:#FFF;
	border-collapse: separate!important;
	margin:10px 0 0 0;
	width:100%;
}


.gelende table th{
	width:4em;
	padding:5px;
	background:#005ABC;
	color:#FFF;
	border-bottom:1px solid #DFF1FF

}

.gelende table td{
	padding:5px;
	border-bottom:1px solid #DFF1FF;

}

.accordion{
	margin:0;
	padding:0;
}

.accordion dt{
	font-size:18px;
	background:#005ABC;
	color:#FFF;
	font-weight:bold;
	position:relative;
	padding:5px;
	margin:0 0 0px 0;
}
.accordion dt p{
	position:absolute;
	top:4px;
	right:5px;
	background:url(../images/im_arrow_map.png) no-repeat #DFF1FF 2% 50%;
	background-size:10px auto;
	display:inline-block;
	padding:5px 5px 5px 15px;
	font-size:12px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}

.accordion dt p a{
	color:#005ABC;
	text-decoration:none!important
}

.accordion dd table{
	width:100%;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	margin:0 0 20px 0;
}

.accordion dd table td{
	padding:6px;
	border-left:1px solid #FFF;
	border-top:1px solid #FFF;
}

.sekisetsu{
	margin:0 0 0 -20px;
	position:relative;
}

.sekisetsu span{
	position:absolute;
	display:block;
	bottom:15px;
	left:170px;
	text-align:center;
	font-size:14px;
	color:#295ABC;
	font-weight:bold;
}

.sekisetsu strong{
	display:block;
	text-align:right;
	position:absolute;
	bottom:10px;
	right:10px;
	background:#FFF;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	padding:5px;
	color:#F00;
}

.text{
	display:block;
	margin:0 0 15px 0;
}

.text strong{
	display:block;
	text-align:right;
	color:#F00;
}


.itemList4.map li{
	width: 720px!important;
	float:none!important;
	margin:0 0 20px 11px!important;
}

.map dd a{
	display:block;
	background:url(../images/im_arrow_map.png) no-repeat 0% 5px;
	background-size:10px auto;
	padding:0 0 0 13px;
	margin:0 0 0 10px;
	width:230px;
	font-size:14px;
	float:left;
	font-weight:bold;
	color:#006ECE!important;	
}

.map dd a span{
	font-size:10px!important;
	display:inline!important;
	background:#FFF!important;
}

.itemList4.pray li{
	width:220px!important;
	margin:0 10px 0 0!important;
}


.itemList4.pray li .thumb{
	width:100%!important;
	margin:0;
}

.itemList4.map li .thumb{
	width:20%;

}

.map span{
	font-size:14px;
	display:block!important;
	background:#DFF1FF;
	font-weight:bold;
	padding:5px;
	margin-bottom:5px;
}

.clearB{
	clear:both;
}

.textlink{
	display:block;
	float:left;
	background:url(../images/im_arrow_map.png) no-repeat 0 50%;
	background-size:12px auto;
	padding:0 0 0 15px;
	margin:0 0 0 5px;
}

.textlink a{
	font-size:12px!important;
}

.colum3Btn{
	width:33%!important;
	float:left!important;
	clear:none!important;
}

.colum3Btn a{
	width:98%!important;
	font-size:18px;
	letter-spacing:-0.05em;
	line-height:18px;
	padding:10px 0 10px 0!important;
	height:auto;
	margin:0 auto!important
}

.sekisetsuS{
	font-size:16px;
	font-weight:bold;
	display:block;
	clear:both;
}


.yetTab{
	position:relative!important
}

.yetTab p{

	position:absolute;
	background:#FFF;
	display:block;
	width:99%;
	height:60%;
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	padding:10px 0;
	top:-5px;
	left:0px;
	cursor:default!important
}

.attentionText{
	display:block!important;
	color:#666!important;
	font-size:14px!important;
}



#bnlinks{
	width: 950px;
	margin: 10px auto 0 auto;
	padding: 10px 0 0;
	background: #FFFFFF;
	border-top: 1px dashed #CCC;
}

#bnlinks ul{
	float: left;
	width: 950px;
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}

#bnlinks ul li{
	float: left;
	display: inline;
	width: 180px;
	margin: 0 5px;
	padding: 0;
	font-size: 10px;
}

#bnlinks ul li dl{
	margin: 0;
	padding: 0;
}

#bnlinks ul li dl dt{
	margin: 0;
	padding: 0;
	font-weight: bold;
}

#bnlinks ul li dl dd{
	margin: 0;
	padding: 0;
}

/*comingsoon*/
.cs_area{
	position:relative !important;
}

.cs_area .cs_box{
	position:absolute;
	top:0;
	/*top:50%;
	left:50%;*/
	height: 100%;
width: 100%;
	font-size:22px;
	color:#fff;
	background:#000;
opacity: 0.7;
z-index:999;
	 }

.bgGrayArea.cs_area .cs_box{
        margin-left: -20px;
	 }

.cs_area .cs_box p{
	text-align:center;
	position:absolute;
top: 50%;
	left:40%;
        margin-top: -1em;
	 }

.cs_area .cs_box p.seki{
	left:30%;
	 }

/* 案内文
------------------------------------------------ */
.att2 {
	width: 600px;
	margin: 20px auto 10px auto;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: #F00;
}

/* リフト券割引
------------------------------------------------ */
.ski_ticket {
	width: 645px;
	text-align: center;
	font-size: 14px;
	margin: 10px auto 15px auto;
	padding: 10px;
	background:#FFE1E1;
}

.ski_ticket span{
	color:#FF3300;
}

.ski_ticket a{
	margin: 0 0 0 25px;
	padding: 0 0 0 25px;
	border-left:1px solid #434343;
}

.ski_ticket span.st_att {
	font-size: 14px;
	color: #F00;
}

.ski_ticket:hover {
opacity: 0.8;
filter: alpha(opacity=80);       
-ms-filter: "alpha(opacity=80)";
-moz-opacity:1;
cursor:pointer;
}

.ski_ticket a:link {
    color: #0066cc !important;
    text-decoration: none;
}

/*リフト券*/
div.contInner02 .column2Area.topItem2List .section.kokunai ul.gelende li.lift_tiket{
	width: 40%!important;
    clear: both;
    height: 30px!important;
    text-align: center;
    font-size: 18px;
    padding-top: 2%;
    background-color: #ff9326;
    margin-left: 31%!important;
}

div.contInner02 .column2Area.topItem2List .section.kokunai ul.gelende li.lift_tiket a{
    color: #FFF!important;
	position:relative;
}

div.contInner02 .column2Area.topItem2List .section.kokunai ul.gelende li.lift_tiket a:after {
    width: 13px;
    height: 13px;
    content: "";
    display: block;
    background: url(//www.nta.co.jp/shared/common/images/im_arrow.png) no-repeat;
    position: absolute;
    top: 30%;
    left: -50%;
}

/*tripa*/
#tripa_box{
	margin-bottom:60px;
	padding: 0 15px 25px;
}

#tripa_box div{
	overflow:hidden;
	padding:15px;
	margin:0 0 0 0;
	border-bottom:1px solid #e2e2e2;
	background:#FFF;
}

#tripa_box div p{
	float:left;
	margin:0 20px 0 0;
	width:75px;
	height:75px;
}

#tripa_box div p img{
	width:100%;
	height:auto;
}

#tripa_box div dl{
	overflow:hidden;
	display:block;
}

#tripa_box div:last-child{
	border-bottom:none
}


#tripa_box div dl dt{
	font-size:16px;
	margin:0 0 10px 0;
}

#tripa_box div dl dt a{
	color:#000;
}

#tripa_box div dl dd{
	font-size:14px;
	color:#999;
}

#tripa_box div dl dd > span{
	display:block;
	margin:5px 0 0 0;
}

#tripa_box div dl dd > span a{
	color:#CCC;
}

#tripa_box div dl dd > span span{
	color:#F69;
	display:inline;
}

h2.commonTit{
        font-size: 24px;
        font-weight: bold;
        padding: 0 0.5em;
        color: #005ABC;
        background: transparent;
        border-left: solid 5px #005ABC;
	margin: 1rem 0;
}

	#tripa_box h2.commonTit{
        padding: 0.25rem 0.5em 0.2rem;
	}
.btn {
    width: 620px;
    background: url(../images/arrow.png) no-repeat #ea7c84 95% 50%;
    background-size: auto 13px;
    display: block;
    margin: 0 auto;
    padding: 20px 0 18px 0;
    color: #FFF!important;
    font-size: 18px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    font-family: 'Noto Sans Japanese', sans-serif;
    border-bottom: 2px solid rgba(0,0,0,0.2)!important;
    text-align: center;
}

.cs_area:hover{
	opacity:1!important;
	cursor:default!important;
}

.cs_area a:hover{
	color:#06C!important
}

.catche{
	font-size:14px;
	margin-bottom:20px;
}

/*セットプラン*/

.setplan_box {
  position: relative;
  background: #EFF8FF;
  border-radius: 15px;
  padding: 40px 20px 20px;
  text-align: center;
  margin: 3rem auto;
}


.setplan_label {
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  background: #FFFF80;
  color: #005ABC;
  font-weight: bold;
  padding: 2px 16px 0;
  border-radius: 8px;
  border: 3px solid #005ABC;
  font-size: 23px;
}



.setplan_label::after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  width: 0px;
  height: 0px;
  border-width: 8px;
  border-style: solid;
  border-color: #005ABC transparent transparent transparent;
}

.setplan_label::before {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  Z-INDEX: 99;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-width: 12px;
  border-style: solid;
  border-color: #FFFF80 transparent transparent transparent;
}


.setplan_content p {
  font-size: 30px;
  font-weight: bold;
  color: #005ABC;
  margin: 0;
}

.setplan_box img {
  width: 100%;
}

.orange_text {
  color: #ea7c84;
  font-size: 30px !important;
}


/*おすすめのホテル*/
.hotel_wrap {
  display: flex;
  gap: 20px;
  margin: 1rem auto 3rem;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1000px;
}
	
    .hotel_titleName {
        margin: 2rem auto;
        width: 100%;
        background: #005abc;
        color: #FFF;
        font-weight: bold;
        font-size: 30px;
        text-align: center;
        padding: 7px 0 3px;
    }
	
h2.titleName {
        font-size: 20px;
        background: #D9EBFF;
        color: #222;
        font-weight: bold;
        margin-bottom: 15px;
        padding: 5px 0 8px;
        text-align: center;
    }
	
	h3.hotel_wrap_title{
        font-size: 24px;
        font-weight: bold;
  padding: 0.25em 0.5em 0.2em;
  color: #005ABC;
  background: transparent;
  border-left: solid 5px #005ABC;
    }
	

.hotel_item {
  width: 30%;
  text-align: center;
}


.hotel_title {
  position: relative;
  display: inline-block;
  font-weight: bold;
  color: #0056cc;
  margin-bottom: 10px;
  font-size: 20px;
  padding: 0 10px;
}


.hotel_title::before,
.hotel_title::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background: #0056cc;
  top: 50%;
}

.hotel_title::before {
  left: -25px;
  transform: rotate(45deg);
}

.hotel_title::after {
  right: -25px;
  transform: rotate(-45deg);
}


.hotel_box {
  background: #f0f7ff;
  border-radius: 20px;
  text-align: center;
  padding: 20px 20px 10px;
  box-sizing: border-box;
}

.hotel_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hotel_icon {
  width: 150px;
  height: 150px;
  margin-bottom: 10px;
}

.hotel_icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.hotel_item {
  text-align: center;
}

.hotel_subtitle {
  position: relative;
  display: inline-block;
  font-size: 20px;
  color: #0056cc;
  font-weight: bold;
  margin: 15px 0 15px 0;
  padding: 0 5px;
}

.hotel_subtitle::before,
.hotel_subtitle::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 60px;
  height: 2px;
  background: #0056cc;
}

.hotel_subtitle::before {
  left: -70px;
}

.hotel_subtitle::after {
  right: -70px;
}

.hotel_list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-weight: bold;
  line-height: 1.8;
  width: 100%;
}

.hotel_list li {
	margin-bottom: 10px;
  font-size: 15px;
}
.hotel_list li a {
	display: block;
	width: 100%;
	padding: 10px 0;
	background: #fff;
	border: 1px solid #005ABC;
	border-radius: 8px;
	text-align: center;
	color: #005ABC;
	line-height: 1;
}

	
#back_plus{
	text-align:center;
	margin-bottom: 3%;
	position: relative;
}

#back_plus .center_plus{
	width:36px;
	float:left;
	margin-top: 22px;
}

#back_plus .left,
#back_plus .right{
	/*width:300px;*/
	width: 41%;
	float:left;
	-webkit-border-radius: 5px 5px 0 0; 
	border-radius: 5px 5px 0 0;
}

#back_plus .left,
#back_plus .right{
	margin:0 3.4%;
}

#back_plus .left > span,
#back_plus .right > span{
	color:#F00;
}

#back_plus .left{
	border:1px solid #005abc;
}

#back_plus .right{
	border:1px solid #ff9326;
}

#back_plus .left dt{
	background:#005abc;
	color:#FFF;
	padding: 2% 0;
}

#back_plus .right dt{
	background:#ff9326;
	color:#FFF;
	padding: 2% 0;
}

#back_plus .left dd,
#back_plus .right dd{
	font-weight:normal;
	font-size:0.8em;
    padding: 5% 0;
}

.price_box {
	text-align: center;
}

.price_box strong{
	font-size:32px;color:#F00;
}



.btnBox{
	text-align:right;
	margin-top: auto;
}

.skiList{
	margin:0;
}

.skiList .contInner02 .column2Area .section{
	width:670px;
}
.skiList .contInner02 .column2Area .section.kokunai h2,
#qanda_box .contInner02 h2,
#sarch_box.contInner02 h2 {
	text-align: center;
	font-size: 22px;
}
.skiList .contInner02 .column2Area .section.kokunai div.ski_list {
	text-align: center;
	font-size: 20px;
}

.skiList a{
	font-size: 20px;
    display: inline-block;
    padding: 5px;
}

.skiList a:before{
    left: 3px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #005ABC;
    border-right: 1px solid #005ABC;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
 /**/

.serchBox{
	display:block;
	text-align:center;
}
/*
.serchBox li{
	display:inline-block;
	width:30%;
	text-align:center;
	padding:15px 0;
	font-size:18px;
	background:#ED6E63;
	color:#FFF;
	margin:0 0 0 15px;
}


.serchBox li.select{
	background:#dc1000
}
*/
.serchB{

	padding:10px;
	overflow:hidden;
}

.serchB .left{
	width:45%;
	float:left;
}

.serchB .right{
	width:50%;
	float:right;
}

.serchB dl{
	text-align:left;
	margin-bottom:15px;
	overflow:hidden;
	font-size:14px;
}

.serchB dl dt{
	display:inline-block;
	width:100px;
	padding-top:5px;
	float:left;
	font-weight:bold;
}

.required{
	background:#F00;
	padding:4px;
	color:#FFF;
	font-size:10px;
	margin-right:10px;
}

.serchB dl dd{
	overflow:hidden;
}

.serchB select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	padding: 4px;
	margin-bottom:5px;
	margin-right:8px;
	border: 1px solid #999;
	font-size:14px;
	width:100%;
	background:url(../images/im_serch_arrow.png) no-repeat #FFF 100% 50%;
	background-size:20px auto;
}

.serchB input{
	padding: 4px;
}

.roadBox{
	width:100%;
	text-align:left;
	font-size:14px;
	margin-bottom:18px;
}


.roadBox p{
	display:inline-block;
	margin-right:15px;
	
}

.www80{
	width:80%!important;
}


.base_gadget_calendar {
    position: absolute;
    right: 10px!important;
    top: 5px;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.item{
	overflow:hidden;
}
.item .title{
	width:220px;
	float:left;
	padding-top:10px;
}

.item_in{
	overflow:hidden;
}

.item_in span{
	width:100px;
	display:inline-block;
}


/*btn*/
.btnSerch{
	width:100%;
	clear:right;
}

.btnSerch a,.btnSerch button,.btnSerch input{
	padding:12px;
	background:url(../images/smp/im_arrow.png) no-repeat #FF9000 97% 50%;
	background-size:20px auto;
	color:#FFF;
	border:2px solid #FF9000;
	font-size:16px;
	text-align:center;
	width:70%;
	cursor:pointer;
	margin:0 auto;
	display:block;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	border-bottom:3px solid rgba(0,0,0,0.2);
	clear:both;
}

.btnSerch a:hover,.btnSerch button:hover,.btnSerch input:hover {
	transition: 0.2s ;
	opacity: 0.8 ;
	text-decoration:none!important
}

a.font-size12{
	width:100%;
	color:#FFF!important;
}

.gentei li:hover{
	opacity:1!important;
	cursor:default!important;
}

.gentei li .orangeBtn a:hover{
	color:#FFF!important;
}

.news{
	width:600px;
}

.yet{
	position:relative;
}

.yet .orangeBtn.mt10 a{
	font-size: 18px;
}

.yetBox{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:99;
	background:rgba(0,0,0,0.6);
}
.yetBox span{
	display:block;
	font-size:45px;
	text-align:center;
	color:#FFF;
	padding:100px
}
.dinone{
	display:none
}

/*serchbox*/
#sarch_box {
    border: 1px solid #005abc;
    padding: 0;
}
#sarch_box h2.link01{
    background: #005abc;
    color: #FFF;
	text-indent: 1%;
}
	
	.fwnta-count{
		font-size: 14px !important;
	}

/*Q&A*/
#qanda_box {
	margin-bottom: 5%;
    background: #dff1ff;
    padding: 0 15px;
}
#qanda_box .contInner02 h2 {margin: 15px 0;}
#qanda_box div > b{
    background: #005ABC;
    font-size: 16px;
    margin-right: 1%;
    color: #FFF;
    width: 30px;
    height: 25px;
    text-align: center;
    display: inline-block;
    float: left;
    padding: 3px 2px;
}
#qanda_box div h3{
	font-size: 18px;
	margin-bottom: 1%;
	color: #005ABC;
	line-height: 1.5;
	padding-top: 2px;
}
#qanda_box div p{
	font-size: 15px;
	margin: 0 0 3% 6%;
	line-height: 1.6;
	padding-top: 3px;
}

/*ハッシュタグ*/
.hashtag_box > a{
	font-size: 18px;
    margin: 0 1% 1%;
    padding: 10px 15px;
    border-radius: 30px;
    color: #222!important;
    display: inline-block;
    border: 1px solid #ccc;
}


/*------------------------------
scroll item
------------------------------*/
.scrollbox_wraper {
	margin-bottom: 50px;
	position: relative
}
.scrollbox_wraper .scroll_left_btn,
.scrollbox_wraper .scroll_right_btn {
    width: 32px;
    height: 32px;
    position: absolute;
    top: calc(50% - 32px);
    display: block;
    z-index: 1;
    background: #FFF;
    border-radius: 50%;
    box-shadow: 0px 0px 6px #888
}
.scrollbox_wraper .scroll_left_btn {left: -40px;}
.scrollbox_wraper .scroll_right_btn {right: -40px;}
.scrollbox_wraper .scroll_left_btn:after,
.scrollbox_wraper .scroll_right_btn:after,
.scrollbox_wraper .scroll_left_btn:before,
.scrollbox_wraper .scroll_right_btn:before {
    content: "";
    display: block;
    width: 0;
    height: 0
}
.scrollbox_wraper .scroll_left_btn:after {
	position: absolute;
	top: 16px;
	left: 11px;
    border-left: 2px solid;
    border-top: 10px solid;
	transform: rotate(-45deg);
	-webkit-transform-origin-y: top;
	transform-origin: top
}
.scrollbox_wraper .scroll_right_btn:after {
	position: absolute;
	top: 16px;
	right: 11px;
	border-left: 2px solid;
	border-top: 10px solid;
	transform: rotate(45deg);
	-webkit-transform-origin-y: top;
	transform-origin: top
}
.scrollbox_wraper .scroll_left_btn:before {
	position: absolute;
	top: 7px;
	left: 11px;
    border-left: 2px solid;
    border-top: 10px solid;
	transform: rotate(45deg);
	-webkit-transform-origin-y: bottom;
	transform-origin: bottom
}
.scrollbox_wraper .scroll_right_btn:before {
	position: absolute;
	top: 7px;
	right: 11px;
	border-left: 2px solid;
	border-top: 10px solid;
	transform: rotate(-45deg);
	-webkit-transform-origin-y: bottom;
	transform-origin: bottom
}
.scrollbox_wraper .scroll_left_btn.non_scloll,
.scrollbox_wraper .scroll_right_btn.non_scloll {
	transition: 0.1s;
	display:none!important
}
.scrollbox_wraper .scrollbox {overflow-x: scroll!important;}
.scrollbox_wraper .scrollbox > ul,
.scrollbox_wraper .scrollbox > ol {
    width: fit-content !important;
    display: flex !important;
    margin: 15px auto 15px !important
}
.scrollbox_wraper .scrollbox > ul > li,
.scrollbox_wraper .scrollbox > ol > li {
	margin: 0 5px !important;
	padding: 15px;
	box-sizing: border-box;
	background: #FFF
}
#link02 .scrollbox_wraper .scrollbox > ol > li {width: calc(1060px / 3) !important;}/*4-10*/
.scrollbox_wraper .scrollbox > ul > li,
.scrollbox_wraper .scrollbox > ol > li {width: calc(1120px / 4) !important;}

.scrollbox_wraper .scrollbox::-webkit-scrollbar {height: 5px!important;}
.scrollbox_wraper .scrollbox::-webkit-scrollbar-track {
	margin: 0 5px !important;
	background: #eee !important;
	border-radius: 5px !important
}
.scrollbox_wraper .scrollbox::-webkit-scrollbar-thumb {
	border-radius: 5px !important;
	background: #999 !important
}
@media (min-width: 760px) and (max-width: 900px){
	/*------------------------------
	for Tablet
	------------------------------*/
	.scrollbox_wraper .scrollbox {
		overflow-x: scroll!important;
		padding: 0;
	}
	.scrollbox_wraper .scrollbox > ul > li,
	.scrollbox_wraper .scrollbox > ol > li {
		width: 270px !important;
	    margin: 0 5px;
		background: #fff;
	}
	.scrollbox_wraper .scrollbox::-webkit-scrollbar {height: 5px!important;}
	.scrollbox_wraper .scrollbox::-webkit-scrollbar-track {
		margin: 0 5px!important;
		background: #eee!important;
		border-radius: 5px!important;
	}
	.scrollbox_wraper .scrollbox::-webkit-scrollbar-thumb {
		border-radius: 5px!important;
		background: #999!important;
	}
}

/*スクロールなし*/
.scrollbox_wraper.pc_no_slider {
	margin-bottom: 15px;
	position: relative
}
.scrollbox_wraper.pc_no_slider .scroll_left_btn,
.scrollbox_wraper.pc_no_slider .scroll_right_btn,
.scrollbox_wraper.pc_no_slider .scrollbox::-webkit-scrollbar,
.scrollbox_wraper.pc_no_slider .scrollbox::-webkit-scrollbar-track,
.scrollbox_wraper.pc_no_slider .scrollbox::-webkit-scrollbar-thumb {display:none!important;}
.scrollbox_wraper.pc_no_slider .scrollbox > ol li {margin-bottom: 10px !important;}

.scrollbox_wraper .recommend {display: flex;}
.scrollbox_wraper .recommend li {
    width: calc(990px / 4) !important;
    padding: 0;
    background: #FFF;
    /*box-shadow: 2px 2px 5px #ccc;*/
    border-radius: 5px;
    box-sizing: border-box;
	border: 1px solid #ddd;
}
.scrollbox_wraper .recommend li > a{color:#000;}
.scrollbox_wraper .recommend li dt {
	margin-bottom: 10px;
	position: relative
}
.scrollbox_wraper .recommend li h4,
.scrollbox_wraper .recommend li p {font-size: 14px;}
.scrollbox_wraper .recommend li h4 {
	position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    text-indent: 2%;
    line-height: 2;
	color:#FFF
}
.scrollbox_wraper .recommend li img {
	border-radius: 5px 5px 0 0;
	width: 100%;
	height: auto;
}
.scrollbox_wraper .recommend li p {
	min-height: 150px;
	margin-bottom: 10px;
	padding: 0 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
	overflow: hidden
}
.scrollbox_wraper .recommend li .price {margin-bottom: 10px}
.scrollbox_wraper .recommend li .price p {min-height: auto;}
.scrollbox_wraper .recommend li .price p span.icon {
	display: inline-block;
	background: #005ABC;
	color: #fff;
	margin-bottom: 3px;
	padding: 2px 10px 4px;
	font-size: 13px;
	width: 100%;
}
.scrollbox_wraper .recommend li .price b {
	color: #d70000;
	text-align: center;
	font-size: 1.5em;
	display: inline-block;
	width: 100%
}
.scrollbox_wraper .recommend li .price small {
	width: 100%;
	display: inline-block;
	text-align: center;
	color: #000;
	font-weight: normal;
}

.scrollbox_wraper .itemList4 li {
	width: auto;
	float: none;
	position: static;
	margin-right: auto;
	margin-bottom: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: visible;
	/*-webkit-box-shadow: 0 1px 0 #afafaf;
	-moz-box-shadow: 0 1px 0 #afafaf;
	box-shadow: 0 1px 0 #afafaf;*/
	border: 1px solid #ddd;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity: 1;
	display: flex;
	flex-direction: column;
}
.scrollbox_wraper .itemList4 li .accessinfo {
	height: 2.5em;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #005ABC;
	font-size: 14px;
	padding: 7px 0;
	text-align: center;
	line-height: 1.3;
	/*border: 3px solid #005ABC;*/
	color: #fff;
	font-weight: bold;
}
.scrollbox_wraper .itemList4 li dd span {
	height: 6.5em;
}
.scrollbox_wraper .itemList4 li dd table {
	margin-bottom: 15px;
}

}

/* gadget */
.search_kokunaiBar .fw-top .fwnta-btn-search {
    background-color: #ea7c84;
}