@charset "utf-8";
 p.text{
color: #393b40;
font-weight: 300;
color: #63666c;
font-weight: 400;
} .for-pc{
display: none;
}
@media (min-width: 440px){
.for-pc{
display: none;
}
}
@media (min-width: 960px){
.for-pc{
display: block;
}
}
.for-tb{
display: none;
}
@media (min-width: 440px){
.for-tb{
display: block;
}
}
@media (min-width: 960px){
.for-tb{
display: none;
}
}
.for-sp{
display: block;
}
@media (min-width: 440px){
.for-sp{
display: none;
}
}
@media (min-width: 960px){
.for-sp{
display: none;
}
} .circle_a {
width: 260px;
height: 260px;
border-radius: 50%;
background: #FFF5F6;
animation: fuwafuwa 6s infinite;
position: fixed;
bottom: -60px;
right: -120px;
z-index: -1;
}
@media (min-width: 960px){
.circle_a {
width: 360px;
height: 360px;
bottom: -50px;
right: -90px;
}
}
.circle_b {
width: 80px;
height: 80px;
border-radius: 50%;
background: #FFF5F6;
animation: fuwafuwa 5s infinite;
position: fixed;
top: 100px;
left: -40px;
z-index: -1;
}
@media (min-width: 960px){
.circle_b {
width: 164px;
height: 164px;
top: 190px;
left: -60px;
}
}
@keyframes fuwafuwa {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.08, 1.08);
}
100% {
transform: scale(1, 1);
}
} #header_info{
width: 100vw;
height: 55px;
background-color: #fff;
z-index: 1000;
margin: -55px 0 0 0;
}
@media (min-width: 960px){
#header_info{
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
margin: 0;
}
}
#header_info .wrap{
width: 100vw;
height: 38px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0 3vw;
box-sizing: border-box;
}
#header_info .phrase{
color: #393b40;
font-size: 1.0rem;
font-feature-settings: "palt" 1;
letter-spacing: 0.06em;
font-weight: 400;
}
@media (min-width: 960px){
#header_info .phrase{
font-size: 1.2rem;
}
}
#header_info .info p{
color: #393b40;
font-size: 1.2rem;
font-weight: 400;
}
#header_info .info{
display: none;
}
@media (min-width: 960px){
#header_info .info{
display: flex;
flex-direction: row;
align-items: center;
}
}
#header_info .info .tel{
display: flex;
flex-direction: row;
align-items: center;
margin: 0 24px 0 20px;
}
#header_info .info .tel img{
width: 16px;
height: auto;
margin-right: 5px;
}
#header_info .info .tel a{
color: #1E2228;
font-size: 2.4rem;
font-family: 'Barlow', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.06em;
pointer-events: none;
cursor: default;
}
#header_info .info .btn{
display: flex;
}
#header_info .info .btn a{
color: #1E2228;
width: 100px;
height: 38px;
font-weight: 500;
letter-spacing: 0.06em;
border-radius: 100px;
font-size: 1.1rem;
margin: 0 3px;
line-height: 1;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
background-color: #FFCED4;
transition: all 0.2s ease;
}
@media (min-width: 960px){
#header_info .info .btn a:hover{
background-color: #F59CA6;
}
} header{
width: 100vw;
z-index: 100;
position: fixed;
}
@media (min-width: 960px){
header{
width: 100vw;
position: sticky;
top: 0;
}
}
header .header_nav{
display: none;
}
@media (min-width: 960px){
header .header_nav{
width: 100vw;
height: 68px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0 3vw;
box-sizing: border-box;
background-color: #fff5f6;
z-index: 900;
}
}
.header_nav .logo{
display: none;
z-index: 1000;
}
@media (min-width: 960px){
.header_nav .logo{
display: block;
width: 210px;
}
}
.nav__wrap{
display: none;
}
@media (min-width: 960px){
.nav__wrap{
height: 70px;
display: flex;
flex-direction: row;
align-items: center;
box-sizing: border-box;
}
}
.nav__wrap ul.nav{
display: flex;
flex-direction: row;
align-items: center;
border-right: 1px dashed #FFB1BA;
}
.nav__wrap ul.nav li{
}
.nav__wrap ul.nav li a{
color: #000;
display: inline-block;
position: relative;
font-size: 1.5rem;
font-weight: 400;
letter-spacing: 0.06em;
line-height: 1;
padding: 5px 1.4vw;
border-left: 1px dashed #FFB1BA;
transition: all 0.2s ease;
position: relative;
}
.nav__wrap ul.nav li:nth-of-type(2) a::after,
.nav__wrap ul.nav li:nth-of-type(4) a::after{
content: '';
width: 10px;
height: 5px;
background-image: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/img/common/icon_arrow-d.svg);
background-size: 10px 5px;
background-repeat: no-repeat;
position: absolute;
bottom: -8px;
left: 50%;
margin: 0 0 0 -5px;
z-index: 100;
}
.nav__wrap ul.nav li .text_area a::after,
.nav__wrap ul.nav li ul.menu_inner a::after{
content: '';
display: none;
}
@media (min-width: 960px){
.nav__wrap ul.nav li a:hover{
color: #888;
}
}
#gnav > ul > li:hover .menu {
max-height: 9999px;
opacity: 1;
}
#gnav > ul > li > a {
display: block;
transition: all 0.2s ease;
}
#gnav > ul .menu {
width: 100vw;
transition: all 0.2s ease-in-out;
max-height: 0;
opacity: 0;
overflow: hidden;
left: 0;
box-sizing: border-box;
position: absolute;
background-color: #FBF6F9;
}
#gnav > ul .menu::after{
content: " ";
width: 100vw;
height: 20px;
background-color: #fff;
position: absolute;
top: 0;
left: 0;
}
#gnav > ul .menu .wrap{
max-width: 1300px;
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 80px 10vw 60px;
margin: 0 auto -32px;
}
#gnav > ul .menu .text_area h3.title{
font-size: 2.6rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.14em;
padding: 0 0 6px 0;
margin: 14px 0 0 0;
border-bottom: 1px solid #1E2228;
white-space: nowrap;
}
#gnav > ul .menu .text_area h3.title::after{
content: " ";
margin-left: -0.14em;
}
#gnav > ul .menu .text_area .btn a{
color: #1E2228;
font-size: 1.5rem;
font-weight: 400;
display: flex;
flex-direction: row;
align-items: center;
border-left: 0;
padding: 0;
margin: 26px 0 0 0;
transition: all 0.2s ease;
}
#gnav > ul .menu .text_area .btn a .arrow{
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: #FFB1BA;
margin: 0 13px 0 0;
transition: all 0.2s ease;
}
#gnav > ul .menu .text_area .btn a:hover{
color: #888;
}
#gnav > ul .menu .text_area .btn a .arrow img{
width: 12px;
height: auto;
display: block;
}
#gnav > ul .menu .menu_inner {
width: 80%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 12px 0;
}
#gnav > ul .menu .menu_inner li {
width: 22.0%;
margin: 0 0 32px 0;
}
#gnav > ul .menu .menu_inner li a {
width: 100%;
display: block;
border-left: 0;
padding: 0;
}
#gnav > ul .menu .menu_inner li a .img_wrap{
width: 100%; border-radius: 8px;
display: block;
overflow: hidden;
}
#gnav > ul .menu .menu_inner li a img{
width: 100%;
height: auto;
display: block;
transition: all .3s ease;
}
#gnav > ul .menu .menu_inner li a:hover img{
transform: scale(1.06);
}
#gnav > ul .menu .menu_inner li a p{
font-size: 1.4rem;
font-family: 'Zen Maru Gothic', sans-serif;
text-align: left;
font-weight: 500;
line-height: 1;
letter-spacing: 0.04em;
margin: 14px 0 0 0;
}
#gnav > ul .menu .menu_inner::before{
content: "";
width: 22.0%;
display: block;
order:1;
}
#gnav > ul .menu .menu_inner::after{
content: "";
width: 22.0%;
display: block;
} .header_nav_sp{
width: 100vw;
height: 60px;
padding: 0 0 0 5vw;
box-sizing: border-box;
background-color: #fff;
position: fixed;
top: 0;
left: 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
z-index: 9999;
}
@media (min-width: 960px){
.header_nav_sp{
display: none;
}
}
.header_nav .logo a{
display: flex;
flex-direction: row;
align-items: center;
}
.header_nav_sp .logo{
width: 130px;
height: auto;
}
@media (min-width: 415px){
.header_nav_sp .logo{
width: 150px;
}
}
@media (min-width: 960px){
.header_nav_sp .logo{
display: none;
}
} .btn_contact{
display: none;
}
@media (min-width: 960px){
.btn_contact{
display: block;
position: fixed;
bottom: 22px;
right: 20px;
z-index: 1000;
}
} @media (min-width: 960px){
.btn_contact a:hover{
background-color: #F59CA6;
}
}
.btn_contact a img{
width: 250px;
height: auto;
display: block;
margin: 0 -15px 0 8px;
} .btn_contact_sp{
width: 100%;
height: 60px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
position: fixed;
bottom: 0;
left: 0;
z-index: 1000;
background-color: #FBF6F9;
box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
padding: 18px 0;
box-sizing: border-box;
}
@media (min-width: 960px){
.btn_contact_sp{
display: none;
}
}
.btn_contact_sp a{
width: 50%;
height: 24px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
.btn_contact_sp a:first-child{
border-right: 1px dashed #FFB1BA;
}
.btn_contact_sp a img{
width: auto;
height: 22px;
}
.btn_contact_sp a:last-child img{
width: auto;
height: 23px;
} .view_btn{
width: 100%;
display: inline-block;
margin: 30px 0 0 0;
}
@media (min-width: 415px){
.view_btn{
width: auto;
display: inline-block;
margin: 50px 0 0 0;
}
}
.view_btn a{
color: #1E2228;
height: 60px;
font-size: 1.4rem;
font-weight: 500;
letter-spacing: 0.06em;
line-height: 1.4;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
border-radius: 100px;
border: 1px solid #DDD;
box-sizing: border-box;
background-color: #fff;
padding: 0 9px 0 24px;
transition: all 0.2s ease;
}
@media (min-width: 960px){
.view_btn a{
height: 68px;
font-size: 1.6rem;
padding: 0 12px 0 30px;
}
}
@media (min-width: 960px){
.view_btn a:hover{
color: #888;
}
}
.view_btn a .arrow{
width: 42px;
height: 42px;
aspect-ratio: 1 / 1;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: #FFB1BA;
background-color: #F59CA6;
margin: 0 0 0 30px;
}
@media (min-width: 960px){
.view_btn a .arrow{
width: 44px;
height: 44px;
margin: 0 0 0 60px;
}
}
.view_btn a .arrow img{
width: 13px;
height: auto;
display: block;
} .view_btn_pink{
width: 100%;
display: inline-block;
margin: 30px 0 0 0;
}
@media (min-width: 415px){
.view_btn_pink{
width: auto;
display: inline-block;
margin: 50px 0 0 0;
}
}
.view_btn_pink a{
color: #1E2228;
height: 60px;
font-size: 1.4rem;
font-weight: 500;
letter-spacing: 0.06em;
line-height: 1.4;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
border-radius: 100px;
box-sizing: border-box;
background-color: #F59CA6;
background-color: #FFCED4;
padding: 0 9px 0 24px;
transition: all 0.2s ease;
}
@media (min-width: 960px){
.view_btn_pink a{
height: 68px;
font-size: 1.6rem;
padding: 0 12px 0 30px;
}
}
@media (min-width: 960px){
.view_btn_pink a:hover{
background-color: #F59CA6;
}
}
.view_btn_pink a .arrow{
width: 42px;
height: 42px;
aspect-ratio: 1 / 1;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: #F59CA6;
background-color: #FFF;
margin: 0 0 0 20px;
}
@media (min-width: 960px){
.view_btn_pink a .arrow{
width: 44px;
height: 44px;
margin: 0 0 0 30px;
}
}
.view_btn_pink a .arrow img{
width: 13px;
height: auto;
display: block;
}  .page .contents__wrap section .wrap{
max-width: 1600px;
padding: 0 8vw;
margin: 0 auto;
} .page_header{
width: 100vw;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
overflow: hidden;
padding: 105px 0 75px 0;
}
@media (min-width: 960px){
.page_header{
padding: 100px 0 100px 0;
}
}
.page_header h2.page_title{
font-size: 2.1rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.08em;
padding: 0 0 10px 0;
border-bottom: 1px solid #1E2228;
white-space: nowrap;
}
@media (min-width: 960px){
.page_header h2.page_title{
font-size: 3.8rem;
letter-spacing: 0.18em;
}
}
.page_header h2.page_title::after{
content: " ";
margin-left: -0.18em;
}
.page_header .shoulder{
color: #F58995;
line-height: 1;
letter-spacing: 0.08em;
padding: 0 0 20px 0;
} h3.title_h3{
font-size: 1.8rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1.6;
letter-spacing: 0.08em;
display: flex;
flex-direction: column;
justify-content: flex-end;
position: relative;
padding-top: 26px;
}
@media (min-width: 960px){
h3.title_h3{
font-size: 2.8rem;
padding-top: 42px;
}
}
h3.title_h3::before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 70px;
height: 1.5px;
background-color: #F58995;
}
@media (min-width: 960px){
h3.title_h3::before{
width: 100px;
}
}
h4.title_h4{
font-size: 1.8rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.08em;
border-left: 3px solid #F59CA6;
padding: 0 0 2px 10px;
}
@media (min-width: 960px){
h4.title_h4{
font-size: 2.4rem;
border-left: 4px solid #F59CA6;
padding: 0 0 4px 16px;
}
}
h5.title_h5{
font-size: 1.7rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1.4;
letter-spacing: 0.08em;
border-bottom: 1px dashed #F59CA6;
border-bottom: 1px dotted #F59CA6;
padding: 0 0 12px 0;
margin: 0 0 25px 0; }
@media (min-width: 960px){
h5.title_h5{
font-size: 2.2rem;
line-height: 1;
margin: 0 0 35px 0;
}
}
h6.title_h6{
color: #F58995;
font-size: 1.3rem;
font-weight: 500;
line-height: 1;
letter-spacing: 0.08em;
border-bottom: 1px solid #F59CA6;
padding: 0 0 8px 0;
margin: 0 0 26px 0;
display: inline-block;
}
@media (min-width: 960px){
h6.title_h6{
font-size: 1.4rem;
margin: 0 0 28px 0;
}
} #universal_contents .wrap{
padding: 0 6.5vw;
margin: 0 auto;
overflow-x: hidden;
}
@media (min-width: 960px){
#universal_contents .wrap{
max-width: 600px;
padding: 0 22vw;
}
}
#universal_contents #flow ul.flow_list{
border-top: 1px dotted #bbb;
margin: 20px 0 0 0;
}
@media (min-width: 960px){
#universal_contents #flow ul.flow_list{
margin: 20px 0 0 0;
}
}
#universal_contents #flow ul li{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
border-bottom: 1px dotted #bbb;
box-sizing: border-box;
background-image: none;
padding: 26px 20px;
margin: 0 0 0 0;
}
@media (min-width: 960px){
#universal_contents #flow ul li{
flex-direction: row;
justify-content: space-between;
padding: 26px 0;
margin: 0 0 0 0;
}
}
#universal_contents .number_block{
color: #fff;
width: 90px;
height: 90px;
aspect-ratio: 1 / 1;
font-family: 'Barlow', sans-serif;
font-weight: 500;
border-radius: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #FFB1BA;
background-color: #F59CA6;
margin: 0 0 30px 0;
}
@media (min-width: 960px){
#universal_contents .number_block{
width: 96px;
height: 96px;
margin: 0 30px 0 0;
}
}
#universal_contents .number_block .text{
color: #fff;
font-size: 1.3rem;
line-height: 1;
letter-spacing: 0.1em;
text-align: center;
margin: 5px 0;
}
@media (min-width: 960px){
#universal_contents .number_block .text{
}
}
#universal_contents .number_block .number{
color: #fff;
font-size: 3.0rem;
line-height: 1.0;
text-align: center;
margin-block-start: 0;
margin-block-end: 0;
}
@media (min-width: 960px){
#universal_contents .number_block .number{
font-size: 3.2rem;
}
}
#universal_contents #flow .text_block{
width: 100%;
}
@media (min-width: 960px){
#universal_contents #flow .text_block{
width: 60%;
}
}
#universal_contents #flow ul li.col2 .text_block{
width: 100%;
}
@media (min-width: 960px){
#universal_contents #flow ul li.col2 .text_block{
width: auto;
}
}
#universal_contents #flow .text_block h3{
color: #1E2228;
font-size: 1.7rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
line-height: 1.6;
letter-spacing: 0.04em;
text-align: center;
margin: 0 0 0 0;
}
@media (min-width: 960px){
#universal_contents #flow .text_block h3{
font-size: 1.8rem;
text-align: left;
margin: 5px 0 0 0;
}
}
#universal_contents #flow .figure_r{
width: 170px;
float: right;
overflow: hidden;
border-radius: 6px;
margin: 26px 0 0 0;
}
@media (min-width: 960px){
#universal_contents #flow .figure_r{
width: 170px!important;
margin: 0 0 0 20px;
}
}
#universal_contents #flow img{
width: 100%;
height: auto;
display: block;
} ul.list{
width: 100%;
display: flex;
flex-direction: column;
}
@media (min-width: 960px){
ul.list{
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
}
ul.list li{
box-sizing: border-box;
}
ul.list li a{
width: 100%;
display: block;
}
ul.list li a .img_wrap{
width: 100%;
aspect-ratio: 10 / 5.7;
overflow: hidden;
border-radius: 10px 10px 10px 0;
position: relative;
}
@media (min-width: 960px){
ul.list li a .img_wrap{
}
}
ul.list li a .img_wrap img{
width: 100%;
height: auto;
display: block;
transition: all .3s ease;
}
@media (min-width: 960px){
ul.list li a:hover .img_wrap img{
transform: scale(1.04); }
}
ul.list li a .title_wrap{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
padding: 18px 22px 7px 2px;
background-color: #fff;
border-radius: 0 10px 0 0;
position: absolute;
left: -1px;
bottom: -1px;
}
@media (min-width: 960px){
ul.list li a .title_wrap{
padding: 20px 28px 8px 2px;
left: 0;
bottom: 0;
}
}
ul.list li a .title_wrap h3{
color: #1E2228;
font-size: 1.7rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.1em;
display: inline-block;
transition: all 0.2s ease-in-out;
}
@media (min-width: 960px){
ul.list li a .title_wrap h3{
font-size: 2.0rem;
}
}
@media (min-width: 960px){
ul.list li a:hover .title_wrap h3{
color: #888;
}
}
ul.list li a .title_wrap img{
width: 14px;
height: 14px;
padding-left: 10px;
}
ul.list li a p.text{
font-size: 1.4rem;
margin: 20px 0 0 0;
}
@media (min-width: 960px){
ul.list li a p.text{
font-size: 1.5rem;
margin: 28px 0 0 0;
}
} ul.about_list{
margin: 0 0 -30px 0;
}
@media (min-width: 960px){
ul.about_list{
margin: 0 0 -46px 0;
}
}
@media (min-width: 960px){
ul.about_list::after{
display: block;
content:"";
width: 31%;
}
}
ul.about_list li{
width: 100%;
margin: 0 0 30px 0;
}
@media (min-width: 960px){
ul.about_list li{
width: 31%;
margin: 0 0 46px 0;
}
}
ul.about_list li a .img_wrap{
aspect-ratio: 10 / 6.5;
}
ul.about_list li a .title_wrap{
padding: 18px 22px 7px 2px;
}
@media (min-width: 960px){
ul.about_list li a .title_wrap{
padding: 20px 28px 8px 2px;
}
}
ul.about_list li a .title_wrap h3{
font-size: 1.7rem;
}
@media (min-width: 960px){
ul.about_list li a .title_wrap h3{
font-size: 2.0rem;
}
} ul.symptom_list{
width: 100%;
display: flex;
flex-direction: column;
margin: 30px 0 0 0;
}
@media (min-width: 960px){
ul.symptom_list{
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
margin: 40px 0 0 0;
}
}
ul.symptom_list li{
width: 100%;
border-top: 0;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
background-color: #fff;
box-sizing: border-box;
}
@media (min-width: 960px){
ul.symptom_list li{
width: 33.3333%;
border-top: 1px solid #CCC;
border-left: 0;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
}
ul.symptom_list li:nth-of-type(1){
border-top: 1px solid #CCC;
}
@media (min-width: 960px){
ul.symptom_list li:nth-of-type(1),
ul.symptom_list li:nth-of-type(4),
ul.symptom_list li:nth-of-type(7),
ul.symptom_list li:nth-of-type(10){
border-left: 1px solid #CCC;
}
}
ul.symptom_list li a{
color: #1E2228;
letter-spacing: 0.06em;
display: block;
position: relative;
transition: all 0.2s ease;
padding: 16px 20px;
}
@media (min-width: 960px){
ul.symptom_list li a{
padding: 32px 30px;
}
}
ul.symptom_list li a::after{
content: "";
width: 14px;
height: 14px;
background-image: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/img/common/icon_arrow-r.svg);
background-size: 14px 14px;
background-repeat: no-repeat;
position: absolute;
top: 50%;
right: 18px;
margin: -7px 0 0 0;
}
@media (min-width: 960px){
ul.symptom_list li a::after{
right: 20px;
}
}
@media (min-width: 960px){
ul.symptom_list li a:hover{
color: #666;
}
} #breadcrumb .wrap{
padding: 0 6.5vw;
margin: 0 auto;
box-sizing: border-box;
}
@media (min-width: 960px){
#breadcrumb .wrap{
max-width: calc(1600px + 10vw + 10vw);
padding: 0 10vw;
}
}
.aioseo-breadcrumbs{
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
line-height: 1.6;
margin: 80px 0 20px 0;
}
@media (min-width: 960px){
.aioseo-breadcrumbs{
margin: 150px 0 20px 0;
}
}
#top .aioseo-breadcrumbs{
margin: 60px 0 0 0;
}
@media (min-width: 960px){
#top .aioseo-breadcrumbs{
margin: 110px 0 20px 0;
}
}
.aioseo-breadcrumbs span.aioseo-breadcrumb a{
color: #393b40;
font-size: 1.3rem;
transition: all 0.2s ease;
}
@media (min-width: 960px){
.aioseo-breadcrumbs span.aioseo-breadcrumb a:hover{
color: #999;
}
}
.aioseo-breadcrumbs span.aioseo-breadcrumb-separator{
color: #999;
font-size: 1.3rem;
margin: 0 10px;
}
.aioseo-breadcrumbs span.aioseo-breadcrumb{
color: #999;
font-size: 1.3rem;
font-weight: 300;
}
#top .aioseo-breadcrumbs span.aioseo-breadcrumb{
display: none;
} #reservation{
clear: both;
background-color: #fafafa;
background-color: #FBF6F9;
border-top: 0px solid #EDE7EB;
padding: 30px 0 30px 0;
margin: 0;
}
@media (min-width: 960px){
#reservation{
padding: 50px 0 50px 0;
margin: 0;
}
}
#reservation .wrap{
display: flex;
flex-direction: column;
padding: 0 6.5vw;
margin: 0 auto;
box-sizing: border-box;
}
@media (min-width: 960px){
#reservation .wrap{
max-width: calc(1600px + 10vw + 10vw);
padding: 0 10vw;
flex-direction: row;
justify-content: center;
}
}
#reservation .btn{
display: flex;
flex-direction: column;
}
@media (min-width: 960px){
#reservation .btn{
flex-direction: row;
justify-content: space-between;
justify-content: center;
}
}
#reservation .btn a{
width: 100%;
height: auto;
margin: 6px 0;
display: block;
box-sizing: border-box;
border: 1px solid #EDE7EB;
border: 1px solid #ddd;
border-radius: 2px;
overflow: hidden;
}
@media (min-width: 960px){
#reservation .btn a{
width: 31.5%;
margin: 0 14px;
}
}
#reservation .btn a img{
width: 100%;
height: auto;
display: block;
transition: all 0.3s ease;
}
@media (min-width: 960px){
#reservation .btn a:hover img{
transform: scale(1.0);
filter: opacity(80%);
}
} #footer_info .btn_wrap .popup_btn{
color: #1E2228;
width: 300px;
height: 54px;
font-weight: 400;
letter-spacing: 0.06em;
letter-spacing: 0;
text-align: center;
border-radius: 100px;
font-size: 1.5rem;
font-size: 1.4rem;
line-height: 1.4;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
background-color: #FFCED4;
background-color: #FFF;
border: 1px solid #F59CA6;
transition: all 0.2s ease;
margin: 10px 0 0 0;
}
@media (min-width: 960px){
#footer_info .btn_wrap .popup_btn{
width: 48.5%;
font-size: 1.4rem;
letter-spacing: 0;
cursor: pointer;
margin: 0;
}
}
@media (min-width: 960px){
#footer_info .contact .popup_btn:hover{
background-color: #F59CA6;
}
} .popup{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9999;
opacity: 0;
visibility: hidden;
transition: .5s;
}
.popup.is-show{
opacity: 1;
visibility: visible;
}
.popup-inner{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
width: 90%;
max-width: 600px;
padding: 40px 6vw;
background-color: #fff;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
@media (min-width: 960px){
.popup-inner{
transform: translate(-50%,-50%);
width: 90%;
max-width: 700px;
padding: 50px 50px;
background-color: #fff;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
}
}
.close-btn{
font-size: 2.6rem;
position: absolute;
right: 12px;
top: 4px;
text-align: center;
}
@media (min-width: 960px){
.close-btn{
font-size: 3.2rem;
right: 3px;
top: 5px;
width: 50px;
height: 50px;
line-height: 50px;
cursor: pointer;
}
}
.black-background{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.8);
z-index: 1;
cursor: pointer;
}
.popup .text_wrap h3{
font-size: 1.8rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
text-align: center;
line-height: 1.5;
}
@media (min-width: 960px){
.popup .text_wrap h3{
font-size: 2.2rem;
}
}
.popup .text_wrap h4{
font-size: 1.6rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
border-left: 3px solid #F59CA6;
padding: 0 0 2px 10px;
}
@media (min-width: 960px){
.popup .text_wrap h4{
font-size: 1.9rem;
}
} #footer_info{
clear: both;
border-top: 0px solid #EDE7EB;
background-color: #fff;
padding: 60px 0 60px 0;
margin: 0;
}
@media (min-width: 960px){
#footer_info{
padding: 100px 0 100px 0;
margin: 0;
}
}
#footer_info .wrap{
padding: 0 6.5vw;
margin: 0 auto;
box-sizing: border-box;
}
@media (min-width: 960px){
#footer_info .wrap{
max-width: calc(1600px + 10vw + 10vw);
padding: 0 10vw;
}
}
#footer_info .article_block{
width: 100%;
display: flex;
flex-direction: column;
}
@media (min-width: 960px){
#footer_info .article_block{
flex-direction: row;
justify-content: space-between;
}
}
#footer_info .text_area{
width: 100%;
}
@media (min-width: 960px){
#footer_info .text_area{
width: 50%;
}
}
#footer_info .map_area{
width: 100%;
margin: 50px 0 0 0;
}
@media (min-width: 960px){
#footer_info .map_area{
width: 42%;
margin: 0;
}
}
#footer_info .logo{
width: 180px;
height: auto;
margin: 0 auto;
}
@media (min-width: 415px){
#footer_info .logo{
width: 190px;
}
}
@media (min-width: 960px){
#footer_info .logo{
width: 210px;
margin: 0;
}
}
#footer_info .contact{
display: flex;
flex-direction: column;
align-items: center;
margin: 40px 0 0 0;
}
@media (min-width: 960px){
#footer_info .contact{
flex-direction: row;
justify-content: space-between;
margin: 40px 0 0 0;
}
}
#footer_info .contact .tel_block p{
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
text-align: center;
}
@media (min-width: 960px){
#footer_info .contact .tel_block p{
text-align: left;
}
}
#footer_info .contact .tel_block p span{
color: #F59CA6;
font-size: 1.4rem;
}
#footer_info .contact .tel{
display: flex;
flex-direction: row;
align-items: center;
margin: 12px 0 0 0;
}
#footer_info .contact .tel img{
width: 23px;
height: auto;
margin: 4px 8px 0 0;
}
@media (min-width: 960px){
#footer_info .contact .tel img{
width: 30px;
height: auto;
margin: 4px 6px 0 0;
}
}
#footer_info .contact .tel a{
color: #1E2228;
font-size: 3.4rem;
font-family: 'Barlow', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.1em;
}
@media (min-width: 960px){
#footer_info .contact .tel a{
font-size: 4.2rem;
letter-spacing: 0.1em;
　pointer-events: none;
cursor: default;
}
}
#footer_info .btn_wrap{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 20px 0 40px 0;
}
@media (min-width: 960px){
#footer_info .btn_wrap{
flex-direction: row;
align-items: center;
justify-content: space-between;
margin: 40px 0 0 0;
}
}
#footer_info .btn_wrap .btn{
width: 100%;
}
@media (min-width: 960px){
#footer_info .btn_wrap .btn{
width: 48.5%;
}
}
#footer_info .btn_wrap .btn a{
color: #1E2228;
width: 300px;
height: 54px;
font-weight: 400;
letter-spacing: 0.06em;
letter-spacing: 0;
text-align: center;
border-radius: 100px;
font-size: 1.5rem;
font-size: 1.4rem;
line-height: 1.4;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
background-color: #FFCED4;
background-color: #fff5f6;
border: 1px solid #F59CA6;
transition: all 0.2s ease;
margin: 20px auto 0;
}
@media (min-width: 960px){
#footer_info .btn_wrap .btn a{
width: 100%;
font-size: 1.4rem;
letter-spacing: 0;
margin: 0;
}
}
@media (min-width: 960px){
#footer_info .contact .btn a:hover{
background-color: #F59CA6;
}
}
#footer_info .hours{
margin: 30px 0 0 0;
}
@media (min-width: 960px){
#footer_info .hours{
margin: 40px 0 0 0;
}
}
#footer_info .hours table{
width: 100%;
border-collapse: collapse;
}
#footer_info .hours table tr{
line-height: 1;
}
#footer_info .hours table tr td{
letter-spacing: 0.04em;
text-align: center;
padding: 10px 0 10px 0;
}
@media (min-width: 960px){
#footer_info .hours table tr td{
padding: 20px 0 20px 0;
}
}
#footer_info .hours table tr td.column-1{
width: 24%;
text-align: left;
}
@media (min-width: 960px){
#footer_info .hours table tr td.column-1{
width: 28%;
}
}
#footer_info .hours table tr.row-1 td{
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
border: 0;
padding: 0 0 10px 0;
}
#footer_info .hours table tr.row-2 td.column-1,
#footer_info .hours table tr.row-3 td.column-1{
color: #1E2228;
font-size: 1.6rem;
font-family: 'Barlow', sans-serif;
font-weight: 500;
line-height: 1.2;
letter-spacing: 0.02em;
}
@media (min-width: 960px){
#footer_info .hours table tr.row-2 td.column-1,
#footer_info .hours table tr.row-3 td.column-1{
font-size: 1.7rem;
line-height: 1;
}
}
#footer_info .hours table tr.row-2 td,
#footer_info .hours table tr.row-3 td{
color: #999;
font-size: 1.4rem;
vertical-align: middle;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}
@media (min-width: 960px){
#hours table tr.row-2 td,
#hours table tr.row-3 td{
font-size: 1.6rem;
}
}
#footer_info .hours table tr span{
color: #F59CA6;
}
#footer_info .hours table caption{
display: none;
}
#footer_info .closed{
width: 100%;
font-size: 1.5rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
margin: 25px 0 0 0;
}
@media (min-width: 960px){
#footer_info .closed{
font-size: 1.6rem;
}
}
#footer_info ul.note{
margin: 12px 0 0 0;
}
#footer_info ul.note li{
color: #1E2228;
font-size: 1.3rem;
font-weight: 300;
line-height: 1.6;
}
@media (min-width: 960px){
#footer_info ul.note li{
font-size: 1.35rem;
}
}
#footer_info .map_area .map{
width: 100%;
box-sizing: border-box;
border: 1px solid #FFCED4;
}
@media (min-width: 960px){
#footer_info .map_area .map{
margin: 3px 0 0 0;
}
}
#footer_info .map_area .map iframe{
width: 100%;
height: 330px;
display: block;
}
@media (min-width: 960px){
#footer_info .map_area .map iframe{
height: 500px;
}
}
#footer_info .map_area .btn{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
margin: 16px 0 0 0;
}
#footer_info .map_area .btn a{
color: #1E2228;
font-size: 1.4rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
display: flex;
flex-direction: row;
align-items: center;
transition: all 0.2s ease-in-out;
}
#footer_info .map_area .btn a img{
width: 13px;
height: auto;
display: block;
margin: 0 3px 0 6px;
}
@media (min-width: 960px){
#footer_info .map_area .btn a:hover{
color: #aaa;
}
} #shisetsu-kijun{
clear: both;
border-top: 1px solid #ddd;
background-color: #fff;
padding: 30px 0 30px 0;
}
@media (min-width: 960px){
#shisetsu-kijun{
padding: 50px 0 50px 0;
}
}
#shisetsu-kijun .wrap{
padding: 0 6.5vw;
margin: 0 auto;
box-sizing: border-box;
}
@media (min-width: 960px){
#shisetsu-kijun .wrap{
max-width: calc(930px + 10vw + 10vw);
padding: 0 10vw;
}
}
.shisetsu-kijun{
width: 100%;
text-align: justify;
box-sizing: border-box;
}
@media (min-width: 960px){
.shisetsu-kijun{
}
}
.shisetsu-kijun h3{
font-size: 1.6rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
text-align: center;
line-height: 1.5;
}
@media (min-width: 960px){
.shisetsu-kijun h3{
font-size: 1.7rem;
}
}
.shisetsu-kijun h4{
font-size: 1.4rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
border-left: 3px solid #F59CA6;
padding: 0 0 2px 10px;
}
@media (min-width: 960px){
.shisetsu-kijun h4{
font-size: 1.5rem;
}
}
.shisetsu-kijun p.text{
color: #1E2228;
font-size: 1.3rem;
font-weight: 300;
line-height: 1.6;
}
@media (min-width: 960px){
.shisetsu-kijun p.text{
font-size: 1.4rem;
}
}
.shisetsu-kijun p.signature{
color: #1E2228;
font-weight: 400;
text-align: right;
} footer{
width: 100vw;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #FBF6F9;
padding: 36px 0 90px 0;
}
@media (min-width: 960px){
footer{
padding: 70px 0 50px 0;
}
}
footer .wrap{
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: flex-start;
justify-content: center;
margin: 0 8vw;
}
@media (min-width: 960px){
footer .wrap{
margin: 0 10vw;
}
}
footer nav{
display: none;
}
@media (min-width: 960px){
footer nav{
width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: flex-start;
justify-content: center;
margin: 30px 0 0 0;
}
}
footer nav div{
width: auto;
}
footer nav div a{
color: #1E2228;
width: auto;
font-size: 1.55rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.08em;
display: block;
margin: 0 30px;
transition: all 0.2s ease-in-out;
}
footer nav div a:hover{
opacity: 0.5;
}
footer nav div .nav_child{
margin: 19px 0 0 0;
}
footer nav div .nav_child a{
color:#393b40;
width: auto;
font-size: 1.35rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
line-height: 1.8;
letter-spacing: 0.08em;
}
.footer_banner{
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin: 0 0 24px 0;
}
@media (min-width: 960px){
.footer_banner{
width: 966px;
margin: 40px 0 0 0;
}
}
.footer_banner a{
width: 48.9%;
height: auto;
border: 1px solid #ddd;
box-sizing: border-box;
transition: all 0.3s ease;
margin: 0 0 6px 0;
}
@media (min-width: 960px){
.footer_banner a{
width: 19.4%;
margin: 0;
}
}
.footer_banner a img{
width: 100%;
height: auto;
display: block;
}
.footer_banner a:hover{
border: 1px solid #aaa;
}
footer .copyright{
color: #1E2228;
width: 100%;
font-size: 1.1rem;
text-align: center;
line-height: 1.6;
letter-spacing: 0.08em;
}
@media (min-width: 960px){
footer .copyright{
font-size: 1.2rem;
margin: 70px 0 0 0;
}
} .page_top a{
width: 50px;
height: 50px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: #FFCED4;
position: fixed;
bottom: 4vw;
right: 4vw;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.08);
}
@media (min-width: 960px){
.page_top a{
width: 50px;
height: 50px;
bottom: 2vw;
right: 2vw;
bottom: 96px;
right: 20px;
}
}
.page_top a img{
width: 11px;
height: 15px;
display: block;
}
@media (min-width: 960px){
.page_top a:hover{
background-color: #F59CA6;
}
}