@charset "UTF-8";
/* 共通
 ==================================================================== */
body {
    width:100%;
    min-width:1000px;/*1200px*/
    font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", sans-serif;
    font-size:14px;
    color:rgb(30,30,30);
}
body {
    font-size:15px;/*Winだけ大きくする*/
}
a,
a:link,
a:active,
a:hover {
    color:rgb(30,30,30);
    text-decoration: none;
}
/*a[href*="http://www.ec-store.net/sly/shopping_detail.cfm"] {
    font-weight: bold;
}*/
.font {
    font-family: 'baufra_medium', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", sans-serif;
}
.font_b,.bx-pager {
    font-family: 'baufra_bold', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", sans-serif;
}
.hide_h1 {
    width:0 !important;
    height:0 !important;
    text-indent: -9999px;
}

/* Content Title ----------------------------------*/
.content_ttl_area {
    padding: 125px 0 150px;
}
.content_ttl,
.content_subttl,
.content_header {
    text-align: center;
    font-family: 'baufra_bold', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", sans-serif;
}
.content_ttl {
    margin: 20px 0 15px;
    font-size: 60px;
}
.content_subttl {
    font-size: 12px;
}
.content_header {
    margin-bottom: 50px;
    font-size: 24px;
}
/* Pagenation -------------------------------------*/
.page_list {
    position: relative;
    margin-bottom: 95px;
}
.page_list .inner {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
}
.page_list a.prev,
.page_list a.next,
.page_list a.f_prev,
.page_list a.l_next {
    display: block;
    width: 16px;
    height: 32px;
    position: absolute;
    top: -8px;
}
.page_list a.prev,
.page_list a.f_prev {
    background: url('/images/common/common.png') no-repeat 0 -105px;
    left: -36px;
}
.page_list a.next,
.page_list a.l_next {
    background: url('/images/common/common.png') no-repeat -20px -105px;
    right: -36px;
}
.page_list a.f_prev,
.page_list a.l_next {
    cursor: default;
/*    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;*/
}
.page_list a.prev:hover,
.page_list a.next:hover {
    cursor: pointer;
/*    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;*/
}
.page_list ul li {
    width: 30px;
    padding: 0 10px;
    float: left;
    text-align: center;
    position: relative;
    font-size: 16px;
}
.page_list ul li.active:before {
    content: "";
    display: block;
    width: 27px;
    height: 27px;
    position: absolute;
    top: -6px;
    left: 10px;
    background: url('/images/common/common.png') no-repeat 0 -140px;
}
/* Navigation-----------------------------------------------------*/
.header {
    position:relative;
}
.navi {
    padding:30px 0 0 40px;
    position:absolute;
    top:0;
    left:0;
    z-index:100;
}
.navi p.h1 a {
    margin-bottom:20px;
    display:block;
    width:132px;
    height:76px;
    background:url('/images/common/common.png') 0 0 no-repeat;
}
.navi ul li {
    margin-bottom:5px;
    font-size:24px;
}
.navi ul li:last-child {
    margin-bottom:0;
}
.navi_scr {
    width:100%;
    min-width:1200px;
    padding-left:40px;
    background:rgba(245,245,245,0.7);
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#88f5f5f5,EndColorStr=#88f5f5f5);/*IE8以下用*/
    display:none;
    position:fixed;
    top:0;
    z-index:200;
}
.navi_scr .h1 a {
    float:left;
    margin-right:30px;
    display:block;
    width:60px;
    height:39px;
    background:url('/images/common/common.png') -146px 0 no-repeat;
    margin-top:10px;
}
.navi_scr ul li {
    float:left;
    margin:30px 20px 20px 0;
    font-size:12px;
}
/*.navi ul li a:hover {
    color:rgb(232,232,232);
}*/
/* Footer-----------------------------------------------------*/
.footer {
    background:#1e1e1e;
    padding:120px 0;
}
.footer a:link,
.footer a:hover,
.footer a:visited {
    color:rgb(245,245,245);
}
.footer .footer_social {
    margin-bottom:30px;
}
.footer .footer_social ul {
    display:inline-block;
    margin:0 auto;
}
.footer .footer_social ul li {
    float:left;
    margin-right:40px;
}
.footer .footer_social ul li:last-child {
    margin-right:0;
}
.footer .footer_social ul li a {
    color:rgb(30,30,30);
}
.footer .footer_social ul li a.twitter {
    display:block;
    width:18px;
    height:24px;
    background:url('/images/common/common.png') 0 -80px no-repeat;
}
.footer .footer_social ul li a.instagram {
    display:block;
    width:21px;
    height:24px;
    background:url('/images/common/common.png') -20px -80px no-repeat;
    padding: 0;
}
.footer .footer_social ul li a.facebook {
    display:block;
    width:11px;
    height:24px;
    background:url('/images/common/common.png') -45px -80px no-repeat;
}
.footer .footer_menu {
    margin-bottom:50px;
}
.footer .footer_menu ul {
    display:inline-block;
    margin:0 auto;
}
.footer .footer_menu ul li {
    float:left;
    margin-right:30px;
    font-size:12px;
}
.footer .footer_menu ul li:last-child {
    margin-right:0;
}
.footer .copyright {
    text-align:center;
    font-size:10px;
    color:rgb(245,245,245);
}
/* Hover Contents-----------------------------------------------------*/
.hvr {
    overflow:hidden;
    position:relative;
}
.hvr img {
    /*-webkit-transition:-webkit-transform 1s ease-in-out;
    -moz-transition:      -moz-transform 1s ease-in-out;
    -ms-transition:        -ms-transform 1s ease-in-out;
    -o-transition:          -o-transform 1s ease-in-out;
    transition:                transform 1s ease-in-out;*/
    /*-webkit-transition:1s;
    -moz-transition:   1s;
    -ms-transition:    1s;
    -o-transition:     1s;
    transition:        1s;*/
    -webkit-transition:-webkit-transform 0.5s linear;
    transition:                -webkit-transform 0.5s linear;
    transition:                transform 0.5s linear;
    transition:                transform 0.5s linear, -webkit-transform 0.5s linear;
    -webkit-transform:scale(1);
    transform:        scale(1);
}
.hvr img.active{
    -webkit-transform:scale(1.05);
    transform:        scale(1.05);
}
.hvr .hvr_mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    background-color: #000;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.hvr:hover .hvr_mask {
    opacity: 0.2;
    -ms-filter: "alpha(opacity=20)";
}
.hvr_dtl {
    width: 100%;
    display:none;
    opacity:0;
    -ms-filter: "alpha(opacity=0)";
}
.hvr_dtl.fade {
    display:block;
}
/* Button-----------------------------------------------------*/
.btn {
    display:block;
    height:36px;
    border:2px solid rgb(245,245,245);
    font-size:14px;
    line-height:36px;
    text-align:center;
    color:rgb(245,245,245);
}
a.btn {
    color:rgb(245,245,245);
}
.more {
    width:146px;
}
.coming_soon {
    width:211px;
    height:51px;
    border-color:#666;
    color:#666;
    text-align:center;
    line-height:51px;
}

/* Columns-----------------------------------------------------*/
.two_column {
    width:100%;
}
.two_column .left {
    width:50%;
    float:left;
}
.two_column .right {
    width:50%;
    float:left;
}
ul.two_column {
    width:100%;
}
.two_column li {
    width:50%;
    float:left;
}
/* Top
 ==================================================================== */

/* Top-Main image-----------------------------------------------------*/
.top .main_img {position:relative; margin-bottom:20px;}
.top .main_img .main_dummy {position:inherit;}
.top .main_img ul li {position:absolute;width:100%;}
.top .main_img img {width:100%;opacity:0;}
/* Top-Journal-----------------------------------------------------*/
.top_journal .journal_pnl_hs,
.top_journal .journal_pnl_st {
    background: #000;
}
.top_journal .journal_pnl_hs img,
.top_journal .journal_pnl_st img {
    width:100%;
    opacity: 0.8;
}
.top_journal .journal_pnl_hs .jounal_txt {
    position:absolute;
    bottom:40px;
    left:40px;
    width:455px;
}
.top_journal .journal_pnl_st .jounal_ttl h2,
.top_journal .journal_pnl_st .jounal_ttl h3,
.top_journal .journal_pnl_st .jounal_ttl p {
    text-align:right;
}
.top_journal .journal_pnl_st .jounal_txt {
    position:absolute;
    bottom:40px;
    right:40px;
    color:rgb(245,245,245);
    width:455px;
}
.top_journal .jounal_txt h2,
.top_journal .jounal_txt h3,
.top_journal .jounal_txt p {
    color:rgb(245,245,245);
}
.top_journal .jounal_ttl h2 {
    font-size:48px;
    margin-bottom:20px;
}
.top_journal .jounal_ttl h3,
.top_journal .jounal_ttl .jounal_date {
    font-size:16px;
}
.top_journal .jounal_txt .jounal_txt_desc {
    height:46px;
    overflow:hidden;
    display: none;
}
.top_journal .jounal_txt .jounal_txt_desc p {
    font-size:12px;
    line-height:16px;
    height:46px;
}
.os-win .top_journal .jounal_txt .jounal_txt_desc p {
    font-size:13px;/*Winだけ大きくする*/
}
.top_journal .jounal_ttl .jounal_date {
    padding-bottom:15px;
    border-bottom:1px solid rgb(245,245,245);
    margin-bottom:20px;
}
/* Top-Howto-----------------------------------------------------*/
.top_howto {
    margin-bottom:20px;
    background:#000;
}
.howto_two_column ul {
    width:100%;
}
.howto_two_column ul li {
    float:left;
    width:50%;
}
.howto_two_column ul li img {
    width:100%;
    opacity:0.8;
}
.howto_two_column .top_howto_pnl {
    /*width:100%;
    height:100%;
    position:relative;*/
    position:relative;
}
.howto_two_column .top_howto_ttl {
    /*min-width:100%;
    min-height:100%;
    width: auto;
    height: auto;
    position:absolute;
    display:table;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;*/
    position:absolute;
    width:100%;
    bottom:50%;
    margin-bottom:-100px;
}
.howto_two_column .top_howto_ttl h2,
.howto_two_column .top_howto_ttl h3,
.howto_two_column .top_howto_ttl p {
    text-align:center;
    color:rgb(245,245,245);
    margin-bottom:20px;
}
.top_howto_ttl h2 {
    font-size:48px;
}
.top_howto_ttl h3 {
    font:16px;
    margin-bottom:0 !important;
}
.top_howto_ttl p {
    font:16px;
}
.howto_two_column .top_howto_ttl a {
    text-align:center;
    margin:0 auto;
}
.howto_two_column h3 {
    margin: 0 15%;
    margin-bottom: 1em !important;
}
.howto_two_column .more {
    margin-top: 2em;
}

.top_howto .howto_pnl {
    margin-bottom:20px;
    background: #000;
}
.top_howto .howto_pnl img {
    width:100%;
    opacity: 0.8;
}
.top_howto .howto_pnl .howto_txt {
    position:absolute;
    bottom:40px;
    right:40px;
    width:455px;
}
.top_howto .howto_pnl .top_howto_ttl h2,
.top_howto .howto_pnl .top_howto_ttl h3,
.top_howto .howto_pnl .top_howto_ttl p {
    text-align:right;
    color:rgb(245,245,245);
    /*color:rgb(30,30,30);*/
    margin-bottom:20px;
}
.top_howto .howto_pnl_st .howto_txt {
    position:absolute;
    bottom:40px;
    left:40px;
    color:rgb(245,245,245);
    width:455px;
}
.top_howto_ttl .howto_date {
    padding-bottom:15px;
    border-bottom:1px solid rgb(245,245,245);
    /*border-bottom:1px solid rgb(30,30,30);*/
    margin-bottom:20px;
}
.top_howto .howto_txt_desc {
    height:46px;
    overflow:hidden;
}
.top_howto .howto_txt_desc p {
    margin: 0 15%;
    padding: 0 20px;
    font-size:12px;
    line-height:16px;
    height:46px;
    color:rgb(245,245,245);
    /*color:rgb(30,30,30);*/
}
.os-win .top_howto .howto_txt_desc p {
    font-size:13px;/*Winだけ大きくする*/
}
.howto_two_column .top_howto_ttl .howto_date {
    margin: 0 15% 20px;
}

/*.top_howto .btn {
    display:block;
    height:36px;
    border:2px solid rgb(30,30,30);
    font-size:14px;
    line-height:36px;
    text-align:center;
    color:rgb(30,30,30);
}
.top_howto a.btn {
    color:rgb(30,30,30);
}*/


/* Top-Lookbook-----------------------------------------------------*/
.top_lookbook {
    background:#1e1e1e;
}
.top_lookbook img {
    width:100%;
    opacity: 0.8;
}
.top_look_ttl {
    position:absolute;
    bottom:50%;
    width:100%;
    margin-bottom:-50px;
}
.top_lookbook h2,
.top_lookbook h3 {
    text-align:center;
    color:rgb(245,245,245);
}
.top_lookbook h2 {
    font-size:60px;
    padding-bottom:15px;
    border-bottom:1px solid rgb(245,245,245);
    margin-bottom:10px;
    display:block;
    width:515px;
    margin:0 auto 10px;
}
.top_lookbook h3 {
    font-size:14px;
}

/* Top-News-----------------------------------------------------*/
.top .news {
    padding:130px 0 200px;
}
/*NEWS INFORMATION*/
.top .news .ttl {
    margin-bottom:100px;
}
.top .news .ttl h2 {
    text-align:center;
    font-size:36px;
    padding-bottom:15px;
    border-bottom:1px solid rgb(30,30,30);
    margin-bottom:10px;
    display:block;
    width:600px;
    margin:0 auto 10px;
}
.top .news .ttl h3 {
    text-align:center;
    font-size:14px;
}
/*記事*/
.top .news .date {
    font-size:12px;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:solid 1px rgb(30,30,30);
}
.top .news .title {
    font-size:12px;
    line-height: 2;
    font-weight: bold;
}
/*三段組み*/
.top .three_column ul {
    display:inline-block;
    margin:0 auto;
}
.top .three_column ul li {
    float:left;
    margin-right:40px;
    width:300px;
    height:300px;
}
.top .three_column ul li:last-child {
    margin-right:0;
}
.top .three_column ul li .thumb {
    width:100%;
    height:100%;
    position:relative;
}
.top .three_column ul li .thumb img {
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}
.top .three_column ul li .thumb .btn_wrapper {
    position:absolute;
    top:50%;
    left:50%;
    color:rgb(245,245,245);
    text-align:center;
    margin:-19px 0 0 -77px;
}
/* Top-Catalog-----------------------------------------------------*/
.top_catalog {
    background:#1e1e1e;
}
.top_catalog img {
    width:100%;
    opacity: 0.8;
}
.top_catalog_ttl {
    position:absolute;
    bottom:50%;
    width:100%;
    margin-bottom:-50px;
}
.top_catalog h2,
.top_catalog h3 {
    text-align:center;
    color:rgb(245,245,245);
}
.top_catalog h2 {
    font-size:60px;
    padding-bottom:15px;
    border-bottom:1px solid rgb(245,245,245);
    margin-bottom:10px;
    display:block;
    width:515px;
    margin:0 auto 10px;
}
.top_catalog h3 {
    font-size:14px;
}
/* LOOK
 ==================================================================== */
/* LOOK-Top-----------------------------------------------------*/
.look_list {
    width: 100%;
    margin-bottom: 225px;
}
.look_list > li {
    width: 25%;
    height: auto;
    float: left;
    overflow: hidden;
    position: relative;
}
.look_list > li img {
    width: 100%;
    height: auto;
}
.look_btn {
    width: 146px;
    height: 36px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -19px 0 0 -75px;
    text-align: center;
}
.look_archive {
    width: 100%;
}
.look_archive > li {
    width: 50%;
    height: auto;
    float: left;
    overflow: hidden;
    position: relative;
}
.look_archive > li img {
    width: 100%;
    height: auto;
}
.look_archive_ttl {
    position: absolute;
    bottom: 35px;
    right: 35px;
    color: rgb(245,245,245);
    font-size: 24px;
    text-align: right;
}
.look_archive_ttl span {
    display: block;
    margin-bottom: 5px;
    padding: 0 0 5px 30px;
    border-bottom: 1px solid rgb(245,245,245);
}
/* LOOK-Detail-----------------------------------------------------*/
.look_detail_list {
    width: 50%;
    margin: 0 auto 50px;
    position: relative;
}
.look_detail_list > li {
    width: 100%;
    height: auto;
    display: none;
    overflow: hidden;
}
.look_detail_list > li:nth-child(n+2) {
    position: absolute;
    top: 0;
    left: 0;
}
.look_detail_list > li:first-child {
    display: block;
}
.look_detail_list > li img {
    width: 100%;
    height: auto;
/*    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;*/
}
.look_count {
    width: 130px;
    font-size: 36px;
    text-align: center;
}
.look_detail .page_list a.prev,
.look_detail .page_list a.next,
.look_detail .page_list a.f_prev,
.look_detail .page_list a.l_next {
    top: 1px;
}
.look_detail .page_list a.prev,
.look_detail .page_list a.f_prev {
    left: -16px;
}
.look_detail .page_list a.next,
.look_detail .page_list a.l_next {
    right: -16px;
}
.look_ttl {
    width: 350px;
    margin: 0 auto 15px;
    padding-bottom: 15px;
    font-size: 36px;
    text-align: center;
    border-bottom: solid 1px #2c2c2c;
}
.look_subttl {
    margin-bottom: 50px;
    font-size: 18px;
    text-align: center;
}
.look_txt {
    margin-bottom: 50px;
    text-align: center;
    line-height: 2;
}
.look_credit {
    margin-bottom: 100px;
    text-align: center;
    line-height: 1.41;
    font-size: 12px;
}
.look_backbtn {/*PCとSPでサイズ変える*/
  display: block;
  -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
  width: 280px;
  margin: 0 auto 150px;
  padding: 25px 10px;
  border: 2px solid #1e1e1e;
  font-size: 14px;
  line-height: 1;
  text-align: center;
}
.look_detail_wrap {
    display: none;
}


/* Top-News-----------------------------------------------------*/
.top .instagram {
    padding:130px 0 200px;
}
/*NEWS INFORMATION*/
.top .instagram .ttl {
    margin-bottom:100px;
}
.top .instagram .ttl h2 {
    text-align:center;
    font-size:36px;
    padding-bottom:15px;
    border-bottom:1px solid rgb(30,30,30);
    margin-bottom:10px;
    display:block;
    width:600px;
    margin:0 auto 10px;
}
.top .instagram .ttl h3 {
    text-align:center;
    font-size:14px;
}


/* NEWS
 ==================================================================== */
.news .item {
    margin-bottom: 100px;/*区切り線から次の記事のメイン画像までの距離*/
    padding-bottom: 145px;/*区切り線までの距離*/
    border-bottom: solid 1px #ebebeb;/*区切り線2色(2px)のうちの下側*/
    position: relative;
    z-index: 1;
}
.news .item:before {/*区切り線2色(2px)のうちの上側*/
    content: "";
    display: block;
    position: absolute;
    top: -1px;/*1px上に表示*/
    left: 0;
    border-bottom: 1px solid #f1f1f1;
    width: 100%;
    min-height: 100%;
    z-index: -10;
}
/*本文*/
.news .item p,
.news .item h4 {
    width: 640px;
    margin: 0 auto;
    line-height: 2;
    margin-bottom: 30px;
}
.news .item h4 {/*記事タイトル*/
    font-weight: bold;
    font-size: 21px;
    line-height: 1.8;
    margin-top: 30px;
}
.news .item .date {
    display: none;
}
/*画像*/
.news .item img {
    display: block;
    width: 640px;
    height: auto;
    margin: 0 auto 30px;
}
.news .item img+img {
    margin-top: -30px;
}

/* CONCEPT
 ==================================================================== */
.concept_img img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-bottom: 50px;
}
.concept_txt {
    width: 900px;
    margin: 0 auto 200px;
    line-height: 2.5;
    letter-spacing: 0.2em;
    text-align:center;
}
.concept_txt > span {
    font-size: 21px;
    line-height: 2.5;
    letter-spacing: 0.2em;
    text-shadow: 0 0 0 #999;
}

/* JOURNAL / HOW TO...
 ==================================================================== */
.journal_ttl_hs,
.journal_ttl_st {
    text-align:center;
    margin-bottom:40px;
}
.st_ttl {
    overflow: hidden;
    text-align: center;
    margin-bottom:100px;
}
.howto_ttl {
    overflow: hidden;
    text-align: center;
    margin-bottom:40px;
}
.st_ttl span,
.howto_ttl span {
    display: inline-block;
    padding: 0 35px;
    position: relative;
}
.st_ttl span:before,
.st_ttl span:after,
.howto_ttl span:before,
.howto_ttl span:after {
    border-top: 1px solid #DFDFDF;
    content: "";
    position: absolute;
    top: 50%;
    width: 99em;
}
.st_ttl span:before,
.howto_ttl span:before {
    right: 100%;
}
.st_ttl span:after,
.howto_ttl span:after {
    left: 100%;
}

/*本文*/
.journal article p {
    padding:0 70px;
    line-height:24px;
    margin-bottom:40px;
}
.journal article p {
    padding:0 70px;
    line-height:24px;
    margin-bottom:40px;
}
.journal article p:last-child {
    margin-bottom:0;
}
.journal article .movie_containers p {
    padding: 0;
}
/*スペシャルテキスト*/
.journal article .special {
    display: inline-block;
    font-size: 21px;
    font-weight: bold;
/*    margin: 100px 0 30px;*/
    text-align: left;
}
.journal article .special-parent+p+img {
    margin-top: -10px;
}
/*画像*/
.journal .main_img img,
.journal article img {
    width:100%;
    margin-bottom: 0;
}
.journal article img {
    margin-bottom:25px;
}
/*.journal article img+img {
    margin-top: -100px;
}*/
.journal article p+img {
    margin-top: 0;
}
.journal article p+img+p {
    margin-bottom: 80px !important;
}
/*ビデオ*/
.slys_talk_video {
    margin-bottom:100px;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width:1920px;
    margin:0 auto;
    /*padding-top: 30px;*/
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.slys_talk_video iframe {
    width:100%;
    max-width:1920px;
}
/*ナンバー*/
.journal .number {
    margin: 60px 0;
}
.journal .number p {
    margin-bottom:20px;
}
.journal .number .cat {
    font-size:24px;
    line-height:24px;
    margin-bottom:10px;
    letter-spacing:0.85em;
}
/*
.journal.slys_talk .number .cat {
    letter-spacing:1.26em;
}
*/
.howto .number .cat {
    letter-spacing:0.45em;
}
.journal .number .num {
    font-size:72px;
    line-height:50px;
    margin: -8px 0 10px -5px;
}
.journal .number .date {
    font-size:16px;
    line-height:16px;
    letter-spacing: 0.56em;
}
.journal .number p span {
    display:block;
}
.journal .number h3 {
    font-size:21px;
    padding: 0 70px;
}
/*本文後のマージン*/
.her_style_contents,
.slys_talk_contents,
.howto_contents {
    margin-bottom:220px;
}
/*切り替え*/
.journal .switch {
    margin-bottom:80px;
}
.journal .switch h3 {
    text-align:center;
    margin-bottom:25px;
    font-size:24px;
}
.journal .switch ul {
    display:inline-block;
    margin:0 auto;
}
.journal .switch ul li {
    float:left;
    padding:5px 20px;
    height:14px;
}
.journal .switch ul li:first-child {
    border-right:1px solid #1E1E1E;
}
.journal .switch ul li p {
    color:#1E1E1E;
    cursor:default;
}
.journal .switch ul li .passive {
    color:#CCC;
}
/*JOURNAL backnumber*/
.all_number {
    margin-bottom:20px;
}
.all_number h3 {
    font-size:24px;
    text-align:center;
    margin-bottom:50px;
}
.journal_pane {
    width:25%;
    float:left;
    position:relative;
}
.journal_pane img {
    width:100%;
}
.pane_mask {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#000;
    opacity:0.2;
    -ms-filter: "alpha(opacity=20)";
}
.journal_pane .pane_inr {
    position:absolute;
    bottom:35px;
    right:30px;
    color:rgb(245,245,245);
}
.journal_pane .pane_inr p {
    font-size:14px;
    padding-bottom:5px;
    border-bottom:1px solid rgb(245,245,245);
    padding-left:30px;
}
.journal_pane .pane_inr p span {
    font-size:36px;
    margin-left: 4px;
}


/* SHOPLIST
 ==================================================================== */
.shop .contents {
    background: rgb(245, 245, 245);
}
.shop .content_header {/*上書き*/
    margin-bottom: 0;
}
.shop .toc {
    padding: 40px 0;
    text-align: center;
    list-style-type: none;
}
.shop .toc li {
    display: inline-block;
    margin-right: 40px;
}
.shop .toc li:last-child {
    margin-right: 0;
}
.shop section {
    width: 760px;
    margin: 0 auto;
    overflow: hidden;
}
.shop .contents section:last-of-type {
    padding-bottom: 100px;
}
.shop h4 {/*STORE TYPE*/
    font-size: 36px;
    text-align: center;
    margin: 110px auto 0;
    white-space: nowrap;
}
.shop h4:after {
    content: "";
    display: block;
    width: 300px;
    height: 0;
    border-top: 2px solid rgb(30,30,30);
    margin: 20px auto 60px;
}
.shop h5 {/*地域*/
    font-size: 21px;
    text-align: center;
    margin: 50px 0;
}
.shop h5 span { display: block; }
.shop h5 span.ja,
.shop h5 span.cn {
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
}
.shop h5.hongkong:before {/*香港をCHINAの中に表示するが中国店舗とは見た目を変える*/
    content: "";
    display: block;
    width: 200px;
    height: 0;
    border-top: 1px solid rgb(223 , 223 , 223);
    margin: 50px auto 0;
    padding-top: 50px;
}
.shop .area li {/*店舗情報全体*/
    width: 350px;
    padding: 20px 0;
    border-bottom: 1px solid rgb(223 , 223 , 223);
}
.shop .area li:nth-of-type(1),
.shop .area li:nth-of-type(2) {
    border-top: 1px solid rgb(223 , 223 , 223);
}
.shop .area li h6 {/*店舗名*/
    font-size: 14px;
    line-height: 1.41;
    margin-bottom: 10px;
    font-weight: bold;
}
.shop .area li p {/*住所*/
    font-size: 12px;
    line-height: 1.41;
    margin: 0;
}
.shop .area li a {/*STORE MAP*/
    display: inline-block;
    min-height: 20px;
    line-height: 20px;
    font-size: 14px;
    margin: 25px 0 0;
    padding-left: 24px;
    background: url(/images/shoplist/location.png) no-repeat left top;
}
/*店舗を2つ毎に並べる*/
.shop .area ul { overflow: hidden; }
.shop .area li {
    float: left;
    margin-left: 60px;
}
.shop .area li:nth-child(odd) {
    margin-left: 0px;
    clear: left;
}
.shop h4, h5, footer { clear: left; }
.shop .cn {/*中国語*/
    font-family: "Microsoft Yahei", "PingHei", sans-serif;
}

.shop p.moussy_shop {/*170501 add*/
    font-size: 16px;
    text-align: center;
    margin: 0 0 40px;
}

/* BLOG
 ==================================================================== */
.blog .contents ul {
    min-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}
.blog .contents>ul li {
    width: 50%;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
}
.blog .contents>ul li img {
    width: 100%;
    height: auto;
}
.blog .blog_title {
    margin: 30px auto 20px;
    text-align: center;
}
.blog .blog_desc {
    margin: 20px auto 190px;
    text-align: center;
}

.blog .contents>ul li .hvr{
    border: 1px solid rgba(0,0,0,0.1);
}

/* CATALOG
 ==================================================================== */
.catalog .content_header {
    margin:0 0 40px;
}
.catalog .page_list {
    margin:0 0 120px;
}
.catalog .page_list:first-child {
    margin:0 0 60px;
    z-index: 99999;
}
.catalog .page_list .catalog_count {
    font-size:36px;
}
.catalog .catalog_title {
    margin:60px 0 10px;
    font-size:14px;
    text-align:center;
}
.catalog .catalog_title:after {
    content:"";
    width:300px;
    margin:15px auto 0;
    border-top:#707070 2px solid;
    display:block;
}
.catalog .catalog_no {
    margin:60px 0 40px;
    font-size:36px;
    font-weight:bold;
    text-align:center;
}
.catalog .catalog_credit {
    margin:0 0 40px;
    font-size:14px;
    line-height:26.5px;
    text-align:center;
}
.catalog .catalog_stylist {
    color:#969696;
    font-size:11px;
    line-height:18.5px;
    text-align:center;
}
.catalog .backnumber_ttl {
    margin:0 0 80px;
}
.catalog .journal_pane {
    width:100%;
    position:relative;
    float:none;
}
.catalog .journal_pane .catalog_archive_ttl {
    width:100%;
    text-align:center;
    color:#ffffff;
    font-size:24px;
    position:absolute;
    bottom:70px;
}

/* CAUTION
 ==================================================================== */
.caution {
    background: rgb(245, 245, 245);
}
.caution .content_header {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: -11px;
}
.caution .contents p {
    margin: 50px auto;
    text-align: center;
    width: 1000px;
    font-size: 14px;
    line-height: 2.71;/*38px÷14px*/
}
.caution .contents p:last-child {
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    margin: 89px auto 150px;
}

/* 404
 ==================================================================== */
.notfound section {
    width:100%;
    height:100%;
    position:fixed;
    display:table;
}
.notfound section .noufound_inner {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}
.notfound_title {
    padding-bottom:30px;
    border-bottom:2px solid #221714;
    width:430px;
    margin:0 auto 30px;
}
.notfound_title h1 {
    margin-bottom:0;
    font-size:72px;
    letter-spacing: 0;
    line-height:30px;
}
p.notfound_text {
    font-size:24px;
    width:430px;
    margin:0 auto 25px;
}
p.notfound_description_text {
    font-size:14px;
    width:430px;
    margin:0 auto 80px;
    line-height:24px;
    letter-spacing:0;
}
.notfound .notfound_btn a {
    color: #000;
    border: 2px solid rgb(0,0,0);
}



/* STG検証用
==================================================================== */
/*
body::after {
    content: "NEW STG";
    display: block;
    position: fixed;
    right: 0;
    bottom: 0;
    padding: 10px;
    background-color: rgba(154,0,0,.8);
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    border-top-left-radius: 8px;
    z-index: 9999;
}
*/