@charset "UTF-8";

/* --------- SHOP SETTING --------- */
/* .color1:#3264b4  .color2:#F2972C */
.shop_1 .hero{background-image: url(../img/shop1-hero_pc.jpg);}
.shop_2 .hero{background-image: url(../img/shop2-hero_pc.jpg);}
.shop_3 .hero{background-image: url(../img/shop3-hero_pc.jpg);}
.shop_4 .hero{background-image: url(../img/shop4-hero_pc.jpg);}

.shop_3 .com-stocklist .elem:before{
    background-image: url(../img/shop3-com-stocklist-bg.jpg) ;
}



.drawer-nav .shop_1 .mainnav>li a:after{background-color: #3264b4;}
.drawer-nav .shop_2 .mainnav>li a:after{background-color: #F2972C;}
.drawer-nav .shop_3 .mainnav>li a:after{background-color: #197A3B;}
.drawer-nav .shop_4 .mainnav>li a:after{background-color: #B38E58;}
@media screen and (max-width:768px){
    .shop_1 .hero{background-image: url(../img/shop1-hero_sp.jpg);}
    .shop_2 .hero{background-image: url(../img/shop2-hero_sp.jpg);}
    .shop_3 .hero{background-image: url(../img/shop3-hero_sp.jpg);}
    .shop_4 .hero{background-image: url(../img/shop4-hero_sp.jpg);}

    .shop_2 .about,
    .shop_2 .about .elem,
    .shop_3 .about,
    .shop_3 .about .elem {padding-top: 0;}
}


/* .shop_1 .com-othershop .box .txt{
    background: #321400;
    background: -moz-linear-gradient(-45deg,  #321400 0%, #000000 100%);
    background: -webkit-linear-gradient(-45deg,  #321400 0%,#000000 100%);
    background: linear-gradient(135deg,  #321400 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#321400', endColorstr='#000000',GradientType=1 );
}
.shop_2 .com-othershop .box .txt{
    background: #000032;
    background: -moz-linear-gradient(-45deg,  #000032 0%, #000000 100%);
    background: -webkit-linear-gradient(-45deg,  #000032 0%,#000000 100%);
    background: linear-gradient(135deg,  #000032 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000032', endColorstr='#000000',GradientType=1 );
} */
.com-othershop .box.shop_1 .txt{
    background: #000032;
    background: -moz-linear-gradient(-45deg,  #000032 0%, #000000 100%);
    background: -webkit-linear-gradient(-45deg,  #000032 0%,#000000 100%);
    background: linear-gradient(135deg,  #000032 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000032', endColorstr='#000000',GradientType=1 );
}
.com-othershop .box.shop_2 .txt{
    background: #321400;
    background: -moz-linear-gradient(-45deg,  #321400 0%, #000000 100%);
    background: -webkit-linear-gradient(-45deg,  #321400 0%,#000000 100%);
    background: linear-gradient(135deg,  #321400 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#321400', endColorstr='#000000',GradientType=1 );
}
.com-othershop .box.shop_3 .txt{
    background: #0e3200;
    background: -moz-linear-gradient(-45deg,  #0e3200 0%, #000000 100%);
    background: -webkit-linear-gradient(-45deg,  #0e3200 0%,#000000 100%);
    background: linear-gradient(135deg,  #0e3200 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e3200', endColorstr='#000000',GradientType=1 );
}
.com-othershop .box.shop_4 .txt{
    background: #EFEFE5;
    color: #B38E58;
}
.com-othershop .box.shop_4 .txt .btn{
    color: #505050;
}


.shop_2 .about,
.shop_3 .about{
    background: #141414;
    background: -moz-linear-gradient(top,  #141414 0%, #141414 100px, #333333 38%);
    background: -webkit-linear-gradient(top,  #141414 0%,#141414 100px,#333333 38%);
    background: linear-gradient(to bottom,  #141414 0%,#141414 100px,#333333 38%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#333333',GradientType=0 );
}

/* - - - - - SHOP SETTING - - - - - */




/* 青
#3264b4 */

img{
    width: 100%;
    height: auto;
}



/* .post *{outline :1px solid #666} */

.post a{
    text-decoration: underline;
    /* color: #3264b4; */
    color: #84A2D2;
}

/* .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: 120px;
    /* outline:1px solid #3264b4; */
}
.post .title-box+[class^="box-"]{
    margin-top: 90px;
    /* 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: 680px;
    margin: 0 auto;
}
.post .box-S-fill{
    width: 680px;
    margin: 120px auto 0;
    padding: 33px 40px 35px;
    background-color: #333;
    
}
.post .box-M{
    width: 960px;
    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% - 60px);}


.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.8rem;
    line-height: 1.2;
    font-weight: 400;
    text-align: center;
    /* color: #3264b4; */
    color: #FFF;
}
.post .title-lead{
    font-size: 2rem;
    line-height: 1.8;
}

.post .title-EN{
    font-size: 3.2rem;
    line-height: 1.2;
}
.post .title-EN+.title-WB{
    font-size: 2.2rem;
}
.post .title-WB+.date,
.post .title-WB+.price,
.post .title-WB+.lead{margin-top: 1.2em;}

.post .title-WB{
    font-size: 2.8rem;
    font-weight: 400;
    line-height: 1.4;
}
.post .date,
.post .price{
    font-size: 2.4rem;
    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: 2.4rem;
    font-weight: 500;
    line-height: 1.4;
    color: #679ff9;
    text-align: center;
    margin-top: 120px;
}
.post .lead-L{
    font-size: 1.6rem;
    line-height: 1.9;
}
.post .box-L[class^="col2"] .title-Blue,
.post .box-L[class*=" col2"] .title-Blue{
    font-size: 2rem;
    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: 1.6rem;}


.post .spec .box{
    font-size: 1.6rem;
    line-height: 1.6;
    padding: 0.5em 0 0.3em;
    width: calc(50% - 60px);
    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 [class^="box-"]+[class^="box-"]{margin-top: 60px;}
    .post .title-box+[class^="box-"]{margin-top: 40px;}


    .post .box-680,
    .post .box-S,
    .post .box-M{
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .post .box-M{width: calc(100% - 20px);}
    .post .box-S-fill{
        width: calc(100% - 40px);
        margin: 60px auto 0;
        padding: 17px 20px 15px;
    }
    .post .post-slicks{
        margin: 0 -20px;
        width: calc(100% + 40px);
    }
    .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: 2rem;}
    .post .title-lead{font-size: 1.6rem;}
    .post .title-WB{font-size: 2rem;}
    .post .date,
    .post .price{font-size: 1.8rem;}
    .post .date+.lead,
    .post .price+.lead{margin-top: 2em;}
    .post .price .txtS:nth-of-type(3){margin-left: 0;}


    .post .title-Blue{font-size: 1.8rem;}
    .post .box-L[class^="col2"] .title-Blue,
    .post .box-L[class*=" col2"] .title-Blue{font-size: 1.8rem;}
    .post .lead-L,
    .post .box-L[class^="col2"] .lead,
    .post .box-L[class*=" col2"] .lead{font-size: 1.4rem;}
    .post .spec .box{
        font-size: 1.4rem;
        width: 100%;
    }
}





.reccomend{
    padding: 115px 0 140px;
    background-color: #333;
}
.reccomend .title-main{
    font-size: 2.8rem;
    text-align: center;
    margin-bottom: 55px;
}
.reccomend .box .post-part{margin-top: -15px;}
.reccomend .box .types{
    position: relative;
    z-index: 0;
    display: inline-block;
    font-size: 1.2rem;
    background-color: #3264b4;
    height: 30px;
    line-height: 30px;
    padding: 0 1em;
    margin-bottom: 30px;
}
.reccomend .post-part .date {font-size: 1.8rem;}
.reccomend .box .thumb{overflow: hidden;}
.reccomend .box a .thumb>p{
    -webkit-transform: scale(1.001);
    transform: scale(1.001);
    -webkit-transition: transform 0.9s;
	transition: transform 0.9s;
}
.reccomend .box a:hover .thumb>p{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: transform 0.3s;
	transition: transform 0.3s;
}
.archive-elem.reccomend{
    padding: 90px 0 140px;
    background: none;
}
@media screen and (max-width:768px){
    .archive-elem.reccomend,
    .reccomend{padding: 55px 0 70px;}
    .reccomend .title-main{
        font-size: 2rem;
        margin-bottom: 20px;
    }
    .reccomend .box2>.box+.box{margin-top: 40px;}
    .reccomend .box .post-part{margin-top: -12px;}
    .reccomend .box .types{
        font-size: 1rem;
        height: 24px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .reccomend .post-part .date {font-size: 1.8rem;}

    
}



.archive-elem.reccomend .elem{margin-top: -60px;}
.archive-elem.reccomend .box{margin-top: 60px;}
@media screen and (max-width:768px){
    .archive-elem.reccomend .elem{margin: 0 -5px;}
    .archive-elem.reccomend .elem>.box{
        width: calc(50% - 10px);
        margin: 0 5px 30px;
    }
    .archive-elem.reccomend .box .types {margin-bottom: 10px;}
    .archive-elem.reccomend .post-part .date+.title {margin-top: 5px;}
    .archive-elem.reccomend .post-part .date {font-size: 1.2rem;}
    .archive-elem.reccomend .post-part .title {font-size: 1.4rem;}
}





.zone{padding: 100px 0 0;}
.stock{padding: 120px 0 120px;}
.topics,
.about{padding: 120px 0;}
.news{padding: 120px 0 120px;}
.discover{padding: 0 0 100px;}
.staff{padding: 120px 0 120px;}
.access{padding: 120px 0 40px;}
.camper{padding: 120px 0 40px;}

@media screen and (max-width:768px){
    .zone{padding: 75px 0 0;}
    .stock{padding: 75px 0 30px;}
    .topics{padding: 75px 0;}
    .about{padding: 75px 0 20px;}
    .news{padding: 75px 0 40px;}
    .discover{padding: 0 0 40px;}
    .staff{padding: 75px 0 30px;}
    .access{padding: 75px 0 30px;}
    .camper{padding: 75px 0 30px;}
}

.hero{
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}
.hero .inner{
    position: relative;
    /* width: 840px; */
    width: 100%;
    height: 400px;
    margin: 0 auto;

    
}
.hero.addsq .inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}



/* .fixedpage-wrap .hero{background-image: url(../img/top-hero_pc.jpg);} */
.fixedpage-wrap .hero .inner{
    height: 800px;
}
.fixedpage-wrap .hero:not(.type-slide) .inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; */
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}



.fixedpage-wrap .hero .teaser{
    width: 333px;
    height: 101px;
    margin: 0 0 0 auto;
}
.fixedpage-wrap .hero .bnr-wrap{
    position: relative;
    width: 100%;
    /* height: 100%; */
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; */
    /* outline: 4px solid rebeccapurple; */

    

}

.fixedpage-wrap .hero .bnr-wrap:before{
    content: "";
    position: absolute;
    top: 0%;
    bottom: 0;
    left: 0;
    right: 0;background-color:rgba(0, 0, 0, 0.7);
}
.fixedpage-wrap .hero .bnr{
    position: relative;
    display: block;
    width: 280px;
    height: auto;
    margin: 20px auto 45px;
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
}
.fixedpage-wrap .hero .bnr:hover{
    opacity: 0.7;
	-webkit-transition: opacity 0s;
    transition: opacity 0s;
}

.hero.type-slide .inner{
    overflow: hidden;
    position: relative;
}
.hero.type-slide .part{
    opacity: 0.85;
    position: absolute;
    z-index: 1;
    top: calc(50% - 38px);
    left: calc(50% - 217px);
    width: 434px;
    height: 76px;
}
.hero.type-slide .top-hero-slicks{
    position: relative;
    z-index: 0;
}










@keyframes movein {
    0% {width:0;opacity: 0;}
    50% {opacity: 1;}
    100% {width:100%;opacity: 1;}}
@-webkit-keyframes movein {
    0% {width:0;opacity: 0;}
    50% {opacity: 1;}
    100% {width:100%;opacity: 1;}}
@keyframes movein2 {
	0% {left: -300px;;opacity: 0}
    100% {left: 0;opacity: 1;}}
@-webkit-keyframes movein2 {
    0% {left: -300px;;opacity: 0}
    100% {left: 0;opacity: 1;}}

/* .fixedpage-wrap .hero .bnr-wrap{opacity: 0;} */
.fixedpage-wrap .hero .bnr{
    left: -300px;
    opacity: 0;
}
.fixedpage-wrap .hero .bnr-wrap:before{opacity: 0;}
.loaded.fixedpage-wrap .hero .bnr-wrap:before{
        animation: movein 1s cubic-bezier(.99,0,.84,1) 0s 1 both;
-webkit-animation: movein 1s cubic-bezier(.99,0,.84,1) 0s 1 both;
}
.loaded.fixedpage-wrap .hero .bnr{
        animation: movein2 0.5s cubic-bezier(0,.75,.38,.99) 1s 1 both;
-webkit-animation: movein2 0.5s cubic-bezier(0,.75,.38,.99) 1s 1 both;
}






.hero-txt{padding: 115px 0 0;}
.hero-txt .logo{width: 160px;}
.hero-txt .txt{
    padding-left: 80px;
    margin-top: -0.8em;
}
.hero-txt .title{
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1.8;
}
.hero-txt .lead{
    font-size: 1.6rem;
    line-height: 2.6;
    margin-top: 1em;
}

.hero-txt.no-logo .txt{
    display: inline-block;
    padding-left: 0;
}


/* .hero *{outline: 1px solid #FFF;} */

/* slideは1280px */
/* @media screen and (min-width:1280px){
    .hero.type-slide .slide-wrap{
        height: 100%;
        position: relative;
        top: calc((800px - (100vw * 0.625)) / 2);
    }
} */

                                /* videoは1640px / 0.5625 */
                                @media screen and (min-width:1440px){
                                    /* .hero *{outline: 1px solid rgb(204, 63, 63);} */
                                    .hero.type-slide .slide-wrap.video-wrap{
                                        height: 100%;
                                        position: relative;
                                        top: calc((800px - (100vw * 0.5625)) / 2);
                                    }
                                }
                                .hero .video-wrap.video-wrap video{
                                    width: 100%;
                                    height: auto;
                                }
                                @media screen and (max-width:1440px){
                                    .hero.type-slide .slide-wrap.video-wrap{
                                        height: 100%;
                                        position: relative;
                                        top: 0;
                                        left: calc(50% - 711px);
                                    }
                                    .hero .video-wrap.video-wrap video{
                                        width: auto;
                                        height: 100%;
                                    }
                                }




@media screen and (max-width:768px){
    .hero .inner{
        width: 100%;
        height: 50vw;
    }
    .fixedpage-wrap .hero .inner{
        height: auto;
        /* min-height: 100vh;
        min-height: calc(var(--vh, 1vh) * 100); */
    }
    .fixedpage-wrap:not(.rentalcamper) .hero:not(.type-slide) .inner{
        /* min-height: 100vh;
        min-height: calc(var(--vh, 1vh) * 100); */
        height: 100vw;

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /* -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; */
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .fixedpage-wrap .hero .teaser{
        width: 100%;
        height: auto;

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }


    .fixedpage-wrap .hero .bnr{
        width: 100%;
        padding: 0 45px;
        margin: 0;
        margin: 20px auto;
    }
    
    /* .hero *{outline: 1px solid #FFF;} */
    /* .hero.type-slide .part{
        top: calc((100% - (100vw - 80px) * 0.175) / 2);
        left: 40px;
        width: calc(100vw - 80px);
        height: calc((100vw - 80px) * 0.175);
    } */
    .hero.type-slide .part{
        top: calc(50% - (24vw * 0.175));
        left: calc(50% - 24vw);
        width: 48vw;
        height: calc(48vw * 0.175);
    }





                    /* .hero.type-slide .slide-wrap.video-wrap{
                        height: 100vh;
                        top: 0;
                        left: calc(50% - ((100vh / 0.5625) / 2));
                    } */
                    .hero.type-slide .slide-wrap.video-wrap{
                        height: 100vw;
                        top: 0;
                        left: calc(50% - ((100vw / 0.5625) / 2));
                    }






    .hero-txt{padding: 60px 0 65px;}
    .hero-txt .logo{width: 120px;margin: 0 auto;}
    .hero-txt .txt{
        padding-left: 0;
        margin-top: 40px;
    }
    .hero-txt .title{font-size: 2rem;}
    .hero-txt .lead{
        font-size: 1.4rem;
        margin-top: 1em;
    }

    .hero-txt.no-logo .txt{margin-top: 0;}
}



.zone{
    background: #141414;
    background: -moz-linear-gradient(top,  #141414 0%, #141414 100px, #333333 38%);
    background: -webkit-linear-gradient(top,  #141414 0%,#141414 100px,#333333 38%);
    background: linear-gradient(to bottom,  #141414 0%,#141414 100px,#333333 38%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#333333',GradientType=0 );
}
.zone .elem{
    margin-top: 100px;
    position: relative;
    padding-bottom: 100px;
}
.zone .elem .img{
    width: 800px;
    margin: 0 auto;
}
.zone .elem .links .btn-sq{position: absolute;}

.zone .elem+.btn-wrap{
    padding-bottom: 100px;
}
@media screen and (min-width:769px){
.zone .elem .links .part1{top: 4%; left: 0;}
.zone .elem .links .part2{top: 20%; left: 0;}
.zone .elem .links .part3{top: 36%; left: 0;}
.zone .elem .links .part4{top: 41.5%; right: 0;}
.zone .elem .links .part5{top: 57.5%; right: 0;}
.zone .elem .links .part6{top: 73.5%; right: 0;}
}
@media screen and (max-width:768px){
    .zone{
        background: -moz-linear-gradient(top,  #141414 0%, #141414 75px, #333333 35%);
        background: -webkit-linear-gradient(top,  #141414 0%,#141414 75px,#333333 35%);
        background: linear-gradient(to bottom,  #141414 0%,#141414 75px,#333333 35%);
    }
    .zone .elem{
        margin-top: 60px;
        position: relative;
        padding-bottom: 75px;
    }
    .zone .elem .img{
        width: 100%;
        margin: 0 auto;
    }
    .zone .elem .links .btn-sq{position: relative;}
    .zone .elem .links{
        text-align: center;
        padding-top: 40px;
        margin: 0 -5px;

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;

    }
    /* .zone .elem .links>li+li{margin-top: 30px;} */
    .zone .elem .links>li{
        width: calc(50% - 10px);
        margin-top: 20px;
        margin: 20px 5px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .zone .elem+.btn-wrap{
        padding-bottom: 75px;
    }
}




.stock .title-sq{margin-bottom: 100px;}
.stock .box{padding: 0 19px;}
.stock .box>*{
    display: block;
    height: 100%;
    /* background-color: #3264b4; */
}
.stock .box .txt-wrap{padding: 20px;}
.stock .box .spec{
    font-size: 1.4rem;
    line-height: 1.4;
}
.stock .box .spec>li+li{margin-top: 0.4em;}
.stock .box .spec .spec-name{
    min-width: 5em;
    padding: 0 0.3em;
    background-color: #000;
}
.stock .box .spec .lead{
    font-size: inherit;
    line-height: inherit;
    padding-left: 0.8em;
    -webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
}


.stock .box .title-sqs{
    font-size: 1.8rem;
    font-weight: 500;
    /* padding: 0.7em 0.6em; */
    background: none;
    padding: 0.7em 0 0;
    line-height: 1.4;
}
.stock .box a .thumb{overflow: hidden;}
.stock .box a .thumb>p{
    -webkit-transform: scale(1.001);
    transform: scale(1.001);
    -webkit-transition: transform 0.9s;
	transition: transform 0.9s;
}
.stock .box a:hover .thumb>p{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: transform 0.3s;
	transition: transform 0.3s;
}
.stock .btn-wrap{margin-top: 100px;}
.stock .btn-wrap+.btn-wrap{margin-top: 30px;}
.stock .slick-dots{
    /* position: relative; */
    bottom: auto;
    margin-top: 15px;
}



.stock .slick-prev{left: -70px;}
.stock .slick-next{right: -70px;}
@media screen and (max-width:1260px){
    .stock .slick-prev{left: -50px;}
    .stock .slick-next{right: -50px;}
}
@media screen and (max-width:768px){
    .stock .title-sq{margin-bottom: 60px;}
    .stock .elem{margin: 0 -20px;}
    .stock .box{padding: 0 10px;}
    .stock .box .title-sqs{font-size: 1.4rem;}
    .stock .box .txt-wrap{padding: 15px;}
    .stock .box .spec{font-size: 1.2rem;}
    .stock .btn-wrap+.btn-wrap{margin-top: 20px;}
}










.topics,
.news{
    background-image:linear-gradient(to bottom,  #141414 0%,rgba(0, 0, 0, 0) 32%),
    url(../img/bg-ptn1.jpg);
    background-repeat:
        no-repeat,
        repeat;
    background-position:
        left,
        center;
}


.topics .title-sq{margin-bottom: 80px;}
.topics .box .thumb{
    border: 10px solid #FFF;
    margin-bottom: 12px;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
    overflow: hidden;
}

.post-part .title+.lead{margin-top: 7px;}
.post-part .date+.title{margin-top: 16px;}
.topics .post-part .date{
    font-size: 1.8rem;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
}
.post-part .title{
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1.6;
}
.topics .box a .thumb>p{
    -webkit-transform: scale(1.001);
    transform: scale(1.001);
    -webkit-transition: transform 0.9s;
	transition: transform 0.9s;
}
.topics .box a:hover .thumb>p{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: transform 0.3s;
	transition: transform 0.3s;
}

.topics .btn-wrap{margin-top: 75px;}

@media screen and (max-width:768px){
    .topics .box3>.box+.box{margin-top: 55px;}
    .topics .title-sq{margin-bottom: 80px;}
    /* .topics .btn-wrap{margin-top: 75px;} */
}





.discover .title-section{
    font-size: 3.6rem;
    padding: 0.85em 40px;
    background-color:#FFF;
    color: #000;
}
.discover .com-coverbox-elem{position: relative;}
.discover .com-coverbox-elem:before {
    content: "";
    display: block;
    padding-top: 50%;
}
.discover .com-coverbox-elem>.cont{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
@media screen and (min-width:769px){
    .discover .box:nth-child(-n + 2) .cont{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}
.discover .box{width: 50%;}
.discover .box .thumb{
    width: 50%;
    overflow: hidden;
}
.discover .box .thumb .com-coverbox:before{padding-top: 100%;}
.discover .box .thumb .img{
    opacity: 0.6;
    -webkit-transition: opacity 0.9s;
	transition: opacity 0.9s;
}
.discover .box a .thumb>p{
    -webkit-transform: scale(1.001);
    transform: scale(1.001);
    -webkit-transition: transform 0.9s;
	transition: transform 0.9s;
}
.discover .box a:hover .thumb .img{
    opacity: 1;
    -webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.discover .box a:hover .thumb>p{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: transform 0.3s;
	transition: transform 0.3s;
}
.discover .box .txt{
    background-color: #000;
    width: 50%;
    height: 100%;
    padding: 37px 40px 40px;
}
.discover .box .indi-title{
    font-size: 2.2rem;
    letter-spacing: 0.05em;
    white-space: nowrap;
    margin-bottom: 25px;
}
.discover .box .title{line-height: 1;}
.discover .box .title>span{
    display: inline;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 2.2;
    letter-spacing: 0.1em;
    padding: 2px 0 4px;
    background-color:#FFF;
    color: #000;
}
.discover .box .name{
    font-size: 1.4rem;
    margin-top: 1em;
}
.discover .box .btn-wrap{margin-top: auto;}
.discover .box .post-part{
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.discover .box .btn{
    display: inline-block;
    font-size: 1.4rem;
    padding-bottom: 0.5em;
    border-bottom: 2px solid#FFF;
}

.discover .elem+.btn-wrap {margin-top: 100px;}


/*
.color1:#3264b4
.color2:#F2972C
*/
.discover .title-section.color1,
.discover .box .title.color1>span{
    background-color:#3264b4;
    color: #FFF;
}
.discover .title-section.color2,
.discover .box .title.color2>span{
    background-color:#F2972C;
    color: #FFF;
}
.discover .box .btn.color1{border-color: #3264b4;    
}




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


    .discover .title-section{
        font-size: 2rem;
        padding: 0.85em 20px;
    }
    /* .discover .com-coverbox-elem:before {padding-top: 100%;} */
    /* .discover .com-coverbox-elem:before {display: none;}
    .discover .box .cont{
        position: relative;
        display: block;
    } */
    /* .discover .box:nth-child(-n + 2) .cont{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        background-color: aqua;
    } */

    .discover .box:nth-child(odd) .cont{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        /* background-color: aqua; */
    }


    .discover .box .txt{
        position: relative;
        /* width: 100%; */
        /* height: 50%; */
        /* min-height: 50vw; */
        padding: 15px 20px 15px;
    }
    .discover .box{width: 100%;}
    .discover .box .thumb{
        /* width: 100%; */
        overflow: hidden;
    }
    /* .discover .box .thumb .com-coverbox:before{padding-top: 50%;} */




    .discover .box .indi-title{
        font-size: 1.2rem;
        margin-bottom: 10px;
        white-space: normal;
    }
    .discover .box .title>span{
        font-size: 1.2rem;
        line-height: 1.6;
        padding: 1px 0 2px;
    }
    .discover .box .name{font-size: 1rem;}
    .discover .box .btn{font-size: 1rem;}

    .discover .box .btn-wrap{
        position: absolute;
        bottom: 20px;
        right: 20px;
    }
    .discover .elem+.btn-wrap {margin-top: 40px;}

}





.about .box:nth-child(odd){
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.about .elem{padding-top: 100px;}
.about .box>div{width: 50%;}
.about .box .txt{padding: 55px 70px 15px 50px;}
.about .box:nth-child(even) .txt{padding: 55px 50px 15px 70px;}
.about .box .txt .title .en{
    font-size: 3rem;
    display: block;
}
.about .box .txt .title .jp{
    font-size: 2rem;
    display: block;
    margin-top: 0.9em;
}
.about .box .txt .lead{
    margin-top: 25px;
    line-height: 2.2;
    text-align: justify;
}

@media screen and (max-width:768px){
    .about .elem{padding-top: 60px;}
    .about .inner{padding: 0;}
    .about .box>div{width: 100%;}
    .about .box .txt,
    .about .box:nth-child(even) .txt{padding: 35px 20px 55px;}
    .about .box .txt .title .en{font-size: 2.4rem;}
    .about .box .txt .title .jp{font-size: 1.6rem;}
}





.news .elem {padding-top: 90px;}
.news .btn-wrap {margin-top: 100px;}
.news .inner{
    width: 760px;
    margin: 0 auto;
}
.news .elem>.box+.box{margin-top: 20px;}
.news .elem>.box{
    border-bottom: 1px solid #FFF;
    padding-bottom: 23px;
}
.news .post-part .date+.title {margin-top: 12px;}
.news .post-part .date{
    font-size: 1.9rem;
    font-weight: 600;
}
.news .post-part .title{
    font-size: 1.6rem;
    font-weight: 300;
}

@media screen and (max-width:768px){
    .news .elem {padding-top: 45px;}
    .news .btn-wrap {margin-top: 40px;}
    .news .inner{
        width: 100%;
        padding: 0 20px;
    }
    .news .post-part .date{font-size: 1.6rem;}
    .news .post-part .title{font-size: 1.4rem;}
}


.staff,
.drawer-nav .shop_1 .mainnav>li:nth-child(3){
    display: none !important;
}


.staff .elem{
    padding-top: 100px;
    margin: 0 -10px;
}
.staff .box{
    width: calc(25% - 20px);
    margin: 0 10px 85px;
    /* -webkit-box-flex:1;
	-ms-flex:1;
	flex:1; */
}
.staff .box .lead{
    margin-top: 1.2em;
    padding: 0 15px;
}
.staff .box .lead>span{
    font-size: 1.4rem;
    /* display: block; */
}
/* .staff .box .lead .mess{
    min-height: 5rem;
    font-weight: 400;
} */
.staff .box .lead .pos{
    font-size: 1.4rem;
    padding-right: 1em;
}
.staff .box .lead .name{font-size: 2rem;}
.staff .box .name-en{
    font-size: 1.4rem;
    margin-top: 0.4em;
    padding: 0 15px;
}
/* .staff .box .lead .pos{font-weight: 300;} */
.staff .btn-wrap{margin-top: 90px;}

.staff .box a .img{overflow: hidden;}
.staff .box a .img>img{
    -webkit-transform: scale(1.001);
    transform: scale(1.001);
    -webkit-transition: transform 0.9s;
	transition: transform 0.9s;
}
.staff .box a:hover .img>img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: transform 0.3s;
	transition: transform 0.3s;
}



@media screen and (max-width:768px){
    .staff .elem{margin: 0 -2px;}
    /* .staff .box+.box{margin-top: 10px;} */
    .staff .box{
        width: calc(50% - 4px);
        margin: 0 2px 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /* -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; */
    }
    .staff .box .lead{padding: 0 10px;}
    .staff .box .lead .pos{font-size: 1rem;}
    .staff .box .lead .name{font-size: 1.4rem;}
    .staff .box .name-en{
        font-size: 1rem;
        padding: 0 10px;
    }
    /* .staff .box .img{width: 30%;} */
    /* .staff .box .lead{
        width: 70%;
        margin-top: 0;
        padding: 0 0 0 15px;
    }
    .staff .box .lead .mess{min-height: auto;} */
    .staff .btn-wrap{margin-top: 40px;}

}







.access .title-sq{
    position: relative;
    z-index: 1;
}
.access .gmap{margin-top: -100px;}
.access .gmap>iframe{
    width: 100%;
    height: 320px;
    border: 0;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.access .elem{padding-top: 60px;}
.access .img{
    width: 197px;
    height: 50px;
}
.access .lead{margin-top: 2em;}

.access .elem [class^="part"]+[class^="part"]{margin-left: 90px;}
.access .elem .part2 .img img{
    width: 205px;
    height: 57px;
}
.access .u-bar{
    padding-bottom: 0.3em;
    border-bottom: 2px solid #3264B4;
}

@media screen and (max-width:768px){
    .access .gmap{margin-top: -50px;}
    .access .elem [class^="part"]+[class^="part"]{
        margin-left: 0;
        margin-top: 40px;
    }
}



#page-top .camper{
    background: #141414;
    background: -moz-linear-gradient(top,  #141414 0%, #333333 250px, #333333 100%);
    background: -webkit-linear-gradient(top,  #141414 0%,#333333 250px,#333333 100%);
    background: linear-gradient(to bottom,  #141414 0%,#333333 250px,#333333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#333333',GradientType=0 );

}


/* .cate-camper .hero-txt.no-logo .title{text-align: center;} */
.camper .elem .box.active{opacity: 0.5;pointer-events: none;}


.camper .title-sq{margin-bottom: 100px;}
.camper .box:nth-child(n+4){margin-top: 65px;}
.camper .box .post-part{padding-top: 0.3em;}

.camper .com-coverbox:before{padding-top: 68%;}
/* .camper .box .title{
    display: inline-block;
    padding-right: 40px;
    background-image: url(../img/ico-pdf.svg);
    background-size: 29px 16px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
} */

.camper .box a .thumb{overflow: hidden;}
.camper .box a .thumb>p{
    -webkit-transform: scale(1.001);
    transform: scale(1.001);
    -webkit-transition: transform 0.9s;
	transition: transform 0.9s;
}
.camper .box a:hover .thumb>p{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: transform 0.3s;
	transition: transform 0.3s;
}
.camper .btn-wrap{margin-top: 100px;}
/* .camper .btn-wrap+.btn-wrap{margin-top: 30px;} */




@media screen and (max-width:768px){
    .camper .title-sq{margin-bottom: 60px;}
    .camper .box+.box,
    .camper .box:nth-child(n+4){margin-top: 30px;}
    /* .stock .elem{margin: 0 -20px;}
    .stock .box{padding: 0 10px;} */
    .camper .box .title{font-size: 1.4rem;}
    .camper .btn-wrap{margin-top: 60px;}
    /* .stock .btn-wrap+.btn-wrap{margin-top: 20px;} */
}












/* .camper-elem{
    padding: ;
} */

.camper-elem-navs{margin: 170px 0 200px;}
.camper-elem .box-hbtn+.box-hbtn{margin-top: 20px;}

.camper-elem .box-hbtn{
    padding: 150px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}
.camper-elem .box-hbtn .part{
    display: block;
    width: 510px;
    margin: 0 auto;
    background-color: #FFF;
    color: #000;
    padding: 30px 20px 20px;
    -webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.camper-elem .box-hbtn .part:hover{
    opacity: 0.7;
    -webkit-transition: opacity 0s;
	transition: opacity 0s;
}
.box-hbtn .btn-wrap{margin-top: 15px;}
.box-hbtn .btn{
    border-color: #000;
}
.camper-elem .box-hbtn .title+.lead{margin-top: 1em;}
.camper-elem .box-hbtn .title{
    font-size: 2.3rem;
    font-weight: 500;
}
.camper-elem .box-hbtn .lead{
    font-size: 1.7rem;
    font-weight: 500;
}
@media screen and (max-width:768px){
    .camper-elem-navs{margin: 0 0 75px;}
    .camper-elem .box-hbtn{padding: 60px 20px;}
    .camper-elem .box-hbtn .part{
        width: 100%;
        padding: 20px 15px 15px;
    }
    .camper-elem .box-hbtn .title{font-size: 1.8rem;}
    .camper-elem .box-hbtn .lead{font-size: 1.4rem;}
}


.camper-elem .box-titles .part1{padding: 230px 0 75px;}
.camper-elem .box-titles .title+.lead{margin-top: 2.3em;}
.camper-elem .box-titles .title{
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1.4;
}
.camper-elem .box-titles .lead{
    font-size: 1.6rem;
    text-align: justify;
}
.camper-elem .box-titles .title-img{width: 57%;}
.camper-elem .box-titles .title-img img{
    width: 100%;
    height: auto;
}
.camper-elem .box-titles .part1{
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.camper-elem .box-titles .part1 .specs>li{
    text-align: center;
    font-size: 1.4rem;
    padding: 0.5em 1em;
    border-left: 1px solid #FFF;
}
.camper-elem .box-titles .part1 .specs>li:last-child{border-right: 1px solid #FFF;}
.camper-elem .box-titles .part1 .specs>li span{
    display: block;
    padding-bottom: 0.3em;
}
.camper-elem .camper-slicks{
    margin-top: 90px;
    margin-bottom: 150px;
}
@media screen and (max-width:768px){
    .camper-elem .box-titles .part1{padding: 100px 0 30px;}
    .camper-elem .box-titles .title{font-size: 1.8rem;}
    .camper-elem .box-titles .lead{font-size: 1.4rem;}
    .camper-elem .box-titles .title-img{width: 100%;}
    .camper-elem .box-titles .part1 .specs{padding-top: 30px;}
    .camper-elem .box-titles .part1 .specs>li{font-size: 1.0rem;}
    .camper-elem .camper-slicks{
        margin: 20px -20px 0;
        width: calc(100% + 40px);
    }
    .camper-slicks .box{padding: 0 10px;}
}



.camper-elem-thumbs{
    padding-top: 120px;
    padding-bottom: 90px;
    background: #141414;
    background: -moz-linear-gradient(top,  #141414 0%, #333333 250px, #333333 100%);
    background: -webkit-linear-gradient(top,  #141414 0%,#333333 250px,#333333 100%);
    background: linear-gradient(to bottom,  #141414 0%,#333333 250px,#333333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#333333',GradientType=0 );
}

.camper-elem-thumbs .com-coverbox:before{padding-top: 68%;}
.camper-elem-thumbs .notes-wrap{
    text-align: right;
    padding-top: 95px;
}

.camper-elem-thumbs .elem{padding-top: 100px;}
.camper-elem-thumbs .btn-wrap .lead{
    font-size: 1.6rem;
    margin-bottom: 5rem;
}
.camper-elem-thumbs .elem{
    margin-top: -140px;
}
.camper-elem-thumbs .box3 .box{
    margin-top: 140px;
}
.camper-elem-thumbs .box .thumb{margin-bottom: 35px;}
.camper-elem-thumbs .box .title+.lead{margin-top: 1.4em;}
@media screen and (max-width:768px){
    .camper-elem-thumbs{
        padding-top: 80px;
        padding-bottom: 50px;
    }
    .camper-elem-thumbs .notes-wrap{padding-top: 30px;}
    .camper-elem-thumbs .elem{padding-top: 50px;}
    .camper-elem-thumbs .btn-wrap .lead{
        font-size: 1.4rem;
        margin-bottom: 3rem;
    }
    .camper-elem-thumbs .elem{
        margin-left: -5px;
        margin-right: -5px;
        margin-top: -40px;
    }
    .camper-elem-thumbs .box3 .box{
        margin-top: 40px;
        width: calc(50% - 10px);
        margin-left: 5px;
        margin-right: 5px;
    }
    .camper-elem-thumbs .box .title {font-size: 1.4rem;}
    .camper-elem-thumbs .box .lead {font-size: 1rem;}


    .camper-elem-thumbs .box .thumb{margin-bottom: 20px;}
    .camper-elem-thumbs .box .title+.lead{margin-top: 1em;}
}


.bnr-2202.pc{
    display: block;
}
.hero .bnr-2202{
    position: absolute;
    width: 240px;
    bottom: 60px;
    left: 80px;
}
.camper .bnr-2202{
    display: block;
    width: 614px;
    margin: 90px auto 0;
}
.shop_1 .hero .bnr-2202{
    bottom: auto;
    top: 75px;
}
@media screen and (max-width:768px){
    .bnr-2202.pc{
        display: none;
    }
    .bnr-2202.sp{
        display: block;
    }
    .hero-txt{
        padding-top: 40px;
    }
    .hero-txt .bnr-2202{
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 50px;
    }
    .camper .bnr-2202{
        max-width: 400px;
        display: block;
        width: 100%;
        margin: 70px auto 0;
    }
}

@media screen and (min-width:769px){
    .bnr-2202{
        -webkit-transition: opacity 0.6s;
	            transition: opacity 0.6s;
    }
    .bnr-2202:hover{
        opacity: 0.7;
        -webkit-transition: opacity 0s;
	            transition: opacity 0s;
    }
}



.bnr-2204{
    display: flex;
}
.bnr-2204 a{
    display: block;
    width: 50%;
}














.rentalcamper{
    color: #1B1B1B;
    font-weight: 400;
}
.rentalcamper .box2{
    display: flex;
}

.rentalcamper .com-elem-title{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.rentalcamper .com-elem-title .part-title .wf-a{
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 0.01em;
    line-height: 1.2;
}
.rentalcamper .com-elem-title .part-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #FFF;
}
.rentalcamper .com-elem-title .part-title:after{
    content: attr(data-txt-jp);
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.1em;
}
.rentalcamper .com-elem-title+.elem-lead{
    font-size: 18px;
    text-align: center;
    line-height: 1.8;
    padding-top: 70px;
    padding-bottom: 100px;
}
@media screen and (max-width:768px){
    .rentalcamper .com-elem-title .part-title .wf-a{
        font-size: 16px;
    }
    .rentalcamper .com-elem-title .part-title:after{
        font-size: 14px;
    }
    .rentalcamper .com-elem-title+.elem-lead{
        font-size: 14px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
.rentalcamper .cont1 .com-elem-title{
    background-image: url(/img/rentalcamper/service1-hero2.jpg);
}
.rentalcamper .cont2 .com-elem-title{
    background-image: url(/img/rentalcamper/service1-cont2.jpg);
}

.rentalcamper .hero{
    background-image: url(/img/rentalcamper/service1-hero.jpg);
    color: #FFF;
}
.rentalcamper .hero .inner{
    flex-direction: column;
    align-items: center !important;
    justify-content: center;
    height: auto;
    padding-top: 150px;
    padding-bottom: 90px;
}
.rentalcamper .hero .title-sq>span{
    padding: 48px 30px 0;
    width: 245px;
    height: 245px;
}
.rentalcamper .hero .part-title{
    font-size: 49px;
    font-weight: bold;
    letter-spacing: 0.2em;
    line-height: 1.6;
    text-align: center;
    margin-bottom: 40px;
}
.rentalcamper .hero .lead{
    font-size: 18px;
    line-height: 2.2;
    margin-top: 40px;
    text-align: center;
}
.rentalcamper .hero .btn-wrap{
    padding-top: 25px;
}

@media screen and (max-width:768px){
    .rentalcamper .hero .inner{
        padding-top: 100px;
        padding-bottom: 40px;
    }
    .rentalcamper .hero .title-sq>span{
        padding: 26px 15px 0;
        width: 120px;
        height: 120px;
    }
    .rentalcamper .hero .part-title{
        font-size: 26px;
        line-height: 1.4;
        margin-bottom: 30px;
    }
    .rentalcamper .hero .lead{
        font-size: 12px;
        margin-top: 30px;
    }
    .rentalcamper .hero .btn-sq.sizeS>*{
        font-size: 1.4rem;
    }
}




.rentalcamper .cont1,
.rentalcamper .cont2{
    background-color: #FFF;
}
.rentalcamper .cont1 .elems1 .colord{color: #5C3C2D;}
.rentalcamper .cont1 .elems1 .colord-bd{border-color: #5C3C2D;}
.rentalcamper .cont1 .elems1 .colord-fill{background-color: #5C3C2D;}
.rentalcamper .cont1 .elems2 .colord{color: #00428E;}
.rentalcamper .cont1 .elems2 .colord-bd{border-color: #00428E;}
.rentalcamper .cont1 .elems2 .colord-fill{background-color: #00428E;}
.rentalcamper .cont1 .elems3 .colord{color: #005952;}
.rentalcamper .cont1 .elems3 .colord-bd{border-color: #005952;}
.rentalcamper .cont1 .elems3 .colord-fill{background-color: #005952;}
.rentalcamper .cont1 .elems4 .colord{color: #78962E;}
.rentalcamper .cont1 .elems4 .colord-bd{border-color: #78962E;}
.rentalcamper .cont1 .elems4 .colord-fill{background-color: #78962E;}


.rentalcamper .cont1 [class*="elems"]{
    display: flex;
    flex-wrap: wrap;
    padding-top: 80px;
    padding-bottom: 70px;
}
.rentalcamper .cont1 [class*="elems"]>.box-img{
    display: flex;
    flex-wrap: wrap;
    width: 521px;
    justify-content: space-between;
}
.rentalcamper .cont1 [class*="elems"]>.box-img .part1{
    margin-bottom: 8px;
    width: 100%;
}
.rentalcamper .cont1 [class*="elems"]>.box-img .part4{
    display: block;
    width: 100%;
    text-align: right;
    margin-top: 30px;
}
.rentalcamper .cont1 [class*="elems"]>.box-img .part4 a{
    font-size: 18px;
    border-bottom: 2px solid #1B1B1B;
}
.rentalcamper .cont1 [class*="elems"]>.box-txt{
    flex: 1;
    padding-right: 40px;
}
.rentalcamper .cont1 [class*="elems"]>.box-txt .part1{
    width: 333px;
}
.rentalcamper .cont1 [class*="elems"]>.box-txt .part-title{
    font-size: 22px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 0.8em;
}
.rentalcamper .cont1 [class*="elems"]>.box-txt .lead{
    font-size: 16px;
    line-height: 1.4;
    text-align: justify;
}




.rentalcamper .cont1 [class*="elems"]>.box-txt .part-spec{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 15px;
}
.rentalcamper .cont1 [class*="elems"]>.box-txt .part-spec>.box-txt{
    width: 122px;
    margin-right: 30px;
}
.rentalcamper .cont1 [class*="elems"]>.box-txt .part-spec>.box-txt li+li{
    margin-top: 10px;
}
.rentalcamper .cont1 [class*="elems"]>.box-txt .part-spec>.box-txt li{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 0;
    border: 1px solid;
}
.rentalcamper .cont1 [class*="elems"]>.box-txt .part-spec>.box-txt .part-txt{
    font-size: 14px;
}
.rentalcamper .cont1 [class*="elems"]>.box-txt .part-spec>.box-txt .part-num{
    font-size: 22px;
    font-weight: bold;
    margin-left: 0.2em;
}
.rentalcamper .cont1 [class*="elems"]>.box-txt .part-spec-txt .lead{
    font-size: 14px;
}
.rentalcamper .cont1 [class*="elems"]>.box-txt .part-spec-txt .notes{
    margin-top: 0.3em;
}





.rentalcamper .cont1 [class*="elems"]>.elem-table{
    width: 100%;
    padding-top: 50px;
}
.rentalcamper .cont1 [class*="elems"]>.elem-table table{
    width: calc(100% + 20px);
    border-collapse: separate;
    border-spacing: 10px 0px;
    margin: 0 -10px;
}
@media screen and (min-width:769px){
    .rentalcamper .cont1 [class*="elems"]>.elem-table table{
        width: calc(521px + 20px);
        margin-left: auto;
        margin-right: -10px;
    }
}


.rentalcamper .cont1 .elem-table table{
    position: relative;
}
.rentalcamper .cont1 .elem-table table tbody{
    position: relative;
    z-index: 1;
}
.rentalcamper .cont1 .elem-table table:before{
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 10px;
    right: 10px;
    background-color: rgba(0, 0, 0, 0.03);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
.rentalcamper .cont1 .elem-table th{
    color: #FFF;
}
.rentalcamper .cont1 .elem-table th,
.rentalcamper .cont1 .elem-table td{
    font-size: 14px;
    font-weight: bold;
    padding: 1em;
    text-align: center;
}
.rentalcamper .cont1 .elem-table td{
    font-size: 18px;
    background-color: #E3E3E3;
}
.rentalcamper .cont1 .elem-table tr:nth-child(2) td{
    background-color: #FFF;
    font-size: 22px;
    font-family: 'Montserrat', sans-serif;
}
.rentalcamper .cont1 .elem-table td:first-child,
.rentalcamper .cont1 .elem-table tr:nth-child(2) td:first-child{
    font-size: 14px;
    font-family: inherit;
}
.rentalcamper .cont1 .elem-table .notes{
    margin-top: 0.5em;
}

@media screen and (max-width:768px){
    .rentalcamper .cont1 [class*="elems"]{
        flex-direction: column;
        padding: 40px 0;
    }
    .rentalcamper .cont1 [class*="elems"]>.box-img{
        width: 100%;
        margin-top: 30px;
    }
    .rentalcamper .cont1 [class*="elems"]>.box-img .part1{
        margin-bottom: 1.3vw;
    }
    .rentalcamper .cont1 [class*="elems"]>.box-img .part2{
        width: 37.62%;
    }
    .rentalcamper .cont1 [class*="elems"]>.box-img .part3{
        width: 60.844%;
    }
    .rentalcamper .cont1 [class*="elems"]>.box-img .part4{
        margin-top: 10px;
    }
    .rentalcamper .cont1 [class*="elems"]>.box-img .part4 a{
        font-size: 14px;
    }
    .rentalcamper .cont1 [class*="elems"]>.box-txt{
        flex: 0 1 auto;
        padding-right: 0;
    }
    .rentalcamper .cont1 [class*="elems"]>.box-txt .part1{
        width: 70%;
    }
    .rentalcamper .cont1 [class*="elems"]>.box-txt .part-title{
        font-size: 15px;
    }
    .rentalcamper .cont1 [class*="elems"]>.box-txt .lead{
        font-size: 14px;
    }


    .rentalcamper .cont1 [class*="elems"]>.box-txt .part-spec>.box-txt .part-txt{
        font-size: 10px;
    }
    .rentalcamper .cont1 [class*="elems"]>.box-txt .part-spec>.box-txt .part-num{
        font-size: 16px;
    }
    .rentalcamper .cont1 [class*="elems"]>.box-txt .part-spec-txt .lead{
        font-size: 12px;
    }

    .rentalcamper .cont1 [class*="elems"]>.elem-table{
        padding-top: 50px;
        padding-bottom: 30px;
        /* overflow-x: scroll; */
    }
    .rentalcamper .cont1 [class*="elems"]>.elem-table::-webkit-scrollbar{height: 10px;}
    .rentalcamper .cont1 [class*="elems"]>.elem-table::-webkit-scrollbar-track{background: #333;}
    .rentalcamper .cont1 [class*="elems"]>.elem-table::-webkit-scrollbar-thumb {background: #666;}

    .rentalcamper .cont1 [class*="elems"]>.elem-table table{
        width: calc(100% + 10px);
        border-spacing: 5px 0px;
        margin: 0 -5px;
    }
    .rentalcamper .cont1 .elem-table table:before{
        left: 5px;
        right: 5px;
    }

    .rentalcamper .cont1 .elem-table th,
    .rentalcamper .cont1 .elem-table td{
        font-size: 12px;
        white-space: nowrap;
        
    }
    .rentalcamper .cont1 .elem-table td{
        font-size: 12px;
    }
    .rentalcamper .cont1 .elem-table tr:nth-child(2) td{
        font-size: 16px;
    }
    .rentalcamper .cont1 .elem-table td:first-child,
    .rentalcamper .cont1 .elem-table tr:nth-child(2) td:first-child{
        font-size: 10px;
        font-family: inherit;
    }
}




.rentalcamper .cont1 .elems1>.box-txt .part2{
    width: 356px;
    margin: 30px 0 45px;
}
.rentalcamper .cont1 .elems2>.box-txt .part2{
    width: 100%;
    margin: 50px 0 55px;
}
.rentalcamper .cont1 .elems3>.box-txt .part2{
    width: 479px;
    margin: 40px 0 40px;
}
.rentalcamper .cont1 .elems4>.box-txt .part2{
    width: 100%;
    margin: 40px 0 40px;
}
.rentalcamper .cont1 .btn-wrap{
    padding-top: 50px;
    padding-bottom: 150px;
}
@media screen and (max-width:768px){
    .rentalcamper .cont1 .elems1>.box-txt .part2{
        width: 80%;
        margin: 15px 0 30px;
    }
    .rentalcamper .cont1 .elems2>.box-txt .part2{
        width: 100%;
        margin: 15px 0 30px;
    }
    .rentalcamper .cont1 .elems3>.box-txt .part2{
        width: 80%;
        margin: 15px 0 30px;
    }
    .rentalcamper .cont1 .elems4>.box-txt .part2{
        width: 100%;
        margin: 15px 0 30px;
    }
    .rentalcamper .cont1 .btn-wrap{
        padding-bottom: 100px;
    }
}

.rentalcamper .cont2{
    padding-bottom: 150px;
}
.rentalcamper .cont2>.elem-lead{
    font-size: 21px;
}
.rentalcamper .cont2 .elem1{
    display: flex;
}
.rentalcamper .cont2 .elem1 .elem-l{
    width: 50%;
}
.rentalcamper .cont2 .elem1 .elem-r{
    width: 50%;
    padding-left: 60px;
}
.rentalcamper .cont2 .elem1 .elem-l .part-box{
    width: 560px;
    margin-left: auto;
    margin-right: 0;
}
.rentalcamper .cont2 .elem1 .elem-l .lead{
    font-size: 16px;
}
.rentalcamper .cont2 .elem1 .elem-l .part-img{
    margin-right: 60px;
    margin-top: 45px;
}
.rentalcamper .cont2 .elem1 .elem-l .part-title{
    font-size: 28px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 1em;
}
.rentalcamper .cont2 .elem1 .elem-l .part-img,
.rentalcamper .cont2 .elem1 .elem-r .part{
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width:768px){
    .rentalcamper .cont2{
        padding-bottom: 50px;
    }
    .rentalcamper .cont2>.elem-lead{
        font-size: 18px;
    }
    .rentalcamper .cont2 .elem1{
        display: block;
        padding-left: 20px;
        padding-right: 20px;
    }
    .rentalcamper .cont2 .elem1 .elem-l{
        width: 100%;
    }
    .rentalcamper .cont2 .elem1 .elem-r{
        width: 100%;
        padding-left: 0;
    }
    .rentalcamper .cont2 .elem1 .elem-l .part-box{
        width: 100%;
        margin-left: auto;
        margin-right: 0;
    }
    .rentalcamper .cont2 .elem1 .elem-l .lead{
        font-size: 14px;
        margin-top: 1em;
    }
    .rentalcamper .cont2 .elem1 .elem-l .part-img{
        margin-right: 0;
        margin-top: 20px;
    }
    .rentalcamper .cont2 .elem1 .elem-l .part-title{
        font-size: 20px;
    }
    .rentalcamper .cont2 .elem1 .elem-l .part-img,
    .rentalcamper .cont2 .elem1 .elem-r .part{
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
}

.rentalcamper .cont2 .elem2{
    padding-top: 60px;
}
.rentalcamper .cont2 .elem2+.elem2{
    margin-top: 20px;
}
.rentalcamper .cont2 .elem2>.part-title{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
}
.rentalcamper .cont2 .elem2 .part1{
    display: flex;
    margin-top: 25px;
}
.rentalcamper .cont2 .elem2 .part1 li{
    width: calc((100% - 42px) / 3.001);
}
.rentalcamper .cont2 .elem2 .part1 li+li{
    margin-left: 21px;
}
.rentalcamper .cont2 .elem2 .part2{
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
}
.rentalcamper .cont2 .elem2 .part2 dt,
.rentalcamper .cont2 .elem2 .part2 dd{
    font-size: 14px;
    line-height: 1.4;
    padding: 1em 0;
    border-bottom: 1px solid #AFAFAF;
}
.rentalcamper .cont2 .elem2 .part2 dt{
    width: 140px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.rentalcamper .cont2 .elem2 .part2 dd{
    width: calc(100% - 140px);
    word-wrap : break-word;
	overflow-wrap : break-word;
}
.rentalcamper .cont2 .elem2 .part2 dt:first-child{
    font-size: 20px;
}
.rentalcamper .cont2 .elem2 .part2 dd:first-child{
    display: flex;
    align-items: center;
}
.rentalcamper .cont2 .elem2 .part2 .p1{
    font-size: 14px;
}
.rentalcamper .cont2 .elem2 .part2 .p2{
    font-size: 18px;
    text-decoration: line-through;
    margin-left: 0.5em;
}
.rentalcamper .cont2 .elem2 .part2 .p3{
    font-size: 26px;
    margin-left: 0.5em;
}
.rentalcamper .cont2 .elem2 .gmap{
    position: relative;
    width: 100%;
    height: 370px;
    margin-top: 30px;
}
.rentalcamper .cont2 .elem2 .gmap>*{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.rentalcamper .cont2 .elem2 .btn-wrap{
    padding-top: 90px;
}


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

    .rentalcamper .cont2 .elem2{
        padding-top: 30px;
    }
    .rentalcamper .cont2 .elem2+.elem2{
        margin-top: 20px;
    }
    .rentalcamper .cont2 .elem2>.part-title{
        font-size: 18px;
        margin-bottom: 15px;
    }
    .rentalcamper .cont2 .elem2 .part1{
        margin-top: 15px;
    }
    .rentalcamper .cont2 .elem2 .part1 li{
        width: calc((100% - 10px) / 3.001);
    }
    .rentalcamper .cont2 .elem2 .part1 li+li{
        margin-left: 5px;
    }
    .rentalcamper .cont2 .elem2 .part2{
        margin-top: 15px;
    }
    .rentalcamper .cont2 .elem2 .part2 dt,
    .rentalcamper .cont2 .elem2 .part2 dd{
        font-size: 12px;
    }
    .rentalcamper .cont2 .elem2 .part2 dt{
        width: 100px;
    }
    .rentalcamper .cont2 .elem2 .part2 dd{
        width: calc(100% - 100px);
        word-wrap : break-word;
        overflow-wrap : break-word;
    }
    .rentalcamper .cont2 .elem2 .part2 dt:first-child{
        font-size: 16px;
    }
    .rentalcamper .cont2 .elem2 .part2 .p1{
        font-size: 12px;
    }
    .rentalcamper .cont2 .elem2 .part2 .p2{
        font-size: 18px;
    }
    .rentalcamper .cont2 .elem2 .part2 .p3{
        font-size: 20px;
    }
    .rentalcamper .cont2 .elem2 .gmap{
        height: 60vw;
        margin-top: 20px;
    }
    .rentalcamper .cont2 .elem2 .btn-wrap{
        padding-top: 40px;
    }
}






.shop_4 .com-nav>li:nth-child(1),
.shop_4 .com-nav>li:nth-child(2){
    display: none;
}


.tg-ani-in{
    position: relative;
    display: block;
}
body.shop_4{
    background-color: #E5E5DB;
}
.shop_4 .com-othershop,
.shop_4 footer{
    background-color: #141414;
}
.shop_4 .com-title-h2{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.shop_4 .com-title-h2 .tit1{
    font-weight: 800;
    font-size: 4.0rem;
}
.shop_4 .com-title-h2 .tit2{
    position: relative;
    display: inline-block;
    margin-top: 10px;
}

.shop_4 .com-title-h2 .tit2 .tg-ani-in{
    display: inline-block;
    font-weight: 800;
    font-size: 2.0rem;
    line-height: 1.2;
    color: #FFF;
    padding: 0.1em 0.3em;
}
.shop_4 .com-title-h2 .tit2:before{
    content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #c69e62;
    background: -moz-linear-gradient(left,  #c69e62 0%, #936134 100%);
    background: -webkit-linear-gradient(left,  #c69e62 0%,#936134 100%);
    background: linear-gradient(to right,  #c69e62 0%,#936134 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c69e62', endColorstr='#936134',GradientType=1 );
}

.shop_4 .com-title-h2.tg-ani .tit1{
    opacity: 0;
    transform: translateY(10px);
}
.shop_4 .com-title-h2.tg-ani.is-ani .tit1{
    opacity: 1;
    transform: translateY(0px);
    -webkit-transition: transform 2s cubic-bezier(0,.57,.52,1),opacity 0.8s;
    transition: transform 2s cubic-bezier(0,.57,.52,1),opacity 0.8s;
}
.shop_4 .com-title-h2.tg-ani .tit2 .tg-ani-in{
    opacity: 0;
}
.shop_4 .com-title-h2.tg-ani .tit2:before{
    width: 0;
    opacity: 0;
}
.shop_4 .com-title-h2.tg-ani.is-ani .tit2 .tg-ani-in{
    opacity: 1;
    transition: opacity 0.8s 1.2s;
}
.shop_4 .com-title-h2.tg-ani.is-ani .tit2:before{
    width: 100%;
    opacity: 1;
    transition: width 0.4s cubic-bezier(0,.57,.52,1) 0.6s,opacity 0.8s 0.6s;
}


.shop_4 .part-shd{
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}
.shop_4 .com-def-box{
    width: 480px;
    padding-top: 65px;
}
.shop_4 .com-def-box .lead{
    text-align: justify;
    margin-top: 60px;
}
.shop_4 .com-def-box .btn-wrap{
    margin-top: 55px;
}
.shop_4 .fixedpage-wrap{
    color: #000;
}
.shop_4 .com-othershop{
    color: #FFF;
}
@media screen and (max-width:768px){
    .shop_4 .com-title-h2 .tit1{
        font-size: 2.4rem;
    }
    .shop_4 .com-title-h2 .tit2{
        font-size: 1.6rem;
    }
    .shop_4 .part-shd{
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    }
    .shop_4 .com-def-box{
        width: 100%;
        padding-top: 60px;
    }
    .shop_4 .com-def-box .lead{
        margin-top: 30px;
    }
    .shop_4 .com-def-box .btn-wrap{
        margin-top: 45px;
    }
}


.shop_4 .fixedpage-wrap .hero .inner{
    align-items: center;
    max-width: 1100px;
}
.shop_4 .hero .elem1{
    padding-bottom: 40px;
}
.shop_4 .hero .elem1 .part-title{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.shop_4 .hero .elem1 .part-title{
    font-weight: 400;
    font-size: 3.2rem;
    letter-spacing: 0.25em;
}
.shop_4 .hero .elem1 .part-title span{
    display: block;
}
.shop_4 .hero .elem1 .part-title .part-in{
    line-height: 1;
    background-color: #B38E58;
    color: #FFF;
    padding: 0.25em 0.3em 0.35em;
}

/* .shop_4 .hero .part-title .part-in{
    width: 0;
    display: block;
}

.shop_4.loaded .hero .part-title .part-in{
    width: 100%;
    transition: width 10s cubic-bezier(0,.57,.52,1);
} */

.shop_4 .hero .part-title .part-wrap{
    position: relative;
}
.shop_4 .hero .part-title .part-wrap:after{
    content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0;
    height: 100%;
    background-color: #000;
}
.shop_4 .hero .part-title .part-in,
.shop_4 .hero .part-logo{
    opacity: 0;
}
.shop_4.loaded .hero .part-title .part-wrap:nth-child(1) .part-in{
    opacity: 1;
    transition: opacity 1s 0.3s;
    /* transition: opacity 0s 0.3s; */
}
.shop_4.loaded .hero .part-title .part-wrap:nth-child(2) .part-in{
    opacity: 1;
    transition: opacity 1s 0.45s;
    /* transition: opacity 0s 0.45s; */
}
.shop_4.loaded .hero .part-logo{
    opacity: 1;
    transition: opacity 1.0s 0.9s;
    /* transition: opacity 0s 0.6s; */
}
.shop_4.loaded .hero .part-title .part-wrap:nth-child(1):after{
    width: 100%;
    animation: heroin 0.6s cubic-bezier(.99,0,.84,1) 0s 1 both;
    /* transition: width 0.4s cubic-bezier(0,.57,.52,1); */
}
.shop_4.loaded .hero .part-title .part-wrap:nth-child(2):after{
    width: 100%;
    animation: heroin 0.6s cubic-bezier(.99,0,.84,1) 0.15s 1 both;
    /* transition: width 0.4s cubic-bezier(0,.57,.52,1) 0.2s; */
}


/* @keyframes heroin { */
    /* 0% {width:0;opacity: 0;left: 0;}
    45% {width:100%;opacity: 1;left: 0;}
    55% {width:100%;opacity: 1;left: auto;}
    100% {width:0;opacity: 1;left: auto;}} */
@keyframes heroin {
    0% {width:100;opacity: 0;left: auto;}
    55% {width:100%;opacity: 1;left: auto;}
    100% {width:0;opacity: 1;left: auto;}}


@-webkit-keyframes movein {
    0% {width:0;opacity: 0;}
    50% {opacity: 1;}
    100% {width:100%;opacity: 1;}}




.shop_4 .hero .elem1 .part-title>span+span{
    margin-top: 10px;
}
.shop_4 .hero .elem1 .part-logo{
    width: 240px;
    margin-top: 70px;
}

.shop_4 .hero-txt{
    
    padding-top: 160px;
    padding-bottom: 180px;

}
.shop_4 .hero-txt .lead{
    font-size: 1.8rem;
    font-weight: 500;
    text-align: center;
}

.shop_4 .garage-wrap{
    background: url(../img/shop4-garage-bg.jpg) no-repeat 50% 0;
    background-size: 100% auto;
}
.shop_4 .garage{
    padding-bottom: 190px;
}
.shop_4 .garage ul.part1{
    position: relative;
}
.shop_4 .garage ul.part1 li:nth-child(1){
    width: 79%;
    margin-left: -50px;
}
.shop_4 .garage ul.part1 li:nth-child(2){
    position: absolute;
    top: 370px;
    right: 0;
    width: 455px;
}
.shop_4 .garage ul.part1 li:nth-child(3){
    position: absolute;
    top: 110px;
    right: -50px;
    width: 285px;
}
@media screen and (max-width:768px){
    .shop_4 .fixedpage-wrap .hero .inner{
        height: 110vw;
        padding: 0 20px;
    }
    .shop_4 .hero .elem1{
        padding-bottom: 20px;
    }
    .shop_4 .hero .elem1 .part-title{
        font-size: 1.7rem;
    }
    .shop_4 .hero .elem1 .part-title>span+span{
        margin-top: 5px;
    }
    .shop_4 .hero .elem1 .part-logo{
        width: 126px;
        margin-top: 35px;
    }
    .shop_4 .hero-txt{
        padding-top: 0px;
        padding-bottom: 85px;
    }
    .shop_4 .hero-txt .lead{
        font-size: 1.4rem;
    }
    .shop_4 .garage{
        padding-bottom: 100px;
    }
    .shop_4 .garage ul.part1 li:nth-child(1){
        width: calc(85% + 20px);
        margin-left: -20px;
    }
    .shop_4 .garage ul.part1 li:nth-child(2){
        top: 130px;
        right: -20px;
        width: calc(45% + 20px);
    }
    .shop_4 .garage ul.part1 li:nth-child(3){
        position: relative;
        top: auto;
        right: auto;
        width: calc(40% + 20px);
        margin-top: 20px;
        margin-bottom: -20px;
    }
}


.shop_4 .hero-txt .lead.tg-ani{
    opacity: 0;
    transform: translateY(30px);
}
.shop_4 .hero-txt .lead.tg-ani.is-ani{
    opacity: 1;
    transform: translateY(0);
    transition: transform 2s cubic-bezier(0,.57,.52,1),opacity 1.8s;
}
.shop_4 .garage .tg-ani li .tg-ani-in{
    opacity: 0;
}
.shop_4 .garage .tg-ani>li:nth-child(1) .tg-ani-in{
    transform: translateY(60px);
}
.shop_4 .garage .tg-ani>li:nth-child(2) .tg-ani-in{
    transform: translateY(150px);
}
.shop_4 .garage .tg-ani>li:nth-child(3) .tg-ani-in{
    transform: translateY(30px);
}

@media screen and (max-width:768px){
    .shop_4 .garage .tg-ani>li:nth-child(1) .tg-ani-in{
        transform: translateY(30px);
    }
    .shop_4 .garage .tg-ani>li:nth-child(2) .tg-ani-in{
        transform: translateY(150px);
    }
    .shop_4 .garage .tg-ani>li:nth-child(3) .tg-ani-in{
        transform: translateY(90px);
    }

}
.shop_4 .garage .tg-ani.is-ani>li .tg-ani-in{
    opacity: 1;
    transform: translateY(0px);
    -webkit-transition: transform 2s cubic-bezier(0,.57,.52,1),opacity 1.8s;
    transition: transform 2s cubic-bezier(0,.57,.52,1),opacity 1.8s;
}
/* .shop_4 .garage  .tg-ani .tg-ani-in{
    opacity: 0;
}
.shop_4 .garage .tg-ani:nth-child(1) .tg-ani-in{
    transform: translateY(30px);
}
.shop_4 .garage .tg-ani:nth-child(2) .tg-ani-in{
    transform: translateY(150px);
}
.shop_4 .garage .tg-ani:nth-child(3) .tg-ani-in{
    transform: translateY(90px);
}
.shop_4 .garage .tg-ani.is-ani .tg-ani-in{
    opacity: 1;
    transform: translateY(0px);
    -webkit-transition: transform 2s cubic-bezier(0,.57,.52,1),opacity 0.8s;
    transition: transform 2s cubic-bezier(0,.57,.52,1),opacity 0.8s;
} */


.shop_4 .colle{
    padding-bottom: 180px;
}
.shop_4 .colle .part-ph1{
    position: relative;
    
}
.shop_4 .colle .part-ph1:before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/shop4-colle-bg.jpg) no-repeat 50%;
    background-size: cover;
}
.shop_4 .colle .part-ph1 .inner{
    position: relative;
    height: 540px;
}
.shop_4 .colle ul.part1 li:nth-child(1){
    position: absolute;
    top: -65px;
    right: 0;
    width: 455px;
}
.shop_4 .colle ul.part1 li:nth-child(2){
    position: absolute;
    bottom: -65px;
    right: 0;
    width: 455px;
}
.shop_4 .colle .elem-loops .infiniteslide_wrap+.infiniteslide_wrap{
    margin-top: -120px;
}
.shop_4 .colle .elem-loops .part-txt{
    font-size: 25rem;
    opacity: 0.4;
    color: #FFF;
    padding-top: 20px;
    
}
.shop_4 .colle .elem-loops .part-txt>p{
    padding-right: 0.3em;
}
.shop_4 .colle .elem-loops .part-thumbs li{
    margin: 0 40px;
}
@media screen and (max-width:768px){
    .shop_4 .colle{
        padding-bottom: 120px;
    }
    .shop_4 .colle .part-ph1 .inner{
        height: 53vw;
    }
    .shop_4 .colle ul.part1 li:nth-child(1){
        top: -5vw;
        width: 43%;
        right: 20px;
    }
    .shop_4 .colle ul.part1 li:nth-child(2){
        bottom: -5vw;
        width: 43%;
        right: 20px;
    }
    .shop_4 .colle .elem-loops .infiniteslide_wrap+.infiniteslide_wrap{
        margin-top: -35px;
    }
    .shop_4 .colle .elem-loops .part-txt{
        font-size: 7rem;
        padding-top: 30px;
    }
    .shop_4 .colle .elem-loops .part-thumbs li{
        margin: 0 15px;
        height: 100px;
    }
    .shop_4 .colle .elem-loops .part-thumbs li img{
        height: 100%;
        width: auto;
    }
}

/* .shop_4 .colle .part-ph1.tg-ani0:before{
    opacity: 0;
    transform: translateY(30px);
} */
.shop_4 .colle .tg-ani>.tg-ani-in{
    opacity: 0;
    transform: translateY(120px);
}
.shop_4 .cars .tg-ani>.tg-ani-in,
.shop_4 .cafe .tg-ani>.tg-ani-in{
    opacity: 0;
    transform: translateY(60px);
}
/* .shop_4 .colle .part-ph1.tg-ani0.is-ani:before, */
.shop_4 .colle .tg-ani.is-ani>.tg-ani-in,
.shop_4 .cars .tg-ani.is-ani>.tg-ani-in,
.shop_4 .cafe .tg-ani.is-ani>.tg-ani-in{
    opacity: 1;
    transform: translateY(0px);
    -webkit-transition: transform 2s cubic-bezier(0,.57,.52,1),opacity 0.8s;
    transition: transform 2s cubic-bezier(0,.57,.52,1),opacity 0.8s;
}




.shop_4 .cars{
    /* background-color: rgba(0, 0, 0, 0.78); */
    color: #FFF;
    padding-bottom: 140px;
}
.shop_4 .cars .elem1>*{
    width: 50%;
}
.shop_4 .cars .part-img{
    position: relative;
    top: -55px;
    padding-right: 10px;
}
.shop_4 .cars .part-img li+li{
    margin-top: 65px;
}
.shop_4 .cars .part-txt{
    padding-left: 70px;
}
@media screen and (max-width:768px){
    .shop_4 .cars{
        padding-bottom: 80px;
    }
    .shop_4 .cars .elem1>*{
        width: 100%;
    }
    .shop_4 .cars .part-img{
        display: flex;
        top: -40px;
        padding-right: 0;
        margin-bottom: -40px;
    }
    .shop_4 .cars .part-img li+li{
        margin-top: 0;
        margin-left: 10px;
    }
    .shop_4 .cars .part-txt{
        padding-left: 0;
    }
    .shop_4 .cars .btn-wrap{
        text-align: center;
    }
}



.shop_4 .cafe{
    /* background-color: #B48F58; */
    color: #FFF;
    padding-top: 70px;
}
.shop_4 .cafe .com-title-h2{
    align-items: center;
}
.shop_4 .cafe .com-title-h2 .tit1{
    color: #000;
}
.shop_4 .cafe .com-title-h2 .tit2:before{
    /* background: none;
    padding: 0; */
    background: rgba(0, 0, 0, 0.433);
}
.shop_4 .cafe .com-def-box{
    width: 440px;
    margin-left: auto;
    margin-right: auto;
}
.shop_4 .cafe .com-def-box .lead{
    margin-top: 25px;
}
.shop_4 .cafe .part-img{
    position: relative;
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    top: 80px;
    display: flex;
}
.shop_4 .cafe .part-img li+li{
    margin-left: 30px;
}
@media screen and (max-width:768px){
    .shop_4 .cafe{
        padding-top: 0;
    }
    .shop_4 .cafe .com-def-box{
        width: 100%;
    }
    .shop_4 .cafe .part-img{
        width: 100%;
        top: 40px;
    }
    .shop_4 .cafe .part-img li+li{
        margin-left: 10px;
    }
}


.shop_4 .gal{
    padding-top: 270px;
}
.shop_4 .gal .com-title-h2{
    align-items: center;
}
.shop_4 .gal .com-title-h2 .tit1{
    color: #000;
}
.shop_4 .gal .elem-loops{
    padding-top: 40px;
}


@media screen and (max-width:768px){
    .shop_4 .gal{
        padding-top: 130px;
    }
    .shop_4 .gal .infiniteslide_wrap{
        display: none;
    }
    .shop_4 #sp-gal-loops{
        display: flex;
        flex-wrap: wrap;
    }
    .shop_4 #sp-gal-loops .box{
        width: calc(100% / 3.0001);
    }
}

.shop_4 .access .img{
    width: auto;
    height: 38px;
}
.shop_4 .access .img img{
    width: auto;
    height: 100%;
}
.shop_4 .access .part-subtitle{
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.shop_4 .access .part-subtitle>*{
    display: block;
}
.shop_4 .access .part-subtitle .txt1{
    font-size: 1.7rem;
    font-weight: 400;
}
.shop_4 .access .part-subtitle .txt2{
    font-size: 1.2rem;
    font-weight: 500;
    margin-top: 0.5em;
}
@media screen and (max-width:768px){
    .shop_4 .access .gmap>iframe{
        height: 240px;
    }
    .shop_4 .access .img{
        width: auto;
        height: 20px;
    }
    .shop_4 .access .part-subtitle .txt1{
        font-size: 1.4rem;
    }
}





.shop_4 .colle .part-ph1.tg-ani0:before{
    opacity: 0;
}
.shop_4 .colle .part-ph1.tg-ani0.is-ani:before{
    opacity: 1;
    -webkit-transition: opacity 1.8s;
    transition: opacity 1.8s;
}
.shop_4 .cars.tg-ani0{
    background-color: rgba(0, 0, 0, 0);
}
.shop_4 .cars.tg-ani0.is-ani{
    background-color: rgba(0, 0, 0, 0.78);
    -webkit-transition: background 1.8s;
    transition: background 1.8s;
}
.shop_4 .cafe.tg-ani0{
    background-color: rgba(180, 143, 88, 0);
}
.shop_4 .cafe.tg-ani0.is-ani{
    background-color: rgba(180, 143, 88, 1);
    -webkit-transition: background 1.8s;
    transition: background 1.8s;
}










.lead {
    line-height: 1.8;
    font-size: 16px;
    text-align: justify;
    letter-spacing: 0.08em;
}
.com-coverbox>.img {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.box.option .com-coverbox:after{
    content:"";
    display: block;
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: 60px;
	height: 45px;
	background: url(../img/ico-option.svg) no-repeat 50%;
	background-size: contain;
}
@media screen and (max-width:768px){
	.box.option .com-coverbox:after{
		
		left: 5px;
		bottom: 5px;
		width: 30px;
		height: 23px;
	}
}

.title-h3{
	font-size: 2.5rem;
	text-align: center;
}

.title-sq{
	text-align: center;
}
.title-sq>span{
	display: inline-block;
	background-color: #FFF;
	color: #000;
	background-repeat: no-repeat;
	background-position: 50% 25%;
	background-size: 50% 40%;
	width: 200px;
	height: 200px;
	font-size: 2.8rem;
	padding-top: 135px;
	box-shadow: 0 13px 20px rgba(0, 0, 0, 0.6);
}

.title-sqs{
	background-color: #000;
	padding: 0.4em 0.6em;
}
.title-sqm{
	display: block;
	font-size: 2.4rem;
	width: 320px;
	text-align: center;
	background-color: #FFF;
	padding: 1.1em 0.6em;
	margin: 0 auto;
}
.title-sqm>span{color: #000;}
@media screen and (max-width:768px){
	.title-h3{font-size: 1.8rem;}
	.title-sq>span{
		background-position: 50% 25%;
		background-size: 50% 40%;
		width: 140px;
		height: 140px;
		font-size: 2rem;
		padding-top: 95px;
		box-shadow: 0 13px 20px rgba(0, 0, 0, 0.6);
	}
	
}






.wid100{
	width: 100%;
	/* max-width: 1600px; */
	margin: 0 auto;
}
.wid1100{
	max-width: 1140px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}

.box2{margin: 0 -60px;}
.box2>.box{
    width: calc((100% - 240px) / 2);
    margin: 0 60px;
}
.box3{margin: 0 -19px;}
.box3>.box{
    width: calc((100% - 114px) / 3.001);
    margin: 0 19px;
}


@media screen and (max-width:768px){
	.box2,
	.box3{margin: 0;}
    .box2>.box,
    .box3>.box{
        width: 100%;
        margin: 0;
	}
}















/* common */




/*- - - - - - - - parts - - - - - - - -*/



/*--------------- hover ---------------*/
header .logo a,
#nav_toggle,
.box-cbox1 .btn-close,
.com-ftbnrs a,
footer .snss a,
footer a.img,
.btn-sq.no-line,
a.u-bar{
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
header .logo a:hover,
#nav_toggle:hover,
.box-cbox1 .btn-close:hover,
.com-ftbnrs a:hover,
footer .snss a:hover,
footer a.img:hover,
.btn-sq.no-line:hover,
a.u-bar:hover{
	opacity: 0.7;
	-webkit-transition: opacity 0s;
	transition: opacity 0s;
}

/*- - - - - - - - hover - - - - - - - -*/
.btn-accordion{cursor: pointer;}
.btn-wrap.center{text-align: center;}



.btn-sq{
	position: relative;
	display: inline-block;
	background-color: #FFF;
}
.btn-sq>*{
	display: inline-block;
	font-size: 2.2rem;
	line-height: 1.4;
	min-width: 280px;
	text-align: center;
	padding: 0.7em;
}
.btn-sq:not(.type2,.type10)>*{color: #000 !important;}
.btn-sq.sizeS>*{
	font-size: 1.8rem;
	min-width: 230px;
}
.shop_4 .btn-sq.sizeS>*{
	min-width: 185px;
}
@media screen and (max-width:768px){
	.shop_4 .btn-sq.sizeS>*{
		font-size: 1.4rem;
		min-width: 140px;
	}
}
.btn-sq.type2{
	background-color: rgba(0, 0, 0, 0.3);
	border: 1px solid #FFF;
}
.btn-sq.type2:not(.wf-a)>*{
	font-size: 2.4rem;
	line-height: 1.2;
	/* padding: 0.6em; */
}

.btn-sq.type10{
	background-color: #141414;
	
}
.btn-sq.type10>*{
	min-width: 420px;
}
.btn-sq.type10 a{
	color: #FFF;
}


.btn-sq:not(.no-line):before{
	content: "";
	position: absolute;
	display: inline-block;
	width: 40px;
	height: 2px;
	background-color: #949494;
	top: calc(50% - 1px);
	right: 0;
	margin-right: -20px;
	-webkit-transition: width 0.5s cubic-bezier(.92,.01,.74,1),margin 0.5s cubic-bezier(.92,.01,.74,1);
	transition: width 0.5s cubic-bezier(.92,.01,.74,1),margin 0.5s cubic-bezier(.92,.01,.74,1);
	pointer-events: none;
}
.btn-sq:not(.no-line):hover:before{
	width: 60px;
	margin-right: -40px;
	-webkit-transition: width 0.5s cubic-bezier(0,1,0,1),margin 0.5s cubic-bezier(0,1,0,1);
	transition: width 0.5s cubic-bezier(0,1,0,1),margin 0.5s cubic-bezier(0,1,0,1);
}


.btn-sq:not(.type2).color1{background-color: #3264b4;}
.btn-sq:not(.type2).color2{background-color: #F2972C;}
.btn-sq:not(.type2).color3{background-color: #197A3B;}
.btn-sq:not(.type2).color4{background-color: #FFF;}
.btn-sq:not(.type2).color1>*,
.btn-sq:not(.type2).color2>*{color: #FFF !important;}
.btn-sq:not(.type2).color1:not(.no-line):before,
.btn-sq:not(.type2).color2:not(.no-line):before{background-color: #FFF;}
.btn-sq:not(.type2).color4:not(.no-line):before{background-color: #B38E58;}

.btn-sq.type2.color1:not(.no-line):before{background-color: #3264b4;}
.btn-sq.type2.color2:not(.no-line):before{background-color: #F2972C;}
.btn-sq.type2.color3:not(.no-line):before{background-color: #197A3B;}
.btn-sq.type2.color4:not(.no-line):before{background-color: #FFF;}



@media screen and (max-width:768px){
	.btn-sq>*{font-size: 1.8rem;min-width: 230px;}
	.btn-sq.type2:not(.wf-a)>*{font-size: 2.0rem;}
	.zone .btn-sq.sizeS>*{
		font-size: 1.2rem;
		min-width: auto;
	}
	.btn-sq.type10>*{
		min-width: 70vw;
	
	}
}












ul.notes{
	display: inline-block;
	line-height: 1.4;
	font-size: 75%;
}

ul.notes>li{
	position: relative;
	padding-left: 1.1em;
}
ul.notes>li:before{
	content: "※";
	position: absolute;
	left: 0;
}
@media screen and (max-width:768px){
	ul.notes{font-size: 1.2rem;}
}


ul.mklist{
	font-size: 1.4rem;
	line-height: 2;
	letter-spacing: 0.1em;
}

ul.mklist>li{
	position: relative;
	padding-left: 1.1em;
}
ul.mklist>li:before{
	content: "●";
	position: absolute;
	left: 0;
	color: #ada592;
}
ul.mklist.dot>li:before{content: "・";}
ul.mklist.sq>li:before{content: "□";}
@media screen and (max-width:768px){
	ul.mklist{font-size: 1.2rem;}
}



.pagenation ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-bottom: 80px;
}
.pagenation li>*{
	display: block;
	width: 48px;
	height: 48px;
	line-height: 48px;
	margin: 0 5px;
	font-size: 2rem;
}
.pagenation li a{
	

	display: block;
	text-align: center;
	color: #3264b4;
	background-color: #FFF;
	/* border-radius: 50%; */
	height: 100%;;
	-webkit-transition: background-color 0.5s,color 0.5s;
	transition: background-color 0.5s,color 0.5s;
}
.pagenation li a:hover,
.pagenation .pagination-index>*{
	background-color: #3264b4;
	color: #FFF;
	text-align: center;
	/* border-radius: 50%; */
	-webkit-transition: background-color 0s,color 0s;
	transition: background-color 0s,color 0s;
}
.pagenation .pagination-no-num a{
	position: relative;
	background-color: #FFF;
	/* border-radius: 50%; */
}
/* .pagenation .pagination-no-num>span:before, */
.pagenation .pagination-no-num>a:before{
	pointer-events: none;
	display: block;
	position: absolute;
	top: calc(50% - 7px);
	left: calc(50% - 8px);
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 12px 7px 0;
	border-color: transparent #3264b4 transparent transparent;
	-webkit-transition: border 0.5s;
	transition: border 0.5s;
}
.pagenation .pagination-no-num.prev a:before{
	left: calc(50% - 8px);
	border-width: 7px 12px 7px 0;
	border-color: transparent #3264b4 transparent transparent;
}
.pagenation .pagination-no-num.next a:before{
	left: auto;
	right: calc(50% - 8px);
	border-width: 7px 0 7px 12px;
	border-color: transparent transparent transparent #3264b4;
}
.pagenation .pagination-no-num.prev a:hover:before{border-color: transparent #FFF transparent transparent;}
.pagenation .pagination-no-num.next a:hover:before{border-color: transparent transparent transparent #FFF;}
.pagenation .pagination-no-num a:hover:before{
	-webkit-transition: border 0s;
	transition: border 0s;
}
.pagenation .pagination-no-num.first,
.pagenation .pagination-no-num.last{display: none;}

@media screen and (max-width:768px){
	.pagenation{padding-top: 30px;}
	/* .pagenation li{
		width: 28px;
		height: 28px;
		line-height: 28px;
		margin: 0 3px;
		font-size: 1.4rem;
	} */

	.pagenation li>*{
		width: 32px;
		height: 32px;
		line-height: 32px;
		font-size: 1.6rem;
	}
	.pagenation .pagination-no-num>a:before{
		top: calc(50% - 5px);
		left: calc(50% - 6px);
		border-width: 5px 9px 5px 0;
	}
	.pagenation .pagination-no-num.prev a:before{
		left: calc(50% - 6px);
		border-width: 5px 9px 5px 0;
	}
	.pagenation .pagination-no-num.next a:before{
		left: auto;
		right: calc(50% - 6px);
		border-width: 5px 0 5px 9px;
	}
}






/* 
[class*="btn-type1"]{
	position: relative;
	display: inline-block;
	border-bottom: 1px solid #F19DB5;
}
[class*="btn-type1"]:after{
	content: "";
	display: inline-block;
	position: absolute;
	right: 0;
	top: 18px;
	width: 14px;
	height: 12px;
	background: url(/files/14/s46/img/com-btn-arrow.svg) no-repeat 50%;
	background-size: contain;
	pointer-events: none;
}
[class*="btn-type1"].ico1:after{background: url(/files/14/s46/img/com-btn-ico1.svg) no-repeat 50%;}
[class*="btn-type1"]>*{
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 0.1em;
	display: inline-block;
	width: 200px;
	text-align: center;
	padding: 16px 0;
}
[class*="btn-type1"].rev:after{
	right: auto;
	left: 0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.btn-type1s>*{
	width: 100px;
	text-align: center;
}

.btn-type1ss:after{
	width: 10px;
	height: 8px;
	top: 11px;
}
.btn-type1ss>*{
	font-size: 1.1rem;
	width: 70px;
	padding: 10px 0;
	
}
*/



#cboxOverlay{background-color: #000;}
#cboxContent {padding-top: 0;}
.box-cbox1 .btn-close{cursor: pointer;}
.box-cbox1 .elem-head{height: 50px;}
.box-cbox1 .elem-head>*{
	font-size: 1.8rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.box-cbox1 .elem-head .btn-close{
	width: 130px;
	background-color: #333;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.box-cbox1 .elem-head .title{
	background-color: #FFF;
	color: #000;
	padding-left: 1em;
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
}
.box-cbox1 .elem-head .title.color1{
	background-color: #3264b4;
	color: #FFF;
}
.box-cbox1 .elem-head .title.color2{
	background-color: #F2972C;
	color: #FFF;
}



.box-cbox1 .elem-cont{
	background-color: #bebebe;
	padding: 50px 60px 40px;
}
.box-cbox1 .elem-cont .txt{padding-top: 40px;}
.box-cbox1 .elem-cont .lead{
	font-size: 1.6rem;
	line-height: 2;
	color: #333;
}

.box-cbox1.staff{padding: 0;}
.box-cbox1.staff .elem-cont{
	max-width: 500px;
	background-color: #FFF;
	color: #000;
	padding: 30px;
}
.box-cbox1.staff .elem-cont .img{width: 440px;}
.box-cbox1.staff .elem-cont .lead{
	font-size: 1.4rem;
	line-height: 2;
}
.box-cbox1.staff .elem-cont .elem-name{
	padding-bottom: 30px;
	letter-spacing: 0.2em;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.box-cbox1.staff .elem-cont .elem-name .ico{
	width: 71px;
	height: 71px;
}
.box-cbox1.staff .elem-cont .elem-name .name{
	font-size: 2.4rem;
	padding-left: 1em;
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
}
.box-cbox1.staff .elem-cont .elem-name .types{font-size: 1.6rem;letter-spacing: 0;}
.box-cbox1.staff .elem-cont .elem-tag{
	margin-top: 45px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.box-cbox1.staff .elem-cont .elem-tag .part-logo{
	width: 114px;
	height: 38px;
}
.box-cbox1.staff .elem-cont .elem-tag .part-tag{
	font-size: 1.3rem;
	line-height: 1.4;
	color: #3264B4;
	padding-right: 2em;

	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
}

.box-cbox1.staff .elem-cont .elem-tag .part-tag li+li{margin-top: 0.4em;}


.box-cbox1.no-pd .elem-cont{
	padding: 0;
	
}


@media screen and (max-width:768px){
	.box-cbox1 .elem-head{height: 40px;}
	.box-cbox1 .elem-head>*{font-size: 1.4rem;}
	.box-cbox1 .elem-head .btn-close{width: 100px;}
	.box-cbox1 .elem-cont{
		background-color: #bebebe;
		padding: 20px 20px 18px;
	}
	.box-cbox1 .elem-cont .txt{padding-top: 10px;}
	.box-cbox1 .elem-cont .lead{font-size: 1.4rem;}

	
	.box-cbox1.staff .elem-cont{padding: 15px;}
	.box-cbox1.staff .elem-cont .img{width: 100%;}
	.box-cbox1.staff .elem-cont .lead{font-size: 1.2rem;}
	.box-cbox1.staff .elem-cont .elem-name{padding-bottom: 15px;}
	.box-cbox1.staff .elem-cont .elem-name .ico{
		width: 40px;
		height: 40px;
	}
	.box-cbox1.staff .elem-cont .elem-name .name{font-size: 1.6rem;}
	.box-cbox1.staff .elem-cont .elem-name .types{font-size: 1rem;}
	.box-cbox1.staff .elem-cont .elem-tag{margin-top: 20px;}
	.box-cbox1.staff .elem-cont .elem-tag .part-logo{
		width: 50px;
		height: 16px;
		margin-top: 20px;
	}
	.box-cbox1.staff .elem-cont .elem-tag .part-tag{font-size: 1rem;}
}









.com-pager ul{
	text-align: center;
	padding: 10px;
}
.com-pager li{
display: inline-block;
font-size: 1.3rem;
margin: 0 2px;
}
.com-pager li:not(.more)>*{
	display: block;
	padding: 1em 0.7em;
	/* background-color: #BDBEBE; */
	border-bottom: 1px solid #BDBEBE;
}
.com-pager li>*:hover,
.com-pager li>*.active{
	border-color: #7E1080;
	color: #7E1080;
}
.com-pager li.more>*{
	display: block;
	padding: 1em 0.7em;
}
.com-pager li.more img{
	width: 14px;
	height: 13px;
}






/* common */
.hc{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.wf-a{
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	letter-spacing: 0.1em;
}
.wf-b{
	font-family: 'Abel', sans-serif;
}







/* camper */
.type-camper .camper,
.camper-elem{
    background-color: #141414;
}
.camper-elem+.camper .title-h3{
    margin-bottom: 4em;
}

.type-camper .pankuzu{
    display: flex;
}




/* hiratsuka */

footer .snss a,
.access .snss a,
.shops .snss a,
.com-othershop .snss a {
    display: block;
    width: 46px;
    padding: 5px;
    margin: 0 1px;
}


.shop_1 .access .title-sq>span,
.shop_2 .access .title-sq>span,
.shop_3 .access .title-sq>span,
.shop_4 .access .title-sq>span {
    background-image: url(/img/access-ico.svg);
}
.title-sq.color1>span,
.title-sq.color2>span,
.title-sq.color3>span,
.title-sq.color4>span,
.title-sqm.color1>span,
.title-sqm.color2>span,
.title-sqm.color3>span,
.title-sqm.color4>span {
    color: #FFF;
}
.title-sq.color4>span,
.title-sqs.color4,
.title-sqm.color4 {
    background-color: #B38E58;
}
.fixedpage-wrap .inner:not(.wid1100){
    padding-left: 0;
    padding-right: 0;
}



/* rentalcamper */
.rentalcamper .lead{
    letter-spacing: 0;
    font-weight: 500;
}
.rentalcamper ul.mklist li{
    font-size: 1.6rem;
}
.rentalcamper ul.notes>li {
    position: relative;
    padding-left: 1.1em;
    text-indent: 0;
}
.rentalcamper ul.notes>li:before {
    content: "※";
    position: absolute;
    left: 0;
}
@media screen and (max-width:768px){
    .rentalcamper .lead{
        font-size: 14px;
    }
    .rentalcamper ul.mklist li{
        font-size: 1.2rem;
    }
}