@charset 'utf-8';

/*
 * リセット
 */
body,header,footer,section,article,div,p,ul,ol,li,h1,h2,h3,h4,h5,h6,a,figure,figcaption,img,table,tr,th,td,dl,dt,dd{
  margin:0;
  padding:0;
  box-sizing:border-box;
}
h1,h2,h3,h4,h5,h6,th{font-weight:normal;}
/*
 * 共通
 */
body{
  font-family:Hiragino Kaku Gothic ProN, Meiryo, Yu Gothic, -apple-system, BlinkMacSystemFont, sans-serif;
  line-height:1.4;
  -webkit-text-size-adjust: 100%;
}
body, html{background:#fff;}
img{
  max-width:100%;
  vertical-align:top;
}
a{
  text-decoration:none;
  opacity:1;
  transition:all .3s;
}
ul{list-style:none;}
.align-left{text-align:left;}
.align-center{text-align:center;}
.align-right{text-align:right;}
.v-top{vertical-align:top;}
.v-middle{vertical-align:middle;}
.v-bottom{vertical-align:bottom;}
.tbl{
  display:table;
  width:100%;
  overflow: hidden;
}
.fix{table-layout:fixed;}
.row{display:table-row;}
.col,.col-l,.col-c,.col-r{display:table-cell;}
.ib{display:inline-block;}
.visible480{display:none;}
.visible768{display:none;}
.wrapper{
  max-width:1030px;
  margin:0 auto;
  padding:0 15px;
}
.ggmap{
  height: 0;
  padding-bottom:68.78%;
  overflow: hidden;
  position: relative;
}
.ggmap iframe,
.ggmap object,
.ggmap embed{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.attention{
  display:inline-block;
  text-indent:-1em;
  padding-left:1em;
}
.ifrm{
  width:100%;
  height:360px;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  display:inline-block;
  vertical-align:top;
}
.ifrm iframe{
  width:100%;
  min-height:360px;
  height:100%;
  padding: 0em;
  border:none;
  display:block;
}
.attention:before{content:'\203B';}
.mt35{margin-top:35px;}
.mt60{margin-top:60px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}
.mb110{margin-bottom:110px;}
.mb130{margin-bottom:130px;}
.mtb100{
  margin-top:100px;
  margin-bottom:100px;
}
/* ヘッダー
----------------------------------------- */
.main-logo{
  width:27%;
  height:33.5%;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
}
.main-header{position:relative;}
.main-header-wrapper{
  text-align:center;
  position:absolute;
  top:0;
  left:0;
  right:0;
}
.main-header-wrapper .gnav{padding:40px 0;}
.main-header-wrapper .gnav li{text-align:center;}
.slicknav_menu{display:none;}
.main-header .gnav{margin:0 -50px;}
.main-header .gnav li{padding:0 50px;}
.sub-header{
  background:#312116;
  padding:35px 0;
  margin-bottom:60px;
}
  .main-header-wrapper .header-tbl .col:first-child{display:none;}
.sub-header .header-tbl .col:first-child{
  max-width:171px;
  padding-right:20px;
}
.gnav{
  font-size:0;
  padding-top:17px;
  margin:0 -20px;
}
.gnav li{
  display:inline-block;
  width:20%;
  text-align:right;
  padding:0 20px;
}
.gnav li a{
  display:inline-block;
  border:2px solid #fff;
  position:relative;
}
.gnav li a:after{
  content:'';
  width:47px;
  height:27px;
  background:url(../images/common/scissors.png) 0 0 no-repeat;
  margin:auto;
  position:absolute;
  bottom:-24px;
  left:0;
  right:0;
  opacity:0;
  transition:.2s;
}
.gnav li.current a:after,
.gnav li a:hover:after{
  opacity:1;
  bottom:-40px;
}
/* スライダー */
.slick-dots{bottom:20px;}
.slick-dots li{margin:0 9px;}
.slick-dots li button:before{
  width:18px;
  height:18px;
  font-size:0;
  background:#fff;
  border-radius:100%;
}
.slick-dots li.slick-active button:before{opacity:1;}
.slick-prev{
  left:15px;
  z-index:100;
}
.slick-next{
  right:15px;
  z-index:100;
}
.slick-prev:before, [dir=rtl] .slick-prev:before{
  content:'\FF1C';
  font-size:30px;
  font-weight:bold;
}
.slick-next:before, [dir=rtl] .slick-next:before{
  content:'\FF1E';
  font-size:30px;
  font-weight:bold;
}
.slick-next, .slick-prev{
  width:30px;
  height:30px;
}
.slick-dotted.slick-slider{margin-bottom:0;}

/* インスタ */
#snapwidget {
  width: 100%;
  height: 495px;
  border: none;
  overflow: hidden;
}
/* コンテンツ
----------------------------------------- */
.article-ttl{text-align:center;}
.h3-ttl{
  font-size:17px;
  font-weight:bold;
  background:#E1CBB2;
  padding:3px 10px;
  margin-bottom:5px;
}
/* HOME */
.fours-bg{
  background:#EEE5DF;
  padding:70px 0 80px;
}
.fours-txt{font-size:16px;}
.read-more{
  text-align:center;
  margin-top:50px;
}
.read-more a{
  font-size:23px;
  color:#fff;
  background:#40220F;
  padding:10px 75px;
}
.about-tbl .col-l{padding-right:50px;}
.col-l2{padding-right:0px;}
.about-txt-01{
  font-size:23px;
  font-weight:bold;
  color:#786D72;
  margin-bottom:5px;
}
.about-txt-02{font-size:18px;}
.board-bg{
  width:100%;
  min-height:649px;
  background:url(../images/home/board-bg.jpg) center center no-repeat;
  background-size:cover;
  padding:50px 0 80px;
}
.news-outer{
  background:#786D72;
  padding:20px;
}
.news-tbl .col-l{padding-right:15px;}
.news-tbl .col-r{padding-left:15px;}
.access-bg-outer{background:#EEE5DF;}
.access-bg{
  width:100%;
  min-height:537px;
  /*background:url(../images/home/access-bg.png) left bottom no-repeat;*/
  background:#EEE5DF;
  background-size:contain;
  padding:120px 0 190px;
}
.access-tbl > .col-r{
  width:55%;
  padding-left:20px;
}
.access-info-tbl{
  font-size:16px;
  font-weight:bold;
  color:#40220F;
}
.access-info-tbl .col-l{width:25%;}
.access-info-tbl .col-l,
.access-info-tbl .col-r{padding-bottom:35px;}
.access-info-tbl .col-r{padding-left:20px;}
.access-info-tbl .tel{
  font-size:37px;
  font-weight:bold;
}

.link-outer{
  display: flex;
  justify-content: space-between;	
}
.link-l{
  flex-basis: 46%;
  margin-top: 35px;	
}
.link-r{
  flex-basis: 50%;	
}


/* パララックス */
#prlx01,
#prlx02{
  height:448px;
  overflow:hidden;
  position:relative;
}
#prlx01 .sp_pic,#prlx02 .sp_pic{display:none;}
#prlx01 .prlx_pic{
  width:100%;
  height:700px;
  background:url(../images/home/prlx01.jpg) center center /cover no-repeat;
  background-size:cover;
  position:absolute;
  top:0;
  left:0;
}
#prlx02 .prlx_pic{
  width:100%;
  height:700px;
  background:url(../images/home/prlx02.jpg) center center /cover no-repeat;
  background-size:cover;
  position:absolute;
  top:0;
  left:0;
}
/* SALON */
.consept-list{
  font-size:0;
  margin:0 -15px 20px;
}
.consept-list li{
  display:inline-block;
  width:25%;
  text-align:center;
  padding:15px;
}
.concept-detail-list{font-size:0;}
.concept-detail-list li{
  display:inline-block;
  width:50%;
  vertical-align:top;
  margin-bottom:20px;
}
.concept-detail-list li:nth-child(odd) .concept-detail-block{padding-right:6%;}
.concept-detail-list li:nth-child(even) .concept-detail-block{padding-left:6%;}
.concept-detail-ttl{
  width:70%;
  font-size:26px;
  font-weight:bold;
  color:#40220F;
  border-bottom:3px solid #786D72;
  text-align:center;
  margin:15px auto 20px;
}
.concept-detail-txt{
  font-size:16px;
  font-weight:bold;
  color:#000;
  line-height:1.8;
}
.photo-area{position:relative;}
.photo-area .photo01{
  position:absolute;
  top:30px;
  right:0;
}
.profile-tbl{margin-bottom:25px;}
.profile-tbl .col-l,
.profile-tbl .col-r{
  font-size:18.5px;
  font-weight:bold;
  color:#40220F;
}
.profile-tbl .col-l{padding-right:15px;}
.profile-tbl .col-r{padding-bottom:25px;}
.staff-name{margin:0 0 30px 60px;}
.tencyo-name{margin:0 0 30px 60px;}
.comment-block{margin-bottom:20px;}
.comment-block p{
  line-height:1.6;
  letter-spacing:2px;
}
.skill-detail-txt{font-size:13px;}
.photo-tbl .col-l{padding-right:10px;}
.photo-tbl .col-r{padding-left:10px;}
.photo-r li:first-child{margin-bottom:20px;}
/* MENU */
.col-l .menu-block{padding-right:15px;}
.col-r .menu-block{padding-left:15px;}
.menu-block{
  font-size:0;
  margin:0 -15px;
}
.menu-block li{
  display:inline-block;
  width:50%;
  vertical-align:top;
  padding:0 15px;
  margin-bottom:30px;
}
.menu-block dl{
  display:table;
  width:100%;
}
.menu-block dt,.menu-block dd{
  display:table-cell;
  font-size:17px;
  font-weight:bold;
  line-height:1.6;
}
.menu-block dt{padding-left:10px;}
.menu-block dd{
  width:80px;
  text-align:right;
  padding-left:10px;
}
.menu-attention{
  font-size:14px;
  color:#E50012;
}
.menu-attention2{
  font-size:14px;
  color:#E50012;
}
.attention-txt{
  font-size:12.5px;
  text-align:right;
}
/*STAFF*/
.personal_res{
  text-align:center;
  margin-top:0;
}
.personal_res a{
  font-size:23px;
  color:#fff;
  background:#40220F;
  padding:15px 75px;
}
.h2-ttl{
  font-size:23px;
  font-weight:bold;
  background:#E1CBB2;
  padding:5px 0;
  margin-bottom:30px;
    color: #40220F;
}
.tencyo_name{
    margin:0 0 30px 0;
    display: flex;
    align-items: flex-end;
}
.tencyo{
    text-align:center;
    font-size:1rem;
  color:#fff;
  background:#40220F;
  max-width: 4em;
    line-height: 2;
    font-weight: bold;
}



/* GOODS */
.brand-block > li{margin-bottom:60px;}
.brand-block .h3-ttl{margin-bottom:20px;}
.products-block:not(.block-full){
  font-size:0;
  margin:0 -15px;
}
.products-block:not(.block-full) li{
  display:inline-block;
  width:50%;
  vertical-align:top;
  padding:0 15px;
  margin-bottom:40px;
}
.products-block.block-full li{margin-bottom:100px;}
.products-img-s,.products-img-m,.products-img-l{vertical-align:top;}
.products-img-s{width:105px;}
.products-img-m{width:115px;}
.products-img-l{width:170px;}
.products-summary{padding-left:15px;}
.products-summary dl{
  display:table;
  width:100%;
  font-size:19px;
  font-weight:bold;
}
.products-summary dt,.products-summary dd{
  display:table-cell;
  vertical-align:top;
}
.products-summary dt{
  width:50%;
  line-height:1.1;
}
.products-summary.ptn02 dt{width:70%;}
.products-group{font-size:16px;}
.price-tbl .col-l{padding-left:10px;}
.price-tbl .col-r{
  text-align:right;
  padding-left:10px;
}
.price-tbl .col-l{padding-bottom:5px;}
.products-name,
.products-summary p{
  font-size:13.5px;
  font-weight:bold;
  line-height:1.8;
}
.price-list .col:first-child{padding-right:5%;}
.price-list .col:last-child{padding-left:5%;}
.goods-detail{
    text-align:justify;
    width: 80%;
}
.goods_margin{
    margin-top: 50px;
}

/* フッター
----------------------------------------- */
footer{
  background:#312116;
  padding:25px 0 10px;
}
footer .wrapper{position:relative;}
#page-top{
  position:absolute;
  top:-25px;
  right:0;
}
.footer-tbl{
  max-width:460px;
  margin:0 auto 15px;
}
.fnav{
  font-size:0;
  padding-bottom:15px;
}
.fnav li{
  display:inline-block;
  width:20%;
  border-right:1px solid #fff;
  text-align:center;
}
.fnav li:last-child{border-right:none;}
.fnav a{
  display:block;
  font-size:14px;
  color:#fff;
  padding:3px 15px;
}
small{
  display:block;
  font-size:14px;
  color:#fff;
  text-align:center;
}

.class=copyrightlink{color:#fff;}


.box_parallel {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-diretion: nowrap;
    justify-content: space-between;
}

.box_parallel_content {
    max-width: 480px;
}

.box_parallel_content:not(:last-child) {
    margin-right: 2%;
}

/* =============================================================
   1001px以上
============================================================= */
@media screen and (min-width:1001px){
  .slick-prev{
    margin:auto;
    left:0;
    right:970px;
    z-index:100;
  }
  .slick-next{
    margin:auto;
    left:960px;
    right:0;
    z-index:100;
  }
}
/* =============================================================
   1000px以下
============================================================= */
@media screen and (max-width:1000px){
  .main-header .gnav{margin:0 -3%;}
  .main-header .gnav li{padding:0 3%;}
  .fb_iframe_widget,
  .fb_iframe_widget span,
  .fb_iframe_widget iframe[style]{
    width: 100% !important;
    max-width:500px;
  }
  
  .box_parallel {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: block;
    flex-diretion: wrap;
    justify-content: center;
}

.box_parallel_content {
  max-width: 480px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.box_parallel_content:not(:last-child) {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

  
  /* コンテンツ
  ----------------------------------------- */
  .h3-ttl{font-size:15px;}
  /* HOME */
  .fours-txt{font-size:14px;}
  .news-tbl.tbl,
  .news-tbl .col-l,
  .news-tbl .col-r{
    display:block;
    width:100%;
    max-width:400px;
    padding-left:0;
    padding-right:0;
    margin:0 auto 30px;
  }
  .access-info-tbl{font-size:14px;}
  .access-info-tbl .tel{font-size:28px;}
  .access-info-tbl .tel{
    font-size:37px;
    font-weight:bold;
  }
  .about-tbl .col-l{padding-right:50px;}
  .about-txt-01{font-size:20px;}
  .about-txt-01 br{display:none;}
  .about-txt-02{font-size:14px;}
  /* SALOM */
  .concept-detail-ttl{
    width:80%;
    font-size:20px;
  }
  .concept-detail-txt{font-size:14px;}
  .photo-area .photo01{
    text-align:center;
    top:0;
    left:0;
    right:100px;
  }
  .photo-area .photo02{
    text-align:center;
    top:210px;
    left:270px;
    right:0;
  }
  .staff-name{
    text-align:center;
    margin:10px 0 30px 0;
  }
    .tencyo-name{
        max-width: 430px; 
        margin:10px auto 30px;
    }
    

    .hidden1000{display: none;}
  .photo-area,
  .photo-area .photo01{position:static;}
  /* MENU */
  .menu-block{margin:0 -10px;}
  .menu-block li{padding:0 10px;}
  .menu-block dt,.menu-block dd{font-size:13px;}
  .menu-attention{font-size:11px;}
  /* GOODS */
  .products-img-s,
  .products-img-m,
  .products-img-l{width:80px;}
  .products-summary dl{font-size:14px;}
  .products-group{font-size:11.5px;}
  .products-name,
  .products-summary p{font-size:11.5px;}
}

/* =============================================================
   768px以下
============================================================= */
@media screen and (max-width:768px){
  .visible768{display:inline-block;}

  /* ヘッダー
  ----------------------------------------- */
  .main-logo{
    width:45%;
    height:43.5%;
    top:70px;
  }
  .slicknav_menu{
    display:block;
    height:70px;
    background:#312116;
    padding:5px 0;
  }
  .slicknav_nav{
    background:#000;
    text-align:center;
    position:relative;
    z-index:200;
  }
  .slicknav_nav a:hover{background:#000;}
  .slicknav_nav img{max-width:120px;}
  .slicknav_menu .slicknav_icon{
    width:2.2em;
    height:1.5em;
  }
  .slicknav_btn{
    padding:.638em .625em;
    margin:10px 5px 8px;
    background:none;
  }
  .slicknav_btn .slicknav_icon-bar{
    width:2.2em;
    height:.125em;
  }
  .slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.5em;}
  .slicknav_nav a img{vertical-align:middle;}
  .slicknav_nav a{color:#000;}
  .slicknav_nav .slicknav_row:hover,
  .slicknav_nav a:hover{
    color:#000;
    border-radius:0;
  }
  .sub-header{padding:0;}
  .header-tbl.tbl,
  .header-tbl .col,
  .main-header-wrapper .header-tbl .col:first-child{
    display:block;
    width:100%;
    text-align:center;
  }
  .main-header-wrapper .header-tbl .col:first-child,
  .sub-header .header-tbl .col:first-child{
    max-width:75px;
    padding-right:0;
    margin:0 auto 10px;
    position:absolute;
    top:10px;
    left:20px;
  }
  .gnav{display:none;}
  /* スライダー */
  .slick-dots{bottom:10px;}
  .slick-dots li{margin:0 6px;}
  .slick-dots li button:before{
    width:12px;
    height:12px;
  }
  /* コンテンツ
  ----------------------------------------- */
  /* HOME */
  .access-tbl.tbl,
  .access-tbl > .col-l,
  .access-tbl > .col-r{
    display:block;
    width:100%;
  }
  .access-info-tbl{
    max-width:450px;
    margin:auto;
  }
  .access-tbl > .col-r{
    padding-left:0;
    margin:auto;
  }
  .about-tbl.tbl,
  .about-tbl .col-l,
  .about-tbl .col-r{
    display:block;
    max-width:450px;
    width:100%;
    margin:0 auto 30px;
  }
.col-l2{
    margin:0 auto 30px;
  }
  .about-tbl .col-l{padding-right:0;}
  .about-tbl .col-r{text-align:center;}
  /* SALON */
  .consept-list li{width:50%;}
  .concept-detail-ttl{
    width:100%;
    font-size:16px;
  }
  .concept-detail-txt{font-size:13px;}
  .concept-detail-list li:nth-child(odd) .concept-detail-block{padding-right:4%;}
  .concept-detail-list li:nth-child(even) .concept-detail-block{padding-left:4%;}
  .profile-tbl{font-size:15px;}
  .comment-block .skill-detail-txt br{display:none;}
  /* MENU */
  .menu-block{margin:0;}
  .menu-block li{
    display:block;
    width:100%;
    padding:0;
    margin-bottom:30px;
  }
/*    STAFF*/

  /* GOODS */
  .products-block,
  .products-block:not(.block-full){
    max-width:450px;
    margin:0 auto;
  }
  .products-block:not(.block-full) li{
    display:block;
    width:100%;
    vertical-align:top;
    padding:0;
    margin-bottom:40px;
  }
  .products-img-s,
  .products-img-m,
  .products-img-l{width:80px;}
  .products-summary dl{font-size:12.5px;}
  .price-list.tbl,
  .price-list .col{
    display:block;
    width:100%;
  }
  .price-list .col:first-child{padding-right:0;}
  .price-list .col:last-child{padding-left:0;}
    
  /* フッター
  ----------------------------------------- */
  .fnav a{font-size:12px;}
  small{font-size:11px;}
}
/* =============================================================
   640px以下
============================================================= */
@media screen and (max-width:640px){
  /* パララックス */
  #prlx01,
  #prlx02{
    height:200px;
    overflow:hidden;
  }
  #prlx01 .sp_pic,#prlx02 .sp_pic{display:block;}
  #prlx01 .prlx_pic,
  #prlx02 .prlx_pic{display:none;}
  #prlx01 .sp_pic{
    width:100%;
    height:200px;
    background:url(../images/home/prlx01.jpg) center center /cover no-repeat;
    background-size:cover;
  }
  #prlx02 .sp_pic{
    width:100%;
    height:200px;
    background:url(../images/home/prlx02.jpg) center center /cover no-repeat;
    background-size:cover;
  }
}
/* =============================================================
   480px以下
============================================================= */
@media screen and (max-width:480px){
  .visible480{display:inline-block;}
  .hidden480{display:none;}
  /* スライダー */
  .slick-dots{bottom:5px;}
  .slick-dots li{margin:0 4px;}
  .slick-dots li button:before{
    width:10px;
    height:10px;
  }
  .slick-next:before, [dir=rtl] .slick-next:before,
  .slick-prev:before, [dir=rtl] .slick-prev:before{font-size:20px;}
  /* コンテンツ
  ----------------------------------------- */
  /* HOME */
  .access-info-tbl .tel{font-size:22px;}
	
  .link-outer{
  display: block;
}
.link-l{
  max-width: 480px;
}
.link-r{
  max-width: 480px;	
}	
  /* SALON */
  .concept-detail-list li{
    display:block;
    width:100%;
  }
  .concept-detail-list li:nth-child(odd) .concept-detail-block{padding-right:0;}
  .concept-detail-list li:nth-child(even) .concept-detail-block{padding-left:0;}
  .concept-detail-list li{margin-bottom:30px;}
  .photo-tbl.tbl,
  .photo-tbl .col-l,
  .photo-tbl .col-r{
    display:block;
    width:100%;
    text-align:center;
  }
  .photo-tbl .col-l{
    padding-right:0;
    margin-bottom:30px;
  }
  .photo-tbl .col-r{padding-left:0;}
  .photo-r li:first-child{margin-bottom:30px;}
  .profile-tbl.tbl,
  .profile-tbl .col-l,
  .profile-tbl .col-r{
    display:block;
    width:100%;
  }
  .profile-tbl .col-l{margin-bottom:15px;}
  .comment-block p{font-size:13px;}
  .comment-block .skill-detail-txt{font-size:11px;}
    /*    STAFF*/
    .personal_res a{
  font-size:13px;
}
  /* GOODS */
  .products-block > .tbl,
  .products-img-s,.products-img-m,.products-img-l,
  .products-summary{
    display:block;
    width:100%;
    padding-left:0;
  }
  .products-img-s,.products-img-m,.products-img-l{
    text-align:center;
    margin-bottom:20px;
  }
  /* フッター
  ----------------------------------------- */
  .footer-tbl.tbl,
  .footer-tbl .col{
    display:block;
    width:100%;
  }
  .footer-logo{
    text-align:center;
    margin-bottom:30px;
  }
  .fnav a{padding:3px 10px;}
}