/* COMMON
-------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300);
body{opacity:0;}
.mb0{margin-bottom:0!important;} .mb05{margin-bottom:5px!important;} .mb10{margin-bottom:10px!important;} .mb15{margin-bottom:15px!important;} .mb20{margin-bottom:20px!important;} .mb25{margin-bottom:25px!important;} .mb30{margin-bottom:30px!important;} .mb35{margin-bottom:35px!important;} .mb40{margin-bottom:40px!important;} .mb45{margin-bottom:45px!important;} .mb50{margin-bottom:50px!important;}

.en{font-family: 'Open Sans', sans-serif;}
.fwb{font-weight:bold!important;}
.ofh{overflow: hidden;}
/* PC
-------------------------------------------------- */
@media only screen and (min-width: 768px) {
.maintenance{
    margin-bottom:30px;
}
.maintenance .title{
  margin-bottom:30px;
  text-align:center;
  font-size:24px;
}
.maintenance-shop{

}
.maintenance-shop .stit{
  margin-bottom:10px;
  font-size:16px;
  font-weight:normal;
}
.maintenance-shop ul{
  overflow: hidden;
  zoom:1;
}
.maintenance-shop li{
  float:left;
  width:50%;
}
.sp{
  display:none!important;
}
body{
  min-width:1024px;
  line-height: 1.9;
}
a{
  color:#f29600;
}
.fontM{
  font-family: "Times New Roman", "������", YuMincho, "�q���M�m���� ProN W3", "Hiragino Mincho ProN", "HG����E", "���C���I", Meiryo, serif;
  text-shadow: #999 0.1px 0.1px 1px;
}
.inner{
  position: relative;
  margin:0 auto;
  padding:0 80px;
  max-width:1100px;
}
.content{
  margin-bottom:40px;
}
.header{
  overflow:hidden;
  zoom:1;
  position:relative;
  margin-bottom:35px;
  padding-bottom: 50px;
}
.header .logo{
  position:absolute;
  top:30px;
}
.header .logo img{
  width: 84px;
}

.footer .gnav li{
  float:left;
  margin:0 20px;
}
.footer .gnav {
  width: 376px;
  margin: auto;


}
.footer {
  margin-top: 100px;
  margin-top: 27%;
  padding-top: 17px;
  padding-bottom: 1px;
  background-color: #f29600;
}

.footer a{
  color: #fff;
} 
.footer a:after {
  color: #fff;
}

.header .gnav{
  overflow:hidden;
  zoom:1;
  float:right;
}
.header .gnav li{
  float:left;
  margin:0 20px;
}
.header .gnav a{
  position:relative;
  display:block;
  overflow: hidden;
  padding-top:35px;
  text-decoration: none;
  color: #000;
}
.header .gnav a:after{
  content:'';
  display:block;
  position:absolute;
  bottom:0;
  margin-left:10%;
  width:80%;
  height:1px;
  background:#000;
  transform:scale(0);
  -webkit-transform:scale(0);
  transition:all .2s linear;
  -webkit-transition:all .2s linear;
}
.header .gnav a:hover:after,
.page-salon .gnav01 a:after,
.page-menu .gnav02 a:after,
.page-organic .gnav03 a:after,
.page-hairstyle .gnav04 a:after,
.page-staff .gnav06 a:after{
  transform:scale(1);
  -webkit-transform:scale(1);
}
.header .gnav01 a{
  width:50px;
}
/*.header .gnav01 a:hover{
  background:url(/common/re_img/gnav01_on.png) no-repeat center center;
}*/
.header .gnav02 a{
  width:50px;
}
/*.header .gnav02 a:hover{
  background:url(/common/re_img/gnav02_on.png) no-repeat center center;
}*/
.header .gnav03 a{
  width:72px;
}
/*.header .gnav03 a:hover{
  background:url(/common/re_img/gnav03_on.png) no-repeat center center;
}*/
.header .gnav04 a{
  width:104px;
}
/*.header .gnav04 a:hover{
  background:url(/common/re_img/gnav04_on.png) no-repeat center center;
}*/

.top-slide-wrap{
  margin-bottom:35px;
  position:relative;
}
.top-slide-wrap .catch{
  width: 31%;
  position:absolute;
  right:12%;
  top:33%;
}
.top-slide-wrap img{
  width:100%;
}

.top-content{
  overflow:hidden;
}
.top-content .news{
  float:left;
  margin-right:20px;
  width:340px;
}
.top-content .stit{
  font-size:14px;
  font-weight:normal;
  margin-bottom:15px;
}
.top-content .stit img{
  height:15px;
}
.news-list li{
  margin-bottom:10px;
}
.news-list a{
  color:#000;
  font-size:11px;
  text-decoration:none;
}
.news-list .date{
  float:left;
  min-width:94px;
  color:#f29600;
}
.news-list p{
  overflow:hidden;
}
.news-list .new{
  display:inline-block;
  padding-left:10px;
  color:#bb0000;
}
.top-content .shop{
  overflow:hidden;
}
.top-content .shop-list{
  overflow:hidden;
  zoom:1;
}
.top-content .shop-list .txt{
  font-size:11px;
  line-height:1.7;
}

.top-content .shop-list li{
  float:left;
  display:table;
  padding-right:0%;
  width:47.5%;
}
.top-content .shop-list li.jp{
  margin-right:5%;
}
.top-content .shop-list li > *{
  display:table-cell;
  vertical-align:top;
}
.top-content .shop-img{
  float:left;
  margin-right:20px;
}
.top-content .shop-detail{
  position:relative;
  padding-bottom:30px;
}
.top-content .shop-detail h4{
  margin-bottom:6px;
  font-weight:bold;
  font-size:14px;
}
.top-content .shop-detail .more{
  position:absolute;
  bottom:0;
  right:0;
}

.footer .inner{
  position: relative;
  overflow:hidden;
  zoom:1;
  margin-bottom:40px;
}
.footer .foot-sns{
}
.footer .foot-sns li{
  display:inline-block;
  margin:0 10px;
}
.footer .foot-sns li a{
  display:block;
  width:30px;
  height:30px;
  transition:all .1s linear;
  -webkit-transition:all .1s linear;
}
.footer .foot-sns li a:hover{
  opacity:.2;
}
.footer .foot-sns .fb a{
  background:url(/common/re_img/icn-fb_off.png) no-repeat center center;
}
/*.footer .foot-sns .fb a:hover{
  background:url(/common/re_img/icn-fb_on.png) no-repeat center center;
}*/
.footer .foot-sns .twt a{
  background:url(/common/re_img/icn-twt_off.png) no-repeat center center;
}
/*.footer .foot-sns .twt a:hover{
  background:url(/common/re_img/icn-twt_on.png) no-repeat center center;
}*/
.footer .foot-sns .insta a{
  background:url(/common/re_img/icn-insta_off.png) no-repeat center center;
}
/*.footer .foot-sns .insta a:hover{
  background:url(/common/re_img/icn-insta_on.png) no-repeat center center;
}*/
.page-index .pagetop-wrap{
  display:none;
}
.pagetop-wrap{
  margin-bottom:30px;
  text-align:right;
}
.pagetop{
  display:inline-block;
  cursor:pointer;
  transition:all .1s;
  -webkit-transition:all .1s;
}
.pagetop:hover{
  opacity:0.7;
}
.footer .fshop{
  margin-bottom:30px;
  float:left;
  display:table;
  width:50%;
}
.footer .fshop > *{
  display:table-cell;
  vertical-align:top;
}
.footer .fshop .shop-img{
  padding-right:20px;
}
.footer .copyright{
  position: absolute;
  bottom:5px;
  right:90px;
  clear:both;
  color:#BABABA;
  text-align:right;
}

/* -----------------------
  hair style
----------------------- */
.sub-header{
  margin-bottom:60px;
}
.sub-header .stit{
  margin-bottom:50px;
  text-align:right;
}
.sub-header .catch{
  margin-bottom:20px;
  font-weight:normal;
  line-height:1.8;
}
.sub-header .catch img{
  max-width:100%;
}
.sub-header .en{
  font-size:14px;
  color:#999;
}

.insta-wrap{
  overflow:hidden;
  zoom:1;
}

.insta-wrap > a{
  float:left;
  display:block;
  margin:0 1.5% 30px;
  width:30.333%;
	  transition:all .1s linear;
  -webkit-transition:all .1s linear;
}
	.insta-wrap > a:hover{
  opacity:.7;
}
.insta-wrap > a img{
  width:100%;

}

.insta-more a{
	display: block;
  margin:0 auto;
  width:80px;
  height:80px;
  line-height:80px;
  text-align: center;
  border:2px solid #000;
  cursor:pointer;
  border-radius:50%;
  -webkit-border-radius:50%;
  transition:all .3s linear;
  -webkit-transition:all .3s linear;
	color: #000;
		text-decoration: none;
}

.insta-more a:hover{
  color:#FFF;
  background:#000;
}
.insta-more a{

}

.insta-more[disabled="disabled"]{
  display:none;
}

/* -----------------------
  salon & menu
----------------------- */

.space{
  margin-bottom:30px;
}
.shop-name{
  margin-bottom:68px;
  font-size:19px;
}
.menuNav ul{
  overflow:hidden;
  margin:0 0 36px 0;
}

.menuNav ul li{
  float:left;
  margin:0 30px 0 0;
}

.menuNav ul li a{
  position:relative;
  display:block;
  height:30px;
  overflow:hidden;
  border-bottom:2px solid #FFF;
}
.menuNav ul li a:after{
  content:'';
  display:block;
  position:absolute;
  bottom:0;
  margin-left:15%;
  width:70%;
  height:2px;
  background:#000;
  transform:scale(0);
  -webkit-transform:scale(0);
  transition:all .2s linear;
  -webkit-transition:all .2s linear;
}
.menuNav ul li a:hover:after{
  transform:scale(1);
  -webkit-transform:scale(1);
}
.menuNav ul li.current a:after{
  transform:scale(1);
  -webkit-transform:scale(1);
}

.menuNav ul li img.popup{
  margin:0 0 0 5px;
}
  .menu-wrap{
    overflow:hidden;
    zoom:1;
    margin-bottom:70px;
  }
.menu-imgs{
  float:right;
}
.menu-imgs img{
  display:block;
  margin-bottom:30px;
  max-width:100%;
}

.menu-menu{
  overflow:hidden;
  zoom:1;
}
.menu-menu h2{
  margin:0 auto;
  margin-bottom:40px;
  font-size:18px;
  font-weight:normal;
}

.menu-menu dl{
  overflow: hidden;
  zoom:1;
  margin:0 auto;
}

.menu-menu dt{
  clear:both;
  float:left;
  padding:0 50px 15px 0;
  width:25em;
}
.menu-menu dt .en{
  color:#999;
  line-height: 1.4;
}

.menu-menu dt.space{
  width:100%;
  font-size:10px;
}

.menu-menu dd{
  float:left;
  /*padding:8px 0 8px 0;*/
}
.menu-menu dd.plus{
  margin-left:-11px;
}
.catch-btm{
  margin-top:60px;
}
.catch-btm .catch{
  margin-bottom:20px;
  line-height:1.9;
  font-size:17px;
  font-weight:normal;
}
.catch-btm img{
}
.catch-btm .en{
  color:#999;
  font-size:14px;
}
.shop-access .shop-img,
.shop-info .shop-img{
  float:right;
  margin-left:20px;
  margin-top: -50px;
}
.shop-info .shop-img .b-name{
  text-align: center;
}
.shop-info .shop-img .b-name > *{
  display:inline-block;
  width:49%;
}

.shop-info,
.shop-access{
  padding:80px 0 0 0;
  line-height:2.2em;
  overflow: hidden;
}
.shop-info{
  margin-bottom: 40px;
}
.shop-reserv{
  margin-bottom: 70px;
  padding:30px 0 0 0;
  line-height:2.0em;
}
.shop-reserv h2,
.shop-info h2,
.shop-access h2{
  margin:0 0 20px 0;
}
.shop-info h3,
.shop-access h3,
.shop-reserv h3{
  margin:0 0 10px 0;
  font-weight: bold;
  font-size: 120%;
}
.shop-info h4,
.shop-access h4,
.shop-reserv h4{
  font-weight: bold;
}
.box-reserv{
  margin: 30px 5px 20px;
  padding-top: 20px;
}
.box-reserv dt{
  position: relative;
  margin:0 0 13px;
  padding:0 0 0 20px;
  font-size: 120%;
  font-family: "a-otf-ryumin-pr6n",sans-serif;
  font-weight: bold;
}
.box-reserv dt:before{
    content: "";
    position: absolute;
    top: 50%;
    left:0;
    width: 10px;
    border-top: 1px solid #000;
}
.box-reserv dd{
  overflow: hidden;
  margin:0 0 40px;
  padding: 0 18px;
}
.box-reserv dd p{
  margin-bottom:20px;
}
.img-qr{
  float: left;
  margin:0 20px 0 0;
}
.shop-access{
  margin-bottom:50px;
}
.salon-image img{
  width:100%;
}

.salon-bangkok .salon-menu{
  margin-top:-280px;
}
.salon-bangkok .salon-menu .right{
  margin-top:220px;
}
.salon-bangkok .salon-imgs .right img{
  margin-bottom:30px;
}
.salon-bangkok .salon-imgs-btm{
  margin-top:-60px;
}
.salon-bangkok .salon-imgs-btm .right{
  padding-top: 180px;
}

.shop{
  margin-bottom: 50px;
}
/* -----------------------
  staff
----------------------- */
.staff-list{
  overflow: hidden;
  zoom:1;
}
.staff-list .staff{
  float:left;
  margin:0 1% 60px;
  width:23%;
}
.staff-list a{
  color:#000;
  text-decoration: none;
}
.staff-list a:hover{
  text-decoration: underline;
}
.staff-list .thumb{
  margin-bottom:10px;
  /*min-height:250px;*/
  color:#000;
}
.staff-list .thumb img{
  width:100%;
  max-width:250px;
  height:auto;
}


.staff-catch{
  margin-bottom:50px;
  font-size:32px;
}

.staff-wrap{
  overflow: hidden;
  zoom:1;
  margin-bottom:50px;
}
.staff-wrap .detail{
  overflow: hidden;
}
.staff-wrap .detail table{
  margin-bottom: 35px;
}
.staff-wrap .photos{
  float:right;
  margin-left:30px;
  width:380px;
}
.staff-wrap .photos img{
  margin-bottom:30px;
  width:100%;
}
.staff-wrap .yarpp-related{
  display:none;
}

.staff-wrap .staff-name{
  margin-bottom:50px;
  font-size:20px;
}
.staff-wrap .staff-thumb{
  margin-bottom:50px;
}
.staff-wrap .staff-thumb a{
  display:inline-block;
  margin:0 10px 10px 0;
}
.staff-wrap .staff-thumb a img{
  width:auto;
  height:50px;
  transition:all .1s ;
  -webkit-transition:all .1s ;
}
.staff-wrap .staff-thumb a:hover img{
  opacity: .7;
}
.staff-wrap .news {
  margin-bottom: 35px;

}
.staff-wrap .news .news-list a:hover{
  text-decoration: underline;

}
.staff-wrap .news .stit{
font-size: 14px;
    font-weight: normal;
    margin-bottom: 15px;
}
.staff-comment{
  line-height:1.8;
}
.staff-comment .stit-comment{
  margin-bottom: 30px;
}
.staff-comment table th{
  padding: 0px 15px 5px 0px;
  text-align: left;
  font-weight: normal;
  vertical-align: top;
}
.staff-comment table td {
  padding-bottom: 10px;
}
/* -----------------------
  organic
----------------------- */
.organic-list{
  overflow: hidden;
  zoom:1;
}
.organic-list li{
  float: left;
  margin:0 2% 60px;
  width: 29%;
}
.organic-list .item-img{
  margin-bottom:20px;
}
.organic-list .item-img img{
  width:100%;
}
.organic-list h3{
  margin-bottom:20px;
  font-size:14px;
  font-family: 'Open Sans', sans-serif;
}
.organic-list .item-explain{
  margin-bottom:30px;
}
/* -----------------------
  menu
----------------------- */
  .menu-box{
    overflow:hidden;
    zoom:1;
    margin:70px 0;
  }
  .menu-box.menu02,
  .menu-box.menu03,
  .menu-box.menu04{
    margin-top:-80px;
  }
  .menu-box .menu-photo{
    float:left;
  }
  .menu-box.photo-right .menu-photo{
    float:right;
  }
  .menu-box .menu-photo img{
    float:left;
    width: 240px;
  }
  .menu-box .menu-explain{
    overflow:hidden;
    padding-left:50px;
  }
  .menu-box.photo-right .menu-explain{
    padding-left:0;
    padding-right:50px;
  }
  .menu-box .menu-explain p{
    margin-bottom:15px;
    line-height:1.9;
    color:#010101;
  }
  .menu-box.menu01 .menu-explain{
    padding-top:40px;
  }
  .menu-box.menu02 .menu-explain{
    padding-top:80px;
  }
  .menu-box.menu03 .menu-explain{
    padding-top:40px;
  }
  .menu-box.menu04 .menu-explain{
    padding-top:110px;
  }

  .notfound{
    position: relative;
    margin: 0 auto;
    padding: 0 80px;
    max-width: 1100px;
  }
  .notfound .tit{
    font-size:20px;
  }

/* ------------------
summary.html
-------------------*/

  .content2 {
    margin-left: 150px;
  }

  .inner-title {
    font-size: 20px;
  }

  .summary {
    margin-bottom: 30px;
  }

  .summary-inner {
    float: left;
    width: 500px;
    height: auto;
  }

  .summary-list {
    font-size: 18px;
    list-style: decimal;
    margin-left: 20px;

  }

  .campany-imgs {
    width: auto;
    height: auto;
    max-width: 550px;
    max-height: 500px;
    margin-left: 50px;
  }

/* ------------------------
info.html
------------------------ */

  .content3 {
    margin-left: 150px;
  }

  .info-inner {
    float: left;
    width: 500px;
    height: auto;
    margin-bottom: 100px;
  }

  .info-dl {
    padding: 0px;
    margin: 0px 20px;
  }

  .info-dl dt {
    line-height: 2em;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100px;
  }

  .info-dl dd {
    line-height: 2em;
    padding-left: 110px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ff8c00;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }
  
/* ---------------------------------
recruit.html
--------------------------------- */

.content4 {
  margin-left: 150px;
  position: static;
}

.entry {
  font-size: 16px;
  color: #ff8c00;
  margin-top: 15px;
  margin-bottom: 30px;
  margin-left: 15px;
}

.recruit-inner {
  float: left;
  width: 500px;
  height: auto;
  margin-bottom: 100px;
}

.entry-dl {
  padding: 0px;
  margin: 0px 20px;
}

.entry-dl dt {
  line-height: 2em;
  margin: 0px;
  padding: 0px;
  float: left;
  width: 193%;
}

.entry-dl dd {
  line-height: 2em;
  padding-left: 110px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ff8c00;
  margin: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}

/* --------------------------------
contact.html
-------------------------------- */

.contact-inner span {
  color: #ff0000;
  font-size: 10px;
}


.content5 {
  margin-left: 150px;
  margin-right: 150px;
  margin-bottom: 50px;
}


.contact-inner {
  font-size: 14px;
  outline: #ff8c00 dotted thin;
  padding: 80px 150px;
  margin-top: 20px;
}

.message {
  font-size: 20px;
}

.tel-or-mail dt {
  font: 16px bolder;
  margin: 10 0;
  color: #ff8c00;
}

.mail-attention {
  font-size: 10px;
}

.mailto {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.mailto::before,
.mailto::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.mailto,
.mailto::before,
.mailto::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.mailto {
  margin: 15px 0;
  position: relative;
  z-index: 2;
  background-color: #fff;
  border: 2px solid #ff8c00;
  color: #ff8c00;
  line-height: 50px;
  overflow: hidden;
}

.mailto:hover {
  color: #fff;
}

.mailto::after {
  top: -100px;
  width: 100%;
  height: 100px;
}

.mailto:hover::after {
  top: 0;
  background-color: #ff8c00;
}

/* ----------------------------------
send.html
---------------------------------- */

.content6 {
  margin-left: 150px;
  margin-right: 150px;
}

.send-inner {
  outline: #ff8c00 dotted;
  padding-bottom: 50px;
}

.send-inner h3 {
  text-align: center;
  font-size: 24px;
  color: #ff8c00;
  margin-top: 100px;
  margin-bottom: 40px;
  padding-top: 20px;
}

.send-inner p {
  text-align: center;
  padding-bottom: 20px;
  font-size: 16px;
}

/* -------------------------
result.html
-------------------------- */

.content0 {
  margin-left: 450px;
  margin-right: 150px;
  outline: #ff8c00 dotted thin;
  width: 300px;
  height: 500px;
  padding: 80px 110px 50px;
}

.result tr {
  text-align: center;
  line-height: 2em;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ff8c00;
}

.result th {
  padding-bottom: 20px;
}

.result td {
  padding-left: 30px;
  padding-bottom: 20px;
}

.back {
  background-color: #c0c0c0;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  margin-top: 35px;
  margin-left: 50px;
  height: 40px;
  width: auto;
}

.nextpage {
  background-color: #ff8c00;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  margin-top: 35px;
  margin-left: 50px;
  height: 40px;
  width: auto;
  float: left;
}


/* end media query */}
/* SP
-------------------------------------------------- */
@media only screen and (max-width: 767px) {
.mincho{
  font-family: "a-otf-ryumin-pr6n",sans-serif; */
}
.pc{
  display:none!important;
}
img{max-width:100%;}

.header{
  padding:10px 0 30px;
  text-align: center;
}
.header .logo img{
  width:50px;
}
.header .menu-trigger{
  overflow: hidden;
  position: absolute;
  top:25px;
  right:10px;
  width:26px;
  height:26px;
}
.header .menu-trigger span{
  position: absolute;
  right:0px;
  width:100%;
  height:2px;
  background:#000;
  transition:all .3s linear;
  -webkit-transition:all .3s linear;
}
.header .menu-trigger:before,
.header .menu-trigger:after{
  content:'';
  position: absolute;
  right:0px;
  width:100%;
  height:2px;
  background:#000;
  transition:all .3s linear;
  -webkit-transition:all .3s linear;
}
.header .menu-trigger:before{
  top:6px;
}
.header .menu-trigger:after{
  top:12px;
}
.menu-show .header .menu-trigger{
  z-index:5001;
}
.menu-show .header .menu-trigger span{
  background:#FFF;
  transform:rotate(45deg) translate(7px,10px);
  0webkit-transform:rotate(45deg) translate(7px,10px);
}
.menu-show .header .menu-trigger:before{
  background:#FFF;
  transform:translate(-100%);
  -webkit-transform:translate(-100%);
}
.menu-show .header .menu-trigger:after{
  background:#FFF;
  transform:rotate(-45deg) translate(-2px,-1px);
  0webkit-transform:rotate(-45deg) translate(-2px,-1px);
}
.header .gnav{
  opacity:0;
  position: fixed;
  top: 0;
  left: 0;
  padding:80px 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index:-1;
  transition:all .3s linear;
  -webkit-transition:all .3s linear;
}
.menu-show .header .gnav{
  z-index: 5000;
  opacity:1;
}
.header .gnav a{
  display:inline-block;
  padding:5px 0;
  color:#FFF;
  font-size:16px;
  font-weight:normal;
  text-decoration: none;
}
.top-slide-wrap{
  margin-bottom:30px;
  position:relative;
}
.top-slide-wrap .logo{
  display:none;
}
.top-slide-wrap img{
  width:100%;
}
.top-slide-wrap .catch{
  position: absolute;
  width:100%;
  padding-right:5%;
  left:0;
  top:33%;
  text-align: right;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
.top-slide-wrap .catch img{
  width:44%;
}




.footer{
  margin-top:50px;
}
.footer .inner{
  position: relative;
  overflow:hidden;
  zoom:1;
}
.footer .foot-sns{
  text-align: center;
}
.footer .foot-sns li{
  display:inline-block;
  margin:0 10px;
}
.footer .foot-sns li a{
  display:block;
  width:30px;
  height:30px;
}
.footer .foot-sns .fb a{
  background: url(/re_img/sns-fb-sp.png) no-repeat center center;
  background-size: 20px;
}
.footer .foot-sns .twt a{
  background:url(/re_img/sns-twt-sp.png) no-repeat center center;
  background-size: 23px;
}
.footer .foot-sns .insta a{
  background:url(/re_img/sns-insta-sp.png) no-repeat center center;
  background-size: 21px;
}


.footer .pagetop{
  display:none;
}
.footer .copyright{
  padding:10px;
  color:#FFF;
  text-align: center;
  background:#000;
}

.top-content{
  padding:0 10px;
}
.top-content .news{
  margin-bottom:50px;
}
.top-content .stit{
  font-size:14px;
  font-weight:normal;
  margin-bottom:10px;
}
.news-list li{
  margin-bottom:10px;
}
.news-list a{
  color:#000;
  font-size:11px;
  text-decoration:none;
}
.news-list .date{
  float:left;
  min-width:80px;
  color:#f29600;
}
.news-list p{
  overflow:hidden;
}
.news-list .new{
  display:inline-block;
  padding-left:10px;
  color:#bb0000;
}
.top-content .shop{
  overflow:hidden;
}
.top-content .shop-list{
  overflow:hidden;
  zoom:1;
}
.top-content .shop-list .txt{
  font-size:11px;
  line-height:1.7;
}

.top-content .shop-list li{
  margin-bottom:20px;
}
.top-content .shop-list .more{
  text-align:right;
}
.top-content .shop-list li > *{
  vertical-align:top;
}

/* -----------------------
  sub page
----------------------- */
.sub-header{
  margin-bottom:30px;
}
.sub-header .stit{
  font-family: 'Open Sans', sans-serif;
  font-size:26px;
  font-weight:normal;
  text-align: center;
  margin-bottom: 20px;
}
.sub-header .catch{
  padding: 10px;
  text-align: left;
}
.sub-header .mincho{
  font-size:16px;
}
.sub-header .en{
  padding:0 10px;
  color:#999;
  text-align: left;
}
.sub-stit{
  margin:30px 0!important;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size:24px;
}
.sub-header-btm .catch{
  /*font-size:11px;*/
  font-weight:normal;
}
/* -----------------------
  hair style
----------------------- */

.insta-wrap{
  overflow:hidden;
  zoom:1;
}

.insta-wrap > a{
  float:left;
  display:block;
  margin:0 2% 20px;
  width:46%;
}
.insta-wrap > a img{
  width:100%;
  transition:all .1s linear;
  -webkit-transition:all .1s linear;
}
.insta-wrap > a:hover img{
  opacity:.7;
  width:100%;
}
.insta-more a{
	display: block;
  margin:0 auto;
  width:80px;
  height:80px;
  line-height:80px;
  text-align: center;
  border:2px solid #000;
  cursor:pointer;
  border-radius:50%;
  -webkit-border-radius:50%;
  transition:all .3s linear;
  -webkit-transition:all .3s linear;
			text-decoration: none;

}

.insta-more a:hover{
  color:#FFF;
  background:#000;
}

.insta-more[disabled="disabled"]{
  display:none;
}


/* -----------------------
  salon
----------------------- */

.space{
  margin-bottom:30px;
}
.menuNav{
  text-align: center;
}
.shop-name{
  display:none;
}
.menuNav ul{
  overflow:hidden;
  margin:0 0 30px 0;
  text-align: center;
}

.menuNav ul li{
  display:inline-block;
  margin:10px;
}

.menuNav ul li a{
  font-family: 'Open Sans', sans-serif;
  display:inline-block;
  padding:6px 18px;
  font-size:14px;
  color:#999;
  text-decoration: none;
}
.menuNav ul li.current a{
  position: relative;
  color:#000;
  font-weight:bold;
}
.menuNav ul li.current a:after{
  content:'';
  position: absolute;
  bottom:0;
  left:50%;
  margin-left:-30px;
  width:60px;
  height:2px;
  background:#000;
}
.menu-imgs{
  display:none;
  overflow: hidden;
  zoom:1;
  margin-bottom:30px;
  height:150px;
}
.menu-imgs-btm{
  position: relative;
  margin-top: -1px;
  height:100px;
}
.menu-imgs img{
  display:block;
  float:left;
  width:50%;
}

.menu-menu{
  overflow:hidden;
  zoom:1;
}
.menu-menu h2{
  margin-bottom:40px;
}

.menu-menu dl{
  overflow: hidden;
  zoom:1;
  position: relative;
  padding:20px 10px;
}
.menu-menu dl:after{
/*   position: absolute;
  content:'';
  bottom:0;
  left:50%;
  margin-left:-50px;
  width:100px;
  height:1px;
  background:#ccc; */
}

.menu-menu dt{
  clear:both;
  font-weight:bold;
}
.menu-menu dt .en{
  color:#999;
  font-weight:normal;
}
.menu-menu .mb30{
  margin-bottom:0!important;
}
.menu-menu dl:nth-child(2n+1){
  /*background:#F7F7F7;*/
}

.menu-menu .space{
  width:100%;
  font-size:10px!important;
  font-weight:normal;
  text-align: right;
  /*margin-top: 15px;*/
}

.menu-menu dd{
  float:right;
  padding:0 10px;
  width: 50px;
  text-align: left;
  white-space: nowrap;
}
.menu-menu dd.plus{
  width:60px;
}
.menu-menu .right .dl:last-child::after{
  display:none;
}
.catch-btm{
  margin:50px 0 30px;
}
.catch-btm .catch{
  margin-bottom: 10px;
  padding: 0px 10px;
  text-align: left;
  font-weight:normal;
  /*font-family: "a-otf-ryumin-pr6n",sans-serif;*/
}
.catch-btm .en{
  padding:0 10px;
  color:#999;
  text-align: left;
}
.shop-info .shop-img{
  margin: 0 auto 20px;
  width: 100%;
}
.shop-info .shop-img .b-name{
  text-align: center;
}
.shop-info .shop-img .b-name > *{
  display:inline-block;
  width:49%;
}

.shop-info .shop-img img{
  width: 100%;
}
.shop-access .shop-img{
  display: none;
}
.shop-info,
.shop-access,
.shop-reserv{
  padding:30px 10px 10px;
  line-height:1.6em;
  font-size:11px;
  /*border-top:1px dotted #999999;*/
}

.shop-info h3,
.shop-access h3,
.shop-reserv h3{
  margin:0 0 10px 0;
  font-weight: bold;
  font-size: 120%;
}
.shop-info h4,
.shop-access h4,
.shop-reserv h4{
  font-weight: bold;
}
.box-reserv{
  margin: 20px 0;
  padding-top: 20px;
  line-height:2.0em;
}
.box-reserv dt{
  position: relative;
  margin:0 0 10px;
  padding: 0 5px 0 15px;
  font-size: 120%;
  font-family: "a-otf-ryumin-pr6n",sans-serif;
  font-weight: bold;
}
.box-reserv dt:before{
  content: '';
  position: absolute;
  top: 50%;
  left: -3px;
  width: 10px;
  border-top: 1px solid #000;
}

.box-reserv dd{
  overflow: hidden;
  margin:0 0 30px;
  padding: 0 10px;
}
.box-reserv dd p{
  margin-bottom:15px;
}

.page-salon .shop{
  margin:0 10px;
}
.shop-access{
  margin-bottom:50px;
}

/* -----------------------
  staff
----------------------- */

.staff-list{
  overflow: hidden;
  zoom:1;
}
.staff-list a{
  color:#000;
}
.staff-list .staff{
  float:left;
  margin:0 2% 30px;
  width:46%;
  text-align:center;
}
.staff-list .staff p{
  height:40px;
}
.staff-list .thumb{
  margin-bottom:5px;
  min-height:125px;
}
.staff-list .thumb img{
  width:100%;
  max-width:125px;
  height:auto;
}
.recruit{
  padding:0 10px;
}

.staff-wrap .photos img{
  display:none;
  width:100%;
}
.staff-wrap .photos img:first-child{
  display:block;
}
.staff-wrap .yarpp-related{
  display:none;
}
.staff-name{
  padding:10px;
  text-align: center;
}
.staff-thumb{
  padding:10px;
  background:#e7e7e7;
}
.staff-thumb img{
  width:50px;
  height:50px;
}
.staff-wrap .news {
margin: 10px 10px 30px;

}

.staff-wrap .news .stit{
font-size: 14px;
    font-weight: normal;
    margin-bottom: 15px;
}

.staff-comment .content{
  margin-bottom:30px;
  padding:0 10px;
}
.staff-comment table{
  margin:10px 10px 30px ;
}
.staff-comment th{
  display:block;
  width:100%;
  text-align:left;
}
.staff-comment td{
  display:block;
  margin-bottom:5px;
  width:100%;
  padding-left:10px;
}
/* -----------------------
  organic
----------------------- */
.organic-list li{
  position: relative;
  margin:0 12.5% 50px;
  padding-bottom:50px;
}
.organic-list li:after{
  content:'';
  position: absolute;
  bottom:0px;
  left:50%;
  margin-left:-50px;
  width:100px;
  height:1px;
  background:#999;
}
.organic-list .item-img{
  margin-bottom:10px;
}
.organic-list .item-img img{
  width:100%;
}
.organic-list h3{
  margin-bottom:10px;
  font-size:14px;
  font-family: 'Open Sans', sans-serif;
}
.organic-list .item-explain{
  margin-bottom:20px;
}
/* -----------------------
  menu
----------------------- */
  .menu-box{
    overflow:hidden;
    zoom:1;
    margin-bottom:30px;
  }
  .menu-box .menu-photo{
    margin:0 10px;
    text-align:center;
  }
  .menu-box .menu-photo img{
    margin-bottom:10px;
    width:50%;
    border-radius:10px;
  }
  .menu-box .menu-explain{
    padding:0 10px;
    font-size:11px;
  }
  .menu-box .menu-explain p{
    margin-bottom:10px;
    line-height:1.9;
    color:#010101;
  }

  .notfound{
    padding:30px 10px 100px;
  }
  .notfound .tit{
    font-size:18px;
  }

  .mgnL10{
    display:block;
    padding:10px;
    text-align: right;
  }

/* ------------------
summary.html
-------------------*/


  .inner-title {
    font-size: 20px;
  }

  .summary {
    margin-bottom: 15px;
  }

  .summary-list {
    font-size: 18px;
    list-style: decimal;
  }

  .campany-imgs {
  	margin-top: 10px;
  	width: 50%;
  }

/* ------------------------
info.html
------------------------ */

  .info-inner {
    margin-bottom: 15px;
  }

  .info-dl {
    padding: 0px;
    margin: 0px 20px;
  }

  .info-dl dt {
    font: 14px lighter;
    line-height: 2em;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 50%;
  }

  .info-dl dd {
    font: 14px lighter;
    line-height: 2em;
    padding-left: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ff8c00;
    margin: 0px;
  }
  
/* ---------------------------------
recruit.html
--------------------------------- */

.entry {
  font-size: 16px;
  color: #ff8c00;
  margin-top: 10px;
  margin-bottom: 15px;
}

.recruit-inner {
  margin-bottom: 15px;
}

.entry-dl {
  padding: 0px;
  margin: 0px 20px;
}

.entry-dl dt {
  font: 14px lighter;
  line-height: 2em;
  margin: 0px;
  padding: 0px;
  float: left;
  width: 50%;
}

.entry-dl dd {
  font: 14px lighter;
  line-height: 2em;
  padding-left: 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ff8c00;
  margin: 0px;
}

/* --------------------------------
contact.html
-------------------------------- */

.content5 {
  margin-bottom: 25px;
}

.contact-inner {
  font-size: 14px;
  outline: #ff8c00 dotted thin;
  padding: 15px 10px;
  margin-top: 10px;
}






/* ----------------------------------
send.html
---------------------------------- */

.send-inner {
  outline: #ff8c00 dotted;
  padding-bottom: 15px;
}

.send-inner h3 {
  text-align: center;
  font-size: 24px;
  color: #ff8c00;
  margin-top: 20px;
  margin-bottom: 10px;
}

.send-inner p {
  text-align: center;
  padding-bottom: 10px;
  font-size: 16px;
}



/* end media query */}