@charset "utf-8";
/*!
Theme Name: Smiley＠BLOG light
Theme URI: https://beauty-salon.me/
Author: CREEKCOM
Author URI: https://www.creekcom.co.jp/
Description: 美容室専用ブログ式ホームページ
Version: 2.1.2
Tested up to: 5.4
Requires PHP: 5.6
License URI:https://beauty-salon.me/
Text Domain: smileyblog-l
*/

html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%;}
body{margin:0;color:#4e342e;font-size:100%;transition-duration:0.8s;transition-property:opacity;height:100%;word-break:break-all;}
body,button,input,select,textarea{font-family:"Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, MS PGothic, sans-serif;letter-spacing:0.08em;}
*, *:after, *:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h1,h2,h3{margin:0px;padding:0px;font-weight:normal;}
h1,h2{text-align:center;padding:100px 20px 0;}
h1{font-size:1.2em;}
h2,h3{font-size:1em;}
img{border:0;margin:0;padding:0;vertical-align:bottom;max-width:100%;height:auto;}
ul,li{margin:0px;padding:0px;list-style-type:none;}
p{margin:0;line-height:150%;font-size:0.9em;}
.clear{clear:both;}
.clearfix:after{content:" ";display:block;clear:both;}
a{text-decoration:none;}
#pankuzu a,.rows3box .item a,.rows4box .item a,.rows3box .item h2,.rows4box .item h2,.sidebox li a,.sidemenu li a,.sidenav li a,#prev-next a,#footer li a{color:#4e342e;}
#pankuzu a:hover,.rows3box .item a:hover h2,.item a:hover p,.sidebox li a:hover,.sidemenu li a:hover,.sidenav li a:hover,#prev-next a:hover,#footer li a:hover{opacity:.5;-webkit-opacity:.5;-moz-opacity:.5;}
#pankuzu a,.item a p,.rows3box .item h2,.sidebox li a,.sidemenu li a,.sidenav li a,#prev-next a,#footer li a{-webkit-transition:opacity .5s ease-out;-moz-transition:opacity .5s ease-out;-ms-transition:opacity .5s ease-out;transition:opacity .5s ease-out;}
.entrybox a{color:#996633;}
a:active{color:#960;}
.sidemenu li.active a,.sidemenu li.current-cat a,#footer li.active a{color:#c18787;}
.sidenav li.current-cat{background-color:#7ca0c5;}
.sidenav li.current-cat a{color:#FFF;}
.padtop30{padding-top:30px}
.padbttm20{padding-bottom:20px}
.padbttm30{padding-bottom:30px}
.marginbttm30{margin-bottom:30px}
.align-c{text-align:center}
.a-center,.aligncenter{text-align:center;}
.a-right,.alignright{text-align:right;}
.a-left,.alignleft{text-align:left;}
.imgborder img{border:#CCC 1px solid;}
.orange{color:#F60;}
/*wp editor*/
.has-cyan-bluish-gray-color{color:#abb8c3;}
.has-white-color{color:#fff;}
.has-pale-pink-color{color:#f78da7;}
.has-vivid-red-color{color:#cf2e2e;}
.has-luminous-vivid-orange-color{color:#ff6900;}
.has-luminous-vivid-amber-color{color:#fcb900;}
.has-light-green-cyan-color{color:#7bdcb5;}
.has-vivid-green-cyan-color{color:#00d084;}
.has-pale-cyan-blue-color{color:#8ed1fc;}
.has-vivid-cyan-blue-color{color:#0693e3;}
.has-vivid-purple-color{color:#9b51e0;}

#hdr-wrap.home{min-height:600px;}
#hdr-wrap.sub{min-height:160px;background:url(../../../images/bg_header.jpg);background-size:cover;}
#hdr{width:100%;position:relative;}
#hdr #sign{max-width:1200px;margin:0 auto;}
#sign-inner .txtlogo{}
#sign-inner a.txtlogo {padding:20px 10px 0;color:#FFF;font-size:20px;display:block;line-height:22px;letter-spacing:normal;}
.home #hdr #sign{height:600px;}
.sub #hdr #sign{height:160px;position:relative;z-index:2;}
.sub #hdr-inner{position:relative;}
.sub #hdr-inner:before{content:"";position:absolute;width:100%;height:100%;background:url(../../../images/filter.png) repeat left;z-index:0;}
.home #hdr #sign-inner{padding:100px 20px 0;/*min-height:240px;*/}
.sub #hdr #sign-inner{padding:20px 60px 0 20px/*;min-height:160px;*/}
#hdr #sign-inner span{display:block;padding:5px 0 0 10px;font-size:0.8em;color:#FFF;}
#hdr #sign-inner span a{text-decoration:none;color:#FFF;}
#btn-contact{position:absolute;text-align:center;width:100%;animation:fadeIn 3s ease 0s 1 normal;-webkit-animation:fadeIn 3s ease 0s 1 normal;}
.sub #nav{position:relative;z-index:2;}
@keyframes fadeIn{0%{opacity:0}
 100%{opacity:1}
}
@-webkit-keyframes fadeIn{0%{opacity:0}
 100%{opacity:1}
}
.home #btn-contact{top:450px;}
.sub #btn-contact{top:220px;}
#hdr #nav ul{margin:0px;padding:0px;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
#hdr #nav li{font-family:'Open Sans', sans-serif;text-align:center;}
#hdr #nav li a{display:block;padding:0.5em;color:#74645c;}
#hdr #nav li a span{display:none;}
#hdr #nav li.active a{color:#bea082;}
nav.spmenu{position:fixed;z-index:2;top:0;left:0;right:0;transform:translateY(-100%);transition:all 0.6s;padding:0 10px;}
nav.spmenu.active{transform:translateY(0);padding:60px 0 30px;background-color:rgba(243,243,243,.96)}
.burger{display:block;position:fixed;right:13px;top:12px;width:42px;height:42px;cursor:pointer;z-index:3;text-align:center;}
.burger span{display:block;position:absolute;width:30px;border-bottom:solid 3px #eee;-webkit-transition:.35s ease-in-out;-moz-transition:.35s ease-in-out;transition:.35s ease-in-out;left:6px;}
.burger span:nth-child(1){top:9px;}
.burger span:nth-child(2){top:18px;}
.burger span:nth-child(3){top:27px;}
.burger.active span:nth-child(1){top:18px;left:6px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}
.burger.active span:nth-child(2),.burger.active span:nth-child(3){top:18px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);}
.burger.active span{border-bottom-color:#666;}
nav.spmenu .nav-info{display:none;}
nav.spmenu.active .nav-info{display:block;font-size:12px;border:#bea082 dotted 1px;margin:10px 5%;padding:10px;border-radius:10px;}
.nav-info .tel{text-align:center;font-size:20px;font-weight:bold;padding-top:10px;color:#bea082;}
.nav-info .eigyo{text-align:center;letter-spacing:normal;}
#hdr.switch{position:fixed;z-index:3;min-height:60px;top:0px;}
#hdr.switch #sign{height:0px;}
#hdr.switch #sign-inner{padding:0;}
#hdr#hdr.switch #sign-inner span{display:none;}
#hdr.switch #sign-inner img{margin:10px 0 0 10px;max-height:35px;width:auto;}
#hdr.switch #btn-contact{display:none;}
.sub #hdr.switch #hdr-inner:before{content:none;}
#hdr,#hdr img,#nav ul li,#nav ul li a{transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;}
#footer{background-image:url(../../../images/bg_footer.jpg);background-repeat:repeat-x;display:block;background-position:left top;padding-bottom:20px;}
address{font-size:0.8em;font-style:normal;text-align:center;line-height:150%;padding:70px 20px 0px;}
address a{text-decoration:none;color:#74645c;}
span.name{display:block;font-size:1.5em;padding:10px 0; font-weight:bold;letter-spacing:normal;}/*初期ver*/
#tenmei{display:block;font-size:1.5em;padding:10px 0; font-weight:bold;letter-spacing:normal;}
#sns{padding:10px 0 5px;}
#sns img{margin:8px;}
#copyright{text-align:center;padding:5px 10px;font-size:12px;letter-spacing:normal;}
#copyright a{color:#4e342e;}
#copyright span{display:block;}
#pankuzu{max-width:1170px;margin:0 auto;padding:10px 20px;}
#pankuzu ul{display:table;font-size:12px;}
#pankuzu ul li{margin:0 5px 0 0;font-size:12px;float:left;}
#pankuzu ul li:nth-child(n + 2):before{padding:0 5px 0 0;content:"»";font-size:13px;}
#container{background:#FFF;}
.white{color:#f3f3f0;}
.line{border-bottom:#CCC 1px dotted;padding-bottom:5px;margin-bottom:15px;}
.ttlwrap{text-align:center;padding:15px 0 15px;}
.ttlcap{font-family:'Open Sans', sans-serif;position:relative;display:inline-block;padding-top:15px;font-size:12px;}
.ttlwrap .ttlcap:after{content:"";position:absolute;left:0;right:0;top:0;border-top:1px solid #555;width:80%;margin:0 auto;}
.white .ttlwrap .ttlcap:after{border-top:1px solid #f3f3f0;}
.txtbox h2,.catch{font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E;font-size:1.3em;margin-bottom:30px;padding:0 20px;text-align:left;line-height:150%;}
.txtbox h2:first-letter,.catch:first-letter{font-size:1.5em;}
.txtbox,.resultsbox{max-width:700px;margin:0 auto;padding:40px 30px 50px;}
.resultsbox h2{padding-top:10px;text-align:left;}
.resultsbox a{ text-decoration:underline;}
.resultsbox p{ display:block; padding:10px 0; margin-bottom:10px; border-bottom:#CCC dashed 1px;}
.resultsbox form .search-field{max-width:400px; width:100%;margin:3px 0;}
.resultsbox form .search-submit{ float:right; padding:1px 15px;margin:3px 0;}
.txtbox p{line-height:190%;}
.txtbox ul.list li{margin-left:15px;padding:0.2em 10px;list-style-type: circle;line-height:190%;font-size:0.9em;}
.txtboxwrap{width:100%;position:relative;}
.txtboxwrap h2{z-index:1;position:relative;}
.txtboxwrap.parallax{ padding-top:40px;}
.txtboxwrap.parallax:before{content:"";position:absolute;width:100%;height:100%;background:url(../../../images/filter.png) left top,url(../../../images/parallax.jpg) center top / cover;z-index:0;}
.col2.aboutus{max-width:760px;margin:0 auto;}
.col2.menu{max-width:1100px;margin:0 auto;}
.col2 .box{padding:70px 15px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.col2.menu .box{ padding-bottom:0px;}
.col2.aboutus .box div{padding:0 15px 30px;}
.col2.aboutus .box .photo{width:35%;}
.col2.aboutus .box .txt{width:65%;}
.col2.aboutus .txt p{line-height:2em;}
.col2.aboutus .txt p:nth-child(2){padding-bottom:1em;font-size:1.1em;line-height:1.5em;}
.col2.aboutus .txt p:nth-child(2) span{font-size:0.8em;}
.col2.menu .box div{padding:0 15px;width:100%;}
.col2.menu h3{text-align:center;padding:20px 0;font-family:'Open Sans', sans-serif;}
.col2 .box table{width:100%;padding-bottom:30px;}
.col2 .box table td{padding:10px 5px;border-bottom:#CCC 1px dotted;vertical-align:bottom;}
.col2 .box table td span{display:block;font-size:0.7em;padding-top:5px;}
.col2 .box table td:last-child{text-align:right;width:110px;letter-spacing:normal;}
.tax-txt{text-align:right; padding:0 10px 30px;letter-spacing:normal; font-size:0.8em;}
.txtboxwrap .col3 h2{padding-top:50px;}
.txtboxwrap .col3{position:relative;padding:50px 20px;z-index:1;}
.txtboxwrap .col3 .item .ttlwrap{margin-bottom:30px;}
.txtboxwrap .col3 img{float:left;margin-right:20px;max-width:40%;border-radius:10px;}
.txtboxwrap .col3 p:after{content:" ";display:block;clear:both;}
#blogheadline{padding:0 2%;max-width:1200px;margin:0 auto;}
#blogheadline .rows4box{padding-top:30px;}
.link{padding:20px 0;text-align:center;}
.btn{display:inline-block;width:150px;height:30px;text-align:center;text-decoration:none;line-height:30px;outline:none;font-size:12px;color:#fff;font-weight:normal;border-radius:24px;}
.btn.w100{width:100px;}
.btn.w100.active{background-color:#82bf82;border:1px solid #82bf82;}
.btn:before,.btn:after{position:absolute;z-index:-1;display:block;content:'';}
.btn,.btn:before,.btn:after{-webkit-transition:all .3s;transition:all .3s;}
#pagetopwrap{width:100%;text-align:center;background-color:#FFF;padding:100px 0 20px;}
#pagetop{cursor:pointer;text-align:center;margin:0 auto;width:120px;padding:20px 0;position:relative;display:block;font-size:.8em;}
#pagetop:after{content:"";position:absolute;top:0;left:0;right:0;margin:auto;width:20px;height:20px;border-top:1px solid #333;border-right:1px solid #333;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;}
#pagetop:hover:after{top:-6px;}
#pagetop:hover{color:#af5a43;}
#photobox h2{text-align:center;margin-bottom:50px;}
#photobox .inner,.salon-img,.columns-3 ul,.wp-block-columns,.col3child1,.col4{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto;}
.columns-3 figure{margin:0;}
#photobox .inner{max-width:1100px;padding:0 20px;}
.salon-img,.columns-3 ul,.wp-block-columns,.col3child1,.col4{max-width:890px;padding:30px 20px 0;}
#photobox .inner .item{margin:0;width:33.333333%;position:relative;overflow:hidden;}
#photobox .inner .item img{padding:5px;}
.salon-img .item,.columns-3 li,.col4 .item{margin:0 1% 15px;width:calc(49% - 1%);text-align:center;}
.col3child1 .item:first-child{margin:0 26% 15px;width:100%;text-align:center;}
.col3child1 .item:not(:first-child){margin:0 1% 15px;width:calc(49% - 1%);text-align:center;}
#yoyaku{width:100%;background-color:#FFF;padding:50px 0 20px;}
#yoyaku .inner{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;flex-direction:column;margin:0 auto;max-width:1100px;}
#yoyaku .inner .item{padding:30px 15px;text-align:center;border:#bea082 1px solid;border-radius:10px;margin:10px 30px;background:#f6f3f0;}
.yoyakutxt{max-width:280px;margin:30px auto 0;text-align:left;}
.yoyakutxt h3{font-size:1.2em;padding-bottom:20px;}
.yoyakutxt h3 a{color:#4e342e;}
#googlemap{max-width:1000px;margin:50px auto 0;height:500px;padding:10px;}
#googlemap iframe{-webkit-filter:contrast(100%) brightness(100%) saturate(100%) sepia(20%);filter:contrast(100%) brightness(100%) saturate(100%) sepia(20%);border:#CCC 1px solid;border-radius:10px;width:100%;height:100%;}
.mail{max-width:800px;margin-right:auto;margin-left:auto;}
.notetxt{font-size:0.8em;padding:15px;}
#col2wrap{display:block;padding:40px 2% 30px;max-width:1200px;}
#content{width:100%;margin:0;}
#side{width:100%;padding:0 20px;}
.archive{text-align:center;}
.archive select{margin:0 1%;color:#74645c;border:1px #999 solid;padding:5px 2px;width:46%; height:46px;}
.rows3box,.rows4box{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto;max-width:1200px;}
.rowslist{padding:0 20px;}
.rowslist .item{padding-bottom:20px;}
.rowslist .item .itemtxt{margin-left:100px;}
.rowslist .item .itemimg{float:left;width:100px;}
.rowslist .item:after{content:"";display:block;clear:both;}
.rows1box .item{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto;max-width:1200px;}
.rows3box .item,.rows4box .item{margin:0 1% 20px;width:calc(49% - 1%);}
.rows3box .item h2,.rows4box .item h2{font-weight:bold;padding:0 0 15px;text-align: left;}
.rows3box .item p,.rows4box .item p,.rows3box .item h2,.rows4box .item h2{display:block;max-width:240px;margin-right:auto;margin-left:auto;font-size:0.9em;letter-spacing:normal;}
.rows3box .item p.date,.rows4box .item p.date{font-size:0.8em;font-weight:normal;padding-top:10px;color:#555;}
.rowslist .item p.date{font-size:0.8em;}
.rows3box .item p.date span,.rows4box .item p.date span,.rowslist .item p.date span{position:relative;display:inline-block;top:0;left:6px;}
.rows3box .item p.date span:before,.rows4box .item p.date span:before,.rowslist .item p.date span:before{top:0;left:0px;padding-left:6px;width:1px;height:100%;display:inline-block;border-left:1px dotted #555;content:"";height:10px;}
.rows3box .itemimg,.rows4box .itemimg{max-width:240px;max-height:180px;height:auto;overflow:hidden;display:block;margin:0 auto;position:relative;}
.entrybox{padding:30px 20px 0;max-width:750px;}
.entrybox h1{font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E;padding:0 0 15px;font-size:1.5em;text-align:left;margin-bottom:1em;}
.entrybox .date{font-size:0.8em;padding-bottom:10px;}
.entrybox .cate{font-size:0.7em;text-align:right;padding-bottom:5px;}
.entrybox .cate a{margin-left:5px;display:inline-block;background-color:#bea082;padding:2px 5px;color:#FFF;letter-spacing:normal;}
.entrybox p{margin:1em 0;line-height:1.8em;font-size:0.95em;}
.entrybox figure{margin:0;padding-bottom:30px;}
.entrybox figure img{margin-bottom:20px;}
.entrybox figcaption{font-size:0.8em;text-align:center;}
#prev-next{padding:20px;max-width:750px;display:-webkit-flex;display:flex;flex-wrap:nowrap;-webkit-justify-content:space-between;justify-content:space-between;}
.prev,.next{padding:0;font-size:0.9em;letter-spacing:normal;border:#bea082 1px solid;width:48%;background-color:#f6f1ee;}
.bg-thum{position:relative;width:100%;background-size:cover;}
.bg-thum:before{content:"";display:block;padding-top:74%;}
.prev .bg-thum:after{position:absolute;top:0;left:0;content:"« PREV";width:50px;background:#bea082;color:#FFF;font-size:10px;text-align:center;}
.next .bg-thum:after{position:absolute;top:0;right:0;content:"NEXT »";width:50px;background:#bea082;color:#FFF;font-size:10px;text-align:center;}
#prev-next .inner{padding:10px 15px;}
#prev-next .inner .date{font-size:10px;}
#pageokuri{text-align:center;padding:30px 0}
.page-numbers{background:#bea082;border:#bea082 solid 1px;padding:5px 8px;margin:0 2px;font-size:14px;font-weight:bold;height:28px;}
a.page-numbers{color:#FFF}
.page-numbers.current{background:#f6f1ee;border:#bea082 solid 1px;color:#bea082;}
.tag{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;max-width:750px;padding:0 10px;}
.tag figure{margin:0 1% 10px;width:calc(24% - 1%);}
.tagttl{padding:10px 20px;}
#side h1,#side h2{padding:30px 0 20px;}
ul.sidemenu{margin-bottom:40px;}
ul.sidemenu li{display:block;padding:10px 0;border-bottom-width:1px;border-bottom-style:dashed;border-bottom-color:#555;}
ul.sidemenu li a{display:block;font-size:0.9em;}
ul.sidemenu li a span{display:block;font-size:0.7em;letter-spacing:normal;}
.oshirase{max-width:750px;margin:0 auto;padding:20px;}
.oshirase table,.oshirase td{border-spacing:0;}
.oshirase table{padding:0;border-collapse:separate;background:#bf82bf;border:#bf82bf 2px solid;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;overflow:hidden;}
.oshirase .ttl{padding:15px;text-align:center;color:#FFF;font-weight:bold;letter-spacing:normal;}
.oshirase .naiyou{padding:15px;line-height:150%;background:#fcfbf0;}
@media screen and (max-height:380px){
#hdr #nav ul{flex-flow:row wrap;justify-content:center;}
#hdr #nav li{width:50%;}
}
@media screen and (max-height:520px){
nav.spmenu.active .nav-info{display:none;}
}
@media screen and (max-width:360px){
#btn-contact{top:380px;}
.rows3box .item,.rows4box .item{margin:0 1% 20px;width:calc(99% - 1%);}
.tag figure{width:calc(32.333333% - 1%);}
}
@media screen and (min-width:641px){
.sp{display:none;}
#hdr-wrap.home{min-height:704px;}
#hdr-wrap.sub{min-height:264px;}
#hdr #sign{position:relative;}
#hdr #sign-inner{position:absolute;padding:0 0 0 4%;}
.home #hdr #sign-inner{bottom:45%;}
.sub #hdr #sign-inner{top:0;}
#hdr.switch #nav li a span,.burger{display:none;}
nav.spmenu{position:static;z-index:2;transform:none;transition:none;padding:0;}
#nav li{margin:0px;padding:0px;list-style-type:none;}
#hdr #nav{width:100%;background-color:#FFF;transition:3s background-color ease 0s;}
#hdr #nav .inner{max-width:1000px;margin:0 auto;}
#hdr #nav ul{margin:0;padding:0;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;flex-flow:nowrap;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:space-between;-webkit-box-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
#hdr #nav li{flex-grow:1;}
#hdr #nav li a{padding:2.5em 0.5em;height:105px;letter-spacing:0.2em;}
#hdr #nav li a span{display:block;font-size:12px;padding-top:5px;letter-spacing:normal;line-height:11px;}
#hdr #nav li a span{letter-spacing:normal;}
#hdr #nav li.active a span{color:#c18787;}
#hdr.switch{position:fixed;min-height:55px;}
#hdr.switch #hdr-inner{max-width:1200px;margin:0 auto;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;}
#hdr.switch #sign{position:static;display:block;height:55px;margin:0;}
#hdr.switch #sign-inner{position:static;display:block;}
#hdr.switch #sign-inner img{margin-top:5px;max-height:45px;width:auto;}
#hdr.switch #sign-inner span{display:none;}
#hdr.switch #nav .inner{max-width:initial;margin:0;}
#hdr.switch #nav li a{padding:21px .2em 20px .2em;font-size:14px;letter-spacing:normal;line-height:14px;color:#FFF;height:auto;}
#hdr.switch #nav{width:83%;padding-right:2%;background:none;transition:none;}
#hdr.switch #nav li{padding:0;}
#nav li a,.hoverline a{position:relative;display:inline-block;}
#nav li a:before,#nav li a:after{position:absolute;bottom:15px;content:"";display:inline-block;width:0;height:1px;background:#74645c;transition:.3s;}
#hdr.switch #nav li a:before,#hdr.switch #nav li a:after{background:#FFF;bottom:10px;}
#nav li a:before{left:50%;}
#nav li a:after{right:50%;}
#nav li a:hover:before,#nav li a:hover:after{width:30%;}
.txtbox{padding:40px 70px;}
.overview p a{display:block;padding:10px;margin-bottom:0;}
.overview p a:hover{padding-left:15px;}
.headlinebox p a:hover{transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;}
.overview p:after{border-left:5px solid #87bfc1;}
#copyright span{display:inline;}
#col2wrap{display:-webkit-flex;display:flex;margin:0 auto;padding:0px 2% 30px;max-width:1200px;}
#content{flex:1;margin:85px 3% 0 0;}
.rows4box .item{width:calc(32.33333333% - 1%);}
#side{width:30%;padding:0;}
.txtboxwrap .col3 h2{padding-top:50px;}
.txtboxwrap .col3{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin:0 auto;padding:50px 2% 100px;max-width:1200px;}
.txtboxwrap .col3 .item{flex:1;padding:0 3% 70px;position:relative;}
.txtboxwrap .col3 .item .link{position:absolute;bottom:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);padding:0;}
.txtboxwrap .col3 img{float:none;display:block;margin-right:0;max-width:100%;margin:0 auto 20px;}
.txtboxwrap .col3 p{max-width:560px;display:block;margin:0 auto;}
.txtboxwrap .col3 p:after{content:none;}
.txtboxwrap.parallax:before{background-attachment:scroll,fixed}
a.button{width:180px;}
#photobox a:before,.rows3box .itemimg:before,.rows4box .itemimg:before{content:"";position:absolute;height:500px;width:400px;background:#fff;opacity:.5;-webkit-transition:.6s ease-out;transition:.6s ease-out;transform:rotate(-45deg);}
#photobox a:before{bottom:-205px;left:-480px;}
.rows3box .itemimg:before,.rows4box .itemimg:before{bottom:-220px;left:-480px;}
#photobox a:hover:before{left:10px;}
.rows3box a:hover .itemimg:before,.rows4box a:hover .itemimg:before{left:0px;}
#photobox a:hover:after,.rows3box a:hover .itemimg:after,.rows4box a:hover .itemimg:after{content:"VIEW MORE";font-size:0.8em;position:absolute;text-align:center;white-space:nowrap;left:50%;top:50%;min-width:60%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);padding:10px 20px;color:#FFF;letter-spacing:normal;animation:none;}
#photobox .inner .item{width:20%;}
#photobox .inner .item img{padding:10px;}
.salon-img,.columns-3 ul,.wp-block-columns{padding:50px 20px 0;}
.salon-img .item,.columns-3 li,.wp-col3 .wp-block-column,.col3child1 .item:first-child,.col3child1 .item:not(:first-child){margin:0 1% 15px;width:calc(32.333333% - 1%);text-align:center;}
.wp-col2 .wp-block-column{margin:0 1% 15px;width:calc(49% - 1%);text-align:center;}
.col4 .item{margin:0 1% 15px;width:calc(24% - 1%);text-align:center;}
.col2.aboutus .box .photo{width:50%;}
.col2.aboutus .box .txt{width:50%;}
#yoyaku .inner .item{position:relative;padding-bottom:90px;}
#yoyaku .inner .item .link{ position:absolute; bottom:20px; left:50%;transform: translateX(-50%);}
#yoyaku .inner{flex-direction:row; padding:0 1%}
#yoyaku .inner.col1 .item{margin:30px 10%;width:100%;}
#yoyaku .inner.col2 .item{margin:30px 3%;width:calc(50% - 6%);}
#yoyaku .inner.col3 .item{margin:30px 1%;width:calc((100% / 3) - 2% ) ;}
.yoyakutxt{max-width:250px;margin:30px auto 0;}
.yoyakutxt h3 a{color:#74645c;}
.col2.aboutus .box div{width:50%;}
.col2.menu .box div{padding:50px 30px;width:50%;}
}
@media screen and (min-width:1001px){
#hdr.switch #nav{width:auto;margin-left:auto;}
#hdr.switch #nav li{padding:0 10px;}
#side{width:280px;}
.rows3box .item{width:calc(32.33333333% - 1%);}
.rows4box .item{width:calc(24% - 1%);}
.tag figure{margin:0 1% 15px;width:calc(19% - 1%);}
.bg-thum{width:130px;height:97px;}
.bg-thum:before{content:none;}
.prev .bg-thum{float:left;}
.next .bg-thum{float:right;}
#prev-next .inner{overflow:hidden;}
}