/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: YuGothic, YuGothicM, "游ゴシック", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    line-height: 160%;
    color: #543a25
    }
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
    }
.clearfix {
    display: inline-block
    }
* html .clearfix {
    height: 1%
    }
.clearfix {
    display: block
    }
.clearfix {
    /*
        overflow: hidden;
    */
    }
.clear {
    clear: both
    }
img {
    vertical-align: top;
    border: none
    }
a {
    color: #563b29;
    text-decoration: none
    }
a:hover {
    opacity: 0.6
    }
ul {
    list-style: none
    }
    
    
/*あかもんリセット*/
@charset "utf-8";
img{
    max-width:100%;
    height:auto !important;
}
img:not([src*="."]) {
    display: none !important;
}
div[content_type="blog"] {
    display:block !important;
    }
div[content_type="blog"]:hover:before {
    content:"※こちらはブログ機能になります。左下（もしくは左上）のUNISON CMSのロゴをクリックして、「記事を投稿する」ボタンから記事を投稿してください。";
    display:block;
    line-height:1.8;
    font-weight:bold;
    color:red;
    font-size:1em;
}
div[content_type="blog_category"] {
    display:block !important;
    }
div[content_type="blog_category"]:hover:before {
    content:"※こちらはブログのカテゴリー機能になります。カテゴリーを編集する場合は、左下（もしくは左上）のUNISON CMSのロゴをクリックして、「記事を投稿する」ボタンから「記事投稿」画面に行っていただき、「記事カテゴリ管理」から編集ができます。";
    display:block;
    line-height:1.8;
    font-weight:bold;
    color:red;
    font-size:0.8em;
}
div[content_type="gallery"] {
    display:block !important;
}
div[content_type="gallery"]:hover:before {
    content:"※ギャラリー機能になります。「設定」ボタンから編集ができます。「画像選択」から画像の追加ができ、画像の順番はドラッグ&ドロップで簡単に並び替えできます。";
    display:block;
    line-height:1.8;
    font-weight:bold;
    color:red;
    font-size:1em;
    clear:both;
}
div.managed_html_content_anchor, div.managed_html_content_anchor_pending {
    z-index:500 !important;
}
.menu_slash:last-of-type{
    display:none;
}
.xx1:before,.xx2:before,.xx3:before,.xx4:before,.xx5:before,.xx6:before,.xx7:before,.xx8:before,.xx9:before {
    content:"0";
}

/*注意書き*/
/*ブログ機能用*/
div[content_type="blog"] {
    display:block !important;
    }
div[content_type="blog"]:hover:before {
    content:"※こちらはブログ機能になります。左下（もしくは左上）のUNISON CMSのロゴをクリックして、「記事を投稿する」ボタンから記事を投稿してください。";
    display:block;
    line-height:1.8;
    font-weight:bold;
    color:red;
    font-size:0.8em;
}

/*ブログカテゴリー用*/
div[content_type="blog_category"] {
    display:block !important;
    }
div[content_type="blog_category"]:hover:before {
    content:"※こちらはブログのカテゴリー機能になります。カテゴリーを編集する場合は、左下（もしくは左上）のUNISON CMSのロゴをクリックして、「記事を投稿する」ボタンから「記事投稿」画面に行っていただき、「記事カテゴリ管理」から編集ができます。";
    display:block;
    line-height:1.8;
    font-weight:bold;
    color:red;
    font-size:0.8em;
}

/*ギャラリー用*/
div[content_type="gallery"] {
    display:block !important;
}
div[content_type="gallery"]:hover:before {
    content:"※ギャラリー機能になります。「設定」ボタンから編集ができます。「画像選択」から画像の追加ができ、画像の順番はドラッグ&ドロップで簡単に並び替えできます。";
    display:block;
    line-height:1.8;
    font-weight:bold;
    color:red;
    font-size:0.8em;
    clear:both;
}

/*コレクション機能用、注意書きが必要なところ用*/
div[onclick] .home-staff:hover:before {
    content:"※こちらは見たまま編集ができません。左下（もしくは左上）のUNISON CMSのロゴをクリックして、「記事を投稿する」ボタン→「スタイルギャラリー」から編集をしてください";
    display:block;
    line-height:1.8;
    font-weight:bold;
    color:red;
    font-size:0.8em;
    clear:both;
}
div[onclick] .stylelist :hover:before {
    content:"※こちらは見たまま編集ができません。左下（もしくは左上）のUNISON CMSのロゴをクリックして、「記事を投稿する」ボタン→「スタイルギャラリー」から編集をしてください";
    display:block;
    line-height:1.8;
    font-weight:bold;
    color:red;
    font-size:0.8em;
    clear:both;
}
/*ここまで注意書き*/




#wrapper {
    min-width: 1200px;
    overflow: hidden;
    padding-top: 286px
    }
#header {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0)
    }
#header.fixed {
    animation-duration: 1s;
    animation-fill-mode: both;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background: #fff;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
    box-shadow: 0 10px 6px -9px #bababa;
    -moz-box-shadow: 0 10px 6px -9px #bababa;
    -webkit-box-shadow: 0 10px 6px -9px #bababa
    }
@keyframes slideInDown {
    from {
        transform: translate3d(0, - 100%, 0);
        visibility: visible;
        } to {
        transform: translate3d(0, 0, 0);
        }
    }
.fixed {
    animation-name: slideInDown
    }
#header .inner {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 65px 0 35px 0;
    position: relative
    }
@media screen and (max-width: 1024px) {
    #header .inner {
        width: auto;
    }
    #header .inner #gnav ul{
        width: auto;
    }
}
#header h1 {
    text-align: center;
    padding: 0 0 64px 0
    }
    #header h1 img{
    height: 60px !important;
    }
#gnav ul {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    text-align: center
    }
#gnav li {
    display: inline-block !important;
    font-size: 16px;
    line-height: 140%;
    padding: 0 23px
    }
#gnav li .n {
    display: block;
    font-size: 12px
    }
html {
    overflow: auto
    }
body {
    overflow: hidden;
    min-width: 1200px
    }
#header .inner .hinfo {
    position: absolute;
    top: 40px;
    right: -210px;
    border-left: 1px solid #876d58;
    padding-left: 34px
    }
#header .inner .hinfo img {
    vertical-align: middle;
    margin-top: -5px;
    display: inline-block !important;
    margin-top: -18px;
    margin-right: 3px
    }
#header .inner .hinfo dl {
    display: inline-block !important
    }
#header .inner .hinfo dt {
    font-size: 23px;
    line-height: 1;
    letter-spacing: 2px;
    padding-bottom: 5px
    }
#header .inner .hinfo dd {
    font-size: 12px;
    line-height: 1
    }
#header .inner .hinfo dd img {
    margin-top: 0
    }
#header .inner .hinfo dd a {
    display: inline-block !important;
    float: right
    }
#header .inner .hinfo dd .of {
    display: inline-block !important;
    background: #543a25;
    color: #fff;
    width: 14px;
    line-height: 14px;
    font-size: 11px;
    text-align: center;
    margin-right: 4px
    }
#header .inner .hinfo div + p {
    background: #eee8e2;
    padding: 20px 0 30px 15px;
    margin-top: 10px
    }
#header.fixed .inner {
    padding-top: 5px;
    padding-bottom: 0
    }
#header.fixed h1 {
    padding-bottom: 10px;
    float: left;
    width: 150px
    }
#header.fixed h1 img {
    max-width: 100%;
    height: auto
    }
#header.fixed #gnav ul {
    padding-top: 5px
    }
#header.fixed .hinfo {
    right: 0;
    background: rgba(255, 255, 255, 0.8);
    border: none;
    padding: 10px;
    position: fixed;
    margin-right: 20px
    }
#footer {
    text-align: center;
    padding-top: 110px
    }
#footer ul {
    letter-spacing: -6px
    }
#footer li {
    display: inline-block !important;
    letter-spacing: 0;
    font-size: 15px;
    padding: 0 24px
    }
#footer h3 {
    padding: 0 0 45px 0
    }
#footer .copy {
    padding: 70px 0 85px 0
    }
.totop {
    position: fixed;
    left: 50%;
    bottom: 10px;
    z-index: 100;
    text-align: center;
    margin-left: -14px
    }
.totop a {
    display: block
    }
.totop a:hover {
    opacity: 1
    }
.totop .t {
    display: block;
    font-size: 13px;
    padding-top: 2px
    }
.totop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translatez(0);
    transform: perspective(1px) translatez(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
    }
.totop:hover, .totop:focus, .totop:active {
    -webkit-transform: translatey(-8px);
    transform: translatey(-8px)
    }
    
    
    
    
    
    
    
/*home*/
div[onclick] #slidewrap .bx-pager{
    display:inherit;
    }
@media screen and (max-width: 1024px) {
    #main {
        width: auto;
    }
    #slidewrap {
        width: auto;
    }
}

#slidewrap .bx-pager{
    padding: 20px 0 30px 0 !important;
    color:#3d943d !important;
    }
#slidewrap .bx-pager a{
    margin:10px 10px;
    color:#3d943d;
        }
#slidewrap .bx-pager a span{
    color:#3d943d;
    }
#slidewrap .bx-pager .pager-link span {
    padding: 20px 0 30px 0;
    color: #3d943d;
    }
#slidewrap .bx-window{
     height: 561px;
    
     }
#slidewrap .bx-window img{
   width:100% ;
   max-height:100% !important;
   
    }
#slidewrap .slide img {
    width: 100%;
    height: auto
    }
#slidewrap .slidenav {
    text-align: center;
    padding: 20px 0 30px 0
    }
#slidewrap .slidenav li {
    display: inline-block !important;
    margin: 0 6px;
    width: 15px;
    height: 15px;
    text-indent: -9999px;
    background: #ccc7c2;
    border-radius: 50%;
    /* CSS3草案 */
    -webkit-border-radius: 50%;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 50%;
    /* Firefox用 */
    }
#slidewrap .slidenav li:hover, #slidewrap .slidenav li.st {
    background: #3d943d
    }
#slidewrap .bx-pager .pager-link{
    background:url(/import/tenant_28/iris-cheveux.com/unisoncms_aurora/static/page/main/images/gray_pager.png) no-repeat 0 ;
    background-size:20px 20px;
    }
#slidewrap .bx-pager .pager-active{
    background:url(/import/tenant_28/iris-cheveux.com/unisoncms_aurora/static/page/main/images/green_pager.png) no-repeat 0 !important ;
    background-size:20px 20px;
    }
.home-news {
    background: #d9d3ce;
    padding: 24px 0
    }
.home-news .inner {
    /*width: 1200px;*/
    height: auto;
    margin: 0 auto;
    width:60%;
    }
.home-news h3 {
    display: inline-block !important;
    vertical-align: middle;
    font-size: 21px;
    font-weight: normal;
    padding-right: 8px
    }
.home-news h3:after {
    content: url(/import/tenant_28/iris-cheveux.com/unisoncms_aurora/static/page/main/images.810581553e5b623635f5451745beb19e/news-bar.gif);
    display: inline-block !important;
    vertical-align: middle
    }
.home-news dl {
    display: inline-block !important;
    vertical-align: middle;
    width: 300px;
    height: auto
    }
.home-news dt {
    float: left
    }
.home-news dd {
    padding: 0 0 0 126px
    }
.home-news dd a {
    text-decoration: underline
    }
.home-news .left {
    float: left;
    width: 500px;
    height: auto;
    padding: 5px 0 0 20px
    }
.home-news .more {
    float: right
    }
.home-news .more a {
    display: block;
    padding: 0 10px 0 28px;
    line-height: 42px;
    font-size: 13px
    }
.home-news .more a:hover {
    opacity: 1
    }
.home-news .more a img {
    vertical-align: middle;
    padding-left: 0.5em
    }
.home-concept {
    position: relative
    }
.home-concept .pic {
    position: absolute;
    bottom: 0;
    left: 0
    }
.home-concept .inner {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    position: relative;
    z-index: 1
    }
.home-concept .inner .right {
    padding: 135px 0 145px 100px;
    margin-left: 400px;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 8%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 8%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 8%, rgba(255, 255, 255, 1) 100%)
    }
.home-concept .inner .right h3 {
    font-size: 25px;
    padding: 0 0 25px 0
    }
.home-concept .inner .right p {
    line-height: 240%;
    padding: 0 0 35px 0
    }
.hmore a {
    display: inline-block !important;
    line-height: 42px;
    width: 388px;
    text-align: center
    }
.hmore a:hover {
    opacity: 1
    }
.hmore a img {
    vertical-align: middle;
    margin-left: 1em
    }
.home-concept .hmore {
    text-align: right
    }
.h3h {
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    position:relative;
    }
.h3h:before {
    content: url(/import/tenant_28/iris-cheveux.com/unisoncms_aurora/static/page/main/images/titc.png);
    display: block;
    margin: 0 auto 30px auto;
    position: absolute;
    top: -20px;
    left: 465px;
    }
.h3h strong {
    font-size: 34px;
    display: block;
    font-weight: normal;
    padding-bottom: 10px
    }
*, *::before, *::after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit
    }
.colListItem {
    position: relative;
    overflow: hidden;
    width: 100%
    }
.colListItem a {
    position: relative;
    display: block
    }
.colListItem a .pic01{
    width:324px;
    height:325px;
    background:url(/import/tenant_28/iris-cheveux.com/unisoncms_aurora/static/page/main/images/no_table.thumbnail.992d4f8057b3e1ab.6c6f676f2e706e67.png) #fff center no-repeat;
    }
.colListItem a .blog-thumbnail{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    }
.colListItem a .hair {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s
    }
.colListItem a:hover {
    opacity: 1
    }
.colListItem:nth-child(4n) {
    margin-right: 0
    }
.colListItem_anchor {
    display: block;
    text-decoration: none
    }
.colListItem_imgWrap {
    position: relative;
    overflow: hidden
    }
.colListItem .hair {
    width: 100%;
    height: auto
    }
.colListItem_overlay, .colListItem_content, .colListItem_detail {
    opacity: 0;
    filter: alpha(opacity=0)
    }
.colListItem_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5)
    }
.colListItem_lineWrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box
    }
.colListItem_lineWrapInner {
    position: relative;
    width: 100%;
    height: 100%
    }
.colListItem_line {
    position: absolute;
    background-color: #fff
    }
.colListItem_line-t, .colListItem_line-b {
    width: 0
    }
.colListItem_line-r, .colListItem_line-l {
    height: 0
    }
.colListItem_line-t {
    top: 0;
    left: 0;
    height: 1px
    }
.colListItem_line-r {
    top: 0;
    right: 0;
    width: 1px
    }
.colListItem_line-b {
    right: 0;
    bottom: 0;
    height: 1px
    }
.colListItem_line-l {
    bottom: 0;
    left: 0;
    width: 1px
    }
.colListItem_content {
    font-size: 14px;
    font-size: 1.4rem;
    position: absolute;
    top: 20px;
    bottom: 0;
    left: 0;
    display: table-cell;
    width: 100%;
    height: 18px;
    margin: auto;
    text-align: center;
    vertical-align: middle;
    color: #fff
    }
/* hover */
.colListItem_anchor:hover .hair{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
    }
.colListItem_anchor:hover .colListItem_overlay, .colListItem_anchor:hover .colListItem_content, .colListItem_anchor:hover .colListItem_detail {
    opacity: 100;
    filter: alpha(opacity=100)
    }
.colListItem_anchor:hover .colListItem_content {
    top: -5px
    }
.colListItem_anchor:hover .colListItem_line-t, .colListItem_anchor:hover .colListItem_line-b {
    width: 100%
    }
.colListItem_anchor:hover .colListItem_line-r, .colListItem_anchor:hover .colListItem_line-l {
    height: 100%
    }
/* ---------------------
   transition
--------------------- */
/*
** trs
*/
.trs {
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease
    }
/*
** trp
*/
.trp {
    -webkit-transition: opacity 0.1s ease;
    -moz-transition: opacity 0.1s ease;
    -ms-transition: opacity 0.1s ease;
    -o-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
    opacity: 1;
    filter: alpha(opacity=100)
    }
.trp:hover {
    opacity: 0.6;
    filter: alpha(opacity=60)
    }
/* trs-dr */
.trs-dr02 {
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s
    }
.trs-dr03 {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s
    }
.trs-dr05 {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s
    }
.trs-dr06 {
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s
    }
.trs-dr08 {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s
    }
.trs-dr12 {
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    -ms-transition-duration: 1.2s;
    -o-transition-duration: 1.2s;
    transition-duration: 1.2s
    }
/* trs-tf */
.trs-tfCb {
    -webkit-transition-timing-function: cubic-bezier(0, 0.96, 0.4, 0.99);
    -moz-transition-timing-function: cubic-bezier(0, 0.96, 0.4, 0.99);
    -ms-transition-timing-function: cubic-bezier(0, 0.96, 0.4, 0.99);
    -o-transition-timing-function: cubic-bezier(0, 0.96, 0.4, 0.99);
    transition-timing-function: cubic-bezier(0, 0.96, 0.4, 0.99)
    }
.home-style {
    padding: 60px 0 74px 0
    }
.home-style h3 {
    padding-bottom: 70px;
    position:relative;
    width: 1200px;
    margin: 0 auto;
    }
.home-style .stylewrap {
    width: 80%;
    height: auto;
    margin: 0 auto;
    position: relative
    }
.home-style .stylewrap .slick-prev:before{
    background-image:url(/import/tenant_28/iris-cheveux.com/unisoncms_aurora/static/page/main/images/sprev.png);
    width:64px;
    height:41px;
    position: absolute;
    top: -73px;
    left: -42px;
    }
.home-style .stylewrap .slick-next:before{
    background-image:url(/import/tenant_28/iris-cheveux.com/unisoncms_aurora/static/page/main/images/snext.png);
    width:64px;
    height:41px;
    position: absolute;
    top: -73px;
    right: -42px;
    }
.home-style dl {
    width: 27%;
    padding: 0 30px;
    float: left
    }
.home-style dd .hair{
    width: 482px;
    height: 300px;
    background-size:cover;
    background-position:center;
    
    }
.home-style dt {
    text-align: center;
    font-size: 20px;
    padding: 24px 0 0 0
    }
.home-style dt .s {
    display: block;
    font-size: 13px;
    line-height: 1
    }
.home-style dt + dd {
    text-align: center;
    font-size: 12px;
    padding-top: 12px
    }
.home-style .stylewrap .next {
    position: absolute;
    top: 50%;
    margin-top: -5%;
    right: -64px;
    cursor: pointer
    }
.home-style .stylewrap .prev {
    position: absolute;
    top: 50%;
    left: -64px;
    margin-top: -5%;
    cursor: pointer
    }
.home-style .stylewrap .next:hover, .home-style .stylewrap .prev:hover {
    opacity: 0.6
    }
.home-style .hmore {
    padding-top: 50px;
    text-align: center
    }
.home-menu {
    position: relative;
    overflow: hidden;
    background: #000
    }
.home-menu .bkimg {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 1732px;
    width: 100%
    }
.home-menu .bkimg img {
    width: 100%;
    height: auto;
    opacity: 0.6
    }
.home-menu .inner {
    position: relative;
    z-index: 1;
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 58px 0 69px 0
    }
.home-menu h3 {
    color: #fff;
    padding: 0 0 50px 0;
    position:relative;
    }

    
.home-menu h3:before {
    content: url(/import/tenant_28/iris-cheveux.com/unisoncms_aurora/static/page/main/images/titw.png);
    display: block;
    margin: 0 auto 30px auto;
    position: absolute;
    top: -20px;
    left: 465px;
    }
.home-menu h3 + p {
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 0 0 60px 0
    }
.home-menu dl {
    float: left;
    width: 278px;
    height: auto;
    min-height: 215px;
    border: 1px solid #fff;
    margin: 0 26px 0 0;
    text-align: center
    }
.home-menu div.clearfix {
    width: 1226px;
    height: auto;
    padding-bottom: 62px
    }
.home-menu dt {
    color: #fff;
    padding: 38px 0 24px 0
    }
.home-menu dt strong {
    display: block;
    font-size: 23px;
    padding-bottom: 4px
    }
.home-menu dd {
    color: #fff
    }
.home-menu dt + dd {
    font-size: 23px;
    padding-bottom: 6px
    }
.home-menu dd + dd {
    font-size: 12px
    }
.home-menu .hmore {
    text-align: center
    }
.home-menu .hmore a {
    color: #fff;
    border-color: #fff
    }
.home-staff {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 48px 0 110px 0
    }
.home-staff h3 {
    padding: 0 0 95px 0;
    position:relative;
    }
    
.home-staff h3:before {
    content: url(/import/tenant_28/iris-cheveux.com/unisoncms_aurora/static/page/main/images/titc.png);
    display: block;
    margin: 0 auto 30px auto;
    position: absolute;
    top: -20px;
    left: 465px;
    }
.home-staff div.clearfix {
    text-align: center;
    letter-spacing: -6px
    }
.home-staff div.clearfix dl {
    display: inline-block !important;
    letter-spacing: 0;
    padding: 0 30px;
    position: relative;
    width:330px;
    
    }
.home-staff div.clearfix dd{
    }
.home-staff div.clearfix dd a {
    position: relative;
    display: block
    }
.home-staff div.clearfix dd .profile {
    width: 379px;
    height: 290px;
    position:relative;
}
.home-staff div.clearfix dd .profile img {
    position:absolute;
    top:0;
    left:0;
    
}

.home-staff .slick-slider .slick-prev:before {
    background-image: url(/import/tenant_28/iris-cheveux.com/unisoncms_aurora/static/page/main/images/sprev.png);
    width: 64px;
    height: 41px;
    position: absolute;
    top: -73px;
    left: -42px;
}
.home-staff .slick-slider .slick-next:before {
    background-image: url(/import/tenant_28/iris-cheveux.com/unisoncms_aurora/static/page/main/images/snext.png);
    width: 64px;
    height: 41px;
    position: absolute;
    top: -73px;
    right: -42px;
}

.home-staff div.clearfix dd a:hover {
    opacity: 1
    }
.home-staff div.clearfix dd a:hover img {
    opacity: 0.6
    }
.home-staff div.clearfix dd a .w {
    display: block
    }
.home-staff div.clearfix dd a:hover .colListItem_content {
    opacity: 100;
    filter: alpha(opacity=100);
    top: -5px;
    color: #000;
}
.home-staff div.clearfix dt {
    padding: 14px 0 0 0;
    font-size: 12px
    }
.home-staff div.clearfix dt strong {
    display: block;
    font-size: 21px;
    font-weight: normal;
    padding-bottom: 5px
    }
.home-blog {
    position: relative;
    overflow: hidden;
    background: #000
    }
.home-blog .inner {
    position: relative;
    z-index: 1;
    padding: 62px 0 84px 0
    }
.home-blog .bkimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto
    }
.home-blog .bkimg img {
    width: 100%;
    height: auto;
    opacity: 0.5;
    min-width: 1732px
    }
.home-blog div.clearfix {
    text-align: center;
    padding: 0 0 50px 0;
    letter-spacing: -6px;
    display: flex;
    margin: 0 9%;
    }
.home-blog dl {
    display: inline-block !important;
    max-width: 320px;
    height: auto;
    width: 21%;
    padding: 0 2%;
    text-align: left;
    letter-spacing: 0
    }
.home-blog dd img {
    max-width: 100%;
    height: auto
    }
.home-blog dd .blog-thumbnail{
    background-size:cover;
    background-position:center;
    max-width: 100%;
    height: auto;
    }
.home-blog dd .blog-thumbnail:hover{
    background-color:rgba(0, 0, 0, 0.3)　transparent;
    }
.home-blog .hmore {
    text-align: center
    }
.home-blog h3 {
    color: #fff;
    padding-bottom: 54px;
    position:relative;
    width: 1200px;
    margin: 0 auto;
    }

    
.home-blog h3:before {
    content: url(/import/tenant_28/iris-cheveux.com/unisoncms_aurora/static/page/main/images/titw.png);
    display: block;
    margin: 0 auto 30px auto;
    position: absolute;
    top: -20px;
    left: 465px;
    }
.home-blog dt {
    padding: 18px 0 2px 0;
    color: #fff
    }
.home-blog dt a {
    color: #fff;
    font-size: 20px
    }
.home-blog dt + dd {
    color: #fff;
    font-size: 12px
    }
.home-blog .hmore a {
    color: #fff;
    border-color: #fff
    }
.home-product {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 62px 0 78px 0
    }
.home-product h3 {
    padding-bottom: 70px;
    position:relative;
    }
.home-product h3:before {
    content: url(/import/tenant_28/iris-cheveux.com/unisoncms_aurora/static/page/main/images/titc.png);
    display: block;
    margin: 0 auto 30px auto;
    position: absolute;
    top: -20px;
    left: 437px;
    }
.home-product ul {
    letter-spacing: -6px;
    text-align: center;
    padding: 0 0 63px 0
    }
.home-product .slick-slider .slick-prev:before {
    background-image: url(/import/tenant_28/iris-cheveux.com/unisoncms_aurora/static/page/main/images/sprev.png);
    width: 64px;
    height: 41px;
    position: absolute;
    top: 0;
    left: -42px;
}
.home-product .slick-slider .slick-next:before {
    background-image: url(/import/tenant_28/iris-cheveux.com/unisoncms_aurora/static/page/main/images/snext.png);
    width: 64px;
    height: 41px;
    position: absolute;
    top: 0;
    right: -42px;
}
.home-product li {
    display: inline-block !important;
    letter-spacing: 0;
    margin: 0 31px;
    width: 240px;
    }
.home-product .hmore {
    text-align: center
    }
.home-info {
    overflow: hidden;
    max-height: 584px;
    background: #000
    }
.home-info .home-salon {
    width: 50%;
    height: auto;
    float: left;
    position: relative
    }
  
  .home-info .home-salon h3 img{
    height: 80px !important;
    }
.home-info .home-map {
    width: 50%;
    float: right;
    position: relative;
    z-index: 1
    }
.home-info .home-map ul {
    min-width: 866px;
    overflow: hidden
    }
.home-info .home-map li {
    overflow: hidden
    }
.home-info .home-map li {
    width: 47%;
    height: auto;
    float: left;
    overflow: hidden
    }
.home-info .home-map li:nth-child(2n + 2) {
    width: 53%;
    margin-bottom: -0.6%
    }
.home-info .home-map li img {
    max-width: 100%;
    height: auto;
    width: 100%
    }
.home-info .home-salon .bkimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
    }
.home-info .home-salon .bkimg img {
    width: 100%;
    opacity: 0.35
    }
.home-info .home-salon .in {
    position: relative;
    z-index: 1;
    width: 95%;
    height: auto;
    margin: 0 auto;
    padding: 78px 0 0 0
    }
.home-info .home-salon dt {
    float: left;
    font-size: 16px;
    color: #fff
    }
.home-info .home-salon dd {
    padding: 0 0 0 100px;
    color: #fff;
    font-size: 16px
    }
.home-info .home-salon dl {
    border-bottom: 1px solid #fff;
    padding: 22px 0
    }
.home-info .home-salon .hmore a {
    width: 248px
    }
.home-info .home-salon h3 {
    display: inline-block !important;
    vertical-align: middle
    }
.home-info .home-salon .hmore {
    display: inline-block !important;
    vertical-align: middle;
    float: right;
    padding-top: 10px
    }
.home-info .home-salon .hmore a {
    color: #fff;
    border-color: #fff
    }
.home-info .home-salon .shead {
    padding-bottom: 60px
    }
.home-info .home-salon .table {
    width: 95%;
    height: auto;
    margin: 0 auto
    }
.home-info .home-map .map {
    position: absolute;
    width: 90%;
    height: 430px;
    top: 78px;
    left: 5%
    }
.home-info .home-map .map iframe {
    width: 100%
    }
/*下層共通*/
.subtit {
    position: relative;
    background: #000
    }
.subtit .pic img {
    width: 100%;
    height: auto;
    opacity: 0.4
    }
.subtit .inner {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    width: 1200px;
    margin-left: -600px;
    z-index: 1;
    text-align: center;
    box-sizing: border-box;
    padding: 13px 0;
    overflow: hidden
    }
.subtit .inner:before {
    width: 100%;
    height: 1px;
    background: #fff;
    content: "";
    position: absolute;
    bottom: 12px;
    left: 0
    }
.subtit .inner h2 {
    position: relative;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    box-sizing: content-box;
    height: 100%;
    color: #fff
    }
.subtit .inner h2 .w {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: 50%;
    font-size: 21px;
    font-weight: normal;
    margin-top: -30px
    }
.subtit .inner h2 strong {
    font-size: 43px;
    font-weight: normal;
    letter-spacing: 4px;
    display: block;
    padding-bottom: 16px
    }
.w12 {
    width: 1200px;
    height: auto;
    margin: 0 auto
    }
/*menu*/
.menu .w12 {
    padding-top: 39px
    }
.menunav {
    width: 1252px;
    height: auto;
    padding-bottom: 39px;
    position: relative;
    z-index: 1
    }
.menunav li {
    float: left;
    width: 365px;
    height: auto;
    padding: 0 52px 27px 0;
    text-align: center
    }
.menunav li a {
    display: block;
    line-height: 42px;
    background: url(/import/tenant_28/iris-cheveux.com/unisoncms_aurora/static/page/main/images.810581553e5b623635f5451745beb19e/morearrow.png) 318px 16px no-repeat
    }
.menunav li a:hover {
    opacity: 1
    }
.menu .idup {
    margin-top: -100px;
    padding-top: 100px;
    padding-bottom: 110px
    }
.h3s {
    text-align: center;
    font-size: 16px;
    font-weight: normal
    }
.h3s strong {
    font-size: 34px;
    font-weight: normal;
    display: block;
    padding-bottom: 5px;
    letter-spacing: 4px
    }
.h3s .w {
    display: inline-block !important;
    text-align: center
    }
.h3s img {
    margin-right: 17px;
    margin-top: -20px;
    margin-left: -100px
    }
.menu .leftlist {
    width: 575px;
    height: auto;
    float: left
    }
.menu .rightlist {
    width: 575px;
    height: auto;
    float: right
    }
.menu .w12 h3 {
    padding-bottom: 12px
    }
.menu .w12 h3 + p {
    text-align: right;
    font-size: 13px
    }
.menu .table {
    margin-top: 12px;
    border: 1px solid #5f4734;
    padding: 40px 24px 45px 24px
    }
.menu .table dt {
    float: left;
    font-size: 20px;
    line-height: 140%
    }
.menu .table dt + dd {
    text-align: right;
    font-size: 20px;
    line-height: 140%
    }
.menu .table dd + dd {
    font-size: 12px;
    line-height: 130%;
    padding-top: 3px
    }
.menu .table dl {
    padding: 18px 12px 8px 12px
    }
.menu .table dl + dl {
    border-top: 1px solid #5f4734
    }
/*staff*/
.staff .home-staff {
    padding-top: 62px
    }
.staff1 {
    padding: 62px 40px 60px 33px
    }
.staff1 h3 {
    padding: 0 0 95px 0
    }
.staff1 .pic {
    float: left;
    position: relative;
    width: 502px;
    text-align: center;
}
.staff1 .pic img {
    max-height: 500px;
}
.staff1 .right {
    width: 578px;
    height: auto;
    float: right
    }
.staff1 .right h4 {
    font-size: 27px;
    font-weight: normal;
    padding-bottom: 18px
    }
.staff1 .right .e {
    display: block;
    font-size: 13px;
    line-height: 1;
    padding-bottom: 10px
    }
.staff1 .right .txt p {
    font-size: 18px;
    padding: 0 0 25px 0
    }
.staff1 .right .txt {
    padding-bottom: 10px
    }
.staff1 .right .list1 {
    letter-spacing: -6px;
    width: 626px;
    height: auto;
    padding-bottom: 10px
    }
.staff1 .right .list1 dl {
    width: 267px;
    height: auto;
    vertical-align: top;
    display: inline-block !important;
    letter-spacing: 0;
    margin: 0 46px 26px 0;
    position: relative
    }
.staff1 .right .list1 dt {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 120px;
    font-size: 12px
    }
.staff1 .right .list1 dd .likepic {
    width: 137px;
    height: 172px;
    background-size: cover;
    background-position: center;
    }
.staff1 .right .table dt {
    float: left
    }
.staff1 .right .table dd {
    padding: 0 0 0 177px
    }
.staff1 .right .table dl {
    padding: 12px 0 12px 17px
    }
.staff1 .right .table dl + dl {
    border-top: 1px solid #766151
    }
.staff1 .pic .w {
    display: block
    }
.staff1 .pic .profile{
    width:502px;
    height:502px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-position-y: inherit;
    }
.staff .home-style .stylewrap {

    width: 90%;
    height: auto;
    margin: 0 auto;
    position: relative;
}
.staff .home-style {
    max-width: 1300px;
    margin: 0 auto
    }
.staff .home-style .stylewrap .next, .staff .home-style .stylewrap .prev {
    margin-top: -20px
    }
.staff .home-style .colList dl{
    width:400px; 
    
    /*padding: 0 2%;*/
    float: left;
}
    
.staff .home-style .colList .hair{
    width:340px;
    height:340px;
    }
.staff .home-style .colList .slick-prev:before{
    top: -10px;
    left: -80px;
    }
.staff .home-style .colList .slick-next:before{
    top: -10px;
    right: -80px;
    }
    
/*.staff .home-style .colList .slick-track{
    width:90% !important;
    transform:none !important;
    }*/
/*salon*/
.salon1 {
    padding: 64px 0 85px 0
    }
.salon1 h3 {
    padding-bottom: 30px
    }
.salon1 .table {
    width: 1126px;
    height: auto;
    margin: 0 auto
    }
.salon1 .table dt {
    float: left;
    line-height: 300%
    }
.salon1 .table dd {
    padding: 0 0 0 178px;
    line-height: 280%
    }
.salon1 .table dl + dl {
    border-top: 2px solid #afa399
    }
.salon1 .table dl {
    padding: 5px 15px 5px 15px
    }
.salon2 {
    position: relative;
    overflow: hidden;
    background: #000
    }
.salon2 .bkimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto
    }
.salon2 .bkimg img {
    width: 100%;
    height: auto;
    min-width: 1732px;
    opacity: 0.4
    }
.salon2 .w12 {
    position: relative;
    z-index: 1;
    padding: 138px 0 73px 0
    }
.salon2 .w12 li {
    float: left;
    padding: 0 23px 58px 35px
    }
.salon3 {
    padding: 110px 0 100px 0
    }
.salon3 h3 {
    padding-bottom: 70px
    }
.salon3 .map iframe {
    width: 100%
    }
/*blog*/
/*署名*/
.single dl {
    font-size: 14px;
    line-height: 24px;
    padding:20px 20px 0;
    margin-top:40px;
    border-top:2px dashed #ddd;
    margin-bottom: 70px;
}
.single dl p {
    font-weight:bold;
    text-align:center;
    margin-bottom:15px;
}
.single dl dt {
    float:left;
}
.single dl dd {
    margin:0 0 10px 120px;
}
.postwrap {
    padding: 66px 0 0 0
    }
.postwrap #left {
    width: 972px;
    height: auto;
    float: left
    }
.postwrap #side {
    width: 185px;
    height: auto;
    float: right;
    text-align: center
    }
.postwrap #side dt {
    padding: 0 0 25px 0
    }
.postwrap #side dd {
    font-size: 16px;
    padding-bottom: 12px
    }
.postwrap #side dl {
    padding-bottom: 35px
    }
.bloglist li {
    width: 324px;
    height: 324px;
    overflow: hidden;
    float: left
    }
.bloglist .colListItem_content {
    opacity: 1;
    font-weight: bold;
    margin-top: 220px;
    text-shadow: 0 0 10px #000, 0 0 10px #000
    }
.bloglist .colListItem_content .date {
    display: block;
    font-size: 12px;
    line-height: 1
    }
.pagenav {
    text-align: center;
    letter-spacing: -6px
    }
.pagenav li {
    display: inline-block !important;
    letter-spacing: 0;
    vertical-align: middle;
    padding: 0 7px
    }
.pagenav li a {
    display: block;
    width: 48px;
    line-height: 48px;
    height: auto;
    text-align: center;
    font-size: 21px;
    border: 1px solid #5d402b
    }
.pagenav li a:hover {
    opacity: 1;
    background: #eee8e2
    }
.pagenav li.prev a, .pagenav li.next a {
    border: none
    }
.pagenav li.prev a:hover, .pagenav li.next a:hover {
    background: none;
    opacity: 0.6
    }
.bloglist {
    padding-bottom: 55px
    }
.blog .h3s {
    padding-bottom: 75px
    }
.single h3 {
    text-align: center;
    font-size: 34px;
    font-weight: normal;
    padding-bottom: 10px
    }
.single h3 img {
    margin-top: -20px;
    margin-right: 17px;
    margin-left: -85px
    }
.single h3 + p {
    text-align: center;
    letter-spacing: 1px;
    padding: 0 0 20px 0
    }
.single .txt {
    padding: 25px 0 60px 0
    }
.single .txt p {
    line-height: 240%;
    padding: 0 0 35px 0
    }
.back a {
    display: inline-block !important;
    width: 386px;
    height: auto;
    line-height: 43px;
    text-align: center;
    background: url(/import/tenant_28/iris-cheveux.com/unisoncms_aurora/static/page/main/images.9108ccf85606138e36841651911d6a14/back.gif) 38px 16px no-repeat
    }
.single .back {
    text-align: center
    }
.newslist .colListItem {
    border: 1px solid #543a25
    }
.newslist dl {
    width: 291px;
    height: auto;
    float: left;
    padding: 0 49px 60px 0;
    text-align: center
    }
.newslist {
    width: 1021px;
    height: auto;
    padding-bottom: 50px
    }
.newslist dt {
    font-weight: bold;
    padding: 12px 0 3px 0;
    font-size: 18px
    }
.newslist dt + dd {
    font-size: 13px;
    text-align: left;
    line-height: 200%;
    height: 52px;
    overflow: hidden;
    }
.newslist dt + dd iframe {
    display: none;
}
.newslist dd + dd {
    font-size: 13px;
    line-height: 200%
    }
.news .single h3 img {
    margin-top: 0
    }
/*style*/
.stylenav {
    padding: 63px 0 62px 0;
    width: 1222px;
    height: auto
    }
.stylenav li {
    width: 222px;
    height: auto;
    padding: 0 22px 0 0;
    float: left;
    text-align: center
    }
.stylenav li a {
    display: block;
    line-height: 42px;
    background: url(/import/tenant_28/iris-cheveux.com/unisoncms_aurora/static/page/main/images.810581553e5b623635f5451745beb19e/morearrow.png) 186px 16px no-repeat
    }
.stylenav li a:hover {
    opacity: 1
    }
.stylelist li {
    width: 330px;
    height: auto;
    float: left;
    margin: 0 29px 30px 36px
    }
.stylelist li a{
     width:330px;
    height:330px;
    }
.stylelist li a .hair{
    width:330px;
    height:330px;
    background-size: cover;
    background-position: center;
    }
.stylelist .colListItem:nth-child(4n) {
    margin: 0 29px 30px 36px
    }
.stylelist li p strong {
    display: block
    }
.stylelist li p strong .p {
    display: block;
    font-size: 13px;
    line-height: 1
    }
.stylelist li p .t {
    font-size: 13px;
    padding-top: 5px
    }
.stylelist {
    padding-bottom: 90px;
    padding-top: 90px;
    }
.style1 .right {
    width: 508px;
    height: auto;
    float: right
    }
.style1 .left {
    float: left;
    width: 600px;
    height: auto;
    padding: 0 0 0 36px
    }
.style1 .left .pic {
    float: left;
    max-width: 438px;
    }
.style1 .left .pic #main_pict{
    width:438px;
    height:639px;
    background-position: center;
    background-size: cover;
    }
.style1 .left ul .thumbnail_pic{
     width:136px;
    height:198px;
    background-position: center;
    background-size: cover;
    }
.style1 .left ul {
    float: right;
    width: 136px;
    height: auto
    }
.style1 .left li {
    padding-bottom: 21px
    }
.style1 {
    padding: 62px 0 0 0
    }
.style1 h3 {
    text-align: center;
    font-weight: normal;
    font-size: 34px;
    padding: 0 0 80px 0
    }
.style1 .right .txt p {
    font-size: 13px;
    padding: 0 0 20px 0
    }
.style1 .right .txt {
    padding: 0 0 15px 0;
    border-bottom: 1px solid #543a25;
    margin-bottom: 26px
    }
.style1 .right .stylist h4 {
    font-size: 21px;
    font-weight: normal;
    padding: 0 0 10px 0
    }
.style1 .right .stylist dt {
    display: inline-block !important;
    vertical-align: middle;
    padding-left: 12px;
    font-size: 21px
    }
.style1 .right .stylist dd {
    display: inline-block !important;
    vertical-align: middle
    }
.style1 .right .stylist dd .stylist_profile{
    width:125px;
    height:125px;
    background-size: cover;
    background-position: center top;
    }
.style1 .right .stylist {
    padding-bottom: 30px;
    border-bottom: 1px solid #543a25;
    margin-bottom: 50px
    }
.style1 .right .back {
    text-align: center
    }
/*recruit*/
.rec1 {
    padding: 65px 0 80px 0
    }
.rec1 h3 {
    padding-bottom: 90px
    }
.rec1 .pic {
    float: right;
    padding: 0 40px 35px 0
    }
.rec1 .left {
    float: left;
    width: 745px;
    height: auto;
    padding: 0 0 0 36px
    }
.rec1 .left h4 {
    font-size: 34px;
    font-weight: normal;
    padding: 0 0 40px 0
    }
.rec1 .left p {
    line-height: 240%;
    padding: 0 0 35px 0
    }
.rec2 {
    position: relative;
    overflow: hidden;
    background: #000
    }
.rec2 .bkimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
    }
.rec2 .bkimg img {
    width: 100%;
    height: auto;
    opacity: 0.4
    }
.rec2 .w12 {
    position: relative;
    z-index: 1;
    padding: 98px 0 98px 0
    }
.rec2 h3 {
    padding-bottom: 100px;
    color: #fff
    }
.rec2 .box .pic {
    float: right;
    padding: 0 0 35px 0
    }
.rec2 .box .left {
    float: left;
    width: 740px
    }
.rec2 .box .left h4 {
    color: #fff;
    font-weight: normal;
    font-size: 34px;
    padding: 0 0 40px 0
    }
.rec2 .box {
    margin: 0 40px 20px 36px
    }
.rec2 .box + .box {
    border-top: 1px solid #fff;
    padding-top: 45px
    }
.rec2 .box .left p {
    line-height: 240%;
    padding: 0 0 35px 0;
    color: #fff
    }
.rec3 {
    padding: 110px 0 110px 0
    }
.rec3 h3 {
    padding-bottom: 60px
    }
.rec3 .table {
    padding: 0 40px 0 36px
    }
.rec3 dt {
    float: left
    }
.rec3 dd {
    padding: 0 0 0 178px
    }
.rec3 dl {
    padding: 12px 0 12px 0
    }
.rec3 dl + dl {
    border-top: 1px solid #543a25
    }
.rec3 dd li + li {
    padding-top: 20px
    }
.rec3 dd li .c {
    padding-right: 2em
    }
.rec4 dl {
    text-align: center
    }
.rec4 h3 {
    padding-bottom: 45px
    }
.rec4 dt {
    font-size: 16px;
    padding: 0 0 30px 0
    }
.rec4 dd {
    font-size: 21px
    }
.rec4 {
    padding-bottom: 50px
    }
/*concept*/
.concept .w12 {
    padding: 70px 0 0 0
    }
.concept1 {
    width: 745px;
    height: auto;
    margin: 0 auto;
    padding: 0 0 68px 0
    }
.concept1 h3 {
    padding-bottom: 70px
    }
.concept1 p {
    line-height: 240%;
    padding: 0 0 35px 0
    }
.concept2 {
    padding: 50px 40px 0 36px
    }
.concept2 h3 {
    padding: 0 0 100px 0
    }
.concept2 .rp .pic {
    float: right;
    padding: 0 0 35px 0
    }
.concept2 .rp .tbox {
    float: left
    }
.concept2 .lp .pic {
    float: left;
    padding: 0 0 35px 0
    }
.concept2 .lp .tbox {
    float: right
    }
.concept2 .tbox {
    width: 745px
    }
.concept2 .tbox h4 {
    font-size: 34px;
    font-weight: normal;
    padding: 0 0 40px 0
    }
.concept2 .tbox p {
    line-height: 240%;
    padding: 0 0 35px 0
    }
.concept2 .box {
    padding: 0 0 20px 0
    }
.concept2 .box + .box {
    border-top: 1px solid #543a25;
    padding-top: 68px
    }
/*product*/
.product .menunav li:first-child{
    margin-left: 206px;
    }
.product .idup {
    margin-top: -100px;
    padding-top: 100px
    }
.product .w12 {
    padding: 62px 0 0 0
    }
#product1 {
    padding: 100 40px 95px 36px
    }
#product1 .pic {
    float: right;
    padding: 0 0 35px 0
    }
#product1 .left {
    float: left;
    width: 640px;
    height: auto
    }
#product1 .left h4 {
    font-size: 34px;
    font-weight: normal;
    padding: 0 0 40px 0
    }
#product1 .left p {
    line-height: 240%;
    padding: 0 0 35px 0
    }
#product1 h3 {
    padding-bottom: 65px
    }
.product .st-accordion li {
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 100px;
    margin-top: -100px;
    width: 1200px !important
    }
.product .st-accordion .key {
    display: block;
    border-bottom: 1px solid #543a25;
    position: relative;
    height: 110px
    }
.product .st-accordion .key img {
    vertical-align: middle
    }
.product .st-accordion .key strong {
    padding-top: 45px
    }
.product .st-accordion .key .st-arrow {
    background: url(/import/tenant_28/iris-cheveux.com/unisoncms_aurora/static/page/main/images.5935c14294c1a836ff6333b4d11a5c6e/next.gif) 0 0 no-repeat;
    position: absolute;
    width: 20px;
    height: 46px;
    text-indent: -9999px;
    right: 37px;
    bottom: 36px
    }
.product .st-accordion .st-open .key .st-arrow {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
    }
.product .st-accordion {
    padding-bottom: 100px
    }
.product .st-accordion .st-content {
    padding: 50px 0 50px 0
    }
.product .st-accordion .st-content .box .pic {
    float: left
    }
.product .st-accordion .st-content .box {
    width: 530px;
    height: auto;
    float: left;
    padding-bottom: 50px
    }
.product .st-accordion .st-content .box:nth-child(2n + 2) {
    float: right
    }
.product .st-accordion .st-content .box dl {
    float: right;
    width: 300px;
    height: auto
    }
.product .st-accordion .st-content .box dt .s {
    display: block;
    font-size: 13px;
    font-weight: normal;
    padding: 0 0 0 0
    }
.product .st-accordion .st-content .box dt {
    font-size: 21px;
    font-weight: bold
    }
.product .st-accordion .st-content .box dt + dd {
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0 16px 0
    }
.product .st-accordion .st-content .box dd + dd {
    font-size: 13px;
    line-height: 240%
    }
/* Effect 8: border slight translate */
.back a {
    position: relative
    }
.back a:hover {
    opacity: 1
    }
.back a::before, .back a::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #6b5442;
    content: "";
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s
    }
.back a::after {
    border-color: #eee8e2;
    opacity: 0;
    -webkit-transform: translatey(-7px) translatex(6px);
    -moz-transform: translatey(-7px) translatex(6px);
    transform: translatey(-7px) translatex(6px)
    }
.back a:hover::before, .back a:focus::before {
    opacity: 0;
    -webkit-transform: translatey(5px) translatex(-5px);
    -moz-transform: translatey(5px) translatex(-5px);
    transform: translatey(5px) translatex(-5px)
    }
.back a:hover::after, .back a:focus::after {
    opacity: 1;
    -webkit-transform: translatey(0) translatex(0);
    -moz-transform: translatey(0) translatex(0);
    transform: translatey(0) translatex(0)
    }
.menunav li a {
    position: relative
    }
.menunav li a:hover {
    opacity: 1
    }
.menunav li a::before, .menunav li a::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #6b5442;
    content: "";
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s
    }
.menunav li a::after {
    border-color: #eee8e2;
    opacity: 0;
    -webkit-transform: translatey(-7px) translatex(6px);
    -moz-transform: translatey(-7px) translatex(6px);
    transform: translatey(-7px) translatex(6px)
    }
.menunav li a:hover::before, .menunav li a:focus::before {
    opacity: 0;
    -webkit-transform: translatey(5px) translatex(-5px);
    -moz-transform: translatey(5px) translatex(-5px);
    transform: translatey(5px) translatex(-5px)
    }
.menunav li a:hover::after, .menunav li a:focus::after {
    opacity: 1;
    -webkit-transform: translatey(0) translatex(0);
    -moz-transform: translatey(0) translatex(0);
    transform: translatey(0) translatex(0)
    }
.stylenav li a {
    position: relative
    }
.stylenav li a:hover {
    opacity: 1
    }
.stylenav li a::before, .stylenav li a::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #6b5442;
    content: "";
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s
    }
.stylenav li a::after {
    border-color: #eee8e2;
    opacity: 0;
    -webkit-transform: translatey(-7px) translatex(6px);
    -moz-transform: translatey(-7px) translatex(6px);
    transform: translatey(-7px) translatex(6px)
    }
.stylenav li a:hover::before, .stylenav li a:focus::before {
    opacity: 0;
    -webkit-transform: translatey(5px) translatex(-5px);
    -moz-transform: translatey(5px) translatex(-5px);
    transform: translatey(5px) translatex(-5px)
    }
.stylenav li a:hover::after, .stylenav li a:focus::after {
    opacity: 1;
    -webkit-transform: translatey(0) translatex(0);
    -moz-transform: translatey(0) translatex(0);
    transform: translatey(0) translatex(0)
    }
.hmore a {
    position: relative
    }
.hmore a:hover {
    opacity: 1
    }
.hmore a::before, .hmore a::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #6b5442;
    content: "";
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s
    }
    
@media screen and (max-width: 1024px) {
    .hmore a::before, .hmore a::after {
        width: 97%;
    }
    .home-concept .inner .right p{
        padding: 0 60px 35px 0;
    }
}
.hmore a::after {
    border-color: #eee8e2;
    opacity: 0;
    -webkit-transform: translatey(-7px) translatex(6px);
    -moz-transform: translatey(-7px) translatex(6px);
    transform: translatey(-7px) translatex(6px)
    }
.hmore a:hover::before, .hmore a:focus::before {
    opacity: 0;
    -webkit-transform: translatey(5px) translatex(-5px);
    -moz-transform: translatey(5px) translatex(-5px);
    transform: translatey(5px) translatex(-5px)
    }
.hmore a:hover::after, .hmore a:focus::after {
    opacity: 1;
    -webkit-transform: translatey(0) translatex(0);
    -moz-transform: translatey(0) translatex(0);
    transform: translatey(0) translatex(0)
    }
.home-news .more a {
    position: relative
    }
.home-news .more a:hover {
    opacity: 1
    }
.home-news .more a::before, .home-news .more a::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #6b5442;
    content: "";
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s
    }
.home-news .more a::after {
    border-color: #eee8e2;
    opacity: 0;
    -webkit-transform: translatey(-7px) translatex(6px);
    -moz-transform: translatey(-7px) translatex(6px);
    transform: translatey(-7px) translatex(6px)
    }
.home-news .more a:hover::before, .home-news .more a:focus::before {
    opacity: 0;
    -webkit-transform: translatey(5px) translatex(-5px);
    -moz-transform: translatey(5px) translatex(-5px);
    transform: translatey(5px) translatex(-5px)
    }
.home-news .more a:hover::after, .home-news .more a:focus::after {
    opacity: 1;
    -webkit-transform: translatey(0) translatex(0);
    -moz-transform: translatey(0) translatex(0);
    transform: translatey(0) translatex(0)
    }
.home-blog .hmore a::before, .home-blog .hmore a::after {
    border-color: #fff
    }
.home-blog .hmore a::after {
    border-color: #6b5442
    }
.home-menu .hmore a::before, .home-menu .hmore a::after {
    border-color: #fff
    }
.home-menu .hmore a::after {
    border-color: #6b5442
    }
.home-info .home-salon .hmore a::before, .home-info .home-salon .hmore a::after {
    border-color: #fff
    }
.home-info .home-salon .hmore a::after {
    border-color: #6b5442
    }
/* Effect 17: move up fade out, push border */
#gnav li a {
    color: #563b29;
    text-shadow: none;
    position: relative;
    display: inline-block !important;
    padding-bottom: 10px
    }

#gnav li a:hover {
    opacity: 1;
    }
#gnav li a:hover{
    color: #986943;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
    /*content: attr(data-hover);
    position: absolute;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    pointer-events: none*/
    }
/*#gnav li a:before {
    color: #563b29;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
    content: attr(data-hover);
    position: absolute;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    pointer-events: none
    }*/
#gnav li a .n:before {
    color: #563b29;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
    /*content: attr(data-hover);
    position: absolute;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    pointer-events: none*/
    }
#gnav li a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #563b29;
    opacity: 0;
    -webkit-transform: translatey(5px);
    -moz-transform: translatey(5px);
    transform: translatey(5px);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    pointer-events: none
    }
#gnav li a:hover::before, #gnav li a:focus::before, #gnav li a:hover .n::before, #gnav li a:focus .n::before {
    opacity: 0;
    -webkit-transform: translatey(-2px);
    -moz-transform: translatey(-2px);
    transform: translatey(-2px)
    }
#gnav li a:hover::after, #gnav li a:focus::after {
    opacity: 1;
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    transform: translatey(0)
    }
    
   .instatop {
   margin:50px 10px;
   }
.main_visual_zone {
		position: relative;
		overflow: hidden;
		height: 500px;
	}
	.main_visual_zone img {
		width: 100%;
	}
	.main_visual_zone .photo:after {
		padding-top: 500px;
		content: '';
		display: block;
		position: absolute;
		top: 0;
	}
	.main_visual_zone .text_box{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.trimmingInner {
		width: 100%;
		position: relative;
		display: block;
		overflow: hidden;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}