@charset "utf-8";

body {
	width: 100%;
	min-width:375px;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow-y: scroll;
	overflow-x: scroll;
	font-size:12px;
  	-webkit-text-size-adjust: 100%;
}
img{-ms-interpolation-mode: bicubic;}
 
.pc{display:none !important}

.boxsize *{
	box-sizing:border-box;
	line-height:160%;
}
figure{
	margin:0;
	position: relative;
}
figure img {
	width:100%;
}
figcaption{
	font-size: 10px;
    position: absolute;
    bottom: 5px;
    right: 10px;
    color: #FFF;
    text-shadow: 1px 1px 1px #333, -1px 1px 1px #333, 1px -1px 1px #333, -1px -1px 1px #333;
}
.notice {
    background-color: #e50012;
    color: white;
    font-size: 18px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}
.bg-oneday{
    /*padding:0 0 40px;*/
    background-color: #c0ddfd;
    /*background-image:url(../img/bg02.png);
    background-position:center bottom;
    background-repeat: no-repeat;
    background-size: 100%;*/
}
#k_contents{
	width:100%;
	max-width:500px;
	margin:0 auto;
}

/*title-------------------
--------------------------*/
#title_wrap{
	margin: 0 0 5px;
}
#title_wrap .top img{
	width:60%;
	max-width:350px;
	display:block;
	margin:0 auto;
}
#title_wrap h2 img{
	width:100%;
	margin:0 auto;
	display:block;
}
h2 span.title {
	display:none;
}

.syukuhaku_link {
	display: flex;
	justify-content: flex-end;
	margin:5px  10px 0;
}

.syukuhaku_link a{
	display:block;
	font-size: 11px;
	font-weight: bold;
	background-color:#2575b7;
	border-radius: 5px;
	color: #FFF;
	padding: 5px 15px;
	box-shadow: 0 1px 2px #9b9b9b;
}
.title_plan{
  width: 100%;
  font-size: 1.4em;
  color: #070d59;  
  text-align: center;
  font-weight: bold;
  margin: 30px 0 15px;
  border-bottom: solid #070d59 1px;
}

.t_link {
  text-align: right;
  margin: 0 5px;
	padding: 5px 0 0;
  width: 94%;  
}
.t_link a {
	display: inline-block;
	position: relative;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	border-radius: 5px;
	border: 1px solid #1069a8;
	padding: 5px 10px 5px 25px;
	background-color: #2589d0;
	line-height: 1.4;
	margin: 0 0 5px;
}
/*------------------------
skiresort_table
---------------------------*/
.skiresort_table{
	margin: 0 10px 25px;
	overflow-x: scroll;
}
.skiresort_table table{
	background-color: #FFF;
	width: 650px;
}
.skiresort_table th, .skiresort_table td{
	font-size: 11px;
	text-align: center;
	font-weight: normal;
	border: solid 1px #89add5;
	padding: 3px 5px;
}
.skiresort_table .th01{
	font-size: 10px;
  color: #FFF;
  line-height: 120%;
  background-color: #5893d4;
}
.skiresort_table a{
	font-size: 10px;
	color: #5893d4;
	font-weight: bold;
	text-decoration: underline;
}



.th_beginner{
	background-color:#FCE4EC;
}
.th_intermediate{
	background-color:#FFF8E1;
}
.th_advanced{
	background-color:#E8EAF6;
}




/*-----------------------------
plan_sec
--------------------------------*/
.plan_sec{
	margin: 0 auto 20px;
}
.subttl{
	font-family: 'Mochiy Pop P One', sans-serif;
	font-weight: 400;
	font-size:21px;
	color:#070d59;
	text-align:center;
	background-image: url(../../img/img_subtitle.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 360px;
	padding:20px 10px 0;
	margin:0 auto 5px;
	min-height: 60px;
}
.one_resort{
	background-color: #FFF;
	border-radius: 10px;
	padding:10px;
	margin: 0 5px 20px;
}
.about_resort figure{
	margin: 0 0 10px;
}
.about_resort h4{
	font-size: 18px;
	margin: 0 0 5px;
}
.about_resort .resort_access {
	margin: 0 0 10px;
}
.about_resort .resort_access .sp01{
		font-size: 10px;
    color: #FFF;
    background-color: #5893d4;
	border-radius: 1px;
    padding: 1px 5px;
    margin: 0 5px 0 0;
}
.about_resort .resort_cap {
	margin: 0 0 10px;
}
.one_re_table{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	margin: 0 0 10px;
}
.table01{
	width: 100%;
	margin: 0 0 3px;
}
.table02{
	width : calc(100% - 130px);
}
.one_re_table th, .one_re_table td{
	font-weight: normal;
	border: solid 1px #89add5;
}
.one_re_table .th01{
	font-size: 10px;
  color: #FFF;
	line-height: 120%;
  background-color: #5893d4;
  padding: 3px;
}
.one_re_table td{
	font-size: 11px;
	text-align: center;
  padding: 3px 8px;
}
.one_re_table .level th{
	font-size: 10px;
}
.about_resort .gelande_link a{
	font-size: 12px;
	color: #070d59;
	font-weight: bold;
	text-align: center;
	border: solid 2px #070d59;
	border-radius: 10px;
	padding: 3px 10px;
	width:  fit-content;
	box-shadow: 0 1px 1px rgb(0 0 0 / 28%);
	display: block;
	margin:0 0 0 20px;
}
.about_resort .gelande_link a:hover{
	opacity: 1;
	color: #FFF;
	background-color: #070d59;
}


#one_resort01 .plan_ttl02, .one_resort .plan_ttl02{
	color: #4273a3;
	font-weight: bold;
}

.recommend_plan .one_resort{
	position: relative;
}
.ribbon {
  display: inline-block;
  text-align: center;
  padding: 5px 10px;
	font-family: 'Mochiy Pop P One', sans-serif;
	font-weight: 400;
  font-size: 14px;
  background:#FFB74D;
  color: #FFF;
  box-sizing: border-box;
	position: absolute;
	top:5px;
	left: -4px;
	z-index: 10;
}

.sugotoku_ic{
	position: relative;
}
.sugotoku_ic:before{
	content:'スゴ得対応';
	font-size: 12px;
    color: #FFF;
    font-weight: bold;
    padding: 3px 10px;
	background-color: #006064;
	border: solid 2px #FFF;
	border-radius: 50px;
	position: absolute;
	top:-5px;
	right:5px;
	z-index: 10;
}



/*-----------------------------
form
-------------------------------*/
.about_plan{
  background-image: url(../../img/line_yado03.png);
  background-position: center 5px;
  background-repeat: no-repeat;
  background-size:250px;
	padding:30px 5px 0;
}
form {
	margin: 0 5px 10px;
}
select {
	width : calc(100% - 90px);
	border: 1px solid #666;
	height:35px;
	background-color: #fff;
	vertical-align: middle;
}
.btn01 {
    font-size: 12px;
	font-weight: bold;
    color: #FFF;
    background-color: #070d59;
    border-radius: 5px !important;
    text-align: center;
	padding:7px 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
    border: none;
	vertical-align: middle;
}

.planBOX01{
	margin: 0 0 10px;
}
.planBOX01 .plan_ttl01{ 
  font-size: 13px;
  font-weight: bold;
  color: #070d59;
	border-left: solid 3px;
	padding: 0 0 0 5px;
	margin: 0 0 10px;
}
.plan_price {
  font-size: 18px;
  font-weight: bold;
  color: #bb0204;
  margin: 15px 0 5px;
  line-height: 1;
}
.plan_price span {
  font-size: 0.7em;
}
.plan_price span.ex {
  font-size: 0.5em;
  font-weight: normal;
  color: #333;
  display: inline-block;
}

.off_form {
	margin: 0 5px 10px;
}
.off_form .soon {
	color: #ababab;
	font-size: 14px;
	width : calc(100% - 85px);
	border: 1px solid #ababab;
	border-radius: 5px;
	height:35px;
	background-color: #fff;
	vertical-align: middle;
	padding: 5px 5px 0;
	display: inline-block;
}
.off_form .off_btn {
    font-size: 12px;
	font-weight: bold;
    color: #FFF;
    background-color: #ababab;
    border-radius: 5px;
    text-align: center;
	padding:7px 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
    border: none;
	vertical-align: middle;
	display: inline-block;
	margin: 0 0 0 3px;
}

#one_resort01 .planBOX01{
	margin: 0 0 20px;
}

#one_resort01 h5, #one_resort02 h5, #one_resort03 h5, #one_resort04 h5, #one_resort05 h5, #one_resort06 h5, #one_resort07 h5, #one_resort08 h5, #one_resort09 h5, #one_resort10 h5, #one_resort11 h5, #one_resort12 h5, #one_resort13 h5, #one_resort14 h5, #one_resort15 h5 {
font-size: 15px;
font-weight: bold;
color: #002A9E;
text-align: center;
display: block;
margin-top: 1em;
padding: 2px;
background: #bdebdc;
}

/*-----------------------------
tab
-------------------------------*/
.ap-group{
	margin:0 0 10px;
}
.tab-group{
  display: flex;
  justify-content: center;
	margin:0 5px;
}
.tab{
	font-size: 10px;
  flex-grow: 1;
  padding:3px;
  list-style:none;
	border-radius: 10px 10px 0 0;
  background-color:#f5f5f5;
  text-align:center;
  cursor:pointer;
	color:#4273a3;
	font-weight: bold;
	border-right: solid 2px #4273a3;
	border-left: solid 2px #4273a3;
	border-top: solid 2px #4273a3;
	margin: 0 0.5%;
}
.panel-group{
  height:auto;
  border-top:none;
  padding:10px 10px 5px;
  border:solid 2px #4273a3;
}
.panel{
  display:none;
}
.tab.is-active{
  background:#4273a3;
  color:#FFF;
  transition: all 0.2s ease-out;
}
.tab.is-active .wari{
	color: #FFF;
}
.panel.is-show{
  display:block;
}


.tab_wrap {
  display: flex;
  flex-wrap: wrap;
  margin:20px 0;
}
.tabs_list {
  width: 100%;
}
.tab_label {
  font-size: 15px;
  color: #FFF;
  background: #eb7669;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  padding: 10px .5em;
  margin: 0 10px 3px;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  flex: 1;
}
.tab_label a {
color: #FFF;
}
.tab_label_off {
  background: #999;
  border-bottom: none;
}
.tab_arrow_under {
  width: 10px;
  height: 10px;
  border-bottom: solid 4px #FFF;
  border-right: solid 4px #FFF;
  margin-right: 0.5em;
  display:inline-block;
  transform: rotate(45deg);
}



/*-------------------
.about_sugotoku02
---------------------*/
.about_sugotoku02{
	background-color: #FFF;
	border-radius: 10px;
	padding: 10px 10px 20px;
	margin: 0 auto 30px;
	width: 97%
}
.about_sugotoku02 dl>div{
	margin: 0 0 15px;
}
.about_sugotoku02 dt{
	font-size: 15px;
	color: #FFF;
	font-weight: bold;
	padding:5px 10px;
	margin: 0 0 10px;
}
.about_sugotoku02 .dt01{
	background-color: #006064;
}
.about_sugotoku02 .dt01 .sp01{
	color: #FFA726;
}
.about_sugotoku02 .dt02{
	background-color: #1E88E5;
}

.about_sugotoku02 dd{
	font-size: 13px;
	padding: 0 0 0 15px;
	margin:0 5px;
	position: relative;
}
.about_sugotoku02 .mark{
	position:absolute;
	top:0;
	left: 0;
}
.about_sugotoku02 a{
	display: block;
	font-size: 16px;
	color: #fff;
	text-align: center;
	background-color: #070d59;
	border-radius: 5px;
	padding: 7px 20px;
	margin: 0 auto;
	width:fit-content;
	box-shadow: 0 1px 1px rgb(0 0 0 / 28%);
}


/*---------------------------
about_sugotoku
-----------------------------*/
#about_sugotoku .btn_back {
  text-align: right;
  margin: 0 0 5px 0;
  width: 98%;  
}
#about_sugotoku .btn_back img {
  width: 55%;
}
#about_sugotoku .btn_back a {

}
#about_sugotoku h3{
	font-size: 18px;
	text-align: center;
	margin: 0 0 10px;
}
#about_sugotoku .page_link{
	display: flex;
	justify-content: center;
	margin: 0 0 15px;
}
#about_sugotoku .page_link li{
	width: 48%;
	margin: 0 1%;
}
#about_sugotoku .page_link a{
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	display: block;
}
#about_sugotoku .page_link .a01{
	background-color: #006064;
}
#about_sugotoku .page_link .a01 .sp01{
	color: #FFA726;
}
#about_sugotoku .page_link .a02{
	background-color: #1E88E5;
}

.sugo_sec{
	background-color:#FFF;
	width: 94%;
	padding:5px;
	margin: 0 auto 30px;
	position: relative
}
.sugo_sec h4{
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	padding: 7px 10px;
	margin: 0 0 15px;
}
#sugotoku h4{
	background-color: #006064;
}
#sugotoku h4 .sp01{
	color: #FFA726;
}
#no-sugotoku h4{
	background-color: #1E88E5;
}
.slide_list{
	margin: 0 5px;
}
.sugopage_link{
	margin: 0 0 10px;
}
.sugopage_link a{
	font-size: 13px;
	color: #3c5ca8;
	background-color:#d5f2f5;
	border-radius: 20px;
	padding: 5px 10px;
	margin: 0 10px 5px;
	display: inline-block;
}

.slide_list li{
	margin: 0 0 40px;
}
.slide_list h5{
	font-size: 15px;
	background-color: #f5f5f5;
	padding: 7px;
	margin: 0 0 15px;
}
.slide_list h5 .sp01{
	font-size:12px;
	color: red;
}
#sugotoku .slide_list h5{
	border-left: solid 8px #006064;
}
#no-sugotoku .slide_list h5{
	border-left: solid 8px #1E88E5;
}

.application-slide{
	overflow-x: scroll;
}
.application-slide img{
	display: block;
	width: 600px;
}

.sugo_sec .p02{
	font-size:11px;
	color: #df0403;
	margin: 0 0 0 10px;
}
.sugo_sec .p02 a{
	color:#df0403;
}



/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}



/*-------------------------------
pr_area
---------------------------------*/
#pr_area {
  margin: 0 auto 30px;
  padding: 10px;
  border: double 4px #104a7c;
  font-size: 15px;
  font-weight: bold;
  background: #fff5c4;
  width: 98%;
  text-align: center;
  border-radius: 10px;
}
#pr_area p {
  color: #002756;
}
#pr_area span {
  color: #cb0101;
  font-size: 1.2em;
}
#pr_area a:before{
  content:"▼";
  margin-right: 5px;
}


/*-------------------------------
faq
---------------------------------*/
#faq {
	background-color: #FFF;
	border: solid 1px #999;
  padding: 15px 15px;
	margin: 20px 10px 40px;
}
.faq_lead {
	color: #604c3f;
  text-align: center;
  font-size: 20px;
	margin: 0 0 7px;
}
#faq dl {
 margin: 0;
}
#faq dt {
  font-size: 15px;
  font-weight: bold;
	margin: 0 auto 5px;
}
#faq dt:not(:first-of-type) {
  border-top: 1px dashed #999;
  padding: 10px 0 0;
  margin: 20px auto 5px;
}
#faq dd {
	font-size:13px;
	margin: 0 0 0 20px;
}
#faq dt:before,
#faq dd:before {
  font-size: 24px;
  font-weight: bold;
  margin-right: 6px;
}
#faq dt:before {
  content: "Q.";
  color: #62b9c3;
}
#faq dd:before {
  content: "A.";
  color: #d3628f;
}



/*-----------------------------
transition
-------------------------------*/
#transition{
  width: 100%;
	margin: 10px auto 20px;
	padding: 0 1%;
}
#transition ul {
  display:flex;
	flex-wrap: wrap;
  justify-content:space-between;
  align-items:stretch;
  list-style-type: none;
}
#transition ul li {
  display: flex;
  align-self: auto;
	width: 48%;
  min-width: 0;
	margin: 4px 1%;
}
#transition a img {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
	box-shadow: 2px 2px 2px #ccc;
	width: 100%;
}
#transition .active img {
  outline: 4px solid yellow;
  outline-offset: -4px;
}


/*-----------------------------
bunner-slide
-------------------------------*/
.bunner-slide_wrap{
	margin:0 auto 40px;
	width: 95%;
	overflow: hidden;
}
.bunner-slide_wrap h3{
	margin:0 auto 10px;
	min-height:54px;
}
.bunner-slide img{
	width:220px;
}




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



/*受付終了対応*/
.plan_box_price a {
	pointer-events: none;
	background: #ccc!important;
}