@charset "utf-8";

/*SP/PC共通*/
.disnone{display:none;}

html {scroll-behavior: smooth;}

/*-----積雪-----*/
.sekisetsu .btnonetxt{
	pointer-events: none;
	color: #616161 !important;
	text-decoration: none;
}
/*-----積雪-----*/

/* 追従 */
.ski_section.m_fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 999;
}
.ski_section li a:hover {
	opacity: 1;
}

.scrollbox_wraper .recommend li p {min-height: 4em;}

/*759px以下*/
@media screen and (max-width: 759.9px) {
#wrapper {line-height: 1.4;}
.spnone{display:none;}

/* CSS */
#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	margin: 1% 1% 0 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 12px;
	margin: 0 1%;
}
h2 {
    font-size: 18px;
    color: #005ABC;
    margin: 5px 0;
    display: block;
    font-weight: bold;
    overflow: hidden;
    clear: both;
    text-align: center;
}
#skitop h2 {
    font-size: 18px;
    font-weight: bold;
    margin: 0 2% 10px;
    line-height: 28px;
    color: #fff;
    background: #3B7CC1;
    padding: 15px;
    text-align: center;
}
h3.commonTit {
        font-size: 20px;
        font-weight: bold;
        padding: 0 0.5em;
        color: #005ABC;
        background: transparent;
        border-left: solid 5px #005ABC;
        margin: 1rem 2%;
    }
/*
#skitop h3.commonTit {
    padding: 60px 0 0 1.7em;
    margin: -60px 0 0;
	border: none;
	position: relative;
	line-height: 1em;
}
#skitop h3.commonTit::before {
	position: absolute;
	content: "";
	display: block;
	width: 5px;
	height: 1em;
	top: 61px;
	left: 1em;
	background-color: #005ABC;
}*/
.inner{
	margin: 0 auto 50px;
	padding: 10px 0;
	display: block;
	background:#dff1ff;
}

/*title*/
#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;
}

/*nav*/
.navMenuNew100{
	background:#3B7CC1;
	margin:0 0 0 0;
}
.navMenuNew100 *{
    -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{
	text-align:center;
	margin:0;
	overflow:hidden;
	padding:0;
	display:table;
	width:100%;
}
.navMenuNew100 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{border-left:none}
.navMenuNew100 ul li span{
	display:block;
	padding:8px 0 7.6px 0
}
.navMenuNew100 ul li.select a{
	font-weight:bold;
	margin:0 0 0 0;
	color:#FF6;
}
.navMenuNew100 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(../2015images/im_tab01.png) no-repeat 50% 10px; background-size:25px auto;}
#nav02{background:url(../2015images/im_tab02.png) no-repeat 50% 3px; background-size:20px auto;}
#nav03{background:url(../2015images/im_tab03.png) no-repeat 50% 3px; background-size:25px auto;}
#navJr{background:url(../2015images/im_tab04.png) no-repeat 50% 10px; background-size:45px auto;}

/*area-skiplan*/
#area-skiplan li {
	width: 96%;
    background: #FFF;
    margin: 0 2% 20px!important;
    padding: 10px;
    box-sizing: border-box;
}
#area-skiplan li dl {
    padding: 10px 10px 0;
    overflow: hidden;
    display: block;
    margin: 0;
}
#area-skiplan li dt {
    font-size: 15px;
    margin-bottom: 2px;
    font-weight: bold;
}
#area-skiplan li dl dd > span {
    margin-top: 10px;
    display: block;
    font-size: 12px;
    background: #FFF;
    padding: 5px;
}
#area-skiplan dd a{
	display: block;
    background: url(../2015images/im_arrow_map.png) no-repeat 0% 5px;
    background-size: 10px auto;
    padding: 0 0 0 13px;
    margin: 0 0 10px 10px;
    width: 230px;
    font-size: 14px;
    font-weight: bold;
    color: #006ECE!important;

}
#area-skiplan dd a span{
	font-size:10px!important;
	display:inline!important;
}

#area-skiplan li .thumb{
	width:20%;
	float: left;
    margin-bottom: 20px;
}
#area-skiplan li .thumb img {width: 100%;}
#area-skiplan span{
	font-weight:bold;
	padding:5px;
	margin-bottom:5px;
}
.clearB {
    clear: both;
}

/*degi-panf*/
#degi-panf ul{
    display: flex;
    flex-wrap: wrap;
}
#degi-panf li{
	width: 49%;
    margin: 0 0.5% 1%;
    padding: 5px;
    background: #FFF;
    box-sizing: border-box;
}
#degi-panf .thumb,
#degi-panf .thumb img {
    width: 100%;
    height: auto;
}
#degi-panf dt {
	font-size: 14px;
    margin: 10px 0;
    font-weight: bold;
}

/*bus-rentacar*/
/*activity-plan*/

#bus-rentacar li,
#activity-plan li{
	width: 98%;
    margin: 1% 1% 2%;
    padding: 10px;
	background: #FFF;
    box-sizing: border-box;
}
#bus-rentacar .thumb img {
    width: 100%;
    height: auto;
}
#activity-plan .thumb img {
    width: 100%;
    height: 200px;
}
#bus-rentacar dt,
#activity-plan dt {
	font-size: 14px;
    margin: 10px 0;
    font-weight: bold;
}
#skitop #activity-plan dt {
	text-align: center;
}

/*tripa*/
#tripa_box .inner div{
    width: 96%;
    margin: 0 2%;
    padding: 15px;
    border-bottom: 1px solid #e2e2e2;
    background: #FFF;
    box-sizing: border-box;
}
#tripa_box .inner div p{
	float:left;
	margin:0 20px 0 0;
	width:75px;
	height:75px;
}
#tripa_box .inner div img{
	width:100%;
	height:auto;
}
#tripa_box .inner div dl{
	overflow:hidden;
	display:block;
}
#tripa_box .inner div:last-child{
	border-bottom:none
}
#tripa_box .inner div dt{
	font-size:14px;
	margin:0 0 10px 0;
}
#tripa_box .inner div dt a{
	color:#000;
}
#tripa_box .inner div dd{
	font-size:14px;
	color:#999;
}
#tripa_box .inner div dd > span{
	display:block;
	margin:5px 0 0 0;
}
#tripa_box .inner div dd > span a{
	color:#CCC;
}
#tripa_box .inner div dd > span span{
	color:#F69;
	display:inline;
}
.btn {
	width: 96%;
    background: url(../images/arrow.png) no-repeat #514640 95% 50%;
    background-size: auto 13px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-bottom: 3px solid rgba(0,0,0,0.2);
    display: block;
    color: #FFF!important;
    text-align: center;
    font-size: 14px;
    position: relative;
    margin: 10px auto;
    padding: 8px 0;
    box-sizing: border-box;
}
.btn.pnk {
	width: 96%;
    background: url(../images/arrow.png) no-repeat #f27a8e 95% 50%;
    background-size: auto 13px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-bottom: 3px solid rgba(0,0,0,0.2);
    display: block;
    color: #FFF!important;
    text-align: center;
    font-size: 14px;
    position: relative;
    margin: 10px auto;
    padding: 8px 0;
    box-sizing: border-box;
}

/*qa*/
#qanda_box dl {
	padding: 12px;
	background: #fff;
	position: relative;
	border-bottom: 1px dotted #aaa;
}
#qanda_box dl:last-child {border-bottom: none;}
#qanda_box dt {
	font-size: 15px;
    padding: 0 40px;
    word-break: break-all;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}
#qanda_box dt:before,
#qanda_box dd:before {
	content: "Q";
    position: absolute;
    left: 0;
    background: #333;
    width: 24px;
    height: 24px;
    text-align: center;
    font-size: 16px;
    color: #FFF;
    text-indent: 0;
	border-radius:20px;
	line-height: 1.6;
}
#qanda_box dd:before {content: "A";}
#qanda_box dt h3{font-weight:bold;}
#qanda_box dd {
	position: relative;
    font-size: 15px;
    margin-top: 10px;
    padding: 10px 40px 10px 40px;
	word-break: break-all;
    border-top: 1px dotted #ccc;
}
#qanda_box dl:after {
	content: "＋";
    position: absolute;
    top: 0;
    right: 0;
    background: #FFF;
    width: 40px;
    height: 100%;
    text-align: center;
    font-size: 20px;
    color: #333;
    display: grid;
    align-items: center;
	transition-duration: 0.5s;
}
#qanda_box dl.faqopen:after {content: "－";}
#qanda_box dl:hover{
	opacity:0.9;
	transition-duration: 0.2s;
}

/*btn*/
.orangeBtn {margin: 0 0 10px;}
.orangeBtn a {
	width: 96%;
    color: #FFF !important;
    display: block;
    background: #f27a8e;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-bottom: 3px solid rgba(000, 000, 000, 0.1);
    text-shadow: 1px 1px 0px rgba(242, 122, 142, 1), 0px 1px 0px rgba(242, 122, 142, 0.2);
    clear: both;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-decoration: none !important;
    font-size: 14px;
    position: relative;
    padding: 8px 15px 8px 15px;
    box-sizing: border-box;
}
/*.orangeBtn a:after {
    width: 13px;
    height: 13px;
    content: "";
    display: block;
    background: url(../2015images/im_arrow.png) no-repeat;
    position: absolute;
    top: 32%;
    right: 1%;
}*/
    
/*btn*/
.pinkBtn {margin: 0 0 10px;}
.pinkBtn a {
	width: 96%;
    background: #f27a8e;
    background: -moz-linear-gradient(top, #f27a8e 0%, #f27a8e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f27a8e), color-stop(100%,#f27a8e));
    background: -webkit-linear-gradient(top, #f27a8e 0%,#f27a8e 100%);
    background: -o-linear-gradient(top, #f27a8e 0%,#f27a8e 100%);
    background: -ms-linear-gradient(top, #f27a8e 0%,#f27a8e 100%);
    background: linear-gradient(to bottom, #f27a8e 0%,#f27a8e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27a8e', endColorstr='#f27a8e',GradientType=0 );
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-bottom: 3px solid rgba(0,0,0,0.2);
    display: block;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    position: relative;
    margin: 10px auto;
    padding: 8px 0;
    box-sizing: border-box;
}
.pinkBtn a:after {
    width: 13px;
    height: 13px;
    content: "";
    display: block;
    background: url(../2015images/im_arrow.png) no-repeat;
    position: absolute;
    top: 32%;
    right: 1%;
}

/*pr_banner*/
.pr_banner {
    width: 96%;
    margin: 0 2% 3%;
}
.pr_banner a img {
	width: 100%;
    display: block;
    margin: 0 auto 1%;
}
.pr_banner a img:hover{opacity:0.8;}
.pr_banner p {text-align: center;}

#bnlinks{display:none;}

/*-------------------------
pref LP
-------------------------*/
body.gelende  ul.gelende li{
margin: 2%;
    background: #FFF;
    padding: 10px 0;
}
body.gelende  li dt{
	display:block;
	padding:0 10px!important;
}

body.gelende  li dd{
	display:block;
	padding:0 10px!important;
}
body.gelende  li dd span{
background: #FFF;
    display: block;
    padding: 5px;
}
body.gelende  table{
	background:#FFF;
	border-collapse: separate!important;
	margin:10px 0 10px 0;
	width:100%;
	border: 5px solid #dff1ff;
}

body.gelende  table th{
	width:80px;
	padding:5px;
	background:#005ABC;
	color:#FFF;
	border-bottom:1px solid #DFF1FF
}

body.gelende  table td{
	padding:5px;
	border-bottom:1px solid #DFF1FF;

}

/*tab*/
body.gelende #tab2{
	overflow: hidden;
    margin: 0 0 12px 0;
    padding: 1px;
    background: #FFF;
    box-sizing: border-box;
}

body.gelende #tab2 p a {
	background: url(../images/im_arrow_b_bottom.png) no-repeat #FFF 50% 86%;
    background-size: 8px auto;
    text-align: center;
    width: calc(100% / 3);
    border-right: 1px solid #dff1ff;
    border-bottom: 1px solid #dff1ff;
    float: left;
    font-size: 12px;
    color: #005ABC;
    padding: 10px 0;
    text-decoration: none!important;
    box-sizing: border-box;
}
body.gelende #tab2 p.select a {
	background: url(../images/im_arrow_bottom.png) no-repeat #005ABC 50% 86%;
    color: #FFF;
    font-weight: bold;
}
body.gelende #tab2 p:nth-of-type(3n) a {border-right: none;}
body.gelende #tab2 p:nth-of-type(n+7) a {border-bottom: none;}
body.gelende #tab3{
	background:#005ABC;
	margin:0 0 15px 0;
	padding:5px 0 2px 0;
	text-align:center;
	 *zoom: 1;
}
body.gelende #tab3:before,
body.gelende #tab3:after {
    content: " ";
    display: table;
}
body.gelende #tab3:after {clear: both;}
body.gelende #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: #FFF;
}
body.gelende #tab3 p.select{background: #FF6;}
body.gelende #tab3 p:last-child{border-right:none;}
body.gelende li dt {
    font-size: 0.9rem;
    font-weight: bold;
    /*margin: 10px 10px 5px 0px;*/
    padding: 5px;
    display: block;
    padding: 0 10px!important;
}

/*-------------------------
積雪
-------------------------*/
.sekisetsu .inner{
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/*sekisetsu*/
.sekisetsu section{background: #dff1ff;}
.sekisetsu .contInner02 {
    padding: 0 10px 10px 10px!important;
    overflow: hidden;
	line-height: 1.6;
}
.sekisetsu .text {
    display: block;
    margin: 15px 0;
	background: #fff;
    padding: 8px;
}
.sekisetsu .text strong{
	display:block;
	text-align:right;
	color:#F00;
}
.sekisetsu .column2Area {
    min-height: 1px;
    width: 100%;
}
.sekisetsu .accordion dt {
    font-size: 16px;
    background: #005ABC;
    color: #FFF;
    font-weight: bold;
    position: relative;
    padding: 5px;
    margin: 0 0 0px 0;
}
.sekisetsu .accordion dt p {
    position: absolute;
    top: 3px;
    right: 5px;
    background: url(/kokunai/season/ski/2015images/im_arrow_map.png) no-repeat #FFF 2% 50%;
    background-size: 10px auto;
    display: inline-block;
    padding: 0px 0px 0px 15px !important;
    font-size: 12px;
	line-height: 12px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}
.sekisetsu .accordion a {
    display: block;
    padding: 8px;
    background-position: 98% center;
    background-repeat: no-repeat;
    text-decoration: none;
}
.sekisetsu .accordion dt p a {
    color: #005ABC;
    text-decoration: none!important;
}
.sekisetsu .accordion dd table {
    width: 100%;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    margin: 0 0 20px 0;
}
.sekisetsu .accordion dd table td {
    padding: 8px;
    border-left: 1px solid #FFF;
    border-top: 1px solid #FFF;
	font-size: 14px;
}
.sekisetsu .accordion dd table tr:nth-child(odd) {background:#FEECD2;}
.sekisetsu .accordion dd table tr:nth-child(even) {background:#FFF;}
.sekisetsu .accordion dd table tr:first-of-type {background:#bce1fb;}

/*bnr*/
.sekisetsu .bana {
    width: 95%;
    margin: 20px auto 20px;
}
.sekisetsu .bana img {width: 100%;}
    
    
/*202511*/
.ski_section ul {
    display: flex;
	margin-bottom: 30px;
}
.ski_section li {
    width: 23%;
    margin: 0 1% 1%;
    overflow: hidden;
    position: relative;
    list-style: none;
}
.ski_section .word-box li a {
    font-size: 15px;
    padding: 10px 0;
    border: 1px solid #aaa;
    border-radius: 3px 3px 0 3px;
    position: relative;
}
.ski_section li a {
    width: 98%;
    display: inline-block;
    margin: 5px 1%;
    text-align: center;
    color: #222;
    background: #FFF;
    font-size: 14px;
    box-sizing: border-box;
    text-decoration: none;
}
.ski_section .word-box li a:before {
	content: "";
    position: absolute;
    bottom: 3px;
    right: 3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 15px 15px;
    border-color: transparent transparent #005ABC transparent;
}
    
    
/*2カラム*/
    .plan_box_wrap01 {
		margin-bottom: 30px;
    }
.plan_box_wrap01 .plan_box {
width: 96%;
	display: block;
	margin:10px 2%;
	padding: 10px;
	background: #FFF;
	box-sizing: border-box;
}
.plan_box_wrap01 .plan_box dl.plan_text dt{
	font-size: 20px;
	display: block;
	margin: 2% 1% 3%;
	font-weight:normal;
    padding-bottom: 1%;
    border-bottom: 2px solid #1a9bde;
    font-weight: bold;
    color: #1a9bde;
}
.plan_box_wrap01 .plan_box dl.plan_text dd {margin:2% 0;}
.plan_box_wrap01 .plan_box dl.plan_text dd span.icon{
	background: #F00;
	padding: 3px 6px 2px;
	color: #FFF;
	border-radius: 8px;
	display: inline-block;
	font-size: 14px;
	margin-bottom: 1%;
}
.plan_box_wrap01 .plan_box dl.plan_text ul li.img {
    width:100%;
    overflow: hidden;
    }

.plan_box_wrap01 .plan_box dl.plan_text ul li.img img {
	width:100%;
	float: left;
	display: block;
}
 
.plan_box_wrap01 .plan_box dl.plan_text dd ul li.detail_txt{
	font-size: 12px;
	display: block;
    padding-top:7px;
	margin-bottom: 1%;
	font-weight:normal;
    width: 100%;
}

    .plan_box_wrap01 .plan_box dl.plan_text dd ul li.detail_txt span {
        font-size: 18px;
    }
    
.plan_box_wrap01 .plan_box dl.plan_text dd.point_txt{
	font-size: 16px;
}
/*
.plan_box_wrap01 .plan_box dl.plan_text dd.point_txt p{
	text-indent: -1em;
    padding-left:1em;
}
*/
.plan_box_wrap01 .plan_box .orangeframeBtn a {
	font-size: 18px;
	display: block;
	padding: 0 5px 0 0;
	color: #e61b61 !important;
	text-align: right;
	clear: both;
}

/*フルカラム*/
.plan_box_wrap00 {
width: 100%;
	display: block;
	/* border-bottom: 2px dotted #111; */
	margin: 0 0 3%;
	padding: 10px;
	background: #FFF;
	box-sizing: border-box;
}
.plan_box_wrap00 .plan_box dl.plan_text dt{
	font-size: 20px;
	display: block;
	margin: 1% 0% 2%;
	font-weight:normal;
    padding-bottom: 1%;
    border-bottom: 2px solid #1a9bde;
    font-weight: bold;
    color: #1a9bde;
}
.plan_box_wrap00 .plan_box dl.plan_text dd {
    margin:10px 0;}
.plan_box_wrap00 .plan_box dl.plan_text dd span.icon{
	background: #F00;
	padding: 3px 6px 2px;
	color: #FFF;
	border-radius: 8px;
	display: inline-block;
	font-size: 14px;
	margin-bottom: 1%;
}
.plan_box_wrap00 dl.plan_text dd.detail_txt ul {
    display:flex;
    column-gap: 5px;
    }
.plan_box_wrap00 dl.plan_text dd.detail_txt ul li {
    padding: 5px;
    border: 1px solid #ccc;
    width: calc(100% / 3);
    }

.plan_box_wrap00 dl.plan_text dd.plan_image img {
	width: 100%;
	margin-right: 2%;
}
 
.plan_box_wrap00 .plan_box dl.plan_text dd.detail_txt{
	font-size: 12px;
	display: block;
	margin-bottom: 1%;
	font-weight:normal;
}
    .plan_box_wrap00 .plan_box dl.plan_text dd.detail_txt span {
        font-size: 18px;
    }
    .plan_box_wrap00 .plan_box dl.plan_text dd.detail_txt span.name {
        font-size: 16px;
        color: #1a9bde;
    }
    
.plan_box_wrap00 dl.plan_text dd.point_txt{
	font-size: 16px;
}
/*
.plan_box_wrap00 dl.plan_text dd.point_txt p{
	text-indent: -1em;
    padding-left:1em;
}
	*/

.plan_box_wrap00 .orangeframeBtn a {
	font-size: 18px;
	display: block;
	padding: 0 5px 0 0;
	color: #e61b61 !important;
	text-align: right;
	clear: both;
}

/*btn*/
.orangeBtn01{
    margin: 5px 0 5px 0;
	display:block;
	clear:both;
    box-sizing: border-box;
	width:100%;
}
.orangeBtnWrap {
    display: flex;
    flex-wrap: wrap;
    }
.orangeBtn02{
    margin: 5px 1% 5px 0;
	display:block;
	clear:both;
    box-sizing: border-box;
	width:49%;
}
.orangeBtn02:nth-child(2) {
    margin:5px 0 5px 1%;
    }
	
.orangeBtn01 a,.orangeBtn02 a{
		color:#FFF!important;
		display:block;
background: #ff8e00; /* Old browsers */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-bottom:3px solid rgba(000,000,000,0.1);
	text-shadow:
		1px 1px 0px rgba(255,140,0,1),
		0px 1px 0px rgba(255,140,0,0.2);
	display:block;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	/*font-weight:bold;*/
	display:block;
	text-align:center;
	text-decoration:none!important;
	font-size:14px;
	position:relative;
	padding:8px 15px 8px 5px;
	width:100%;
    box-sizing: border-box;
}

.orangeBtn01 a:after,.orangeBtn02 a:after{
	width:13px;
	height:13px;
	content:"";
	display:block;
	background:url(../re_images/im_arrow.png) no-repeat;
	position:absolute;
	top:32%;
	right:1%;
	}
	
.orangeBtn01:hover,.orangeBtn02:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	}
    
/*btn2*/
.pinkBtn01{
    margin: 5px 0 5px 0;
	display:block;
	clear:both;
    box-sizing: border-box;
	width:100%;
}
.pinkBtnWrap {
    display: flex;
    flex-wrap: wrap;
    }
.pinkBtn02{
    margin: 5px 1% 5px 0;
	display:block;
	clear:both;
    box-sizing: border-box;
	width:49%;
}
.pinkBtn02:nth-child(2) {
    margin:5px 0 5px 1%;
    }
	
.pinkBtn01 a,.pinkBtn02 a{
		color:#FFF!important;
		display:block;
background: #f27a8e; /* Old browsers */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-bottom:3px solid rgba(000,000,000,0.1);
	text-shadow:
		1px 1px 0px rgba(242,122,142,1),
		0px 1px 0px rgba(242,122,142,0.2);
	display:block;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	/*font-weight:bold;*/
	display:block;
	text-align:center;
	text-decoration:none!important;
	font-size:14px;
	position:relative;
	padding:8px 15px 8px 15px;
	width:100%;
    box-sizing: border-box;
}

/*.pinkBtn01 a:after,.pinkBtn02 a:after{
	width:13px;
	height:13px;
	content:"";
	display:block;
	background:url(../re_images/im_arrow.png) no-repeat;
	position:absolute;
	top:32%;
	right:1%;
	}*/
	
.pinkBtn01:hover,.pinkBtn02:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	}
    
    
    
    
    
/*------------------------------
scroll item
------------------------------*/
.scrollbox_wraper {
	margin-bottom: 50px;
	position: relative;
    width:80%;
    box-sizing: border-box;
    margin-left: auto; /* 10% */
    margin-right: auto; /* 5% */
}
.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: -25px;}
.scrollbox_wraper .scroll_right_btn {right: -25px;}
.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
}
.scrollbox_wraper .recommend li h4 {
	margin-top: 1em;
	color:#0065d6;
	font-weight: bold;
}
#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(1800px / 6) !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
}



}





/*760px以上*/
@media screen and (min-width: 760px),print {
/* 追従 */
.ski_section {
	position: relative;
	z-index: 999;
}
.ski_section.m_fixed {
	width: 96%;
	max-width: 1080px;
}
/* CSS */
#skitop #skitop_bg {
	margin-bottom: 50px;
	padding: 30px 0 20px;
    background-image: url(../images/bg_snow.jpg) ;
    background-position: top;
    background-repeat:repeat;
}
#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;
}
h2 {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 10px 0;
    line-height: 38px;
    color: #005ABC;
}
#skitop h2 {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 10px 0;
    line-height: 38px;
    color: #fff;
    background: #3B7CC1;
    padding: 15px;
    text-align: center;
}
h3.commonTit {
        font-size: 24px;
        font-weight: bold;
        padding: 0 0.5em;
        color: #005ABC;
        background: transparent;
        border-left: solid 5px #005ABC;
        margin: 1rem 0;
}

/*#skitop h3.commonTit {
    padding: 83px 0 0 0.7em;
    margin: -83px 0 0;
	border: none;
	position: relative;
}
#skitop h3.commonTit::before {
	position: absolute;
	content: "";
	display: block;
	width: 5px;
	height: 1em;
	top: 83px;
	left: 0;
	background-color: #005ABC;
}*/

.inner{
	box-sizing: border-box;
	width: 96%;
	max-width:1080px;
	margin: 0 auto 50px;
	padding: 20px;
	display: block;
	background:#dff1ff;
}

/*title*/
#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;
}

/*nav*/
.navMenuNew100 {
    background: #3B7CC1;
    margin: 0 0 30px 0;
}
#skitop .navMenuNew100 {
    background: #3B7CC1;
    margin: 0;
}
.navMenuNew100 ul {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 0 0 0;
}
.navMenuNew100 ul li:first-child {border-left: 1px dotted #ABD1EF;}
.navMenuNew100 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;
}
#nav01 a {background: url(../2015images/im_tab01.png) no-repeat 11px 50%;}
#nav02 a {background: url(../2015images/im_tab02.png) no-repeat 11px 50%;}
#nav03 a {background: url(../2015images/im_tab03.png) no-repeat 11px 50%;}
#navJr a {
    background: url(../2015images/im_tab04.png) no-repeat 11px 50%;
    background-size: 48px auto;
    padding-left: 75px;
}
.navMenuNew100 ul li a {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 18px;
    display: block;
    padding: 18px 30px 18px 60px;
}
.navMenuNew100 ul li.select a {
    font-weight: bold;
    margin: 0 0 0 0;
    color: #FFF551;
    cursor: default;
}
.navMenuNew100 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;
}
.navMenuNew100 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;
}

/*area-skiplan*/
#area-skiplan li {
	background: #FFF;
    margin: 0 0 20px!important;
    padding: 20px;
}
#area-skiplan li dl {
    padding: 10px 10px 0;
    overflow: hidden;
    display: block;
    margin: 0;
}
#area-skiplan li dt {
    font-size: 15px;
    margin-bottom: 2px;
    font-weight: bold;
}
#area-skiplan li dl dd > span {
    margin-top: 10px;
    display: block;
    font-size: 12px;
    background: #FFF;
    padding: 5px;
}
#area-skiplan dd a{
	display:block;
	background:url(../2015images/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;
	line-height: 2;
}
#area-skiplan dd a span{
	font-size:10px!important;
	display:inline!important;
}

#area-skiplan li .thumb{
	width:20%;
	float: left;
    margin-bottom: 20px;
}
#area-skiplan li .thumb img {width: 100%;}
#area-skiplan span{
	font-weight:bold;
	padding:5px;
	margin-bottom:5px;
}
.clearB {
    clear: both;
}

/*degi-panf*/
/*bus-rentacar*/
/*activity-plan*/
#degi-panf ul,
#bus-rentacar ul/*,
#activity-plan ul*/{
    display: flex;
    flex-wrap: wrap;
}
#degi-panf li,
#bus-rentacar li/*,
#activity-plan li*/{
	width: 31.33333%;
    margin: 1% 1% 2%;
    padding: 10px;
	background: #FFF;
    box-sizing: border-box;
}
#degi-panf .thumb img,
#bus-rentacar .thumb img {
    width: 100%;
    height: auto;
}
#activity-plan .thumb img {
    width: 100%;
    height: 200px;
}
#degi-panf dl,
#bus-rentacar dl/*,
#activity-plan dl*/ {
	padding: 10px 10px 0;
    overflow: hidden;
    display: block;
    margin: 0;
    line-height: 1.4;
}
#degi-panf dt,
#bus-rentacar dt/*,
#activity-plan dt*/ {
	font-size: 16px;
    margin: 10px 0;
    font-weight: bold;
}


/*tripa*/
#tripa_box .inner div{
	overflow:hidden;
	padding:15px;
	margin:0 0 0 0;
	border-bottom:1px solid #e2e2e2;
	background:#FFF;
}
#tripa_box .inner div p{
	float:left;
	margin:0 20px 0 0;
	width:75px;
	height:75px;
}
#tripa_box .inner div img{
	width:100%;
	height:auto;
}
#tripa_box .inner div dl{
	overflow:hidden;
	display:block;
}
#tripa_box .inner div:last-child{
	border-bottom:none
}
#tripa_box .inner div dt{
	font-size:16px;
	margin:0 0 10px 0;
}
#tripa_box .inner div dt a{
	color:#000;
}
#tripa_box .inner div dd{
	font-size:14px;
	color:#999;
}
#tripa_box .inner div dd > span{
	display:block;
	margin:5px 0 0 0;
}
#tripa_box .inner div dd > span a{
	color:#CCC;
}
#tripa_box .inner div dd > span span{
	color:#F69;
	display:inline;
}
.btn {
    width: 620px;
    background: url(../images/arrow.png) no-repeat #514640 95% 50%;
    background-size: auto 13px;
    display: block;
    margin: 50px auto;
    padding: 20px 0 18px 0;
    color: #FFF!important;
    font-size: 18px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-bottom: 2px solid rgba(0,0,0,0.2)!important;
    text-align: center;
}
.btn.pink {
    width: 620px;
    background: url(../images/arrow.png) no-repeat #f27a8e 95% 50%;
    background-size: auto 13px;
    display: block;
    margin: 50px auto;
    padding: 20px 0 18px 0;
    color: #FFF!important;
    font-size: 18px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-bottom: 2px solid rgba(0,0,0,0.2)!important;
    text-align: center;
}

/*qa*/
#qanda_box dl {
	padding: 15px;
    background: #fff;
    position: relative;
    border-bottom: 1px dotted #aaa;
}
#qanda_box dl:last-child {border-bottom: none;}
#qanda_box dt {
	font-size: 18px;
    padding: 0 40px;
    line-height: 1.6;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}
#qanda_box dt:before,
#qanda_box dd:before {
	content: "Q";
    position: absolute;
    left: 0;
    background: #333;
    width: 28px;
    height: 28px;
    text-align: center;
    font-size: 18px;
    color: #FFF;
    text-indent: 0;
	border-radius:20px;
}
#qanda_box dd:before {content: "A";}
#qanda_box dt h3{font-weight:bold;}
#qanda_box dd {
	position: relative;
    font-size: 16px;
    line-height: 1.6;
    margin-top: 10px;
    padding: 10px 40px 10px 40px;
}
#qanda_box dl:after {
	content: "＋";
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    text-align: center;
    font-size: 20px;
	background: #FFF;
    color: #333;
    display: grid;
    align-items: center;
	transition-duration: 0.5s;
}
#qanda_box dl.faqopen:after {content: "－";}
#qanda_box dl:hover{
	opacity:0.9;
	transition-duration: 0.2s;
}

/*btn*/
.orangeBtn {margin: 10px;}
.orangeBtn a {
    color: #FFF !important;
    display: block;
    background: #f27a8e;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-bottom: 3px solid rgba(000, 000, 000, 0.1);
    text-shadow: 1px 1px 0px rgba(242, 122, 142, 1), 0px 1px 0px rgba(242, 122, 142, 0.2);
    clear: both;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-decoration: none !important;
    font-size: 14px;
    position: relative;
    padding: 8px 15px 8px 15px;
    width: 100%;
    box-sizing: border-box;
}
/*.orangeBtn a:after {
    width: 13px;
    height: 13px;
    content: "";
    display: block;
    background: url(../2015images/im_arrow.png) no-repeat;
    position: absolute;
    top: 32%;
    right: 1%;
}*/
    
/*btn*/
.pinkBtn {margin: 10px;}
.pinkBtn a {
	background: #f27a8e;
    background: -moz-linear-gradient(top, #f27a8e 0%, #f27a8e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f27a8e), color-stop(100%,#f27a8e));
    background: -webkit-linear-gradient(top, #f27a8e 0%,#f27a8e 100%);
    background: -o-linear-gradient(top, #f27a8e 0%,#f27a8e 100%);
    background: -ms-linear-gradient(top, #f27a8e 0%,#f27a8e 100%);
    background: linear-gradient(to bottom, #f27a8e 0%,#f27a8e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa800', endColorstr='#f27a8e',GradientType=0 );
    -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;
    text-align: center;
    font-size: 16px;
    position: relative;
    padding: 10px 0;
}
.pinkBtn a:after {
    width: 13px;
    height: 13px;
    content: "";
    display: block;
    background: url(../2015images/im_arrow.png) no-repeat;
    position: absolute;
    top: 32%;
    right: 1%;
}

/*pr_banner*/
.pr_banner {
    width: 100%;
    margin-bottom: 3%;
}
.pr_banner a img {
	width: 640px;
    display: block;
    margin: 0 auto 1%;
}
.pr_banner a img:hover{opacity:0.8;}
.pr_banner p {text-align: center;}

#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;
}

/*-------------------------
pref LP
-------------------------*/
/*tab*/
body.gelende #tab2{
	overflow:hidden;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
body.gelende #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;
}
body.gelende #tab2 p a{
	background:url(../2015images/im_arrow_b_bottom.png) no-repeat #ffffff 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
}
body.gelende #tab2 p.select a{
	background:url(../2015images/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;
	color:#005ABC;
	padding:10px 0 10px 0;
	text-decoration:none!important;
	color:#FFF;
	font-weight:bold;
}
body.gelende #tab3{
	background:#005ABC;
	margin:0 0 15px 0;
	padding:10px 0 10px 0;
	text-align:center;
}
body.gelende #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;
}
body.gelende #tab3 p.select{
	font-weight:bold;
	color:#FFF551;
}
body.gelende #tab3 p:last-child{border-right:none;}
body.gelende .itemList4.gray.gelende li{
	width: 32%!important;
    float: left!important;
    margin: 0 0.5% 20px!important;
	padding: 10px 0;
}
body.gelende .itemList4.gray.gelende li .thumb{
	width:100%;
	float:none;
}
body.gelende .gelende table{
	background:#FFF;
	border-collapse: separate!important;
	margin:10px 0 0 0;
	width:100%;
}
body.gelende .gelende table th{
	width:80px;
	padding:5px;
	background:#005ABC;
	color:#FFF;
	border-bottom:1px solid #DFF1FF
}
body.gelende .gelende table td{
	padding:5px;
	border-bottom:1px solid #DFF1FF;
}
body.gelende .itemList4 {
	margin-right: -29px;
	list-style:none;
	margin:0;
	padding:0;
}
body.gelende .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;
	*display:inline;
	opacity: 0.99999;
	filter: alpha(opacity=100);       
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity:1;
	background: #FFF;
}
body.gelende .itemList4 li dl {
	padding: 10px 10px 0;
	overflow:hidden;
	display:block;
	margin:0;
}
body.gelende .itemList4 li dl dt {
	font-size: 15px;
	margin-bottom: 2px;
	font-weight:bold;
}
body.gelende .itemList4 li dl dd span {
	margin-top: 10px;
	display: block;
	font-size:12px;
	background:#FFF;
	padding: 5px;
}
body.gelende .itemList4 li dl dd a {text-decoration: none !important;}
body.gelende .itemList4 li dl dd a span{background:none!important;}
body.gelende .itemList4 li dl dd p{
	display:block;
	clear:both;
	margin:0;
	padding:0;
}

/*-------------------------
積雪
-------------------------*/
.sekisetsu .inner{
	width: 96%;
	max-width:970px;
	margin: 0 auto;
	padding:0;
	display: block;
}
.sekisetsu .contInner02 {
    margin: 0 0 15px 0;
    line-height: 1.6;
    width: auto;
    padding: 20px 20px 10px;
    overflow: hidden;
	background: #dff1ff;
}
.sekisetsu .text {
    display: block;
    margin: 0 0 15px 0;
}
.sekisetsu .text strong {
    display: block;
    text-align: right;
    color: #F00;
}
.sekisetsu .accordion dt {
    font-size: 18px;
    background: #005ABC;
    color: #FFF;
    font-weight: bold;
    position: relative;
    padding: 5px;
    margin: 0 0 0px 0;
}
.sekisetsu .accordion dt p {
    position: absolute;
    top: 4px;
    right: 5px;
    background: url(/kokunai/season/ski/2015images/im_arrow_map.png) no-repeat #FFF 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;
}
.sekisetsu .accordion dd table {
    width: 100%;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    margin: 0 0 20px 0;
}
.sekisetsu .accordion dd table td{
	padding:6px;
	border-left:1px solid #FFF;
	border-top:1px solid #FFF;
}

/*bnr*/
.sekisetsu .bana {
    width: 640px;
    margin: 20px auto 20px;
}
    
/*202511*/
.ski_section ul {
    display: flex;
}
.ski_section li {
    width: 48%;
    margin: 0 1% 1%;
    overflow: hidden;
    position: relative;
    list-style: none;
}
.ski_section .word-box li a {
    font-size: 16px;
    padding: 15px 0;
    border: 1px solid #aaa;
    border-radius: 3px 3px 0 3px;
    position: relative;
}
.ski_section li a {
    width: 98%;
    display: inline-block;
    margin: 5px 1%;
    text-align: center;
    color: #222;
    background: #FFF;
    font-size: 14px;
    box-sizing: border-box;
    text-decoration: none;
}
.ski_section .word-box li a:before {
	content: "";
    position: absolute;
    bottom: 3px;
    right: 3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 15px 15px;
    border-color: transparent transparent #005ABC transparent;
}
    
    
/*2カラム*/
    .plan_box_wrap01 {
        display:flex;
        flex-wrap: wrap;
        column-gap: 20px;
    }
.plan_box_wrap01 .plan_box {
width: calc(97.9% / 2);
	display: block;
	margin-bottom:20px;
	padding: 10px;
	background: #FFF;
	box-sizing: border-box;
}
.plan_box_wrap01 .plan_box dl.plan_text dt{
	font-size: 22px;
	display: block;
	margin: 2% 1% 3%;
	font-weight:normal;
    padding-bottom: 1%;
    border-bottom: 2px solid #1a9bde;
    font-weight: bold;
    color: #1a9bde;
}
.plan_box_wrap01 .plan_box dl.plan_text dd {margin:2% 0;}
.plan_box_wrap01 .plan_box dl.plan_text dd span.icon{
	background: #F00;
	padding: 3px 6px 2px;
	color: #FFF;
	border-radius: 8px;
	display: inline-block;
	font-size: 14px;
	margin-bottom: 1%;
}
.plan_box_wrap01 .plan_box dl.plan_text dd ul {
    display: flex;
    }

.plan_box_wrap01 .plan_box dl.plan_text ul li.img img {
	width: 250px;
	float: left;
	display: block;
	margin-right: 2%;
}
 
.plan_box_wrap01 .plan_box dl.plan_text dd ul li.detail_txt{
	font-size: 13px;
	display: block;
	margin-bottom: 1%;
	font-weight:normal;
    margin-left: 10px;
    line-height: 1.8;
}
    
    .plan_box_wrap01 .plan_box dl.plan_text dd ul li.detail_txt span {
        font-size: 20px;
    }
    
.plan_box_wrap01 .plan_box dl.plan_text dd.point_txt{
	font-size: 15px;
    line-height: 1.6;
}
/*
.plan_box_wrap01 .plan_box dl.plan_text dd.point_txt p{
	text-indent: -1em;
    padding-left:1em;
}
*/
.plan_box_wrap01 .plan_box .orangeframeBtn a {
	font-size: 18px;
	display: block;
	padding: 0 5px 0 0;
	color: #e61b61 !important;
	text-align: right;
	clear: both;
}

/*フルカラム*/
.plan_box_wrap00 {
width: 100%;
	display: block;
	/* border-bottom: 2px dotted #111; */
	margin: 0 0 3%;
	padding: 10px;
	background: #FFF;
	box-sizing: border-box;
}
.plan_box_wrap00 .plan_box dl.plan_text dt{
	font-size: 20px;
	display: block;
	margin: 1% 0% 2%;
	font-weight:normal;
    padding-bottom: 1%;
    border-bottom: 2px solid #1a9bde;
    font-weight: bold;
    color: #1a9bde;
}
.plan_box_wrap00 .plan_box dl.plan_text dd {
    margin:10px 0;}
.plan_box_wrap00 .plan_box dl.plan_text dd span.icon{
	background: #F00;
	padding: 3px 6px 2px;
	color: #FFF;
	border-radius: 8px;
	display: inline-block;
	font-size: 14px;
	margin-bottom: 1%;
}
.plan_box_wrap00 dl.plan_text dd.detail_txt ul {
    display:flex;
    column-gap: 20px;
    }
.plan_box_wrap00 dl.plan_text dd.detail_txt ul li {
    padding: 10px;
    border: 1px solid #ccc;
    width: calc(100% / 3);
    }

.plan_box_wrap00 dl.plan_text dd.plan_image img {
	width: 100%;
	margin-right: 2%;
}
 
.plan_box_wrap00 .plan_box dl.plan_text dd.detail_txt{
	font-size: 12px;
	display: block;
	margin-bottom: 1%;
	font-weight:normal;
}
.plan_box_wrap00 .plan_box dl.plan_text dd.detail_txt li span.name{
    font-size:18px;
    color: #1a9bde;
    }
    .plan_box_wrap00 .plan_box dl.plan_text dd.detail_txt span {
        font-size: 20px;
    }
    
.plan_box_wrap00 dl.plan_text dd.point_txt{
	font-size: 15px;
        line-height: 1.6;
}
/*
.plan_box_wrap00 dl.plan_text dd.point_txt p{
	text-indent: -1em;
    padding-left:1em;
}*/

.plan_box_wrap00 .orangeframeBtn a {
	font-size: 18px;
	display: block;
	padding: 0 5px 0 0;
	color: #e61b61 !important;
	text-align: right;
	clear: both;
}

/*btn*/
.orangeBtn01{
    margin: 5px 0 5px 0;
	display:block;
	clear:both;
    box-sizing: border-box;
	width:100%;
}
.orangeBtnWrap {
    display: flex;
    flex-wrap: wrap;
    }
.orangeBtn02{
    margin: 5px 1% 5px 0;
	display:block;
	clear:both;
    box-sizing: border-box;
	width:49%;
}
.orangeBtn02:nth-child(2) {
    margin:5px 0 5px 1%;
    }
	
.orangeBtn01 a,.orangeBtn02 a{
		color:#FFF!important;
		display:block;
background: #ff8e00; /* Old browsers */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-bottom:3px solid rgba(000,000,000,0.1);
	text-shadow:
		1px 1px 0px rgba(255,140,0,1),
		0px 1px 0px rgba(255,140,0,0.2);
	display:block;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	/*font-weight:bold;*/
	display:block;
	text-align:center;
	text-decoration:none!important;
	font-size:14px;
	position:relative;
	padding:8px 15px 8px 5px;
	width:100%;
    box-sizing: border-box;
}

.orangeBtn01 a:after,.orangeBtn02 a:after{
	width:13px;
	height:13px;
	content:"";
	display:block;
	background:url(../re_images/im_arrow.png) no-repeat;
	position:absolute;
	top:32%;
	right:1%;
	}
	
.orangeBtn01:hover,.orangeBtn02:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	}
    
/*btn2*/
.pinkBtn01{
    margin: 5px 0 5px 0;
	display:block;
	clear:both;
    box-sizing: border-box;
	width:100%;
}
.pinkBtnWrap {
    display: flex;
    flex-wrap: wrap;
    }
.pinkBtn02{
    margin: 5px 1% 5px 0;
	display:block;
	clear:both;
    box-sizing: border-box;
	width:49%;
}
.pinkBtn02:nth-child(2) {
    margin:5px 0 5px 1%;
    }
	
.pinkBtn01 a,.pinkBtn02 a{
		color:#FFF!important;
		display:block;
background: #f27a8e; /* Old browsers */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-bottom:3px solid rgba(000,000,000,0.1);
	text-shadow:
		1px 1px 0px rgba(242,122,142,1),
		0px 1px 0px rgba(242,122,142,0.2);
	display:block;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	/*font-weight:bold;*/
	display:block;
	text-align:center;
	text-decoration:none!important;
	font-size:14px;
	position:relative;
	padding:8px 15px 8px 15px;
	width:100%;
    box-sizing: border-box;
}

/*.pinkBtn01 a:after,.pinkBtn02 a:after{
	width:13px;
	height:13px;
	content:"";
	display:block;
	background:url(../re_images/im_arrow.png) no-repeat;
	position:absolute;
	top:32%;
	right:1%;
	}*/
	
.pinkBtn01:hover,.pinkBtn02:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	}
    
    

/*------------------------------
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 {
	color:#0065d6;
	font-weight: bold;
}
.scrollbox_wraper .recommend li img {
	border-radius: 5px 5px 0 0;
	width: 100%;
	height: auto;
}
.scrollbox_wraper .recommend li p {
	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;
} 
    
    
/*スクロールなし*/
.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 {
	margin-top: 1em;
	color:#0065d6;
	font-weight: bold;
}
.scrollbox_wraper .recommend li img {
	border-radius: 5px 5px 0 0;
	width: 100%;
	height: auto;
}
.scrollbox_wraper .recommend li p {
	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;
}
    

    

}

#skitop .inner{
	background:#fff;
}

/*759px以下*/
@media screen and (max-width: 759.9px) {
#skitop .plan_box_wrap00 dl.plan_text dd.detail_txt ul {
	display: block;
}
#skitop .plan_box_wrap00 dl.plan_text dd.detail_txt ul li{
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 10px;
}
}



@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;
	}
}