:root {
--primary-font: "Helvetica Neue", "Helvetica", "Meiryo","Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial",  sans-serif;
--secondary-font: var(--primary-font)!important;
--theme-font:"Bellota","Helvetica Neue", "Helvetica","Meiryo", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif;
--primary-color:#64d1db; --primary-font-color:#262525;
--theme-color-pink:#f97777;
}
.has-pale-cyan-blue-background-color { background-color:var(--primary-color); }
.wp-block-button__link { font-size:1em; text-decoration:none!important; }
body { color:var(--primary-font-color);}
.h2 {
padding:.4em .2em; margin-bottom:2em; line-height:1.2;
font-weight:normal!important; text-align:center; background:#fff9e9;
}
h3 { font-size:1.4em; line-height:1.2; position:relative;}
h4 {
border-bottom: 2px solid var(--primary-color); line-height:1.2;
display: inline-block; position:relative;
}
h5, .h5 .wp-element-caption { 
font-size:1em!important; font-weight: normal; line-height:1.2;
display: inline-block;
padding: 0.6rem 0.8rem 0.4rem!important;
color: #fff!important; background: var(--primary-color)!important;
}
.h5 .wp-element-caption { margin-bottom:-2em!important; }
h6 { font-size:1em; color:var(--primary-color); line-height:1.2; }
ol,ul { margin-left:1em; padding-left: 0.5em; }
ol { padding-left:1.5em; }
ol li { margin-bottom:.8em; }
figure { margin-top:0; }
a { position:relative; }
i { font-style:normal; }
i:not(.pink) {}
small { line-height:1; }
address { font-style:normal; }
em { font-style:normal; border-bottom: 5px solid #fcf69d; }
.font-normal { font-style:normal!important; }
.theme-font{ font-family:var(--theme-font); }
.pink { color:var(--theme-color-pink); font-weight:normal; }
.purple { color:#FFFFFF; font-weight:normal; }
.txtC { text-align:center; }
.w980 { max-width:980px; margin:0 auto; }
.w500 { max-width:500px; margin:0 auto; }
.m00 { margin:0!important; }
.mTop2 { margin-top:2em!important; }
.mTop4 { margin-top:4em!important; }
.wp-block-button a:hover { color: #fff!important; }
.itemsTop .is-layout-flex{ align-items:start!important; }
a.btn-readmore, a.btn-cta { padding-top:14px; padding-bottom:14px; }
.d-none{ display: none;}
.ala-flx-s{ align-items: flex-start !important;} .flex-unGrow { justify-content:center; }
.flex-unGrow .wp-block-column{ flex-basis: auto!important;flex-grow: unset!important; width:auto; } .priceTble .wp-element-caption,
.priceTble table td { font-size:.85em; }
.priceTble table td:first-child { width:30%; }
.priceTble table td:last-child { width:15%; text-align:right; }
.priceTble table { margin-bottom: 0;} .section-firstfaical {
margin: 0 auto 1em; padding: 1.5em 1.5em .5em 2em;
font-size: 90%; background:#fceeee;
}
.section-firstfaical .wp-block-columns { padding-top:1em; border-top:2px solid #fff; } .note {
margin: 2em auto; padding: 1.5em 1.5em 1em 2em;
font-size: 90%; background: #fcf8ee;
}
.note h5 { width:100%; margin-bottom:-1em!important; text-align:center; } .staff-comment {
padding: 1em 1.5em 1em 2em;
font-size: 0.85em;
max-width: 800px;
margin: 0 auto 3rem;
border:5px double #ccc; border-radius: 5px
}
.staff-comment .wp-block-image { margin-right:1.5em;} .oneday{
max-width: 800px;
margin: 0 auto 3rem;
border-radius: 16px;
padding: 1rem;
border: 6px double #64d1db;
background-color: #fffff5;
} a.btn-pink {
display:inline-block;
padding:1em 2.5em 1em 1em; margin-bottom:.8em;
line-height:1em;
background:var(--theme-color-pink); color: #fff!important;
border-radius:10px;
text-align: center; text-decoration:none!important;
}
a.btn-pink::after {
content: "";
width:.5em; height:.5em;
position:absolute; right:1em; top:1.25em;
border-top:2px solid #fff; border-right:2px solid #fff;
transform: rotate(45deg);
}
a.wp-block-button__link{
display:inline-block;
padding:1em 2.5em 1em 1em;
line-height:1em;	
color:#fff!important;
border-radius:10px;
text-align:center; text-decoration:none!important;
}
a.wp-block-button__link::after {
content: "";
width:.5em; height:.5em;
position: absolute; right:1em; top:1.25em;
border-top:2px solid #fff; border-right:2px solid #fff;
transform:rotate(45deg);
} .contactBox{ 
padding:1em 1em .8em; margin-top:2em; 
background:linear-gradient(134deg,rgb(255 216 216) 10%, rgb(255 253 248) 50%,rgb(255 216 216) 100%); 
}
.contactBox a{ 
font-size:2em; 
color:var(--theme-color-pink)!important; text-decoration:none!important;
}
.contactBox a:hover { text-decoration:underline!important;} .section-price p {margin:0 auto; max-width:600px; }
.section-price .cath_txt { font-size:clamp(1.8vw, 1.5em, 2em); color:#fff; background:var(--primary-color); }
.priceBox { padding:1em 0; font-size:2em; line-height:1; text-align:center; background:#fff; box-shadow:#ddd 1px 1px 5px; }
.priceBox i { font-size:clamp(2.2em, 1.5em, 10vw);}
.section-price,
.bg_pink_grade {
position:relative;
padding:1em; margin:4em auto 1em;
background:linear-gradient(134deg,rgb(227 255 249) 0%,rgb(255 254 249) 30%,rgb(255 213 224) 100%);
text-align: center;
}
.bg_pink_grade table { margin-bottom:.5em; }
.bg_pink_grade tr { text-align:center; background:none!important; border-bottom:1px solid #f8c7c7; }
.bg_pink_grade td { line-height:1; }
.icon-recommend { position:absolute;left: 3vw; top:-5vh; width:16vw; max-width:200px; } .bg_skew_dot{
padding: 0.8rem .5em .5rem;
margin-bottom:1.5em;
position:relative;
font-size:clamp(1.6em,2.8vw,2.2em); font-weight:normal;
text-align:center;
background-color:#f9ffff;background-image: radial-gradient(#d4e6e6 20%, transparent 20%), radial-gradient(#d1e6e5 20%, transparent 20%); background-size: 10px 10px; background-position: 0 0, 5px 5px;
}
.bg_skew_dot::before {
width: .5em; height: 100%;
content: "";
position: absolute; top: 0; left: 0;
border:1px solid #c0e5e8; border-right:none;
}
.bg_skew_dot::after {
width: .5em; height: 100%;
content: "";
position: absolute; top: 0; right: 0;
border: 1px solid #c0e5e8; border-left:none;
} .bg_skew_border{
position:relative;
display:inline-block;
z-index:1;
text-align:center;
font-weight:normal; font-family:var(--theme-font);
}
.bg_skew_border::before {
position:absolute; bottom:-.3em; left:-2%;
z-index:-1; content:""; width:104%; height:.3em;
background-image:repeating-linear-gradient(-45deg, #64d1db, #64d1db 4px, transparent 0, transparent 8px);
} ol li::marker {
color:var(--theme-color-pink);
font-family:var(--theme-font); font-size:1.3em;
} .checkmark ul { margin:0; padding:0; }
.checkmark li{
list-style:none;
position: relative;
padding-left: 15px;
}
.checkmark li:before {
content: ""; position: absolute; top: .5em; left: 0;
-webkit-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg);
width: 5px; height: 10px;
border-right:2px solid #8b6b4e; border-bottom:2px solid #8b6b4e;
} dl { max-width:880px; margin:0 auto; }
dt i, dd i { font-family:var(--theme-font); font-size:1.8em; }
dt i { color:var(--primary-color); }
dd i { color:var(--theme-color-pink); } .menulist-items { 
margin-top:5em;
padding:1.2em 0.5em 2em;
background:#f0faf9; text-align:center;
}
.menulist-items ul {
display:flex; justify-content:center;
list-style: none;
margin:0; padding:0;
}
.menulist-items li {
margin-right:1em; 
background:#fff;
border-radius:10px; border:1px solid var(--primary-color);
}
.menulist-items li a {
display:inline-block; position:relative;
padding:1em 1.8em .9em 1em;
color:#4fafb8; text-decoration: none!important;
line-height:1.2;
}
.menulist-items li a::after {
position: absolute;
top: 1.3em; right: 0.5em;
width: 0.5em; height: 0.5em;
border-right: 1px solid var(--primary-color);  border-bottom: 1px solid var(--primary-color);
content: "";
transform: rotate(-45deg);
} .nav-wrap { padding:15px; justify-content: center; border-radius: 2px; }
.nav-wrap .main-navigation { flex:none ;}
.nav-wrap .nav-right { display: none; }
.main-navigation ul li,
.main-navigation ul ul li { font-size:1em; font-weight:normal; line-height:1.4; }
.main-navigation ul li ul { width:280px; }
.main-navigation ul li:hover>ul, 
.main-navigation ul li.focused>ul { top: calc(100% + -1px); }
.site-banner .banner-caption { background:rgba(0, 0, 0, 0.1); }
header.page-header{
padding-top: 13vh;
padding-bottom: 12vh;
background-position:center center;
}
header.page-header::after {
background:rgb(27 55 58 / 50%);
}
.single header.page-header {
min-height: 450px;
background-size: inherit;
}
.wp-block-heading img { vertical-align: middle; }
.section-title { 
margin:1rem 0 3rem; 
font-style:var(--primary-font)!important; 
} #primary { width:100%; }
.rightsidebar #primary { width:80%; }
.rightsidebar #secondary { width:20%; }
.entry-meta { display:none; } @media screen and (min-width: 768px){
.site-banner .banner-caption .banner-caption-inner { max-width: 80vw; }
.site-banner .banner-caption .title { text-shadow: 0 1px 10px #a5a5a5; }
}
@media screen and (max-width: 767px){
.site-banner .banner-caption .title { font-size: 1.8em; color: var(--primary-color); }
.site-banner .banner-caption { background: rgb(216 244 255 / 40%); }
#banner_section .container,
#blog_section .container { max-width:97vw; }
#blog_section img.wp-post-image { width:80%; }
#blog_section { margin-bottom:0; }
section.service-section.style-1{ padding-top:2em; }
}
body.home #page { display: flex; flex-direction: column; }
.responsive-nav { order:0; }
body.home #masthead { order:1; }
body.home #banner_section { order:2; }
body.home #service_section { order:3; }
body.home #service_section .grid{ grid-template-columns: repeat(2, 1fr);}
#service_section img { border-radius: 1em; border: 0.5em solid #fff; }
#service_section a { color:#1c1d1d!important; }
body.home #cta_section_two { order:6; }
body.home #cta_section_two .widget_text { margin:0 auto; padding:4em 1em; max-width:1170px; }
body.home #cta_section_two .widget_text .textwidget { margin:3em 0; max-width:1170px; }
body.home #cta_section_two .widget_text .textwidget li { display:flex; }
body.home #cta_section_two li img { margin:0 1.5em 1em 0; flex-basis: 40%; width: 40%; height:100%; }
body.home #about_section { order:4; }
body.home #about_section h3 { font-weight:normal; color:var(--theme-color-pink); }
#about_section a { 
display:block; padding:1em;line-height:1em;
background:var(--theme-color-pink); color:#fff;
border-radius:1em; text-align:center; text-decoration:none;
}
body.home #blog_section { order:5; }
#blog_section .grid article.post { border-radius:1em; }
#blog_section .post-thumbnail { border-radius:1em 1em 0 0; }
#blog_section .post-thumbnail .category { z-index:99; }
#blog_section span.category a { background: #817451!important; }
body.home #colophon { order:7; }
section.service-section.style-1 .widget_bttk_icon_text_widget,
.recent-post-section .grid article{ border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: none; }
.wp-block-table td, .wp-block-table th { border-color:#ddd;}
.wp-block-table.is-style-stripes { border:none; }
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: #faf7f0; } .site-footer { background: #0d889b url(//beleza-salon.com/img/common/footer_3018.webp) 0 center; background-size:cover; } .site-footer iframe { border: 8px solid #fff!important; border-radius: 5px; }
.site-footer .widget a:hover { color:#fff !important; }
.site-footer .widget a,
.site-footer .widget .widget-title,
.site-footer .widget_text .textwidget { color:#fff; font-weight:normal; text-decoration:none!important; }
.site-footer .widget .widget-title { padding:0; color:#fff; font-size:2.6em; font-family:var(--theme-font); }
.site-footer .widget .widget-title::after { background:none; }
.site-footer .footer-b { background:none; } .footer-b { display:none; }
.site-footer .footer-c { color:#fff; background:none; } @media screen and (max-width: 1024px) {
#masthead { position: fixed; z-index: 999; width: 100%; background: #fff;}
#masthead .header-main img { height: 50px!important; }
#masthead .container { padding: 0 !important; }
header.page-header { margin-bottom:5vh; margin-top:70px; }
.single header.page-header { min-height:300px; }
.header-main img { height:50px; }
.nav-wrap { top:8px!important; }
.single .rightsidebar #primary { width:100%; }
.container,
.widget_blossomtheme_companion_cta_widget .blossomtheme-cta-container,
.widget_blossomtheme_companion_cta_widget .centered .blossomtheme-cta-container { max-width: 96vw; }
header.site-header>.container { padding-bottom:0; }
.header-main { padding:10px 0; }
.header-main img { height:60px; width:auto; }
.nav-wrap {
padding:5px 5px 5px 0px; 
width:60px; display:inline-block;
top:0; right:0!important; left:auto!important;
}
.main-navigation button.toggle-btn { padding:0; }
}
@media screen and (max-width: 767px){
body{ font-size:15px!important; }
#wp-custom-header { margin-top:72px; }
header.page-header { margin-bottom:5vh; }
.section-title, section[class*="-section"] .widget_text .widget-title { font-size:1.6em; }
.icon-recommend { width:130px; position:relative; left:0; top:0; }
.section-price .cath_txt { padding: 0.4em 0.2em 0.2em; font-size:1.6em!important; line-height: 1.2; }
.priceTble table td { display:flex; width:100%!important; }
.priceTble table td:first-child { border-left:2px solid #e1d3b2; }
.priceTble table td:last-child { justify-content:flex-end; }
.menulist-items ul { flex-wrap: wrap; }
.menulist-items ul li { flex-basis:45%; margin-bottom:.5em; }
.single header.page-header { padding-top: 3vh!important; padding-bottom: 4vh!important; }
.single header.page-header { min-height:32vh!important; background-size: contain; }
.flex-reverse { flex-direction:column-reverse; }
#section-details h3.wp-block-heading img { position:absolute; left:-5px; top:-15px; z-index: -6;}
#section-details h3.wp-block-heading { padding-left:80px; min-height:52px; }
.note h5 { margin-top:1.5em; }
.section-price { padding:1em 1.5em 1.4em; }
} .contact-box{
width: 100%;
max-width: 600px;
margin: 0 auto;
}
.contact-box .contact-header{
text-align: center;
margin-bottom: 3rem;
}
.contact-box .contact-header p{}
.contact-box .contact-header a{
text-decoration: none;
color: #64d1db;
display: block;
border:2px solid #64d1db;
width: 100%;
max-width: 420px;
padding: 1rem;
box-sizing: border-box;
margin: 0 auto;
font-size: 1.2rem;
line-height: 1.4;
background-color: #fffdec;
}
.contact-box .contact-header a span{
font-size: 1.6rem;
}
.contact-box .form-box{}
.form-box .form-heading{
display: flex;
line-height: 1.2;
margin-bottom: 5px;
color: #64d1db;
}
.form-box .form-heading span{
font-size: 0.7rem;
background-color: #ff5577;
color: #FFF;
padding:4px 4px;
border-radius: 5px;
vertical-align: middle;
margin-left: 3px;
}
.form-box .form-heading svg{
margin-right: 2px;
}
.form-box .input-box{
margin-bottom: 1rem;
margin-left: 1rem;
}
.form-box .input-box input[type=text],.form-box .input-box input[type=email],.form-box .input-box textarea{
border: 2px solid #bbb;
border-radius: 10px;
padding: 1rem;
}
.form-box .input-box input[type=text]{}
.form-box .input-box label{}
.form-box .input-box label input{
margin: 0;
}
.form-box .input-box input.postcode{
border: 2px solid #bbb;
border-radius: 10px;
padding: 1rem;
margin-bottom: 1rem;
}
.form-box .input-box .kome{
font-size: 0.9rem;
display: inline-block;
line-height: 1.3;
}
.form-box .input-box.hearing{
display: flex;
flex-wrap: wrap;
margin-left: 2rem;
}
.form-box .input-box.hearing span{
margin-left: 0;
line-height: 1.2;
margin-bottom: 1rem;
text-indent: -1rem;
}
.form-box .input-box.hearing span.horizontal-item{
margin-left: 0;
width: 50%;
}
.contact-box .btn-box{
text-align: center;
margin-bottom: 3rem;
}
.contact-box .btn-box input{
padding: 1rem;
color: #FFF;
border-radius: 10px;
border: none;
width: 300px;
margin: 0 auto 1rem;
box-sizing: border-box;
font-weight: bold;
font-size: 0.9rem;
}
.contact-box .btn-box input.confirm{
background-color: #25a7ff;
}
.contact-box .btn-box input.back{
background-color: #6b6b6b;
}
.contact-box .btn-box input.submit{
background-color: #ff5577;
}
.contact-box .btn-box input[type="submit"]:hover{
background-color: #a4f0f7;
}
.contact-privacy{
border: 1px solid #64d1db;
padding: 1rem;
}
.contact-privacy dt{
text-align: center;
color: #64d1db;
font-weight: bold;
}
.contact-privacy dd{
margin: 0;
}
.contact-box .thanks-txt{
text-align: center;
margin-bottom: 2rem;
}
.contact-box .to-top{
text-align: center;
}
.contact-box .thanks-txt a{}html.slb_overlay object,html.slb_overlay embed,html.slb_overlay iframe{visibility:hidden}html.slb_overlay #slb_viewer_wrap object,html.slb_overlay #slb_viewer_wrap embed,html.slb_overlay #slb_viewer_wrap iframe{visibility:visible}