@media screen and (min-width: 768px), print {
    
     
/*    -------------------*/   
    
    
.sp { display: none !important;}
.sp-pc1000 { display: block !important;}
.pc{ display: block !important;}
    
    
/*    -------------------*/
#navigation{
    max-width: 800px;
    width:100%;
    box-sizing: border-box;
    margin: 0 auto;
/*
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
*/
   

}

#global-nav ul#navigation  {
        column-count: 2; 
        text-align: left;
    padding-top: 75px;
} 
    
#global-nav ul li {
    width: 320px;
    font-size: 42px;
}  
    
#global-nav #navigation>li>a{padding: 0.4em 0;}

#global-nav ul li ul.collection li{
    font-size: 20px;
    padding: 0;
}

#global-nav ul li ul.collection {
    padding: 0.7em 0 0;
  }

#global-nav ul li ul.collection li:first-child{padding-top: 20px;}

#global-nav ul li ul.collection li a{margin: 0.8em 0;}

    

#global-nav a.bnr-area {
    padding: 45px 50px 90px;
    max-width: 800px;
    width:100%;
    box-sizing: border-box;
    margin: 0 auto;
    
  }

    
    
    
/*    -------------------*/  

    
section{padding: 75px 60px;max-width: 980px;margin: 0 auto;}
    
section:first-of-type{padding-top: 120px;}
    
.top section{padding: 60px;}
    
section.models{width: 100%;max-width: 100%;}
    
.bnr-container,
.top .new-models h2,
.top .new-models .link-to-page{
    padding-left: 60px;
    padding-right: 60px;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}
    
.top section.about{padding-top: 120px;}
    
    .link-to-page{
    font-size: 20px;
    height: 40px;
    margin-top: 50px;
    }
    
    .link-to-page a{padding-right: 56px;}
    
    .link-to-page a::before{
    width: 40px;
    height: 40px;
    top: -7px;
}
    
    .link-to-page a::after{
    right: 15px;
    top: 5px;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    }
    
/*    .variable{padding-bottom: 50px;}*/
    
    .variable .slick-prev,
    .variable .slick-next{border: solid 2px #000;}
    
    .slick-prev.slick-disabled,
    .slick-next.slick-disabled{border:  solid 2px #A7A7A7}
    
    .variable .slick-prev,
    .variable .slick-next{
        width: 40px;
        height: 40px;
    }
    
    .variable .slick-prev::before,
    .variable .slick-next::before,
    .variable .slick-prev::after,
    .variable .slick-next::after{
        height: 12px;
        width: 2px;
        right: 18px;
    }
    
    .variable .slick-prev::before,
    .variable .slick-next::before{
        top: 16px;
    }
    
    .variable .slick-prev::after,
    .variable .slick-next::after{
        top: 8px;
    }
    
    .variable .slick-slide h3{font-size: 20px;}

.variable .slick-slide p{font-size: 14px;}

.variable .slick-slide{padding-right: 30px;}

.variable .slick-list{padding-left: 120px;}

.variable .slick-prev{left: 60px;}

.variable .slick-next{right: 60px;}

    
    
.series-top .bnr-container{padding-top: 120px;padding-bottom: 90px;}
    
.models-top .bnr-container{padding-top: 60px;padding-bottom: 90px;}

h2{font-size: 50px;margin-bottom: 40px;}
    
.about p,
.concept p{font-size: 18px;margin-bottom: 50px;}
    
.about img,
.concept img{
    width:640px;
    margin-left: calc(100% - 640px);
}
    
    
    
body.top .spec ul,
.collection ul,
body.top .information ul,
.bnr-container-otherseries ul,
.information .container,
.design ul,
.gallery .gallery-inn
{font-size:0;}
    
.information .container{display: flex;flex-wrap: wrap;}
    
body.top .spec ul li a,
.collection ul li a,
.information ul li a,
.bnr-container-otherseries ul li a,
.information .container .mix a{display: block;}
    

    
    
body.top .spec ul li,
.collection ul li,
body.top .information ul li,
.bnr-container-otherseries ul li,
.information .container .mix{
    width: 31%;
    margin: 0 0 0 3.5%;
    padding: 0;
    display:inline-block;
    vertical-align: top;
    overflow: hidden;
}
    
.information .container .mix{
    margin: 0 1%;
}
    
.design ul li{
    width: 48%;
    margin: 0 0 0 4% ;
    padding: 0;
    display:inline-block; 
    vertical-align: top;
	overflow: hidden;
    
}
.gallery-inn a{
    width: 23.25%;
    margin: 0 0 2% 2%; 
}
    
.bnr-container-otherseries ul li{width: 48%; margin-left: 4%;}
    
body.top .spec ul li:first-of-type,
.collection ul li:first-of-type,
body.top .information ul li:first-of-type,
.bnr-container-otherseries ul li:nth-of-type(2n-1),
/*
.information .container .mix:first-of-type,
.information .container .mix:nth-of-type(3n+1),
*/
.design ul li:nth-child(2n-1){ margin-left: 0;}
    
.gallery-inn a:nth-child(2n-1){margin-left: 2%;}
.gallery-inn a:nth-child(4n-3){ margin-left: 0;}

    
    
/*    body.information section, body.information_ section{padding-left: 60px;padding-right: 60px;}*/
    
body.top .spec p, .collection p{margin-bottom: 0;}
    

    
.new-models{max-width: 100%;}

.information h3{margin-bottom: 0;}
    
.information .controls{margin-bottom: 30px;}
    
body.information_ h2{
    margin-bottom: 60px;
}
    
body.information_ h3{
    font-size: 24px;
    margin-bottom: 0.6em;
}


body.information_ p{
    font-size: 14px;
}
    
body.information_ p.date{
    font-size: 15px;
    /* padding-left: 0.6em; */
}

body.information_ span.caption{
    font-size: 12px;
    margin-bottom: 4em;
}

    

/*    -------------------*/ 
    
    .ac-faq dt{margin-top: 15px;font-size: 16px;}   
    
    .ac-faq dd,.ac-faq dd p{font-size: 14px;}
    
/*    -------------------*/   
    
    
.time-connect-img{max-width: 780px;margin: 0 auto;}

    table.time-connect-app tr{float: left;width: 50%;border: solid 1px #868E9A;box-sizing: border-box;}
    
    table.time-connect-app tr:first-child{border-right: solid 1px #fff;}
    
    table.time-connect-app th{/* border-right: solid 1px #fff; */height: 90px;}
    
    table.time-connect-app th,
  table.time-connect-app td {width: 100%;border: none;}
    
table.time-connect-app td img{width: 100%;max-height: 45px;margin: 0 auto;}
    
/*    -------------------*/   
    
   fieldset.control-group{display: flex;}
    
    label.control-group-label{font-size: 14px;width: 150px;box-sizing: border-box;display: flex;line-height: 2.8em;}
    
    .btn-container{border: none;width: calc(100% - 150px);}
    
     .control-group_sort button{
    font-size: 14px;
    padding: 10px 24px;
    margin-left: 12px;
    border-radius: 20px;
    }
    
    
    .w-container .mix, .w-container .gap{width: 33.3%;padding:30px 0;}
    
    .w-container .mix a{width: calc(100% - 40px);}

/*    -------------------*/ 
    
    section.models .models-container{
        max-width: 980px;
        margin: 0 auto;
        padding-top: 90px;
        padding-bottom: 120px;
    }
    
    section.models .models-container h3{
        font-size: 40px;
        padding-bottom: 40px;
    }
    
    section.models .models-container>p{
        font-size: 16px;
        padding-bottom: 40px;
    }
    
    section.models .w-container{padding-bottom: 40px;}
    
    /*    -------------------*/   
    
    .models-top .design ul li:last-child p,
    .models-top .design ul li:nth-last-child(2) p
    {margin-bottom: 0;}
    
    
    /*    -------------------*/  
.ref-container{font-size:0;display: flex;}

.column2_pc{
width: 47%;
display: block;
}

.column2_pc:first-of-type{margin-right: 6%;}
    


.column2_pc h2{
    font-size: 50px;
}

.ref-price{font-size: 20px;margin-bottom: 40px;}

.ref-explain{font-size: 16px;margin-bottom: 40px;}
    
    
td>span>.tooltip {
    top: 100%;
    left: -0.5em;

}

/*
div.trigger .tooltip {
    max-width:40vw;
    padding: 30px;
    font-size: 12px;
    left:calc(25vw - 50%);
    top: 100%;
    z-index: 2;
}
*/
    
.ref-detail{font-size: 14px;line-height: 2.4em;}

.ref-detail td{padding: .5em;}
    
    
    /*    -------------------*/ 
   
.each-spec-container span{font-size: 360px;width: 60%;}    
    
.each-spec-container .background{left: 0;}
    
.each-spec-container_ .background{left: 16%;}    

    
.howto-easy-adjust ul{
    font-size: 0;
} 
    
.howto-easy-adjust ul li{
    width: calc(33.3% - 20px);
    margin-right: 30px;
    display: inline-block;
} 
    
.howto-easy-adjust ul li:nth-of-type(3){
    margin-right: 0;
} 
    
    /*    -------------------*/ 
    .toggle-sort:after{display: none;}
    .toggle-sort-item{display: block;}
    
    /*    -------------------*/   

    
body.sitemap .pc2column{
    width: calc(50% - 20px);
}
    
    body.sitemap .pc2column:first-of-type{padding-right: 40px;}
    
body.sitemap .pc2column ul{
    padding: 30px 0;
    font-size: 18px;
}

body.sitemap .pc2column ul li{padding: 0.8em 0;}

body.sitemap .pc2column ul li strong{font-size: 21px;}

body.sitemap .pc2column ul li ul{padding: 1em 1em 0;}


.new-models .slider div p,
.w-container .mix p.price{
    text-indent: 0.7em;
}    
 
.gallery-AGAK403,
.gallery-AGAK404,
.gallery-AGAK405,
.gallery-AGAT453,
.gallery-AGAT454 {
    padding: 120px 60px;
    background-size: 160% 160%;/*サイズを大きくひきのばす*/
    animation: bggradient 40s ease infinite;
    }

    
.gallery-AGAK403 .gallery-inn,
.gallery-AGAK404 .gallery-inn,
.gallery-AGAK405 .gallery-inn,
.gallery-AGAT453 .gallery-inn,
.gallery-AGAT454 .gallery-inn {
    width: calc(100vw - 120px);
    max-width: 980px;
}
    
    
       
    
@keyframes bggradient{
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.bg-grd{
    width: 100%;
    height: calc(63.5vw - calc(63.5vw - 63.5vw));
}
    
    
/*-------- footer-bnr-area --------*/

.footer-bnr-area{
    padding: 90px 60px;
}  
    
/*------shop api切り替え------*/
    .p-shops_contents{padding: 0;}
    
    .shops{max-width: 1200px;}

    
.shops p{margin-bottom: 0;}
.l-contents_inner{width: 100%;}   
    
    .p-shops_shoplist p{margin-bottom: 45px!important;font-weight: 500;}
    .p-shops_shoplist table{width: 100%;}
    
    
    
    .p-shops_shoplist tr{padding: 20px 0;}
    
    .p-shops_shoplist th {
    width: 50%;
    font-size: 1em;
    }
.p-shops_shoplist td:first-of-type {
    width: 100%;
    text-align: left;
    padding-left: 2em;
}
    
    
    
/*----------tokyo-sora_nn----------*/

    
    
.tokyo-sora_nn .gallery{
    position: relative;
    max-width: 100%;
}
    
    
.tokyo-sora_nn .gallery h2{
    line-height: 1em;
    padding: 0.2em 0.4em;
    font-size: 60px;
    text-indent: 0.2em;
    margin-top: 180px;
    margin-bottom: 0;
}
    
    
.tokyo-sora_nn .gallery .gallery-inn{
    max-width: 1080px;
    /* padding: 0 60px; */
    margin: 0 auto;
    /*     overflow-x: hidden; */
} 

    
.tokyo-sora_nn .new-gallery-AGAT453 .gallery-inn .background_first{
    right: 0;
    top: 480px;
    height: 240px;
    width: 70%;
    position: absolute;
    }
    
.tokyo-sora_nn .new-gallery-AGAT453 .gallery-inn .background_last{
    left: 0;
    bottom: 400px;
    height: 300px;
    width: 56%;
    max-width: 56%;
    }
    
    
    
.tokyo-sora_nn .new-gallery-AGAT454 .gallery-inn .background_first{
    right: 0;
    top: 480px;
    height: 240px;
    width: 70%;
    }
    
.tokyo-sora_nn .new-gallery-AGAT454 .gallery-inn .background_last{
    left: 0;
    bottom: 300px;
    height: 400px;
    width: 64%;
    max-width: 64%;
    z-index: -2;
    }


.tokyo-sora_nn .mb30sp,
.tokyo-sora_nn .mb60sp,
.tokyo-sora_nn .mb90sp,
.tokyo-sora_nn .mb120sp,
.tokyo-sora_nn .mb150sp{margin-bottom: 0!important;}
    
    
.tokyo-sora_nn .mb30pc{margin-bottom: 30px!important;}
    
.tokyo-sora_nn .mb60pc{margin-bottom: 60px!important;}
    
.tokyo-sora_nn .mb90pc{margin-bottom: 90px!important;}
    
.tokyo-sora_nn .mb120pc{margin-bottom: 120px!important;}
    
.tokyo-sora_nn .mb150pc{margin-bottom: 150px!important;}
  
    
    
    
.tokyo-sora_nn .new-gallery-AGAT453 .gallery-inn .gallery-item:first-child,
.tokyo-sora_nn .new-gallery-AGAT453 .gallery-inn .gallery-item:n-child(2){
    right: 0;
    top: 0;
    height: 540px;
    width: 54%;
    }
    
.tokyo-sora_nn .gallery-inn a.squ-s{width: 360px;}
    
.tokyo-sora_nn .gallery-inn a.squ-s.migi{margin-left: calc(100% - 360px);}
     
    
    
    
    

    
.tokyo-sora_nn .gallery-inn a.squ-s.hidari_pc{
    width: 360px;
    margin-left: 0;
    margin-right: calc(100% - 360px);
    }
    

.tokyo-sora_nn .gallery-inn a::before {
position: absolute;
content: url(../images/lope.svg);
padding: 8px;
background: #000;
width: 36px;
height: 36px;
right: 0;
bottom: 0;
border: none;
border-radius: 0;
}
   
  
    
.slick_AGAT453,
.slick_AGAT454{margin-top: -120px;}


.slick_AGAT453 .slick-dots,
.slick_AGAT454 .slick-dots{bottom: 6px;}

.slick_AGAT453 .slick-dots li,
.slick_AGAT454 .slick-dots li{
    width: 8px;
    height: 8px;
    margin: 0;
    padding: 8px;
}

.slick_AGAT453 .slick-dots li button,
.slick_AGAT454 .slick-dots li button{
    width: 8px;
    height: 8px;
}
    

.tokyo-sora_nn .new-gallery-AGAT454 .gallery-inn a:nth-child(4){
    margin-right: 20%;
    margin-left: 8%;
    z-index: 1;
} 
    
.tokyo-sora_nn .new-gallery-AGAT454 .gallery-inn a:nth-child(5){
    margin-left: calc(100% - 600px);
    margin-right: 0;
    margin-top: -120px;
    /* z-index: -1; */
}
} 
    
    
    


@media screen and (min-width: 850px), print {
    
.tokyo-sora_nn .new-gallery-AGAT454 .gallery-inn a:nth-child(3),
.tokyo-sora_nn .new-gallery-AGAT454 .gallery-inn a:nth-child(7){margin-top: -120px;}    
    
}


@media screen and (min-width: 918px), print {
    
    
    .w-container .mix, .w-container .gap{width: 25%;}
    
    .each-spec-container span{font-size: 420px;}
    
    .each-spec-container .each-spec{
        width: 70%;
        margin: -180px 0 0 30%;
    }

    
    .each-spec-container_ .each-spec{
       width: 60%;
        margin:  -180px 40% 0 0 ;
    }

/*    -------------------*/
    
.tokyo-sora_nn .gallery .gallery-inn{
 padding: 0 30px;}




}

@media screen and (min-width: 1000px), print {
    
   /*    -------------------*/ 
.tokyo-sora_nn .gallery .gallery-inn{
 padding: 0 60px;}

.tokyo-sora_nn .new-gallery-AGAT454 .gallery-inn a:nth-child(3),
.tokyo-sora_nn .new-gallery-AGAT454 .gallery-inn a:nth-child(7){
    margin-top: -180px;
    margin-left: calc(100% - 450px);
}    
    
.tokyo-sora_nn .new-gallery-AGAT454 .gallery-inn .background_last {
    bottom: 270px;
    height: 300px;
        
}   
    
    
@media screen and (min-width: 1100px), print {
    
.gallery-AGAK403,
.gallery-AGAK404,
.gallery-AGAK405,
.gallery-AGAT453,
.gallery-AGAT454  {
    padding-left: calc(50vw - 490px);
    padding-right: calc(50vw - 490px);
}
    
.gallery-AGAK403 .gallery-inn,
.gallery-AGAK404 .gallery-inn,
.gallery-AGAK405 .gallery-inn,
.gallery-AGAT453 .gallery-inn,
.gallery-AGAT454 .gallery-inn {
    width: 980px;
    max-width: 980px;
}

    
    
    .variable .slick-prev{left: calc(50vw - 490px);}
    
    .variable .slick-next{right: calc(50vw - 490px);}
    
    .variable .slick-slide{padding-right: 43px;}
    
    .variable .slick-list{padding-left: calc(50vw - 430px);}
    
    section,
    .bnr-container,
    .top .new-models h2,
    .top .new-models .link-to-page{
    padding-left: calc(50vw - 490px);
    padding-right: calc(50vw - 490px);
    }

    }
    
@media screen and (min-width: 1140px), print {
   /*    -------------------*/     
.tokyo-sora_nn .new-gallery-AGAT454 .gallery-inn a:nth-child(3){
    margin-top: -240px;
    margin-left: calc(100% - 500px);
}  
    

.tokyo-sora_nn .new-gallery-AGAT454 .gallery-inn a:nth-child(7){
    margin-top: -300px;
    margin-left: calc(100% - 600px);
}  
    

    
.tokyo-sora_nn .new-gallery-AGAT454 .gallery-inn a:nth-child(6){
    margin-top: -120px;
}  
    
.tokyo-sora_nn .new-gallery-AGAT454 .gallery-inn .background_last {
    bottom: 340px;
    height: 360px;
   }
    }


@media screen and (min-width: 1200px), print {
    
    .tokyo-sora_nn .gallery .gallery-inn{
        padding: 0 calc(50% - 540px);}
    
    .tokyo-sora_nn .new-gallery-AGAT454 .gallery-inn .background_last {
    bottom: 280px;
   }
    .tokyo-sora_nn .new-gallery-AGAT454 .gallery-inn a:nth-child(5) {
    margin-bottom: -120px!important;
    }
    
    .tokyo-sora_nn .new-gallery-AGAT454 .gallery-inn a:nth-child(6){
    margin-top: -210px;
        margin-bottom: 210px!important;
}  
    
    .tokyo-sora_nn .new-gallery-AGAT454 .gallery-inn a:nth-child(7){
    margin-left: calc(100% - 600px);
}  
        
}




@media screen and (min-width: 1320px), print{
    
    .shops{
        padding-left:calc(50vw - 600px);
        padding-right:calc(50vw - 600px);
    }
    }