@charset "UTF-8";
/* CSS Document */

/* ============================
		Reset
 ============================ */

* { margin:0;padding:0;}

body {
	font-family: Verdana, Arial, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	background-color:#fff;
	font-size:14px;
	line-height:1.0em;
	text-align:left;
}

.container {
	width:980px;
	margin-left:auto;
	margin-right:auto;
}

.container_wide {
	width:1400px;
	margin-left:auto;
	margin-right:auto;
}

/*a { text-decoration:none; }*/
a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

a img {
	border:0;
	text-decoration:none;
}

a img:hover.link {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

.force {color:#e0007f}
.caution { color:#f00;}

.cf:before, .cf:after {
  content:"";
  display: table;
}
.cf:after { clear:both; }
/*IE6,7対策 （haslayout対策）*/
.cf { *zoom:1; }

.pcDisplayNone {
	display:none;
}

li { list-style:none; }

h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd {	line-height:1.0em;	}

.returnThisPageTop {
	text-align:right;
	padding-bottom:20px;
}

.buttons-group,
.open-close {
	display:none;
}

.red{color:#FF0000;}

a.underline {
    text-decoration: underline !important;
    color: #0f8dca !important;
}

/* ============================
		header
 ============================ */

header {
	border-top:6px solid #2b3698;
	padding-top:18px;
	height:93px;
}
header .container {
	position:relative;
}

header a {
	text-decoration:none;
}

header h1 {
	font-size:12px;
	font-weight:normal;
}

header .headerLogo {
	position:absolute;
	top:18px;
	left:0;	
}

header .headerCatch {
	position:absolute;
	top:57px;
	left:240px;
	width:740px;
	text-align:right;
	font-size:10px;
}

header .headerMenu .firstMenu {
	position:absolute;
	top:25px;
	right:403px;
	width:230px;
	height:27px;
	font-size:12px;
	padding-right:5px;
	border-right:1px solid #bfbfbf;
}
header .headerMenu .firstMenu li {
	text-align:right;
	margin-bottom:2px;
}

header .headerMenu .secondMneu {
	position:absolute;
	top:25px;
	right:286px;
	width:112px;
	height:27px;
	font-size:12px;
	padding-right:5px;
	border-right:1px solid #bfbfbf;
}
header .headerMenu .secondMneu li {
	text-align:right;
	margin-bottom:2px;
}

header .headerMenu .firstMenu li a,
header .headerMenu .secondMneu li a {
	background-image:url(../images/common/mark001.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:10px;
	color:#000;
}

header .headerCall {
	position:absolute;
	top:25px;
	right:107px;
	width:179px;
	height:27px;
	font-size:12px;
	text-align:center;
	border-right:1px solid #bfbfbf;
}

header .membersLogin {
	position:absolute;
	top:25px;
	right:0px;
	width:107px;
	height:27px;
	font-size:12px;
	text-align:center;
}

header .headerSnsMenu {
	position:absolute;
	top:-5px;
	right:0;
}

header .headerSnsMenu .item {
	float:left;
}

header .smartGlobelMenu {
	display:none;
}



/* ============================
		nav
 ============================ */

nav.globel {
	height:57px;
	padding-bottom:20px;
	background-image:url(../images/common/bg_global_navi.png);
	background-repeat:repeat-x;
	background-position:left top;
}

nav.globel li {
	float:left;
}


/* ============================
		crumb
 ============================ */

.crumb {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	height:20px;
}

.crumb li {
	float:left;
	padding-left:10px;
	padding-right:5px;
	background-image:url(../images/common/point_crumb.gif);
	background-repeat:no-repeat;
	background-position:left center;
	font-size:10px;
}
.crumb li.home {
	background-image:none;
	padding-left:0px;
}

.crumb li a {
	color:#000;
	text-decoration:none;
	border-bottom:1px dotted #ccc;
}


/* ============================
		article
 ============================ */

article.wrap {
	float:right;
	width:750px;
}

article.wrap.wide {
	width:980px;
}

/* ============================
		mainVisual
 ============================ */

.mainVisual {
	background-image:url(../images/main_visual/wall_main_visual.png);
	background-repeat:no-repeat;
	background-position:top center; margin-bottom:20px;
}

/* ============================
		aside
 ============================ */

aside {
	float:left;
	width:210px;
}

/*  tourSearch */
aside .tourSearch {
	margin-bottom:20px
}
aside .tourSearch .tourttl {
	background-image:url(../images/common/bg_aside_tour_search_title.png);
	background-repeat:no-repeat;
	height:38px;
	line-height:38px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

aside .tourSearch .inner {
	border: 2px solid #ff6e00;
	border-top: none;
	padding: 10px;
	background: linear-gradient(#fff, #eee);
}

aside .tourSearch dt {
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}


aside .tourSearch dd {
	position:relative;
	margin-bottom:10px;
}

aside .tourSearch input.datepicker  {
	padding:5px;
	border:1px solid #9c9c9c;
	border-radius:5px;
	width:140px;
}

aside .tourSearch .date img {
	position:absolute;
	top:-1px;
	right:5px;
}

aside .tourSearch select::-ms-expand {
  display: none;
}
aside .tourSearch select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
}
aside .tourSearch select {
	padding:5px;
	border:1px solid #9c9c9c;
	border-radius:5px;
	width:176px;
	background-color:#fff;
	background-image:url(../images/common/mark_selector.png);
	background-repeat:no-repeat;
	background-position:right center;
}

aside .tourSearch .fromMark {
	text-align:center;
	margin:3px 0 2px 0;
}


aside .tourSearch .submit {
	text-align:center;
}

aside .tourSearch .submit .asideSearchButton {
	border:none;
	width:186px;
	height:39px;
	background-image:url(../images/common/bt_search.png);
	background-repeat:no-repeat;
	margin:10px 0;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	text-shadow: 1px 1px 0px #333; 
font-family: Verdana, Arial, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
}

aside .tourSearch .submit .asideSearchButton:hover {
	cursor:pointer;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}


/* tourType */

aside .tourType {
	margin-bottom:20px;
}

aside .tourType .tourttl {
	background-image:url(../images/common/bg_aside_tour_type_title.png);
	background-repeat:no-repeat;
	height:38px;
	line-height:38px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

aside .tourType .inner {
	border: 1px solid #9b9695;
	border-top: none;
}


aside .tourType .sub_ttl {
	background-color:#009cff;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	padding:5px 10px;
}

aside .tourType li {
	font-size:12px;
	border-top:1px dotted #645c5a;
}
aside .tourType li:first-child {
	border-top:none;
}

aside .tourType li a {
	display:block;
	text-decoration:none;
	color:#000;
	padding:7px 10px;
}

aside .tourType h3 a {
	color:#fff;
	text-decoration:none;
}


/* choiceSlope */


aside .choiceSlope {
	margin-bottom:20px;
}

aside .choiceSlope .tourttl {
	background-image:url(../images/common/bg_aside_slope_title.png);
	background-repeat:no-repeat;
	height:38px;
	line-height:38px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

aside .choiceSlope .inner {
	border: 1px solid #9b9695;
	border-top: none;
}


aside .choiceSlope .sub_ttl {
	background-color:#009cff;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	padding:5px 10px;
}

aside .choiceSlope li {
	font-size:12px;
	border-top:1px dotted #645c5a;
}
aside .choiceSlope li:first-child {
	border-top:none;
}

aside .choiceSlope li a {
	display:block;
	text-decoration:none;
	color:#000;
	padding:7px 10px;
}

aside .choiceSlope h3 a {
	color:#fff;
	text-decoration:none;
}


/* banner */

aside .banner {
}
aside .banner li {
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dotted #645c5a;
}
aside .banner img {
	width:210px;
	height:auto;
}



/* Local Navigation TBT */
.LocalNaviTBT {
}
.LocalNaviTBT p {
	width:105px;
	float:left;	
	font-size:11px;
}

.LocalNaviTBT a {
	text-decoration:none;
	color:#000;
}

.LocalNaviTBT a img {
	border-bottom:none;
	text-decoration: none;
	float:left;
	width:105px;
}


/* ============================
		choiceGelande
 ============================ */


.choiceGelande {
	margin-bottom:20px
}
.choiceGelande h2 {
	background-image:url(../images/common/bg_titile_gelande.png);
	background-repeat:no-repeat;
	height:38px;
	line-height:38px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

.choiceGelande .inner {
	border-top: none;
	padding: 20px;
	background-image:url(../images/common/bg_img_gelande.png);
	background-repeat: no-repeat;
	background-position:center center;
}

.choiceGelande ul {
	width:584px;
	margin:0 auto;
}

.choiceGelande ul.skiHigaeri {
	width:600px;
	margin:0 auto;
}

.choiceGelande li {
	float:left;
	margin:10px;
}


.choiceGelande.myCarPlan ul {
	width:672px;
	margin:0 auto;
}
.choiceGelande.myCarPlan li {
	float:left;
	margin:5px;
}





/* ============================
		mainRecommended
 ============================ */
 
.mainRecommended {
	margin-bottom:20px
}

.mainRecommended h2 {
	background-image:url(../images/common/bg_title_recomend.png);
	background-repeat:no-repeat;
	height:38px;
	line-height:38px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

.mainRecommended .inner {
	border: 1px solid #9b9695;
	border-top: none;
	padding:10px 20px;
/*	background: linear-gradient(#fff, #eee);*/
}



.mainRecommended .inner.plan {
	padding:0px;
	border:none;
}

.mainRecommended .tourList dl {
	float:left;
	width:344px;
	margin-bottom:20px;
}
.mainRecommended .tourList dl:nth-child(odd) {
	margin-right:20px;
}

.mainRecommended .tourList dt {
	padding:5px 10px;
	background-color:#ebebeb;
	font-size:18px;
	font-weight:bold;
}
.mainRecommended .tourList dt span.sub {
	font-size:12px;
}


.mainRecommended .tourList dd li a:before,
.mainRecommended .tourList dd li a:after {
  content:"";
  display: table;
}
.mainRecommended .tourList dd li a:after { clear:both; }
.mainRecommended .tourList dd li a { *zoom:1; }
.mainRecommended .tourList dd li a {
	display:block;
	padding:10px;
	padding-left:20px;
	border-bottom:1px dotted #645c5a;
	color:#000;
	text-decoration:none;
	background-image:url(../images/common/mark003.png);
	background-repeat:no-repeat;
	background-position:5px center;
}
.mainRecommended .tourList dd li .name {
	float:left;
	font-weight:bold;
}
.mainRecommended .tourList dd li .price {
	float:right;
	color:#e3007f;
	font-size:12px;
}
.mainRecommended .tourList dd li .price strong {
	font-size:14px;
}


.mainRecommended .day_specail {
}

.mainRecommended .day_specail li {
	float:left;
	width:374px;
	border:1px solid #9b9695;
	border-left:none;
	border-top:none;
	padding:20px 0;
	text-align:center;
}
.mainRecommended .day_specail li:nth-child(odd) {
	border-left:1px solid #9b9695;
}



/* ============================
		mainTopics
 ============================ */
 
.mainTopics {
	margin-bottom:20px
}

.mainTopics h2 {
	background-image:url(../images/common/bg_titile_topics.png);
	background-repeat: no-repeat;
	height: 38px;
	line-height: 38px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

.mainTopics .inner {
	border:1px solid #9b9695; 
	border-style: solid;
	border-top: none;
	padding: 5px 20px;
}

.mainTopics li ,
.mainTopics dl {
	border-bottom:1px dotted #645c5a;
	padding:10px 0;
	min-height:50px;
	position:relative;
}
.mainTopics dt {
	font-size:14px;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom:5px;
}

.mainTopics li a {
	text-decoration:none;
	color:#000;
}

.mainTopics li .name {
	font-size:14px;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom:5px;
}

.mainTopics dd.body {
	font-size:12px;
	line-height:1.2em;
}
.mainTopics li .body {
	display:block;
	font-weight:normal;
	font-size:12px;
	line-height:1.2em;
}

.mainTopics .link {
	position:absolute;
	top:25px;
	right:0;
	display:block;
	width:120px;
	padding:5px 20px;
	background: linear-gradient(#f26300, #ff9e16);
	color:#fff;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	border-radius:24px;
}

.mainTopics li a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}


.mainTopics li:last-child {
	border-bottom:none;
}



/* ============================
		mainOffer
 ============================ */
 
.mainOffer {
	margin-bottom:20px
}

.mainOffer h2 {
	background-image:url(../images/common/bg_title_special_offer.png);
	background-repeat:no-repeat;
	height:38px;
	line-height:38px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

.mainOffer .inner {
	border: 1px solid #9b9695;
	border-top: none;
	padding:5px 20px;
/*	background: linear-gradient(#fff, #eee);*/
}

.mainOffer li ,
.mainOffer dl {
	border-bottom:1px dotted #645c5a;
	padding:10px 0;
	min-height:50px;
	position:relative;
}
.mainOffer dt {
	font-size:14px;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom:5px;
}

.mainOffer li a {
	text-decoration:none;
	color:#000;
}

.mainOffer li .name {
	font-size:14px;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom:5px;
}

.mainOffer dd.body {
	font-size:12px;
	line-height:1.2em;
}
.mainOffer li .body {
	display:block;
	font-weight:normal;
	font-size:12px;
	line-height:1.2em;
}

.mainOffer .link {
	position:absolute;
	top:25px;
	right:0;
	display:block;
	width:120px;
	padding:5px 20px;
	background: linear-gradient(#f26300, #ff9e16);
	color:#fff;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	border-radius:24px;
}

.mainOffer li a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}


.mainOffer li:last-child {
	border-bottom:none;
}


/* ============================
		groundSkiTour
 ============================ */

.groundSkiTour {
	margin-bottom:20px;
}

.groundSkiTour h2 {
	background-image:url(../images/common/bg_title_tour.png);
	background-repeat:no-repeat;
	height:38px;
	line-height:38px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}
.groundSkiTour {
}
.groundSkiTour .tourList dl {
	float:left;
	width:248px;
	border-left:1px solid #e0dede;
	border-bottom:1px solid #e0dede;
	padding-bottom:10px;
	position:relative !important;
}
.groundSkiTour .tourList dl:last-child,
.groundSkiTour .tourList dl:nth-child(3n) {
	border-right:1px solid #e0dede;
}
.groundSkiTour .tourList dl dt {
	padding:10px;
	font-size:15px;
	font-weight:bold;
	line-height:1.0em;
	height:15px;
}

.groundSkiTour .tourList dl dt .small {
	font-size:13px;
}


.groundSkiTour .gArea {
	margin-bottom:10px;
}

.groundSkiTour .tourList dl dd {
}

.groundSkiTour .tourList dl dd .slope {
	display:block;
	padding-bottom:5px;
}

.groundSkiTour .tourList dl dd .slope img {
	width:248px;
	height:180px;
}

.groundSkiTour .tourList dl dd .slope .type {
	position:absolute;
	top:40px;
	right:0px;
	width:70px;
}

.groundSkiTour .tourList dl dd .slope .addPlan {
	position:absolute;
	top:185px;
	left:10px;
	padding:5px;
	width:218px;
	background-color:#f60;
	text-align:center;
	font-size:12px;
	color:#fff;
	font-weight:bold;
}

.groundSkiTour .tourList dl dd.acordion_tree .type li {
	display:block;
	padding:3px;
	width:60px;
	background-color:#000;
	line-height:1.0em;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	margin-bottom:2px;
}

.groundSkiTour .tourList dl dd.acordion_tree .type li.morning {
	background-color:#f29600;
}
.groundSkiTour .tourList dl dd.acordion_tree .type li.night {
	background-color:#be70b6;
}
.groundSkiTour .tourList dl dd.acordion_tree .type li.day {
	background-color:#009fe8;
}
.groundSkiTour .tourList dl dd.acordion_tree .type li.stay01 {
	background-color:#4abb00;
}
.groundSkiTour .tourList dl dd.acordion_tree .type li.stay02 {
	background-color:#192dbe;
}
.groundSkiTour .tourList dl dd.acordion_tree .type li.rakuraku {
	background-color:#f29600;
}
.groundSkiTour .tourList dl dd.acordion_tree .type li.lift {
	background-color:#e51373;
}


.groundSkiTour .tourList dl dd h4 {
	font-size:15px;
	font-weight:bold;
	padding-bottom:5px;
}

.groundSkiTour .tourList dl dd .wrap {
	padding:5px;
	padding-bottom:10px;
	width:238px;
	height:120px;
	position:relative;
}


.groundSkiTour .tourList p.body {
	font-size:14px;
	line-height:1.2em;
}
.groundSkiTour .tourList p.price {
	position: absolute;
	top: 109px;
	right: 3px;
	width: 180px;
	font-size: 12px;
	color: #000;
	text-align: right;
}

.groundSkiTour .tourList p.status {
	position: absolute;
	top: 105px;
	left: 3px;
	width: 100px;
	font-size: 12px;
	color: #000;
}


.groundSkiTour .tourList p.price strong {
	font-size:18px;
	font-weight:bold;
	color:#e3007f;
}

.groundSkiTour .tourList p.price .sub {
	font-size:12px;
	font-weight:normal;
	color:#000;
}

.groundSkiTour .tourList dl dd .tourEntry a {
	display:block;
	width:200px;
	height:29px;
	margin:0 auto;
	background: linear-gradient(#ef6300, #ff9a16);
	border-radius:30px;
	text-align:center;
	line-height:29px;
	font:14px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

.groundSkiTour.stayType .tourList dl dd .tourEntry {
	position:relative;
	height:62px;
}

.groundSkiTour.stayType .tourList dl dd .tourEntry .morning {
	position:absolute;
	top:0;
	left:0;
	width:248px;
}

.groundSkiTour.stayType .tourList dl dd .tourEntry .stay {
	position:absolute;
	top:32px;
	left:0;
	width:248px;
}

.groundSkiTour .areaName {
	background-image:url(../images/common/bg_title_area.png);
	background-repeat:no-repeat;
	height:28px;
	line-height:28px;
	font-size:15px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}



/* ============================
		footer
 ============================ */

.footerSnsBox {
	width:750px;
	height:300px;
	margin-bottom:20px;
	position:relative;
}

.footerSnsBox  .facebookBox {
	width:580px;
	height:200px;
}

.footerSnsBox .twitterBox {
	width:240px;
	height:200px;
	position:absolute;
	top:0;
	right:0;
}

.twitterBox iframe {
	height: 300px !important;
}


/* footer navigation */

.footerNav {
	border-top:dotted 1px #999;
	width:980px;
	margin:5px auto 0 auto;
}

.footerNav ul {
	width:950px;
	margin:15px auto 0 auto;
}

.footerNav ul li {
	list-style:none;
	float:left;
	margin:0 5px;
}

.footerNav ul li img {
	width:180px;
}

/* footer near  */

.preFooterNote {
	clear:both;
	width:960px;
	margin:10px auto 10px auto;
	border-top:dotted 1px #999;
	border-bottom:dotted 1px #999;
	padding:10px;
}
.preFooterNote p {
	text-align:center;
	line-height:1.5em;
	font-size:12px;
}


/* footerNavigation */

.footerNavigation {
	border-top:1px solid #e9e8e8;
	margin-top:20px;
	padding-bottom:10px;
}

.footerNavigation li {
	float:left;
	border-right:1px solid #e9e8e8;
}

.footerNavigation li:first-child {
	border-left:1px solid #e9e8e8;
}


/* footerMenu */
.footerMenu {
	background-color:#fbfbfb;
	padding:15px 0;
}

.footerMenu .container {
	width:940px;
}

.footerMenu ul.menuList {
	float:left;
	width:235px;
}
.footerMenu ul.menuList li {
	list-style:none;
	font-size:12px;
	line-height:1.5em;
	text-align: left;
}

.footerMenu ul.menuList li a {
	color:#000;
	text-decoration:none;
}



.footer2ndMenu {
	padding:10px 0;
	background-color:#dedede;
}
.footer2ndMenu ul.menuList {
	width:800px;
	margin:0 auto;
}

.footer2ndMenu ul.menuList li {
	list-style:none;
	padding-left:10px;
	float:left;
	width:150px;
	text-align:center;
}

.footer2ndMenu ul.menuList li a {
	color:#000;
	text-decoration:none;
}



footer .footerProfile {
	padding:20px 0;
}

footer .footerProfile ul {
}

footer .footerProfile ul li {
	float:left;
	line-height:1.5em;
	list-style:none;
	font-size:12px;
}

footer .footerProfile ul li.footerLogo {
	width:275px;
}
footer .footerProfile ul li.footerAddress {
	width:250px;
	text-align: left;
}
footer .footerProfile ul li.footerNote {
	width:250px;
	text-align: left;
}
footer .footerProfile ul li.footerOther {
	width:200px;
}
footer .footerProfile ul li.footerOther .noborder {
	border:none;
	outline:none;
}


footer .footerCopyright {
	font-size:12px;
	padding:10px 0 10px 0;
}


footer {
	border-bottom:6px solid #2b3698;
}

footer .footer3rdMenu {
	display:none;
}


/* ============================
		leanModal
 ============================ */
  


/* ============================
		acordion
 ============================ */

aside .tourType .sub_ttl.trigger span.open-close,
aside .tourType .sub_ttl.active span.open-close,
aside .choiceSlope .sub_ttl.trigger span.open-close,
aside .choiceSlope .sub_ttl.active span.open-close {
	display:none;
}
