<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}
*::after,
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	font-family: 'Lato', sans-serif;
	background: #fff;
}

/*header
-----------------------------------*/

header a{color:#009FE6;}

header {
	background-color:rgba(255,255,255,0.8);
	color: #009FE6;
	height:80px;
	z-index:99999;
	position: fixed !important;
    top: 0;  
    left: 0;  
    width: 100%;
	-webkit-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.1);
    box-shadow: 0 10px 6px -6px rgba(0,0,0,0.1);
}

header div ul li{
	float:left;
	padding-left:20px;
}
/*.logo {
	height:65px !important;
	width:300px;
	background:url("../img/common/logo.png") no-repeat 0 15px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	float:left;
	margin:10px 0 0 0;
	padding:0 !important;
    position: absolute;
    left: 30px;
}*/

header div {
	max-width:100%;
	margin:0 auto;
}
header div ul {
	width:280px;
	float:right;
	margin-top:5px;
    position: absolute;
    right: 340px;
}

@media screen and (max-width: 980px) {

header div ul {
	width:280px;
	float:right;
	margin-top:5px;
    position: absolute;
    right: 75px;
}
}
.language{
	padding-left:10px;
	background:url("../img/common/icon_01.png") no-repeat 0 center;
	height:30px;
	font-size:13px;
	margin:0 0 0 15px;
        padding-top: 8px;
}
.share_fb{margin:5px 0 0 128px;}
.share_tw{padding:5px 0 0 10px;}

/* footer
-----------------------------------*/
#footer {
	font-size:25px;
	text-align:center;
	margin:0 auto;
	clear:both;
	color:#fff;
	letter-spacing:5px;
	background:#353535;
}
#footer div{
	padding-top:30px;
}
#copy{
	padding:20px 0 10px 0;
	color:#FFF;
	letter-spacing:1px;
	font-size:13px;
}

.hero_content {
	height:400px;
    background:#FBE5E6 url(../img/common/hero.png) no-repeat top center; 
}
.hero_content div {
	max-width:1080px;
	margin:0 auto;
	padding:80px 0 0 0;
}
.hero_content div img{
	max-width:610px;
}
.hero_content div p{
	margin:30px 0;
}
.hero_content div li{
	float:left;
	margin-right:20px;
	width:200px;
	text-align:center;
	display:inline-block;
}
.hero_content div li a{
	color:#fff;
	text-decoration:none; 
	font-size:20px;
	display:block; 
	padding:20px 0;
	width:200px;
}
.hero_content div li:nth-last-child(2){ background: #fc3c75; }
.hero_content div li:nth-last-child(1){ background:#4f74c2; }
.hero_content div li:nth-last-child(2):hover{ background:#FB5686; }
.hero_content div li:nth-last-child(1):hover{ background:#6885C6; }



#main{
	height:800px;
	border-top:1px solid #FFF;
}

#main h2{
	width:1080px;
	font-size:55px;	
	font-family:'font2';
	margin:100px auto 40px auto;
	padding:40px 0 0 0;
	letter-spacing:1px;
	height:55px;
	text-shadow: 2px 2px 15px #fff,-2px 2px 15px #fff,2px -2px 15px #fff,-2px -2px 15px #fff;
	/*overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background:url("../img/common/ttl_kidsfreeprogram.png") no-repeat;*/
}
#main h2.psk_logo img{ width:670px;margin:-20px 0 0 -10px;}

/*slideshow
-----------------------------------*/
.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height:800px;
    top: 0px;
    left: 0px;
    z-index:-2;
}



/*#main-visual {
	background: #1d76a6;
	height: 700px;
}*/
#main-visual {
    width: 100%;
    position: relative;
overflow: hidden;
    height: calc(100vh - 0px); 

}

#main-visual h1{
    display: block;
    margin: auto;
position: absolute;
    text-align: center;
    bottom: 100px;
    left: 30px;
    z-index: 999;
}
#main-visual h1 img{
    max-width: 100%;
    height: auto;
}
#main-visual .kids{
        display: block;
    margin: auto;
position: absolute;
    text-align: center;
    bottom: 80px;
    right: 30px;
    z-index: 999;
    
}
#main-visual p{
    display: block;
    max-width: 1100px;
    margin:  auto;
}

.full{
    position: relative;
}

.full div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
    height: calc(100vh - 250px); 
  margin: 0;
}
.full div.img01 {
  background-image: url("../img/slide/01.jpg");
  background-position: top center;
}
.full div.img02 {
  background-image: url("../img/slide/02.jpg");
  background-position: top center;
}
.full div.img03 {
  background-image: url("../img/slide/03.jpg");
  background-position: top center;
}
.full div.img04 {
  background-image: url("../img/slide/04.jpg");
  background-position: top center;
}
.full div.img05 {
  background-image: url("../img/slide/05.jpg");
  background-position: top center;
}
.full div.img06 {
  background-image: url("../img/slide/06.jpg");
  background-position: top center;
}
.full div.img07 {
  background-image: url("../img/slide/07.jpg");
  background-position: top center;
}
/*.slick-slider .slick-list {
  padding: 0 30% 0 0;
}*/
.full {
    display: none;
}
.full.slick-initialized {
    display: block;
}
.slick-slider{
    margin: 0 -5px;
}

.full div {
  margin: 0 5px;
  min-height: 400px;
}

@media screen and (max-width: 480px) {

.full div {
  margin: 0 5px;
  min-height: 300px;}

.full div.img01 {
  background-image: url("../img/slide/01.jpg");
  background-position: top center;
}
.full div.img02 {
  background-image: url("../img/slide/02.jpg");
  background-position: top center;
}
.full div.img03 {
  background-image: url("../img/slide/03.jpg");
  background-position: 30% 50%;
  background-size: 170%;
}
.full div.img04 {
  background-image: url("../img/slide/04.jpg");
  background-position: top center;
}
.full div.img05 {
  background-image: url("../img/slide/05.jpg");  
  background-position: 60% 50%;
  background-size: 170%;
}
.full div.img06 {
  background-image: url("../img/slide/06.jpg");
  background-position: 60% 50%;
  background-size: 170%;
}
.full div.img07 {
  background-image: url("../img/slide/07.jpg");
  background-position: top center;
}

}



article {
	/*margin: 80px auto;*/
	margin: 0px auto;
	text-align: center;
	line-height: 1.8;
        padding: 80px 0;
}

article section{
    max-width: 1040px;
    margin: auto;
}
article section figure{
    margin-bottom: 30px;
}

article#top_commnet {
	margin: 30px auto!important;
	text-align: center;
	line-height: 1.8;
    padding: 0;
}

article#top_commnet p {
    font-size: 1.2em;
}
article#kids{
    background: #00bee6;
    position: relative;
}
article#kids::before{
content: "";
    background: url(../img/kids_obi.png) repeat-x;
    height: 28px;
    position: absolute;
    top: -28px;
    left: 0;
    width: 100%;
    right: 0;
    margin: auto;
}
article#kids p{
    color: #fff;
    margin-bottom: 40px;
}
article#kids ul{
    display: flex;
    flex-direction: row;
	flex-wrap:wrap;
	justify-content: space-between;
	margin-bottom: 40px;
    max-width: 1000px;
    margin: 0 auto 20px auto;
    padding: 0px;
    position: relative;    
}
article#kids li{
    width: calc(100% / 2 - 20px);
    margin-bottom: 30px;
    padding: 30px;    
    text-align: center;
    flex-direction: column;
    display: flex;
    background: #fff;
    border-radius: 10px;
}
article#kids li img{
    width: auto;
}

article#kids li a{
    margin-top: auto;
font-size: 0.9em;
}
article#kids li figure img{
    margin-bottom: 10px;
}

article#kids li p{
    color: #000;
    text-align: left;
    margin: 0;
    font-size: 0.9em;
}

article#exp{
    background: #8c73b7;
    position: relative;
}
article#exp::before{
content: "";
    background: url(../img/exp_obi.png) repeat-x;
    height: 28px;
    position: absolute;
    top: -28px;
    left: 0;
    width: 100%;
    right: 0;
    margin: auto;
}
article#exp p{
    color: #fff;
    margin-bottom: 40px;
}

article#ski_area h2{
    margin-bottom: 100px;
}

article#ski_area section{
    background: url("../img/skki_map.png") no-repeat center;
    position: relative;
    height: 650px;
    max-width: 1000px;
margin: 0 auto;
}

article#ski_area section div{
	background: #1cb3d7;
	padding: 20px 10px;
	position: absolute;
	width: 250px;
	border-radius: 20px;
}

article#ski_area section div.hok{
    left: 0;
    top: -40px;
}
article#ski_area section div.toh{
    right: 0;
    top: 160px;
}
article#ski_area section div.nij{
    left: 0;
    top: 120px;
}
article#ski_area section div.nij a{
    margin-bottom: 10px!important;
}
article#ski_area section div.nij a:last-child{
    margin-bottom: 0!important;
}
article#ski_area section div.nag{
    left: 0;
    top: 415px;
}
article#ski_area section div.nag a{
    margin-bottom: 10px!important;
}
article#ski_area section div.nag a:last-child{
    margin-bottom: 0!important;
}
article#ski_area section div.gum{
    right: 0;
    top: 310px;
}
article#ski_area section div.sai{
    right: 0;
    top: 460px;
}


article#ski_area section div h3{
    font-size: 2em;
    margin-bottom: 5px;
    letter-spacing: 0.1em;
font-family: futura-pt, sans-serif;
    font-weight: 600;
}
article#ski_area section div a{
  display: block;
  padding: 0;
  text-decoration: none;
  color: #000;
    background: #fff;
    border: #fff 3px solid;
  border-radius: 25px;
    max-width: 100%;
    margin: 0 auto 0 auto!important;
    font-size: 0.9em;
    text-align: center;
    position: relative;margin-bottom: 60px;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;      
}
article#ski_area section div a::before{
    display: none;
}
article#ski_area section div a:hover {
  background:  #004b83;
    opacity: 1;
    color: #fff;

}

article#ski_area ul{
    display: flex;
    flex-direction: row;
	flex-wrap:wrap;
	justify-content: center;
	margin-bottom: 40px;
    max-width: 1000px;
    margin: 0 auto 20px auto;
    padding: 0px;
    position: relative; 
}
article#ski_area li{
        width: calc(100% / 3 - 10px);
    margin: 5px 5px;
    text-align: center;
        flex-direction: row;
	flex-wrap:wrap;    
    justify-content: space-between;
}
article#ski_area li img{
    max-width: 100%;
    width: 100%;
    height: auto;
}



article p {
	margin-bottom: 1em;
}
a {
	color: #0b8793;
}
.str a{
    color: #fff;
}

#sayama .subcont a {
	color: #fff;
}

figure img{
    width: 100%;
    max-width: 100%;
    height: auto;
}

/*article a::before{
    content: "&gt;";
    margin-right: 5px;
display: inline-block;
}*/

article h2{
font-family: futura-pt, sans-serif;
font-style: normal;
font-weight: 600;
    letter-spacing: 0.1em;
    font-size: 2.4em;
    color: #00bee6;
    margin-bottom: 45px;
    line-height: 1.4;
}

.btn {
  display: block;
  padding: 1.5em 0;
  text-decoration: none;
  color: #FFF;
    border: #fff 3px solid;
  border-radius: 50px;
    max-width: 500px;
    margin: auto;
    font-size: 1em;
    text-align: center;
    position: relative;margin-bottom: 60px;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;    
}

.btn:hover {
  background:  #004b83;
    opacity: 1;

}
.btn::before {
    display: none;
}

footer {
	padding: 30px;
	text-align: center;
    background: #dededf;
}

footer #blocks{
        border-bottom: #fff 1px solid;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
footer #block01{
    display: table;
    max-width:1100px;
    margin: auto;

}
footer #block01 h3{
display: table-cell;
    vertical-align: middle;
    width: 100%;
}
footer #block01 h3 span{
    position: absolute;
    top: 7px;
    /*margin-left: 10px;*/
	left: 40%;
}
footer #block01 h3 span a{
    color: #000;
    text-decoration: underline;
}

footer #block01 &gt; h3:first-child {
    text-align: left;
    position: relative;
}

footer #spot{
    margin: 0 auto;
    padding: 0;
    max-width: 1100px;
    display: flex;    
}
footer #spot div{
        margin-bottom: 30px;
    padding: 0px;    
    text-align: center;
    flex-direction: column;
}


footer #spot div:first-child{
        width: 40%;
        margin-right: 40px;
}
footer #spot div:nth-child(2){
        width: 33%;
        margin-right: 40px;
}
footer #spot dt{
    width: 80px;
    float: left;
    text-align: center;
    font-size: 0.9em;
}

footer #spot dd{
    padding-left: 85px;
    text-align: left;
}
footer #spot div:nth-child(2) dt{
    width: 50px;
}
footer #spot div:nth-child(2) dd{
    padding-left: 55px
}
footer #spot div:last-child dd{
    /*padding-left: 110px*/
	padding-left: 80px;
}

footer #spot dd ul{
    text-align: left;
}
footer #spot dd li{
    display:inline-block;
    margin-right: 7px;
}
footer ul.link{
    max-width: 1100px;
    margin: 0 auto 30px auto;
}
footer ul.link li{
    display: table-cell;
    position: relative;
    /* width: calc(100% / 8); */
    /* width: 1%; */
    /* width: inherit; */
    font-size: 0.9em;
    text-align: center;
    padding: 0 22px;
}

footer ul.link li:last-child::after{
    display: none;
}
footer ul.link li::after{
    content: "|";
    position: absolute;
    right: 0;
}
footer ul.link + p{
    max-width: 1100px;
    text-align: right;
    margin: auto;
    font-size: 0.8em;
}

footer a{
	color: #000;
	text-decoration: underline;
 font-size: 0.9em;
}

article#ski_area #safety{display: flex; justify-content: space-between; max-width: 650px; margin: 40px auto 30px; border: 1px solid  #0b8793;}
article#ski_area #safety ul{margin: 0;}
article#ski_area #safety li{text-align: left; width: 280px; padding: 10px;}
article#ski_area #safety li:last-child{width: calc(100% - 320px); padding: 5px;}
article#ski_area #safety h3{color: #0b8793; font-size: 1.3em; margin-bottom: 10px; font-weight: bold;}



/* ▲▲▲ここまではナビゲーションに関係ない設定▲▲▲ */

.inner {
    width: 100%;
	margin: 0 auto;
    padding: 0 60px;
    height: 80px;
}
.inner:after {
	content: "";
	clear: both;
	display: block;
}

/* header */
#top-head {
    font-size: 14px;
    top: 0;
    position: fixed;
    width: 100%;
    margin: 0 auto;
    /* margin: 120px auto 0; */
    /* padding: 30px 0 0; */
    line-height: 1;
    z-index: 9999999999;
    background: #fff;
    height: 80px;
}
#top-head a,
#top-head {
	color: #000;
	text-decoration: none;
}
#top-head .inner {
	position: relative;
}
#top-head .logo {
	float: left;
	font-size: 36px;
    position: absolute;
left: 20px;
    top: 20px;    
}
#global-nav ul {
	list-style: none;
	position: absolute;
	right: 0px;
	bottom: 0;
	font-size: 14px;
      width: 300px!important;
    padding: 0;
    margin-top: 0;
    
}
#global-nav ul li {
	float: left;
	position: relative;
    height: 80px;
      width: 300px!important;
    padding: 0;

  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;        
}

#global-nav ul li a {
    padding: 0 30px;
    line-height: 80px; 
    height: 80px; 
    display: block; 
    
}
#global-nav ul li:last-child a{
    background: #00bee6;
    color: #fff!important;
    text-align: center;
    position: relative;
}
#global-nav ul li:last-child a::after{
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border: 2px solid;
    border-color: #fff #fff transparent transparent;
    transform: rotate(135deg);
    bottom: 0;
    top: -10px;
    margin: auto;
    right: 58px;
}
#global-nav ul li:hover{
    background: #00bee6;

}
#global-nav ul li:hover a{
    color: #fff;
}



.sub {
  position: absolute;
  left: 0;
  top: 80px;
  display: none;
  width: 100%;
  z-index: 3;
}
.sub &gt; li &gt; a {
  font-size: 15px;
  color: #fff;
  line-height: 40px!important;
  background-color: #0071b9;
}
.sub &gt; li{
    /*height: 60px!important;*/
    height: 40px!important;

}
.sub &gt; li:first-child a{
background: #002136!important;
}
.sub &gt; li:last-child a{
    /*height: 60px!important;*/
    height: 40px!important;
}


.sub &gt; li a::after{
    display: none;
}
.sub &gt; li &gt; a:hover {
  background-color: #004b83!important;
  opacity: 1;
}

/* Btn Hover */
/*#global-nav ul li:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	bottom: -20px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}*/
#global-nav ul li:hover:after {
	background: #fff;
	bottom: -30px;
}



/* Toggle Button */
#nav-toggle {
	display: none;
	position: absolute;
	right: 12px;
	top: 14px;
	width: 34px;
	height: 36px;
	cursor: pointer;
	z-index: 101;
}

#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #666;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 11px;
}
#nav-toggle span:nth-child(3) {
	top: 22px;
}

article#area_name{
    margin: 0;
    padding: 20px 0;
    position: relative;
    background: #00bee6;
}
article#area_name::after{
    content: "";
    position: absolute;
    bottom: -27px;
    height: 28px;
    left: 0;
    width: 100%;
    background: url(../img/kids_obi.png) repeat-x;
}

article#area_name h2{
    color: #fff;
    margin-bottom: 0;
}
article#detail h2{
margin-bottom: 20px;    
}

.link_btn{
    display: flex;
    flex-direction: row;
	flex-wrap:wrap;
	justify-content: space-between;
    /*max-width: 700px;*/
    max-width: 500px;
    margin: 0 auto 10px auto;
    padding: 0px;
    position: relative;    
}
.cent{
	justify-content: center!important;
    
}
/*.link_btn div{
    width: calc(100% / 2 - 5px);
    text-align: center;
    flex-direction: column;
    display: flex;
}*/

.link_btn div{
    width: 100%;
    text-align: center;
}

.link_btn div a{/*
display: flex;
    padding: 10px 0;
    text-decoration: none;
    color: #FFF;
    width: 100%;
    border: #fff 3px solid;
    background: #00bee6;
    margin: 0 auto 0 auto!important;
    font-size: 1em;
    text-align: center;
    position: relative;
    margin-bottom: 60px;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    /* line-height: 25px; */
    /*align-items: center;
    text-align: center;
    justify-content: center;*/
}
.sm{
    font-size: 0.9em;
    
}

.link_btn div a:hover {
 /* background:  #004b83;
    opacity: 1;*/

}
.link_btn div a::before {
    display: none;
}
.link_btn02{
	/*margin-bottom: 40px;
    max-width: 700px;
    margin: 0 auto 20px auto;
    padding: 0px;
    position: relative;   */ 
}
.link_btn02 a{/*
  display: block;
  padding: 10px 0;
  text-decoration: none;
  color: #FFF;
    width: 100%;
    border: #fff 3px solid;
    background: #ff9729;
    margin: 0 auto 10px auto!important;
    font-size: 1em;
    text-align: center;
    position: relative;margin-bottom: 60px;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;   */ 
  padding: 0 20px;
}

.link_btn02 a:hover {/*
  background:  #004b83;
    opacity: 1;*/

}
.link_btn02 a::before {
    display: none;
}

.link_btn div a::before,
.link_btn02 a::before{ content: "＞"; display: inline-block;}


article#kids_sub{
    background: #00bee6;
    position: relative;
}
article#kids_sub::before{
content: "";
    background: url(../img/kids_obi.png) repeat-x;
    height: 28px;
    position: absolute;
    top: -28px;
    left: 0;
    width: 100%;
    right: 0;
    margin: auto;
}
article#kids_sub p{
    color: #fff;
    margin-bottom: 40px;
}
article#kids_sub ul{
    display: flex;
    flex-direction: row;
	flex-wrap:wrap;
	justify-content: space-between;
	margin-bottom: 40px;
    max-width: 1000px;
    margin: 0 auto 20px auto;
    padding: 0px;
    position: relative;    
}
article#kids_sub li{
    width: calc(100% / 2 - 20px);
    margin-bottom: 30px;
    padding: 30px;    
    text-align: center;
    flex-direction: column;
    display: flex;
    background: #fff;
    border-radius: 10px;
}
article#kids_sub li img{
    width: auto;
}

article#kids_sub li a{
    margin-top: auto;
font-size: 0.9em;
}
article#kids_sub li figure img{
    margin-bottom: 10px;
    width: auto;
}
p.large{
    font-size: 1.8em;
    margin-bottom: 5px!important;
}

article#kids_sub li p{
    color: #000;
    text-align: left;
    margin: 0;
    font-size: 0.9em;
}
article#kids_sub .subcont{
    max-width: 900px;
    margin: 60px auto;
    padding: 60px 0;
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
}
article#kids_sub .subcont02{
    border-top: none;
    border-bottom: none;
    margin: 60px auto 0 auto;
    padding: 60px 0 0 0;
}




article#kids_sub .subcont h3{
    font-size: 1.4em;color: #fff;
font-family: vdl-logona, sans-serif;
font-weight: 600;
}
article#kids_sub .subcont p{
    font-size: 0.9em;
    margin: 0 0 40px 0;
}
article#kids_sub .program{
    display: flex;
    flex-direction: row;
	flex-wrap:wrap;
	justify-content: space-between;
	margin-bottom: 0px;
    max-width: 1000px;
    margin: 0 auto 20px auto;
    padding: 0px;
    position: relative;    
}
article#kids_sub .program div{
    width: calc(100% / 2 - 10px);
    margin-bottom: 15px;
    text-align: center;
    flex-direction: column;
    display: flex;
    color: #fff;
}
article#kids_sub .program div.str{
    width: 100%;
    display: block;
    text-align: left;
}

article#kids_sub .program div.str h4{
    font-weight: 600;
    margin-bottom: 5px;
}
article#kids_sub .program div.str p{
    line-height: 1.4;
    margin: 0 0 10px 0;
}
article#kids_sub .program div.str dl{
    margin: 0;
    padding: 0;
    font-size: 0.8em;
}
article#kids_sub .program div.str dt{
    float: left;
    width: 7em;
    line-height: 1.4;

}
article#kids_sub .program div.str dd{
    padding-left: 8em;
    line-height: 1.5;
    margin-bottom: 0.6em;
}


.btn_plus {
  display: block;
  padding: 15px 0;
  text-decoration: none;
  color: #FFF;
    border: #fff 3px solid;
  border-radius: 50px;
    max-width: 500px;
    margin: auto;
    font-size: 1em;
    text-align: center;
    position: relative;margin-bottom: 60px;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;    
}

.btn_plus span{
    position: relative;
    font-weight: 600;
}

.btn_plus span::after{
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border: 2px solid;
    border-color: #fff #fff transparent transparent;
    transform: rotate(45deg);
    bottom: 0;
    top: 0;
    margin: auto;
    right: -40px;
    
}

.btn_plus:hover {
  background:  #004b83;
    opacity: 1;

}
.btn_plus::before {
    display: none;
}

article#exp_sub{
    background: #8c73b7;
    position: relative;
    
}
article#exp_sub::before{
content: "";
    background: url(../img/exp_obi.png) repeat-x;
    height: 28px;
    position: absolute;
    top: -28px;
    left: 0;
    width: 100%;
    right: 0;
    margin: auto;
}
article#exp_sub p{
    color: #fff;
    margin-bottom: 40px;
}
article#exp_sub .exp_cont{
    display: flex;
    flex-direction: row;
	flex-wrap:wrap;
	justify-content: space-between;
	margin-bottom: 0px;
    max-width: 1000px;
    margin: 60px auto 0 auto;
    padding: 0px;
    position: relative;    
}
article#exp_sub .exp_cont div{
    width: calc(100% / 2 - 20px);
    margin-bottom: 0px;
    text-align: center;
    flex-direction: column;
    display: flex;
    color: #fff;
}
article#exp_sub .exp_cont div + div{
    text-align: left;
}

article#exp_sub .exp_cont h3{
    font-size: 1.2em;
    border-bottom: #fff 1px solid;
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-weight: 600;
}
article#exp_sub .exp_cont p{
    font-size: 0.9em;
    line-height: 1.5;
    margin-bottom: 15px;
}
article#exp_sub .exp_cont dl{
    margin: 0;
    padding: 0;
    font-size: 0.8em;
}
article#exp_sub .exp_cont dt{
    float: left;
    width: 9em;
    line-height: 1.4;

}
article#exp_sub .exp_cont dd{
    padding-left: 10.5em;
    line-height: 1.5;
    margin-bottom: 0.6em;
}
article#exp_sub .exp_cont dd dl.fare{
    font-size: 0.9em;
    margin-top: 5px;
}
article#exp_sub .exp_cont dd dl.fare dt{
    float: none;
    width: 8.5em;
    display: block;
}
article#exp_sub .exp_cont dd dl.fare dd{
    padding-left: 0em;
}

article#exp_sub .exp_cont dd dl.fares dt{
    width: 100%!important;
}
article#exp_sub .exp_cont dd dl.fares dd{
    padding-left:0em!important;
}



article#access h2{
    font-size: 2em;
    color: #000;
}
article#access ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 40px;
    max-width: 1000px;
    margin: 0 auto 20px auto;
    padding: 0px;
    position: relative;
}
article#access li{
width: calc(100% / 3 - 10px);
    margin: 5px 5px;
    text-align: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
article#access li img {
    max-width: 100%;
    width: 100%;
    height: auto;
}
article#access .g_srv{
    display: flex;
    flex-direction: row;
	flex-wrap:wrap;
	justify-content: space-between;
	margin-bottom: 0px;
    max-width: 1000px;
    margin: 60px auto 60px auto;
    padding: 0px;
    position: relative;    
}
article#access .g_srv div{
    width: 63%;
    margin-bottom: 0px;
    text-align: center;
    flex-direction: column;
    display: flex;
    color: #fff;
}
article#access .g_srv small{
    margin-bottom: 15px;
}
article#access .g_srv div p{
    color: #000;
    font-size: 0.9em;
    text-align: left;
    line-height: 1.4;
        margin-top: 10px;
}
article#access .g_srv div iframe{
    width: 100%;
}

article#access .g_srv div + div{
    width: 34%;
}
.pc{display: block;}
.sp{display: none;}
  .open {
    display:block;
  }
  .close {
    display:block;
  }
/*furano*/
#furano #main-visual{
    background: url("../img/furano/furano.jpg") no-repeat;
    background-size: cover;
    background-position: 50%,50%;
    /*height: calc(65vh - 0px);     */
}
#naeba #main-visual{
    background: url("../img/naeba/naeba.jpg") no-repeat;
    background-size: cover;
    /*background-position: 50%,50%;*/
    background-position: 50% 40%;
    /*height: calc(65vh - 0px);     */
}
#karuizawa #main-visual{
    background: url("../img/karuizawa/karuizawa.jpg") no-repeat;
    background-size: cover;
    /*background-position: 50%,50%;*/
    background-position: 50% 60%;
    /*height: calc(65vh - 0px);   */  
}
#hakkaisan #main-visual{
    background: url("../img/hakkaisan/hakkaisan.jpg") no-repeat;
    background-size: cover;
    background-position: 50% 20%;
    /*height: calc(65vh - 0px);   */ 
}
#myoko #main-visual{
    background: url("../img/myoko/myoko.jpg") no-repeat;
    background-size: cover;
    /*background-position: 50%,50%;*/
    background-position: 50% 30%;
    /*background-position: top center;*/
    /*height: calc(65vh - 0px);   */ 
}
#manza #main-visual{
    background: url("../img/manza/manza.jpg") no-repeat;
    background-size: cover;
    background-position: 50%,50%;
    /*height: calc(65vh - 0px);   */ 
}
#shiga #main-visual{
    background: url("../img/shiga/shiga.jpg") no-repeat;
    background-size: cover;
    background-position: 50%,50%;
    /*height: calc(65vh - 0px);   */  
}
#shizukuishi #main-visual{
    background: url("../img/shizukuishi/shizukuishi.jpg") no-repeat;
    background-size: cover;
    background-position: 50%,50%;
    /*height: calc(65vh - 0px);   */  
}
#kagura #main-visual{
    background: url("../img/kagura/kagura.jpg") no-repeat;
    background-size: cover;
    /*background-position: 50%,50%;*/
    background-position: 50% 10%;
    /*height: calc(65vh - 0px);   */ 
}
#sayama #main-visual{
    background: url("../img/sayama/sayama.jpg") no-repeat;
    background-size: cover;
    /*background-position: 50%,50%;*/
    background-position: 50% 30%;
    /*height: calc(65vh - 0px);   */ 
}

#furano #main-visual,
#naeba #main-visual,
#karuizawa #main-visual,
#hakkaisan #main-visual,
#myoko #main-visual,
#manza #main-visual,
#shiga #main-visual,
#shizukuishi #main-visual,
#kagura #main-visual,
#sayama #main-visual{height: calc(80vh - 0px);}

@media screen and (max-width: 480px) {
#furano #main-visual,
#naeba #main-visual,
#karuizawa #main-visual,
#hakkaisan #main-visual,
#myoko #main-visual,
#manza #main-visual,
#shiga #main-visual,
#shizukuishi #main-visual,
#kagura #main-visual,
#sayama #main-visual{height: calc(50vh - 0px);}

}




@media screen and (max-width: 1025px) {

footer ul.link li {
    padding: 0 13px;
}
}

@media screen and (max-width: 980px) {
    .pc{
        display: none;
    }
	article {
padding: 60px 10px 30px 10px;

	}
	.inner {
		width: 100%;
		padding: 0 20px;
	}
	#global-nav ul li a {
		padding: 0 20px;
	}
	#top-head.fixed #global-nav ul li a {
		padding: 0 15px;
	}
	
	#global-nav ul li { height: 50px; width: 100%!important;}
	#global-nav ul li a {
    line-height: 50px; 
    height: 50px;}
	.dropdown-btn{margin-top: 20px;}
	
	
    #main-visual h1{
    bottom: 58px;
		margin: 0 auto;
		left: 0;
    /*left: -63px;*/
    }
    #main-visual h1 img{
        max-width: 90%;
        height: auto;
    }
    footer #spot div:first-child {
    width: 63%;
}
    footer #spot div:nth-child(2) {
    width: 48%;
}
    
footer ul.link li {
    display: inline-block;
    width: calc(100% / 5);
    /* width: calc(100% / 8); */
    /* width: 1%; */
    /* width: inherit; */
    padding: 0 13px;
}    
    footer ul.link li:nth-child(4)::after{
        display: none;
        
    }   
article#ski_area section{
    margin:  0 10px;
    }
    
}


@media screen and (max-width: 840px) {
header div {

    padding: 0px;
}    
    /*
.logo {
    width: 150px;
    background: url(../img/common/logo.png) no-repeat 0 15px;
background-size: contain;
}  */  
header div ul {
    width: 180px;
    margin-top: 10px;
        z-index: 999999;
    right: 60px;
    top: 10px;
}    
    header div ul li.logo_02{
        width: 90px;
    }     
    header div ul li.logo_02 img{
        max-width: 100%;
        height: auto;
    }  
    .share_fb {
    margin: 5px 0 0 0px;
}
    
    .hero_content h3 a img{
        max-width: 65%;
        height: auto;
    }
    
.hero_content div img {
    max-width: 100%;
    height: auto;
}    
    .hero_content {
    height: 335px;
    background: #FBE5E6 url(../img/common/hero.png) no-repeat top center;
    background-size: cover;
    padding: 0 10px;
    margin-bottom: 40px;
    }
    .hero_content div li {
    width: 50%;
        margin-right: 0;
}
    .hero_content div li a{
        width: 100%;
    }
    
	#top-head,
	.inner {
		width: 100%;
		padding: 0;
	}
	#top-head {
		top: 0;
		position: fixed;
		margin-top: 0;
	}
	/* Fixed reset */
	#top-head.fixed {
		padding-top: 0;
	}


	#mobile-head {
		width: 100%;
		height: 80px;
		z-index: 999;
		position: relative;
	}
	#top-head.fixed .logo,
	#top-head .logo {
		position: absolute;
		left: 13px;
		top: 13px;
		color: #333;
		font-size: 26px;
	}

	#global-nav {
		position: absolute;
		/* 開いてないときは画面外に配置 */
		top: -1500px;
		background: #333;
		width: 100%;
		text-align: center;
		padding: 0;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}
	#global-nav ul {
		list-style: none;
		position: static;
		right: 0;
		bottom: 0;
		font-size: 11px;
        width: 100%!important;
	}
	#global-nav ul li {
		float: none;
		position: static;
        width: 100%;
        margin: 0;
        padding: 0;
	}
	#global-nav ul li:after  {
		display: none;
	}
	#top-head #global-nav ul li a,
	#top-head.fixed #global-nav ul li a {
		width: 100%;
		display: block;
		color: #fff;
		/*padding: 18px 0;*/
		padding: 0 0 18px;
	}
	#nav-toggle {
		display: block;
        padding: 0;
	}
	/* #nav-toggle 切り替えアニメーション */
	.open #nav-toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
	/* #global-nav スライドアニメーション */
	.open #global-nav {
		/* #global-nav top + #mobile-head height */
		-moz-transform: translateY(1580px);
		-webkit-transform: translateY(1580px);
		transform: translateY(1580px);
	}
    
footer #spot div:first-child {
    width: 94%;
    margin-right: 0;
}
footer #spot div:nth-child(2) {
    width: 80%;
    margin-right: 0;
}  
    
 footer ul.link li {
    display: inline-block;
    width: calc(100% / 5 - -6px);
    /* width: calc(100% / 8); */
    /* width: 1%; */
    /* width: inherit; */
    padding: 0px 0px;
}   
article#top_commnet p {
    font-size: 1em;
}   
article#access .g_srv div {
    width: 53%;
    }
article#access .g_srv div + div {
    width: 46%;
}    
        #kids_sub img,#exp_sub img{
        width: 96%;
        max-width: 96%;
        height: auto;
    }  
    #top-head {
        height: 80px;
    }
    #furano #main-visual{
    background-position: 50%,50%;
}
}
@media screen and (max-width: 680px) {
footer #spot {

    display: block;
    }
footer #spot div:first-child {
    width: 100%;
    margin-right: 0;
}    
footer #spot dt {
    width: 80px;
    float: left;
    text-align: center;
    font-size: 0.9em;
}    
    footer #spot div:nth-child(2) dt {
    width: 80px;
}
footer ul.link li {
    width: calc(100% / 5 - -25px);
    }
    
    #furano #main-visual {

    height: calc(75vh - 0px);
}
    

}


@media screen and (max-width: 480px) {
.pc{display: none;}
.sp{display: block;}    
    
    .logo img{
        max-width: 90%;
        height: auto;
        
    }
    
    article#ski_area{
margin: 0 auto 60px auto;
        padding: 0;

    }    
    
	#main-visual {
		height: 70vh;
	}


#main-visual h1 {
    bottom: 0px;
}


#main-visual h1 img {
    max-width: 65%;
}
    #main-visual .kids img{
        max-width: 40%;
    }    
#main-visual .kids {
    /*bottom: 70px;*/
    bottom: 90px;
    right: -101px;
}    

article#top_commnet p {
    font-size: 0.9em;
    margin: 0 10px;    
}
    article p{
        font-size: 0.9em;
    }
article#kids ul {
display: block;
    }
    article#kids li{
        width: 100%;
    }
    article#ski_area h2 {
line-height: 1;
        margin-bottom: 20px;
}
    
article#ski_area section div {
display: block;
    width: 100%;
    position: static;
    margin-bottom: 15px;
}    
article#ski_area section {
    background: none;
    position: relative;
    height: auto;
margin-bottom: 60px;
}    
    article#ski_area ul{
        display: block;
        margin: auto 10px;
    }    
    article#ski_area li {
    width: 100%;
        margin-bottom: 10px;
        text-align: center;
        display: block;
    }
    footer #block01 {
    display: grid;
}
    
footer #block01 &gt; h3:first-child {
    text-align: center;
    position: relative;
    margin-bottom: 10px;
}
    footer #block01 h3 span {
    position: static;
    top: 7px;
    /*margin-left: 10px;*/
    display: block;
    width: 100%;
	left: auto;
}
    footer #spot dt {
    text-align: left;
}
    
    
    footer #spot{
        display: block;
    }    
    
footer #spot div:first-child {
    width: 100%;
}    
  footer #spot div:nth-child(2) {
    width: 100%;
}  
footer #spot div:nth-child(2) dt {
    width: 80px;
}  
footer #spot dd {
    padding-left: 80px;
}    
footer #spot dd li {
    margin-right: 0;
	display: block;
}    
footer ul.link li {
    width: calc(100% / 2 - 2px);
    padding: 4px;
    }
    footer ul.link li:nth-child(even)::after{
        display: none;
    }     

footer #spot div:nth-child(3) dd{ padding-bottom: 20px;}
    
	#top-head,
	.inner {
		width: 100%;
		padding: 0;
	}
	#top-head {
		top: 0;
		position: fixed;
		margin-top: 0;
	}
	/* Fixed reset */
	#top-head.fixed {
		padding-top: 0;
		background: transparent;
	}
#top-head {
    height: 80px;
}

	#mobile-head {
		background: #fff;
		width: 100%;
		height: 80px;
		z-index: 999;
		position: relative;
	}
	#top-head.fixed .logo,
	#top-head .logo {
		position: absolute;
		left: 13px;
		top: 13px;
		color: #333;
		font-size: 26px;
        width: 140px;
	}

	#global-nav {
		position: absolute;
		/* 開いてないときは画面外に配置 */
		top: -500px;
		background: #333;
		width: 100%;
		text-align: center;
		padding: 0;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}
	#global-nav ul {
		list-style: none;
		position: static;
		right: 0;
		bottom: 0;
font-size: 16px;
	}
	#global-nav ul li {
		float: none;
		position: static;
	}
	#global-nav ul li:after  {
		display: none;
	}
	#top-head #global-nav ul li a,
	#top-head.fixed #global-nav ul li a {
		width: 100%;
		display: block;
		color: #fff;
		/*padding: 18px 0;*/
		padding: 0 0 18px;
    line-height: 50px;    
	}

    
	#nav-toggle {
		display: block;
	}
	/* #nav-toggle 切り替えアニメーション */
	.open #nav-toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
	/* #global-nav スライドアニメーション */
	.open #global-nav {
		/* #global-nav top + #mobile-head height */
		-moz-transform: translateY(530px);
		-webkit-transform: translateY(530px);
		transform: translateY(530px);
    height: 100vh;    
	}
    #global-nav ul li:last-child a::after{
        display: none;
    }
   .open .sub {
       display: block;
       height: 100vh!important;
    background: #00bee6;
    }  
    .sub{
        display: none;
    }
    
    .sub &gt; li &gt; a {
  font-size: 11px;
  color: #fff;
    line-height: 30px;
  background-color: #0071b9;
    padding: 0!important;
}
.open .sub &gt; li{
    display: inline-block;
    margin: 0 -1px;
    padding: 0;
height: calc(100vh / 11 - 10px)!important;
    }

.sub &gt; li:last-child a {
    height: 40px!important;
}
.sub &gt; li &gt; a {
    line-height: 40px!important;
    height: 40px!important;    
}    
p.large {
    font-size: 1em;
}
    
    #kids_sub img,#exp_sub img{
        width: 96%;
        max-width: 96%;
        height: auto;
    }  
article#kids_sub .program {
    display: block;
    }
    article#kids_sub .program div figure img ,article#exp_sub .exp_cont div figure img{
    max-width: 100%;
        height: auto;
}
    
article#kids_sub .program div{
    width: 100%;
    }   
    article#kids_sub .program div:first-child {
    width: 100%;
    margin-bottom: 20px;
    }    
article#exp_sub .exp_cont {
    display: block;
    }
article#exp_sub .exp_cont div{
    width: 100%;
    }
    article#access .g_srv {
    display: block;
    }
    article#access .g_srv div {
    width: 100%;
        display: block;
    }    
    
article#access .g_srv div iframe {
    width: 100%!important;
}    
article#access .g_srv div + div {
    width: 100%;
}    
article#access ul {
    display: block;
}    
    
article#access li{
        width: calc(100%  - 0px);
    margin-bottom: 5px;

} 
    article#access{
    padding:0px 10px 30px 10px;
    }  
    
    
article#kids_sub .program div.str ,article#exp_sub .exp_cont div + div{
    width: 96%;
    margin: 0 auto;
}    
    
article#kids_sub .subcont02 {
    border-top: none;
    border-bottom: none;
    margin: 30px auto 0 auto;
    padding: 30px 0 0 0;
}    

    article h2{
        font-size: 1.4em;
        line-height: 1.4;
    }    
.link_btn div a{
/*min-height: 80px;*/
}    

/*add*/
.link_btn{font-size: 0.9em;}
.link_btn02{font-size: 0.9em; line-height: 2.5em;}
.link_btn02 a{padding: 0;}

article#detail{padding: 50px 0;}
.h3_kids{width: 80%; margin: auto;}
.full div.img04 {background-position: 70% 0;}

.link_btn02,
.link_btn div{text-align:center; padding: 0 10px;}

}

@media screen and (max-width: 480px){
.logo img {
    max-width: 90%;
    height: auto;
}
article#ski_area li {
    margin: 0;
}

.psh_link{position: relative; padding: 10px 0 0;}
footer #block01 h3 span{position: absolute; top: -20px; display: block;}

article#ski_area #safety{display:block; max-width: 90%; margin: 0px auto 10px; border: 1px solid  #0b8793;}
article#ski_area #safety ul{margin: 0;}
article#ski_area #safety li{text-align: center; width: 100%; padding: 10px 60px;}
article#ski_area #safety li:last-child{width: 100%; text-align: center; padding: 5px;}
article#ski_area #safety h3{color: #0b8793; font-size: 1.1em; margin-bottom: 10px; font-weight: bold; text-align: center;}

}

@media screen and (max-width: 320px){
.logo img {
    max-width: 50%;
    height: auto;
}
}
</pre></body></html>