@charset "UTF-8";
/* .post *{outline :1px solid #666} */
/* 
outline: 5px solid #F00;
 */

/* .post .inner{
    padding-left: 12.5vw;
    padding-right: 12.5vw;
} */
.post .slick-dots{
    bottom: -3vw;
}
@media screen and (max-width:768px){
    .post .inner{
        /* padding-left: 23.4vw;
        padding-right: 23.4vw; */
        padding-left: 9.3vw;
        padding-right: 9.3vw;
    }
    .post .slick-dots{
        bottom: -7vw;
    }
}


.post .post-head-wrap{
    display: flex;
    padding: 4vw 0 8vw;
}
.post .post-head-wrap .post-eye{
    width: 55.4vw;
}

@media screen and (min-width:769px){
    .post-part-h1{
        position: relative;
        flex: 1;
        padding-left: 5vw;
    }
}
.post-part-h1 .part-tit{
    position: absolute;
    width: 25vw;
    top: -8vw;
    right: 0;
}
.post-part-h1 .title{
    position: relative;
}
@media screen and (max-width:768px){
    .post .post-head-wrap{
        position: relative;
        display: block;
        padding: 6vw 0 18vw;
    }
    .post .post-head-wrap .post-eye{
        width: auto;
        margin: 0 -6.4vw;
    }
    .post-part-h1{
        padding-left: 0;
        padding-top: 5vw;
    }
    .post-part-h1 .part-tit{
        position: absolute;
        width: 50vw;
        top: -12.5vw;
        right: 0;
    }
    .post-part-h1 .title{
        position: relative;
    }
}



.post-fttag{
    padding-top: 10vw;
}
.post-fttag .part-title{
    font-family: var(--wf-c);
    font-weight: bold;
    font-size: 3vw;
    display: flex;
    align-items: center;
    margin-bottom: 0.7vw;
}
.post-fttag .part-title>span{
    display: block;
    margin: 0 2vw;
}
.post-fttag .part-title:before,
.post-fttag .part-title:after{
    content: "";
    display: block;
    flex: 1;
    height: 0.2vw;
    background-color: #FFF;
}
.post-fttag>div{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.post-fttag>div a{
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: inherit;
    white-space: nowrap;
    word-break: keep-all;
    font-family: var(--wf-c);
    font-weight: bold;
    font-size: var(--lead18);
    line-height: 1;
    height: 3vw;
    border-radius: 1.5vw;
    border: 1px solid #FFF;
    padding: 0 2em;
    min-width: 8em;
    margin: 1.6vw 0.8vw 0;
}
@media screen and (max-width:768px){
    .post-fttag{
        padding-top: 20vw;
    }
    .post-fttag .part-title{
        font-size: 5vw;
        margin-bottom: 2vw;
    }
    .post-fttag .part-title>span{
        margin: 0 4vw;
    }
    .post-fttag .part-title:before,
    .post-fttag .part-title:after{
        height: 0.5vw;
    }
    .post-fttag>div a{
        font-size: var(--lead16);
        line-height: 1;
        height: 8vw;
        border-radius: 4vw;
        margin: 3vw 1.5vw 0;
    }
}









/* .post-wrap-body{

} */

/* camp */
@media screen and (min-width:769px){
    .post.type-camp .inner{
        padding-left: 15vw;
        padding-right: 15vw;
    }
}
.post .wrap-prop{
    display: flex;
    justify-content: space-between;
    margin-top: 2.5vw;
    margin-bottom: 5vw;
}
.post .title-sqm{
    font-size: var(--lead14);
    line-height: 1;
    background-color: #FFF;
    border-radius: 0.4vw;
    padding: 0.4em 0.8em;
}
.post .post-date{
    font-family: var(--wf-c);
    font-size: var(--lead16);
}

.post:not(.type-camp) .title-sqm{
    color: #000;
}
/* camp */






.fx, .fxpc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.f-just {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.post a{
    text-decoration: underline;
    /* color: #3264b4; */
    color: #84A2D2;
}
.post.type-camp a{
    color: var(--col-green);
}
.post.type-camp a.com-btn-ell{
    color: #000;
}


/* .post .title-lead a,
.post .lead a{text-decoration: underline;}
.post .title-lead a:hover,
.post .lead a:hover{color: #3264b4;} */


.post [class^="box-"]+[class^="box-"]{
    margin-top: 5vw;
    /* outline:1px solid #3264b4; */
}
.post .title-box+[class^="box-"]{
    margin-top: 5vw;
    /* outline:1px solid #FF64b4; */
}

.post .lead{text-align: justify;}
.post .img+.lead{
    margin-top: 0.3em;
    line-height: 1.4;

    font-weight: bold;
    /* border:2px solid #32FFb4; */
}

.post .box-680,
.post .box-S{
    width: 61%;
    margin: 0 auto;
}
.post .box-S-fill{
    width: 61%;
    margin: 5vw auto 0;
    padding: 2.6vw 3vw 2.7vw;
    background-color: #FFF;
    color: #000;
}
/* .post.type-camp .box-S-fill{
    background-color: #FFF;
} */
.post .box-M{
    width: 87%;
    margin: 0 auto;
}
.post .box-L{width: 100%;}

.post .box-L[class^="col2"],
.post .box-L[class*=" col2"]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.post .box-L.col2-right{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
/* .box-L[class^="col2"]+[class*=" col2"],
.box-L[class^="col2"]+[class^="col2"],
.box-L[class*=" col2"]+[class*=" col2"],
.box-L[class*=" col2"]+[class^="col2"]{margin-top: 120px;} */

.post .box-L[class^="col2"]>*,
.post .box-L[class*=" col2"]>*{width: calc(50% - 2.5vw);}


.post .box-S-fill .lead{font-weight: 400;}


/* .post{padding: 100px 0 120px;} */

/* .post .title-sqm{margin-bottom: 115px;} */

.post .title+.title-lead{margin-top: 2.4em;}
.post .title{
    font-size: 2.6vw;
    line-height: 1.6;
    font-weight: bold;
    text-align: justify;
}
@media screen and (min-width:769px){
    .post.type-camp .title{
        font-size: 2.2vw;
    }
}
.post .title-lead{
    font-size: var(--lead20);
    line-height: 1.8;
}

.post .title-EN{
    font-size: 2.5vw;
    line-height: 1.2;
}
.post .title-EN+.title-WB{
    font-size: 1.7vw;
}
.post .title-WB+.date,
.post .title-WB+.price,
.post .title-WB+.lead{margin-top: 1.2em;}

.post .title-WB{
    font-size: 2.2vw;
    font-weight: 400;
    line-height: 1.4;
}
.post .date,
.post .price{
    font-size: 1.9vw;
    line-height: 1.4;
}
.post .date+.lead,
.post .price+.lead{margin-top: 2.4em;}

.post .price .txtS:nth-of-type(3){margin-left: 40px;}
.post .price .txtS{
    font-size: 60%;
    margin-right: 0.5em;
}
.post .price .txtN{font-weight: 400;}

.post .title-Blue{
    font-size: 1.9vw;
    font-weight: 500;
    line-height: 1.4;
    color: #679ff9;
    text-align: center;
    margin-top: 5vw;
}
.post.type-camp .title-Blue{
    color: #000;
}
.post .lead-L{
    font-size: var(--lead16);
    line-height: 1.9;
}
.post .box-L[class^="col2"] .title-Blue,
.post .box-L[class*=" col2"] .title-Blue{
    font-size: var(--lead20);
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}
.post .box-L[class^="col2"] .title-Blue+.lead,
.post .box-L[class*=" col2"] .title-Blue+.lead{margin-top: 1em;}
.post .box-L[class^="col2"] .lead,
.post .box-L[class*=" col2"] .lead{font-size: var(--lead16);}
.post .box-L[class^="col2"]>.img .lead,
.post .box-L[class*=" col2"]>.img .lead{padding-top: 0.7em;}


.post .spec .box{
    font-size: var(--lead16);
    line-height: 1.6;
    padding: 0.5em 0 0.3em;
    width: calc(50% - 2.5vw);
    border-bottom: 1px solid #CCC;
}
.post.type-camp .spec .box{
    border-bottom: 1px solid #333;
}
.post .spec .spec-name{
    min-width: 6em;
    padding-right: 0.8em;
}
.post .spec .lead{
    font-size: inherit;
    line-height: inherit;
    -webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
}

.post .com-coverbox.you:before{padding-top: 56%;}
.post .com-coverbox.you iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}










@media screen and (max-width:768px){
    .post .box-L[class^="col2"],
    .post .box-L[class*=" col2"]{display: block;}

    .post .box-L[class^="col2"]>*,
    .post .box-L[class*=" col2"]>*{width: 100%;}
    .post .box-L[class^="col2"]>.txt,
    .post .box-L[class*=" col2"]>.txt{padding-top: 1em;}
    .post .box-L[class^="col2"]>.img+.img,
    .post .box-L[class*=" col2"]>.img+.img{padding-top: 7vw;}
    

    .post [class^="box-"]+[class^="box-"]{margin-top: 16vw;}
    .post .title-box+[class^="box-"]{margin-top: 14vw;}


    .post .box-680,
    .post .box-S,
    .post .box-M{
        width: calc(100% - 10vw);
        margin: 0 auto;
    }
    .post .box-M{width: calc(100% - 5vw);}
    .post .box-S-fill{
        width: calc(100% - 40px);
        margin: 16vw auto 0;
        padding: 4.5vw 5.3vw 4vw;
    }
    .post .post-slicks{
        margin: 0 -9.3vw;
        /* width: calc(100% + 40px); */
        width: auto;
    }
    .post .post-slicks .box{padding: 0 10px;}
    /* .post{padding: 50px 0 60px;} */
    /* .post .title-sqm{margin-bottom: 55px;} */
    .post .title+.title-lead{margin-top: 1.8em;}
    .post .title{font-size: var(--lead20);}
    .post .title-lead{font-size: var(--lead16);}
    .post .title-WB{font-size: var(--lead20);}
    .post .date,
    .post .price{font-size: var(--lead18);}
    .post .date+.lead,
    .post .price+.lead{margin-top: 2em;}
    .post .price .txtS:nth-of-type(3){margin-left: 0;}


    .post .title-Blue{font-size: var(--lead18);}
    .post .box-L[class^="col2"] .title-Blue,
    .post .box-L[class*=" col2"] .title-Blue{font-size: var(--lead14);}
    .post .lead-L,
    .post .box-L[class^="col2"] .lead,
    .post .box-L[class*=" col2"] .lead{font-size: var(--lead14);}
    .post .spec .box{
        font-size: var(--lead14);
        width: 100%;
    }
}