@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@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;
}
}

.humberger {
display: block;
height: 60px;
margin-left: auto;
position: relative;
z-index: 10000;
width: 60px;
border: none;
background-color: transparent;
margin: 10px 0 0 0;
}
.humberger.-active .humberger__line {
background-color: transparent;
}
.humberger.-active .humberger__line::before {
top: 0;
transform: rotate(45deg);
}
.humberger.-active .humberger__line::after {
top: 0;
transform: rotate(-45deg);
}
.humberger.-active .humberger__text::before {
content: 'MENU';
}
.humberger__line {
display: block;
height: 2px;
position: absolute;
top: 23px;
left: 50%;
transform: translateX(-50%);
width: 24px;
background-color: #1E2228;
transition: 0.4s;
}
.humberger__line:before,
.humberger__line:after {
content: "";
display: block;
height: 100%;
position: absolute;
width: 100%;
background-color: #1E2228;
transition: inherit;
}
.humberger__line:before {
top: -6px;
}
.humberger__line:after {
top: 6px;
}
.humberger__text {
position: absolute; left: -14px;
top: 11px;
transform: translateX(-50%);
width: 100%;
}
.humberger__text::before {
content: "MENU";
text-align: right;
color: #1E2228;
font-size: 1.3rem;
font-family: 'Barlow', sans-serif;
font-weight: 500;
letter-spacing: 0.02em;
}
.header__nav-area {
position: absolute;
top: 0;
left: -100%;
z-index: 9;
height: 100vh;
width: 330px;
width: 100vw;
overflow: scroll;
visibility: hidden;
padding-top: 60px;
background-color: #fff;
transition: 0.4s;
}
.header__nav-area.-active {
left: 0;
visibility: visible;
}
.global-navigation {
padding-top: 20px;
padding-right: 25px;
padding-bottom: 40px;
padding-left: 25px;
}
.global-navigation__list > li {
padding-bottom: 16px;
border-bottom: 1px dotted #aaa;
} .global-navigation__list > li + li {
margin-top: 16px;
}
.global-navigation__link {
color: #1E2228;
font-size: 1.5rem;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 400;
line-height: 1;
letter-spacing: 0.08em;
display: flex;
align-items: center;
justify-content: space-between;
transition: color 0.4s;
}
.global-navigation__link.-accordion {
position: relative;
background: none;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
padding: 0;
}
.global-navigation__link.-accordion p{
font-size: 1.5rem;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 400;
line-height: 1;
letter-spacing: 0.08em;
}
.global-navigation__link.-accordion::after {
content: '';
display: block;
height: 13px;
position: absolute;
top: 50%;
right: 6px;
width: 1px;
background-color: #F59CA6;
transform: translateY(-50%);
transition: transform 0.4s;
}
.global-navigation__link.-accordion::before {
content: '';
display: block;
height: 1px;
position: absolute;
top: 50%;
right: 0;
width: 13px;
background-color: #F59CA6;
transform: translateY(-50%);
}
.global-navigation__link.-active::after {
transform: translateY(-50%) rotate(-90deg);
}
.accordion {
height: 0;
overflow: hidden;
visibility: hidden;
transition: 0.4s;
}
.accordion.-active {
height: auto;
padding-top: 2px;
visibility: visible;
}
.accordion__list li {
margin-top: 15px;
font-size: 0.75rem;
font-size: 1.4rem;
}
.accordion__list li:nth-of-type(1) {
margin-bottom: -5px;
}
.accordion__list li + li {
margin-top: 15px;
}
.accordion__list li + li a,
.accordion__list li{
width: 100%;
display: block;
}
.accordion__link {
color: #1E2228;
font-size: 1.4rem;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 400;
line-height: 1;
letter-spacing: 0.08em;
}
 .top_transition {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #000;
z-index: 100000;
-webkit-transition: all 0.5s ease 0.16s;
transition: all 0.5s ease 0.16s;
opacity: 1;
}
.top_transition.active {
opacity: 0;
} #splash {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 99999; background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#splash #block {
box-sizing: border-box;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: center;
flex-direction: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 960px) {
#splash #block {
margin: 0;
}
} #splash .catch-img{
width: 65vw;
height: auto;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
z-index: 10;
opacity: 0;
transition: opacity 2.5s ease!important;
}
@media (min-width: 960px){
#splash .catch-img{
width: 420px;
}
}
#splash .catch-img img{
width: 23px;
height: 182.4667px;
display: block;
}
@media (min-width: 960px){
#splash .catch-img img{
width: 32px;
height: 253.8667px;
}
}
#splash.opacity .catch-img{
opacity: 1;
} #top_mv .wrap{
padding: 0 5vw 0 0;
margin: 0 auto;
box-sizing: border-box;
position: relative;
}
@media (min-width: 960px){
#top_mv .wrap{
max-width: calc(1600px + 10vw + 10vw);
padding: 0 10vw 0 3vw;
}
}
#info_section .wrap,
#top #section .wrap,
#top #section_2 .wrap,
#top #about .wrap{
padding: 0 6.5vw;
margin: 0 auto;
box-sizing: border-box;
}
@media (min-width: 960px){
#info_section .wrap,
#top #section .wrap,
#top #section_2 .wrap,
#top #about .wrap{
max-width: calc(1600px + 10vw + 10vw);
max-width: 1600px;
padding: 0 10vw;
}
} #top_main{
width: 100vw;
overflow: hidden;
box-sizing: border-box;
margin: 70px 0 0 0;
margin: 60px 0 0 0;
}
@media (min-width: 960px){
#top_main{
width: 100vw;
margin: 20px 0 0 0;
}
}
#top_main .wrap{
width: 100%;
padding: 0 5vw;
padding: 0;
margin: 0 auto;
box-sizing: border-box;
position: relative;
}
@media (min-width: 960px){
#top_main .wrap{
padding: 0 13vw;
}
}
#top_main #main_slide{
width: 100%;
height: auto;
box-sizing: border-box;
}
@media (min-width: 960px){
#top_main #main_slide{
}
}
#top_main #main_slide.forpc{
display: none;
}
@media (min-width: 440px){
#top_main #main_slide.forpc{
display: block;
}
}
@media (min-width: 440px){
#top_main #main_slide.forsp{
display: none;
}
}
#main_slide .swiper-container{
width: 100%;
overflow: hidden;
overflow: visible;
}
@media (min-width: 440px){
#main_slide .swiper-container{
width: 100%;
overflow: hidden;
overflow: visible;
}
}
#main_slide .swiper-slide{
width: 100%;
height: auto;
}
#main_slide .swiper-slide a{
width: 100%;
height: auto;
display: block;
border-radius: 10px;
border-radius: 0;
overflow: hidden;
box-sizing: border-box;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
}
@media (min-width: 960px){
#main_slide .swiper-slide a{
border-radius: 16px;
border: 1px solid #e9e9e9;
}
}
#main_slide .swiper-slide img{
width: 100%;
height: auto;
display: block;
} #top_information{
padding: 40px 0 0px 0;
}
@media (min-width: 960px){
#top_information{
padding: 40px 0 0px 0;
}
}
#top_information .wrap{
width: 100%;
margin: 0 auto;
padding: 0 5.5%;
box-sizing: border-box;
}
@media (min-width: 960px){
#top_information .wrap{
max-width: calc(860px + 10vw + 10vw);
padding: 0 10vw;
}
}
#top_information .info_wrap{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 20px;
background-color: #FBF6F9;
padding: 30px 0 30px 0;
box-sizing: border-box;
}
@media (min-width: 960px){
#info .info_wrap{
padding: 34px 0 36px 0;
}
}
#top_information .title_block{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 0 10px 0;
box-sizing: border-box;
}
@media (min-width: 960px){
#top_information .title_block{
padding: 0 0 10px 0;
}
}
#top_information h2.page_title{
font-size: 1.95rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.06em;
padding: 0 0 6px 0;
border-bottom: 1px solid #1E2228;
white-space: nowrap;
}
@media (min-width: 960px){
#top_information h2.page_title{
font-size: 2.6rem;
padding: 0 0 8px 0;
}
}
#top_information ul li{
color: #393b40;
font-size: 1.6rem;
line-height: 1;
letter-spacing: 0.06em;
padding: 10px 0 0 0;
}
@media (min-width: 960px){
#top_information ul li{
font-size: 1.8rem;
padding: 14px 0 0 0;
}
} #banner_slide{
overflow: hidden;
padding: 40px 0 0 0;
}
@media (min-width: 960px){
#banner_slide{
padding: 60px 0 0 0;
}
}
#banner_slide .wrap{
width: 100%;
margin: 0 auto;
box-sizing: border-box;
padding: 0 18vw;
padding: 0 6vw;
}
@media (min-width: 960px){
#banner_slide .wrap{
max-width: calc(860px + 10vw + 10vw);
padding: 0 10vw;
}
}
#banner_slide .swiper-container{
width: 100%;
position: relative;
overflow: visible;
}
@media (min-width: 960px){
#banner_slide .swiper-container{
overflow: hidden;
}
}
#banner_slide .swiper-slide a{
width: 100%;
height: auto;
display: block;
overflow: hidden;
border-radius: 7px;
box-sizing: border-box;
border: 1px solid #e9e9e9;
}
@media (min-width: 960px){
#banner_slide .swiper-slide a{
border-radius: 10px;
}
}
#banner_slide .swiper-slide a img{
width: 100%;
height: auto;
display: block;
transition: all 0.3s ease;
}
@media (min-width: 960px){
#banner_slide .swiper-slide a:hover img{
filter: opacity(80%);
}
}
#banner_slide .swiper-button-prev,
#banner_slide .swiper-button-next{
position: absolute;
bottom: 0!important;
width: 40px!important;
height: 40px!important;
border: 2px solid #fff;
box-sizing: border-box;
margin-top: -20px;
z-index: 20;
cursor: pointer;
outline: none;
background-size: 14px auto!important;
background-position: center center!important;
background-repeat: no-repeat!important;
background-color: #F59CA6;
border-radius: 50%!important;
}
@media (min-width: 960px){
#banner_slide .swiper-button-prev,
#banner_slide .swiper-button-next{
display: none;
}
}
#banner_slide .swiper-button-prev{
display: none;
}
.swiper-button-prev{
left: 0;
background-image: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/img/common/icon_arrow-rw.svg)!important;
transform: scale(-1, 1);
}
.swiper-button-next{
right: 0;
background-image: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/img/common/icon_arrow-rw.svg)!important;
}
.swiper-button-next:after,
.swiper-button-prev:after {
display: none!important;
}
.swiper-navigation-icon{
display: none!important;
}
#banner_slide .swiper-button-prev{
position: absolute;
left: -21vw;
left: 0;
}
#banner_slide .swiper-button-next{
position: absolute;
right: -21vw;
right: 0;
} #top_message{
padding: 60px 0 0 0;
}
@media (min-width: 960px){
#top_message{
padding: 120px 0 0 0;
}
}
#top_message .wrap{
width: 100%;
padding: 0 6.5vw;
margin: 0 auto;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
@media (min-width: 960px){
#top_message .wrap{
max-width: calc(1600px + 10vw + 10vw);
padding: 0 10vw;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
}
#top_message .text_block{
width: 100%;
}
@media (min-width: 960px){
#top_message .text_block{
width: 50%;
}
}
#top_message .text_block .title{
width: 100%;
font-size: 1.9rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1.6;
letter-spacing: 0.08em;
margin: 0 0 20px 0;
}
@media (min-width: 960px){
#top_message .text_block .title{
font-size: 3.0rem;
line-height: 1.6;
margin: 0 0 26px 0;
}
}
#top_message .text_block p.text{
}
@media (min-width: 960px){
#top_message .text_block p.text{
letter-spacing: 0.04em;
}
}
#top_message .text_block figure img{
width: 100%;
margin: 30px 0 0 0;
}
@media (min-width: 960px){
#top_message .text_block figure img{
width: 88%;
width: 72%;
width: 84%;
margin: 50px 0 0 0;
}
}
@media (min-width: 1900px){
#top_message .text_block figure img{
width: 88%;
}
}
#top_message .img_block{
width: 100%;
margin: 50px 0 0 0;
background-color: #aaa;
border-radius: 10px;
overflow: hidden;
}
@media (min-width: 960px){
#top_message .img_block{
width: 53.5%;
border-radius: 14px 0 0 14px;
margin: 0 -10vw 0 0;
}
}
@media (min-width: 1900px){
#top_message .img_block{
width: 54.5%;
max-height: 840px;
}
}
#top_message .img_block img{
width: 100%;
height: auto;
display: block;
} #banner{
padding: 60px 0 0 0;
}
@media (min-width: 960px){
#banner{
padding: 120px 0 0 0;
}
}
#banner .wrap{
width: 100%;
padding: 0 6.5vw;
margin: 0 auto;
box-sizing: border-box;
}
@media (min-width: 960px){
#banner .wrap{
max-width: calc(860px + 10vw + 10vw);
padding: 0 10vw;
}
}
#banner .img_block{
border: 1px solid #EDE7EB;
border: 1px solid #ddd;
box-sizing: border-box;
border-radius: 2px;
overflow: hidden;
}
@media (min-width: 960px){
#banner .img_block{
border-radius: 10px;
}
}
#banner a img{
width: 100%;
max-width: 860px;
height: auto;
display: block;
transition: all 0.3s ease;
}
@media (min-width: 960px){
#banner a:hover img{
transform: scale(1.0);
filter: opacity(80%);
}
} #info_section{
padding: 60px 0 0 0;
}
@media (min-width: 960px){
#info_section{
padding: 150px 0 0 0;
}
}
#info_section .title_block{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 0 40px 0;
}
@media (min-width: 960px){
#info_section .title_block{
padding: 0 0 64px 0;
}
}
#info_section h2.page_title{
font-size: 2.2rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.18em;
padding: 0 0 10px 0;
border-bottom: 1px solid #1E2228;
white-space: nowrap;
}
@media (min-width: 960px){
#info_section h2.page_title{
font-size: 3.8rem;
}
} .tab-group{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.tab-group li{
width: 40%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.tab-group li.tab-A{
margin: 0 1% 0 0;
}
@media (min-width: 960px){
.tab-group li.tab-A{
margin: 0 2% 0 0;
}
}
.tab-group li.tab-b{
margin: 0 0 0 1%;
}
@media (min-width: 960px){
.tab-group li.tab-b{
margin: 0 0 0 2%;
}
}
.tab{
color: #1E2228;
font-size: 1.4rem;
font-weight: 500;
text-align:center;
flex-grow: 1;
padding: 12px 6px;
cursor:pointer;
box-sizing: border-box;
border-radius: 100px;
background-color: #F7F7F7;
transition: all 0.2s ease;
}
@media (min-width: 960px){
.tab{
font-size: 1.7rem;
padding: 20px 0;
}
}
@media (min-width: 960px){
.tab:hover{
color: #fff;
background-color: #F59CA6;
}
}
.tab.is-active{
color: #fff;
transition: all 0.2s ease;
background-color: #F59CA6;
cursor: default;
position: relative;
}
@media (min-width: 960px){
.tab.is-active:hover{
background-color: #F59CA6;
}
}
.tab.is-active::after{
content: '';
width: 1.5px;
height: 12px;
background-color: #F59CA6;
position: absolute;
bottom: -12px;
left: 50%;
margin: 0 0 0 -0.5px;
}
@media (min-width: 960px){
.tab.is-active::after{
height: 18px;
bottom: -18px;
}
}
.panel-group{
width: 100%;
height: auto;
margin: 30px 0 0 0;
}
@media (min-width: 960px){
.panel-group{
width: 100%;
height: auto;
margin: 53px 0 0 0;
}
}
.panel{
display:none;
}
.panel.is-show{
display:block;
} ul.section_list{
margin: 0 0 -30px 0;
}
@media (min-width: 960px){
ul.section_list{
margin: 0 0 -46px 0;
}
}
@media (min-width: 960px){
ul.section_list::after{
display: block;
content:"";
width: 48%;
}
}
ul.section_list li{
width: 100%;
margin: 0 0 30px 0;
}
@media (min-width: 960px){
ul.section_list li{
width: 48%;
margin: 0 0 46px 0;
}
} ul.section_list_2{
width: 100%;
display: flex;
flex-direction: column;
margin: 50px 0 0 0;
}
@media (min-width: 960px){
ul.section_list_2{
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
margin: 50px 0 0 0;
}
}
@media (min-width: 960px){
ul.section_list_2::after{
display: block;
content:"";
width: 31.5%;
}
}
ul.section_list_2 li{
width: 100%;
}
@media (min-width: 960px){
ul.section_list_2 li{
width: 31.5%;
}
}
ul.section_list_2 li a{
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
border-top: 1px solid #ddd;
padding: 25px 0;
}
@media (min-width: 960px){
ul.section_list_2 li a{
border-bottom: 1px solid #ddd;
padding: 30px 0;
}
}
@media (min-width: 960px){
ul.section_list_2 li:nth-of-type(1) a,
ul.section_list_2 li:nth-of-type(2) a,
ul.section_list_2 li:nth-of-type(3) a{
border-bottom: 0px solid #ddd;
}
}
ul.section_list_2 li:nth-of-type(6) a{
border-bottom: 1px solid #ddd;
}
ul.section_list_2 li a figure{
width: 20%;
margin: 0;
padding: 0;
}
ul.section_list_2 li a figure img{
width: 100%;
height: auto;
display: block;
}
ul.section_list_2 li a .text_black{
width: 73%;
margin: 6px 0 0 0;
}
ul.section_list_2 li a .text_black h3{
color: #1E2228;
font-size: 1.6rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.1em;
display: inline-block;
float: left;
transition: all 0.2s ease-in-out;
}
@media (min-width: 960px){
ul.section_list_2 li a .text_black h3{
font-size: 1.9rem;
}
}
@media (min-width: 960px){
ul.section_list_2 li a:hover .text_black h3{
color: #888;
}
}
ul.section_list_2 li a .text_black img{
width: 14px;
height: 14px;
padding-left: 15px;
margin-top: 2px;
display: block;
}
ul.section_list_2 li a p.text{
font-size: 1.4rem;
margin: 20px 0 0 0;
}
@media (min-width: 960px){
ul.list li a p.text{
margin: 20px 0 0 0;
}
} #top ul.symptom_list li:nth-of-type(1){
border-top: 1px solid #CCC;
}
@media (min-width: 960px){
#top ul.symptom_list li:nth-of-type(1),
#top ul.symptom_list li:nth-of-type(2),
#top ul.symptom_list li:nth-of-type(3),
#top ul.symptom_list li:nth-of-type(4),
#top ul.symptom_list li:nth-of-type(5),
#top ul.symptom_list li:nth-of-type(6){
border-bottom: 0px solid #CCC;
}
} #about_slide{
padding: 120px 0 60px 0;
}
@media (min-width: 960px){
#about_slide{
padding: 227px 0 70px 0;
}
}
#about_slide .wrap{
padding: 0 0 0 6.5vw;;
margin: 0 auto;
box-sizing: border-box;
position: relative;
}
@media (min-width: 960px){
#about_slide .wrap{
max-width: calc(1600px + 10vw + 10vw);
padding: 0 0 0 10vw;
}
}
#about_slide .title_block{
position: absolute;
top: -70px;
right: 9.5vw;
z-index: 10;
}
@media (min-width: 960px){
#about_slide .title_block{
top: -142px;
right: 10.5vw;
}
}
#about_slide h2.page_title{
font-size: 2.2rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1.25;
letter-spacing: 0.18em;
text-align: center;
padding: 0 5px 0 0;
white-space: nowrap;
position: relative;
}
@media (min-width: 960px){
#about_slide h2.page_title{
font-size: 3.8rem;
}
}
#about_slide h2.page_title::after{
content: " ";
width: 100%;
height: 98%;
position: absolute;
top: 5px;
right: 0;
box-sizing: border-box;
border-right: 1px solid #1E2228;
}
#about_slide .copy_block{
position: absolute;
bottom: -6px;
left: 6.5vw;
z-index: 10;
}
@media (min-width: 960px){
#about_slide .copy_block{
bottom: 70px;
left: 10vw;
}
}
#about_slide h3.page_copy{
font-size: 1.7rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1.6;
letter-spacing: 0.10em;
padding: 16px 24px 10px 0;
border-radius: 0 12px 0 0;
white-space: nowrap;
position: relative;
background-color: #fff;
}
@media (min-width: 960px){
#about_slide h3.page_copy{
font-size: 2.4rem;
letter-spacing: 0.18em;
padding: 26px 44px 28px 4px;
border-radius: 0 12px 12px 0;
}
}
#about_slide h3.page_copy span{
color: #F58995;
}
#about_slide .swiper-container-wrap{
position: relative;
}
#about_slide .swiper-container{
width: 100%;
overflow: visible;
overflow: hidden;
border-radius: 12px 0 0 12px;
}
@media (min-width: 960px){
#about_slide .swiper-container{
border-radius: 16px 0 0 16px;
}
}
#about_slide li.swiper-slide{
overflow: hidden;
}
#about_slide li.swiper-slide figure{
padding: 0;
margin: 0;
display: block;
}
#about_slide li.swiper-slide img{
width: 100%;
height: auto;
display: block;
}
@media (min-width: 960px){
#about_slide li.swiper-slide img{
}
}
#about_slide li.swiper-slide figure.for-pc{
display: none;
}
@media (min-width: 960px){
#about_slide li.swiper-slide figure.for-pc{
display: block;
}
}
#about_slide li.swiper-slide figure.for-sp{
display: block;
}
@media (min-width: 960px){
#about_slide li.swiper-slide figure.for-sp{
display: none;
}
} #news{
background-color: #fafafa;
background-color: #FBF6F9;
padding: 60px 0 65px 0;
margin: 60px 0 0 0;
}
@media (min-width: 960px){
#news{
padding: 95px 0;
margin: 140px 0 0 0;
}
}
#news .wrap{
padding: 0 6.5vw;
margin: 0 auto;
}
@media (min-width: 960px){
#news .wrap{
max-width: 1000px;
padding: 0 14vw;
}
}
#news .title_block{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin: 0 0 30px 0;
}
@media (min-width: 960px){
#news .title_block{
flex-direction: row;
align-items: center;
justify-content: space-between;
margin: 0 0 36px 0;
}
}
#news .title_block h3.title{
font-size: 1.9rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.1em;
white-space: nowrap;
}
@media (min-width: 960px){
#news .title_block h3.title{
font-size: 2.6rem;
}
}
.news_btn a{
color: #1E2228;
display: flex;
flex-direction: row;
align-items: center;
transition: all 0.2s ease;
}
@media (min-width: 960px){
.news_btn a:hover{
color: #888;
}
}
.news_btn a .arrow{
width: 26px;
height: 26px;
aspect-ratio: 1 / 1;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: #FFB1BA;
margin: 0 0 0 8px;
}
@media (min-width: 960px){
.news_btn a .arrow{
width: 30px;
height: 30px;
margin: 0 0 0 10px;
}
}
#news li a{
color: #1E2228;
font-size: 1.4rem;
display: flex;
flex-direction: column;
justify-content: center;
border-bottom: 1px dotted #bbb;
padding: 20px 32px 15px 0;
position: relative;
transition: all 0.2s ease-in-out;
}
@media (min-width: 960px){
#news li a{
flex-direction: row;
align-items: center;
justify-content: flex-start;
padding: 22px 50px 22px 0;
}
}
#news li a::after{
content: '';
width: 12px;
height: 12px;
background-image: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/img/common/icon_arrow-r.svg);
background-size: 12px 12px;
background-repeat: no-repeat;
position: absolute;
top: 50%;
right: 2px;
margin: -6px 0 0 0;
}
@media (min-width: 960px){
#news li a::after{
width: 14px;
height: 14px;
background-size: 14px 14px;
right: 10px;
margin: -7px 0 0 0;
}
}
@media (min-width: 960px){
#news li a:hover{
color: #888;
}
}
#news li a .data_block{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
margin: 0 0 8px 0;
}
@media (min-width: 960px){
#news li a .data_block{
width: 290px;
margin: 0;
}
}
#news li a .data{
color: #888;
flex-direction: row;
align-items: center;
justify-content: flex-start;
font-size: 1.4rem;
font-family: 'Barlow', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.08em;
}
@media (min-width: 960px){
#news li a .data{
width: 6em;
font-size: 1.5rem;
}
}
#news li a .category{
color: #F58995;
font-size: 1.1rem;
line-height: 1.2;
letter-spacing: 0;
border: 1px solid #F58995;
border-radius: 3px;
padding: 0px 4px 1px 4px;
margin: 0 0 0 10px;
}
@media (min-width: 960px){
#news li a .category{
max-width: 150px;
font-size: 1.3rem;
line-height: 1.2;
text-align: center;
border-radius: 4px;
padding: 1px 5px 2px 5px;
margin: 0 0 0 18px;
}
}
#news li a .title{ line-height: 1.6;
}
@media (min-width: 960px){
#news li a .title{ }
}
.news-banner_btn{
display: flex;
flex-direction: column;
margin: 30px 0 -10px 0;
}
@media (min-width: 960px){
.news-banner_btn{
flex-direction: row;
justify-content: space-between;
margin: 40px 0 0 0;
}
} .news-banner_btn a{
width: 100%;
height: 60px;
box-sizing: border-box;
border: 1px solid #CCC;
background-color: #fff;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 10px 0;
position: relative;
}
@media (min-width: 960px){
.news-banner_btn a{
width: 32%;
height: 70px;
border-radius: 6px;
margin: 0 0 0 0;
}
}
.news-banner_btn a::after{
content: '';
width: 12px;
height: 12px;
background-image: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/img/common/icon_arrow-r.svg);
background-size: 12px 12px;
background-repeat: no-repeat;
position: absolute;
top: 50%;
right: 16px;
margin: -6px 0 0 0;
}
@media (min-width: 960px){
.news-banner_btn a::after{
width: 14px;
height: 14px;
background-size: 14px 14px;
right: 16px;
margin: -7px 0 0 0;
}
}
.news-banner_btn a img{
width: auto;
height: 40px;
transition: all 0.2s ease;
}
@media (min-width: 960px){
.news-banner_btn a:hover img{
opacity: 0.7;
}
} #section.section_other{
padding: 60px 0 0 0;
}
@media (min-width: 960px){
#section.section_other{
padding: 140px 0 0 0;
}
}
 #blog .wrap{
padding: 0 6.5vw;
margin: 0 auto;
display: flex;
flex-direction: column;
}
@media (min-width: 960px){
#blog .wrap{
max-width: 1300px;
padding: 0 14vw;
flex-direction: row;
justify-content: space-between;
}
} #blog .entry_block{
width: 100%;
}
@media (min-width: 960px){
#blog .entry_block{
width: calc(100% - 250px - 6%);
}
}
#blog .entry_block .entry{
border-radius: 12px;
border: 1px dotted #bbb;
background-color: #fff;
padding: 20px 18px 25px 18px;
box-sizing: border-box;
margin: 0 0 20px 0;
}
@media (min-width: 960px){
#blog .entry_block .entry{
padding: 45px 50px 40px 50px;
margin: 0 0 40px 0;
}
}
#page__single #blog .entry_block .entry{
margin: 0 0 50px 0;
}
@media (min-width: 960px){
#page__single #blog .entry_block .entry{
margin: 0 0 0 0;
}
}
#blog .entry_block .entry h2.title{
color: #1E2228;
font-size: 1.6rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1.4;
letter-spacing: 0.04em;
border-bottom: 1px dotted #F58995;
padding: 10px 0 10px 0;
}
@media (min-width: 960px){
#blog .entry_block .entry h2.title{
font-size: 2.2rem;
border-bottom: 2px dotted #F58995;
line-height: 1;
letter-spacing: 0.06em;
padding: 0 0 20px 0;
margin: 10px 0 0 0;
}
}
#blog .entry_block .entry .data{
color: #888;
font-size: 1.3rem;
line-height: 1;
padding: 0 0 10px 0;
margin: 10px 0 0 0;
}
@media (min-width: 960px){
#blog .entry_block .entry .data{
font-size: 1.4rem;
padding: 0 0 10px 0;
margin: 18px 0 0 0;
}
}
#blog .entry_block .entry h3{
font-size: 1.6rem;
font-weight: 500;
line-height: 1.4;
color: #fff;
border-radius: 3px;
padding: 10px 16px;
background-color: #FFB1BA;
background-color: #CAC8AE;
margin: 40px 0 20px 0;
}
@media (min-width: 960px){
#blog .entry_block .entry h3{
font-size: 1.7rem;
}
}
#blog .entry_block .entry p{
font-size: 1.4rem;
line-height: 1.7;
margin: 8px 0 0 0;
}
@media (min-width: 960px){
#blog .entry_block .entry p{
font-size: 1.55rem;
line-height: 1.8;
margin: 10px 0 0 0;
}
}
#blog .entry_block .entry .thumbnail img,
#blog .entry_block .entry .alignnone,
#blog .entry_block .entry p img{
width: auto;
max-width: 100%;
height: auto;
display: inline-block;
text-align: center;
padding: 30px 0 30px 0;
}
@media (min-width: 960px){
#blog .entry_block .entry .thumbnail img,
#blog .entry_block .entry .alignnone,
#blog .entry_block .entry p img{
max-width: 70%;
padding: 30px 0 30px 0;
}
}
#blog .entry_block .entry p iframe{
width: auto;
max-width: 100%;
height: auto;
aspect-ratio: 16 / 9;
display: block;
padding: 30px 0 30px 0;
}
@media (min-width: 960px){
#blog .entry_block .entry p iframe{
width: 500px;
max-width: 500px;
padding: 30px 0 30px 0;
}
}
#blog .entry_block .entry .wp-caption-text{
font-size: 1.4rem;
padding: 0px 0 10px 0;
}
#blog .entry_block .entry p a,
#blog .entry_block .entry table a{
color: #F58995;
color: #FF4922;
font-weight: 400;
text-decoration: underline;
}
#blog .entry_block .entry p a b,
#blog .entry_block .entry table a b{
font-weight: 400;
}
#blog .entry_block .entry table{
min-width: 70%;
border-collapse: collapse;
margin: 30px 0 30px;
}
#blog .entry_block .entry table th,
#blog .entry_block .entry table td{
border: 1px solid #ccc;
padding: 5px 18px;
} #blog .sidebar_block{
width: 100%;
}
@media (min-width: 960px){
#blog .sidebar_block{
width: 250px;
}
}
#blog .sidebar_block h3.sidebar_title{
font-size: 1.7rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.06em;
border-bottom: 2px solid #F58995;
padding: 0 0 12px 0;
margin: 0 0 12px 0;
}
#blog .sidebar_block .category_list{
margin: 0px 0 0 0;
}
@media (min-width: 960px){
#blog .sidebar_block .category_list{
margin: 46px 0 0 0;
}
}
#blog .sidebar_block a{
color: #1E2228;
font-size: 1.4rem;
display: block;
border-bottom: 1px solid #eee;
border-bottom: 1px dotted #bbb;
padding: 9px 0;
transition: all 0.2s ease-in-out;
}
@media (min-width: 960px){
#blog .sidebar_block a:hover{
color: #888;
}
} .newentry_list{
display: none;
}
@media (min-width: 960px){
.newentry_list{
display: block;
}
} .category_title{
font-size: 1.8rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.08em;
text-align: center;
background-color: #FBF6F9;
border-radius: 10px;
padding: 30px 20px;
margin: 0 0 50px 0;
white-space: nowrap;
} .wp-pagenavi{
width: 100%;
overflow: hidden;
font-size: 1.5rem;
font-weight: 400;
text-align: center;
margin: 10px 0 50px 0;
}
@media (min-width: 960px){
.wp-pagenavi{
font-size: 1.5rem;
margin: 10px 0 0 0;
}
}
.wp-pagenavi a,
.wp-pagenavi .current{
color: rgba(39, 45, 54, 1);
height: 26px;
text-align: center;
line-height: 25px;
border-radius: 4px;
background-color: rgba(85, 112, 142, 0.0);
margin: 0 2px;
padding: 0 12px;
display: inline-block;
transition: all 0.2s ease;
}
@media (min-width: 960px){
.wp-pagenavi a,
.wp-pagenavi .current{
height: 32px;
line-height: 32px;
margin: 0 2px;
padding: 0 12px;
}
}
.wp-pagenavi .current{
color: #fff;
background-color: rgba(85, 112, 142, 1);
background-color: #F58995;
}
@media (min-width: 960px){
.wp-pagenavi a:hover{
opacity: 0.3;
}
}.tablepress{--text-color:#111;--head-text-color:var(--text-color);--head-bg-color:#d9edf7;--odd-text-color:var(--text-color);--odd-bg-color:#fff;--even-text-color:var(--text-color);--even-bg-color:#f9f9f9;--hover-text-color:var(--text-color);--hover-bg-color:#f3f3f3;--border-color:#ddd;--padding:0.5rem;border:none;border-collapse:collapse;border-spacing:0;clear:both;margin:0 auto 1rem;table-layout:auto;width:100%}.tablepress>:not(caption)>*>*{background:none;border:none;box-sizing:border-box;float:none!important;padding:var(--padding);text-align:left;vertical-align:top}.tablepress>:where(thead)+tbody>:where(:not(.child))>*,.tablepress>tbody>*~:where(:not(.child))>*,.tablepress>tfoot>:where(:first-child)>*{border-top:1px solid var(--border-color)}.tablepress>:where(thead,tfoot)>tr>*{background-color:var(--head-bg-color);color:var(--head-text-color);font-weight:700;vertical-align:middle;word-break:normal}.tablepress>:where(tbody)>tr>*{color:var(--text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))>*{background-color:var(--odd-bg-color);color:var(--odd-text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>*{background-color:var(--even-bg-color);color:var(--even-text-color)}.tablepress>.row-hover>tr{content-visibility:auto}.tablepress>.row-hover>tr:has(+.child:hover)>*,.tablepress>.row-hover>tr:hover+:where(.child)>*,.tablepress>.row-hover>tr:where(:not(.dtrg-group)):hover>*{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.tablepress img{border:none;margin:0;max-width:none;padding:0}.tablepress-table-description{clear:both;display:block}.dt-scroll{width:100%}.dt-scroll .tablepress{width:100%!important}div.dt-scroll-body tfoot tr,div.dt-scroll-body thead tr{height:0}div.dt-scroll-body tfoot tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body thead tr th{border-bottom-width:0!important;border-top-width:0!important;height:0!important;padding-bottom:0!important;padding-top:0!important}div.dt-scroll-body tfoot tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body thead tr th div.dt-scroll-sizing{height:0!important;overflow:hidden!important}div.dt-scroll-body>table.dataTable>thead>tr>td,div.dt-scroll-body>table.dataTable>thead>tr>th{overflow:hidden}.tablepress{--head-active-bg-color:#049cdb;--head-active-text-color:var(--head-text-color);--head-sort-arrow-color:var(--head-active-text-color)}.tablepress thead th:active{outline:none}.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:before{bottom:50%;content:"\25b2";content:"\25b2"/"";display:block;position:absolute}.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:after{content:"\25bc";content:"\25bc"/"";display:block;position:absolute;top:50%}.tablepress thead .dt-orderable-asc .dt-column-order,.tablepress thead .dt-orderable-desc .dt-column-order,.tablepress thead .dt-ordering-asc .dt-column-order,.tablepress thead .dt-ordering-desc .dt-column-order{color:var(--head-sort-arrow-color);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif!important;font-size:14px;height:24px;line-height:12px;position:relative;width:12px}.tablepress thead .dt-orderable-asc .dt-column-order:after,.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-orderable-desc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:after,.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:before{opacity:.2}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc{cursor:pointer;outline-offset:-2px}.tablepress thead .dt-orderable-asc:hover,.tablepress thead .dt-orderable-desc:hover,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{background-color:var(--head-active-bg-color);color:var(--head-active-text-color)}.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after{opacity:.8}.tablepress tfoot>tr>* .dt-column-footer,.tablepress tfoot>tr>* .dt-column-header,.tablepress thead>tr>* .dt-column-footer,.tablepress thead>tr>* .dt-column-header{align-items:center;display:flex;gap:4px;justify-content:space-between}.tablepress tfoot>tr>* .dt-column-footer .dt-column-title,.tablepress tfoot>tr>* .dt-column-header .dt-column-title,.tablepress thead>tr>* .dt-column-footer .dt-column-title,.tablepress thead>tr>* .dt-column-header .dt-column-title{flex-grow:1}.tablepress tfoot>tr>* .dt-column-footer .dt-column-title:empty,.tablepress tfoot>tr>* .dt-column-header .dt-column-title:empty,.tablepress thead>tr>* .dt-column-footer .dt-column-title:empty,.tablepress thead>tr>* .dt-column-header .dt-column-title:empty{display:none}.tablepress:where(.auto-type-alignment) .dt-right,.tablepress:where(.auto-type-alignment) .dt-type-date,.tablepress:where(.auto-type-alignment) .dt-type-numeric{text-align:right}.tablepress:where(.auto-type-alignment) .dt-right .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-right .dt-column-header,.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-header,.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-header{flex-direction:row-reverse}.dt-container{clear:both;margin-bottom:1rem;position:relative}.dt-container table.tablepress{margin-bottom:0}.dt-container .dt-layout-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.dt-container .dt-layout-row.dt-layout-table .dt-layout-cell{display:block;width:100%}.dt-container .dt-layout-cell{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;padding:5px 0}.dt-container .dt-layout-cell.dt-layout-full{align-items:center;justify-content:space-between;width:100%}.dt-container .dt-layout-cell.dt-layout-full>:only-child{margin:auto}.dt-container .dt-layout-cell.dt-layout-start{align-items:center;justify-content:flex-start;margin-right:auto}.dt-container .dt-layout-cell.dt-layout-end{align-items:center;justify-content:flex-end;margin-left:auto}.dt-container .dt-layout-cell:empty{display:none}.dt-container .dt-input,.dt-container label{display:inline;width:auto}.dt-container .dt-input{font-size:inherit;padding:5px}.dt-container .dt-length,.dt-container .dt-search{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.dt-container .dt-paging .dt-paging-button{background:#0000;border:1px solid #0000;border-radius:2px;box-sizing:border-box;color:inherit!important;cursor:pointer;display:inline-block;font-size:1em;height:32px;margin-left:2px;min-width:32px;padding:0 5px;text-align:center;text-decoration:none!important;vertical-align:middle}.dt-container .dt-paging .dt-paging-button.current,.dt-container .dt-paging .dt-paging-button:hover{border:1px solid #111}.dt-container .dt-paging .dt-paging-button.disabled,.dt-container .dt-paging .dt-paging-button.disabled:active,.dt-container .dt-paging .dt-paging-button.disabled:hover{border:1px solid #0000;color:#0000004d!important;cursor:default;outline:none}.dt-container .dt-paging>.dt-paging-button:first-child{margin-left:0}.dt-container .dt-paging .ellipsis{padding:0 1em}@media screen and (max-width:767px){.dt-container .dt-layout-row{flex-direction:column}.dt-container .dt-layout-cell{flex-direction:column;padding:.5em 0}}