/*---------------------------------------------------------------------
Common modules
---------------------------------------------------------------------- */
img{
max-width: 100%;
height: auto;
}
.main_Col{
font-family: '\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif;
overflow: hidden;
}
/* header
---------------------------------------------------------------------- */
.hdg-l3-01{
padding: 8px 5px 5px;
background-color: #78ae0e;
color: #fff;
font-size: 17px;
text-shadow:none;
}
.hdg-l3-01:before{
content:"";
display: inline-block;
width: 11px;
height: 11px;
margin-right: 5px;
background-color: #fade88;
border-radius: 50%;
}

/*---------------------------------------------------------------------
Local modules
---------------------------------------------------------------------- */
/* updateArea
---------------------------------------------------------------------- */
.updateArea         {
clear:both;
}
.updateArea p       {
padding:10px 0;
text-align:right;
margin:0;
font-size:14px;
}
.updateArea p span  { padding-right:10px;}

/* contentHeader1_Nav
---------------------------------------------------------------------- */
.contentHeader1_Nav{
margin:0;
padding:0;
color:#fff;
text-align: center;
text-shadow:none;
background-color: #8DC521;
border-bottom: 1px solid #a3a3a3;
}
.contentHeader1_Nav img{
vertical-align: bottom;
}
.contentHeader1_Nav h2{
padding: 5px 0;
font-size: 20px;
}

/* contentHeader3_Nav
---------------------------------------------------------------------- */
.contentHeader3_Nav {
position: relative;
background-color: #78ae0e;
text-align: center;
text-shadow:none;
color:#fff;
padding: 11px 10px 11px 85px;
overflow: hidden;
}
.contentHeader3_Nav h2{
font-size: 16px;
}
.contentHeader3_Nav .headbutton_Boxtheme{
margin: 0;
}
.contentHeader3_Nav .headbutton_Boxtheme a{
position: absolute;
top: 5px;
left: 8px;
background: linear-gradient(#8cc322 0%, #6da207 100%);
background-color: #000;
border:none;
font-size: 14px;
text-shadow:none;
}
.contentHeader3_Nav .headbutton_Boxtheme a .ui-btn-inner{
padding: 7px 6px;
border: 1px solid #588304;
border-radius: 3px;
box-shadow: 1px 1px 2px rgba(255,255,255, .3) inset, -1px -1px 2px rgba(255,255,255, .3) inset;
color: #fff;
display: block;
font-weight: bold;
text-align: center;
}

.contentHeader3_Nav .ui-btn-text {
/*color: #fff;*/
}


/* agtTitle_Area
---------------------------------------------------------------------- */
.agtTitle_Area p {
border-bottom: 1px solid #a3a3a3;
background: #fff;
padding: 5px 15px 5px 15px;
font-weight: bold;
font-size: 120%;
height: 38px;
}
.agtTitle_Area img {
float: left;
width: 60px;
margin-right: 8px;
margin-top: 5px;
}

/* product-box
---------------------------------------------------------------------- */
.product-box{
margin: 10px 8px;
background-color: #fff;
}
.product-box .title {
display:block;
background: #333;
color: #fff;
padding: 5px 10px;
font-size: 14px;
font-weight:bold;
text-shadow:none;
}
.product-box li{
display: block;
padding-bottom: 15px;
margin-bottom: 20px;
box-shadow: 1px 2px 4px rgba(0,0,0,.3);
text-align: center;
}
.product-box li a{
display: block;
color: #333 !important;
}
.product-box li span {
display: block;
padding: 5px 5px 0 5px;
text-align: left;
}
.product-box li .price {
display: block;
text-align: right;
color: #ff0000;
font-weight: bold;
font-size: 18px;
text-decoration: none;
}

/* item_Area
---------------------------------------------------------------------- */
.item_Area {
margin: 0px 8px 10px;
border-style: solid;
border-width: 4px 1px 0px 1px;
border-color: #78ae0e #d4d4d4 #bfbfbf #d4d4d4;
box-shadow: 0 1px 1px rgba(0,0,0,0.2);
background-color: #fff;
}
.item_Area .sectionTitle_Area {
border-bottom:solid 1px #ffffff;
background:#f7f7f7;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8) );
border-bottom:2px solid #bebebe;
overflow:hidden;
padding-right:5px;
}
.item_Area .sectionTitle_Area a{
display: block;
padding:10px 20px 10px 10px;
background:url(../images/icon_list01_001.png) no-repeat;
background-size:22px 22px; background-repeat:no-repeat;
background-position: right center;
color:#333 !important;
}

/* products-box
---------------------------------------------------------------------- */
.products-box{
padding: 10px;
margin-bottom: 15px;
}
.products-box img{
margin-bottom: 5px;
}
.products-box h5 {
display:block;
background: #333;
color: #fff;
padding: 5px 10px;
font-size: 14px;
font-weight:bold;
text-shadow:none;
}
.products-box a p{
color:#222;
}
.products-box .price{
color: #f00;
font-size: 15px;
font-weight: bold;
text-align: right;
}
.products-box .price b{
font-size: 20px;
}
.products-box .btn-more{
border-radius: 5px;
border: solid 1px #adacac;
background-color: #eaeaea;
background-image: -webkit-linear-gradient(bottom, #eaeaea, #fdfdfd);
background-image: linear-gradient(to top, #eaeaea, #fdfdfd);
padding:12px 0px;
text-align:center;
margin-top:8px;
margin-bottom:5px;
color:#0b41a1;
font-weight:bold;
font-size:15px;
}


/* recommend
---------------------------------------------------------------------- */
.recommend{
background:#f7e9cc;
padding-top:5px;
padding-bottom:10px;
}

.recommend h3{
background:url(../images/img_title01_001.png) no-repeat 4px 0;
background-size:48px 29px;
color:#eb6100;
font-size:18px;
font-weight:bold;
padding:7px 0 8px 55px;
}


/* agent nanner
---------------------------------------------------------------------- */
#prsuperBanner_Area2,
#prsuperBanner_Area,
.act_ad_manage {
margin-left: 0;
margin-right: 0;
text-align: center;
padding:0;
}
.act_ad_manage aside{
margin-top: 10px;
}
aside.act_ad_manage + aside.act_ad_manage {
margin-top: inherit;
padding-bottom:inherit;
margin-bottom: 10px;
}
#panelBelt_AreaF aside.act_ad_manage {
margin:10px 0;
padding: 0;
}
.themeArea .act_ad_manage {
margin-top:0;
}
.ui-icon, .ui-icon-searchfield:after {
background-image: url(../images/icons-36-black02.png);
background-size: 774px 18px;
border-radius: 0px;
}
.ui-btn-up-a {
border: 1px solid #3781D9;
background: #1e75de;
font-weight: bold;
color: #ffffff;
text-shadow: 0 1px 1px #3781D9;
background-image: -webkit-gradient(linear,left top,left bottom,from( #1a95dc ),to( #017bbe ));
background-image: linear-gradient( #1a95dc,#017bbe );
}
.contentHeader_Nav .headbutton_Box {
text-align: left;
padding-right: 0;
padding-top: 5px;
display: inline;
float: left;
margin-right: -26px;
}
.contentHeader_Nav .headbutton_Boxtheme {
text-align: left;
padding-right: 0;
padding-top: 0;
display: inline;
float: left;
margin-right: -26px;
}
#prsuperBanner_Area p + p{
margin-bottom:15px;
}
.act_ad_manage div + div{
margin-bottom:15px;
}
.act_ad_manage div{
margin: 0px 10px 15px 10px;
}
#prsuperBanner_Area p img {
max-height: 116px;
min-height: 58px;
width: 100%;
max-width: 600px;
min-width: 300px;
border: 0;
}
.act_ad_manage div img {
height: auto;
width: 100%;
max-width: 450px;
min-width: 225px;
border: 0;
}
#prsuperBanner_Area2 p img {
max-height: 116px;
min-height: 58px;
width: 100%;
max-width: 600px;
min-width: 300px;
border: 0;
}
.act_ad_manage div span {
text-align: left;
display: block;
margin: 0 0px 3px 0px;
font-weight: bold;
font-size: 14px;
color: #555;
}

.theme_Linkblock {
margin: 15px 10px 15px 10px;
overflow: hidden;
box-sizing: border-box;
}

/* ----------------------------------------------
 Area page
-------------------------------------------------*/
.contentNav_Area {
clear: both;
padding: 10px 6px 10px 6px;
}

.contentNav_Area ul {
width: 100%;
display: table;
table-layout: fixed;
}

.contentNav_Area ul li.navi01,
.contentNav_Area ul li.navi02,
.contentNav_Area ul li.navi03,
.contentNav_Area ul li.navi04,
.contentNav_Area ul li.navi05 {
display: table-cell;
text-align:center;
text-shadow:none;
}
.contentNav_Area ul li a span{
display:block;
padding-top:14px;
color:#fff;
font-size:15px;
}

/* okinawa */
.contentNav_Area ul li.navi01 a.ui-link{
display: block;
width: 97%;
height: 45px;
float: left;
overflow: hidden;
white-space: nowrap;
margin: 0 6px 6px 0;
border-radius: 4px;
background-color: #fff;
border: solid 1px #e68801;
background-image: -webkit-linear-gradient(bottom, #de7d00, #ee9016);
background-image: linear-gradient(to top, #de7d00, #ee9016);
}
.contentNav_Area ul li.navi01 em a.ui-link{
display: block;
width: 97%;
height: 45px;
float: left;
overflow: hidden;
white-space: nowrap;
margin: 0 6px 6px 0;
border-radius: 4px;
background-color: #fff;
box-shadow: inset 3px 5px 9px 1px rgba(106,62,0,.67);
border: solid 1px #e68801;
background-image: -webkit-linear-gradient(bottom, #e07e10 2%, #ce6707 98%);
background-image: linear-gradient(to top, #e07e10 2%, #ce6707 98%);
}

/* navi02 */
.contentNav_Area ul li.navi02 a.ui-link{
float: right;
display: block;
width: 97%;
height: 45px;
overflow: hidden;
white-space: nowrap;
margin: 0 0 6px 0;
border-radius: 4px;
background-color: #fff;
border: solid 1px #3152af;
background-image: -webkit-linear-gradient(bottom, #3152af, #4363be);
background-image: linear-gradient(to top, #3152af, #4363be);}

.contentNav_Area ul li.navi02 em a.ui-link{
float: right;
display: block;
width: 97%;
height: 45px;
white-space: nowrap;
margin: 0 0 6px 0;
border-radius: 4px;
background-color: #fff;
box-shadow: inset 3px 5px 9px 1px rgba(0,19,72,.91);
border: solid 1px #4363be;
background-image: -webkit-linear-gradient(bottom, #2749a7 2%, #092d94 99%);
background-image: linear-gradient(to top, #2749a7 2%, #092d94 99%);
}

/* navi03 */
.contentNav_Area ul li.navi03 a.ui-link{
display: block;
width: 93%;
height: 45px;
float: left;
white-space: nowrap;
border-radius: 4px;
background-color: #fff;
border: solid 1px #cf4768;
background-image: -webkit-linear-gradient(bottom, #c53f5f, #d76281);
background-image: linear-gradient(to top, #c53f5f, #d76281);
}


.contentNav_Area ul li.navi03 em a.ui-link{
display: block;
width: 93%;
height: 45px;
float: left;
white-space: nowrap;
border-radius: 4px;
background-color: #fff;
box-shadow: inset 3px 5px 9px 1px rgba(104,0,26,.67);
border: solid 1px #cf4768;
background-image: -webkit-linear-gradient(bottom, #c53d5f 2%, #ba264a 86%);
background-image: linear-gradient(to top, #c53d5f 2%, #ba264a 86%);
}


/* navi04 */
.contentNav_Area ul li.navi04 a.ui-link{
display: block;
width: 100%;
height: 45px;
float: left;
white-space: nowrap;
border-radius: 4px;
background-color: #fff;
border: solid 1px #06899e;
background-image: -webkit-linear-gradient(bottom, #028398, #0b95ab);
background-image: linear-gradient(to top, #028398, #0b95ab);}

.contentNav_Area ul li.navi04 em a.ui-link{
display: block;
width: 100%;
height: 45px;
float: left;
white-space: nowrap;
border-radius: 4px;
background-color: #fff;
box-shadow: inset 3px 5px 9px 1px rgba(0,47,54,.67);
border: solid 1px #06899e;
background-image: -webkit-linear-gradient(bottom, #027183 2%, #005967 98%);
background-image: linear-gradient(to top, #027183 2%, #005967 98%);}


/* navi05 */
.contentNav_Area ul li.navi05 a.ui-link{
display: block;
width: 92%;
height: 45px;
float: right;
white-space: nowrap;
border-radius: 4px;
background-color: #fff;
border: solid 1px #78378a;
background-image: -webkit-linear-gradient(bottom, #7e3094, #8f53a1);
background-image: linear-gradient(to top, #7e3094, #8f53a1);
}

.contentNav_Area ul li.navi05 em a.ui-link{
display: block;
width: 92%;
height: 45px;
float: right;
white-space: nowrap;
border-radius: 4px;
background-color: #fff;
box-shadow: inset 3px 5px 9px 1px rgba(58,0,76,.67);
border: solid 1px #78378a;
background-image: -webkit-linear-gradient(bottom, #772a8d 2%, #55006e 98%);
background-image: linear-gradient(to top, #772a8d 2%, #55006e 98%);
}

/* box-city
--------------------------------------------------*/
.box-city{
margin: 0 7px;
background-color: #fff;
border-top: 5px solid #fff;
box-shadow: 1px 1px 2px rgba(0,0,0,.3);
}
.area01 .box-city{ border-color: #ee9516;}
.area02 .box-city{ border-color: #3253b0;}
.area03 .box-city{ border-color: #ce4466;}
.area04 .box-city{ border-color: #028499;}
.area05 .box-city{ border-color: #8d4ca1;}

.box-city .title{
margin-bottom: 10px;
padding: 7px 0 0 10px;
font-size:13px;
font-weight:bold;
color:#232323;
}
.box-city .title:before{
content: "";
display: inline-block;
margin-right: 5px;
border: 5px solid #232323;
border-top-color:transparent;
border-bottom-color:transparent;
border-right: none;
}
/* tbl-cal
--------------------------------------------------*/
.tbl-cal {
width: 100%;
margin-bottom: 10px;
border-collapse: collapse;
}
.tbl-cal td {
padding: 5px 0;
font-size: 14px;
color: #ccc;
text-align: center;
}
.tbl-cal td a{
text-decoration: underline;
font-weight: bold !important;
}
.tbl-cal .cal-month th {
padding: 7px 0;
font-size: 14px;
color: #232323;
text-align: center;
font-weight: bold;
}
.tbl-cal .cal-week th {
font-size: 12px;
color: #666;
text-align: center;
font-weight: normal;
background: #f6f6f6;
}
.area01 .tbl-cal .cal-month th {background: #fdf2e1;}
.area02 .tbl-cal .cal-month th {background: #e7edfe;}
.area03 .tbl-cal .cal-month th {background: #f9eaee;}
.area04 .tbl-cal .cal-month th {background: #d9f3f7;}
.area05 .tbl-cal .cal-month th {background: #f4e5f8;}


/* ----------------------------------------------------------------
Under Link Area
----------------------------------------------------------------- */
h3.title.underLink{
background:url(/j_special_sp/newyear/images/img_title01_002.png) 5px center no-repeat #78ae0e;
background-size:42px 35px;
padding:10px 8px 8px 50px;
color: #fff;
text-shadow:none;
}
h3.title.underLink:before{
display: none;
}
.spaecialCont_Area .underLink_Area p{
margin:0;
}
.underLink_Area p{
padding:8px 4px;
color:#555;
font-weight:bold;
font-size:12px;
}
.underLink_Area ul li{
border-top:1px solid #c9c9c9;
background:#fff;
}
.underLink_Area ul li.air a{
background:url(/j_special_sp/newyear/images/img_illust01_001.png) 10px center no-repeat;
background-size:66px 50px;
}
.underLink_Area ul li.hotel a{
background:url(/j_special_sp/newyear/images/img_illust01_005.png) 10px center no-repeat;
background-size:71px 50px;
}
.underLink_Area ul li.optional a{
background:url(/j_special_sp/newyear/images/img_illust01_003.png) 10px center no-repeat;
background-size:66px 50px;
}
.underLink_Area ul li.rentacar a{
background:url(/j_special_sp/newyear/images/img_illust01_004.png) 10px center no-repeat;
background-size:66px 50px;
}
.underLink_Area ul li.tour a{
background:url(/j_special_sp/newyear/images/img_illust01_006.png) 10px center no-repeat;
background-size:66px 50px;
}
.underLink_Area ul li a{
color: #2489ce;
display:block;
padding-right:10px;
}
.underLink_Area ul li a div.detail{
padding:12px 15px 12px 90px;
background:url(/j_special_sp/newyear/images/icon_list01_003.png) right center no-repeat;
background-size:10px 11px;
}
.underLink_Area ul li a div.detail b{
display:block;
font-size:18px;
margin-bottom:5px;
}
.underLink_Area ul li a div.detail span{
color:#555;
font-size:13px;
}




/* ski */

.top-btn-box{
padding:10px;
box-sizing:border-box;
}
.top-btn-box a{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #fffcef;
-webkit-box-shadow: inset 0 -3px rgba(25,25,25,.1);
-moz-box-shadow: inset 0 -3px rgba(25,25,25,.1);
box-shadow: inset 0 -3px rgba(25,25,25,.1);
display:block;
color:#222;
font-size:15px;
font-weight:bold;
padding:3px 3px 3px 25px;
border:1px solid #ddd;
position:relative;
}
.top-btn-box a:after{
content:'';
display:block;
position:absolute;
width:12px;
height:12px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background-color: #ad8d0f;
left:10px;
top:50%;
margin-top:-6px;
}
.top-btn-box a:before{
width: 0;
height: 0;
border-style: solid;
border-width: 3px 0 3px 3px;
border-color: transparent transparent transparent #fff;
content:'';
display:block;
position:absolute;
left:15px;
top:50%;
margin-top:-3px;
z-index:100;
}
.top-btn-box a span{
display:block;
background:url(../images/ic-btn-01.png) no-repeat right center;
background-size:40px 34px;
padding:10px 0;
color:#222;
font-weight: bold;
}
.btn-box{
padding:10px;
box-sizing:border-box;
}
.btn-box .btn-01{
width: 100%;
height: 40px;
border-radius: 5px;
background-color: #ffe598;
-webkit-box-shadow: inset 0 -4px #ccb77a;
-moz-box-shadow: inset 0 -4px #ccb77a;
box-shadow: inset 0 -4px #ccb77a;
font-size: 14px;
color:#222;
display: block;
font-weight: bold;
text-align: center;;
line-height: 40px;
padding-right: 5px;
position: relative;;
box-sizing: border-box;
}
.btn-box .btn-01::after{
content: '';
background: url(/j_special_sp/ski/images/icon-present.png) no-repeat;
background-size: 17px 20px;
width: 17px;
height: 20px;
display: block;
position: absolute;
right: 10px;
top: 50%;
margin-top:-10px;
]
}

.ranking .tab-nav-box ul{
border-bottom:3px solid #2862d0;
padding:0 10px 0 14px;
}
.area .tab-nav-box ul{
border-bottom:3px solid #0586d2;
padding:0 10px 0 14px;
}
.point .tab-nav-box ul{
border-bottom:3px solid #a074cc;
padding:0 10px 0 14px;
}
.tab-nav-box li:first-child{
margin-left:-4px;
}
.tab-nav-box li{
width:31%;
display:inline-block;
margin-left:4px;
}
.tab-nav-box a{
border-radius:4px 4px 0 0;
display:block;
text-align:center;
font-weight:bold;
font-size:14px;
line-height:1.2;
padding:8px 0;
letter-spacing:-0.1em;
box-sizing:border-box;
}
.tab-nav-box .ranking a{
background:#95b2ee;
color:#4663a3;
border:3px solid #95b2ee;
border-bottom:0px;
font-weight: bold;
}
.tab-nav-box .area a{
background:#add6eb;
color:#1c7eb0;
border:3px solid #add6eb;
border-bottom:0px;
font-weight: bold;
}
.tab-nav-box .point a{
background:#e1d0f3;
color:#8963b1;
border:3px solid #e1d0f3;
border-bottom:0px;
font-weight: bold;
}

.ranking .tab-nav-box .ranking a{
border-left:3px solid #2862d0;
border-right:3px solid #2862d0;
border-top:3px solid #2862d0;
border-bottom:3px solid #fff;
box-sizing:border-box;
background:#fff;
color:#2862d0;
margin-bottom:-3px;
font-weight: bold;
}
.area .tab-nav-box .area a{
border-left:3px solid #0586d2;
border-right:3px solid #0586d2;
border-top:3px solid #0586d2;
border-bottom:3px solid #fff;
box-sizing:border-box;
background:#fff;
color:#0c77ae;
margin-bottom:-3px;
font-weight: bold;
}
.point .tab-nav-box .point a{
border-left:3px solid #a074cc;
border-right:3px solid #a074cc;
border-top:3px solid #a074cc;
border-bottom:3px solid #fff;
box-sizing:border-box;
background:#fff;
color:#653499;
margin-bottom:-3px;
font-weight: bold;
}
.nav-tab{
margin: 12px 0 5px 0;
}
.nav-tab:before,
.nav-tab:after{
content:"";
display:table;
}
.nav-tab:after{
clear:both;
}
.nav-tab li{
float: left;
width: 50%;
box-sizing: border-box;
}
.nav-tab li a{
background-color: #f5f5f5;
-webkit-box-shadow: inset 0 -1px #d7d7d7;
-moz-box-shadow: inset 0 -1px #d7d7d7;
box-shadow: inset 0 -1px #d7d7d7;
height: 45px;
display: block;
text-align: center;
color:#222;
box-sizing: border-box;
padding-top: 7px;
font-weight: bold;
font-size: 14px;
line-height: 1.2;
}
.nav-tab li a.active{
background-color: #555;
-webkit-box-shadow: inset 0 -2px #000;
-moz-box-shadow: inset 0 -2px #000;
box-shadow: inset 0 -2px #000;
color: #fff;
}

.cont-box{
padding:10px;
background:#fff;
overflow: hidden;
}
.cont-box + .cont-box{
padding-top:0;
}
.cont-box + .cont-box .hdg-l3{
margin-top:0;
}
.cont-box + .cont-box:empty{
padding-top:10px;
}
.ranking-box{
margin-bottom:8px;
}
.ranking-box h3{
font-size:16px;
margin-bottom:5px;
}
.ranking-box h3 span{
display:inline-block;
background:#2862d0;
color:#fff;
border-radius:3px;
padding:1px 6px;
margin-right:5px;
}
.photo-box{
float:left;
width:48%;
margin-bottom: 7px;
}
.photo-box img{
max-width:100%;
}
.text-box{
width:49%;
float:right;
color:#222;
font-weight: normal;
}
.link-list{
clear:both;
}
.ui-body-c .link-list li .ui-link{
font-weight:bold;
color:#5b5b5b;
padding-left:28px;
}
.ui-body-c .slope .link-list li .ui-link{
padding-left:35px;
}
.ui-body-c .ranking-box ul.rank-list li .ui-link{
padding-left:0px;
}
.link-list a{
padding: 13px 30px 10px;
border-radius: 5px;
border: none;
color: #fff;
box-sizing: border-box;
display: block;
line-height: 1.2;
background-color:#78AE0E;
text-decoration: none;
font-size: 14px;
text-align: left;
min-height:42px;
}
.link-list li{
width:48%;
display:inline-block;
}
.link-list li:first-child{
margin-right:5px;
}

.link-list a{
text-align:left;
padding-left:28px;
}
.rank-list .link-list a{
padding-left:0;
text-align:center;
}
.link-list li + li a:before{
left:10px;
}
.link-list li + li a:after{
left:15px;
}
.ranking-box ul.rank-list{
padding-top:15px;
border-top: 1px solid #eeeeee;
}
.ranking .ranking-box ul.rank-list{
padding-top:0;
border-top:0;
}
ul.rank-list .link-list a:after{
border-width:0;
}
table .link-list li a:after{
background:none;
border:0;
}
.ranking-box .rank-list h3{
width:55%;
box-sizing:border-box;
}
.ranking-box .rank-list li{
margin-bottom:25px;
position:relative;
}
.rank-list h3 span{
background:#666;
margin-bottom:20px;
float:left;
min-width: 33px;
box-sizing: border-box;
text-align: center;
}
.rank-list .link-list{
width:43%;
display:inline-block;
float:right;
position:absolute;
top:0;
right:0;
}
.rank-list .link-list li{
width:45%;
}
.rank-list .link-list a:before{
display:none;
}
.cont-box > p{
padding:0 0 10px 0;
}
.area .cont-box > p{
margin-bottom:10px;
padding-top: 10px;
}

/* area */
.main_Col .ui-btn-up-c,
.main_Col .ui-btn-hover-c,
.main_Col .ui-link,
.main_Col .ranking-box h3 span{
text-shadow: none;
}

.main_Col .area .ui-collapsible-heading{
background: #2d9bd3;
}
.main_Col .area .ui-collapsible-heading-toggle{
background: #2d9bd3;
border: 0;
color: #fff;
}
.main_Col .area .cont-box{
background:#fff;
overflow:hidden;
}
.main_Col .area .cont-box table{
width:100%;
}
.main_Col .area .cont-box th{
background:#dddddd;
font-size:14px;
text-shadow:none;
padding:5px 0;
}
.main_Col .area .cont-box th.name{
width:38%
}
.main_Col .area .cont-box th.number{
width:20%;
}
.main_Col .area .cont-box th.link{
width:42%
}
.main_Col .area .cont-box table td +td{
text-align:center;
}
.main_Col .area .cont-box table td +td + td{
padding-top:4px;
}
.main_Col .area .cont-box table td:first-child{
padding-left:6px;
}
.main_Col .area .cont-box table td .link-list a:before{
display:none;
}
.area .cont-box table td .link-list li{
width:40%;
}
.area .cont-box table td .link-list li + li{
width:50%;
}
.ui-body-c .main_Col .area .cont-box table td .link-list li a{
text-align:center;
padding: 12px 5px;
border-radius: 5px;
border: none;
color: #fff;
box-sizing: border-box;
display: block;
line-height: 1.2;
-webkit-box-shadow: inset 0 -4px 0 #588d00;
box-shadow: inset 0 -4px 0 #588d00;
background-color: #78AE0E;
text-decoration: none;
font-weight: 700;
font-size: 15px;
}
.area .cont-box{
background:#fff;
}
.cont-box .table-box{
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
margin: 0 -10px;
}
.cont-box .table-box-inner{
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}
.ui-collapsible-heading a .ui-btn-inner {
padding-left: 50px;
}
.ui-btn-icon-left .ui-icon {
left: 20px;
}

/* point */
.main_Col .ui-btn-up-c,
.main_Col .ui-btn-hover-c,
.main_Col .ui-link,
.main_Col .ranking-box h3 span{
text-shadow: none;
font-weight:bold;
}

.ui-body-c .ranking-box .rank-list h3 .ui-link{
font-weight:bold;
color:#0b41a1;
}

.main_Col .point .ui-collapsible-heading{
background: #a17dc6;
}
.main_Col .point .ui-collapsible-heading-toggle{
background: #a17dc6;
border: 0;
color: #fff;
}

.main_Col > .hdg-l3{
margin: 15px 12px 10px;
font-size: 16px;
margin-top: 40px;
padding-bottom: 5px;
border-bottom: 1px solid #c9c9c9;
font-weight: 700;
}

.point .ranking-box .rank-list li{
/*border-bottom:1px solid #eeeeee;
padding-bottom: 26px;
margin-bottom:10px;*/
}
.point .ranking-box .rank-list li .link-list li{
border-bottom:0;
padding-bottom:0;
}

/* slope-box */
.slope-box h2,
.slope-box h1{
font-size:17px;
margin:3px 0;
font-weight:bold;
}
.slope-box .photo-box{
float:none;
width:100%;
text-align:center;
}
.slope-box .text-box{
float:none;
width:100%;
margin:5px 0 10px 0;
line-height:1.45;
}
.slope-box .hdg-l1{
margin-top:8px;
font-size:16px;
}
.slope .link-list{
margin:16px 0 24px;
}
.slope .link-list li{
width:100%;
margin-bottom:10px;
}
.slope .link-list li:first-child{
margin-right:0;
}

.slope table{
border-collapse:collapse;
border:1px solid #ddd;
margin-bottom:12px;
width:100%;
font-size:12px;

}
.slope table th{
background:#f2f2f2;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
font-weight:normal;
text-align:center;
padding:5px 0;
vertical-align:middle;
}
.slope .table-box-detail.stl-2 table th,
.slope .table-box-detail.stl-2 table td{
border: 1px solid #ddd;
padding:5px 10px;
text-align: left;
}
.slope .table-box-detail.stl-2 table th{
width: 145px;
border-right-color: #fff;
}

.slope table th.title{
border-bottom:1px solid #ddd;
background:#dddddd;
font-size:14px;
color:#666666;
text-align:center;
padding:5px 5px;
font-weight:bold;
}
.slope table td{
border-left:1px solid #ddd;
border-right:1px solid #ddd;
font-weight:normal;
text-align:center;
padding:5px 8px;
word-break: break-all;
}
.table-box-detail{
margin-bottom:20px;
}
.table-box-detail h3{
margin-bottom:5px;
}

.slope table.detail td{
text-align:left;
border:1px solid #ddd;
padding:5px 8px;
}
.slope table.detail th{
border:1px solid #ddd;
border-right-color:#fff;
width:75px;
}

.map-box a.btn{
box-shadow:0 0 0;
text-align: left;
margin: 0 auto;
border: 1px solid #bbb;
border-radius: 5px;
width: auto;
display: block;
font-size: 14px;
padding: 8px 15px;
color: #004C9A;
margin-top:16px;
font-weight:normal;
}

.slope-box .link-list a {
text-align:left;
padding-left:15px;
}

/* note-list
---------------------------------------------------------------------- */
.note-list{
color:#777;
font-size:12px;
margin-top:10px;
}
.note-list > li{
margin-top:10px;
}
.note-list > .icon-brt{
padding-left:16px;
position: relative;
}
.note-list > .icon-brt::before{
content:'\0203B';
position:absolute;
left:0;
top:0;
}


/* contentHeader3_Nav
---------------------------------------------------------------------- */
.contentHeader1_Nav {
position: relative;
background-color: #78ae0e;
text-align: center;
text-shadow:none;
color:#fff;
padding: 6px 10px 6px 85px;
overflow: hidden;
}
.contentHeader1_Nav h2{
font-size: 16px;
margin-left:-79px;
}
.contentHeader1_Nav nav + h2{
margin-left: -80px;
}
.contentHeader1_Nav .headbutton_Boxtheme{
margin: 0;
}
.contentHeader1_Nav .headbutton_Boxtheme a{
position: absolute;
top: 5px;
left: 8px;
background: linear-gradient(#8cc322 0%, #6da207 100%);
background-color: #000;
border:none;
font-size: 14px;
text-shadow:none;
}
.contentHeader1_Nav .headbutton_Boxtheme a .ui-btn-inner{
padding: 7px 6px;
border: 1px solid #588304;
border-radius: 3px;
box-shadow: 1px 1px 2px rgba(255,255,255, .3) inset, -1px -1px 2px rgba(255,255,255, .3) inset;
color: #fff;
display: block;
font-weight: bold;
text-align: center;
}

/* NEW */
.hdg-l2-container {
margin: 10px 10px 0 10px;
border-top: 2px solid #333;
border-bottom: 2px solid #333;
}
.hdg-l2-container .hdg-l2 {
margin: 3px 0;
font-size: 18px;
font-weight: 400;
border-left: none;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
padding: 8px 0 6px;
line-height: 1.2;
letter-spacing: .1em;
}
.photo-box{
width: 100%;
margin-bottom:0;
float: none;
}
.text-box{
width: 100%;
float: none;
margin-bottom: 7px;
}
.link-list.all li{
clear: both;
width: 100%;
float: none;
margin-bottom: 8px;
}
.link-list.all a{
background-color: #78AE0E;
display: block;
margin-bottom: 4px;
padding: 12px 15px 10px;
color: #fff;
border: none;
border-radius: 5px;
font-size: 14px;
line-height: 1.3;
text-align: left;
text-decoration: none;
position: inherit;
min-height:42px;
box-sizing: border-box;
}
.link-list.all a:before,
.link-list.all a:after{
display: none;
}
.link-list.all a.btn-02{
padding: 10px 15px;
border: 1px solid #ccc;
border-radius: 5px;
background-color: #fff;
box-shadow: 0 -3px 0 #e5e5e5 inset;
font-size: 16px;
font-weight: 700;
line-height: 1.3;
text-align:center;
text-decoration: none;
color: #004C9A;
}
.present-box{
background: url(/j_special_sp/ski/images/bg-present.jpg) no-repeat;
background-size:300px 472px;
width:300px;
height: 472px;
position: relative;
margin: 0 auto 30px auto;
box-sizing: border-box;
padding: 0 20px;
}
.present-box p.text-1{
text-indent: -9999px;
height: 200px;
display: block;
}
.present-box p.text-2{
letter-spacing: -0.1em;
margin-bottom: 25px;
font-size: 14px;
}
.present-box p.text-3,
.present-box p.text-4{
font-size: 13px;
text-indent: -1em;
padding-left: 1em;
margin-left: 5px;
}
.present-box p.text-3:before,
.present-box p.text-4:before{
content: '■';
}
.present-box p.text-5 .btn-03{
width: 239px;
height: 40px;
border-radius:5px;
background-color: #463939;
-webkit-box-shadow: inset 0 -4px #1c1717;
-moz-box-shadow: inset 0 -4px #1c1717;
box-shadow: inset 0 -4px #1c1717;
color: #fff;
font-size: 15px;
font-weight: bold;
text-align: center;
line-height: 40px;
display: block;
margin:12px 0 0 10px;
}
.act_ad_manage .bnr-list li{
margin-bottom: 10px;
}

.cmn-bnr-ad-list-02 {
display: none;
}
.cmn-bnr-ad-list-01 .cmn-ad-sup {
box-sizing: border-box;
display: none;
position: absolute;
top: 0;
left: 0;
padding-top: 15px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
width: 12px;
height: 100%;
background-color: #e1e1e1;
text-align: center;
word-wrap: break-word;
font-size: 10px;
}
.cmn-bnr-ad-list-01 li {
display: inline-block;
letter-spacing: normal;
margin: 0 0 10px;
}
.cmn-bnr-ad-list-01,
.cmn-bnr-ad-list-static{
margin: 10px 0;
}
.cmn-bnr-ad-list-01 li img,
.cmn-bnr-ad-list-static img {
width: 300px;
}
.cmn-bnr-ad-list-static li{
margin-bottom: 0;
}

.contentHeader1_Nav{
display: none;
}

.note {
line-height: 1.55;
font-size: 12px;
margin: 10px 10px -30px;
}
.note li{
text-indent: -1em;
padding-left: 1em;
}
.note li strong {
color: #e30707;
}

.item-note{
margin: 6px 0 12px;
color:#222;
}
.item-note a{
color:#666;
text-decoration: underline;
font-size: 13px;
}
.item-note span{
padding-left: 5px;
font-size: 11px;
color: #666;
}
.icon-blank {
overflow: hidden;
display: inline-block;
position: relative;
top: 1px;
margin-left: 2px;
padding-top: 11px;
width: 12px;
height: 0;
background: url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
line-height: 2;
}
.cmn-bnr-ad-icon {
color: #fff;
font-size: 10px;
font-family: Arial;
background-color: rgba(0,0,0,.7);
display: block;
padding: 3px 0 2px;
line-height: 1;
text-align: center;
width: 32px;
}

.str-footer-nav-list a {
color: var(--cmn-font-color-base);
}
.cmn-app-bnr-header>a{
color:#fff;
}

/* ----------------------------------------------------------------
clearfix
----------------------------------------------------------------- */
.ranking-box a:before,
.ranking-box a:after,
.ranking-box:before,
.ranking-box:after{
content:"";
display:table;
}
.ranking-box a:after,
.ranking-box:after{
clear:both;
}