@charset "utf-8";
/* CSS Document */
/*------------------------------------------------------------------
本番用css
------------------------------------------------------------------*/
.font05{font-size: 0.5em;}
.font06{font-size: 0.6em;}
.font07{font-size: 0.7em;}
.font08{font-size: 0.8em;}
.font09{font-size: 0.9em;}
.font11{font-size: 1.1em;}
.font12{font-size: 1.2em;}
.font13{font-size: 1.3em;}
.font14{font-size: 1.4em;}
.txt_c{text-align: center!important;}
.txt_r{text-align: right!important;}
.txt_pink{color: #da3ba4;}
.w-bld{font-weight: bold;}
.txt_red{color: #ea0000;}


/*ボタン幅解除*/
.btn01_rt{
	width: auto!important;
	background: none;
}

/*------------- 調整系 -------------*/
/*2カラム時に画像センタリング*/
.clm2 .codeitem_img{
	text-align: center;
}
/*2カラム時に画像大きく*/
.clm2_big .codeitem_img,
.clm2_big .codeitem_img img{
	width: 100%!important;
	height: auto!important;
}


/*値段の見出し小さく*/
.ft80{
	font-size: 80%;
	padding-right: 0.3em;
}
.ft70{
	font-size: 70%;
	padding-right: 0.3em;
}

/*中止時の掲示枠*/
.announce_box{
	border: solid 2px #7290c9;
	padding: 1em 1.5em;
	border-radius: 5px;
	background: #fff;
}
.announce_box .midashi{
	font-size: 140%;
	font-weight: bold;
	color: #125196;
}
/*台風の影響*/
.announce_box2{
	border: solid 2px #ff0000;
	padding: 1em 1.5em;
	font-weight: bold;
	color: #ff0000;
	margin-top: 2em;
}
/*お読みください位置調整*/
.link_01{
	margin-left: 65px;
    margin-top: 2em;
    font-weight: bold;
}
.link_01 a{
	color: #ff0000;
}

/*-------------共通パーツ-------------*/

/*背景色*/
.bgcolor_ski1 {
	background: #deecfa;	
}
[class*="bgcolor"] {
	padding: 2% 0;
    margin: 4% 0 3%;
}
/*メインビジュアル*/
.mv_ski {
  background: -moz-linear-gradient(top, #3989e0, #72acec);
  background: -webkit-linear-gradient(top, #3989e0, #72acec);
  background: linear-gradient(to bottom, #3989e0, #72acec);
  position:relative;
}
.page_nav:before,
.page_nav:after,
.page_nav .active:after {
	content: '';
    display: block;
    position: absolute;
}
.page_nav:before {
    top: -14rem;
    left: -25rem;
    width: 291px;
    height: 163px;
    background: url(../images/mv_illust01.png) no-repeat;
    z-index: 90;
}
.page_nav:after {
	top: -13.5rem;
	right: -28rem;
	width: 275px;
	height: 225px;
	background: url(../images/mv_illust02.png) no-repeat 50% 50%;
}

/*-------------ペ―ジ間移動ナビ-------------*/
.page_nav{
	/*display: flex;*/
	display: table;
	padding: 8px 0;
	width: 1000px;
	border-bottom: 1px solid #65a5ea;
	margin: 0 auto;
	position:relative;
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
}
.page_nav li{
	display: table-cell;
	border-right: 1px solid #65a5ea;
	vertical-align: middle;
}
.page_nav li:last-of-type {
	border:none;
}
.page_nav li a{
	display: flex;
	padding: 10px 5px;
	text-align: center;
	text-decoration: none;
	font-size: 120%;
	line-height: 130%;
	font-weight: bold;
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
    justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
    min-height: 3.6em;
}
@media all and (-ms-high-contrast: none) {
    .page_nav li a {
	    align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
    	justify-content: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
	}
}
.page_nav li a:hover,
.page_nav li .active{
	margin:0 3%;
	color: #fff;
	border-radius:20% 20% 20% 40%/50% 50% 70% 60%;
}
.page_nav li:nth-child(3n+1) a:hover,
.page_nav li:nth-child(3n+1) .active {
	background:#30b0bb;
}
.page_nav li:nth-child(3n+2) a:hover,
.page_nav li:nth-child(3n+2) .active {
	background:#d09433;
}
.page_nav li:nth-child(3n+3) a:hover,
.page_nav li:nth-child(3n+3) .active {
	background:#da3ba4;
}
.page_nav li:nth-child(3n+1).arrow02 a:hover {
	background:none;
	color:#65a5ea;
}
.page_nav li:nth-child(3n+1).arrow02 a:hover:before,
.page_nav li:nth-child(3n+1).arrow02 a:hover:after {
	opacity:0.7;
}
.page_nav li .active {
	position:relative;
}
.page_nav .active:after {
	content:"▼";
	right:42%;
	font-size:22px;
	top: 93%;
}
.page_nav li:nth-child(3n+1) .active:after {
	color:#30b0bb;
}
.page_nav li:nth-child(3n+2) .active:after {
	color:#d09433;
}
.page_nav li:nth-child(3n+3) .active:after {
	color:#da3ba4;
}
.page_nav .comingsoon {
	text-align: center;
    color: #c7c7c7;
    font-size: 120%;
    position:relative;
}
.page_nav .comingsoon:after {
   content: "coming soon";
   position:absolute;
   width: 110px;
   left: 26%;
   top: 51%;
   color: #8fb5de;
   font-size: 92%;
   -webkit-transform: rotate(-10deg);
   transform: rotate(-10deg);
}
.wide_s{width: 14%;}
.wide_l{width: 15%;}

/*-------------/ペ―ジ間移動ナビ-------------*/

/*テキストリンク　頭に矢印*/
.arrow01 {
     position: relative;
     padding-left: 22px;
	margin: auto;
}
.arrow01::before {
     position: absolute;
     content: '';
     width: 16px;
     height: 16px;
     background: #708fc6;
     border-radius: 50%;
     top: 50%;
     left: 0;
     margin-top: -7px;
}
.arrow01::after {
     position: absolute;
     content: '';
     width: 0;
     height: 0;
     border: solid 4px transparent;
     border-left: solid 6px #fff;
     top: 50%;
     left:6px;
     margin-top: -3px;
}

/*下矢印*/
.arrow02 {
	position:relative;
}
.arrow02 a::after {
	content: '';
	border-top: 2px solid #f062c0;
	border-right: 2px solid #f062c0;
	display: block;
	width: 1rem;
	height: 1rem;
	position: absolute;
	bottom: 0;
	right: 49%;
	-webkit-transform: rotate(135deg) translate(-35%,-40%);
	transform: rotate(135deg) translate(-35%,-40%);
}

/*タイトル周り*/
.top .section .fourcols_title {
	margin: -2% auto;
}
.ttl_ski .cmp-text,
.title.top + .text .cmp-text p {
	text-align: center;
}
.top .section h3 {
  position: relative;
  line-height: 1;
  padding: 0.25em 0.8em;
  top:0;
  color:#008d91;
  font-weight:bold;
  background:none;
}
.top .section h3:before, .top .section h3:after { 
  position: absolute;
  top: 0;
  content:'';
  width: 8px;
  height: 100%;
  display: inline-block;
}
.top .section h3:before {
  border-left: solid 3px #30b0bb;
  border-top: solid 2px #30b0bb;
  border-bottom: solid 2px #30b0bb;
  left: 0;
}
.top .section h3:after {
  content: '';
  border-top: solid 2px #30b0bb;
  border-right: solid 3px #30b0bb;
  border-bottom: solid 2px #30b0bb;
  right: 0;
}
.top .section h2 {
	position:relative;
	padding: 3% 0;
	margin: 0 auto;
	font-size: 2.6rem;
}
.top .section h2:before,
.top .section h2:after {
	content: '';
	display: block;
    position: absolute;
}
.top .section h2:before {
    background: url(../images/ttl_bg1.png) no-repeat center;
    width: 76px;
    height: 65px;
    left: -3em;
    top: -0.6em;
}
.top .section h2:after {
    background: url(../images/ttl_bg2.png) no-repeat center;
    width: 55px;
    height: 55px;
    right: -3em;
    top: 1em;
}
.top .section .fourcols_title:before,
.top .section .fourcols_title:after {
	content:none;
}

/*ボタン*/
.btn01_rt a {
    font-size: 1.8rem;
    padding: 15px 6% 15px 4%;
    background: -moz-linear-gradient(to right, #194aa5, #2992b4);
    background: -webkit-linear-gradient(to right, #194aa5, #2992b4);
    background: linear-gradient(to right, #194aa5, #2992b4);
    line-height: 1.3;
    display: flex;
    align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
    justify-content: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
    width: 95%;
    min-height: 4.2em;
    margin: 0 auto;
}
@media all and (-ms-high-contrast: none) {
    .btn01_rt a {
	    min-height: auto;
	}
}
.btn01_rt a::after {
	right:2.5rem;
}

/*ページ内リンク*/
.sub_nav {
	background:#f5faff;
	border:1px solid #aecbea;
	display:flex;
	/*width:880px;*/
	margin:30px auto 0;
	border-radius: 6px;
    justify-content:center;
	-ms-flex-pack: center;
	-webkit-justify-content: center; /* Safari */
}
.sub_nav li {
	border-right:1px solid #aecbea;
	text-align: center;
	margin:5px 0;
	width: 100%;
}
.sub_nav.col6 li {width: 16.5%;}

.sub_nav.col2,
.sub_nav.col3{
	width: 75%;
	margin: 0 auto;
}
.sub_nav.col2 li,
.sub_nav.col3 li
	{width: 37%;}

.sub_nav li:last-of-type {
	border-right:none;
}
.sub_nav a {
	color:#4d4d4d;
	text-decoration:none;
	position: relative;
	padding:3% 0 5% 8%;
    font-size: 1.6rem;
	background-size: 1rem 1rem;
	line-height: 1.3;
	display: flex;
    align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
    justify-content: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
    min-height: 4.2em;
}
.sub_nav a[href*="#ouen"],
.sub_nav a[href*="#first"],
.sub_nav a[href*="#web"],
.sub_nav a[href*="#higaeri_first"],
.sub_nav a[href*="#higaeri_web"],
.sub_nav a[href*="#kakuyasu_medama"],
.sub_nav a[href*="#kakuyasu_otegaru"],
.sub_nav a[href*="#kakuyasu_raku"]{
	background:url(../images/icn_first.png) no-repeat 2rem;
	background-size: 3rem;
}
.sub_nav a[href*="#area"],
.sub_nav a[href*="#night"],
.sub_nav a[href*="#hs"],
.sub_nav a[href*="#higaeri_gala"],
.sub_nav a[href*="#higaeri_osusume"]{
	background:url(../images/icn_area.png) no-repeat 2rem;
	background-size: 2rem;
}
.sub_nav a[href*="#family_discount"],
.sub_nav a[href*="#family_osusume"],
.sub_nav a[href*="#higaeri_point"] {
	background:url(../images/icn_crystal.png) no-repeat 2rem;
	background-size: 2.7rem;
}
.sub_nav a[href*="#family_welcome"] {
	background:url(../images/icn_mountain.png) no-repeat 2rem;
	background-size: 3rem;
}
.sub_nav a[href*="#family_list"],
.sub_nav a[href*="#higaeri_list"]{
	background:url(../images/icn_snowman.png) no-repeat 2rem;
	background-size: 3rem;
}
.sub_nav.col5 a[href*="#"]{
	background-position:1rem;
}
.sub_nav.col6 a[href*="#"]{
	background-position: 1rem;
}
.sub_nav a:hover {
	color: #3385d6;
	text-decoration: underline;
}
.sub_nav .arrow02 a:after {
	bottom: 0.4em;
}
.balloon {
  position: absolute;
  top: 110px;
  left: 5px;
  display: none;
  opacity: 0;
  /*表示スタイル*/
  padding: 3% 4%;
  width: 210px;
  border-radius: 3px;
  color: white;
  background-color: #7dacec;
  font-size: 0.9em;
  text-align: left;
	line-height: 1.7;
  /*影*/
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    inset 1px 0 0 rgba(255, 255, 255, 0.3),
    inset -1px 0 0 rgba(255, 255, 255, 0.3),
    inset 0 -1px 0 rgba(255, 255, 255, 0.2);
  animation-duration: 0.4s;
  animation-name: show-balloon;
	z-index: 500;
}
.sub_nav a:hover .balloon {
  /*表示するようにします*/
  display: inline-block;
  opacity: 1;
  top: 80px;
}
.balloon::before {
  /*吹き出し部分の三角形を表示します*/
  content: "";
  position: absolute;
  top: -1.3em;
  left: 70px;
  border: 10px solid transparent;
  border-top: 10px solid #7dacec;
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@keyframes show-balloon {
  0% {
    display: none;
    opacity: 0;
    top: 70px;
  }
  1% {
    display: inline-block;
    opacity: 0;
    top: 70px;
  }
  100% {
    display: inline-block;
    opacity: 1;
    top: 80px;
  }
}



/*-------------商品部分のテキスト文-------------*/

.border_there{
	margin-top: 1em;
}
.plan_box_w .listitem li,
[class*="bgcolor"] .codeitem .listitem li{
    background: #fff; /*背景色つきの時に商品囲み白くする*/
}

/*薄青バック囲み*/
.plan_box .info{
	background-color: #eff9f9;
	padding: 5px;
	border-radius: 5px;
	font-size: 0.9em!important;
	color: #222!important;
}
.plan_box .info_clm1{
	background-color: #eff9f9;
	padding: 5px;
	border-radius: 5px;
	font-size: 1.2em!important;/*1カラム用文字サイズ調整*/
	color: #222!important;/*1カラム用文字色調整*/
}

.clm1_txt_dep{
	color: #222!important;/*1カラム用小さい文字サイズ調整*/
	font-size: 1.2em;
}

.plan_box .bld{
	font-weight: bold;
	padding-right: 3px;
}
.plan_box .bld_blue{
	font-weight: bold;
	padding-right: 3px;
	color: #007cda;
	font-size: 1.1em;
}
.plan_box .bld_red{
	font-weight: bold;
	color: #ff0000;
}
/*設備アイコン*/
.plan_box .icon_box,
.plan_box .icon_box2{
	display: flex;
	flex-direction:row;
	-ms-flex-direction: row;
	justify-content :center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	margin: 10px 0 0 0;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	
}
.plan_box .icon_box li,
[class*="bgcolor"] .plan_box .icon_box li{
	text-align: center;
    background-color: #708fc6;
    color: #fff;
    padding: 5px;
    font-size: 0.80em;
    border-radius: 5px;
    flex-grow: 1;
	-webkit-box-flex:1;
	-ms-flex-positive:1;
    width: 49%;
    margin-bottom: 3px;
    margin-right: 2px;
}
.plan_box .icon_box2 li{
	text-align: center;
    background-color: #708fc6;
    color: #fff;
    padding: 5px;
    font-size: 0.80em;
    border-radius: 5px;
    flex-grow: 1;
	-webkit-box-flex:1;
	-ms-flex-positive:1;
    width: 25%;
    margin-bottom: 3px;
    margin-right: 2px;
}
.plan_box .icon_box li.none,
.plan_box .icon_box2 li.none{
	background-color: #bdbdbd;
	flex-grow: 1;
	-webkit-box-flex:1;
	-ms-flex-positive:1;
}
.plan_box .indent{
	padding-left:1em;
	text-indent:-1em;
}
.plan_box .point{
	border: none!important;/*別cssの表示解除*/
	margin-bottom: 0px!important;
	padding: 5px 5px 0 5px!important;
}
.plan_box .point .menu{
	font-weight: bold;
	color: #ee2690;
}
	
/*-------------宿泊のメールオーダー-------------*/
.m_order{
	border: solid 1px #ccc;
	padding: 10px;
	margin: 0 4px;
}
.m_order a{
	display: block;
	font-size: 1.7rem;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: .3rem;
    padding-right: .5em;
}
.m_order .m_price{
	color: #ea0000;
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: .2em;
}
/*-------------コラム-------------*/
.column_btn .clm_list_txt{
	height: 0px;
	overflow: visible;
}

/*-------------スキー場一覧（宿泊・日帰り用）-------------*/
.resortlist_box{
	margin: 10px;
}
.resortlist_back{
	background-color: #eff9f9;
	padding: 2% 0;
    margin-bottom: 2%;
}

/*-------------ナイトイン：上部説明-------------*/
.night_r{
	padding-left: 1em;
}
.night_r .night_midashi{
	font-size: 1.4em;
    color: #c971a2;
    font-weight: bold;
    margin-bottom: 0.8em;
    margin-top: 0.5em;
}
/*-------------温泉：すべりめぐりチケット-------------*/
.meguri{
	padding: 1em;
	border: solid 2px #708fc6;
	background: #fff;
}
.meguri .title01{
	font-weight: bold;
	font-size: 1.4em;
	color: #c971a2;
	text-align: center;
	margin-bottom: 0.5em;
}
.meguri .meguri_box{
	display: flex;
}
.meguri .meguri_l{
	width: 50%;
}
.meguri .meguri_l .bigred{
	font-weight: bold;
	font-size: 1.2em;
	color: #c971a2;
}

.meguri .meguri_r{
	background-color: #eff9f9;
	padding: 1em;
	width: 50%;
	margin-left: 1em;
}

.meguri .title02{
	font-weight: bold;
	font-size: 1.1em;
	color: #007cda;
	border-top: dashed 1px #ccc;
	padding-top: 0.5em;
	margin-top: 0.5em;
}
.meguri .title03{
	font-weight: bold;
	font-size: 1.1em;
	color: #007cda;
}

/*-------------プリンススノーリゾート-------------*/
.prince{
	padding: 1em;
	border: solid 2px #708fc6;
	border-radius: 5px;
	background-color: #fff;
}
.prince_ttl{
	font-weight: bold;
	font-size: 1.3em;
	margin: 0.5em 0;
}
.prince_bld{
	font-weight: bold;
    font-size: 1.3em;
    color: #ef6c02;
    line-height: 120%;
}
.prince_list{
	padding-left: 2em;
	border-top: dashed 1px #ccc;
	padding-top: 0.5em;
    margin-top: 0.5em;
}
.cmn_contents .clm_osusume_area{
	margin-top: 1rem!important; /*リスト部分のアキ調整*/
}

/*--------------------ファミリー--------------------*/
/*1カラム対応*/
.fam_box{
	border: solid 1px #ccc;/*サムネありの囲み*/
	padding: 10px;
}
.fam_1cal .listitem5 .clm01_side_tag {
	width: 100%!important;
	padding-left: 20px;
}


/*テキスト装飾*/
.famplan{
	color: #268ce2;
	font-weight: bold;
}
.yukiplan{
	color: #e22674;
	font-weight: bold;
}
.plan_notice{
	font-size: 90%;
}
.discount{
	font-weight: bold;/*ファミリー一覧のオレンジ文字*/
	color: #ef6c02;
}
.discount span{
	font-weight: normal;
}

/*ゆきあそびとスキープラン比較*/
.family_box{
	border: solid 4px #268ce2;
    padding: 1em 1.5em;
    border-radius: 10px;
    margin-right: 5px;
	background: #fff;
}
.yuki_box{
	border: solid 4px #e22674;
	padding: 1em 1.5em;
	border-radius: 10px;
	margin-left: 5px;
	background: #fff;
}
.fyplan_ttl{
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	line-height: 160%;
	margin-bottom: 10px;
}
.fyplan_ttl span{
	font-size: 1.4em;
}


/*ファミリーウェルカムファミリー*/
.welcome{
	padding: 0.2em 1em 1em 1em;
	border-radius: 10px;
}
.orenge{border: solid 2px #f68735;}
.blue{border: solid 2px #05a3e0;}


.welcome .welcome_box{
	display: flex;
}
.welcome .welcome_l{
	width: 20%;
	text-align: center;
	padding-top: 1em;
}
.welcome .welcome_r .title_orange{
	font-size: 1.5em;
	color: #f68735;
	font-weight: bold;
}
.welcome .welcome_r .title_blue{
	font-size: 1.5em;
	color: #05a3e0;
	font-weight: bold;
}
.welcome .welcome_r .txt{
	color: #ee2690;
	font-weight: bold;
}
.welcome .welcome_r{
	padding: 1em;
	width: 80%;
}


/*-------------スキー場一覧（ファミリー用）-------------*/
.family_list{
	background-color: #eff9f9;
    padding: 15px;
    border-radius: 5px;
    font-size: 14px!important;
    color: #222!important;
    margin: 0.5em;
    min-height: 16.5em;
}
.higaeriplan{
	background-color: #ffe6c8!important;/*日帰り用オレンジバック*/
}

.family_list a.list{
    font-size: 1.3em;
    font-weight: bold;
    position: relative;
    display: inline-block;
    padding-left: 18px;
    line-height: 140%;
    margin-bottom: 0.5em;
}
.family_list a.list .skiarea{
	font-size: 0.8em;
	font-weight: normal!important;
}
.family_list a.list::before{
  content: '';
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #708fc6;
    border-right: solid 2px #708fc6;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 45%;
    left: 0;
    margin-top: -4px;
}

/*アイコン類　ファミリーの一覧用*/
.family_list .icon_box{
	display: flex;
	flex-direction:row;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
	justify-content :center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	margin: 10px 0 5px 0;
}
.family_list .icon_box li{
    text-align: center;
    background-color: #708fc6;
    color: #fff;
    padding: 5px;
    font-size: 0.85em;
    border-radius: 5px;
    margin: 1px;
    flex-grow: 1;
	-webkit-box-flex:1;
	-ms-flex-positive:1;
}
.family_list .icon_box li.none{
	background-color: #bdbdbd;
	flex-grow: 1;
	-webkit-box-flex:1;
	-ms-flex-positive:1;
}

/*-------------日帰り-------------*/
.gala_box{
	border: solid 4px #268ce2;
    padding: 1em 1.5em;
    border-radius: 10px;
    margin: 0 5px 5px 0;
	background: #fff;
}

.gala_box .price,
.ureshii_box .price{
	color: #ea0000;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.4em;
	}
.gala_box .m_price,
.ureshii_box .m_price{
		font-size: 1.2rem;
	}

.gala_box a.galalink{
	font-size: 1.6em;
    font-weight: bold;
    position: relative;
    display: block;
    padding-left: 18px;
    line-height: 140%;
    margin-bottom: 0.5em;
}
.gala_box a.galalink span{
	font-size: 0.9em;
}
.gala_box a.galalink::before{
  content: '';
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #708fc6;
    border-right: solid 2px #708fc6;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 45%;
    left: 0;
    margin-top: -4px;
}

.gala_box .att_txt2{
	display: inline-block;
	line-height: 150%;
	font-size: 0.8em;
	padding-left:3em;
	text-indent:-3em;
	margin-top: 5px;
}
.gala_box .att_txt{
	display: inline-block;
	line-height: 150%;
	font-size: 0.8em;
	padding-left:1em;
	text-indent:-1em;
	margin-top: 5px;
}
.gala_box .txt_green{
	font-weight: bold;
	color: #47adb0;
}
.ureshii_box{
	background-color: #fff;
	border-radius: 10px;
	padding: 10px 20px;
	margin-bottom: 2em;
}
.ureshii_box .lesson{
	display: flex;
}
.ureshii_box .point_ttl{
	color: #db3ba5;
	font-size: 1.4em;
	font-weight: bold;
}
.ureshii_box .point_ttl .time{
	font-size: 0.8em;
    font-weight: normal!important;
    margin-left: 0.5em;
}
.ureshii_box .plan_l{
	width: 32%;
	/*border-right: dotted 1px #ccc;*/
}
.ureshii_box .plan_r{
	width: 50%;
    padding-left: 20px;
}
.ureshii_box .w_icon{
	width: 18%;
	padding-right: 10px;
}
.ureshii_box .galanoyu{
	margin-top: 1em;
	margin-left: 18%;
	padding-top: 0.8em;
	border-top: dotted 2px #db3ba5;
}

.tourpoint_ttl{
	font-weight: bold;
    font-size: 1.4em;
    color: #ef6c02;
    line-height: 130%;
    margin-bottom: 0.5em;
    text-align: center;
}	
.tourpoint_ttl2{
	font-weight: bold;
    font-size: 1.1em;
    line-height: 130%;
    margin-bottom: 0.5em;
}

/*国内旅行損害保険*/
.hoken_box{
	background-color: #deecfa;
	padding: 10px 20px;
	display: flex;
	margin-bottom: 2em;
}
.hoken_l{
	width: 30%;
}
.hoken_r{
	width: 70%;
	padding-left: 20px;
}
.hoken_r .ttl_blue{
	color: #3e81d1;
	font-weight: bold;
	font-size: 1.4em;
}
/*DPセールたにがわ*/
.tanigawa{
	padding: 0 15px;
	background-color: #eff9f9;
	margin-bottom: 3em;
}
.tanigawa_ttl_box{
	text-align: center;
	margin: 0 auto;
}

.tanigawa_ttl2{
	font-size: 1.8rem;
    padding: 10px 0 10px 1em;
    font-weight: bold;
	color: #3981d1;
	text-align: center;
}
.tanigawa_date{
	font-size: 90%;
    margin: 0.9em 1.8em;
}

/*-------------スマホ用メディアクエリ-------------*/
@media screen and (max-width: 568px) {
	
	/*タイトル周り*/
	.top .section .fourcols_title img {
		width: 100%;
		object-fit: cover;
		object-position: 50% 0;
		height: 2.7em;
	}
	.ttl_ski .cmp-text {
		text-align: left;
	}
	/*ペ―ジ間移動ナビ*/
	.page_nav {
		width:100%;
		border:none;
		display:flex;
		flex-flow: row wrap;
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		-ms-flex-flow:row wrap;
		font-size: 1.2rem;
		align-items:inherit ;
		border-top:1px solid #65a5ea;
    	padding: 0;
		margin: 1% auto;
	}
	.page_nav li {
		width: 25%;
		border-bottom: 1px solid #65a5ea;
	}
	.page_nav li:nth-child(4) {
		border-right:none;
	}
	.page_nav li:last-of-type {
		border-right:1px solid #65a5ea;
		border-bottom: 1px solid #65a5ea;
	}
	.page_nav li a {
		padding:8px 0 5px;
	}
	.page_nav li a:hover {
		background: none;
	}
	.page_nav:before, .page_nav:after {
		content: none;
	}
	.page_nav .arrow02 a::after {
		bottom: 0.7rem;
	}
	.page_nav li:nth-child(3n+1) a:hover,
	.page_nav li:nth-child(3n+1) .active {
		color: #30b0bb;
		background: #fff;
		border-radius: 0;
		border-top: 4px solid #30b0bb;
	}
	.page_nav li:nth-child(3n+2) a:hover,
	.page_nav li:nth-child(3n+2) .active {
		color: #d09433;
		background: #fff;
		border-radius: 0;
		border-top: 4px solid #d09433;
	}
	.page_nav li:nth-child(3n+3) a:hover,
	.page_nav li:nth-child(3n+3) .active {
		color: #da3ba4;
		background: #fff;
		border-radius: 0;
		border-top: 4px solid #da3ba4;
	}
	.page_nav .active:after {
		content: none;
	}
	.page_nav .comingsoon {
		padding-top: 4%;
	}
	.page_nav .comingsoon:after {
		left: -8%;
		top: 53%;
	}
	/*ペ―ジ内リンク*/
	.sub_nav {
		width: 96%;
		margin: 3% 2%;
	}
	.sub_nav a {
		font-size: 1.2rem;
		padding: 3.4rem 0 0;
		min-height: 6em;
	}
	.sub_nav.col2,
	.sub_nav.col2 li {
		width:70%;
		margin-top: 1rem;
	}
	.sub_nav.col2 a[href*="#"] {
		background-position: 1.5rem 0.8rem;
		min-height: 2em;
		padding: 0.7rem 0 1rem 2rem;
	}
	.sub_nav.col3,
	.sub_nav.col3 li {
		width:90%;
		margin-top: 1rem;
	}
	.sub_nav.col3 a[href*="#"] {
		background-position: 4.2rem 0.5rem;
		min-height: 2em;
		padding: 4.1rem 0 1rem 0rem;
	}
	.sub_nav.col4 a[href*="#"] {
		background-position: 3.4rem 0.6rem;
	}
	.sub_nav.col5 a {
		line-height: 1.2;
		padding-top:3.6rem;
	}
	.sub_nav.col5 a[href*="#"] {
		/*background-position: 1.7rem 0.4rem;*/
		background-position: 2.3rem 0.4rem;
	}
	.sub_nav.col6 a {
		line-height: 1.2;
		padding-top:3.6rem;
	}
	.sub_nav.col6 a[href*="#"] {
		background-position: 1.6rem 0.4rem;
	}
	.sub_nav .arrow02 a:after {
		content:none;
	}
	/*ボタン*/
	.btn01_rt {
		width:95% !important;
		margin: 0 auto 3%;
	}
	.btn01_rt a {
		font-size: 1.6rem;
		padding:3% 6% 3% 3%;
	}
	/*タイトル周り*/
	.ttl_ski .cmp-text, .title.top + .text .cmp-text p {
		text-align: left;
	}
	.top .section h2 {
		font-size: 5vw;
		padding: 3% 0;
	}
	.top .section h2:before {
		left: -2.2em;
		top: -1em;
		background-size: 2em;
	}
	.top .section h2:after {
		/*right: -1.7em;*/
		right: -0.9em;
		top: 0.5em;
		background-size: 1.8em;
	}
	.top .section h3 {
		font-size: 4.2vw;
		margin: 15px auto;
		padding: 0 30px 0 30px;
	}
	#family_plan .top .section h2:before,
	#family_plan .top .section h2:after,
	#family_welcome .top .section h2:before,
	#family_welcome .top .section h2:after,
	#family_list .top .section h2:before,
	#family_list .top .section h2:after,
	#prince .top .section h2:before,
	#prince .top .section h2:after,
	#higaeri .top .section h2:before,
	#higaeri .top .section h2:after,
	#first .top .section h2:before,
	#first .top .section h2:after,
	#area_dp .top .section h2:before,
	#area_dp .top .section h2:after{
		content: none;
	}
	/*---温泉：すべりめぐりチケット----*/
	.meguri_box {
		flex-direction: column;
		-webkit-box-orient: vertical;
  		-webkit-box-direction: normal;
  		-ms-flex-direction: column;
        flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
	}
	.meguri .meguri_l, .meguri .meguri_r{
		width: 100%;
		margin-left: 0;
	}
	/*ファミリーウェルカムファミリー*/
	.welcome .welcome_box {
		flex-direction: column;
		-webkit-box-orient: vertical;
  		-webkit-box-direction: normal;
  		-ms-flex-direction: column;
        flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
	}
	.welcome .welcome_l, .welcome .welcome_r {
		width: 100%;
		padding: 0.2em;
	}
	/*---ボックスのマージンを追加----*/
	.announce_box, .family_box, .yuki_box, .orenge, .blue, .prince, .meguri, .fam_box {
		margin: 0 2% 2%;
		padding: 3%;
	}
	/*-------プリンススノーリゾート-----*/
	.prince_ttl {
		font-size: 1.1em;
		text-align: center;
	}
	.prince_bld {
		display: block;
		line-height: 160%;
	}
	.prince_list {
		padding-left: 0;
	}
	/*-------スキー場一覧（ファミリー用）-------*/
	.family_list {
		min-height: auto;
	}
	/*中止時の掲示枠*/
	.announce_box .midashi {
		font-size: 115%;
	}
	/*台風の影響*/
	.announce_box2{
		border: solid 2px #ff0000;
		padding: 1em 1.5em;
		font-weight: bold;
		color: #ff0000;
		margin: 3em 0.5em 0 0.5em;
	}
	/*宿泊のメールオーダー*/
	.m_order{
		border: solid 1px #ccc;
		padding: 10px;
		margin: 0 10px;
	}
	.m_order a{
		display: block;
		font-size: 1.4rem;
		font-weight: bold;
		line-height: 1.4;
		margin-bottom: .3rem;
		padding-right: .5em;
	}
	.m_order .m_price{
		color: #ea0000;
		font-size: 1.7rem;
		font-weight: bold;
		line-height: 1.4;
		margin-bottom: .2em;
	}
	.fam_box{
		padding: 5px;
		margin: 10px;
	}
	.fam_1cal .listitem5 .clm01_side_tag {
		padding-left: 0px;
	}
	/*お読みください位置調整*/
	.link_01{
		margin-left: 10px;
		margin-top: 2em;
	}
	/*h3スマホでの表示*/
	.top .section h3:before, .top .section h3:after { 
		margin: 0 15px;
	}
	/*日帰り*/
	.gala_box{
    margin: 10px;
}
	/*日帰り：うれしいポイント*/
	.ureshii_box {
		margin: 10px;
		padding: 10px;
	}
	.ureshii_box .point_ttl{
		font-size: 1.2em;
	}
	.ureshii_box .lesson{
	display: block;
	}
	.ureshii_box .plan_l,
	.ureshii_box .plan_r,
	.ureshii_box .w_icon{
		width: 100%;
		padding: 0px;
		margin-top: 1em;
	}
	.ureshii_box .galanoyu{
		margin-top: 1em;
		margin-left: 0px;
		padding-top: 0.8em;
		border-top: dotted 2px #db3ba5;
		width: 100%;
	}
	.ureshii_box .w_icon img{
    	display: block;
		margin: 0 auto;
	}
	/*国内旅行損害保険*/
	.hoken_box{
		padding: 10px;
		display: block;
		margin-bottom: 1em;
	}
	.hoken_l{
		width: 100%;
		text-align: center;
	}
	.hoken_l img{
		width: 60%;
		margin-bottom: 0.5em;
	}
	.hoken_r{
		width: 100%;
	}
	/*たにがわ*/
.tanigawa{
	padding: 0 5px 2em 5px;
	background-color: #eff9f9;
	margin-bottom: 5em;
}
.tanigawa_ttl2{
	font-size: 1.6rem;
    padding: 10px 0 10px 1em;
    font-weight: bold;
	color: #3981d1;
	line-height: 150%;
}
}
/*-------------/スマホ用メディアクエリ-------------*/

/*-------------エリアのモーダル（スマホのみ）-------------*/
.modal_ski > input { /* ラジオボックス非表示 */
    display: none;
}
.modal_ski > input:nth-child(1) + label { 
    cursor: pointer;
	background:none;
	border:none;
	padding: 0 2%;
	color:#30b0bb;
	text-decoration: underline;
	text-align: right;
	font-size: 1em;
	margin-top: -5%;
}
.modal_ski input[type="radio"]+label::before,
.modal_ski input[type="radio"]:checked+label::after {
	content:none;
}
.modalPopup2 { /* 初期設定 ポップアップ非表示 */
    display: none;
}
.modal_ski > input:nth-child(1) + label::before {
	content: "？";
    background: #30b0bb;
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    right: 8.7em;
    left: auto;
    padding: 0;
    margin: 0;
    top: 0.2em;
    border: none;
    color: #fff;
    text-align: center;
    line-height: 1.4;
    font-weight: normal;
}
.modal_ski > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 {/* ラジオ１ チェックでポップアップ表示 */
    display: block;
    z-index: 998;
    position: fixed;
    width: 90%;
    height: auto;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #eff9f9;
    padding: 10px 15px 0;
    overflow: hidden;
	box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
}
.modal_ski  input[type="radio"]+label{background:none;}
@media (min-width: 768px) {/* PCのときはページの真ん中の600x600領域 */
.modal_ski > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2{
     width: 80%;
     height: auto;
     padding: 30px;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);

    }
.modal_ski > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
     left: 50% !important;
     top: 50% !important;
     margin-left: 270px !important;
     margin-top: -310px !important;
}
}

.modal_ski > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div {/* */
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    display: inline-block;
    width: 100%;
    height: auto;
}
.modal_ski > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > iframe {
    width: 100%;
      height:100%;
      border:none;
      display:block;
}

.modal_ski > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > img {/* ポップアップの中の要素 */
max-width: 100%;
}
.modal_ski > input:nth-child(1) + label ~ label {
    display: none;/* ラジオ１ 以外のラベルを初期は非表示 */

}
.modal_ski > input:nth-child(1):checked + label + input:nth-child(3) + label {
    width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 997;
    text-indent: -999999px;
    overflow: hidden;
}
.modal_ski > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
    background: #30b0bb;
    display: inline-block;
    position: fixed;
    right: 10px;
    top: 31vh;
    z-index: 999;
    width: 35px;
    height: 35px;
    font-size: 35px;
    border-radius: 50%;
    line-height:0.9;
    text-align: center;
	color:#fff;
	padding: 0;
	margin: 0;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
}

.modal_ski > input:nth-child(1) + label + input:nth-child(3):checked + label + input:nth-child(5) + label + .modalPopup2,
.modal_ski > input:nth-child(1) + label + input:nth-child(3) + label + input:nth-child(5):checked + label + .modalPopup2 { /* ラジオ２と３ どっちかチェックでポップアップ非表示 */
    display: none;
}

.modalPopup2 {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.modal_ski .modalTitle {
     padding-bottom: .5em;
     margin: .5em 0;
     font-weight: bold;
	font-size: 1.6rem;
}
.modal_ski .modalMain {
     color:#222;
     text-align: left;
     font-size: 14px;
     line-height: 1.8em;
}
.modal_ski .modalMain p {
	margin-bottom: 3%;
    line-height: 1.6;
}

/*-------------/エリアのモーダル（スマホのみ）-------------*/