/*-----------------------------------------------------------
COMMON
-------------------------------------------------------------*/
#mainImg {
    min-height: 230px;
    background: url(../../img/staff/main_img.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
    position: relative;
}
#mainImg span.overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    background-color: #666666;
    opacity: 0.6;
}
#mainImg div.container {
    position: relative;
    z-index: 1;
}
#mainImg div.wrap {
    text-align: center;
    color: #fff;
    border: 3px solid #fff;
    padding: 30px 0;
    width: 260px;
    margin: 0 auto;
    margin-top: 60px;
}
#mainImg div p {
    font-size: 20px;
    margin-bottom: 0;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'Montserrat',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#mainImg div span {
    display: block;
    font-size: 10px;
    letter-spacing: 1px;
}
.page-title-content {
    text-align: center;
    font-size: 20px;
    color: #4d4d4d;
}
.page-title-content span {
    display: block;
    font-size: 10px;
}
a:hover {
    color: #009a53;
}
/*-----------------------------------------------------------
SALON PAGE
-------------------------------------------------------------*/

#salon #mainImg {
    background: url(../../img/salon/main_img.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.salonItem p {
    text-align: center;
}
.salonItem p.img {
    margin-bottom: 0;
}
.salonItem p.img img {
    width: 100%;
}
.salonItem p.store {
    font-size: 20px;
    margin-bottom: 5%;
}
.salonItem p.store span {
    background-image: url(../../img/salon/arrow-black.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    padding-left: 25px;
}
.salonItem p.title {
    margin-bottom: 20px;
    position: relative;
}
.salonItem p.title:after {
    content: "";
    min-width: 100%;
    position: absolute;
    left: 0;
    height: 1px;
    bottom: -10px;
    border-bottom: 1px solid #333;
}
.salonItem p.more {
    margin-bottom: 0;
}
.salonItem p.more > a {
    display: inline-block;
    text-align: center;
    min-width: 130px;
    color: #fff;
    padding: 5px 0;
    background: #dbc28d;
}
.salonItem p.more img {
    display: inline-block;
    margin-top: -3px;
    margin-right: 5px;
}
.salonItem div {
    font-size: 14px;
}
.salonItem div.address {
    text-align: center;
}
.salonItem div.address a {
    margin-left: 10px;
}
.salonItem div.summry {
    text-align: center;
    margin: 10px 0 20px;
}
.salonItem div.summry p {
    margin-bottom: 0;
}
.salonItem div.btn-store {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
}
.salonItem div.btn-store a {
    display: inline-block;
    text-align: center;
    border: 1px solid #333;
    padding: 5px;
    line-height: 26px;
    min-width: 49%;
    float: right;
}
.salonItem div.btn-store a img {
    margin-right: 10px;
}
.salonItem div.btn-store a:first-child {
    line-height: 27px;
    float: left;
}
.salonItem div.wrap {
    width: 55%;
    margin: 0 auto;
    overflow: hidden;
}
.salonItem div.left {
    float: right;
}
.salonItem div.right {
    float: left;
}
.salonItem > div {
    padding: 0;
    width: 50%;
}
.salonItemBg {
    background-color: #009a53;
    color: #fff;
}
.salonItemBg a {
    color: #fff;
}
.salonItemBg p.store span {
    background-image: url(../../img/salon/ico-arrow.png);
}
.salonItemBg p.title:after {
    border-bottom: 1px solid #fff;
}
.salonItemBg div.left {
    float: left;
}
.salonItemBg div.left .img img {
    width: 100%;
    height: auto;
}
.salonItemBg div.right {
    float: right;
}
.salonItemBg div.right img {} .salonItemBg div.btn-store a {
    border: 1px solid #fff;
}
#single-salon #sns{
	padding-bottom: 80px;
}
#single-salon #sns h3.title{
	margin-bottom: 10px;
	text-align: center;
}
#single-salon #sns p.note{
	text-align: center;
	margin-bottom: 40px;
}
#single-salon #sns .sti{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
}
#single-salon #sns .fbInner{
	max-width: 400px;
	margin: 0 auto;
}
#single-salon #sns ul.insta{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
#single-salon #sns ul.insta li{
	float:left;
	width:32%;
	margin: 0 1% 1% 0;
	height:auto;
	overflow:hidden;
	position:relative;
	transition:0.4s all;
	-moz-transition:0.4s all;
	-ms-transition:0.4s all;
	-o-transition:0.4s all;
	-webkit-transition:0.4s all;
}
#single-salon #sns ul.insta li:before{ padding-top:100%; content: ""; display: block; }
#single-salon #sns ul.insta li:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
#single-salon #sns ul.insta li img{
	max-width:140%;
	min-width:100%;
	width:auto;
	max-height:140%;
	min-height:100%;
	height:auto;
	position: absolute;
    top: -40%;
    right: -40%;
    bottom: -40%;
    left: -40%;
    margin: auto;
}
#single-salon #sns ul.insta li:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	transition:0.4s all;
	-moz-transition:0.4s all;
	-ms-transition:0.4s all;
	-o-transition:0.4s all;
	-webkit-transition:0.4s all;
}
@media (min-width: 767px) {
    .salonItem div.btn-store a {
        font-size: 11px;
    }
    .salonItem div.btn-store a img {
        margin-right: 5px;
    }
    .salonItem div.wrap {
        width: 90%;
    }
    .salonItem div.summry {
        font-size: 12px;
        margin: 10px 0;
    }
    .salonItem div.summry br {
        display: none;
    }
    .salonItem p.store {
        margin-top: 10%;
    }
    .salonItem p.more {
        margin-top: 10px;
    }
}
@media (min-width: 991px) {
    .salonItem div.btn-store {
        margin-bottom: 5%;
    }
    .salonItem div.btn-store a {
        font-size: 17px;
    }
    .salonItem div.btn-store a img {
        margin-right: 5px;
    }
    .salonItem div.wrap {
        width: 75%;
    }
    .salonItem div.summry {
        font-size: 14px;
    }
    .salonItem p.store {
        margin-top: 12%;
    }
}
@media (min-width: 1200px) {
    .salonItem div.btn-store a {
        font-size: 17px;
        min-width: 48%;
    }
    .salonItem div.summry {
        font-size: 14px;
        margin: 30px 0;
    }
    .salonItem div.summry br {
        display: block;
    }
    .salonItem p {
        font-size: 14px;
    }
    .salonItem p.store {
        margin-top: 25%;
    }
    .salonItem p.title {
        font-size: 20px;
    }
    .salonItem p.more {
        margin-top: 5%;
    }
}
@media (max-width: 990px) {
	#single-salon #sns .fbWrap{
	margin-bottom: 40px;
}
}
@media (max-width: 767px) {
    .salonItem div.left,
    .salonItem div.right,
    .salonItem div.wrap {
        float: none;
        width: 100%;
    }
    .salonItem div.wrap {
        margin: 30px 0 20px;
    }
    .salonItem div.summry {
        border-top: 1px solid #000;
        padding-top: 10px;
        margin-bottom: 10px;
    }
    .salonItem div.address a {
        display: block;
        margin-top: 10px;
        padding: 10px 0;
        border-top: 1px solid #dbc288;
    }
    .salonItem div .btn-store a {
        float: none;
        display: block;
        border-top: 1px solid #dbc288;
        border-bottom: none;
        border-right: none;
        padding: 10px 0;
        font-size: 17px;
    }
    .salonItem div .btn-store a:first-child {
        float: none;
    }
    .salonItem div .btn-store a:last-child {
        border-bottom: 1px solid #dbc288;
    }
    .salonItem p.more {
        margin-top: 0;
    }
    .salonItem p.more a {
        display: block;
        padding: 10px 0;
        background-position: 40% center;
    }
    .salonItem p.title {
        font-size: 16px;
    }
    .salonItem p.title:after {
        display: none;
    }
    .salonItem p.store span {
        background-image: url(../../img/salon/arrow-black.png);
        -webkit-background-size: 9px 13px;
        background-size: 9px 13px;
    }
    .salonItemBg {
        background: none;
        color: #000;
    }
    .salonItemBg a {
        color: #000;
    }
}
#salon_list {clear: both;width: 100%;display: table;}
#salon_list .arround{position: absolute;top:50%; left:50%;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);text-align: center;width: 80%}
#salon_list .line{display: table-row;}
#salon_list .line:nth-child(odd){color: #FFF;background:#666666}
#salon_list .line:nth-child(even){color:#000;background:#FFF}
#salon_list .line .img_div, #salon_list .line .info{display: table-cell;width: 50%;position: relative;}
#salon_list .line .img_div img{width: 100%;height:auto;float: left;margin-bottom: -1px;}
#salon_list .line .info h3{font-size: 25px;margin-bottom:27px;letter-spacing: 2px;}
#salon_list .line .info h3 span{padding-right: 5px;}
#salon_list .line .info h5{font-size: 20px;}
#salon_list .line .info p{font-size: 13px;width: 100%;clear: both;}
#salon_list .line .info a{color: inherit;}
#salon_list .line .info .ico_map{background-size: 10px 15px; margin-left:30px;}
#salon_list .buttons{margin-top: 25px;}
#salon_list .buttons{margin-top: 25px;}
#salon_list .button_phone_yellow,#salon_list .button_computer_yellow{width:48.5%;float: left;}
#salon_list .button_computer_yellow{margin-left: 3%;}
#salon_list .address{font-size: 14px;margin-top: 20px;display: inline-block;clear: both;}

#salon_list .button_readmore_2{margin-top: 40px;width: 130px;clear: both;border: none;height: 40px;}
#salon_list .button_readmore_2 span{font-size: 14px;}
#salon_list .line:nth-child(even) .button_phone_yellow,#salon_list .line:nth-child(even)  .button_computer_yellow{border-color: #EBEBEB;color:#636363;}

@media (min-width: 767px) and (max-width: 1180px) {
  .button_phone_yellow > span span, .button_computer_yellow > span span{font-size: 13px;background-size:18px 15px !important;}
}
@media (min-width: 767px) and (max-width: 1100px) {
  #salon_list .arround{width: 95%}
  #salon_list .line .info {padding:15px 0;}
  #salon_list .line .info h3{font-size: 18px;margin-bottom: 10px;}
  #salon_list .line .info h5{font-size: 15px;}
  #salon_list .line .info hr{margin:10px 0;}
  #salon_list .button_readmore_2{margin-top:5px;}
  #salon_list .buttons{margin-top:15px;}
}
@media (max-width: 767px){
  #salon_list {float: left;}
  #salon_list .line {width: 100%;display: table;background:white;}
  #salon_list .arround {position: relative;top: 0;left: 0; -ms-transform: none;-webkit-transform: none;transform: none;width: 100%;padding:20px 0;}
  #salon_list .line:nth-child(odd){color:#000;}
  #salon_list .line:nth-child(odd) .button_phone_yellow,#salon_list .line:nth-child(odd)  .button_computer_yellow{border-color: #EBEBEB;color:#636363;}
  #salon_list .button_phone_yellow, #salon_list .button_computer_yellow{width: 100%;margin-left:0;}
  #salon_list .buttons{float: left;width: 100%; display: block;display: block;border-top:1px solid #EBEBEB;border-top:1px solid #EBEBEB;}
  #salon_list .line .img_div, #salon_list .line .info{clear:both;width: 100%;}
  #salon_list .line .img_div{display: table-header-group;}
  #salon_list .line .info{display: table-footer-group;background:white;}
  #salon_list .line .info h3{margin-top:27px;font-size: 20px;}
  #salon_list .line .info h5{font-size: 16px;}
  #salon_list .line .info span.clearfix{clear: both;width: 100%;border-bottom: 1px solid #DBC287;margin:10px 0;}
  #salon_list .line .info .ico_map{margin-left:0;font-size: 16px;position: relative;}
  #salon_list .button_readmore_2{width: 100%;margin-top:10px;}

}

#single-salon {}
#single-salon .sub_cat{display:inline-block;text-align:center;width:100%;padding:45px 0;background-color:#F7F7F7;clear: both;}
#single-salon .sub_cat ul{display:inherit;margin-bottom:0px}
#single-salon .sub_cat li{float:left;display:inline-block;margin-left: 15px;}
#single-salon .sub_cat li a{display:block;padding:10px 0px;width:130px;border:1px solid #ccc;border-radius:15px;transition:background 0.5s}
#single-salon .sub_cat li a img{border:none}
#single-salon .sub_cat li a.active{background-color:#009a53;color:white}
#single-salon .sub_cat li:nth-child(4) a{background-color: #FD7DA3; color: white;text-align: center;width:200px;background-position: 18% 12px;padding: 0}
#single-salon .sub_cat li:nth-child(4) a span{width: 170px;padding: 10px;display: block;margin: 0 auto;}
#single-salon #salon-top-slider {width:100%;clear: both;position: relative;margin-bottom: 20px;}
#single-salon #salon-top-slider .owl-carousel{display: none;}
#single-salon #salon-top-slider .owl-prev, #single-salon #salon-top-slider .owl-next {position: absolute;top:0%;width: 150px; height: 100%; opacity: 0.5;margin: 0;}
#single-salon #salon-top-slider .owl-prev{left:0;background:#FFF url('../../img/top/slide_prev.png') no-repeat center;}
#single-salon #salon-top-slider .owl-next{right:0;background:#FFF url('../../img/top/slide_next.png') no-repeat center;}
#single-salon #salon-top-slider img{height: auto}
#single-salon #salon-top-slider .owl-dots{display: inline-block;position: absolute;bottom: -35px;}
#single-salon #store-management {line-height: 24px;}
#single-salon #store-management .img_div{ float: left; width: 13% }
#single-salon #store-management .img_div .img{ width: 100%; height: auto; }
#single-salon #store-management .img_div .img img{width: 100%;height: auto}
#single-salon #store-management .img_div h5{text-align: center;font-size: 12px;padding:10px 0 5px 0;}
#single-salon #store-management .img_div h3{text-align: center;font-size: 16px;width: 84%;margin: 0 7%;padding-bottom:20px;background:url('../../img/salon/title_bottom.png') repeat-x bottom center;}
#single-salon #store-management .info{ float: left;width: 86%;margin-left:1%; font-size: 16px;}
#single-salon #store-management .info .title{font-size: 20px; letter-spacing: 1px; padding: 20px 0 10px 0; line-height: 1.5em;}
#single-salon #store-management .info .des{color:#858585;}
#single-salon #carousel-salon .title{margin:80px 0 15px 0;}
#single-salon #carousel-salon .box h4{font-size: 16px; padding: 15px 0; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin:20px 0 15px 0;line-height: 22px;}
#single-salon #carousel-salon .box .img_div{width: 100%;position: relative;overflow: hidden;}
#single-salon #carousel-salon .box .img_div img{height: auto !important;}
#single-salon #carousel-salon .box .img_div .around{width: 100%;height: 100%;border: 5px solid #ccc;position: absolute;top:0;left:0;box-sizing: border-box;opacity: 0.4 }
#single-salon #carousel-salon .box .des{font-size: 14px; color:#858585;}
#single-salon #map{background:#FBFBFB;margin-top:80px;position: relative;}
#single-salon #map .info{float: left;width: 60%;padding: 80px 0;min-height: 600px;}
#single-salon #map .info .title{font-size: 21px;border-bottom: 1px dotted #ccc;margin-bottom:20px;padding-bottom: 10px;}
#single-salon #map .info .title span{font-size: 12px;padding-left: 15px;}
#single-salon #map .info .ico_phone{font-size: 30px;color:#A07E43; padding-left: 40px; background:url('../../img/common/ico/ico_phone.png') no-repeat left center;}
#single-salon #map .info .txt_phone{color:#A07E43;padding-left: 10px;}
#single-salon #map .info .btn_web{display: inline-block;margin: 10px 0 20px 0}
#single-salon #map .info .lt{letter-spacing: 3.5px;}
#single-salon #map .info .limit_w{width: 100px;display: inline-block;}
#single-salon #map .info .limit_w2{width:182px;display: inline-block;}
#single-salon #map .info .line{border-bottom:1px dotted #ccc;padding-bottom: 10px; margin-bottom: 10px;}
#single-salon #map .info .btn_white{ padding: 10px 0;width:170px; text-align: center;border-radius: 10px;background: white; display: block;color:#BBA277;font-size: 14px;margin-top:25px;}
#single-salon #map .info .tb_info{line-height: 24px;}
#single-salon #map .info .tb_info tr td:nth-child(1){font-weight: bold}
#single-salon #map .info #line2 td,#single-salon #map .info #line6 td{padding-bottom: 15px;}
#single-salon #map .info #line3 td,#single-salon #map .info #line7 td{border-top:1px dotted #ccc;padding-top: 15px;}
#single-salon #map .info #line3 td:nth-child(2){ width: 90px;letter-spacing: 4px;}
#single-salon #map .location{float: left;width:40%;height:92%;position: absolute;top: 0;right:0;}
#single-salon #map .location iframe{height:550px;}
#single-salon #map .location .acf-map{width: 100%;height:100%;float: left;margin:0;}
#single-salon #map .location .bar{background:#BBA277 url('../../img/common/ico/ico_map.png') no-repeat 10px center;background-size: 15px 20px; color:white;padding:0 40px;float: left;width: 100%;height: 8%;line-height: 50px;height: 50px;}
#single-salon #map .location .bar a {color: #FFF;}
#single-salon #photo_gallery{background:#F7F0E3;padding: 70px 0}
#single-salon #photo_gallery .owl-carousel{margin:30px 0;}
#single-salon #photo_gallery .owl-carousel img{width: 100%;height: auto !important;background:white;}
#single-salon #photo_gallery .sub_title{ font-size: 10px;margin-top: 5px; }
#single-salon #add_on_buttons{margin:60px; 0}
#single-salon #add_on_buttons .container{width: 100%;}
#single-salon #blog{padding: 100px 0 80px 0}
#single-salon #blog .top_line{font-size: 10px;margin-top:5px;}
#single-salon #blog .row{margin-bottom: 30px;}
#single-salon .fix_salon_blog{padding: 50px 0 0 0 !important;margin-bottom:-20px;clear: both;}
.fix_gallery{ width: 100%; clear: both; margin-top:30px;}
.fix_gallery img{ width:20%; height: auto;}
#single-salon .staffs .title{text-align: center;font-size: 18px;border-bottom: 1px solid #E4E4E4;padding-bottom: 10px;}
/*更新：インドアビュー*/
#single-salon #map .info .btn_area{
	overflow: hidden;
	margin-top:25px;
}
#single-salon #map .info .btn_area p a{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
#single-salon #map .info .btn_indoorview{ padding: 10px 0;width:200px; text-align: center;border-radius: 10px;background:#009a53 url('../../img/common/ico/ic_camera.png') no-repeat 10px center;background-size: 19px 15px; ; display: block;color:#fff;font-size: 14px;padding:10px 40px;}
#single-salon #map .info .btn_facebook{
	padding: 10px 0;
	width:200px;
	text-align: center;
	border-radius: 10px;
	background:#264885 url('../../img/common/ico/ic_facebook.png') no-repeat top 10px left 12px;
	background-size: 9px 18px;
	display: block;
	color:#fff;
	font-size: 14px;
	padding:10px 40px;
}
#single-salon #map .info .btn_instagram{
	padding: 10px 0;
	width:200px;
	text-align: center;
	border-radius: 10px;
	background:#e14584 url('../../img/common/ico/ic_instagram.png') no-repeat 10px center;
	background-size: 19px 19px;
	display: block;
	color:#fff;
	font-size: 14px;
	padding:10px 40px;
}
/*更新：インドアビュー*/
/*更新：カレンダー*/
.calendar {
  max-width: 980px;
  margin: 20px auto;
}
.calendar .gc_wrapper {
  max-width: 800px;
  min-width: 300px;
  margin: 2.0833% auto;
}

.calendar .responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.calendar .responsive-iframe-container iframe,
.calendar .responsive-iframe-container object,
.calendar .responsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 600px) {
.calendar .big-container {
        display: none;
    }
.calendar .small-container {
       padding-bottom: 200%;   /* 高さ */
    }
}
@media (min-width: 600px) {
.calendar .small-container {
        display: none;
    }
}/*更新：カレンダー*/
@media (min-width: 991px) and (max-width: 1200px)  {
  #single-salon #store-management .img_div{width: 25%}
  #single-salon #store-management .info{width: 64%;}
}
@media (max-width: 767px) {
  #single-salon {}
  #single-salon .sub_cat {padding: 25px 0; float: left;}
  #single-salon .sub_cat ul{float: left;width: 100%; padding: 0 10px;}
  #single-salon .sub_cat li{width: 32%;margin-left:2%;}
  #single-salon .sub_cat li:nth-child(1){margin-left:0;}
  #single-salon .sub_cat li a{ width: 100%; margin: 0 }
  #single-salon .sub_cat li a.ico_computer{background-position: 32% 12px;width: 100%;}
  #single-salon .sub_cat li:nth-child(4){width:100%;margin-top: 15px;margin-left: 0}
  #single-salon .sub_cat li:nth-child(4) a{width: 100%;}
  #single-salon .sub_cat li:nth-child(4) a span{width: 160px;}
  #single-salon #salon-top-slider .owl-prev,  #single-salon #salon-top-slider .owl-next{background-size:50%;width: 70px;}
  #single-salon #store-management .container{padding-left:10px;padding-right: 10px;}
  #single-salon #store-management .img_div{width:100%;display: table;}
  #single-salon #store-management .img_div h3{margin: 0;width: 100%;}
  #single-salon #store-management .img_div .img{width:40%;display: table-cell;}
  #single-salon #store-management .img_div .des{width:60%;display: table-cell; vertical-align: middle;}
  #single-salon #store-management .info{width: 100%;margin-left:0;}
  #single-salon #carousel-salon{margin-top:50px;}
  #single-salon #carousel-salon .two_line{display: block;background: #FFF url('../../img/salon/two-line.png') repeat-x 0 5px ;font-size: 18px;margin-bottom:20px;}
  #single-salon #carousel-salon .two_line span{padding-left: 15px;padding-right: 15px;background: white;}
  #single-salon #carousel-salon .box h4, #single-salon #carousel-salon .box .des{padding-left:10px;padding-right: 10px;}
  #single-salon #map{margin-top:45px;}
  #single-salon #map .container{padding: 0}
  #single-salon #map .info .line .limit_w{width: auto;}
  #single-salon #map .info{width: 100%;padding: 35px 0;min-height: auto;}
  #single-salon #map .info .title{padding-left: 10px; padding-right: 10px;}
  #single-salon #map .info p{padding-left: 10px; padding-right: 10px;}
  #single-salon #map .info .limit_w{display: none}
  #single-salon #map .info .limit_w2{display: none}
  #single-salon #map .info .btn_white{margin-top:15px;}
  #single-salon #map .info .title{font-size: 18px;}
  #single-salon #map .info .ico_phone{font-size: 24px; background-size:30px 24px;}
  #single-salon #map .info .txt_phone{font-size: 12px;}
  #single-salon #map .info .tb_info td{padding-left: 10px;padding-right: 10px;}
  #single-salon #map .info .tb_info td{width: 100% !important;clear: both;display: block;}
  #single-salon #map .info #line3 td, #single-salon #map .info #line7 td{border-top:0;padding-top:0;}
  #single-salon #map .info #line3 td:nth-child(1),#single-salon #map .info #line7 td:nth-child(1){border-top:1px solid #CCC;padding-top:15px;}
  #single-salon #map .location{width: 100%;position: relative;}
  #single-salon #map .location iframe{ height: 230px; }
  #single-salon #map .location .acf-map{min-height: 325px;}
  #single-salon #add_on_buttons{margin: 35px 0}
  #single-salon #photo_gallery{padding: 40px 0;}
  #single-salon #blog{padding: 45px 0 50px 0}
  .fix_gallery img{ width:50%; height: auto; }
}
/*-----------------------------------------------------------
STAFF PAGE
-------------------------------------------------------------*/
#staffCats {
    padding: 25px 0;
    background-color: #fafafa;
}
#staffCats div.container {
    text-align: center;
}
#staffCats a,
#staffCats span {
    display: inline-block;
    text-align: center;
    min-width: 140px;
    padding: 10px 0;
    border-radius: 20px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    font-size: 14px;
    color: #808080;
    margin-bottom: 10px;
    margin-left: 13px;
}
#staffCats a:first-child,
#staffCats span:first-child {
    margin-right: 0;
}
#staffCats a.active,
#staffCats a:hover,
#staffCats span.active,
#staffCats span:hover {
    color: #fff;
    background-color: #009a53;
    border-color: #009a53;
}
.staff-title {
    font-size: 18px;
    color: #4d4d4d;
    margin-top: 50px;
    padding-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid #e4e4e4;
}
.staffList > div {
    margin-top: 30px;
}
.staffList > div p.title {
    color: #333;
    font-size: 16px;
    font-weight: bold;
}
.staffList > div p.more {
    margin-bottom: 0;
    text-align: center;
    padding: 10px 0;
    color: #fff;
    font-size: 12px;
    background-color: #dbc288;
}
.staffList > div p.more a {
    background: url(../img/icon/ico-arrow.png) no-repeat 30% center;
    display: block;
    color: #fff;
    font-size: 12px;
}
.staffList > div a.link {
    background: url(../../img/staff/arrow-y2.png) no-repeat left center;
    padding-left: 10px;
    color: #666;
}
#mainStore p.img {
    margin-top: 45px;
}
#mainStore p.text {
    font-size: 22px;
    padding: 0 5px 5px 5px;
    margin-bottom: 55px;
}
#mainStore p.text span {
    border-bottom: 3px solid #009a53;
    letter-spacing: 2px;
}
#mainStore div.btn_wrap {
    background-color: #fafafa;
    padding: 25px 0;
    text-align: center;
}
#mainStore div.btn_wrap a {
    display: inline-block;
    text-align: center;
    padding: 10px 0;
    border: 1px solid #e5e5e5;
    min-width: 140px;
    border-radius: 20px;
    background-color: #fff;
    margin-left: 30px;
    color: #808080;
}
#mainStore div.btn_wrap a:first-child {
    margin-left: 0;
}
#mainStore div.btn_wrap .green {
    background: #009a53;
    color: #fff;
}
#mainStore div.btn_wrap .web {
    min-width: 200px;
    background-color: #fe7ea4;
    color: #fff;
}
#mainStore div.btn_wrap .web img {
    margin-right: 5px;
}
.link-arrow {
    background: url(../../img/staff/arrow-y2.png) no-repeat left center;
    padding-left: 10px;
    color: #666;
}
.staffDetail {
    margin-top: 50px;
}
.staffDetail div p.title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
}
.staffDetail div p.title small {
    font-size: 14px;
    margin-left: 10px;
    font-weight: normal;
}
.staffDetail .img img {
    width: 100%;
    height: auto;
}
.staffDetail div.staffMessage > p span {
    display: inline-block;
    min-width: 105px;
    padding: 5px 0;
    text-align: center;
    background-color: #ccc;
    color: #fff;
    font-weight: normal;
}
.staffDetail div.content {
    font-size: 14px;
    color: #666;
    line-height: 25px;
    margin-top: 20px;
}
.staffDetail div.staffBtn {
    margin-top: 20px;
}
.staffDetail div.staffBtn a {
    color: #fff;
    background-color: #4cca7c;
    display: inline-block;
    min-width: 270px;
    margin-left: 30px;
    text-align: center;
    padding: 10px 0;
}
.staffDetail div.staffBtn a:first-child {
    margin-left: 0;
}
.staffDetail div.staffBtn a img {
    margin-right: 10px;
}
.staffDetail div.staffBtn a.web {
    background-color: #fe8db3;
}
.staffDetail div.staffBtn a span {
    line-height: 20px;
}
.staffDetail table.staffInfo {
    width: 100%;
    margin-bottom: 20px;
}
.staffDetail table.staffInfo th {
    font-weight: normal;
    width: 20%;
}
.staffDetail table.staffInfo td {
    width: auto;
}
.staffDetail table.staffInfo th,
.staffDetail table.staffInfo td {
    font-size: 14px;
    color: #333;
    padding: 10px 0;
    border-bottom: 1px dotted #cccccc;
}
.staff_video{
    max-width: 980px;
    margin: 60px auto 0;
    padding: 0 15px;
}
.staff_video .box{
      position: relative;
      width: 100%;
      margin: auto;
      padding-top: 56.25%;
}
.staff_video .box iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
#staffGallery {
    padding: 50px 0;
    margin-top: 90px;
    background-color: #f7f1e4;
}
#staffGallery div a {
    width: 20%;
    float: left;
}
#staffGallery p.page-title-content {
    margin-bottom: 30px;
}
#staffGallery p.more {
    margin-top: 30px;
    text-align: center;
}
#staffGallery p.more a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    min-width: 170px;
    color: #fff;
    padding: 10px 0;
    background: url(../img/icon/ico-arrow.png) 30% center no-repeat #dbc288;
}
#staffFavorite {
    background: url(../../img/staff/ptt-favorite.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    padding: 95px 0 100px;
}
#staffFavorite span.overlay {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #f7fae6;
    opacity: 0.6;
    display: inline-block;
    position: absolute;
}
#staffFavorite p.page-title-content {
    position: relative;
    z-index: 1;
    margin-bottom: 35px;
}
#staffFavorite div.container {
    position: relative;
    z-index: 1;
}
#staffFavorite div.content {
    font-size: 14px;
    color: #666;
    line-height: 25px;
    margin: 20px 0;
}
@media (max-width: 767px) {
    #staffCats {
        margin-bottom: 50px;
    }
    #staffCats a,
    #staffCats span {
        display: inline-block;
        width: 48%;
        margin-left: 0;
    }
    #staffCats a:nth-child(even),
    #staffCats span:nth-child(even) {
        float: right;
    }
    #staffCats a:nth-child(odd),
    #staffCats span:nth-child(odd) {
        float: left;
    }
    .staffList > div {
        margin-top: 20px;
    }
    .staffList > div:nth-child(even) {
        padding-right: 0;
    }
    .staffList > div:nth-child(odd) {
        padding-left: 0;
    }
    #mainStore div.btn_wrap {
        overflow: hidden;
    }
    #mainStore div.btn_wrap a {
        margin-bottom: 10px;
        min-width: 30%;
        margin-left: 0;
    }
    #mainStore div.btn_wrap a.web {
        min-width: 94%;
        margin: auto;
    }
    .staffDetail div.staffBtn a {
        display: block;
        margin: auto;
        margin-bottom: 10px;
    }
    #staffGallery {
        margin-top: 40px;
    }
    .staffDetail .img{margin-bottom: 20px;}
    .staffDetail div p.title{margin-bottom: 10px;margin-top:5px;}
    #staffGallery p.more a {
        min-width: 140px;
    }
    #staffFavorite {
        padding: 50px 0;
    }
    #staffFavorite div.content {
        font-size: 12px;
    }
}

#staff .sub_cat{padding: 36px 0 32px 0}
#staff .staffs .title{ padding-top:100px; border-top: 1px solid #E4E4E4;}
#staff .top_div .title{padding-top: 0; border-top: 0;font-weight: bold}

/*.staffs {margin-top:30px;}*/
.staffs .title{font-size: 18px;padding-bottom: 15px;margin-bottom: 20px; border-bottom: 1px solid #E4E4E4;text-align: center;letter-spacing: 2px;}
.staffs .line {float: left;width: 100%}
.staffs .line .box{width: 14.16%;margin:25px 0 0 3%;float: left;}
.staffs .line .box:first-child{margin-left:0;}
.staffs .box img{width:100%;height: 240px!important;object-fit: cover;}
.staffs .ico_target_yellow{font-size: 12px;}
.staffs h3{font-size: 16px;}
.staffs .des{padding: 10px 0;}
.staffs .des h4{margin-bottom: 5px;}
.staffs .des h3{letter-spacing: 1px;}

@media (max-width: 767px) {
    #staff .sub_cat ul {float: left;width: 100%;padding: 0 10px;}
    #staff .sub_cat li{width: 32%;margin-left:2%;}
    #staff .sub_cat li:nth-child(1){margin-left:0;}
    #staff .sub_cat li a{ width: 100%; margin: 0;padding-left:0;padding-right: 0; }
    #staff .sub_cat li a.ico_computer{background-position: 32% 12px;width: 100%;}
    #staff .sub_cat li:nth-child(4){width:100%;margin-top: 15px;margin-left: 0}
    #staff .sub_cat li:nth-child(4) a{width: 100%;}
    #staff .sub_cat li:nth-child(4) a span{width: 160px;}
    #staff .staffs .title{padding-top: 70px;}
    #staff .top_div .title{-top: 0}
    .staffs .container{padding-right:10px;padding-left:10px;}
    .staffs .box {width: 49% !important; margin-left:2%!important;}
    .staffs .line {margin-top:-20px !important;}
    .staffs .line .box:nth-child(odd){margin-left:0 !important;}
}
@media (min-width: 767px) and (max-width: 991px){
  .staffs .des h4{font-size: 11px;}
  .staffs .des h3{font-size: 12px;}
}

.single-staff .sub_cat li:nth-child(4) a{background-color: #FD7DA3; color: white;text-align: center;width:200px;background-position: 18% 12px;padding: 0}
.single-staff .sub_cat li:nth-child(4) a span{width: 170px;padding: 10px;display: block;margin: 0 auto;}
.single-staff .sub_cat li a.active{background-color:#009a53;color:white}
.single-staff #photo_gallery{padding: 60px 0;background:#F7F0E3;margin-top:80px;}
.single-staff #photo_gallery .title{margin-bottom: 10px;}
.single-staff #photo_gallery .note{margin-bottom: 25px;font-size: 10px;}
.single-staff #photo_gallery .readmore_yellow{margin-top:25px;}
.single-staff .owl-item img{width:100%;height: auto !important;background:white;}
.single-staff .fix_arround{padding: 0 !important;background:none !important;margin-top:50px !important;}
.single-staff .fix_arround .title, .single-staff .fix_arround .note{display: none}
.single-staff .arround{margin-left:-3%}
.single-staff .buttons a{width: 40%;float: left;margin-top: 10px;}
.single-staff .buttons a:nth-child(2){margin-left: 2%}
.single-staff .staff_favorites {padding: 100px 0;background:url(../../img/staff/ptt-favorite.png) no-repeat fixed top center;background-size: cover;position: relative;}
.single-staff .staff_favorites .container{margin-top: 35px;position: relative;z-index: 2}
.single-staff .staff_favorites .title, .single-staff #blog .title{font-size: 20px;text-align: center;font-weight: normal;position: relative;z-index: 2}
.single-staff .staff_favorites .note, .single-staff #blog .note{font-size: 10px;text-align: center;position: relative;z-index: 2}
.single-staff .staff_favorites .box{width: 22%; margin-left: 3%; float: left;color:#7D7D7D;position: relative;z-index: 2}
.single-staff .staff_favorites .box img{margin-bottom:20px;background:white;}
.single-staff .owl-carousel{margin-left:0%;}
.single-staff .owl-carousel .box{width: 100%;}
.single-staff .bg_over {background:#FAFBF0;width: 100%;height: 100%;position: absolute;left:0;top:0;opacity: 0.5;z-index: 1}
.single-staff #blog {padding-top: 100px;}
.single-staff #blog .readmore_yellow{margin-top: 50px;}
@media (max-width: 991px) {
    .single-staff .buttons a{width: 48%;float: left;}
}
@media (max-width: 767px) {
    .single-staff .buttons a{width: 100%;margin-left: 0 !important;}
    .single-staff .staff_favorites{padding: 50px 0;}
    .single-staff .staff_favorites .container{padding: 0}
    .single-staff .staff_favorites .box{margin-left:0;}
    .single-staff .staff_favorites .box p{padding: 0 10px}
    .single-staff .sub_cat li:nth-child(4){width:100%;margin-top: 15px;margin-left:0;}
    .single-staff .sub_cat li:nth-child(4) a{width: 100%;}
    .single-staff .sub_cat li:nth-child(4) a span{width: 160px;}
    .single-staff #blog{padding-top: 50px;}
    .single-staff #blog .readmore_yellow{margin-top: 25px;}
}
/*-----------------------------------------------------------
TOP PAGE
-------------------------------------------------------------*/

@media (min-width: 1200px) {
    #header .container {
        width: 1202px;
    }
}
a:hover {
    text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
dt,
p,
div {
    margin: 0;
    padding: 0;
}
.sp {
    display: none;
}
@media (max-width: 767px) {
    .sp {
        display: block;
    }
    .pc {
        display: none;
    }
}
.img_full_width {
    width: 100%;
}
.img_responsive {
    max-width: 100%;
}
.rollOver:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-transition: all 0.26s ease-out;
    -o-transition: all 0.26s ease-out;
    -webkit-transition: all 0.26s ease-out;
    -ms-transition: all 0.26s ease-out;
    cursor: pointer;
}
@media (max-width: 767px) {
    .rollOver:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }
}
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
/*--------------------------
  Top news box
----------------------------*/

.top_news_box {
    background: #fafafa;
}
.top_news_box .box01 {
    background: #009A53;
    color: #fff;
    font-size: 15px;
    text-align: center;
    width: 8%;
    float: left;
    padding: 10px 0;
    margin: 0;
    letter-spacing: 1px;
}
.top_news_box .box02 {
    width: 82%;
    float: left;
    font-size: 12px;
}
.top_news_box .box03 {
    width: 10%;
    float: right;
    text-align: right;
    padding-right: 15px;
    padding-top: 10px;
}
.top_news_box .box02 th,
.top_news_box .box02 td {
    padding: 10px;
    font-weight: normal;
}
.top_news_box .box02 th {
    color: #009A53;
}
.top_news_box .box02 td {
    width: 100%;
}
@media (max-width: 767px) {
    .top_news_box .box01,
    .top_news_box .box02,
    .top_news_box .box03 {
        float: none;
        width: 100%;
    }
    .top_news_box .box02 th,
    .top_news_box .box02 td {
        padding-top: 10px;
        padding-bottom: 5px;
        border-bottom: 1px solid #E4E4E4;
    }
    .top_news_box .box02 tr:last-child td,
    .top_news_box .box02 tr:last-child th {
        border-bottom: 1px solid #E4E4E4;
    }
    .top_news_box .box02 td {
        padding-left: 0;
        padding-right: 5px;
    }
    .top_news_box .box03 {
        text-align: center;
        padding-bottom: 10px;
    }
}
/*--------------------------
  Top blog box
----------------------------*/

.top_blog_box {
    position: relative;
    margin-bottom: 62px;
    padding-top: 8px;
}
.top_blog_box .box01 {
    max-width: 1170px;
    margin: 0 auto 60px;
    padding-top: 50px;
}
.top_blog_box .box01 h3 {
    padding-bottom: 15px;
    margin: 0;
}
.top_blog_box .box01 .txt {
    font-size: 14px;
    color: #666;
    line-height: normal;
    padding-bottom: 15px;
}
.top_blog_box .box01 .btn_more {
    width: 268px;
    height: 30px;
    background: #DBC288;
}
.top_blog_box .box01 .btn_more a {
    display: block;
    padding: 5px 44px;
}
.top_blog_box .box01 .btn_more span {
    display: inline-block;
    background: url(../../img/top/ico_arrow01.png) left 4px no-repeat;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 2px;
    padding-left: 17px;
}
.top_blog_box .box02 {
    max-width: 1170px;
    margin: 0 auto 42px;
}
@media (max-width: 767px) {
    .top_blog_box {
        margin-bottom: 27px;
    }
    .top_blog_box .box01 {
        max-width: 100%;
        margin-bottom: 28px;
        padding: 28px 10px;
        border-bottom: 1px solid #E4E4E4;
    }
    .top_blog_box .box01 h3 {
        padding-bottom: 5px;
    }
    .top_blog_box .box01 .txt {
        font-size: 12px;
        padding-bottom: 8px;
    }
    .top_blog_box .box01 .btn_more {
        width: 100%;
    }
    .top_blog_box .box01 .btn_more a {
        padding: 5px 0;
        text-align: center;
    }
    .top_blog_box .box01 .btn_more span {
        background: url(../../img/top/ico_arrow01.png) left 1px no-repeat;
        font-weight: normal;
        font-size: 12px;
    }
    .top_blog_box .box02 {
        margin-bottom: 25px;
    }
    .top_blog_box .box02 p {
        text-align: center;
    }
}
.top_blog_box .box03 {
    background: #009A53;
    color: #fff;
    padding-bottom: 20px;
}
.top_blog_box .box03 .inner_box03 {
    max-width: 1202px;
    margin: 0 auto;
    position: relative;
}
.top_blog_box .box03 .slide_box03 {
    max-width: 802px;
    position: relative;
    top: -25px;
}
.top_blog_box .box03 .slide_box03 li {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 25%;
}
.top_blog_box .box03 .slide_box03 p {
    margin: 0;
}
.top_blog_box .box03 .slide_box03 li img {
    display: block;
    width: 100%;
}
.top_blog_box .box03 .content_box {
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
}
.top_blog_box .box03 .content_box .txt1 {
    font-size: 10px;
    padding: 5px 0;
}
.top_blog_box .box03 .content_box .txt2 {
    letter-spacing: 1px;
    height: 38px;
    overflow: hidden;
}
.top_blog_box .box03 .content_box .txt_date {
    float: left;
    width: 50%;
}
.top_blog_box .box03 .content_box .txt_name {
    float: right;
    width: 50%;
    text-align: right;
    color: #DBC288;
}
.top_blog_box .control_box {
    padding-left: 16px;
    width: 786px;
    margin-top: -10px;
}
.top_blog_box .control_box .left_box {
    width: 368px;
    overflow: hidden;
    float: left;
    background: #0a7143 url(../../img/top/ico_arrow02.jpg) left -1px no-repeat;
    height: 40px;
    font-size: 13px;
    color: #fff;
    padding-left: 18px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    line-height: 40px;
}
.top_blog_box .control_box .left_box a {
    color: #fff;
}
.top_blog_box .control_box .right_box {
    width: 368px;
    float: right;
    border: 2px solid #62C78D;
    height: 40px;
}
.top_blog_box .control_box .right_box a {
    display: block;
    padding-top: 7px;
    text-align: center;
}
.top_blog_box .control_box .right_box a:hover {
    text-decoration: none;
}
.top_blog_box .control_box .right_box span {
    background: url(../../img/top/ico_arrow01.png) left 1px no-repeat;
    font-weight: normal;
    font-size: 14px;
    padding-left: 17px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1.5px;
}
.top_blog_box .img_main_box {
    position: absolute;
    bottom: -20px;
    right: 16px;
}
@media (max-width: 767px) {
    .top_blog_box .box03 {
        background: #009A53;
        color: #fff;
        padding-bottom: 20px;
    }
    .top_blog_box .box03 .inner_box03 {
        max-width: 1202px;
        margin: 0 auto;
        position: relative;
    }
    .top_blog_box .box03 .slide_box03 {
        max-width: 100%;
        top: -15px;
        overflow: hidden;
    }
    .top_blog_box .box03 .slide_box03 li {
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        width: 100%;
    }
    .top_blog_box .box03 .slide_box03 li img {
        display: block;
        width: 100%;
        height: auto;
    }
    .top_blog_box .box03 .content_box {
        border-bottom: 1px solid #fff;
        padding-bottom: 5px;
    }
    .top_blog_box .box03 .content_box .txt1 {
        font-size: 10px;
        padding: 5px 0;
    }
    .top_blog_box .box03 .content_box .txt2 {
        letter-spacing: 1px;
    }
    .top_blog_box .box03 .content_box .txt_date {
        float: left;
        width: 50%;
    }
    .top_blog_box .box03 .content_box .txt_name {
        float: right;
        width: 50%;
        text-align: right;
        color: #DBC288;
    }
    .top_blog_box .control_box {
        padding-right: 16px;
        width: 100%;
        margin-top: 0;
    }
    .top_blog_box .control_box .left_box {
        width: 100%;
        margin-bottom: 12px;
        float: none;
    }
    .top_blog_box .control_box .right_box {
        width: 100%;
        float: none;
    }
    .top_blog_box .control_box .right_box a {
        display: block;
        padding-top: 7px;
        text-align: center;
    }
    .top_blog_box .control_box .right_box a:hover {
        text-decoration: none;
    }
    .top_blog_box .control_box .right_box span {
        background: url(../../img/top/ico_arrow01.png) left 1px no-repeat;
        font-weight: normal;
        font-size: 14px;
        padding-left: 17px;
        color: #fff;
        font-weight: bold;
        letter-spacing: 1.5px;
    }
    .top_blog_box .img_main_box {
        position: relative;
        right: 0;
    }
}
/*--------------------------
  New Bar
----------------------------*/
#news_bar{width: 100%;display: block;float: left;clear: both;background:#f5f5f5;}
#news_bar .arround{margin-left:-60px;margin-right: -60px;}
#news_bar .left,#news_bar .center,#news_bar .right{float: left;height: 35px;line-height: 35px;}
#news_bar .left{width: 10%;background: #666666;color: #FFF;text-align: center;text-transform: uppercase;font-size: 15px; letter-spacing: 2px;}
#news_bar .center{width: 70%;position: relative;}
#news_bar .center p{padding-left: 10px;background: #f5f5f5;}
#news_bar .center marquee{height: 35px;}
#news_bar .center .date{color:#fb82a6; padding-left: 10px; padding-right: 20px;}
#news_bar .right{width: 20%;text-align: right; padding-right: 30px;}
@media (max-width: 767px) {
    #news_bar .arround{margin:0;}
    #news_bar .container{padding:0;}
    #news_bar .center marquee{overflow-x: inherit; overflow-y: inherit; -moz-binding: none; overflow: auto; display: block;}
    #news_bar .center p{position: relative;font-size: 11px;padding-left:90px;padding-right:10px;border-top:1px solid #EFEFEF;max-height: 36px;overflow: hidden;}
    #news_bar .center .date{position: absolute;left: 0;top:0;padding-right: 0}
    #news_bar .left,#news_bar .center,#news_bar .right{float: left;height: auto;line-height: auto;width: 100%;display: block;clear: both;margin-left: 0;margin-right: 0;}
    #news_bar .right{text-align: center;border-bottom: 1px solid #CCC;background: white;}
    #news_bar .right{padding: 10px 0;}
}
/*--------------------------
  Pick Up
----------------------------*/
#pick_up_blog{display:block; clear: both;margin-bottom: 80px;position: relative;width: 100%;}
#pick_up_blog .left{width:70%;float: left;padding-top:45px;padding-right: 35px;}
#pick_up_blog .left .title{font-size: 33px;color:#666666;margin-bottom:15px;line-height: 45px;letter-spacing: 10px;}
#pick_up_blog .left .button_readmore_2{width: 250px;margin:20px 0 40px;}
#pick_up_blog .left .button_readmore_2 span{width: 180px;letter-spacing: 2px}
#pick_up_blog .left .title2{margin-top:0;}
#pick_up_blog .left .title2 img:nth-child(2){margin-left: 15px;}
#pick_up_blog .left .img_div{overflow: hidden;}
#pick_up_blog #slideshow {margin-top:20px;position: relative;}
#pick_up_blog #slideshow a{color: #666666;}
#pick_up_blog #slideshow .owl-controls{position: absolute;top:60px;width: 100%;}
#pick_up_blog #slideshow .owl-controls .owl-prev{position: absolute;left: -35px;background: none;}
#pick_up_blog #slideshow .owl-controls .owl-next{position: absolute;right: -35px;background: none;}
#pick_up_blog #slideshow .box{overflow: hidden; display: block; float: left; margin:0 0 20px;color:#FFF;border-bottom: 1.5px solid #515151;padding-bottom: 8px;}
#pick_up_blog #slideshow .box:first-child,#pick_up_blog #slideshow .box:nth-child(5),#pick_up_blog #slideshow .box:nth-child(10),#pick_up_blog #slideshow .box:nth-child(15){margin-left:0%;}
#pick_up_blog #slideshow .box .img_div img{width: 100%;height: auto;box-sizing: border-box;border:4px solid white;}
#pick_up_blog #slideshow .box .bar{font-size: 10px;clear: both;width: 100%; display: inline-block;margin:5px 0;}
#pick_up_blog #slideshow .box .bar span:nth-child(1){float: left;}
#pick_up_blog #slideshow .box .bar span:nth-child(2){float: right; clear: right;}
#pick_up_blog #slideshow .box .des p{margin-top:-5px;font-size: 14px;}
#pick_up_blog .owl-carousel .box{width: 100% !important;}
#pick_up_blog .bottom {display: inline-block;padding-bottom: 20px;width: 100%;}
#pick_up_blog .bottom .div50{width: 48%;float: left;background:#097043 url('../../img/common/ico/ico_marquee.png') no-repeat left center;float: left;padding-left: 15px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;overflow: hidden;}
#pick_up_blog .bottom .div50 marquee{background: #097043;padding: 8px 0;color:#FFF;float: left;width: 100%;}
#pick_up_blog .bottom .div50 a{color:white;font-size: 13px;}
#pick_up_blog .bottom .button_readmore_1{float: right;width: 48%;border:2px solid #000;color:#000;height: 35px;line-height: 35px;}
#pick_up_blog .bottom .button_readmore_1 span{background-image: url('../../img/common/ico/ico_next_gray.png'); font-size: 15px;}
#pick_up_blog .right{width: 30%; float: left;height: 683px;background:url('../../img/top/img_top_blog_main_pc.jpg') no-repeat center center;background-size: cover;}
.pick_up_news .right {
	height: 1050px !important;
}
#pick_up_blog .green_bg{background:#fee6ea; position: absolute;left:0;bottom:0;height: 290px;width: 100%;z-index: -1;}
@media (max-width: 767px) {
    #pick_up_blog{margin-bottom:30px;}
    #pick_up_blog .container{padding:0;}
    #pick_up_blog #slideshow .owl-controls{top:20%;}
    #pick_up_blog #slideshow .owl-controls .owl-prev{left: 10px;}
#pick_up_blog #slideshow .owl-controls .owl-next{right: 10px;}
    #pick_up_blog .left{width: 100%;padding-right: 0}
    #pick_up_blog .left .title{width: 96%;margin-left: 2%;font-size: 24px;letter-spacing: 4px;}
    #pick_up_blog .left .title2{text-align: center;border-top: 1px solid #CCC;padding-top:30px;margin-top:30px;}
    #pick_up_blog .left .title2 img{max-width: 90%;height: auto;display: block;margin:0 auto;}
    #pick_up_blog .left .title2 img:nth-child(2){margin-left: 0;margin:10px auto;}
    #pick_up_blog .left p{width: 96%;margin-left:2%;}
    #pick_up_blog .left .button_readmore_2{width: 96%;margin-left:2%;height: 40px;margin-bottom: 0;}
    #pick_up_blog #slideshow {background:#fee6ea;margin-top:80px;}
    #pick_up_blog #slideshow .owl-stage-outer{position: relative;top: -110px;padding-top: 100px;}
    #pick_up_blog #slideshow .owl-stage{position: relative;top:-50px;}
    #pick_up_blog #slideshow .box{margin-left: 2% !important;width: 96% !important;margin-bottom: 0;}
    #pick_up_blog #slideshow .box .img_div{width: 100%;border:1px solid #CCC;}
    #pick_up_blog #slideshow .box .img_div img{border-box;border:8px solid white;float: left !important;display: block;width: 100%;height: auto}
    #pick_up_blog #slideshow .box .des{}
    #pick_up_blog .owl-carousel .box{width: 100%;}
    #pick_up_blog .bottom{position: relative;margin-top:-90px;z-index: 2;width: 96%;margin-left: 2%}
    #pick_up_blog .bottom .div50{width: 100%;}
    #pick_up_blog .bottom .button_readmore_1{width: 100%; margin-top: 15px;}
    #pick_up_blog .right{width: 100%;}
    #pick_up_blog .right{height: 300px;background-position: top center;display: none}
    #pick_up_blog .green_bg{height: 50%;}
}
/*--------------------------
  Top salon box
----------------------------*/

#top #salon-list .container{padding: 0;padding-bottom: 90px;}
#top #salon-list .title{margin-bottom:30px;}
#top #salon-list .title img{display: block;margin:0 auto;}
#top #salon-list .left{ width: 100%; float: left; }
#top #salon-list .left .box{width: 14.670%;float: left;margin-left: 1%;margin-right: 1%;}
/*#top #salon-list .left .box:first-child{margin-left: 0;}*/
#top #salon-list .left .box .img_div img{border:5px solid #f9f9f9;width: 100%;height: auto;}
#top #salon-list .left .box h4{ font-size: 13px;border-bottom: 1px solid #ccc; padding: 15px 0 10px 0;color: #666666;text-indent: 10px; letter-spacing: 2px;}
#top #salon-list .left .box p{padding: 7px 0;font-size: 12px;height: 43px; overflow: hidden;text-indent: 10px;}
#top #salon-list .left .box .button_phone{ margin-bottom: 10px; }
#top #salon-list .left .box .button_computer{margin-bottom: 10px;}
#top #salon-list .right{ width: 14%; float: right;}
#top #salon-list .right a{width: 90%;padding: 0 5%; height: 47.5%; margin-top:10%;background:#FBFBFB;display: block; position: relative;display: table;font-size: 21px;color: #7D7D7D;font-size: 18px;}
#top #salon-list .right a:first-child{margin-top:0;}
#top #salon-list .right a span{display: table-cell;vertical-align: middle;text-align: center;}
@media (max-width: 767px) {
  #top #salon-list .container{padding-bottom: 30px;}
  #top #salon-list .title{margin-bottom: 10px;}
  #top #salon-list .left{width: 100%;}
  #top #salon-list .left .box{width: 100%;margin-left: 0; margin-top:20px;}
  #top #salon-list .left .box img{ float: left;width: 76px !important;border: 0 !important;}
  #top #salon-list .left .box .button_phone,#top #salon-list .left .box .button_computer{margin-bottom: 0px;float: left; width: 50%;}
  #top #salon-list .right {width: 100%}
  #top #salon-list .right a{width: 50%;float: left;padding: 0;margin-top:0;height: auto;}
  #top #salon-list .right a{height: 150px;}
}
/*--------------------------
  Top Special box
----------------------------*/

.top_special_box {
    background: #f6f6f6;
    padding-top: 90px;
    padding-bottom: 75px;
    clear: both;
}
.top_special_box .inner_special {
    max-width: 1200px;
    margin: 0 auto;
}
.top_special_box ul img {
    width: 100%;
}
.top_special_box h3 {
    text-align: center;
    margin-bottom: 40px;
}
.top_special_box .txt_box {
    padding: 16px 16px 5px;
    font-size: 12px;
    color: #666;
    border: 1px solid #E5E5E5;
    border-top: 0;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    min-height: 230px;
}
.top_special_box .txt_box h4 {
    font-size: 16px;
    color: #666666;
    letter-spacing: 2px;
    padding-bottom: 15px;
}
.top_special_box .txt_box p {
    line-height: 1.8;
}
@media (max-width: 767px) {
    .top_special_box {
        padding-top: 25px;
        padding-bottom: 13px;
    }
    .top_special_box ul {
        padding-left: 5px;
        padding-right: 5px;
    }
    .top_special_box ul li {
        margin-bottom: 12px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .top_special_box h3 {
        margin-bottom: 18px;
    }
    .top_special_box .txt_box {
        padding: 12px 10px 10px;
        font-size: 12px;
        color: #666;
        border: 1px solid #E5E5E5;
        border-top: 0;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
        min-height: 185px;
    }
    .top_special_box .txt_box h4 {
        font-size: 14px;
        padding-bottom: 10px;
    }
    .top_special_box .txt_box p {
        line-height: normal;
    }
}
/*--------------------------
  Top style box
----------------------------*/

.top_style_box {
    background: #F7F1E4;
    padding-top: 55px;
    padding-bottom: 75px;
    margin-bottom: 45px;
}
.top_style_box h3 {
    text-align: center;
    margin-bottom: 25px;
}
.top_style_box .box01 {
    margin: 0 auto 28px;
    text-align: center;
}
.top_style_box .box01 li {
    float: left;
    width: 20%;
}
@media (max-width: 767px) {
    .top_style_box {
        padding-top: 25px;
        padding-bottom: 45px;
    }
    .top_style_box h3 {
        text-align: center;
        margin-bottom: 18px;
    }
    .top_style_box .box01 li {
        width: 50%;
    }
}
.top_style_box .frm_search label {
    position: relative;
    cursor: pointer;
    background: #fff;
    border: 1px solid #E5E5E5;
    border-radius: 30px;
    width: 100%;
    display: block;
    text-align: center;
}
.top_style_box .frm_search label:hover {
    opacity: 0.5;
}
.top_style_box .frm_search label [type="checkbox"] {
    display: none;
}
.top_style_box .frm_search input[type="checkbox"] + span {
    display: block;
    padding: 7px 0;
    color: #808080;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1.5px;
}
.top_style_box .frm_search input[type="checkbox"]:checked + span {
    background: #009A53;
    display: block;
    border-radius: 30px;
    color: #fff;
}
.top_style_box .box02 {
    max-width: 1170px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
}
.top_style_box .box02 table {
    width: 100%;
    border-collapse: collapse;
}
.top_style_box .box02 .lbl_search {
    background: url(../../img/top/bg_lbl_style_pc.png) left top no-repeat;
    padding: 10px 0 10px 33px;
    font-size: 15px;
    font-weight: normal;
    color: #666666;
}
.top_style_box .box02 th,
.top_style_box .box02 td {
    padding-bottom: 10px;
    vertical-align: middle;
}
.top_style_box .box02 th {
    width: 17.34589%;
}
.top_style_box .box02 td {
    width: 11.96581%;
    padding-right: 15px;
}
.top_style_box .box02 .td_search {
    padding-left: 10px;
    padding-right: 0;
}
.top_style_box .btn_search {
    display: block;
    width: 100%;
    height: 132px;
    background: white url(../../img/top/ico_style_search_pc.png) center no-repeat;
    padding-left: 10px;
}
@media (max-width: 767px) {
    .top_style_box .frm_search label:hover {
        opacity: 1.0;
    }
    .inner_search_sp {
        background: #fff;
        border: 1px solid #E5E5E5;
        border-radius: 30px;
    }
    .inner_search_sp .lbl_search_sp {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
        cursor: pointer;
    }
    .inner_search_sp .frm_search_sp {
        margin-top: 20px;
        display: none;
    }
    .inner_search_sp .frm_search_sp h4 {
        text-align: center;
        font-size: 15px;
        color: #666;
        padding-bottom: 15px;
    }
    .inner_search_sp .frm_search_sp h4 span {
        background: url(../../img/top/ico_style_search_sp.jpg) left 7px no-repeat;
        display: inline-block;
        padding-left: 13px;
    }
    .inner_search_sp .frm_search_sp ul {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 25px;
    }
    .inner_search_sp .frm_search_sp ul li {
        float: left;
        width: 50%;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 3px;
    }
    .btn_seach_sp {
        text-align: center;
        margin-bottom: 20px;
    }
}
/*--------------------------
  Jobs and movies box
----------------------------*/

#top .wrrap_job_movie {
    margin-top: 0;
}
.wrrap_job_movie {
    max-width: 1170px;
    margin: 65px auto 48px;
}
.wrrap_job_movie a {
    display: block;
}
.wrrap_job_movie ul {
    margin: 0;
}
.wrrap_job_movie .content_box {
    background: #FAFAFA;
    font-size: 35px;
    padding: 65px 10px;
    text-align: center;
    color: #666;
}
@media (max-width: 767px) {
    .wrrap_job_movie {
        margin-bottom: 30px;
    }
    .wrrap_job_movie ul li {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 10px;
    }
    .wrrap_job_movie .content_box {
        font-size: 20px;
        margin-top: 20px;
    }
}

#top #style_catalog{background: #fee6ea;padding:80px 0 90px 0;}
#top #style_catalog .title{margin-bottom: 35px;}
#top #style_catalog #photo_gallery {display: inline-block;}
#top #style_catalog #photo_gallery img{ width: 20%;height: auto;  }
#top #style_catalog #photo_gallery .owl-item img{width: 100%;background: #FFF}
#top #style_catalog #filter_bar{background: none;padding: 10px 0 0 0;}
#top #style_catalog #filter_bar .center a{background:white;}
#top #style_catalog #filter_bar .submit_filter{background: none;border:2px solid #666666;}
#top #style_catalog #filter_bar .submit_filter a{color:#666666;}
#top #style_catalog #filter_bar .submit_filter a .arrow-right{border-left-color:#666666;}
#top #style_catalog #filter_bar .center a.active,#top #style_catalog #filter_bar .center a:hover{background:#666666 !important;}
#top #style_catalog #filter_bar .left h5{background: url(../../img/common/ico/ico_arrow_next_white.png) right center no-repeat, url(../../img/style/ico_arrow_gray.png) 10px 14px no-repeat}
@media (max-width: 767px) {
    #top #style_catalog{padding:40px 0 45px 0;}
}
/*---------------------------
  Custom slick
-----------------------------*/
.blog_slider .slick-prev:before,
.blog_slider .slick-next:before {
  content: ''; }

.blog_slider .slick-prev,
.blog_slider .slick-prev:hover {
  background: url(../../img/top/ico_arrow_blog_prev.png) left top no-repeat;
  width: 13px;
  height: 28px;
  left: -10px;
  z-index: 999; }

.blog_slider .slick-next,
.blog_slider .slick-next:hover {
  background: url(../../img/top/ico_arrow_blog_next.png) left top no-repeat;
  width: 14px;
  height: 28px;
  right: -10px; }

.blog_slider .slick-prev:hover,
.blog_slider .slick-next:hover {
  opacity: 0.5; }

.slide_box03 .slick-slider {
  margin-bottom: 10px; }

.blog_slider .slick-prev,
.blog_slider .slick-next {
  top: 40%; }
/*--------------------------
  Blog
----------------------------*/
.sub_cat{display: none}
.sub_cat{display:inline-block;text-align:center;width:100%;padding:45px 0;background-color:#F7F7F7}
.sub_cat ul{display:inherit;margin-bottom:0px}
.sub_cat li{float:left;display:inline-block}
.sub_cat li a{display:block;padding:10px 30px;border:1px solid #ccc;border-radius:5px;margin:0 7px;transition:background 0.5s}
.sub_cat li a img{border:none}
.sub_cat li a:hover,.sub_cat li.current-cat a{background-color:#666666;color:white}
#blog .box{margin-top:40px}#blog .box hr{margin:0}
#blog .box p{text-align:justify}
#blog .box .img_div{position:relative;overflow:hidden}
#blog .box img{width:100%;height:auto;background:#F1F1F1;box-sizing:border-box;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;border:1px solid #F1F1F1}
#blog .box img:hover{border:5px solid #F1F1F1}
#blog .box .des{font-size:16px;margin-bottom:5px;height:104px;overflow:hidden}
#blog .box .des h3{font-size:16px}
#blog .box .new{background:#9F0000;color:white;padding:18px 25px 2px 18px;position:absolute;top:-10px;left:-22px;-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);transform:rotate(-45deg);text-transform:uppercase;font-size:11px}
#blog .box .bar{width:100%;display:inline-block;padding:10px 0;font-size:14px}
#blog .box .bar time{float:left;margin-top:5px}
#blog .box .bar .readmore{float:right;padding:5px 25px;background:#CCC;color:white;transition:background 0.5s}
#blog .box .bar .readmore:hover{background:#009a53;color:white}
#blog .pagination{padding:20px 0 35px 0}
#blog .pagination a{margin:0 7px;border:1px solid #009A53;border-radius:5px;color:#009A53}
#blog .pagination a:hover,#blog .pagination a.paged{background:#009A53;color:white}
#blog .pagination .arrow-left,#blog .pagination .arrow-right{position:relative;top:3px}
#blog .pagination .prev,#blog .pagination .next{border:0;color:#666}
#blog .pagination .arrow-left{left:-1px;border-right-color:#666}
#blog .pagination .arrow-right{border-left-color:#666}
#blog .pagination a:hover .arrow-left{border-right-color:white !important}
#blog .pagination a:hover .arrow-right{border-left-color:white !important}
#search_bar{background:#F7F7F7;padding:25px 0;margin-top:60px;}
#search_bar .form-group{margin-bottom:0 !important}
#search_bar label{margin-top:5px}
#search_bar .input{position:relative}
#search_bar .input #txt_search_blog{width: 100%;padding: 5px;border-radius: 5px;border: 1px solid #ccc;}
#search_bar #btn_search_submit{width: 30px;height: 32px;background: none;border: none;background: url('../../img/blog/ico_search.jpg') no-repeat center ;position: absolute;right: 16px;top: 0;}
#bottom_bar h3{border-bottom: 2px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;font-size: 16px;font-weight: bold;}
#bottom_bar #menu_bottom{margin-top: 45px;font-size: 13px;}
#bottom_bar ul li{padding: 5px 0}
#bottom_bar ul li a:hover{color: #009A53;}
#bottom_bar  #buttons {margin-top: 100px;}
#bottom_bar  #buttons a{background: #F7F7F7;text-align: center;height: 170px;line-height: 170px;display: block;font-size: 35px;}
#bottom_bar  #buttons a:hover{background: #009A53;color: white;}
.pagination_div{margin: 30px 0 0px 0;display: inline-block;width: 100%; clear: both;}
.wp-pagenavi{display: table;margin: 0 auto;}
.wp-pagenavi .pages{display: none;}
.wp-pagenavi a, .wp-pagenavi span{text-align: center;padding: 5px 10px !important;float: left;display: block;margin-right: 8px !important}
.wp-pagenavi a, .wp-pagenavi span, .wp-pagenavi span.current{border: 1px solid #666666 !important;border-radius: 5px;color: #666666 !important;}
.wp-pagenavi span.current, .wp-pagenavi a:hover, .wp-pagenavi span:hover{background: #666666;color:white !important;font-weight: normal !important;}
@media (max-width: 320px){

}
@media (max-width: 767px){
  .sub_cat {margin-top: -10px;padding: 20px 0;}
  .sub_cat li {margin-top: 10px;width: 50%;}
  .sub_cat li a{margin: 0 10px;font-size: 13px;}
  #blog .row{margin-left: -10px;margin-right: -10px;}
  #blog .box{padding-left: 5px;padding-right: 5px;}
  #blog .box .bar .readmore{float: left;clear: both;margin-top: 5px;padding: 5px 10px;font-size: 12px;}
  #blog .box .des{font-size: 12px;height: 140px;}
  #search_bar{padding: 20px 0;margin-top:35px;}
  #search_bar .taR{text-align: center;}
  #bottom_bar h3{margin-top: 20px;}
  #bottom_bar #menu_bottom{margin-top: 15px;}
  #bottom_bar #buttons{margin-top: 30px;}
  #bottom_bar #buttons a{margin-top: 17px;height: 95px;line-height: 95px;font-size: 19px;}
  .pagination .prev, .pagination .next{padding: 5px 0;margin: 0;}
  .wp-pagenavi a, .wp-pagenavi span {margin: 0px 3px;border: 1px solid #E5E5E5;border-radius: 5px;color: #E5E5E5;text-align: center;font-size: 10px;padding: 5px 7px 5px 7px;margin-top:10px;}
  #bottom_bar > div{padding: 0;}
  #bottom_bar .row{margin-left: 0;margin-right: 0;}
  #blog #bottom_bar .row > div{padding-left: 0;padding-right: 0;}
  #bottom_bar h3, #menu_bottom ul{padding-left: 10px;padding-right: 10px;}
}
@media (min-width: 767px) and (max-width: 1000px) {
  #search_bar label{font-size: 12px;}
  .sub_cat li a{font-size: 12px;padding-left : 25px;padding-right: 25px;}
  #blog .box .bar{font-size: 12px;}
  #blog .box .bar .readmore{padding: 5px 20px;}
  #blog .box .des{font-size: 12px;}
}
/* detail blog */
#blog_detail{line-height: 25px;padding-top: 40px;}
#blog_detail h2{font-size: 24px;border-top: 2px solid #E5E5E5;border-bottom: 2px solid #E5E5E5;padding: 15px 0;margin-bottom: 25px;font-weight: bold;color: #666666;}
#blog_detail .des h2{font-size: 22px;border-bottom: 3px solid #009A53;border-top:none;padding: 0 0 10px 15px;margin-bottom: 25px;margin-top:10px;font-weight: bold;color: #333;}
#blog_detail h3{font-size: 20px; background: #f7f7f7; font-weight: bold; padding: 15px;margin-bottom: 20px; line-height: 1.6em;}
#blog_detail h4{font-size: 18px; font-weight: normal; padding-bottom: 5px; position: relative; padding-left:17px;padding-bottom: 20px;line-height: 1.6em;padding-left: 22px;}
#blog_detail h4:before {background: #009A53; content: ""; height: 13px; width: 13px;left: 0;position: absolute;top: 5px;}
#blog_detail a {color: #337ab7;text-decoration: underline;}
#blog_detail ul li {list-style: disc; padding-left: 0px; margin-left: 15px;}
#blog_detail ol li {list-style: decimal; margin-left: 15px;}

#blog_detail .img{max-width: 100%;}
#blog_detail .img_div{border: 1px solid #E5E5E5;width: 100%;text-align: center;margin-bottom: 40px;margin-top: 15px;}
#blog_detail .img_div img{max-height: 370px;width: auto;}
#blog_detail .bar{clear: both;display: inline-block;width: 100%;}
#blog_detail .bar time{float: left;margin-top: 10px;}
#blog_detail .bar .readmore{float: right;padding: 5px 25px;background: #CCCCCC;color:white;transition: background 0.5s;}
#blog_detail .bar .readmore:hover{background: #009a53;color: white;}
#blog_detail .sidebar{font-size: 12px;}
#blog_detail .sidebar .top_bar, #blog_detail .sidebar .bottom_bar{ background: #fb7ea2;height: 5px;width: 100%;display: block}
#blog_detail .sidebar .top_bar .arrow-bottom {border-top-color: #fb7ea2;position: relative;left: 50%;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
#blog_detail .sidebar .top_bar{margin-bottom: -20px;}
#blog_detail .sidebar .box_sidebar{margin: 40px 0 20px 0;}
#blog_detail .sidebar img{width: 100%;height: auto;border:5px solid #F7F7F7;}
#blog_detail .sidebar h3{font-size: 14px;padding-bottom: 15px;margin-bottom: 10px;margin-top:10px;color:#666666;}
#blog_detail .sidebar h5{font-size: 12px;}
#blog_detail .sidebar .button_phone, #blog_detail .sidebar .button_computer {margin-top: 10px;}
#blog_detail .sidebar .readmore{font-size: 13px;text-transform: uppercase;text-align: center;border-top: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;display: inline-block;width: 100%;margin-top: 10px;padding: 5px 0;}
#blog_detail .social{margin-top: 30px;}
#blog_detail  #pagination_next_prev {margin-top: 20px;padding-left: 10px;padding-right: 10px;}
#blog_detail  #pagination_next_prev a{border: 1px solid #666666;color: #666666;padding: 5px 20px;border-radius: 5px;}
#blog_detail  #pagination_next_prev a:hover{background: #666666;color: white;}
#blog_detail  .box-writer{
    border-bottom: 2px solid #e3e3e3;
    margin: 30px 0;
    padding: 0 15px 30px;
    overflow: hidden;
}
#blog_detail  .box-writer .ttl{
    border-bottom: 3px double #ccc;
    margin-bottom: 30px;
}
#blog_detail  .box-writer .ttl .en{
    font-family: 'Montserrat',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 20px;
    margin-right: 1em;
    letter-spacing: .1em;
}
#blog_detail  .box-writer figure{
    border-radius: 40px;
    width: 80px;
    height: 80px;
    overflow: hidden;
    float: left;
    position: relative;
    z-index: 10;
}
#blog_detail  .box-writer .txt{
    float: left;
    width: 100%;
    margin-left: -80px;
    padding-left: 100px;
}
#blog_detail  .box-writer .txt .box-name{
    margin-bottom: 5px;
}
#blog_detail  .box-writer .txt .box-name .name{
    font-weight: bold;
    font-size: 17px;
}
#blog_detail  .box-writer .txt .box-name span{
    margin-right: 10px;
}
#blog_detail  .box-writer .txt a{
    color: #FD7DA3;
    display: inline-block;
}
#blog_detail  .box-writer .row-btn{
    margin-top: 15px;
}
#blog_detail  .box-writer .sns{
    margin-top: 15px;
    vertical-align: 3px;
}
@media (max-width: 767px) {
  #blog_detail{padding-top: 25px;margin-left: -15px !important;margin-right: -15px !important;padding-left: 0;padding-right: 0;}
  #blog_detail .bar time{margin-top:0;}
  #blog_detail .bar .readmore{font-size: 10px;padding: 5px 10px;line-height: 15px;}
  #blog_detail .row{margin-left: 0;margin-right: 0;}
  #blog_detail .row > div{padding-left: 0;padding-right: 0;}
  #blog_detail h2{border-bottom: 0;margin-top: 15px;font-size: 16px;padding: 0 0 10px 15px;margin-bottom: 0;font-weight: bold;letter-spacing: 1px;border-left: 5px solid #008A52; line-height: 1.5em;}
  #blog_detail .img_div{margin-bottom: 15px;margin-top:0;}
  #blog_detail .img_div img{width: 100%;height: auto;max-height: 100%;}
  #blog_detail .bar{padding-left: 10px;padding-right: 10px;}
  #blog_detail .des{padding: 0 10px;}
  #blog_detail > div{padding-right: 0 !important;padding-left: 0 !important;}
  #blog_detail #pagination_next_prev .button{padding: 5px 10px;font-size: 14px;}
  #blog_detail .sidebar .top_bar, #blog_detail .sidebar .bottom_bar{display: none;}
  #blog_detail .sidebar img{width: 100px;height: 100px;float: left;margin-right: 10px;border:none;}
  #blog_detail .sidebar .button_phone{clear: left;float: left;width: 50%;margin-top: 0}
  #blog_detail .sidebar .button_computer{float: left;width: 50%;margin-top: 0}
  #blog_detail .sidebar .readmore{margin-top: 0;}
  #blog_detail #pagination_next_prev a {padding: 5px 15px;font-size: 12px;}
  #blog_detail .fb-like{margin-left: 30px;}
  #blog_detail .des img {height: auto;}
  #blog_detail .des p {word-break: break-all;}
  #blog_detail  .box-writer{
        margin: 30px 0;
        padding-bottom:15px;
    }
    #blog_detail  .box-writer .txt p{
        font-size: 12px;
        line-height: 1.6em;
    }
}
/*--------------------------
  Style
----------------------------*/
.styleList {padding-top: 50px;}
.styleList .line_center{text-align: center;font-size: 17px;color: #fb7ea2;padding-bottom: 10px;}
.styleList .line_img{margin-bottom: 25px;}
.styleList .box {float: left;width: 20%;box-sizing: border-box;background: #f9f9f9;border-top: 2px solid white;}
.styleList .box .img_div{float: left;width: 100%;}
.styleList .box img{width: 100%;height: auto;}
.styleList .box h3{font-size:14px;border-bottom:1px dotted #ccc;padding:25px 10px 12px;margin:12px 0;line-height:20px;width:100%}
.styleList .box .des{clear:both;padding:0 25px 25px;border-right:2px solid #fff}
.styleList .box .des p{padding:0 10px;font-size:12px;color:#7D7D7D;}
.styleList .box .des p a{color:#7D7D7D;}
.styleList .box .des p span{padding:0 10px}
#filter_bar{background:#F7F7F7;padding:40px 0;color:#7D7D7D;}
#filter_bar .container{}
#filter_bar .run_filter{display: none; }
#filter_bar a{margin-top: 15px;}
#filter_bar p.ico_arrow{color:#ACACAC;}
#filter_bar .left {width: 18%; float: left;}
#filter_bar .center {width: 82%; float: left;}
#filter_bar .left h5{background:url(../../img/style/ico_arrow_next.png)  right center no-repeat, url(../../img/style/ico_arrow_gray.png) 10px 14px no-repeat;display:block;height:38px;line-height:38px;padding-left:40px;margin-top:15px;width:100%;font-weight: bold}
#filter_bar .center a,#style_detail .tags a{height:38px;line-height:38px;float:left;display:block;width:15.6%;border:1px solid #CCC;border-radius:0px;text-align:center;border-radius:5px;margin-left:1%;color:inherit;cursor: pointer;}
#filter_bar .center a:hover, #filter_bar .center a.active , #style_detail .tags a:hover {background: #fb7ea2;color: white !important;}
#filter_bar .right a{display: inline-block;}
#filter_bar .right img{width: 100%;height: auto;}
#filter_bar .right a:nth-child(2) .submit_filter{ display: none !important; }
#filter_bar .submit_filter{ width: 100%; height: 91%; margin-top:9%; position: relative; background: #666666; color:white; text-align: center; border-radius: 10px; cursor: pointer;}
#filter_bar .submit_filter a{ position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%, -50%); margin-top: 0; color:white;width:100%;text-align: center;}
#filter_bar .submit_filter a span{padding-right: 5px; border-left-color: white;}
@media (max-width: 767px) {
  .styleList{ margin-left: -15px; margin-right: -15px; }
  .styleList .line_center{font-size: 14px;}
  .styleList .box{width: 50%;}
  .styleList .box h3{padding-top: 10px;font-size: 11px;padding: 10px 0px 5px 0px;margin: 5px 0;}
  .styleList .box .des{padding: 0 10px 15px 10px;}
  .styleList .box .des p{font-size: 10px;padding:0;}
  .styleList .box .des ul li a{font-size: 10px;}
  .styleList .box:nth-child(even) .des{ border-right: 0; }
  #filter_bar{ padding: 20px 0; }
  #filter_bar .container{ padding: 10px 0; margin:0 10px; background: white; border-radius: 20px; text-align: center;padding: 10px 0; border: 1px solid #EBEBEB; background:#FFF;}
  #filter_bar .row , #filter_bar .ico_arrow{display: none;}
  #filter_bar .row{ margin: 25px 0 0 0;}
  #filter_bar .run_filter{display: block;margin:0 auto;}
  #filter_bar .left, #filter_bar .center,#filter_bar .right{width: 100%; clear: both; margin-bottom:15px;}
  #filter_bar .left{margin-bottom: 0px;}
  #filter_bar .left h5{background: none !important; padding-left: 0; margin-bottom: -10px; text-align: center;line-height: 38px;}
  #filter_bar .left h5 span{background: url(../../img/top/ico_style_search_sp.jpg) left 5px no-repeat; padding-left: 15px;}
  #filter_bar .center a{ width: 46.2% }
  #filter_bar .right{ text-align: center; height: 38px;float: left; margin-bottom: 45px;}
  #filter_bar .submit_filter{width: 60%; margin: 0 auto; margin-top: 25px;}
}
@media (min-width: 767px) and (max-width: 991px){
  #filter_bar .left{ width: 23% }
  #filter_bar .left h5{ padding-left: 25px; font-size: 12px;}
  #filter_bar .center{ width: 77% }
  #filter_bar .center a{ font-size: 11px; }
}
#style_detail #filter_bar .container{padding: 10px;background:white;border-radius: 20px;}
#style_detail #filter_bar .running{padding: 25px;}
#style_detail #filter_bar .run_filter{display: block;margin:0 auto;}
#style_detail #filter_bar .ico_arrow{display: none;}
#style_detail #filter_bar .row{display: none;}
#style_detail .tags{display: inline-block;width: 100%;margin:45px 0;}
#style_detail .tags a{width: 180px}
#style_detail .tags a:nth-child(1){background:url(../../img/style/ico_arrow_next.png) right center no-repeat, url(../../img/style/ico_arrow_green.png) 30px 14px no-repeat;border:none;color: inherit;margin-left: 0;width: 180px;}
#style_detail .img_div div img{width: 100%; height: auto;margin-bottom: 35px;}
#style_detail .bar{ background: #f7f0e3; font-size: 17px;padding: 10px 20px; color: black; margin-bottom: 20px;}
#style_detail #mainContainer .container .left{ width: 67.8%; padding-right: 2%; float: left; font-size: 14px; line-height: 24px; color: #7D7D7D;}
#style_detail #mainContainer .container .right{ width: 31.6%; float: right; background: #FBF9F5}
#style_detail .right .line, #style_detail .right .line_img{clear: both; width: 100%; padding: 0 20px; box-sizing: border-box; float: left;}
#style_detail .right .line li{ float: left; text-align: left; width: 10%; text-align: center;}
#style_detail .right .line li:nth-child(1){ width: 30%;text-align: left;}
#style_detail .right .line li span{ display: block; width: 18px;height: 18px; border-radius: 50%; border: 2px solid #EBDEC6; background: #EBDEC6;margin:0 auto;}
#style_detail .right .line li span.active{background: #fb7ea2;}
#style_detail .right .line_img li{width: 20%; float: left; text-align: center;padding-top:18px;border-top:2px solid white;}
#style_detail .right .line_img li img{clear: both;margin:0 auto;display: block;margin-bottom: 10px;}
#style_detail .staff_div{margin-top:60px;clear:both;float: left;width:100%;overflow: hidden;}
#style_detail .staff_div h2:nth-child(1){border-top: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7;font-size: 16px;padding:10px 20px;margin-bottom: 20px;background: url('../../img/style/ico_arrow_green.png') 5px 13px no-repeat;}
#style_detail .staff_div .img_div_2{float: left;width:23.5%;}
#style_detail .staff_div .img_div_2 img{height: auto;}
#style_detail .staff_div .info{float: right;width:73.5%;color:#7D7D7D;}
#style_detail .staff_div .info .title_bar{background: #f5f5f5;padding:15px 25px;font-weight: bold}
#style_detail .staff_div .info .title_bar p{font-size: 12px;}
#style_detail .staff_div .info .title_bar h3{font-size: 16px;margin-top: 5px;font-weight: bold}
#style_detail .staff_div .info .title_bar h3 span{font-size: 12px;}
#style_detail .staff_div .info .title_bar .ico_arrow_yellow{background-position: 0 3px;padding-left: 10px;}
#style_detail .staff_div .info .des{padding-top: 20px;line-height: 24px;}
#style_detail .staff_div .buttons a{ display: inline-block; color: white;padding:5px 20px 5px 30px;margin:30px 0;background-position: 17px center;}
#style_detail .staff_div .buttons a:first-child{margin-right: 25px;display: none}
#style_detail .salon_div{ border: 1px solid #F7F7F7;display: block; float: left; width: 100%;}
#style_detail .salon_div .title_bar{background: #F5F5F5;}
#style_detail .salon_div .info{ float: left;width: 50%; border-right: 1px solid #f5f5f5; padding: 15px;line-height: 24px;}
#style_detail .salon_div .info h5{border-bottom: 1px solid #CCCCCC;padding-bottom: 10px;margin-bottom: 10px;font-size: 15px;color:#959595;font-weight: bold}
#style_detail .salon_div .info .button_phone{margin-bottom: 10px;}
#style_detail .salon_div > div:nth-child(2){ width: 40%; }
#style_detail .salon_div > div:nth-child(2) h5{color:#666666;}
#style_detail .salon_div > div:nth-child(2) img{float:left;margin: -15px 0px -15px -15px; width: 45%; height: auto;}
#style_detail .salon_div > div:nth-child(2) .des{width: 55%; float: right;padding-top:0;}
#style_detail .salon_div > div:nth-child(3){ width: 60%; border-right: none;}
@media (min-width: 767px) and (max-width: 991px) {
    #style_detail .staff_div .buttons a{width:47.2%;font-size: 10px;padding-right: 0}
}
@media (max-width: 767px) {
  #style_detail #mainContainer .container{padding-left: 0; padding-right: 0;}
  #style_detail #mainContainer .container .left{width: 100%;padding-right: 0;overflow: hidden;}
  #style_detail #mainContainer .container .right{width: 100%;}
  #style_detail #mainContainer .container .right .bar{padding-left:20px;padding-right: 20px;}
  #style_detail .right .line, #style_detail .right .line_img{padding: 0 10px;}
  #style_detail .right .line_img li:nth-child(2) img{width: 35px;}
  #style_detail .right .line li:last-child{text-align: right;}
  #style_detail .bar{padding-left: 10px; padding-right: 10px;margin-left: -10px;margin-right: -10px;}
  #style_detail .tags a{width:30%;font-size: 10px;}
  #style_detail .tags a:nth-child(1){width: 33.2%;background: url(../../img/style/ico_arrow_next.png) right center no-repeat, url(../../img/style/ico_arrow_green.png) 20px 14px no-repeat}
  #style_detail .left{width: 100%;padding: 0 10px;}
  #style_detail .right{width: 100%;margin-top:30px;overflow: hidden;}
  #style_detail .staff_div{margin-top: 30px;}
  #style_detail .staff_div .img_div_2{width: 26.5%;}
  #style_detail .staff_div .info .des{padding: 10px 15px 0 15px}
  #style_detail .staff_div .buttons{width: 100%;margin:25px 0 35px 0;}
  #style_detail .staff_div .buttons a{width: 100%;margin: 0;}
  #style_detail .staff_div .buttons a:nth-child(1){background-color:#FD8DB3 !important;}
  #style_detail .staff_div .buttons a:nth-child(2){background-image:url('../../img/common/ico/ico_4_range.png');background-size:12px 12px;padding-left:30px;background-position: 11px 10px;}
  #style_detail .salon_div > div:nth-child(2){width: 100%;padding: 0}
  #style_detail .salon_div > div:nth-child(2) h5{padding:10px;}
  #style_detail .salon_div > div:nth-child(2) p{padding: 0 10px;}
  #style_detail .salon_div > div:nth-child(2) img{width: 20%;margin:0;}
  #style_detail .salon_div > div:nth-child(3){width: 100%;padding-left:10px;padding-right: 10px;}
  #style_detail .salon_div > div:nth-child(2) .des{width: 80%;padding: 0;}
  #style_detail .salon_div > div:nth-child(2) .des a{margin-top: 0;}
  #style_detail .salon_div .info .button_phone{margin-bottom:0;width: 50%;float: left;}
  #style_detail .salon_div .info .button_computer{width: 50%;float: left;}
}
/*--------------------------
  Multi
----------------------------*/
/*button*/
.tel_k{background: url('../../img/blog/ico_tel.png') no-repeat 15px 10px #009A53;width: 100%;height: auto;display: block;text-align: center;color: white !important;padding: 5px 0 5px 25px;font-size: 15px;margin-top: 10px;background: url('../../img/blog/ico_tel.png' no-repeat 0 10px);}
.web_k{background: url('../../img/blog/ico_computer.png') no-repeat 15px 10px #FD8DB3;width: 100%;height: auto;display: block;text-align: center;color: white !important;padding: 5px 0 5px 25px;margin-top: 10px;}
/* margin */
.mar0{margin: 0;}
/* post_content */
.post_content{padding-top: 40px; }
/* socical section*/
.social{width: 100%;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 25px 0 15px 0;}
.social .arround{display: table;margin: 0 auto;}
.social .button {float: left;overflow: hidden;margin-right: 5px;margin-bottom: 4px;}
.social .button.facebook {margin-top: -5px;}
.social .button.twitter {width: 80px;}
.social .button.pocket {width: 90px;}
.social .button.google {width: 60px;}
.social .button.hatena {margin-right: 17px;}
/* width */
.w100{width: 100% !important;height: auto;}
@media (max-width: 767px) {
  .mobile_100{width: 100% !important;}
  .social .facebook{width: 58%; text-align: right;}
  .social .button.twitter{width: 48%; text-align: left;width: auto}
  .social .button.pocket{width: 48%; text-align: right;}
  .social .button.pocket iframe{width: 90px; float: right;}
}
@media (max-width: 380px) {
    .social .button.pocket{width: 42%;}
}
/*button*/
.btn_web{background: #FD7DA3 url('../../img/common/ico/ico_computer.png') no-repeat 20px 10px ; background-size: 19px 16px;padding: 10px 20px 10px 50px;border-radius: 10px;color:white;}
.readmore_yellow{background:#A07E43 url('../../img/common/ico/ico_target_white.png') no-repeat 25% 7px;background-size: 6px 12px;padding: 5px 0; width: 180px;color: white !important; display: block;margin:0 auto;text-transform: uppercase;font-size: 13px;text-align: center;}
.readmore_yellow:hover{background-color:#009a53;color: white}
/* background */
.bg_orange{background-color: #F39800 !important}
.bg_grey{background-color: #CCCCCC !important ;}
.bg_pink{background-color: #FD7DA3 !important;}
.bg_green{background-color: #008A52 !important;}
.bg_yellow{background-color: #DBC287 !important}
.bg_red{background-color: #e74242 !important}
.bg_blue{background-color: #1e79cd !important}


/* icon */
.ico_next_green{background:url('../../img/common/ico/ico_next_pink.png') no-repeat 10px 0;background-size:7px 13px;padding-left: 25px;}
.ico_computer{background-image: url('../../img/common/ico/ico_computer.png');background-position: 10px 12px; background-repeat: no-repeat; background-size: 18px 16px; padding-left: 35px !important;}
.ico_arrow_white{background: url('../../img/common/ico/ico_next_white.png') no-repeat 0 3px;background-size: 6px 15px;}
.ico_arrow{padding-left: 10px;background: url('../../img/style/ico_arrow.png') left center no-repeat;}
.ico_arrow_yellow{padding-left: 20px;background: url('../../img/style/ico_arrow_yellow.png') 10px 5px no-repeat;}
.ico_target_yellow{background:url('../../img/common/ico/ico_next_yellow.png') no-repeat left center;background-size: 4px 8px; padding-left: 10px;}
.ico_map{background: url('../../img/common/ico/ico_map.png') no-repeat 10px center;padding-left: 30px;}
.arrow-left, .arrow-right{width: 0;height: 0;border-top: 7px solid transparent;border-bottom: 7px solid transparent;display: inline-block;position: relative;top: 2px;}
.arrow-left {border-right: 10px solid black;}
.arrow-right {border-left: 10px solid black;}
.arrow-bottom {width: 0;height: 0;border-right: 7px solid transparent;border-left: 7px solid transparent;display: inline-block;border-top: 10px solid black;}
/* add on button */
.button_phone, .button_computer , .button_readmore_1{color:white;}
.button_phone{background:#666666;color:#FFF !important;display: block; width: 100%;text-align: center; height:30px; font-size: 15px;color:white;position: relative;}
.button_phone span{letter-spacing: 1px; padding-left: 25px;color:#FFF !important;position: absolute;left: 50%;top:50%;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);background:url('../../img/common/ico/ico_phone_white.png') no-repeat center left;background-size: 15px;width:120px;margin-left: -7px;font-size: 13px;}
.button_computer{background:#FD7DA3;color:#FFF !important;display: block; width: 100%;text-align: center; height:30px; font-size: 15px;color:white;position: relative;}
.button_computer span{ padding-left: 25px;position: absolute;left: 50%;top:50%;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);background:url('../../img/common/ico/ico_computer.png') no-repeat center left;background-size: 19px 16px;width:140px;font-size: 13px;}
.button_readmore_1{font-family: 'Montserrat',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; letter-spacing: 1px; font-weight:bold;text-transform: uppercase;width: 100%;display: inline-block;color:#464646;text-align: center;border-top: 1px solid #EBEBEB;border-bottom: 1px solid #EBEBEB; height: 40px; line-height: 40px; position: relative; font-weight: normal;}
.button_readmore_1 span{padding-left: 10px;position: absolute;left: 50%;top:50%;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);background:url('../../img/common/ico/icon_next_black.png') no-repeat center left;background-size: 7px 13px;width:55px;font-size: 13px;}
.button_readmore_2{font-weight:bold; width: 100%;display: inline-block;background:#fb7ea2;text-align: center;border-top: 1px solid #EBEBEB;border-bottom: 1px solid #EBEBEB;height: 30px; line-height: 30px;position: relative;}
.button_readmore_2 span{color:white;padding-left: 10px;position: absolute;left: 50%;top:50%;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);background:url('../../img/common/ico/ico_next_white.png') no-repeat center left;background-size: 5px 11px;width:80px;font-size: 13px;}
.button_phone_yellow,.button_computer_yellow{display: table;border:1px solid #FFF;color: white}
.button_phone_yellow:hover,.button_computer_yellow:hover{color: inherit;}
.button_phone_yellow > span,.button_computer_yellow > span{display: table-cell;text-align: center;vertical-align: middle;padding: 10px;font-size: 20px;}
.button_phone_yellow > span span{background:url('../../img/common/ico/ico_phone_yellow.png') no-repeat left center;}
.button_computer_yellow > span span{background:url('../../img/common/ico/ico_computer_yellow.png') no-repeat left center; }
.button_phone_yellow > span span, .button_computer_yellow > span span{background-size: 26px 22px;padding-left:35px;}


#add_on_buttons a{float: left;width: 48.5%;margin-left: 3%;padding:70px 0; text-align: center;font-size: 35px;}
#add_on_buttons a:nth-child(1){margin-left:0;}
#add_on_buttons a:hover{color:white;}

@media (min-width: 991px) and (max-width: 1200px) {
  .button_phone span{width: 110px;padding-left: 15px;background-size: 12px;margin-left: 0px;}
  .button_computer span{font-size: 12px;padding-left: 15px;margin-left: 7px;}
}
@media (min-width: 767px) and (max-width: 991px) {
  .button_phone span{font-size: 10px;padding-left: 15px;width: 85px;background-size: 12px; margin-left: 0px;}
  .button_computer span{font-size:9px;width: 100px;background-size: 13px 10px;padding-left: 15px;margin-left: 2px;}
}
@media (max-width: 767px){
  #add_on_buttons a{width: 100%; padding-top:5px; padding-bottom: 5px;margin-left: 0;font-size: 20px;margin-top:17px;}
  #add_on_buttons .container{padding:0;}
}