@charset "UTF-8";
header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 15000;
}
.contTitle { width: 100%; padding: 15px 0px 13px 0px; text-indent: 8px; box-sizing: border-box; text-align: center; color: #FFF; font-weight: bold; font-size: 18px; font-family: 'Quicksand', sans-serif; letter-spacing: 5px; }
.contTitle { background: url(/images/sp/top/title_special.png); }


.arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
    text-decoration: none;
}
.arrow::before{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.arrow-white::before{
    left: 10px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}



.ash-mrs2016{
    font-size: 16px;
    line-height: 180%;
    font-family : YuGothic, '游ゴシック', sans-serif;
    color: #111 !important;
    text-align: left;
}
.ash-mrs2016 a{
    text-decoration: none;
}

.ash-mrs2016 a:link{ color: #666; text-decoration: underline; }
.ash-mrs2016 a:visited{ color: #666; text-decoration: underline; }
.ash-mrs2016 a:hover{ text-decoration: none; }

.wrap-mrs{
    background-color: #f3f3f3;
    padding: 20px;
}


*{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/* ================メインビジュアル================== */
.top-banner{
    margin-bottom: 30px;
}
.top-banner dl dt img{
    border: solid 1px #ccc;
}
.top-banner dl dt{
    margin-bottom: 20px;
}
.top-banner dl dd{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #222;
}
/* ================動画================== */
.ps-movie{
    background-color: #333333;
    padding: 30px 0;
    margin-bottom: 30px;
}
.youtube {
    position: relative;
    width: 100%;
    padding: 50% 0 0 0;
}
.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* ================テーマタイトル================== */
.ttl-mrs{
    border-top: solid 1px #000;
    border-bottom: solid 3px #000;
    margin-bottom: 20px;
}
.ttl-mrs h3{
    margin: 0;
    font-weight: normal;
    background-image: none;
}
.ttl-mrs h3 span{
    font-family: 'Petit Formal Script', cursive;
    margin-right: 0.5em;
}
/* ================スタイル================== */

.unit-style img.border{
    border: solid 4px #000;
}
.hair-point dl dt{
    font-family: 'Petit Formal Script', cursive;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: solid 2px #333;
    margin-bottom: 10px;
}
.stylist{
    border-top: solid 1px #ccc;
    padding: 20px 0;
}
.stylist-inner{
    overflow: hidden;
}
.stylist .thumb{
    float: left;
    width: 100px;
}
.stylist .stylist-info{
    margin-left: 120px;
}
.stylist .stylist-info span{
    margin-left: 5px;
}
.stylist .stylist-info span img{
    display: inline-block;
    vertical-align: baseline;
    width: inherit !important;
}
.stylist .stylist-info dl{
    margin-bottom: 20px;
}
.stylist .btn a{
    display: inline-block;
    background-color: #000;
    color: #fff;
    padding: 10px 15px 10px 30px;
    background-image: none;
    text-decoration: none;
}

.special-thanks{
    margin-bottom: 20px;
}
.special-thanks ul{
    border: solid 1px #ebebeb;
    padding: 20px;
}



/* ===================================================================
スマホ
=================================================================== */
@media (max-width: 640px) {

    .wrap-mrs { line-height: 180%; }

    .hide-sp{
        display: none;
    }
    .top-banner{
        margin: 15px;
    }
    .unit-perm2016{
        padding: 15px;
    }
    /* ================トップバナー================== */
    .top-banner dl dd{
        font-size: 14px;
        line-height: 160%;
    }
    /* ================テーマタイトル================== */
    .ttl-mrs{
        padding: 10px 0;
    }
    .ttl-mrs h3{
        font-size: 20px;
    }
    /* ================スタイル================== */
    .unit-style{
        margin-bottom: 20px;
    }
    .photo-l{
        width: 50%;
        margin: 0 auto 20px;
    }
    .lead{
        margin-bottom: 20px;
        line-height: 180%;
    }
    .lead p{ line-height: 180%; }
    .photo-m{
        margin-bottom: 20px;
    }
    .photo-s{
        display: none;
    }
    .hair-point{
        margin-bottom: 20px;
    }
    .hair-point p{
        width: 120px;
        float: left;
    }
    .hair-point dl{
        margin-left: 140px;
    }
    .hair-point dl dd{
        font-size: 14px;
        line-height: 150%;
    }
    .stylist-info{
        font-size: 14px;
        line-height: 180%;
    }
    .stylist-inner{
        margin-bottom: 20px;
    }
    .stylist .btn{
        text-align: center;
    }
    .stylist dt,
    .stylist dd{ line-height: 180%; }

    /* ================コンテンツ================== */

    .wrap-gallery ul{
        overflow: hidden;
    }
    .wrap-gallery ul li{
        float: left;
        width: 49%;
        margin-right: 1%;
        margin-bottom: 2%;
    }
    .wrap-gallery ul li:nth-child(even){
        margin-left: 1%;
        margin-right: 0;
    }


    .special-thanks{
        margin: 20px;
        line-height: 180%;
    }
    .special-thanks li{ line-height: 180%; }


}
/* ===================================================================
PC
=================================================================== */
@media (min-width: 768px) {

    #container .ash-mrs2016 img{
        max-width: 100%;
        height: auto;
        width /***/:auto;
    }

    .hide-pc{
        display: none;
    }



    /* ================ミセス特集================== */
    .ash-mrs2016{
        width: 980px;
        margin: 0 auto;
        font-size: 14px;
        line-height: 160%;
    }
    .wrap-mrs{
        padding: 20px;
        margin-bottom: 40px;
    }
    /* ================テーマタイトル================== */
    .ttl-mrs{
        border-top: solid 1px #000;
        border-bottom: solid 3px #000;
        margin-bottom: 20px;
        padding: 30px 0;

    }
    .ttl-mrs h3{
        font-size: 32px;
        margin: 0;
        font-weight: normal;
    }
    /* ================スタイル================== */




    .unit-style{
        position: relative;
    }



    .photo-l,
    .photo-m,
    .photo-s,
    .lead,
    .stylist,
    .hair-point{
        position: absolute;
    }
    .photo-l img,
    .photo-m img,
    .photo-s img,
    .lead img,
    .stylist img,
    .hair-point img{
        width: 100%;
        height: auto;
    }
    .style-mrs01 .unit-style{
        height: 750px;
    }
    .style-mrs01 .photo-l{
        width: 440px;
        left: 0;top: 0;
    }
    .style-mrs01 .photo-m{
        left: 440px;
        width: 500px;
        overflow: hidden;
        top: 70px;
        margin-right: -20px;
    }
    .style-mrs01 .photo-s{
        width: 200px;
        left: 470px;top: 340px;
    }
    .style-mrs01 .lead{
        left: 470px;top: 0;
    }
    .style-mrs01 .hair-point{
        left: 680px;top: 390px;
    }
    .style-mrs01 .hair-point p{
        display: none;
    }
    .style-mrs01 .hair-point dl{
    }
    .style-mrs01 .stylist{
        width: 460px;
        left: 470px;
        top: 560px;
    }
    .style-mrs01 .stylist .btn{
        position: absolute;
        left: 120px;
        top: 80px;
    }



    .style-mrs02 .unit-style{
        height: 750px;
    }
    .style-mrs02 .photo-l{
        width: 440px;
        right: 0;top: 0;
    }
    .style-mrs02 .photo-m{
        left: 0px;top: 0px;
        width: 450px;
    }
    .style-mrs02 .photo-s{
        width: 230px;
        left: 310px;top: 280px;
    }
    .style-mrs02 .lead{
        width: 280px;
        left: 0px;top: 280px;
    }
    .style-mrs02 .hair-point{
        width: 280px;
        left: 0px;top: 390px;
    }
    .style-mrs02 .hair-point p{
        display: none;
    }
    .style-mrs02 .hair-point dl{
    }
    .style-mrs02 .stylist{
        width: 460px;
        left: 0px;
        top: 560px;
    }
    .style-mrs02 .stylist .btn{
        position: absolute;
        left: 120px;
        top: 80px;
    }


    .style-mrs03 .unit-style{
        height: 750px;
    }
    .style-mrs03 .photo-l{
        width: 440px;
        left: 0;top: 0;
    }
    .style-mrs03 .photo-m{
        width: 500px;
        left: 460px;top: 0px;
        margin-right: -20px;
    }
    .style-mrs03 .photo-s{
        width: 220px;
        right: 0px;top: 200px;
    }
    .style-mrs03 .lead{
        width: 230px;
        left: 460px;top: 310px;
    }
    .style-mrs03 .hair-point{
        left: 460px;top: 440px;
    }
    .style-mrs03 .hair-point p{
        display: none;
    }
    .style-mrs03 .hair-point dl{
    }
    .style-mrs03 .stylist{
        width: 460px;
        left: 470px;
        top: 560px;
    }
    .style-mrs03 .stylist .btn{
        position: absolute;
        left: 120px;
        top: 80px;
    }
    .gallery-sec-top{
        overflow: hidden;
        margin-bottom: 10px;
    }
    .gallery-sec-top p{
        float: left;
    }
    .gallery-sec-top p:first-child{
        margin-right: 10px;
    }
    .gallery-sec-second{
        overflow: hidden;
    }
    .gallery-sec-second p{
        margin-bottom: 10px;
    }
    .gallery-sec-left{
        width: 460px;
        float: left;
    }
    .gallery-sec-left p:nth-child(2){
        width: 225px;
        margin-left: auto;
    }
    .gallery-sec-right{
        margin-left: 470px;
    }
    .gallery-sec-rt-bottom{
        overflow: hidden;
    }
    .gallery-sec-rt-bottom p{
        float: left;
    }
    .gallery-sec-rt-bottom p:first-child{
        margin-right: 10px;
    }




    .special-thanks ul{
        overflow: hidden;
        list-style: none;
    }
    /*
    .special-thanks ul li{
        display: inline-block;
        margin-right: 20px;
    }*/











}