@charset "UTF-8";
 body {
min-width: 320px;
}
body > main {  overflow: hidden;
}
.sp .bx-wrapper {
min-width: 320px;
width: 100%;
height: 340px;
background: #f7f7f7;
padding-bottom: 20px;
}
.sp .bx-wrapper img {
width: auto;
height: auto; }
.sp .bx-viewport {
overflow: visible !important;
}
.sp .bxslider li {
height: 250px;
position: relative;
}
.sp .category {
left: 0px;
bottom: 0px;
width: 130px;
height: 22px;
padding-top: 1px;
font-size: 1.2rem;
}
.sp .date {
width: 80px;
height: 22px;
left: 130px;
bottom: 0px;
padding-top: 1px;
color: #fff;
font-size: 1.2rem;
}
.sp .post-ttl {
left: 0px;
bottom: -10px;
position: relative;
color: #000;
font-size: 1.6rem;
width: 90%;
height: 65px;
text-align: left;
line-height: 1.4;
font-weight: bold;
z-index: 1;
margin: 0 auto;
}
.sp div#bx-pager a {
margin-right: 15px;
}
.sp #bx-pager a:last-child {
margin: 0px;
}
.sp #bx-pager a {
width: 25px;
}
.sp #bx-pager {
width: 180px;
margin: 0 auto;
}
.sp #index ul.new-post li {
width: 100%;
float: none;
text-align: left;
margin-bottom: 25px;
}
.sp #wrapper {
width: 90%;
margin: 0 auto;
min-width: 90%;
}
.sp .img-wrap {
width: 100%;
height: 165px;
}
.sp .img-wrap > img {
width: 100% !important;
height: auto !important;
}
.sp .fb-count span {
height: 18px;
font-size: 1.5rem;
}
.sp #index ul.new-post li:nth-child(2) {
margin: 0 0 25px 0;
}
#section03 p.new-date {
margin-top: 26px;
}
.sp #section03 ul.post-archive li {
height: auto;
margin-top: 0px;
padding-top: 0px;
border-top: none;
margin-bottom: 25px;
}
.sp #section03 {
width: 100%;
float: none;
margin-top: 0px;
}
.sp #section03 .img-wrap {
position: relative;
overflow: hidden;
width: 100%;
height: 165px;
float: none;
}
.sp #section03 .txt-wrap {
float: none;
text-align: none;
margin-left: 0px;
width: 100%;
text-align: left;
}
.sp #section03 h2.new-ttl {
margin-top: 25px;
height: auto;
}
.sp #section03 ul.post-archive li:last-child {
border-bottom: none;
padding-bottom: 0px;
height: auto;
}
.sp .load_more {
width: 100%;
}
.sp .load_more span {
margin-left: 80px;
}
.sp section#section04 {
float: none;
margin-top: 0px;
margin-left: 0px;
width: 100%;
}
.sp #section04 ul.popular-list {
width: 100%;
}
.sp #section04 .img-wrap02 {
width: 45%;
overflow: hidden;
}
.sp #section04 .img-wrap02 > img {
height: auto;
min-height: 75px;
min-width: 128px;
width: 100%;
}
.sp #section04 .txt-wrap02 {
float: left;
width: 50%;
text-align: left;
margin-left: 10px;
}
.sp p.copyright {
float: none;
padding-right: 0px;
font-size: 1.2rem;
}
.sp .foot_cont {
padding-top: 25px;
}
.sp #category h2 {
font-size: 2.5rem;
margin: 95px 0 10px;
}
.sp #brands h2 {
font-size: 1.65rem;
margin: 95px 0 10px;
}
.sp #resorts h1 {
font-size: 1.65rem;
margin: 95px 0 10px;
}
.sp #resorts h2 {
font-size: 2.5rem;
margin: 50px 0 30px;
}
.resorts_ttl {
font-size: 2.5rem !important;
margin: 95px 0 10px !important;
}
.sp #resorts h3 {
font-size: 2.0rem;
margin: 20px 0 20px;
}
.sp .cat_txt_box p {
font-size: 1.4rem;
margin: 0 0 25px;
}
.sp #category ul.new-post li {
width: 100%;
margin-bottom: 40px;
}  .sp #detail .detail-img {
margin-top: 80px;
width: 100%;
height: auto;
}
.sp #detail .detail-img img {
width: 100%;
height: auto;
} .sp #detail .detail-img .fb-count img {
width: 8px;
height: 12px;
}
#detail .detail-cat {
margin-top: 20px;
}
.sp #detail .detail-cat.trade {
margin-top: 15px;
}
.sp #detail .detail-ttl {
text-align: left;
font-size: 1.8rem;
margin-top: 15px;
}
.sp #detail .detail-date.trade_b {
margin-top: 14px;
}
.sp #detail .detail_sns.clfix {
margin-top: 18px;
}
.sp #detail hr {
margin: 20px 0 30px;
}
.sp #detail .detail_txt iframe,
.sp #detail .detail_txt .su-youtube.su-responsive-media-yes iframe,
.sp #detail .detail_txt .su-vimeo.su-responsive-media-yes iframe { max-width: 640px !important;
max-height: 320px !important; margin: 20px 0;
}
.sp #detail .detail_txt iframe,
.sp #detail .detail_txt .su-youtube.su-responsive-media-yes iframe,
.sp #detail .detail_txt .su-vimeo.su-responsive-media-yes iframe {
max-height: 170px !important;
}
@media screen and (max-width: 768px) { .sp #detail .detail_txt .instagram-movie iframe {max-height: 900px !important;}
}
@media screen and (max-width: 480px) { .sp #detail .detail_txt .instagram-movie iframe {max-height: 840px !important;}
}
@media screen and (max-width: 320px) { .sp #detail .detail_txt .instagram-movie iframe {max-height: 690px !important;}
}
#detail ul.tag_name li {
float: left;
padding: 1px 20px;
height: 20px;
font-size: 1.1rem;
margin-top: 10px;
}
#detail ul.tag_name li:not(:first-child) {
margin-left: 0px;
}
#detail ul.tag_name li:not(:last-child) {
margin-right: 0;
padding: 0
}
#detail ul.tag_name.clfix {
height: auto;
padding-top: 15px;
padding-bottom: 25px;
}
#detail h3.trade_b {
font-size: 2.5rem;
margin: 30px 0;
}
#detail ul.new-post li {
width: 100%;
float: none;
margin-right: 0px !important;
margin-bottom: 25px;
}
#about h2 {
margin: 120px 0 60px;
}
#about h2 img {
width: 80%;
height: auto;
}
#about h3 {
font-size: 1.8rem;
margin-bottom: 30px;
font-weight: bold;
}
#about p.directer {
margin-top: 60px;
font-size: 1.4rem;
}
#plain h2 {
font-size: 2.5rem !important;
margin: 95px 0 50px !important;
}
#contact h2 {
font-size: 2.5rem;
font-weight: bold;
margin: 95px 0 45px;
}
#contact p.contact_txt {
font-size: 1.4rem;
font-weight: normal;
line-height: 1.8;
margin-bottom: 45px;
text-align: left;
}
#contact a.mainlto {
padding-top: 12px;
}
.search-field-sp {
width: 100%;
} footer {
margin-top: 40px;
}
#footerbanner {
padding: 20px;
}
@media screen and (max-width:768px) { .sp .bx-wrapper {
min-height: 641px !important;
}
}
@media screen and (max-width:730px) { .sp .bx-wrapper {
min-height: 640px !important;
}
}
@media screen and (max-width:700px) { .sp .bx-wrapper {
min-height: 610px !important;
}
}
@media screen and (max-width:670px) { .sp .bx-wrapper {
min-height: 590px !important;
}
}
@media screen and (max-width:630px) { .sp .bx-wrapper {
min-height: 560px !important;
}
}
@media screen and (max-width:600px) { .sp .bx-wrapper {
min-height: 530px !important;
}
}
@media screen and (max-width:570px) { .sp .bx-wrapper {
min-height: 500px !important;
}
}
@media screen and (max-width:540px) { .sp .bx-wrapper {
min-height: 480px !important;
}
}
@media screen and (max-width:510px) { .sp .bx-wrapper {
min-height: 470px !important;
}
}
@media screen and (max-width:480px) { .sp .bx-wrapper {
min-height: 430px !important;
}
}
@media screen and (max-width:450px) { .sp .bx-wrapper {
min-height: 410px !important;
}
}
@media screen and (max-width:420px) { .sp .bx-wrapper {
min-height: 390px !important;
}
}
@media screen and (max-width:390px) { .sp .bx-wrapper {
min-height: 370px !important;
}
}
@media screen and (max-width:360px) { .sp .bx-viewport,
.sp .bxslider li { }
}
.movie-wrap iframe {
margin: 15px auto !important;
}
#topbanner a {
display: block;
width: 35%;
bottom: 10px;
right: 10px;
position: fixed;
}
.input.wpcf7-form-control.wpcf7-text {
width: 100%;
}
.contact-form {
width: 100%;
float: left;
box-sizing: border-box;
font-size: 14px;
}
input.wpcf7-form-control.wpcf7-text {
font-size: 14px;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
width: 100%;
float: left;
box-sizing: border-box;
font-size: 14px;
}
input.wpcf7-form-control.wpcf7-text {
width: 100%;
float: left;
box-sizing: border-box;
font-size: 14px;
}
div.wpcf7-validation-errors {
border: none;
display: inline-block !important;
text-align: left;
} .sp #brands ul.new-post li {
width: 100%;
margin-bottom: 40px;
}
.sp #brands .img-wrap {
height: 165px;
}
#brands .brands_txt {
margin: 35px 0 0;
}
.brands__navBox > ul > li {
margin: 0 5px 15px 5px;
}
.brands__navBox {
margin: 0 0 35px;
}
.sp #brands .detail-img {
margin-top: 35px;
width: 100%;
height: auto;
}
.sp #brands .detail-img img {
width: 100%;
height: auto;
}
.sp #brands .trade_b img {
width: 170px;
height: 65px;
}
p.brand-single-name-txt {
font-size: 9px;
font-size: 0.9rem;
position: absolute;
font-family: "TradeGothicNextW01-Bold_693232";
letter-spacing: 0.2rem;
top: 32%;
left: 50%;
color: #fff;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
}
p.brand-single-genre-txt {
font-size: 36px;
font-size: 3.6rem;
position: absolute;
font-family: "TradeGothicNextW01-Bold_693232";
letter-spacing: 0.4rem;
top: 50%;
left: 50%;
color: #fff;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
}
p.article-single-txt {
font-size: 9px;
font-size: 0.9rem;
position: absolute;
font-family: "TradeGothicNextW01-Cond";
letter-spacing: 0.2rem;
top: 75%;
left: 50%;
color: #fff;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
}
p.article-single-txt::before{
position: absolute;
bottom: 135%;
left: 50%;
content:"";
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
display:block;
width:32px;
height:1px;
background-color:#fff;
} .special-description {
background-color: #000000; 
padding: 0px 20px 15px; 
margin: 0 auto;
}
.guidance-banner-article img {
width: 100%;
} .sp #resorts ul.new-post li {
width: 100%;
margin-bottom: 40px;
}
.sp #resorts .img-wrap {
height: 165px;
}
#resorts .resorts_txt {
margin: 35px 0 0;
}
.resorts__navBox > ul > li {
margin: 0 5px 15px 5px;
}
.resorts__navBox {
margin: 0 0 35px;
}
.sp #resorts .detail-img {
margin-top: 35px;
width: 100%;
height: auto;
}
.sp #resorts .detail-img img {
width: 100%;
height: auto;
}
.sp #resorts .trade_b img {
width: 170px;
height: 65px;
}
p.resort-single-name-txt {
font-size: 9px;
font-size: 0.9rem;
position: absolute;
font-family: "TradeGothicNextW01-Bold_693232";
letter-spacing: 0.2rem;
top: 32%;
left: 50%;
color: #fff;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
}
p.resort-single-genre-txt {
font-size: 36px;
font-size: 3.6rem;
position: absolute;
font-family: "TradeGothicNextW01-Bold_693232";
letter-spacing: 0.4rem;
top: 50%;
left: 50%;
color: #fff;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
}
p.article-single-txt {
font-size: 9px;
font-size: 0.9rem;
position: absolute;
font-family: "TradeGothicNextW01-Cond";
letter-spacing: 0.2rem;
top: 75%;
left: 50%;
color: #fff;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
}
p.article-single-txt::before{
position: absolute;
bottom: 135%;
left: 50%;
content:"";
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
display:block;
width:32px;
height:1px;
background-color:#fff;
}
.resort_detail, .resort_detail_inner {
width: 100%;
margin: 0 auto;
min-width: 100%;
}
.resort_slope_list li:nth-child(4) {
margin-top: 20px;
}
.resort_slope_list li:nth-child(n+5) {
margin-top: 20px;
}
.spec_txt {
margin-top: 10px;
}
.resort_slope_list li {
width: 32%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box
}
.resort_slope_list:after {
display: block;
content: "";
width: 32%;
}
.resort_slope_list:before {
content: "";
display: block;
width: 32%;
height: 0;
order: 1;
}