@charset "utf-8";
   @import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New&display=swap");
:root { --color-background: #fff;
--color-font: #000000;
--color-primary: #0A2E89;
--color-primary-shade: #C0E7C2;
--color-primary-tint: #FFE6EF;
--color-secondary: #E80303;
--color-secondary-tint: #E6E6E6;
--color-table-border: #D1D1D1;
--body-font-size: min(calc(2.4rem + (1vw - 19.2px) * 0.1294), 2.4rem); --body-font-family: "Zen Kaku Gothic New", sans-serif;
--content-max-width: 1100px;
--max-wide:calc(((100vw - 100%) / 2) * -1);
--max-wide-inner:calc((100vw - var(--content-max-width)) / 2); --header-background: #FFFFFF;
--header-color-font: #000000;
--header-color-primary: #000000;
--header-color-primary-shade: #0A2E89;
--header-color-primary-tint: #05C756; --footer-background: #ffffff;
--footer-color-font: #000000;
--footer-color-primary: #000000; --font-family01: "Poppins", sans-serif;
--font-family02: "Quicksand", sans-serif;
}
.post p{
line-height:2.0;
}
@media print, screen and (max-width: 768px){
body {
font-size: min(calc(1.8rem + (1vw - 19.2px) * 0.1294), 1.8rem);
}
.post p{
line-height:1.75;
}
}
.bg_re{
position:relative;
}
.bg_max{
margin-left:var(--max-wide);
margin-right:var(--max-wide);
}
.gap1{
gap:1%;
}
.gap3{
gap:3%;
}
.post .txt_bold,.txt_bold{
font-weight:600;
}
.w_fit{
max-width:fit-content
}
.flex_wrap{
flex-wrap: wrap;
}
.gap_col_row {
row-gap: 3em;
}
.txt_red {
color:red;
font-weight: 500;
}
.txt_white{
color:white;
}
.ap_1 img{
width: 100%;
aspect-ratio: 1;
object-fit: cover;	
}
.ap_3_2 img{
width: 100%;
aspect-ratio: 3/2;
object-fit: cover;
}
.ap_8_5 img{
width: 100%;
aspect-ratio: 8/5;
object-fit: cover;
}
.ra_15 img{
border-radius:15px;
}
.ra_25 img{
border-radius:25px;
}
.ra_30 img{
border-radius:30px;
}
.em_txt, .post .em_txt{
font-size: var(--rem48w);
line-height: 1.2;
font-family: var(--font-family02);
}
.mid_txt, .post .mid_txt{
font-size: var(--rem28);
font-weight: 600;
}
.min_txt, .post .min_txt {
font-size: var(--rem16);
font-weight: 600;
line-height: 1.3;
}
.em_txt, .post .em_txt{
font-family: var(--font-family01);
}
.bold,.post .bold{
font-weight:600;
} #front_top_content, #front_bottom_content{
background: transparent;
}
.post .time, .postlist .time, .post2b .time, .post4b .time{
border-radius:3px;
} #mainImg img {
height: auto;
} @media print, screen and (min-width: 1024px) {
nav#mainNav ul li a:hover span, nav#mainNav ul li a:active span,    nav#mainNav ul li.current-menu-item a span,
nav#mainNav ul li.current-menu-item a b, nav#mainNav ul li a:hover b, nav#mainNav ul li a:active b, nav#mainNav ul li.current-menu-parent a b,nav#mainNav ul li.current-menu-parent a span {
color: var(--header-color-primary);
}
nav#mainNav ul li.current-menu-parent a span,
nav#mainNav ul li a span,nav#mainNav ul li a:hover span,
nav#mainNav ul li.current-menu-item a span{
font-weight: 400;
font-size: 10px;
}
nav#mainNav ul li.current-menu-item a b{
font-family: var(--body-font-family);
font-weight: 500;
}
#header a.head_btn {
flex-direction: column;
background: var(--header-color-primary);
color: white;
}
#header a.head_btn span{
font-size: var(--rem14);
font-weight: 500;
}
#header a.head_btn span img{
margin-right:1rem;
width:20px;
vertical-align:middle;
}
#header a.head_btn.tel_btn {
background: var(--header-color-primary);
color: white;
padding: 20px;
position: relative;
}
#header a.head_btn.tel_btn::after{
position:absolute;
content:"";
background:white;
height:50px;
width:1px;
right:0;
}
#header a.head_btn.tel_btn .num{
color: var(--header-color-primary-shade);
font-size: var(--rem24);
}
#header a.head_btn b{
color: white;
font-weight: 400;
font-size: 12px;
}
#header a.head_btn:hover {
opacity: 0.7;
background: var(--header-color-primary);
}
#header a.head_btn.kitanoda{
background: var(--header-color-primary-shade);
}
nav#mainNav ul li a:hover,.sticky-header #header > .inner,
nav#mainNav ul li.current-menu-item a, nav#mainNav ul li.current-menu-item a:hover{
background: var(--header-background);
}
nav#mainNav ul li ul.sub-menu li.current-menu-item a::before,
nav#mainNav ul.sub-menu li a:hover::before{
border-bottom:none;
}
#header a.head_btn.tel_btn::before,#header a.head_btn.mail_btn::before{
content:none;
}
nav#mainNav ul li ul.sub-menu li.current-menu-item a,
nav#mainNav ul li.current-menu-item ul.sub-menu li a,
nav#mainNav ul li ul.sub-menu li a {
margin-left: 0;
width: 150px;
background: #F4F4F4;
color: var(--header-color-font);
}
nav#mainNav ul li ul.sub-menu li a:hover {
background: var(--header-color-primary);
width: 150px;
margin-left: 0;
color: white;
}
nav#mainNav ul.sub-menu li.current-menu-item a::before, nav#mainNav ul.sub-menu li a:hover::before,
nav#mainNav ul li:hover ul.sub-menu a:before{
content:none;
}
nav#mainNav ul li a b{
font-weight: 500;
font-family: var(--body-font-family);
}
nav#mainNav ul li.current-menu-item a::after, nav#mainNav ul li a:hover::after, nav#mainNav ul li a:active::after, nav#mainNav ul li.current-menu-parent a::after, nav#mainNav ul li.current-menu-ancestor a::after {
width: 75%;
}
nav#mainNav ul li a::after {
content: '';
position: absolute;
width: 0;
height: 1px;
background: var(--header-color-primary);
left: 50%;
bottom: 15px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: .4s;
transition: .4s;
}
nav#mainNav ul li.menu-item-type-custom a::after{
content:none;
}
nav#mainNav ul li a:active, nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-ancestor a, nav#mainNav ul li.current-menu-item a, nav#mainNav ul li.current-menu-parent a{
background:var(--header-background);
}
}
.spmenu #menu span, .spmenu #menu span:before, .spmenu #menu span:after {
background:var(--color-primary);
}
.spmenu #menu p{
color:var(--color-primary);
}
@media print, screen and (max-width: 1023px) {
nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover{
color:var(--color-primary);
}
}
@media print, screen and (min-width: 1024px) {
nav#mainNav ul li:hover ul.sub-menu {
left: 95%;
}
} h1.title, .post h1.title ,.post h1{
border:none;
line-height: 1.4;
font-size: var(--rem72);
color: var(--color-font);
font-weight: 300;
}
h1.title .sub_ttl,.post h1.title .sub_ttl,.post h1 .sub_ttl,.cta .sub_ttl{
display:block;
font-size: var(--rem24);
font-weight: 400;
font-family: var(--font-family01);
letter-spacing:0;
}
.post h1.title:after{
content:none;
}
header h1.title.first {
font-size: var(--rem24);
text-align: center;
} .post h2{
margin-bottom: 7.5rem;
font-weight: 500;
font-family: var(--body-font-family);
font-size: var(--rem36);
position: relative;
border-bottom: solid 1px var(--color-primary);
line-height: 2.0;
color: var(--color-primary);
}
.post h2 .sub_ttl{
display:block;
color: var(--color-primary);
font-size: var(--rem30);
font-weight: 700;
font-family: var(--font-family01);
letter-spacing:0;
line-height: 1.6;
}
.post h2::after{
content:none;
} .post h3{
font-size: var(--rem28);
font-weight: 500;
padding-left: 0;
padding-bottom: 1rem;
padding-top: 2rem;
margin: 0;
border-color: var(--color-primary);
margin-bottom: 2rem;
font-family: var(--body-font-family);
}
@media only screen and (max-width: 768px){
.post h3{
font-size:var(--rem28);
}
} .post h4{
font-size: 2.2rem;
   font-weight: 500;
padding-left: 1rem;
font-size: var(--rem24);
border-left: solid 5px var(--color-primary);
}
.post h4::before{
content:none;
} #footer .socialicon ul, .socialicon ul{
margin-bottom:1.5rem;
}
#footer .footnav:not(:last-child){
margin-bottom:0;
}
#footer .flexbox{
justify-content: space-between;
border-bottom: solid 1px white;
padding-bottom: 3rem;
}
#footer .inner .footer__logo{
text-align:left;
}
#footer .footnav ul > li::before,#footer .footnav ul > li::after{
display:none;
}
body.home .cta.footer_cta{
display:none;
}
@media only screen and (max-width: 768px){
#footer .inner .footer__logo{
text-align:center;
}
#footer .footnav{
float: none;
}
}
#front-sectionPost{
width:100%;
}
#footer .footer__logo img{
max-height: 300px;
max-width: 800px;
}
@media only screen and (max-width: 430px){
#footer .footer__logo img{
max-width:100%;
}
} header#h1Header {
background:transparent;
}
header#h1Header::before{
opacity: 0.5;
background: #333;
}
header#h1Header h1.title{
font-size: var(--rem60);
font-weight: 400;
}
header#h1Header h1.title .sub_ttl{
color: var(--color-primary);
} .post table, .post table th, .post table td {
border: none;
}
.post table {
margin: min(calc(30px + (1vw - 19.2px) * 0.6472), 30px) auto;
}
.post table th, .post table td {
padding: min(calc(20px + (1vw - 19.2px) * 0.3236), 20px) min(calc(15px + (1vw - 19.2px) * 0.4531), 15px);
border-bottom: 1px solid var(--color-table-border);
}
.post table th {
text-align: left;
width: 25%;
font-weight: 600;
vertical-align: top;
background: transparent;
}
.post table td {
color: var(--color-font);
background: none;
font-weight: 400;
}
.post table:first-child {
margin-top: 0;
}
.post table:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 640px){
.post table.responsive td {
text-align: left;
}
} .post2b li .post2b_contents, .post4b li .post4b_contents{
font-size: var(--rem14);
line-height: 1.5;
}
.post_link a, .post2b_link a, .post4b_link a,.post_link, .post2b_link, .post4b_link{
color:var(--color-font);
} .link_btn{
max-width: 300px;
background: none;
color: var(--color-font);
font-size: var(--rem30);
padding-left: 0;
font-weight: 400;
font-family: var(--font-family01);
}
.link_btn::after{
content: '\f105';
background: var(--color-primary);
color: white;
width: var(--rem42);
height: var(--rem42);
border-radius: 100px;
font-size: var(--rem20);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-family: 'FontAwesome';
}
.link_btn:hover{
background:none;
color: var(--color-primary);
opacity:0.8;
}
.post .subimitarea .linkBtn input[type="submit"] {
padding: 0;
color: var(--color-font);
}
.linkBtn, .post .linkBtn{
max-width: 300px;
background: var(--color-secondary-tint);
color: solid 1px var(--color-font);
border-radius: 0;
border: solid 1px var(--color-font);
font-size: var(--rem28);
font-weight: 600;
}
.linkBtn::after, .post .linkBtn::after{
width: 15px;
height: 15px;
border-right: 2px solid var(--color-font);
border-bottom: 2px solid var(--color-font);
margin-top: -8px;
}
.linkBtn:hover, .post .linkBtn:hover{
background: var(--color-secondary-tint);
opacity:0.5;
color: var(--color-font);
}
@media print, screen and (max-width: 1024px){
#h1Header #thumb img {
transform: translateX(-50%);
}
} ul.dotto{
list-style: none;
padding: 1em;
}
ul.dotto li{
position: relative;
line-height: 1.3;
margin-bottom: 0.5rem!important;
margin-left: 2rem;
font-weight: 400;
}
ul.dotto li::before{
content: '';
display: inline-block;
position: absolute;
top: 10px;
left: -20px;
width: 5px;
height: 5px;
background-color: var(--color-font);
border-radius: 100px;
} .post ul#sitemap_list.sitemap_disp_level_0 > li a{
font-weight: 400;
}
@media print, screen and (max-width: 1200px) {
.post .inner ,.post .max_w1240,.post .max_w900,.cta .inner,.top_upper .max_w900{
width:90%;
}
} .googlemap{
padding-bottom: 75%;
margin-top: 0;
}
@media print, screen and (max-width: 768px) {
.googlemap {
padding-bottom: 80%;
}
} body:not(.home) .top_upper{
display:none;
}
.top_upper img{
width:100%;
}
.top_upper ul img{
width: var(--rem80w);
}
.top.sec01{
background: var(--color-secondary-tint);
}
.top.sec01 .w50{
border:solid 1px var(--color-font);
}
.top.sec01 .card{
background:white;
padding-top:5rem!important;
position:relative;
}
.top.sec01 .card::after{
display: block;
content: '';
position: absolute;
top: 50%;
right: var(--rem20);
width: var(--rem30);
height: var(--rem30);
border-right: 2px solid var(--color-font);
border-bottom: 2px solid var(--color-font);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-top: -3px;
transition: all .3s;
}
.top.sec01 .card img{
width:40px;
}
.top.sec01 .card h1{
font-size:var(--rem60);
margin-bottom:2rem;
}
.top.sec01 .card h1:hover{
opacity:0.75;
}
.top.sec02 .linkBtn,.top.sec04 .linkBtn{
max-width: 100%;
}
.top.sec04 .linkBtn img{
vertical-align: middle;
margin-right: 1rem;
width: 30px;
height: 30px;
}
.top.sec04 .linkBtn.left{
background:#FF6010;
color:white;
}
.top.sec04 .linkBtn.right{
background:#DC0000;
color:white;
}
@media print, screen and (max-width: 640px){
.low1 .gallery-columns-3 .gallery-item{
width: calc(100% / 1) !important;
}
}
body.home .cta.top_cta{
display:none;
}
.cta{
position:relative;
padding-top: 20rem;
}
.cta .bg::before{
content:"";
position: absolute;
background:url(//beautyplus8668.com/wp-content/uploads/cta_bg2.jpg);
top:0;
width:100%;
height: 85%;
background-repeat:no-repeat;
background-size: cover;
z-index:-10;
background-position-x: center;
}
.cta a.btn{
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 1%;
z-index: 10;
border-radius: 5px;
height: 130px;
width: 225px;
border-radius:0;
font-size: var(--rem24);
line-height: 1.8;
}
.cta a.btn b{
font-size:var(--rem18);
font-weight:300;
}
.cta a.btn:hover{
opacity: 0.75;
}
.cta a.btn.tukuno{
background: var(--header-color-primary);
color: white;
width: 100%;
}
.cta a.btn.kitanoda{
background: var(--header-color-primary-shade);
color: white;
width:100%;
}
.cta a.tel_btn{
position:relative;
}
.cta a.tel_btn::after{
content:"";
position:absolute;
width:1px;
height:50px;
background:white;
right:0;
}
.cta .inner{
padding-top: 3rem;
padding-bottom: 3rem;
box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
}
.cta .max_w900{
margin:auto;
align-items: flex-start;
}
.cta .w50 img{
vertical-align:middle;
width: 25px;
}
@media print, screen and (max-width: 768px){
.cta .sp_nowrap{
width:90%;
margin:auto;
}
}
.footer__logo img{
width:100%;
}
.tsukuno.sec01 .txt_red{
font-size: var(--rem48);
font-weight:600;
}
.menu .linkBtn{
font-size:var(--rem16);
font-weight:300;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.menu.sec02 ul{
flex-wrap: wrap;
row-gap: 2em;
align-items: center;
}
.menu.sec02 ul li{
width:45%;
}
.menu.sec02 .link_btn{
max-width: 100%;
border: solid 1px var(--color-font);
border-radius: 0;
font-size: var(--rem24);
height: var(--rem80w);
line-height: 1.0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media print, screen and (max-width: 768px){
.menu.sec01 .flexbox,.menu.sec02 .flexbox{
display:flex;
}
.menu.sec02 .link_btn{
font-size:var(--rem20);
}
}
@media print, screen and (max-width: 430px){
.menu.sec01 .flexbox,.menu.sec02 .flexbox{
display:block;
}
.menu.sec01 .w30 .linkBtn{
max-width:100%;
margin-bottom:1rem;
height:5rem;
line-height:1.0;
}
.menu.sec02 ul li {
width: 100%;
margin-bottom:4rem;
}
.menu .linkBtn{
margin-bottom:1.5rem;
}
}
li.link_menu{
font-weight:500;
}
li.link_menu.kitanoda{
background:var(--color-primary);
}
.kitanoda.sec01 table th,.tsukuno.sec01 table th{
width:35%;
}
.banner{
position:relative;
}
.banner::after{
position:absolute;
content:"＞詳しくはこちら";
width:fit-content;
height:auto;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
bottom: -25px;
color: var(--color-primary);
text-shadow: 2px 2px 2px white;
left: 0;
font-size: var(--rem14);
}
.cta_shoplist .w50{
margin-bottom:0;
}
.cta_shoplist .w50:first-child{
position:relative;
}
.cta_shoplist .w50:first-child::after{
position:absolute;
content:"";
right:0;
top:7.5%;
width:1px;
height:85%;
background:var(--color-font);
} .infinite-slider .swiper-wrapper {
transition-timing-function: linear;
} .infinite-slider.sec03 .swiper-slide {
height: 340px !important; width: 350px !important;
}
.infinite-slider.sec04 .swiper-slide {
height: 300px !important; width: 350px !important;
} .infinite-slider .swiper-slide img {
width: auto;
height: 260px;
aspect-ratio: 4 / 3;
object-fit: cover;
}
.infinite-slider .swiper-slide p{
text-align:center;
line-height:1.5;
font-size:16px;
} .single-post header h1.title span{
font-size:var(--rem24w);
padding:0;
}
.single-post .post h1.title span::before,.single-post .post header h1.title span::after{
content:none;
}
.single-post .post h2{
font-size:var(--rem40);
}
.single-post .post h3{
font-size: var(--rem30);
}
.single-post .post h4{
font-size: var(--rem24);
}