@charset "utf-8";
/* CSS Document */
/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width : 768px ){
.pc{
display: none;
}
.sp{
display: block;
}
.pagetop {
 bottom: 20px;
 right: 25px;
}
.inner{
    width:90%;
    max-width: 650px;
    min-width: 300px;
    margin: 0px auto;
}
.left-content{
    width:100%;
    max-width: 449px;
    min-width: 300px;
    float:none;
    margin-bottom: 25px;
    margin-top: 25px;
}
.right-content{
    width:100%;
    max-width: 449px;
    min-width: 300px;
    float:none;
}
.btn1{
    width: 130px;
    padding:4px 8px;
    text-align: center;
    margin-top: 10px;
}
.center-btn1{
    width: 130px;
    padding:4px 8px;
    text-align: center;
    margin: 50px auto 0px;
}
.content-title{
    font-size: 150%;
}
.content-sub-title{
    font-size: 100%;
}
.content-text{
    margin: 15px 0 25px;
    font-size: 90%;
}
.title3{
    font-size: 120%;
    margin-bottom: 25px;
    width: 100%;
}
.f-right-content,
.f-left-content{
    background-color: #f4f4f4;
    width: 100%;
    height: 200px;
}
.f-banner{
    padding: 10px;
    width: 200px;
    background-color: #ADBF67;
    color: #fff;
    position: relative;
    top: 131px;
}
.f-banner-title{
    border-bottom: 1px solid #fff;
}
.f-banner-txt{
    font-size: 80%;
}
.f-left-content,
.f-right-content{
    float: none;
    margin: 30px 0;
}
.menu-btn{
    z-index: 999;
    right: 0;
}
.nav-right{
    display: none;
}

.oshirase {
    text-align: center;
}
.oshirase img{
    width: 90%;
    margin: 50px auto 20px;
}
.center-block{
    text-align: left;
    width: 90%;
    margin: 0 auto;
    margin: 50px auto 50px;
}
/*
-------------------reset-------------------------
*/
body {
	margin:0;
	padding:0;
	min-width:320px;
    line-height: 2;
    font-size: 85%;
}
.fixid-nav nav{
	width:100%;
    z-index:999;
    background-color: #F9FCF5;
}
.fixid-nav nav .header-in{
	width:95%;
	margin:0 auto;
	z-index:999;
}
.fixid-nav nav .logo{
	width:130px;
	margin-top:20px;
    float: left;
    padding-bottom: 15px;
}
.fixid-nav .header-right{
    float: right;
}
.fixid-nav .pc{
    float: left;
    margin:30px;
}
.fixid-nav .header-right li{
    display: none
}
.fixid-nav li{
    display:none;
}
.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
  }
#footer{
	width:100%;
	margin-top:100px;
	background-color:#F9FCF5;
}
#footer .footer-in{
    width:95%;
	max-width: 449px;
    min-width: 300px;
	margin:0 auto;
}
#footer .footer_pc ul{
    padding-bottom: 15px;
}
#footer .footer_pc li{
    display: inline-block;
    margin-top: 15px;
}
footer li img{
    position:relative;
    width: 32px;
    top: 5px;
}
#footer .logo{
	float:none;
    width:130px;
    margin: 10px 0 0px;
}
#footer .copy{
	padding:5px;
	text-align:left;
	font-size:70%;
}
#footer .footer-seconds{
    background-color: #F9FCF5;
    padding-top: 20px;
}
#footer .footer-seconds li{
    display: none;
}
.f-content {
    width: 100%;
    margin: 0 auto;
}
.f-salon{
    display: none;
}
.shop-tag{
    margin: -15px 0 -10px;
}
.shop-tag .shop-tag-li{
    float: left;
    color: #fff;
    font-size: 75%;
    margin-right: 5px;
    padding: 0px 7px;
    border-radius: 5px;
}
.ta-c-green{
    background-color: #acbf67;
}
.ta-c-pink{
    background-color:  #e3b0b0;
}
.ta-c-yellow{
    background-color: #dac195; 
}
.ta-c-blue{
    background-color:  #95b0da;
}
#Menu{
    background-image:url("../common/f-banner-menu.jpg");
}
#First{
    background-image:url("../common/f-banner-first.jpg");
}

#Menu,
#First{
    background-size: cover;
    background-position: center;
}
/*
-------------top-------------------
*/
#top .inner{
    margin-top: 50px;
}
.sp_topimg{
    display:block;
}
.upper-insta{
    width: 95%;
    margin: 0 auto;
    text-align: center;
}
.upper-insta img{
    width: 70%;
    margin: 32px auto 16px;
}
#top .top-recruit{
    background-color: #d70000;
    color: #fff;
    text-align: center;
}
#top .top-recruit h3{
    font-family: ten-mincho-text, serif;
    font-size: 170%;
}
#top .top-recruit .btn1{
    background-color: #fff;
    color:#d70000;
    border-color: #fff;
    padding: 3px 55px;
}
#top .top-recruit ul{
    margin: 0 auto;
    width: 70%;
    padding: 10px;
    font-size: 90%;
}
#top .top-recruit ul li{
    display:block;
    border: 1px solid #fff;
    margin: 5px 5px;
    padding:2px 10px;
    border-radius: 5px;
}
#top .inner .right-content .img{
    width: 100%;
    height: 300px;
    margin-top: 25px;
}
#top .top-column-list{
    margin-top: 15px;
}
#top .top-column-list li{
    width: 100px;
    display: inline-block;
    margin-right: 3px;
}
#top .content-bg{
    height: 700px;
    margin-top: -750px;
    position: relative;
    z-index: -999;
}
.slider-news{
    width: 96%;
    margin: 20px auto;
}
.slider-news .slider-news-image{
    margin:0 10px;
}
.slider-news img{
    width:350px;
    margin-bottom: 15px;
}
.slider{
    width: 90%;
    margin: 50px auto 50px;
}
.slider img{
    width:115px;
}
.slider .btn1{
    width: 99px;
    padding: 3px 6px;
    font-size: 90%;;
}
#portal .slider img{
    width:130px;
}
#top .swiper-slide{
    padding-bottom: 25px;
    margin: 25px 0;
}
#top .content-text{
   padding: 5px 25px;
}
#top .owner-message{
    margin: 120px auto 0px;
}
#top .owner-message .left{
    width: 100%;
    float: none;
    border-top: 2px solid #ADBF67;
    margin-top: 42px;
    text-align: right;
}
#top .owner-message .left img{
    margin-top: -50px;
    width: 100%;
    margin-right: 0px;
}
#top .owner-message .left .owner-message-box{
    padding: 16px;
    font-size: 150%;
    position: relative;
    top: -20px;
    right: 16px;
}
#top .owner-message .right{
    width: 100%;
    float: none;
}
#top .owner-message p{
    width:90%;
     margin: 0 auto;
}
#top .owner-message .right .title{
    font-size: 250%;
    width: 90%;
    margin: 0 auto;
}
#top .owner-message .content-bg{
    height: 200px;
    margin-top: -150px;
    position: relative;
    z-index: -999;
}
.t-m{
    margin-top: 40px;
}
/*
-------------child共通-------------------
*/
#child .child-topimage{
    padding-top: 90px;
    height: 150px;
    background-color: #f4f4f4;
    margin-bottom: 100px;
    font-size: 90%;
}
.child-topimage .inner{
    background-color:rgba(255,255,255,0.85);
    padding: 15px;
    width: 300px;
    color: #444;
}
#child .child-topimage .title3{
    width: 250px;
    margin-bottom: 5px;
}
#child .content-bg{
    height: 300px;
    margin-top: -250px;
    position: relative;
    z-index: -10;
}
#child #tab{
    width:100%;
    margin: 0 auto;
    text-align:center;
}
#child #tab li{
    padding: 2px 5px;
    width: 150px;
    margin:5px 5px 15px;
}
#faq{
    margin: 50px 0  150px;
}
#faq .faq {
	padding-bottom:11px;
	border-bottom:dotted 1px #b4b4b4;
}
#faq .faq h5 {
	padding:5px 5px 0;
}
#faq .faq h5 a {
	color:#7f8d34;
}
#faq .faq .a {
	padding:3px 5px 0 15px;
	font-size:90%;
	color:#5a5a5a;
}
/*
-------------MENU-------------------
*/
.m-salon{
    padding-top: 0px;
}
.m-salon li{
    display: inline-block;
}
.m-salon{
    margin: 100px 0 100px;
}
.m-salon-bg{
    padding-top: 0px;
}
.m-salon-bg .title3{
    margin-top: 0px;
}
.m-salon-bg ul{
    float:none;
    margin-left: 0px;
}
.m-salon-bg ul li{
    display: inline-block;
    margin: 0 auto;
    margin-bottom: 64px;
}
.m-salon-bg img{
    margin: 0 0 25px;
    width: 100%;
}
.m-salon-bg table{
    margin: 15px 0 0;
}
.m-salon-bg title-shop{
    text-align: left;
}


#menu .menu-message{
  text-align: center;
  margin: 30px auto;
}
#menu .content_wrap{
    margin-bottom: 100px;
}
#menu .content_wrap ul{
    width:100%;
    margin: 0 auto;
}
#menu .content_wrap .inner{
    width:100%;
    margin: 50px auto;
}
#menu .content_wrap ul li{
    width:100%;
    display: inline-block;
}
#menu .content_wrap table{
    width:100%;
    margin-bottom: 25px;
}
#menu .content_wrap th{
    text-align:left;
}
#menu .content_wrap td{
    text-align:right;
}

.menu-btn {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 60px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    z-index:999999;
    background-color: #ADBF67;
}

.menu-btn span {
    color: #fff;
}

.menu-btn span:after {
    content: attr(data-txt-menu);
}
#menu .content_wrap td,
#menu .content_wrap th{
padding: 0px;
line-height: 180%;
}
/*
-------------portal一覧-------------------
*/
#portal .wrapper{ 
    margin-bottom: 100px;
}

/*
-------------スタッフ一覧-------------------
*/
.staff-tag{
    font-size: 80%;
    color: #fff;
    top: 10px;
    left: 10px;
    padding: 0 5px;
    border-radius: 5px;
    width: 105px;
    margin-bottom: 4px;
    text-align: center;
}
#staff .wrapper{ 
    margin-bottom: 100px;
}
#staff-each .profile table th{
    text-align: left;
    width: 120px;
}

/*
-------------ヘッドスパ-------------------
*/
#headspa .prolog .inner .right-content .img{
    width: 100%;
    height: auto;
    margin-top: 20px;
}
#headspa .prolog .content-bg{
    height: 0px;
    margin-top: 0px;
    position: relative;
    z-index: -999;
}
#headspa .spanist{
    margin: 50px auto 100px;
}
#headspa .effect{
    padding:3px 3px;
    border: 1px solid #ADBF67;
    background-color:  #ADBF67;
    margin:0 5px 10px 0;
    font-size: 80%;
    color:  #fff;
}
#headspa .effect2{
    padding:0px 3px;
    border: 1px solid #ADBF67;
    margin-right: 5px;
    font-size: 80%;
    color:  #ADBF67;
}
#headspa #tab{
    text-align: left;
    width: 100%;
    margin: 20px auto 20px;;
}
#headspa #tab li{
    padding: 2px 5px;
    margin: 5px;
    width: auto;
}
#headspa .spa-chara li{
    display: inline-block;
}
#headspa .flow{
    margin:50px auto;
}
#headspa .spa-effect h4{
    font-size: 100%;
    padding: 15px;
    text-align: center;
    background-color: #F9FCF5;
    margin-right: 25px;
    width: 100px;;
}
#headspa .spa-effect{
    margin-bottom: 100px;
}
#headspa .center-btn1{
    margin-bottom: 50px;
}
/*
-------------サロン-------------------
*/
#salon .inner .right-content .img{
    width: 100%;
    height: 200px;
    margin-top: 10px;
}
#salon .content-bg{
    height: 400px;
    margin-top: -320px;
    position: relative;
    z-index: -999;
}
#salon .gallery{
    margin: 100px auto;
}
#salon .gallery img{
    width: 300px;
}
#salon .profile{
    margin: 100px auto;
}
/*
-------------初めての方へ-------------------
*/
#first .first{
    text-align: center;
    margin-bottom: 50px;
}
#first .first-logo{
    width: 150px;
    margin: 0 auto 25px;
}
#first .system{
    margin-bottom: 100px;
}
#first .system .list{
    font-size: 90%;
    text-align: left;
    background-color: #F9FCF5;
    height: 200px;
    border: 5px solid #fff;
}
#first .system .list p{
    padding: 15px;
}
#first .system .list h4{
    font-size: 120%;
    text-align: center;
    padding: 15px 0 0 0;
}
/*
------------リクルート-------------------
*/

#recruit h2 {
  font-size: 180%;
  position: relative;
  padding: 1.5rem;
  text-align: center;
font-weight: bold;
text-align: center;
	margin-bottom: 30px;
}
#recruit h2 span {
  font-size: 18px;
  font-size: 1.8rem;
  display: block;
}
#recruit h2:before {
  position: absolute;
  bottom: 0px;
  left: calc(50% - 50px);
  width: 100px;
  height: 7px;
  content: '';
  border-radius: 5px;
  background: #81A357;
}
#recruit .recruit-message .section{
	margin-bottom: 75px;
}
#recruit .recruit-message .message-left .message-img{
	float: left;
    background-image: url("../recruit/img/message-staff01.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
#recruit .recruit-message .message-left .message-box{
	float: left;
	margin-left: 20px;
	margin-top: -20px;
}
#recruit .recruit-message .message-right .message-img{
	float: right;
    background-image: url("../recruit/img/message-staff02.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
#recruit .recruit-message .message-right .message-box{
	float: right;
	margin-right: 20px;
	margin-top: -20px;
}
#recruit .recruit-message .message-img{
	width: 100%;
	height: 350px;
}
#recruit .recruit-message .message-box{
	background-color: #fff;
	border-radius: 30px;
	width: 80%;
	padding: 20px;
}
#recruit .float-chara img{
    display: none;
}
#recruit .float-chara2 img{
    display: none;
}
#recruit .float-chara3 img{
    display: none;
}
#recruit .float-chara4 img{
    display: none;
}
#recruit .recruit-message .title{
	font-size: 180%;
	margin-bottom: 25px;
}
#recruit .recruit-message .profile{
	margin-top: 25px;
}
#recruit .recruit-message .profile-rightbox{
	float: left;
	margin-left: 15px;
}
#recruit .recruit-message .color-wrapper{
	background-color: #F2797B;
	width: 50px;
	height: 80px;
	border-radius: 30px;
	float: left;
}
#recruit .messagevideo{
    vertical-align:top;
    text-align: center;
    width: 100%;
    margin: 0px auto 50px;
}
#recruit .messagevideo .slider{
    text-align: center;
    width: 95%;
    margin:64px auto;
} 
#recruit .messagevideo .slider .messagevideo-list{
    text-align: center;
    width: 90%;
} 
#recruit .messagevideo .slider .messagevideo-list img{
    width: 95%;
	margin:0 auto 8px;
}
#recruit .messagevideo .slider .messagevideo-list .messagevideo-title{
    font-size: 180%;
    line-height: 1.8;
    margin-bottom: 5px;
    color: #81A357;
}

#recruit .housewife{
    text-align: center;
}
#recruit .housewife p{
    margin-bottom: 75px;
}
#recruit .housewife ul{
    margin-right: 0px;
}
#recruit .housewife-list li{
    display: inline-block;
    vertical-align:top;
    text-align: left;
    width: 160px;
    margin-left: 10px;
}  
#recruit .housewife-list li img{
    width: 80px;
    margin-bottom: 20px;
}
#recruit .housewife-list li .housewife-title{
    font-size: 120%;
    line-height: 1.8;
    margin-bottom: 15px;
    font-weight: bold;
    color: #81A357;
}  
#recruit .requirements-list{
    background-color: #81A357;
    padding: 30px 0;
    margin-bottom: 100px;
}
#recruit .requirements-list .inner{
    width: 90%;
    background-color: #fff;
    border-radius: 20px;
    text-align: center;
    padding: 20px 0 50px;
}
#recruit .requirements-list table{
    width: 90%;
    margin: 0 auto;
    text-align: left;
    margin-top: 30px;
}
#recruit .requirements-list table th{
    font-size: 120%;
    color: #81A357;
    width: 100px;
}
#recruit .requirements-list table th,
#recruit .requirements-list table td{
    border-bottom: 2px dotted #555;
    padding: 5px 0px;
}
#recruit .first .loopSlider{
    height: 330px;
}
#recruit .first .logo{
    text-align: center;
    width: 200px;
    margin: 0 auto;
}
#recruit .first-logo{
    margin-bottom: 25px;
}
#recruit .kokogasuki{
    text-align: center;
    margin-bottom: 50px;
}
.loopSlider ul li {
    width: 290px;
}
.loopSlider ul .shin {
    width: 430px;
}
.loopSlider ul .wata {
    width: 340px;
}
#recruit .bottom-menu{
    text-align: center;
    margin-bottom: 50px;
}
#recruit .bottom-menu li{
    display: inline-block;
    vertical-align:top;
    text-align: center;
    width: 320px;
    margin-left: 0px;
    margin-bottom: 50px;
}
#recruit .bottom-menu li .bottom-menu-title{
    background-color:rgba(255,255,255,0.8);
    padding: 10px 0;
    margin-bottom: 10px;
    text-align: center;
}
#recruit .bottom-menu .text{
    text-align: left;
}
#recruit .to-tell{
    height: 200px;
    margin-bottom: 150px;
    text-align: center;
    padding-top: 25px;
}
#recruit .center-btn1{
    margin-bottom: 100px;
}
#recruit #rec-tab li{
    margin-top: 15px;
}
/*
-------------シームレス-------------------
*/
#seamless h4{
    font-size: 150%;
    margin-bottom: 10px;
}
#seamless .inner{
    width:100%;
	max-width:340px;
    margin: 0 auto;
}
#seamless .section-1{
    background-image: url("../menu/seamless/img/bg.jpg");
    margin-top: -100px;
}
#seamless .section-1 .left-content{
    width:100%;
    float: none;
    text-align: center;
}
#seamless .section-1 .left-content img{
    display: none;
}
#seamless .section-1 .right-content{
    width: 350px;
    float: none;
}
#seamless .section-1 .inner{
    width: 320px;
    margin: -20px auto 0px;
    padding-bottom: 50px;
}

#seamless .section-1 ul{
    margin-top: 50px;
}
#seamless .section-1 ul li {
  position: relative;
  font-size: 100%;
  font-weight:bold;
  padding-left: 5px;
}
#seamless .section-1 ul li::after,
#seamless .section-1 ul li::before {
  display: block;
  content: '';
  position: absolute;
}
#seamless .section-1 ul li::after {
  top: .40em;
  left: -1.3em;
  width: 18px;
  height: 18px;
  background-color: #3498db;
  border-radius: 100%;
}
#seamless .section-1 ul li::before {
  z-index: 2;
  top: .85em;
  left: -.935em;
  width: 5px;
  height: 5px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#seamless .slider img{
    width:220px;
    margin:0 auto 15px;
    
}
#seamless .band-title{
    font-size: 180%;
    text-align: center;
    line-height: 150%;
    color: #fff;
    padding: 15px 20px;
    background-color:#ED6D6D;
}
#seamless .section-2{
    text-align: center;
    background-image: url("../menu/seamless/img/bg.jpg");
    padding-bottom: 50px;
}
#seamless .section-2 .content-title{
    border: none;
    margin: 50px auto 5px;
}
#seamless .section-2 .list {
    width:110px;
    display: inline-block;
    vertical-align:top;
    margin: 0px;
}
#seamless .section-2 .manzoku {
    width:300px;
    margin-top: 20px;
}
#seamless .section-3 {
    background-image:none;
    padding: 0px 0;
}
#seamless .section-3 .price{
    text-align:right;
}
#seamless .section-3 table{
    line-height: 200%;
}
#seamless .section-3 .seconds-price{
    padding-left: 15px;
    text-decoration: line-through;
}
#seamless .section-3 .first-price{
    font-family: ten-mincho-text, serif;
    padding-left: 15px;
    font-weight: bold;
    color: red;
    font-style: italic; 
}
#seamless .section-3 .copy{
    line-height: 250%;
}
#seamless .section-3 .large20{
    font-size: 220%;
}
#seamless .title-parent{
    width: 100%;
    text-align: center;
}
#seamless .content-title{
    display: inline-block;
    margin: 25px auto 25px;
    text-align: center;
    padding:5px 0px;
    border-bottom: 2px solid #555;
}
#seamless .section-4{
    background:
        url("../menu/seamless/img/section04-bg01.png"),
        url("../menu/seamless/img/section04-bg02.png"),
        url("../menu/seamless/img/section04-bg03.png"),
        url("../menu/seamless/img/section04-bg04.png");
    background-repeat:
        no-repeat,
        no-repeat,
        no-repeat,
        no-repeat;
    background-position:
        50px 200px,
        right -90px top 600px,
        left -40px bottom 620px,
        right -50px bottom 180px;
}
#seamless .section-4 .title,
#seamless .section-5 .title{
    margin: 75px auto 30px;
    text-align:left;
    padding:5px 0px;
    font-size: 200%;
    line-height: 150%;
    background:url("../menu/seamless/img/section04-bg.png");
    background-repeat: no-repeat;
    background-position: right;
}
#seamless .section-4 .sub-title{
    margin: -10px auto 5px;
    font-size: 90%;
    color: #ADBF67;
}
#seamless .section-4 .left-content,
#seamless .section-5 .left-content{
    width: 100%;
    float: none;
}
#seamless .section-4 .right-content,
#seamless .section-5 .right-content{
    width: 100%;
    float: none;
}
#seamless .section-5 .right-content{
    width: 100%;
    float: none;
}
#seamless .section-4 .first-section .right-content{
    margin-top: 20px;
}
#seamless .section-4 .first-section .right-content,
#seamless .section-4 .first-section .left-content{
    margin-bottom: 50px;
}
#seamless .section-5 p{
    margin-bottom: 25px;
    text-align: left;
}
#seamless .section-5 .sec5-img{
    margin:50px 0 20px;
}
#seamless .section-6{
    position: relative;
    z-index: 0;
    margin: 50px 0 25px 0;
    text-align: center;
    padding: 50px 0 75px;;
    overflow: hidden;;
}
#seamless .section-6:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 110%;
  margin: 6% -5% 0;
  background: #F1F8E7;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  z-index: -1;
  overflow: inherit;
}
#seamless .section-6 .content-title{
    margin-bottom: 50px;
}
#seamless .section-6 img{
    margin-bottom: 15px;
}
#seamless .section-6 .comment{
    width: 88%;
    margin: 0 auto;
}
#seamless .section-6 .comment .left{
    width: 87%;
    background-color: #fff;
    border-radius: 20px;
    padding: 16px  20px;
    text-align: left;
    margin: 5px auto 25px;
}
#seamless .section-6 .comment .right{
    float:none;
    margin-bottom: 35px;
}
#seamless .comment img{
    width: 100%;
}
#seamless  #work-flow{
    text-align: center;
}
#seamless #work-flow .list {
    width:80%;
    display: inline-block;
    vertical-align:top;
    margin: 15px;
}
#seamless  #work-flow .list p {
    text-align: left;
    line-height: 150%;
}
#seamless #faq{
    width:100%;
    margin: 0 auto 50px;
}
#seamless .reservation {
    text-align: center;
    margin-bottom: 150px;
}
#seamless .reservation .list{
    margin: 20px;
    display: inline-block;
    text-align: center;
    font-size: 120%;
}
/*
-------------英語-------------------
*/
#en{
    margin-bottom: 200px;
}
#en .title3{
    margin-top: 15px;
}
#en .en-map{
    width: 100%;
    height: 300px;
    margin-bottom: 5px;
    background-image: url("../en/img/map-sp.jpg");
    background-size: cover;
    background-position: center;
}
#en .txt{
    margin-bottom: 50px;
}
#en .shop-tag{
    margin:0px 0 15px;
}
#en .gallery{
    margin: 30px auto;
}
#en .gallery img{
    width: 300px;
    margin: 0px 3px;
}
#en .salon-data{
    margin-bottom: 96px;
}
#en .m-salon{
    width:85%;
	max-width:100%;
	min-width:350px;
    margin: 96px auto 100px;
}
#en .salon-each .tab-btn img{
    width: 25px;
    float: left;
    margin-right: 4px;
}
#en .salon-each .tab-btn{
    line-height: 1.5;
    font-size: 120%;
}
#en .m-salon .title-shop{
    font-size: 160%;
    line-height: 1.4
}
#en .m-salon-bg img{
    margin: 0 0 10px;
    width: 100%;
}
#en .m-salon .shop-tag{
    margin:0px 0px 16px;
    font-size: 110%;
}
#en .ft-salon #tab li{
    padding: 10px;
    line-height: 1.3;
}
#info .information-text-area{
    line-height: 1.5;
    width:85%;
    margin: 50px auto 150px;
    padding: 80px 7%;
    background-color: #F9F9F9;
    font-size: 100%;
}
#info .information-text-area p{
    margin-bottom: 10px;
    font-weight: 300;
}
#info .information-text-area .day{
    color: #5a5a5a;
    margin-bottom: 0px;
}
#info .information-text-area h2{
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 50px;
}
#info .information-text-area h3{
        font-size: 130%;
    padding: .25em 0 .25em .75em;
    border-left: 6px solid #ccc;
    margin: 50px 0 25px;
    font-weight: bold;
}
#info .information-text-area .right{
    text-align: right;
    margin-top: 25px;
}
}
