@charset "utf-8";
/*.head01 #gNavi .navi02 a {
    color: #D1D1CA;
}

.head02 #gNavi .navi02 a {
    color: #D1D1CA;
}*/

.spMenu .spNavi a {
    color: #FFF!important;
}
.spMenu .spNavi li:nth-child(2n) {
    width: 100px !important;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.center-block {
    margin: 0 auto;
    display: block;
}
#main {
    margin: 55px 0 0;
}

#main .headLine01 {
    margin-bottom: 48px;
    text-align: center;
    font-weight: 100;
    font-size: 14px;/*FP追記*/
}

#main .headLine01 span {
    display: block;
    font-size: 45px;
    font-weight: 200;
    line-height: 1.3;
    margin-right: 0;
    font-family: "Roboto", sans-serif;
}

#main .section {
    width: 1140px;
    margin: 0 auto;
}

#main .section p {
    text-align: center;
    color: #808080;
    font-size: 14px;
    line-height: 2.2;
    font-weight: 200;
}

#main .title {
    margin-top: 60px;
    margin-bottom: 0px;
}
#main .title img{
    width: 100%;
}

#main .btnlist {
    margin-bottom: 120px;
}
#main .btnlist img {
    width: 50%;
    float: left;
}
#main .btnlist a {
    overflow: auto;
}
#main .btnlist a img:hover {
    opacity: 0.7;
}
.cap {
    font-family: "Hiragino Mincho ProN",serif;
    font-size: 20px!important;
    color: #333333!important;
}
#main .inner {
    background-color: #F2F2F1;
}

#main .inner .photoBox {
    float: left;
    width: 50%;
}

#main .inner .photoBox img {
    width: 100%;
}

#main .inner .textBox {
    float: right;
    width: 50%;
}

#main .inner .textBox .subInfo {
    height: 100%;
    width: 70%;
    margin: 0 auto;
    display: table;
}

#main .inner .textBox .subInfo .subText {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

#main .inner .textBox .title {
    margin-bottom: 13px;
    font-size: 20px;
    font-weight: 500;
    color: #8C8C7E;
    letter-spacing: 3.2px;
}

#main .inner .textBox .title span {
    display: inline-block;
    margin-right: 15px;
    font-size: 50px;
    font-weight: 100;
    color: #BFBFB7;
    vertical-align: middle;
    font-family: "Roboto", sans-serif;
}

#main .inner .textBox .text {
    margin-bottom: 35px;
    color: #666;
    font-size: 13px;/*FP追記*/
    line-height: 2.0;
    font-weight: 200;
}

#main .inner .textBox .more {
    text-align: right;
    font-size: 18px;
}

#main .inner .textBox .more a {
    padding-right: 17px;
    color: #848472;
    display: inline-block;
    background: url("../img/common/icon05.png") no-repeat right center;
    font-family: "Roboto", sans-serif;
}

#main .innerR .textBox {
    float: left;
}

#main .innerR .photoBox {
    float: right;
}

#main .bgColor {
    background-color: #FFF;
}

#main .globalBox {
    padding-bottom: 90px;
    background: url("../img/about/bg01.jpg") no-repeat center bottom;
}

#main .globalBox h2 {
    margin-bottom: 63px;
}

#main .globalBox p {
    font-size: 13px;/*FP追記*/
    line-height: 2.3;
    text-align: center;
    font-weight: 200;
}

#main .globalImg {
    margin-bottom: 90px;
}

#main .globalImg img {
    width: 100%;
}

#main .infoBox {
    width: 990px;
    margin: 0 auto 130px;
}

#main .infoBox .photoBox {
    float: left;
}

#main .infoBox .textBox {
    width: 518px;
    float: right;
}

#main .infoBox .textBox .ttl {
    font-size: 23px;
    letter-spacing: 2.4px;
    margin-bottom: 30px;
    color: #8C8C7E;
    line-height: 1.7;
}

#main .infoBox .textBox p {
    margin-bottom: 30px;
    font-size: 13px;
    line-height: 2.0;
    font-weight: 200;
}

#main .infoBox .textBox .btm {
    margin-bottom: 0;
    text-align: right;
}

#pagePath {
    margin-bottom: 30px;
}

.comContact {
    padding-bottom: 10px;
}

#main .sliderUlBox {
    margin-bottom: 100px;
}

#main .sliderUl li {
    padding-left: 1px;
    float: left;
}

#main .sliderUl li .photo {
    width: 260px;
    height: 166px;
    overflow: hidden;
}

/*#main .sliderUl li img {
    transition: all 1.6s;
    -moz-transition: all 1.6s;
    -webkit-transition: all 1.6s;
}

#main .sliderUl li a:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}*/

#main .sliderUl li:first-child {
    padding-left: 0;
}



@media all and (min-width: 768px) and (max-width: 1200px) {

    #main .inner .textBox .text {
        margin-bottom: 15px;
    }

}

@media all and (min-width: 0) and (max-width: 767px) {
    #main {
        margin: 10px 0 0;
    }
    
    #main .headLine01 {
        margin: 30px 0 21px;
        font-size: 11px;
        letter-spacing: 1.7px;
    }
    
    #main .headLine01 span {
        font-size: 28px;
    }    
    
    #main .section {
        width: auto;
    }
    
    #main .section p {
        margin:0 30px 26px 30px;
        font-size: 100%;
        text-align: left;
    }
    
    #main .inner .textBox {
        padding: 40px 20px 38px;
        float: none;
        width: auto;
        height: auto !important;
    }
    
    #main .inner .textBox .subInfo {
        width: auto;
    }
    
    #main .inner .photoBox {
        width: auto;
        float: none;
        height: auto !important;
    }
    
    #main .inner .textBox .title {
        margin-bottom: 10px;
        font-size: 18px;
    }
    
    #main .inner .textBox .title span {
        margin-right: 10px;
        font-size: 30px;
    }
    
    #main .inner .textBox .text {
        margin-bottom: 16px;
        font-size: 100%;
        line-height: 2.0;
    }
    
    #main .inner .textBox .more {
        font-size: 100%;
    }
    
    #main .inner .textBox .more a {
        padding-right: 13px;
        background: url("../img/common/icon05.png") no-repeat right 7px;
        background-size: 4px auto;
    }
    
     #main .inner .textBox .more a:hover {
        text-decoration: none;
    }
    
    #main .globalBox {
        padding: 20px 0 40px;
        background: url("../img/about/bg01.jpg") no-repeat center top;
        background-size: 100% auto;
    }
    
    #main .globalBox h2 {
        margin-bottom: 30px;
    }
    
    #main .globalBox p {
        font-size: 100%;
        line-height: 2.0;
        margin: 0 20px;
        text-align: left;
    }
    
    #main .globalBox p br {
        display: none;
    }
        
    #main .globalImg {
        margin-bottom: 60px;
    }
    
    #main .infoBox {
        margin: 0 20px 80px;
        width: auto;
    }
    
    #main .infoBox .textBox {
        margin-bottom: 20px;
        float: none;
        width: auto;
    }
    
    #main .infoBox .textBox .ttl {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 2.1;
        text-align: center;
    }
    
    #main .infoBox .textBox p {
        margin-bottom: 20px;
        font-size: 100%;
        line-height: 2.0;
    }
    
    #main .infoBox .photoBox img {
        width: 100%;
    }
    
    #main .comContact {
        padding-bottom: 40px;
    }
    
    #main .sliderUlBox {
        margin-bottom: 20px;
    }
    
    #main .sliderUl li {
        padding-left: 2px;
    }

    #main .sliderUl li .photo {
        width: 130px;
        height: 83px;
    }
    
    #main .sliderUl li .photo img {
        width: 100%;
        height: auto;
    }
    
    #main .sliderUl li span {
        margin-top: 7px;
        font-size: 9px;
    }
    
    #main .ulLink li a:hover img {
            opacity: 1;
    }
    
    #main .sliderUl li img {
        transition: none;
        -moz-transition: none;
        -webkit-transition: none;
    }
    
    #main .sliderUl li a:hover img {
        transform: none;
        -moz-transform: none;
        -webkit-transform: none;
    }
}

@media all and (max-width: 1200px) {    
}

#gHeader .head01 .hBox li a {
    color: #848475!important;
    font-size: 14px;
}
#gNavi li a{
    letter-spacing: 0.6px;
}

.main img{
        margin-bottom: 40px;
}
#eyelash p {
    color: #808080;
    line-height: 2.1em;
    letter-spacing: .08em;
}
#eye a,
#eye a:hover,
#eye a img:hover {
    line-height: 1.8em;
    opacity: 0.8;
    font-feature-settings : "palt";
    letter-spacing: .08em;
    color: #736357;
    text-decoration: none;
}

#nail a,
#nail a:hover,
#nail a img:hover {
    line-height: 1.8em;
    opacity: 0.8;
    font-feature-settings : "palt";
    letter-spacing: .08em;
    color: #736357;
    text-decoration: none;
}

#eyelash p{ font-size: 14px; }
#eyelash a,
#eyelash a:before{ text-decoration: none;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-ms-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;}

#eyelash .tx-center{ text-align: center; }

#eyelash .pagetop a{ background:rgba(255,255,255,0.8); padding:20px; position: fixed; bottom: 0; right: 0;}
#eyelash .pagetop img{ width: 30px; }

#eyelash .bg-beige{ background-color: #E2D8C4; }
#eyelash .bg-offwhite{ background-color: #FFF; }
#eyelash .cl-pink{ color: #E8789C; }
#eyelash .cl-yellow{ color: #FFC04E; }
#eyelash .words{ display: inline-block; }

#eyelash .content-pd{ padding-top:80px; padding-bottom:80px; }

#eyelash .eye-page-link{ overflow: hidden; padding:0; border-top:1px solid #C7C7C7; border-left:1px solid #C7C7C7; }
#eyelash .eye-page-link li{ width: 20%; float:left; border-right:1px solid #C7C7C7; border-bottom:1px solid #C7C7C7; font-size: 15px; color: #998675; text-align: center;  }
#eyelash .eye-page-link li a{ color: #998675; padding:9%; display: block; line-height: 1.5em;}
#eyelash .eye-page-link li a:hover{ background-color:#F9F7F3; }

#eyelash .page-title{ padding:80px 0; }
#eyelash h1{ font-family: 'Cinzel', serif; font-size: 35px; text-align: center; color: #8F8075; }
#eyelash h1 span{ display: block; font-size: 16px; font-family: YuMincho,"Hiragino Mincho ProN",serif; padding-top: 1em; }
#eyelash h2.jp{ text-align: center; color:#333333; overflow: hidden; margin-bottom:30px; font-size: 26px; line-height: 1.5em; }
#eyelash h2 img {margin-bottom: 15px; margin: 0 auto;}
#eyelash h2.jp span{margin-top: 15px;font-size: 28px;}
#eyelash h2.en{ text-align: center; color:#8F8075; margin-bottom:60px; font-size: 30px; }
#eyelash h2.en .small{ font-size: 14px; text-align: center; }
#eyelash h2,
#eyelash h3{ font-size: 28px; line-height: 1.5em;margin-bottom: 25px;color:#333333;font-family: "Hiragino Mincho ProN",serif;text-align: center;letter-spacing: .08em; }
#eyelash h2 span {}
#eyelash .wing{ background-image: url(../images/eyelash/img_title_left.svg),url(../images/eyelash/img_title_right.svg); background-position: left center, right center; background-repeat: no-repeat; display: inline-block; padding:0 15%; background-size: 17%; }
#eyelash h3{ letter-spacing: .1em;}

#eyelash #before-after { overflow: hidden;}
#eyelash #before-after h2 strong{ font-size: 62px; letter-spacing: .3em; overflow: hidden; line-height: 1.5em;}
#eyelash #before-after p{ text-align: center; font-size: 2vw; color:#8F8075; padding-top:20px; }
#eyelash #sec-1 .sec-title{  }
#eyelash #sec-1 .sec-title .container{ position: relative; }
#eyelash #sec-1 .sec-title .flag{ position: absolute; width:12%; top:-7%; float: left;  }
#eyelash #sec-1 .sec-title h2{ text-align: left; font-size: 2.3vw; padding:4% 15px 4% 15%; line-height: 1.8em; margin:0; }
#eyelash #sec-1 .sec-title h2 strong{ font-size: 125%; }
#eyelash #sec-1 .contents-box{ overflow: hidden; }
#eyelash #sec-1 .contents-box figure{ width: 40%; margin:0; }
#eyelash #sec-1 .contents-box.box-1 figure{ float: left; background: url(../images/eyelash/ph_eyelash_1.jpg) center; background-size: cover; }
#eyelash #sec-1 .contents-box.box-2 figure{ float: right; background: url(../images/eyelash/ph_eyelash_2.jpg) center; background-size: cover; }
#eyelash #sec-1 .contents-box .txt-box{ width: 60%; padding:5%;   }
#eyelash #sec-1 .contents-box.box-1 .txt-box{ float: right; color: #fff; background:url(../images/eyelash/ttl_eyelash_2.png) no-repeat,#A18E7D; background-position: right bottom; background-size: contain; }
#eyelash #sec-1 .contents-box.box-2 .txt-box{ float: left; color:#8F8075; background:url(../images/eyelash/ttl_eyelash.png) no-repeat,#F9F7F3; background-position: left bottom; background-size: contain;}
#eyelash #sec-1 .contents-box h3{ font-size: 29px; font-family: YuMincho,"Hiragino Mincho ProN",serif; line-height: 1.5em; padding-bottom:1em; }
#eyelash #sec-1 .contents-box p{ color: inherit; font-size: 15px;}
#eyelash .more-btn{ text-align: center; padding-top:40px; }
#eyelash .more-btn a{ padding:14px; max-width: 250px; display: block; }
#eyelash #sec-1 .contents-box.box-1 .more-btn a{ border:2px solid #fff; color: inherit;}
#eyelash #sec-1 .contents-box.box-2 .more-btn a{ border:2px solid #8F8075; color: inherit;}
#eyelash #sec-1 .contents-box.box-1 .more-btn a:hover{ background-color: #fff; color:#A18E7D; }
#eyelash #sec-1 .contents-box.box-2 .more-btn a:hover{ background-color: #8F8075; color:#fff; }

#eyelash #reccomend{ overflow: hidden; background: #FFF6F9; }
#eyelash #reccomend h2{ }
#eyelash #reccomend h2 strong{ font-size: 130%; }

#eyelash #reccomend figure{ width: 35%; float: left; padding-right: 5%; }
#eyelash #reccomend .checkbox{ width: 65%; float: right; overflow: hidden; border:2px solid #998675; padding:40px 40px 30px; }
#eyelash #reccomend .clearfix{ padding:10px 0 40px; max-width: 960px; margin:0 auto; }
#eyelash #reccomend .checkbox li{ font-size: 18px; font-family: YuMincho,"Hiragino Mincho ProN",serif; color: #998675; letter-spacing: .06em; line-height: 1.5em; background:url(../images/eyelash/ic_check.svg) no-repeat left top 1px; padding:0 0 14px 30px; background-size: 20px;}

#eyelash #safety h3{ color:#E8789C; letter-spacing: 0.2em; font-size: 16px; line-height: 1.5em; margin-bottom:10px; background-size: contain;font-weight: bold; }
#eyelash #safety figure{ padding:0 0 10px; }
#eyelash #safety p{ line-height: 1.8em; }
#eyelash #safety ul{ padding:40px 0 0; }

#eyelash #design{ overflow: hidden; background:#FFF6F9; background-size: cover;}
#eyelash #design ul{ text-align: center; -webkit-justify-content: center; justify-content:center; }
#eyelash #design li{ width:33.3%; padding:40px 10px 10px 10px;position: relative; }
#eyelash #design li .inner{ padding:35px 20px; border:2px solid #BBBBBB;}
#eyelash #design li .num{ text-align: center; font-size: 32px; font-family: 'Cinzel', serif; color:#E8789C; padding:0 0 4px;position: absolute;top: 18px;left:0;right: 0;bottom: 0;}

#eyelash #flow{ overflow: hidden; }
#eyelash #flow ul{ margin-bottom:-50px; }
#eyelash #flow li{ text-align: center; padding-bottom:0px; }
#eyelash #flow li .num{ font-size: 19px; border-bottom: 1px solid #736357; font-family: 'Cinzel', serif; display: inline-block; margin-bottom:12px; letter-spacing: .06em; color:#736357;}
#eyelash #flow li h3{ font-size: 18px; color: #333333; padding-bottom:16px;font-weight: bold; }

#eyelash #coution{  }
#eyelash #coution .txt-box{ border:1px #998675 solid; padding:60px 100px; background:url(../images/eyelash/img_deco_top.svg) top 20px left 20px,url(../images/eyelash/img_deco_bottom.svg) bottom 20px right 20px; background-size: auto 40%; background-repeat: no-repeat; }
#eyelash #coution h2{ font-size: 22px; padding:0 0 30px; color: #8f8075; text-align: center; }
#eyelash #coution p{ font-size: 15px; line-height: 2.2em; }
#eyelash #qa {background: #FFF6F9;}
#eyelash #qa .notes{ padding-bottom:40px; }

#eyelash #qa .qa-category { padding:20px 0 0; }
#eyelash #qa .qa-category h3{ font-size: 20px;  padding:10px 0; border-bottom:1px solid #E9789D; color: #E9789D;text-align: left;}
#eyelash #qa .qa-category h3 span{ padding:13px 0 15px 15px; border-left:6px solid #E9789D; }
#eyelash #qa .qa-category li .inner{ padding:0px 0px 20px; position: relative; }
#eyelash #qa .qa-category li h4{ font-family: YuMincho,"Hiragino Mincho ProN",serif; color:#333333; font-size: 18px; letter-spacing: .08em; padding-bottom:7px; border-bottom:1px solid #BBBBBB; line-height: 1.5em; padding-left: 35px; font-weight: bold;}
#eyelash #qa .qa-category li h4:before{ content: "Q."; position: absolute; left:0px; }
#eyelash #qa .qa-category li .inner p {line-height: 1.8em;}
#eyelash #qa .white_inner {background: #FFF;padding: 40px 80px;}

#eyelash .reserve{margin: 50px auto 100px;}
#eyelash .reserve .reservebtn_p {display: inline-block; padding: 35px 2.5em 35px 2em; margin: 0 0 1em; background-color: #E8789C; color: rgb(255, 255, 255); font-size: 18px; letter-spacing: 0.1em; font-weight: bold; cursor: pointer; position: relative; width: 100%; text-align: center;}
#eyelash .reserve .reservebtn_p:hover { opacity: 0.8;}
#eyelash .reserve .reservebtn_p::after { position: absolute; content: '\f107'; font-family: 'Font Awesome 5 Free'; font-weight: 900; right: 1.8em; transform: translateY(0%);}

#eyelash .reserve .reservebtn_g {display: inline-block; padding: 30px 2.5em 30px 2em; margin: 0 0 1em; background-color: #FFF; color: #B7A081; font-size: 18px; letter-spacing: 0.1em; font-weight: bold; cursor: pointer; position: relative; width: 100%; text-align: center; border:3px solid #B7A081; }
#eyelash .reserve .reservebtn_g:hover { opacity: 0.8;}
#eyelash .reserve .reservebtn_g::after { position: absolute; content: '\f107'; font-family: 'Font Awesome 5 Free'; font-weight: 900; right: 1.8em; transform: translateY(0%);}

#nail #concept{overflow: auto;}
#nail #concept .left{width: 50%;float: left;padding: 0 15px; }
#nail #concept p.right{width: 50%; float: left; padding: 0 15px;} 

#nail #paragel{background: #FFFAF2;clear: both;}
#nail #paragel .logo{margin-bottom: 40px;margin-top: 50px;}
#nail #paragel ul{margin-top: 50px;}

#nail #paragel2 .yellowbox{border: 1px solid #BBBBBB;clear: both;overflow: auto;margin-bottom: 50px;}
#nail #paragel2 .yellowbox h4 {font-family: YuMincho,"Hiragino Mincho ProN",serif;background: #FFC04E;text-align: center;color: #FFF;padding: 15px;margin-bottom: 40px; }
#nail #paragel2 .yellowbox .gelillust {width: 1000px;margin: 0px auto;}
#nail #paragel2 .yellowbox .gelillust img{width: 50%;float: left;padding-left: 15px;padding-right: 15px;margin-bottom: 50px;}
#nail #paragel2 .yellowbox ul {width: 1000px;margin: 0 auto;}
#nail #paragel2 .yellowbox ul li img {width: 30%;float: left;padding-right: 20px;}
#nail #paragel2 .yellowbox ul li h5 {font-family: YuMincho,"Hiragino Mincho ProN",serif;font-size: 20px;color: #FFC04E;}
#nail #paragel2 .yellowbox ul li {overflow: auto;border-bottom: 1px solid #BBBBBB;padding-bottom: 20px;margin-bottom: 40px;}
#nail #paragel2 .yellowbox ul li:last-child{border-bottom: none;}

#nail #design {background: #FFF;}
#nail #design .insta h4{font-family: YuMincho,"Hiragino Mincho ProN",serif;color:#333333;text-align: center; float: left;}
#nail #design .insta h4 img {float: left;padding-right: 10px;}
#nail #design .insta .insta_id{text-align: center;color: #333333;}
#nail #design .shoptitle_ico {font-family: YuMincho,"Hiragino Mincho ProN",serif;text-align: center;font-size: 20px;}
#nail #design .icon{display: inline-block;width: 30px;height: 30px;background: url(../images/ico_insta.png)no-repeat;padding-right: 37px;margin-bottom: -9px;}

#nail .paramain {margin-bottom: 80px;}

.insta {width: 100%;}
.insta ul li{width: 20%!important; float: left; list-style: none;padding: 0px 0px 50px 0px!important;}
.insta ul li a img{ width: 100%; height: 222px; padding: 5px; object-fit: cover;}

#nail .reserve .reservebtn_p {background-color: #FFC04E;}

#coupon hr{border-bottom: 1px solid #D1D1D1; width: 1140px;}
#coupon .box {border: 2px solid #E8789C;overflow: auto;margin-bottom: 30px;}
#coupon .box .left_column{width: 5%;min-height: 170px;float:left;background: #E8789C;color: #FFF;padding: 60px 20px;}
#coupon .box .center_column{width: 70%;float: left;padding: 20px 10px 0px 5px;}
#coupon .box .right_column{width: 25%;float: right;padding: 62.5px 0px;background: #FFF6F9;}
#coupon .box .topbar {background: #FFE9F1;margin-bottom: 10px;color: #E8789C;padding: 5px; border-radius: 5px;width: 130px;text-align: center;font-weight: bold;}
#coupon .box h3 p {font-size: 28px;line-height: 1em;margin-bottom: 0px;color: #000000;font-family: YuMincho,"Hiragino Mincho ProN",serif;font-weight: bold;text-align: left;}
#coupon .box h3 {margin-bottom: 0px;}
#coupon .box .price {font-family: YuMincho,"Hiragino Mincho ProN";color:#E8789C;font-size: 38px;font-weight: bold;float: right;text-align: right;}
#coupon .box .price small{font-size: 15px;color: #333333;}
#coupon .box .menu {float: left;}
#coupon .box .right_column .button a{background: #B7A081;padding: 25px;color: #FFF;}
#coupon .box .sub_txt{margin-top: 5px;}

#coupon .nailcoupon {border: 2px solid #FFC04E}
#coupon .nailcoupon .left_column{background: #FFC04E;}
#coupon .nailcoupon .right_column{background: #FFF3DF;}
#coupon .nailcoupon .topbar {background: #FFF3DF;color: #FFC04E;}
#coupon .nailcoupon .price {color: #FFC04E;}

#coupon .attention {border: 1px solid #808080;padding: 25px;}
#coupon .attention h3 {color: #E8789C;font-size: 16px;text-align: left;margin-bottom: 5px;}
#coupon .attention p {line-height: 1.5em;}

#shop .kategori {text-align: center;color: #333333;margin: 50px 0px 30px;}
#shop h4 {text-align: center;font-size: 20px;color: #333333;font-family: YuMincho,"Hiragino Mincho ProN";margin-bottom: 10px;line-height: 1.4em;}
#shop p {line-height: 1.8em;}
#shop .webreserve {background: #B7A081;text-align: center;color: #FFF;padding: 18px;font-size: 18px;width: 100%;display: block;margin-bottom: 50px;}
#shop .webreserve:hover {background: rgba(183,160,129,0.7);color: #FFF;}



/*SP*/
@media only screen and (max-width: 1199px){
    #eyelash .max-w{ display: none; }
}
@media only screen and (max-width: 992px){
}
@media only screen and (max-width: 768px) {

#main .section {width: 90%;}
.main img { margin-bottom: 20px;padding-top: 0px;}
#eyelash h2.jp span {font-size: 16px;}
#main .section p { margin: 0 0px 0px 0px; font-size: 14px;line-height: 1.8em;}
#main .couponlink {margin: 20px 0px 50px;}
#main .section .cap {font-size: 14px!important;text-align: center;margin: 20px 0px 5px;}
#main .btnlist {margin-bottom: 40px; overflow: auto;}
#eyelash .page-title{ padding:30px 0; height: auto; }
#eyelash h1{ font-size: 22px; text-align: center; }
#eyelash h1 span{ font-size: 12px; padding-top: .6em; }
#eyelash h2.jp{ margin-bottom:20px; margin-top: 20px; font-size: 18px; }
#eyelash h2.jp img {height: 36px;width: auto;}
#eyelash .reserve-link .wing,
#eyelash #reccomend .wing,
#eyelash #safety .wing,#access .wing{ background: none; padding-left:0; padding-right:0; }

#eyelash .eye-page-link li{ width: 50%; font-size: 13px; }
#eyelash .eye-page-link li a{ padding:15px; }
#eyelash .content-pd{ padding-top:20px; padding-bottom:40px; }
#eyelash .pagetop a { padding: 0px;}

#eyelash #before-after .en {width: 240px;margin: 0px auto 20px;}
#eyelash #before-after .cap{font-size: 16px!important;}
#eyelash #before-after h2 strong{ font-size: 8vw; letter-spacing: .3em; overflow: hidden; line-height: 1.5em;}
#eyelash #before-after p{ font-size: 4vw; padding-top:20px; }
#eyelash #before-after h2{ font-size: 3.4vw; }
#eyelash #before-after h2 .wing{ padding:0 13%; }

#eyelash #sec-1 .sec-title .container{ position: relative; max-width: 100%; }
#eyelash #sec-1 .sec-title .flag{ position: relative; width:110px; top:-11px; float: none; left: 0; right: 0; margin:0 auto; display: block;}
#eyelash #sec-1 .sec-title h2{ text-align: center; font-size: 4.5vw; padding:5px 15px 30px; line-height: 2em; }
#eyelash #sec-1 .contents-box figure{ width: 100%; height: 280px;}
#eyelash #sec-1 .contents-box .txt-box{ width: 100%; padding:30px 20px 40px; }
#eyelash #sec-1 .contents-box h3{ font-size: 19px; line-height: 1.8em; padding-bottom:0.7em; }
#eyelash #sec-1 .contents-box p{ font-size: 12px;}
#eyelash .more-btn{ padding-top:20px; }
#eyelash .more-btn a{ padding:14px;  margin: 0 auto; }

#eyelash #reccomend .tx-center{ text-align: left; font-size: 14px; }
#eyelash #reccomend figure{ width:100%; float: none; padding: 0 40px; max-width: 350px; margin:0 auto 20px; }
#eyelash #reccomend .clearfix{ padding: 0px 0 30px;}
#eyelash .cl-pink {font-size: 16px;margin-bottom: 10px;}

#eyelash #safety .row{ margin: 0 -5px -15px; }
#eyelash #safety ul{ padding:0; }
#eyelash #safety li{ padding:0 5px 15px; }
#eyelash #safety li p{ font-size: 12px; }
#eyelash #safety h3{ font-size: 13px; margin-bottom:5px;letter-spacing: 0.1em; }
#eyelash #safety figure{ padding:0 0 0px; }

#eyelash #design{ background:#FFF6F9;}
#eyelash #design .tx-center{ text-align:left; font-size: 12px; }
#eyelash #design li{ width:100%; padding:15px; }
#eyelash #design li figure{ max-width: 350px; margin:0 auto; }
#eyelash #design li .inner{ padding:30px 20px; border:2px solid #998675;}
#eyelash #design li .num{ font-size: 32px; padding:0 0 4px;top: -6px; }

#eyelash #flow{ overflow: hidden; }
#eyelash #flow ul{ margin:0 -5px -20px;}
#eyelash #flow li{ padding:0 5px 20px;}
#eyelash #flow li .num{ font-size: 13px; border-bottom: 1px solid #736357;  display: inline-block; margin-bottom:8px; }
#eyelash #flow li h3{ font-size: 13px; letter-spacing:0; padding-bottom: 0px; margin-bottom: 0px;}

#eyelash #qa { margin-bottom: -20px; }
#eyelash #qa .white_inner {background: #FFF; padding: 0px 20px;}

#eyelash #qa .qa-category { padding: 20px 0 0; }
#eyelash #qa .qa-category h3{ font-size: 18px;margin-bottom: 10px; }
#eyelash #qa .qa-category li .inner{ padding:5px 0; }
#eyelash #qa .qa-category li h4{ font-size: 15px; padding-bottom:.5em;}
#eyelash #qa .qa-category li p{ font-size: 12px; }

#eyelash .reserve .reservebtn_p {padding: 25px 2.5em 25px 2em;}
#eyelash .reserve .reservebtn_g {padding: 25px 2.5em 25px 2em;}
#eyelash .reserve {margin: 50px auto 50px;}

#eyelash .cl-yellow {color: #FFC04E;font-size: 18px;}

#nail h2.en {color: #8F8075; margin-bottom: 20px; font-size: 30px;}
#nail #concept .left { width: 100%; float: none;padding: 0px;}
#nail #concept p.right {width: 100%; float: none; padding: 0px;line-height: 1.8em; margin-top: 10px;}

#nail #paragel .logo {margin-top: 20px;margin-bottom: 30px;}
#nail #paragel .logo img{width: 280px;}
#nail #paragel .tx-center{text-align: left;line-height: 1.8em;}
#nail #paragel2 .yellowbox {margin-bottom: 10px;}
#nail #paragel2 .yellowbox h4{font-size: 16px;margin-bottom: 20px;}
#nail #paragel2 .yellowbox .gelillust {width: 100%;}
#nail #paragel2 .yellowbox .gelillust img {width: 100%;margin-bottom: 30px;}
#nail #paragel2 .yellowbox ul {width: 100%; margin: 0 auto;}
#nail #paragel2 .yellowbox ul li{width: 90%;margin: 0px auto 30px;}
#nail #paragel2 .yellowbox ul li img {width: 80%;margin: 0px auto 20px; float: none; padding-right: 0px;}
#nail #paragel2 .yellowbox ul li p{line-height: 1.8em;}

#nail #design {background: #FFF;}
#nail #design .shoptitle_ico {font-size: 13px;}

.insta {width: 100%;overflow: auto;margin-top: 5px;margin-bottom: 15px;}
.insta ul li{width: 50%!important;padding: 0px 0px 0px 0px!important;}
.insta ul li:last-child{display: none;}
.insta ul li img{height: auto!important;}

#nail .reserve {
    margin: 0px auto 0px;
}
#coupon hr{width: 100%;}
#coupon .box {border: 2px solid #E8789C;overflow: auto;margin-bottom: 30px;}
#coupon .box .left_column{width: 8%;padding: 105px 5px;}
#coupon .box .center_column{width: 92%;height: 60%;padding: 15px 5px 0px 0px;}
#coupon .box .right_column{width: 92%;height: 40%;padding: 20px 20px 33px;}
#coupon .box .topbar {margin-bottom: 10px;padding: 2px; width: 110px;font-size: 12px;}
#coupon .box h3 p {font-size: 16px;line-height: 1em;margin-bottom: 0px;color: #000000;text-align: left;}
#coupon .box .price {font-size: 32px;text-align: right;line-height: 0.5em;}
#coupon .box .price small{font-size: 12px;}
#coupon .box .menu {float: left;}
#coupon .box .right_column .button a{padding: 15px 0px;color: #FFF;width: 100%;display: block;}
#coupon .box .sub_txt{margin-top: 3px;font-size: 12px;}
#coupon .nailcoupon {border: 2px solid #FFC04E;}

#coupon .attention {padding: 15px;}
#coupon .attention h3 {font-size: 14px;margin-bottom: 10px;}
#coupon .attention p {font-size: 12px;}

#shop .kategori {margin: 30px 0px 30px;}
#shop .kategori img{width: 100px;}
#shop h4 {font-size: 17px;}
#shop p a{text-decoration: underline;}


}

@media only screen and (min-width: 1200px){

#eyelash #sec-1 .sec-title h2{ font-size: 32px; }
.max-w{ display: block; }

}