@charset "utf-8";
@charset "UTF-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@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;
}
}
 #thought_mv .wrap,
#concept_mv .wrap{
padding: 0 0;
margin: 0 auto;
}
@media (min-width: 960px){
#thought_mv .wrap,
#concept_mv .wrap{
max-width: 1300px;
padding: 0 14vw;
}
}
#thought_intro .wrap,
#feature .wrap,
#point .wrap{
padding: 0 6.5vw;
margin: 0 auto;
}
@media (min-width: 960px){
#thought_intro .wrap,
#feature .wrap,
#point .wrap{
max-width: 1000px;
padding: 0 14vw;
}
} #thought_mv .img_wrap,
#concept_mv .img_wrap{
width: 100%;
aspect-ratio: 10 / 4.75;
overflow: hidden;
border-radius: 0;
position: relative;
}
@media (min-width: 960px){
#thought_mv .img_wrap,
#concept_mv .img_wrap{
border-radius: 12px;
}
}
#thought_mv .img_wrap img,
#concept_mv .img_wrap img{
width: 100%;
height: auto;
display: block;
}
#thought_mv .img_wrap p{
color: #fff;
width: 100%;
height: 100%;
font-size: 1.8rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.06em;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
}
@media (min-width: 960px){
#thought_mv .img_wrap p{
font-size: 2.6rem;
}
} #thought_intro{
padding: 40px 0 0 0;
}
@media (min-width: 960px){
#thought_intro{
padding: 90px 0 0 0;
}
}
#thought_intro h2{
font-size: 2.0rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1.8;
letter-spacing: 0.08em;
}
@media (min-width: 960px){
#thought_intro h2{
font-size: 2.8rem;
}
}
#thought_intro p.text{
margin: 22px 0 0 0;
}
@media (min-width: 960px){
#thought_intro p.text{
margin: 26px 0 0 0;
}
} #feature{
padding: 60px 0 0 0;
}
@media (min-width: 960px){
#feature{
padding: 130px 0 0 0;
}
}
#feature ul.feature_list{
margin: 40px 0 -40px 0;
}
@media (min-width: 960px){
#feature ul.feature_list{
margin: 76px 0 -46px 0;
}
}
@media (min-width: 960px){
#feature ul.feature_list::after {
display: block;
content:"";
width: 48%;
}
}
#feature ul.feature_list li{
width: 100%;
margin: 0 0 40px 0;
}
@media (min-width: 960px){
#feature ul.feature_list li{
width: 48%;
margin: 0 0 46px 0;
}
} #point{
padding: 60px 0 0 0;
}
@media (min-width: 960px){
#point{
padding: 130px 0 0 0;
}
}
#point ul.point_list{
margin: 40px 0 -24px 0;
}
@media (min-width: 960px){
#point ul.point_list{
margin: 76px 0 -28px 0;
}
}
#point ul li{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
border: 1px solid #ddd;
border-radius: 12px;
box-sizing: border-box;
background-color: #fff;
padding: 26px 20px 26px 20px;
margin: 0 0 24px 0;
}
@media (min-width: 960px){
#point ul li{
flex-direction: row;
justify-content: space-between;
padding: 26px 32px 26px 38px;
margin: 0 0 28px 0;
}
}
#point ul li .number_block{
color: #fff;
width: 80px;
height: 80px;
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;
margin: 0 0 30px 0;
}
@media (min-width: 960px){
#point ul li .number_block{
width: 100px;
height: 100px;
margin: 0 30px 0 0;
}
}
#point ul li .number_block .text{
font-size: 1.4rem;
line-height: 1.2;
letter-spacing: 0.1em;
margin: 2px 0 0 0;
}
@media (min-width: 960px){
#point ul li .number_block .text{
line-height: 1.4;
}
}
#point ul li .number_block .number{
font-size: 3.0rem;
line-height: 1;
}
@media (min-width: 960px){
#point ul li .number_block .number{
font-size: 3.6rem;
}
}
#point ul li .text_block h3{
color: #1E2228;
font-size: 1.8rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.1em;
text-align: center;
margin: 0 0 0 0;
}
@media (min-width: 960px){
#point ul li .text_block h3{
font-size: 2.0rem;
text-align: left;
margin: 5px 0 0 0;
}
}
#point ul li .text_block p.text{
margin: 20px 0 0 0;
}
#point ul li img{
width: 100%;
height: auto;
display: block;
margin: 20px 0 0 0;
}
@media (min-width: 960px){
#point ul li img{
width: 25%;
margin: 0 0 0 40px;
}
} .thought-concept{
padding: 40px 0 0 0;
}
@media (min-width: 960px){
.thought-concept{
padding: 140px 0 0 0;
}
}
 #section{
width: 100vw;
}
#section .wrap,
#section_2 .wrap{
padding: 0 6.5vw;
margin: 0 auto;
}
@media (min-width: 960px){
#section .wrap,
#section_2 .wrap{
max-width: 1300px;
padding: 0 14vw;
}
}  #section_mv .wrap{
padding: 0 0;
margin: 0 auto;
}
@media (min-width: 960px){
#section_mv .wrap{
max-width: 1300px;
padding: 0 14vw;
}
}
#section_mv .img_wrap{
width: 100%;
aspect-ratio: 10 / 4.30;
overflow: hidden;
border-radius: 0;
position: relative;
background: #aaa;
}
@media (min-width: 960px){
#section_mv .img_wrap{
border-radius: 12px;
}
}
#section_mv .img_wrap img{
width: 100%;
height: auto;
display: block;
}
#section_mv .title_block{
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
}
@media (min-width: 960px){
#section_mv .title_block{
bottom: 50%;
left: 0;
margin: 0 0 -50px 0;
}
}
#section_mv h2.page_title{
font-size: 1.8rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1.6;
letter-spacing: 0.08em;
padding: 16px 24px 14px 6.5vw;
border-radius: 0 12px 0 0;
white-space: nowrap;
position: relative;
}
@media (min-width: 960px){
#section_mv h2.page_title{
font-size: 2.8rem;
letter-spacing: 0.18em;
padding: 24px 44px 26px 6px;
border-radius: 0 12px 12px 0;
background-color: #fff;
}
} #section_bnr.section_bnr .wrap{
padding: 0 6.5vw;
margin: 0 auto;
}
@media (min-width: 960px){
#section_bnr.section_bnr .wrap{
max-width: 1000px;
padding: 0 20vw;
}
}
#section_bnr.section_bnr .img_wrap{
width: 100%;
height: auto;
overflow: hidden;
border: 1px solid #eee;
box-sizing: border-box;
border-radius: 4px;
}
@media (min-width: 960px){
#section_bnr.section_bnr .img_wrap{
border-radius: 4px;
}
}
#section_bnr.section_bnr{
margin: 0 0 0 0;
}
@media (min-width: 960px){
#section_bnr.section_bnr{
margin: 0 0 0 0;
}
}
#section_bnr.section_bnr img{
display: block;
transition: all 0.3s ease;
}
#section_bnr.section_bnr a:hover img{
filter: opacity(80%);
} #section_intro{
margin: 35px 0 15px 0;
}
@media (min-width: 960px){
#section_intro{
margin: 70px 0 0 0;
}
}
#section_intro .wrap{
padding: 0 6.5vw;
margin: 0 auto;
}
@media (min-width: 960px){
#section_intro .wrap{
max-width: 1000px;
padding: 0 20vw;
}
}
#section_intro .info_block{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
border: 2px solid #4e91cb;
background-color: #fff;
padding: 24px 24px 24px 24px;
box-sizing: border-box;
}
@media (min-width: 960px){
#section_intro .info_block{
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 26px 38px 26px 40px;
}
}
#section_intro .text_block{
width: 100%;
}
@media (min-width: 960px){
#section_intro .text_block{
width: 70%;
}
}
#section_intro .img_block{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin: 24px 0 0 0;
}
@media (min-width: 960px){
#section_intro .img_block{
width: 26%;
margin: 0;
}
}
#section_intro h2{
color: #4e91cb;
font-size: 2.0rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1.8;
letter-spacing: 0.04em;
text-align: justify;
}
@media (min-width: 960px){
#section_intro h2{
font-size: 2.5rem;
line-height: 1.6;
text-align: left;
margin: -3px 0 0 0;
}
}
#section_intro h2 span{
font-size: 114%;
}
#section_intro p.text{
color: #444;
text-align: justify;
margin: 14px 0 0 0;
}
@media (min-width: 960px){
#section_intro p.text{
text-align: left;
margin: 16px 0 0 0;
}
}
#section_intro .img_block img{
width: 64%;
height: auto;
display: block;
}
@media (min-width: 960px){
#section_intro .img_block img{
width: 100%;
}
} #section_nav{
padding: 0 0 60px 0;
}
@media (min-width: 960px){
#section_nav{
padding: 0 0 100px 0;
}
}
#section_nav .wrap{
padding: 0 6.5vw;
margin: 0 auto;
}
@media (min-width: 960px){
#section_nav .wrap{
max-width: 1300px;
padding: 0 14vw;
}
}
ul.section_nav_list{
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin: 30px 0 0 0;
}
@media (min-width: 960px){
ul.section_nav_list{
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
margin: 70px 0 0 0;
}
}
@media (min-width: 960px){
ul.section_nav_list::after{
content: "";
width: 33.3333%;
}
}
ul.section_nav_list li{
width: 50%;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
background-color: #fff;
box-sizing: border-box;
margin-top: -1px;
}
@media (min-width: 960px){
ul.section_nav_list li{
width: 33.3333%;
border-top: 1px solid #CCC;
border-left: 0;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
margin-top: -1px;
}
}
@media (min-width: 960px){
ul.section_nav_list li:nth-of-type(1),
ul.section_nav_list li:nth-of-type(4),
ul.section_nav_list li:nth-of-type(7),
ul.section_nav_list li:nth-of-type(10){
border-left: 1px solid #CCC;
}
}
@media (max-width: 959px){
ul.section_nav_list li:nth-of-type(2),
ul.section_nav_list li:nth-of-type(4),
ul.section_nav_list li:nth-of-type(6),
ul.section_nav_list li:nth-of-type(8),
ul.section_nav_list li:nth-of-type(10){
border-left: 0 solid #CCC;
}
}
ul.section_nav_list li a{
color: #1E2228;
min-height: 38px;
font-size: 1.25rem;
line-height: 1.4;
letter-spacing: 0;
display: block;
position: relative;
transition: all 0.2s ease;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
padding: 5px 28px 5px 10px;
}
@media (min-width: 960px){
ul.section_nav_list li a{
height: auto;
font-size: 1.4rem;
letter-spacing: 0.06em;
padding: 16px 18px;
}
}
ul.section_nav_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-d.svg);
background-size: 14px 14px;
background-repeat: no-repeat;
position: absolute;
top: 50%;
right: 8px;
margin: -7px 0 0 0;
}
@media (min-width: 960px){
ul.section_nav_list li a::after{
right: 14px;
}
}
@media (min-width: 960px){
ul.section_nav_list li a:hover{
color: #666;
}
}
@media (min-width: 960px){
ul.col-2 li{
width: 50%;
}
ul.col-2::after{
content: "";
display: none;
}
}
@media (min-width: 960px){
ul.col-4 li{
width: 25%;
}
ul.col-4::after{
content: "";
display: none;
}
#section_nav ul.col-4 li:last-child{
border-left: 0 solid #ccc!important;
}
} #section_content .wrap{
padding: 0 6.5vw;
margin: 0 auto;
}
@media (min-width: 960px){
#section_content .wrap{
max-width: 1000px;
padding: 0 20vw;
}
}
#section_content .section{
padding: 0 0 70px 0;
}
@media (min-width: 960px){
#section_content .section{
padding: 0 0 200px 0;
}
}
#section_content .text_block{
width: 100%;
clear: both;
overflow: hidden;
box-sizing: border-box;
}
@media (min-width: 960px){
#section_content .text_block{
width: 100%;
}
} #section_content p.text{
} .pink{
color: #FA3572!important;
color: #F82354!important;
}
.black{
color: #1E2228!important;
}
#section_content .float-r{
float: right;
} #section_content figure img{
width: 100%;
height: auto;
display: block;
}
#section_content figure.figure_r{
width: 150px;
float: right;
overflow: hidden;
border-radius: 6px;
margin: 8px 0 5px 20px;
}
@media (min-width: 960px){
#section_content figure.figure_r{
width: 230px;
float: right;
margin: 6px 0 5px 36px;
}
}
#section_content img.image_l{
width: 140px;
float: left;
display: block;
margin: 0 16px 10px 0;
}
@media (min-width: 960px){
#section_content img.image_l{
width: 220px;
float: left;
margin: 0 44px 10px 0;
}
}
#section_content img.image_r{
width: 140px;
float: right;
display: block;
margin: 8px 0 10px 16px;
}
@media (min-width: 960px){
#section_content img.image_r{
width: 220px;
float: right;
margin: 10px 0 10px 44px;
}
}
#section_content figure.radius{
border-radius: 12px;
overflow: hidden;
}
#section_content img.image_full{
width: 100%;
border-radius: 10px;
display: block;
margin: 0 auto;
}
@media (min-width: 960px){
#section_content img.image_full{
width: 60%;
border-radius: 12px;
}
}
#section_content img.airflow{
width: 100%;
display: block;
margin: 0 auto;
}
@media (min-width: 960px){
#section_content img.airflow{
width: 80%;
}
}
#section_content img.for-pc{
display: none;
}
@media (min-width: 960px){
#section_content img.for-pc{
display: block;
}
#section_content img.for-sp{
display: none;
}
} #section_content h3.title_h3{
letter-spacing: 0.04em;
margin: 0 0 25px 0;
}
@media (min-width: 960px){
#section_content h3.title_h3{
margin: 0 0 80px 0;
}
}
#section_content h4.title_h4{
font-size: 1.7rem;
line-height: 1.5;
letter-spacing: 0.04em;
margin: 50px 0 20px 0;
}
@media (min-width: 960px){
#section_content h4.title_h4{
font-size: 2.4rem;
margin: 100px 0 40px 0;
}
}
#section_content h4.title_h4_2{
font-size: 1.7rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.04em;
padding: 15px 15px;
background-color: #FCDCE0;
border-radius: 4px;
margin: 50px 0 20px 0;
}
@media (min-width: 960px){
#section_content h4.title_h4_2{
font-size: 2.2rem;
padding: 23px 22px;
margin: 150px 0 40px 0;
}
}
#section_content h5.title_h5{
font-size: 1.6rem;
letter-spacing: 0.04em;
line-height: 2.0; display: inline-block;
text-decoration: underline 2px dashed #F59CA6;
text-underline-offset: 6px;
border-bottom: 0; margin: 40px 0 20px 0;
}
@media (min-width: 960px){
#section_content h5.title_h5{
font-size: 1.9rem;
line-height: 1.4;
text-underline-offset: 9px; margin: 60px 0 20px 0;
}
}
#section_content h5.title_h5_2{
color: #fff;
font-size: 1.6rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
letter-spacing: 0.04em;
border-radius: 100px;
background-color: #F59CA6;
display: inline-block;
text-align: center;
letter-spacing: 0.06em;
padding: 7px 26px 8px;
}
@media (min-width: 960px){
#section_content h5.title_h5_2{
font-size: 1.9rem;
padding: 8px 32px 9px;
}
}
#section_content .title_center{
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
} #section_content #doctor-message{
clear: both;
margin: 130px 0 0 0;
}
@media (min-width: 960px){
#section_content #doctor-message{
clear: both;
margin: 220px 0 0 0;
}
}
#section_content #doctor-message .text_block{
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
border-radius: 12px;
border: 2px dotted #F58995;
padding: 0 6.5% 30px;
margin: 0 auto;
overflow: visible;
}
@media (min-width: 960px){
#section_content #doctor-message .text_block{
padding: 0 6% 50px;
}
} .connection h6.title_h6{
color: #fff;
font-size: 1.3rem;
letter-spacing: 0.06em;
border-bottom: 0;
border-radius: 100px;
background-color: #F59CA6;
background-color: #FDE2E5;
display: inline-block;
text-align: center;
letter-spacing: 0;
padding: 6px 16px 7px;
margin: 30px 12px 10px 0;
}
@media (min-width: 960px){
.connection h6.title_h6{
font-size: 1.4rem;
padding: 6px 16px 7px;
margin: 40px 12px 12px 0;
}
}
.connection a{
line-height: 1.6;
font-weight: 300;
text-decoration: underline;
display: inline-block;
transition: all 0.2s ease;
}
@media (min-width: 960px){
.connection a:hover{
color: #1E2228;
}
}  #section_content .movie_wrap{
clear: both;
background-color: #FBF6F9;
padding: 20px 6.5vw;
}
@media (min-width: 960px){
#section_content .movie_wrap{
border-radius: 8px;
padding: 30px 0;
}
}
#section_content .movie_wrap iframe{
width: 100%;
height: auto;
display: block;
aspect-ratio: 16 / 9;
margin: 0 auto;
}
@media (min-width: 960px){
#section_content .movie_wrap iframe{
width: 600px;
}
} #section_content .base{
clear: both;
border-radius: 4px;
background-color: #FBF6F9;
padding: 20px 6.5vw;
}
@media (min-width: 960px){
#section_content .base{
border-radius: 12px;
padding: 30px 35px;
}
} #section_content .line-flame{
clear: both;
border-radius: 6px;
border: 1.5px solid #ddd;
padding: 24px 20px;
box-sizing: border-box;
}
@media (min-width: 960px){
#section_content .line-flame{
border-radius: 12px;
padding: 30px 35px;
}
} .bg-gray{
display: flex;
flex-direction: column;
justify-content: center;
border-radius: 4px;
background-color: #FBF6F9;
box-sizing: border-box;
padding: 20px 24px;
}
@media (min-width: 960px){
.bg-gray{
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 26px 28px;
}
}  #flow .text_block .connection_btn{
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
}
@media (min-width: 960px){
#flow .text_block .connection_btn{
justify-content: flex-start;
}
}
.connection_btn a{
color: #FA3572;
font-size: 1.4rem;
font-weight: 500;
font-weight: 400;
line-height: 1.6;
display: flex;
flex-direction: row;
align-items: center;
border-left: 0;
padding: 0;
margin: 26px 0 0 0;
transition: all 0.2s ease;
}
@media (min-width: 960px){
.connection_btn a{
font-size: 1.5rem;
}
}
.connection_btn a .arrow,
.connection_btn a .arrow-d{
width: 30px;
height: 30px;
border-radius: 50%;
aspect-ratio: 1 / 1;
display: flex;
align-items: center;
justify-content: center;
background-color: #4d86bd;
background-color: #FA3572;
background-color: #F59CA6;
margin: 0 13px 0 0;
transition: all 0.2s ease;
}
.connection_btn a:hover{
color: #888;
}
.connection_btn a .arrow img{
width: 10px;
height: auto;
display: block;
}
.connection_btn a .arrow-d img{
width: 13px;
height: auto;
display: block;
margin-top: 2px;
} #section_content #btn_block{
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
border-top: 1px dotted #bbb;
padding: 50px 0 0 0;
}
@media (min-width: 960px){
#section_content #btn_block{
padding: 80px 0 0 0;
}
}
#section_content #btn_block .view_btn:last-child{
padding: 0;
}
#section_content.halitosis #btn_block{
border-top: 0;
padding: 50px 0 0 0;
}
@media (min-width: 960px){
#section_content.halitosis #btn_block{
padding: 70px 0 0 0;
}
}  #esthe_concept{
margin: 0 0 0 0;
}
@media (min-width: 960px){
#esthe_concept{
margin: 0 0 0 0;
}
}
#esthe_concept .concept_list{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
border-bottom: 1px dashed #ccc;
border-bottom: 1px dotted #bbb;
box-sizing: border-box;
border-radius: 6px;
border: 1.5px solid #ddd;
padding: 24px 6.5vw;
box-sizing: border-box;
margin: 0 0 16px 0;
}
@media (min-width: 960px){
#esthe_concept .concept_list{
flex-direction: row;
justify-content: space-between;
border-radius: 12px;
padding: 30px 35px;
margin: 0 0 20px 0;
}
}
#esthe_concept .concept_list .text_block p.text{
text-align: center;
margin: 16px 0 0 0;
}
@media (min-width: 960px){
#esthe_concept .concept_list .text_block p.text{
text-align: left;
}
} #flow ul.flow_list{
border-top: 1px dotted #bbb;
margin: 20px 0 0 0;
}
@media (min-width: 960px){
#flow ul.flow_list{
margin: 30px 0 0 0;
}
}
#flow ul li{
width: 100%;
display: flex;
flex-shrink: 0;
flex-direction: column;
align-items: center;
border-bottom: 1px dashed #ccc;
border-bottom: 1px dotted #bbb;
box-sizing: border-box;
padding: 26px 20px;
padding: 30px 0px;
margin: 0 0 0 0;
}
@media (min-width: 960px){
#flow ul li{
flex-direction: row;
justify-content: space-between;
padding: 35px 0;
margin: 0 0 0 0;
}
}
#section_content .number_block{
color: #fff;
width: 90px!important;
height: 90px!important;
aspect-ratio: 1 / 1;
font-family: 'Barlow', sans-serif;
font-weight: 500;
border-radius: 50%;
display: flex;
flex-shrink: 0;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #FFB1BA;
background-color: #F59CA6;
margin: 0 0 30px 0;
}
@media (min-width: 960px){
#section_content .number_block{
width: 110px!important;
height: 110px!important;
margin: 0 50px 0 0;
}
}
.general #flow.menu ul li .number_block{
width: 114px;
height: 114px;
margin: 0 0 25px 0;
}
@media (min-width: 960px){
.general #flow.menu ul li .number_block{
width: 130px;
height: 130px;
margin: 0 50px 0 0;
}
}
.perio #flow.flow-perio ul li .number_block{
width: 114px;
height: 114px;
margin: 0 0 25px 0;
}
@media (min-width: 960px){
.perio #flow.flow-perio ul li .number_block{
width: 130px;
height: 130px;
margin: 0 50px 0 0;
}
}
#section_content .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){
#section_content .number_block .text{
}
.general #flow ul li .number_block .text{
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
margin: 0 0 7px 0;
}
}
#section_content .number_block .number{
color: #fff;
font-size: 3.0rem;
line-height: 1.0;
text-align: center;
}
@media (min-width: 960px){
#section_content .number_block .number{
font-size: 3.2rem;
}
.general #flow ul li .number_block .number{
font-size: 3.4rem;
}
}
#flow ul li .number_block .text2{
font-size: 1.1rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
line-height: 1.0;
text-align: center;
margin-top: 4px;
}
.perio #flow.flow-perio .number_block .level{
font-size: 1.35rem;
font-weight: 400;
line-height: 1.0;
text-align: center;
margin-top: 2px;
}
.perio #flow.flow-perio .number_block .label{
font-size: 2.2rem;
font-weight: 500;
line-height: 1.0;
letter-spacing: 0.1em;
text-align: center;
margin-top: 10px;
}
#flow .text_block h3{
color: #1E2228;
font-size: 1.7rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1.6;
letter-spacing: 0.06em;
text-align: center;
margin: 0 0 0 0;
}
@media (min-width: 960px){
#flow .text_block h3{
font-size: 2.0rem;
text-align: left;
margin: 5px 0 0 0;
}
}
#flow .text_block p.text{
text-align: center;
margin: 16px 0 0 0;
}
@media (min-width: 960px){
#flow .text_block p.text{
text-align: left;
}
}
.perio #flow.flow-perio .text_block dl{
display: flex;
flex-direction: row;
justify-content: flex-start;
}
.perio #flow.flow-perio .text_block dt{
height: 30px;
font-weight: 500;
text-align: left;
white-space: nowrap;
position: relative;
display: inline-block;
margin: 0 20px 0 0;
}
@media (min-width: 960px){
.perio #flow.flow-perio .text_block dt{
height: 30px;
margin: 0 24px 0 0;
}
}
.perio #flow.flow-perio .text_block dt::before{
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #1E2228;
}
.perio #flow.flow-perio .text_block dd{
font-weight: 500;
}
@media (min-width: 960px){
.perio #flow.flow-perio .text_block dd{
display: inline-block;
}
}
.perio #flow.flow-perio .text_block dd p.text{
text-align: left;
}
#section_content p.align_l{
text-align: left!important;
}
#section_content p.align_c{
text-align: center!important;
}
#section_content #flow figure.figure_r{
width: 170px;
float: right;
overflow: hidden;
border-radius: 6px;
margin: 26px 0 0 0;
}
@media (min-width: 960px){
#section_content #flow figure.figure_r{
width: 33%;
float: right;
margin: 0 0 0 50px;
}
} #flow_halitosis ul.flow_list{
border-top: 1px dotted #bbb;
margin: 20px 0 0 0;
}
@media (min-width: 960px){
#flow_halitosis ul.flow_list{
margin: 30px 0 0 0;
}
}
#flow_halitosis ul li{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
border-bottom: 1px dashed #ccc;
border-bottom: 1px dotted #bbb;
box-sizing: border-box;
padding: 26px 0;
margin: 0 0 0 0;
}
@media (min-width: 960px){
#flow_halitosis ul li{
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
padding: 35px 0;
margin: 0 0 0 0;
}
}
#flow_halitosis .text_block{
display: flex;
flex-direction: column;
align-items: center;
}
@media (min-width: 960px){
#flow_halitosis .text_block{
display: inline-block;
}
}
#flow_halitosis .text_block h3{
color: #1E2228;
font-size: 1.7rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1.6;
letter-spacing: 0.06em;
text-align: center;
margin: 0 0 0 0;
}
@media (min-width: 960px){
#flow_halitosis .text_block h3{
font-size: 2.0rem;
text-align: left;
margin: 5px 0 0 0;
}
}
#flow_halitosis .text_block h4{
font-size: 1.6rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.04em;
text-align: left;
border-bottom: 1px solid #F59CA6;
padding: 0 0 6px 0;
box-sizing: border-box;
display: inline-block;
}
@media (min-width: 960px){
#flow_halitosis .text_block h4{
font-size: 1.7rem;
padding: 0 0 7px 0;
}
}
#flow_halitosis .text_block p.text{
text-align: center;
text-align: left;
margin: 16px 0 0 0;
}
@media (min-width: 960px){
#flow_halitosis .text_block p.text{
text-align: left;
}
}
#flow_halitosis figure.figure_r{
width: 170px;
float: none;
overflow: hidden;
border-radius: 6px;
margin: 0 0 26px 0;
}
@media (min-width: 960px){
#flow_halitosis figure.figure_r{
width: 23.5%;
float: right;
margin: 0 0 0 50px;
}
}
#flow_halitosis .graph_block{
display: flex;
flex-direction: column;
}
@media (min-width: 960px){
#flow_halitosis .graph_block{
display: flex;
flex-direction: row;
justify-content: space-between;
}
}
#flow_halitosis .graph_block .graph{
width: 100%;
margin: 0 0 20px 0;
}
@media (min-width: 960px){
#flow_halitosis .graph_block .graph{
width: 47%;
margin: 10px 0 0 0;
}
}
#flow_halitosis .graph_block h4{
width: 100%;
font-size: 1.7rem;
text-align: center;
background-color: #f1f1f1;
border-bottom: 0;
margin: 0 0 15px 0;
padding: 8px 0;
} #faq ul.faq_list{
border-top: 1px dotted #bbb;
margin: 20px 0 0 0;
}
@media (min-width: 960px){
#faq ul.faq_list{
margin: 30px 0 0 0;
}
}
#faq ul li{
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
border-bottom: 1px dotted #bbb;
box-sizing: border-box;
padding: 30px 0;
margin: 0 0 0 0;
}
@media (min-width: 960px){
#faq ul li{
padding: 40px 0;
margin: 0 0 0 0;
}
}
#faq ul li .question,
#faq ul li .answer{
display: flex;
flex-direction: row;
justify-content: space-between;
}
#faq ul li .answer{
margin: 20px 0 0 0;
}
#faq ul li .i-question,
#faq ul li .i-answer{
color: #1E2228;
font-size: 2.4rem;
font-family: 'Barlow', sans-serif;
font-family: 'Zen Maru Gothic', sans-serif;
font-family: 'Barlow', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.06em;
margin: 1px 30px 0 0;
}
@media (min-width: 960px){
#faq ul li .i-question,
#faq ul li .i-answer{
font-size: 3.0rem;
margin: 5px 40px 0 0;
}
}
#faq ul li .i-answer{
color: #63666c;
color: #F58995;
font-weight: 500;
margin: 4px 30px 0 0;
}
@media (min-width: 960px){
#faq ul li .i-answer{
margin: 2px 40px 0 0;
}
}
#faq .question h3{
color: #1E2228;
font-size: 1.6rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1.6;
letter-spacing: 0.06em;
text-align: left;
margin: 0 0 0 0;
}
@media (min-width: 960px){
#faq .question h3{
font-size: 2.0rem;
margin: 5px 0 0 0;
}
}
#faq .answer p.text{
text-align: left;
} #cleaning ul.cleaning_list{
display: flex;
flex-direction: column;
}
@media (min-width: 960px){
#cleaning ul.cleaning_list{
flex-direction: row;
justify-content: space-between;
}
}
#cleaning ul li{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;
}
@media (min-width: 960px){
#cleaning ul li{
width: 49%;
align-items: center;
}
}
#cleaning ul li .figure_wrap{
display: flex;
flex-direction: row;
justify-content: space-between;
box-sizing: border-box;
}
#cleaning ul li .figure_wrap figure{
width: 100%;
float: none;
overflow: hidden;
border-radius: 6px;
margin: 0 4px 0 4px;
} #section_content ul.card_list{
display: flex;
flex-wrap: wrap;
flex-direction: column;
margin: -8px 0 0 0;
}
@media (min-width: 960px){
#section_content ul.card_list{
flex-direction: row;
justify-content: space-between;
margin: -8px 0 0 0;
}
}
#section_content ul.card_list li{
font-size: 1.4rem;
line-height: 1.4;
font-weight: 500;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
border-radius: 4px;
background-color: #FBF6F9;
box-sizing: border-box;
padding: 19px 20px;
margin: 8px 0 0 0;
}
@media (min-width: 960px){
#section_content ul.card_list li{
font-size: 1.5rem;
padding: 26px 28px;
margin: 8px 0 0 0;
}
}
#section_content ul.card_list li p.text{
line-height: 1.8;
}
#section_content .col1 li{
width: 100%;
}
#section_content .col2 li{
width: 100%;
}
@media (min-width: 960px){
#section_content .col2 li{
width: 49.5%;
}
}
#section_content .col3 li{
width: 100%;
}
@media (min-width: 960px){
#section_content .col3 li{
width: 32.7%;
}
}
#section_content .col4 li{
width: 100%;
}
@media (min-width: 960px){
#section_content .col4 li{
width: 24.2%;
}
}
#section_content .i-circle{
width: 7px;
height: 7px;
border-radius: 50%;
background-color: #F58995;
aspect-ratio: 1 / 1;
margin-right: 10px;
margin-top: 6px;
display: inline-block;
}
@media (min-width: 960px){
#section_content .i-circle{
margin-top: 8px;
margin-right: 12px;
}
}
#section_content .i-check{
width: 20px;
height: 20px;
background-image: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/img/common/icon_check.svg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-top: 0px;
margin-right: 12px;
}
@media (min-width: 960px){
#section_content .i-check{
width: 22px;
height: 22px;
margin-top: 0px;
margin-right: 14px;
}
} #section_content ul.goods_list{
display: flex;
flex-wrap: wrap;
flex-direction: column;
margin: -8px 0 0 0;
}
@media (min-width: 960px){
#section_content ul.goods_list{
flex-direction: row;
justify-content: space-between;
margin: -8px 0 0 0;
}
}
#section_content ul.goods_list li{
border-radius: 6px;
border: 1.5px solid #ddd;
background-color: #fff;
box-sizing: border-box;
margin: 8px 0 0 0;
}
@media (min-width: 960px){
#section_content ul.goods_list li{
font-size: 1.5rem;
margin: 8px 0 0 0;
}
}
#section_content ul.goods_list li a{
width: 100%;
font-size: 1.4rem;
line-height: 1.4;
font-weight: 500;
display: flex;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
padding: 21px 20px 19px;
}
@media (min-width: 960px){
#section_content ul.goods_list li a{
font-size: 1.5rem;
padding: 28px 20px 26px;
}
}
#section_content ul.goods_list li h3{
color: #1E2228;
font-size: 1.7rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1.4;
letter-spacing: 0.04em;
text-align: center;
transition: all 0.2s ease;
}
@media (min-width: 960px){
#section_content ul.goods_list li h3{
font-size: 1.9rem;
}
}
@media (min-width: 960px){
#section_content ul.goods_list li a:hover h3{
}
}
#section_content ul.goods_list li a p.text{
line-height: 1.8;
} #section_content .price_list dl{
font-size: 1.4rem;
line-height: 1.6;
font-weight: 500;
display: flex;
flex-direction: column;
justify-content: center;
border-radius: 4px;
background-color: #FBF6F9;
box-sizing: border-box;
padding: 19px 18px 19px 20px;
}
@media (min-width: 960px){
#section_content .price_list dl{
font-size: 1.5rem;
line-height: 1.4;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 30px 28px;
}
}
#section_content .price_list dt{
margin: 0 0 10px 0;
}
@media (min-width: 960px){
#section_content .price_list dt{
margin: 0;
}
}
#section_content .price_list dd{
font-feature-settings: "palt" 1;
letter-spacing: 0.04em;
} #section_content ul.care_figure{
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
margin: 0 0 20px 0;
}
@media (min-width: 960px){
#section_content ul.care_figure{
margin: 0 0 60px 0;
}
}
#section_content ul.care_figure li{
width: auto;
height: 83px;
margin: 0 3px;
}
@media (min-width: 960px){
#section_content ul.care_figure li{
height: 180px;
margin: 0 10px;
}
}
#section_content ul.care_figure li a{
transition: all 0.2s ease;
}
@media (min-width: 960px){
#section_content ul.care_figure li a:hover{
opacity: 0.7;
}
}
#section_content ul.care_figure li img{
width: auto;
height: 100%;
} #section_voice{
padding: 30px 0 30px 0;
overflow: hidden;
}
@media (min-width: 960px){
#section_voice{
padding: 60px 0 30px 0;
overflow: visible;
}
}
#section_voice .wrap{
padding: 0 6.5vw;
margin: 0 auto;
}
@media (min-width: 960px){
#section_voice .wrap{
max-width: 1000px;
padding: 0 20vw;
}
}
#section_voice h3.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;
padding-bottom: 30px;
}
@media (min-width: 960px){
#section_voice h3.title{
font-size: 2.6rem;
padding-bottom: 36px;
}
} #section_voice .entry_list .swiper-container-wrap{
position: relative;
}
#section_voice .swiper-container{
width: 100%;
overflow: visible;
}
@media (min-width: 960px){
#section_voice .swiper-container{
overflow: hidden;
}
}
#section_voice .swiper-button-prev,
#section_voice .swiper-button-next{
position: absolute;
bottom: 0!important;
width: 38px!important;
height: 38px!important;
margin-top: -19px;
z-index: 20;
cursor: pointer;
outline: none;
background-size: 12px auto!important;
background-position: center center!important;
background-repeat: no-repeat!important;
background-color: #4e91cb;
border-radius: 50%!important;
}
@media (min-width: 960px){
#section_voice .swiper-button-prev,
#section_voice .swiper-button-next{
width: 48px!important;
height: 48px!important;
margin-top: -24px;
display: block;
}
}
#section_voice .swiper-button-prev{
left: -8px;
background-image: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/img/common/icon_arrow-rw.svg)!important;
transform: scale(-1, 1);
}
@media (min-width: 960px){
#section_voice .swiper-button-prev{
left: -34px;
}
}
#section_voice .swiper-button-next{
right: -8px;
background-image: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/img/common/icon_arrow-rw.svg)!important;
}
@media (min-width: 960px){
#section_voice .swiper-button-next{
right: -34px;
}
}
#section_voice .swiper-slide{
color: #444;
letter-spacing: 0.02em;
border-radius: 8px;
background-color: #fff;
border: 1px solid #4e91cb;
box-sizing: border-box;
padding: 20px 20px 19px 24px;
}
@media (min-width: 440px){
#section_voice .swiper-slide{
padding: 22px 19px 22px 22px;
}
}
#section_voice .title_block{
width: 100%;
height: 54px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin: 0 0 18px 0;
}
#section_voice .icon-male{
width: 80px;
height: 54px;
background-image: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/img/common/voice-m.svg);
background-size: 54px 54px;
background-position: center;
background-repeat: no-repeat;
}
#section_voice .icon-woman{
width: 80px;
height: 54px;
display: block;
background-image: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/img/common/voice-w.svg);
background-size: 54px 54px;
background-repeat: no-repeat;
}
#section_voice .swiper-slide .star{
color: #D5AF30;
width: 100%;
font-size: 1.5rem;
font-weight: 500;
text-align: right;
line-height: 1;
letter-spacing: 0.14em;
margin: 0 4px 0 0;
}
#section_voice .swiper-slide .text_block{
color: #555;
width: 100%;
height: 256px;
font-size: 1.4rem;
line-height: 1.6;
letter-spacing: 0;
box-sizing: border-box;
padding: 0 5px 0 0;
text-align: justify;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
@media (min-width: 440px){
#section_voice .swiper-slide .text_block{
height: 260px;
}
}
#section_voice .swiper-slide .text_block::-webkit-scrollbar{
-webkit-appearance: none;
width: 5px;
}
#section_voice .swiper-slide .text_block::-webkit-scrollbar-thumb{
background-color: #bababa;
border-radius: 2.5px;
}
#section_voice .swiper-slide .text_block::-webkit-scrollbar-track{
background-color: #fff;
border-radius: 2.5px;
} #section_content .column_block{
font-weight: 500;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
border-radius: 10px;
background-color: #fff;
background-color: #f2e2e4;
border: 0px solid #FFBEC6;
box-sizing: border-box;
padding: 22px 20px;
}
@media (min-width: 960px){
#section_content .column_block{
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 30px 28px;
}
}
#section_content .column_block .ttl{
font-size: 1.7rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 600;
letter-spacing: 0.02em;
line-height: 1.5;
}
@media (min-width: 960px){
#section_content .column_block .ttl{
font-size: 1.9rem;
line-height: 1.8;
}
}
#section_content .column_block p{
line-height: 1.8;
}
#section_content .column_block figure{
width: 100%;
height: auto;
border-radius: 10px;
overflow: hidden;
background-color: #aaa;
margin-top: 26px;
}
@media (min-width: 960px){
#section_content .column_block figure{
width: 330px;
height: 170px;
margin-top: 0;
}
}
#section_content .column_block figure img{
width: 100%;
height: auto;
}
@media (min-width: 960px){
#section_content .column_block figure img{
width: auto;
height: 100%;
}
}
#section_content ul.ibiki_card li{
align-items: center;
line-height: 1.6;
}
#section_content ul.card_list li .no{
font-size: 2.2rem;
margin: 0 12px 0 0;
}
#section_content .ibiki_h4{
margin: 40px 0 20px 0!important;
}
@media (min-width: 960px){
#section_content .ibiki_h4{
margin: 70px 0 40px 0!important;
}
}
 #halitosis_nav{
padding: 0 0 0 0;
}
@media (min-width: 960px){
#halitosis_nav{
padding: 0 0 0 0;
}
}
#halitosis_nav .wrap{
padding: 0 6.5vw;
margin: 0 auto;
}
@media (min-width: 960px){
#halitosis_nav .wrap{
max-width: 1300px;
padding: 0 14vw;
}
}
ul.halitosis_nav_list{
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin: 0 0 0 0;
}
@media (min-width: 960px){
ul.halitosis_nav_list{
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
margin: 30px 0 0 0;
}
}
ul.halitosis_nav_list li{
width: 49%;
background-color: #f5f5f5;
border-radius: 6px;
margin: 0 0 5px 0;
}
@media (min-width: 960px){
ul.halitosis_nav_list li{
width: 19.5%;
border-radius: 8px;
margin: 0;
}
}
ul.halitosis_nav_list li a{
width: 100%;
height: 50px;
color: #1E2228;
font-size: 1.25rem;
line-height: 1.5;
letter-spacing: 0;
border-radius: 6px;
position: relative;
transition: all 0.2s ease;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
@media (min-width: 960px){
ul.halitosis_nav_list li a{
height: 74px;
font-size: 1.5rem;
letter-spacing: 0.04em;
border-radius: 8px;
text-align: center;
}
}
@media (min-width: 960px){
ul.halitosis_nav_list li a:hover{
color: #1E2228;
background-color: #eaeaea;
}
}
ul.halitosis_nav_list li.current a{
color: #fff;
background-color: #58a8db;
pointer-events: none;
} #section_mv.halitosis_mv .wrap{
padding: 0 6.5vw;
margin: 0 auto;
}
@media (min-width: 960px){
#section_mv.halitosis_mv .wrap{
max-width: 1000px;
padding: 0 20vw;
}
}
#section_mv.halitosis_mv .img_wrap{
aspect-ratio: 8 / 9.5;
border: 1px solid #eee;
box-sizing: border-box;
border-radius: 4px;
}
@media (min-width: 960px){
#section_mv.halitosis_mv .img_wrap{
aspect-ratio: 10 / 4.02;
border-radius: 4px;
margin: 0 0 40px 0;
}
}
#section_mv.halitosis_mv{
margin: 0 0 0 0;
}
@media (min-width: 960px){
#section_mv.halitosis_mv{
margin: 0 0 50px 0;
}
}
@media (min-width: 960px) {
#section_content.halitosis-2  h5.title_h5 {
margin: 70px 0 20px 0;
}
}
.halitosis-2 figure.figure_r2{
width: 56%!important;
}
@media (min-width: 960px){
.halitosis-2 figure.figure_r2{
width: 38%!important;
}
}
@media (min-width: 960px){
.halitosis-2 figure img.image_full{
width: 70%!important;
border-radius: 0!important;
}
}
.halitosis-2 figure img{
border-radius: 0!important;
}
.halitosis-2 #access{
padding: 0 0 0 0;
}
.halitosis-2 #hours{
padding: 0 0 0 0;
}
.halitosis-2 p.text a{
color: #2f93d0;
font-weight: 500;
text-decoration: underline;
transition: all 0.2s ease;
}
.halitosis-2 p.text a:hover{
opacity: 0.7;
}
.halitosis-2 .text_block figure p.cp{
font-size: 1.3rem;
line-height: 1;
text-align: center;
margin: 6px 0 0 0;
}
@media (min-width: 960px){
.history figure.photo{
width: 34%!important;
}
}
.halitosis-2 #btn_block{
border-top: 1px solid #eee!important;
padding: 50px 0 0 0;
}
@media (min-width: 960px){
#section_content.halitosis #btn_block{
padding: 70px 0 0 0;
}
}
.halitosis-2 #faq ul li{
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
border-bottom: 1px dotted #bbb;
box-sizing: border-box;
padding: 20px 0;
margin: 0 0 0 0;
}
@media (min-width: 960px){
.halitosis-2 #faq ul li{
padding: 24px 0;
margin: 0 0 0 0;
}
}
.halitosis-2 #faq .question h3{
color: #1E2228;
font-size: 1.5rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1.6;
letter-spacing: 0.04em;
text-align: left;
}
@media (min-width: 960px){
.halitosis-2 #faq .question h3{
font-size: 1.7rem;
margin: 5px 0 0 0;
}
}
.halitosis-2 #faq ul li .answer{
margin: 10px 0 0 0;
}
.halitosis-2 #faq .answer p.text{
font-size: 1.4rem;
text-align: left;
line-height: 1.7;
}
.halitosis-2 #flow_halitosis .graph_block{
width: 60%;
margin: 0 auto;
}
@media (min-width: 960px){
.halitosis-2 #flow_halitosis .graph_block{
width: 90%;
}
}
.halitosis-2 #flow_halitosis .graph_block .graph h4.cp{
color: #1E2228;
font-size: 1.4rem;
font-weight: 500;
border-bottom: 0!important;
} ul.faq_blog_list{
width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: column;
margin: -4px 0 0 0;
}
@media (min-width: 960px){
ul.faq_blog_list{
flex-direction: row;
align-items: center;
justify-content: space-between;
}
}
ul.faq_blog_list li{
width: 100%;
height: 56px;
font-size: 1.3rem;
line-height: 1.4;
font-weight: 500;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
border-radius: 4px;
background-color: #FBF6F9;
box-sizing: border-box;
padding: 19px 18px;
margin: 4px 0 0 0;
position: relative;
}
@media (min-width: 960px){
ul.faq_blog_list li{
width: 49.5%;
height: 68px;
font-size: 1.5rem;
padding: 0 26px;
margin: 8px 0 0 0;
}
}
ul.faq_blog_list li a{
color: #1E2228;
width: 100%;
height: 56px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
border-radius: 4px;
box-sizing: border-box;
padding: 19px 46px 19px 18px;
position: absolute;
top: 0;
left: 0;
background-color: #8fe2fd;
transition: all 0.2s ease;
}
@media (min-width: 960px){
ul.faq_blog_list li a{
width: 100%;
height: 68px;
padding: 0 60px 0 26px;
}
}
ul.faq_blog_list li a:hover{
background-color: #ddf6fe;
}
ul.faq_blog_list li a::after{
content: "";
width: 13px;
height: 13px;
background-image: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/img/common/icon_arrow-rw.svg);
background-size: 13px 13px;
background-repeat: no-repeat;
position: absolute;
top: 50%;
right: 10px;
margin: -6.5px 0 0 0;
}
@media (min-width: 960px){
ul.faq_blog_list li a::after{
right: 16px;
}
} #section_content.halitosis-2 h3.title_h3::before {
background-color: #2f93d0;
}
#section_content.halitosis-2 h4.title_h4{
border-left: 3px solid #2f93d0;
}
@media (min-width: 960px){
#section_content.halitosis-2 h4.title_h4{
border-left: 4px solid #2f93d0;
}
}
#section_content.halitosis-2 h5.title_h5{ text-decoration: underline 2px dashed #2f93d0;
}
#section_content.halitosis-2 .blue{
color: #2f93d0;
font-weight: 500;
}
.halitosis-2 #faq ul li .i-answer{
color: #2f93d0;
}
#section_content.halitosis-2 .i-circle{
background-color: #2f93d0;
}
#section_content.halitosis-2 #flow_halitosis .text_block h4{
border-bottom: 1px solid #2f93d0;
}
#section_content.halitosis-2 .flow_list .number_block{
background-color: #2f93d0;
} ul.movie_list{
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
@media (min-width: 960px){
ul.movie_list{
flex-direction: row;
justify-content: space-between;
}
}
ul.movie_list li{
width: 100%;
display: block;
box-sizing: border-box;
border: 1px solid #ddd;
margin: 20px 0 0 0;
}
@media (min-width: 960px){
ul.movie_list li{
width: 48.5%;
margin: 22px 0 0 0;
}
}
ul.movie_list li iframe{
width: 100%;
height: auto;
display: block;
aspect-ratio: 16 / 9;
border: 0;
}
 #about{
width: 100vw;
}
#about .wrap{
padding: 0 6.5vw;
margin: 0 auto;
}
@media (min-width: 960px){
#about .wrap{
max-width: 1600px;
padding: 0 10vw;
}
} #about ul.about_list{
margin: 0 0 -30px 0;
}
@media (min-width: 960px){
#about ul.about_list{
margin: 0 0 -46px 0;
}
}
@media (min-width: 960px){
#about ul.about_list::after{
display: block;
content:"";
width: 31%;
}
}
#about ul.about_list li{
width: 100%;
margin: 0 0 30px 0;
}
@media (min-width: 960px){
#about ul.about_list li{
width: 31%;
margin: 0 0 46px 0;
}
}
#about ul.about_list li a .img_wrap{
aspect-ratio: 10 / 6.5;
}
#about ul.about_list li a .title_wrap{
padding: 18px 22px 7px 2px;
}
@media (min-width: 960px){
#about ul.about_list li a .title_wrap{
padding: 20px 28px 8px 2px;
}
}
#about ul.about_list li a .title_wrap h3{
font-size: 1.7rem;
}
@media (min-width: 960px){
#about ul.about_list li a .title_wrap h3{
font-size: 2.0rem;
}
} #doctor .wrap,
#carrier .wrap,
#books .wrap{
padding: 0 6.5vw;
margin: 0 auto;
}
@media (min-width: 960px){
#doctor .wrap,
#carrier .wrap,
#books .wrap{
max-width: 1000px;
padding: 0 20vw;
}
} #greeting_mv .wrap{
padding: 0 0;
margin: 0 auto;
}
@media (min-width: 960px){
#greeting_mv .wrap{
max-width: 1300px;
padding: 0 14vw;
}
}
#greeting_mv .img_wrap,
#access_mv .img_wrap{
width: 100%;
aspect-ratio: 10 / 5.7;
overflow: hidden;
border-radius: 0;
position: relative;
}
@media (min-width: 960px){
#greeting_mv .img_wrap,
#access_mv .img_wrap{
border-radius: 12px;
}
}
#greeting_mv .img_wrap img,
#access_mv .img_wrap img{
width: 100%;
height: auto;
display: block;
} #message{
padding: 40px 0 0 0;
}
@media (min-width: 960px){
#message{
padding: 90px 0 0 0;
}
}
#message .wrap{
padding: 0 6.5vw;
margin: 0 auto;
}
@media (min-width: 960px){
#message .wrap{
max-width: 1000px;
padding: 0 22vw;
}
}
#message h2.title{
font-size: 2.0rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1.8;
letter-spacing: 0.08em;
}
@media (min-width: 960px){
#message h2.title{
font-size: 2.8rem;
}
}
#message p.text{
margin: 20px 0 0 0;
}
@media (min-width: 960px){
#message p.text{
margin: 26px 0 0 0;
}
}
#message h3.title{
font-size: 1.9rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.08em;
margin: 40px 0 0 0;
}
@media (min-width: 960px){
#message h3.title{
font-size: 2.2rem;
margin: 56px 0 0 0;
}
}
#message p.name{
font-size: 1.4rem;
line-height: 1;
text-align: right;
margin: 20px 0 0 0;
}
@media (min-width: 960px){
#message p.name{
margin: 34px 0 0 0;
}
}
#message p.name span{
font-size: 1.8rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.2em;
vertical-align: -0.05em;
margin: 0 0 0 12px;
}
@media (min-width: 960px){
#message p.name span{
font-size: 2.4rem;
vertical-align: -0.08em;
margin: 0 0 0 20px;
}
} #movie{
padding: 40px 0 0 0;
}
@media (min-width: 960px){
#movie{
padding: 90px 0 0 0;
}
}
#movie .wrap{
width: 100%;
padding: 0 0;
margin: 0 auto;
}
@media (min-width: 960px){
#movie .wrap{
max-width: 1000px;
padding: 0 14vw;
}
}
#movie .movie_wrap{
background-color: #FBF6F9;
padding: 30px 6.5vw;
}
@media (min-width: 960px){
#movie .movie_wrap{
border-radius: 10px;
padding: 40px 0;
}
}
#movie iframe{
width: 100%;
height: auto;
display: block;
aspect-ratio: 16 / 9;
margin: 0 auto;
}
@media (min-width: 960px){
#movie iframe{
width: 600px;
}
} #doctor{
padding: 60px 0 0 0;
}
@media (min-width: 960px){
#doctor{
padding: 130px 0 0 0;
}
}
#doctor .doctor_list{
border-top: 1px solid #CCC;
margin: 40px 0 0 0;
}
@media (min-width: 960px){
#doctor .doctor_list{
margin: 60px 0 0 0;
}
}
#doctor ul.doctor_list li{
display: flex;
flex-direction: column;
padding: 24px 0;
border-bottom: 1px solid #CCC;
}
@media (min-width: 960px){
#doctor ul.doctor_list li{
flex-direction: row;
justify-content: space-between;
padding: 40px 0;
}
}
#doctor ul.doctor_list li .title_block{
font-size: 1.6rem;
font-weight: 500;
width: 100%;
padding: 0 0 20px 0;
}
@media (min-width: 960px){
#doctor ul.doctor_list li .title_block{
font-size: 1.6rem;
width: 25%;
padding: 0;
}
}
#doctor ul.doctor_list li .text_block{
width: 100%;
}
@media (min-width: 960px){
#doctor ul.doctor_list li .text_block{
width: 75%;
}
}
#doctor ul.doctor_list li .text_block p.text{
}
.m-top{
margin-top: 12px;
}
@media (min-width: 960px){
.m-top{
margin-top: 14px;
}
}
#doctor ul.doctor_list li .text_block figure{
width: 180px;
float: right;
margin: 7px 0 15px 22px;
}
@media (min-width: 960px){
#doctor ul.doctor_list li .text_block figure{
width: 230px;
float: right;
margin: 7px 0 0 50px;
}
}
#doctor ul.doctor_list li .text_block figure p.cp{
font-size: 1.3rem;
line-height: 1;
text-align: right;
margin: 6px 0 0 0;
}
#doctor ul.doctor_list li .text_block .policy{
background-color: #FBF6F9;
padding: 24px 26px;
margin: 30px 0 0 0;
}
@media (min-width: 960px){
#doctor ul.doctor_list li .text_block .policy{
background-color: #FBF6F9;
padding: 30px 46px;
margin: 40px 0 0 0;
}
}
#doctor ul.doctor_list li .text_block .policy p.text{
color: #1E2228;
font-size: 1.4rem;
}
@media (min-width: 960px){
#doctor ul.doctor_list li .text_block .policy p.text{
font-size: 1.5rem;
}
}
#doctor .view_btn{
display: flex;
justify-content: center;
} #carrier{
padding: 60px 0 0 0;
}
@media (min-width: 960px){
#carrier{
padding: 130px 0 0 0;
}
}
#carrier ul.carrier_list{
border-top: 1px solid #CCC;
margin: 20px 0 0 0;
}
@media (min-width: 960px){
#carrier ul.carrier_list{
border-top: 1px solid #CCC;
margin: 40px 0 0 0;
}
}
#carrier ul.carrier_list li{
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#carrier ul.carrier_list li:first-child{
margin: 25px 0 0 0;
}
@media (min-width: 960px){
#carrier ul.carrier_list li:first-child{
margin: 30px 0 0 0;
}
}
#carrier ul.carrier_list li .dl{
width: 30%;
}
@media (min-width: 960px){
#carrier ul.carrier_list li .dl{
width: 25%;
}
}
#carrier ul.carrier_list li .dd{
width: 70%;
}
@media (min-width: 960px){
#carrier ul.carrier_list li .dd{
width: 75%;
}
} #books{
padding: 60px 0 0 0;
}
@media (min-width: 960px){
#books{
padding: 130px 0 0 0;
}
}
#books ul.books_list{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;
border-top: 1px solid #CCC;
margin: 20px 0 0 0;
padding: 30px 0 0 0;
}
@media (min-width: 960px){
#books ul.books_list{
flex-direction: row;
justify-content: space-between;
margin: 40px 0 0 0;
padding: 30px 0 0 0;
}
}
#books ul.books_list li{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
@media (min-width: 960px){
#books ul.books_list li{
width: 32.5%;
}
}
#books ul.books_list li figure{
width: 55%;
border: 1px solid #ddd;
margin-bottom: 20px;
}
@media (min-width: 960px){
#books ul.books_list li figure{
width: 60%;
}
} #introduction_mv .wrap{
padding: 0 0;
margin: 0 auto;
}
@media (min-width: 960px){
#introduction_mv .wrap{
max-width: 1300px;
padding: 0 14vw;
}
}
#introduction_mv .img_wrap{
width: 100%;
aspect-ratio: 10 / 5.7;
overflow: hidden;
border-radius: 0;
position: relative;
}
@media (min-width: 960px){
#introduction_mv .img_wrap{
border-radius: 12px;
}
}
#introduction_mv .img_wrap iframe{
width: 100%;
height: 100%;
display: block;
}
#introduction .wrap,
#doctor-message .wrap,
#btn_block .wrap{
padding: 0 6.5vw;
margin: 0 auto;
}
@media (min-width: 960px){
#introduction .wrap,
#doctor-message .wrap,
#btn_block .wrap{
max-width: 1000px;
padding: 0 20vw;
}
} #introduction_mv .btn{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
margin: 20px 0 10px 0;
}
@media (min-width: 960px){
#introduction_mv .btn{
margin: 25px 0 0 0;
}
}
#introduction_mv .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;
margin: 0 6.3vw 0 0;
}
@media (min-width: 960px){
#introduction_mv .btn a{
margin: 0;
}
}
#introduction_mv .btn a img{
width: 13px;
height: auto;
display: block;
margin: 0 3px 0 6px;
}
@media (min-width: 960px){
#introduction_mv .btn a:hover{
color: #aaa;
}
} #introduction{
padding: 40px 0 0 0;
}
@media (min-width: 960px){
#introduction{
padding: 80px 0 0 0;
}
}
#introduction figure.img_block{
display: flex;
flex-direction: column;
margin: 0 0 20px 0;
}
@media (min-width: 960px){
#introduction figure.img_block{
flex-direction: row;
margin: 0 0 35px 0;
}
}
#introduction figure.img_block img{
width: 100%;
display: block;
float: left;
margin: 0 0 4px 0;
}
@media (min-width: 960px){
#introduction figure.img_block img{
width: 50%;
margin: 0 0 0 0;
}
}
#introduction figure.img_block img:nth-of-type(2){
margin: 0 0 0 0;
}
#introduction p.text{
} #introduction.reception figure.img_block{
margin: 0 0 4px 0;
}
@media (min-width: 960px){
#introduction.reception figure.img_block{
margin: 0 0 35px 0;
}
}
.reception .text_block figure{
width: 100%;
margin: 0 0 20px 0;
}
@media (min-width: 960px){
.reception .text_block figure{
width: 360px;
float: right;
margin: 8px 0 20px 60px;
}
} .counseling-room .text_block figure{
width: 100%;
margin: 0 0 20px 0;
}
@media (min-width: 960px){
.counseling-room .text_block figure{
width: 436px;
float: left;
margin: 8px 60px 20px 0;
}
} .chair{
clear: both;
}
.chair .text_block figure{
width: 100%;
margin: 0 0 20px 0;
}
@media (min-width: 960px){
.chair .text_block figure{
width: 360px;
float: right;
margin: 0 0 20px 60px;
}
}
.chair .text_block h5{
width: 100%;
}
@media (min-width: 960px){
.chair .text_block h5{
width: calc(100% - 360px - 60px);
}
} .side-monitor{
clear: both;
} .inspection-room .text_block figure{
width: 100%;
margin: 0 0 20px 0;
}
@media (min-width: 960px){
.inspection-room .text_block figure{
width: 420px;
float: left;
margin: 8px 60px 20px 0;
}
} #doctor-message{
clear: both;
margin: 130px 0 0 0;
}
@media (min-width: 960px){
#doctor-message{
clear: both;
margin: 260px 0 0 0;
}
}
#doctor-message .text_block{
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
border-radius: 12px;
border: 2px dotted #F58995;
padding: 0 6.5% 30px;
margin: 0 auto;
}
@media (min-width: 960px){
#doctor-message .text_block{
padding: 0 9% 60px;
padding: 0 6% 50px;
}
}
#doctor-message figure{
margin: -70px 0 25px 0;
padding: 0;
display: block;
}
@media (min-width: 960px){
#doctor-message figure{
margin: -85px 0 30px 0;
}
}
#doctor-message figure img{
width: 110px;
height: auto;
display: block;
}
@media (min-width: 960px){
#doctor-message figure img{
width: 140px;
}
}
#doctor-message .title{
width: 100%;
font-size: 1.8rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1.4;
letter-spacing: 0.08em;
text-align: center;
margin: 0 0 26px 0;
}
@media (min-width: 960px){
#doctor-message .title{
font-size: 2.2rem;
line-height: 1.4;
margin: 0 0 32px 0;
}
}
#doctor-message p.text{
width: 100%;
text-align: left;
} #btn_block{
padding: 50px 0 0 0;
}
@media (min-width: 960px){
#btn_block{
padding: 90px 0 0 0;
}
}
#btn_block .wrap{
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
#btn_block .view_btn{
margin: 0 0 0 0;
}
#btn_block .view_btn:last-child{
padding: 10px 0 0 0;
}
@media (min-width: 960px){
#btn_block .view_btn:last-child{
padding: 20px 0 0 0;
}
} #access_mv .wrap{
padding: 0 0;
margin: 0 auto;
}
@media (min-width: 960px){
#access_mv .wrap{
max-width: 1300px;
padding: 0 14vw;
}
}
#access .wrap,
#hours .wrap,
#reserve .wrap{
padding: 0 6.5vw;
margin: 0 auto;
}
@media (min-width: 960px){
#access .wrap,
#hours .wrap,
#reserve .wrap{
max-width: 1000px;
padding: 0 20vw;
}
} #access{
margin: 40px 0 0 0;
}
@media (min-width: 960px){
#access{
margin: 100px 0 0 0;
}
}
#access p.text{
margin: 30px 0 30px 0;
}
@media (min-width: 960px){
#access p.text{
margin: 70px 0 30px 0;
}
}
#access .map{
width: 100%;
box-sizing: border-box;
border: 1px solid #FFCED4;
}
#access .map iframe{
width: 100%;
height: 380px;
display: block;
}
@media (min-width: 960px){
#access .map iframe{
height: 480px;
}
} #hours{
padding: 60px 0 0 0;
}
@media (min-width: 960px){
#hours{
padding: 130px 0 0 0;
}
}
#hours .hours{
margin: 30px 0 0 0;
}
@media (min-width: 960px){
#hours .hours{
margin: 70px 0 0 0;
}
}
#hours table tr{
line-height: 1;
}
#hours table tr td{
letter-spacing: 0.04em;
text-align: center;
}
@media (min-width: 960px){
#hours table tr td{
letter-spacing: 0.04em;
text-align: center;
}
}
#hours table tr td.column-1{
width: 18%;
line-height: 1.4;
text-align: center;
}
@media (min-width: 960px){
#hours table tr td.column-1{
width: 22%;
line-height: 1;
text-align: left;
padding-left: 24px;
padding-top: 24px;
padding-bottom: 24px;
}
}
#hours table tr.row-1{
background-color: #FFF5F6;
}
#hours table tr.row-1 td{
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
vertical-align: middle;
border: 0;
padding-top: 14px;
padding-bottom: 14px;
}
@media (min-width: 960px){
#hours table tr.row-1 td{
padding-top: 24px;
padding-bottom: 24px;
}
}
#hours table tr.row-2 td.column-1,
#hours table tr.row-3 td.column-1{
color: #1E2228;
font-size: 1.5rem;
font-family: 'Barlow', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.02em;
}
@media (min-width: 960px){
#hours table tr.row-2 td.column-1,
#hours table tr.row-3 td.column-1{
font-size: 1.7rem;
}
}
#hours table tr.row-2 td,
#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;
padding-top: 12px;
padding-bottom: 12px;
}
@media (min-width: 960px){
#hours table tr.row-2 td,
#hours table tr.row-3 td{
font-size: 1.6rem;
padding-top: 24px;
padding-bottom: 24px;
}
}
#hours table tr span{
color: #F59CA6;
}
#hours table caption{
display: none;
}
#hours .closed{
width: 100%;
font-size: 1.8rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
margin: 25px 0 0 0;
}
@media (min-width: 960px){
#hours .closed{
margin: 35px 0 0 0;
}
}
#hours .note{
color: #1E2228;
width: 100%;
font-size: 1.3rem;
font-weight: 400;
line-height: 1.6;
margin: 16px 0 0 0;
}
@media (min-width: 960px){
#hours .note{
font-size: 1.3rem;
margin: 26px 0 0 0;
}
}
#hours ul.note{
margin: 16px 0 0 0;
}
@media (min-width: 960px){
#hours ul.note{
margin: 26px 0 0 0;
}
}
#hours ul.note li{
color: #1E2228;
font-size: 1.3rem;
font-weight: 300;
line-height: 1.6;
}
@media (min-width: 960px){
#hours ul.note li{
font-size: 1.5rem;
}
} #reserve{
padding: 60px 0 0 0;
}
@media (min-width: 960px){
#reserve{
padding: 130px 0 0 0;
}
}
#reserve .text_block{
display: flex;
flex-direction: column;
align-items: flex-start;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
padding: 40px 0;
margin: 30px 0 0 0;
}
@media (min-width: 960px){
#reserve .text_block{
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 40px 0;
margin: 70px 0 0 0;
}
}
#reserve .tel_block p{
font-size: 1.5rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1.6;
}
@media (min-width: 960px){
#reserve .tel_block p{
font-size: 1.7rem;
}
}
#reserve .tel{
display: flex;
flex-direction: row;
align-items: center;
margin: 12px 0 0 0;
}
@media (min-width: 960px){
#reserve .tel{
margin: 16px 0 0 0;
}
}
#reserve .tel img{
width: 24px;
height: auto;
margin: 3px 10px 0 0;
}
@media (min-width: 960px){
#reserve .tel img{
width: 34px;
height: auto;
margin: 6px 12px 0 0;
}
}
#reserve .tel a{
color: #1E2228;
font-size: 3.8rem;
font-family: 'Barlow', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.1em;
}
@media (min-width: 960px){
#reserve .tel a{
font-size: 5.2rem;
pointer-events: none;
cursor: default;
}
}
#reserve ul.note{
margin: 20px 0 0 0;
}
@media (min-width: 960px){
#reserve ul.note{
margin: 22px 0 0 0;
}
}
#reserve ul.note li{
color: #1E2228;
font-size: 1.3rem;
font-weight: 300;
line-height: 1.6;
}
@media (min-width: 960px){
#reserve ul.note li{
font-size: 1.5rem;
}
}
#reserve .view_btn{
}
@media (min-width: 960px){
#reserve .view_btn{
margin: 0;
}
}
 #symptom{
width: 100vw;
}
#symptom .wrap{
padding: 0 6vw;
margin: 0 auto;
}
@media (min-width: 960px){
#symptom .wrap{
max-width: 1300px;
padding: 0 14vw;
}
} #symptom ul.symptom_list{
margin: 30px 0 0 0;
}
@media (min-width: 960px){
#symptom ul.symptom_list{
margin: 40px 0 -30px 0;
}
}
#symptom ul.symptom_list li{
}
@media (min-width: 960px){
#symptom ul.symptom_list li{
margin: 0 0 30px 0;
}
} #symptom-format{
padding: 40px 0 0 0;
}
@media (min-width: 960px){
#symptom-format{
padding: 80px 0 0 0;
}
}
#symptom-format .wrap{
padding: 0 6.5vw;
margin: 0 auto;
}
@media (min-width: 960px){
#symptom-format .wrap{
max-width: 1000px;
padding: 0 20vw;
}
}
#page_header .wrap{
padding: 0 0;
margin: 0 auto;
}
@media (min-width: 960px){
#page_header .wrap{
max-width: 1300px;
padding: 0 14vw;
}
}
#page_header .page_header{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #FBF6F9;
border-radius: 0;
padding: 45px 0 43px 0;
margin: 70px 0 0 0;
}
@media (min-width: 960px){
#page_header .page_header{
border-radius: 10px;
padding: 42px 0 40px 0;
margin: 60px 0 0 0;
}
}
#page_header .page_header .shoulder{
color: #fff;
display: inline-block;
line-height: 1;
letter-spacing: 0.08em;
border-radius: 100px;
background-color: #F59CA6;
padding: 6px 20px 6px 20px;
margin: 0 0 15px 0;
}
#page_header h2.page_title{
width: auto;
font-size: 1.8rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1.4;
letter-spacing: 0.08em;
text-align: center;
padding: 0 0 6px 0;
margin: 0 30px;
border-bottom: 1px solid #1E2228;
white-space: nowrap;
}
@media (min-width: 960px){
#page_header h2.page_title{
font-size: 3.0rem;
line-height: 1;
letter-spacing: 0.18em;
padding: 0 0 8px 0;
margin: 0;
white-space: nowrap;
}
}
#symptom-format p.text{
color: #62666D;
padding: 0 0 0 0;
margin: 28px 0 0 0;
}
#symptom-format ul{
margin: 30px 0 30px 0;
}
#symptom-format ul li{
margin: 24px 0 0 0;
}
#symptom-format ul li h3{
font-size: 1.55rem;
font-weight: 500;
margin: 0 0 8px 0;
}
#symptom-format ul li p.text{
color: #62666D;
padding: 0 0 0 2em;
margin: 0 0 0 0;
}
#symptom-format p.m-top {
margin-top: 12px;
}
#symptom-format h6.title_h6{
margin: 20px 0 0 0;
}
@media (min-width: 960px){
#symptom-format h6.title_h6{
margin: 40px 0 0 0;
}
} #page__symptom-format #doctor-message{
margin: 190px 0 0 0;
}
#page__symptom-format #doctor-message .text_block{
padding: 0 9% 50px;
padding: 0 6% 50px;
margin: 0 auto;
}
#page__symptom-format #doctor-message figure{
margin: -85px 0 20px 0;
}
#page__symptom-format .view_btn p{
display: none;
}
 #recruit_mv .wrap{
padding: 0 0;
margin: 0 auto;
}
@media (min-width: 960px){
#recruit_mv .wrap{
max-width: 1300px;
padding: 0 14vw;
}
}
#recruit-message .wrap,
#point.recruit-point .wrap,
#requirements .wrap{
padding: 0 6.5vw;
margin: 0 auto;
}
@media (min-width: 960px){
#recruit-message .wrap,
#point.recruit-point .wrap,
#requirements .wrap{
max-width: 1000px;
padding: 0 20vw;
}
} #recruit-message{
padding: 40px 0 0 0;
}
@media (min-width: 960px){
#recruit-message{
padding: 90px 0 0 0;
}
}
#recruit-message .wrap{
display: flex;
flex-direction: column;
justify-content: flex-start;
}
@media (min-width: 960px){
#recruit-message .wrap{
flex-direction: row;
justify-content: space-between;
}
}
#recruit-message h2.title{
font-size: 1.9rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1.6;
letter-spacing: 0.08em;
}
@media (min-width: 960px){
#recruit-message h2.title{
font-size: 2.4rem;
}
}
#recruit-message p.text{
margin: 20px 0 0 0;
}
@media (min-width: 960px){
#recruit-message p.text{
margin: 22px 0 0 0;
}
}
#recruit-message h3.title{
font-size: 1.9rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1.6;
letter-spacing: 0.08em;
margin: 30px 0 0 0;
}
@media (min-width: 960px){
#recruit-message h3.title{
margin: 50px 0 0 0;
}
}
#recruit-message .text_block{
width: 100%;
}
@media (min-width: 960px){
#recruit-message .text_block{
width: 50%;
}
}
#recruit-message .img_block{
width: 100%;
margin: 30px 0 0 0;
}
@media (min-width: 960px){
#recruit-message .img_block{
width: 40%;
margin: 10px 0 0 0;
}
}
#recruit-message .img_block figure{
width: 100%;
border-radius: 10px;
overflow: hidden;
}
@media (min-width: 960px){
#recruit-message .img_block figure{
border-radius: 12px;
}
}
#recruit-message .img_block img{
width: 100%;
}
#recruit-message p.name{
font-size: 1.4rem;
line-height: 1;
text-align: right;
margin: 20px 0 0 0;
}
@media (min-width: 960px){
#recruit-message p.name{
margin: 26px 0 0 0;
}
}
#recruit-message p.name span{
font-size: 1.8rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.2em;
vertical-align: -0.05em;
margin: 0 0 0 12px;
}
@media (min-width: 960px){
#message p.name span{
font-size: 2.4rem;
vertical-align: -0.08em;
margin: 0 0 0 20px;
}
} #point.recruit-point{
padding: 60px 0 0 0;
}
@media (min-width: 960px){
#point.recruit-point{
padding: 90px 0 0 0;
}
}
#point.recruit-point ul.point_list{
margin: 0 0 -24px 0;
}
@media (min-width: 960px){
#point.recruit-point ul.point_list{
margin: 0 0 -28px 0;
}
} #point.recruit-point ul li .text_block h3{
line-height: 1.6;
} #requirements{
padding: 60px 0 0 0;
}
@media (min-width: 960px){
#requirements{
padding: 130px 0 0 0;
}
}
.job_list{
width: 100%!important;
font-family: 'Noto Sans JP', sans-serif;
border-bottom: 1px solid #DDDDDD!important;
margin: 30px 0 0 0!important;
}
@media (min-width: 960px){
.job_list{
margin: 50px 0 0 0!important;
}
}
.job_list tr td{
color: #393b40!important;
font-size: 1.3rem!important;
font-weight: 400;
letter-spacing: 0.06em;
line-height: 1.6;
border-top: 1px solid #DDDDDD;
padding: 20px 0 20px 0!important;
}
@media (min-width: 960px){
.job_list tr td{
font-size: 1.5rem!important;
line-height: 1.7;
padding: 24px 0 24px 0!important;
}
}
.job_list tr td.column-1{
color: #1E2228!important;
width: 30%!important;
font-weight: 500;
vertical-align: middle;
padding: 20px 6px 20px 0!important;
}
@media (min-width: 960px){
.job_list tr td.column-1{
width: 25%!important;
padding: 24px 0 24px 24px!important;
}
}
.job_list caption{
display: none;
} #page__recruit .view_btn:last-child{
padding: 0 0 0 0;
}

address, blockquote, button, dd, dt, h1, h2, h3, h4, h5, h6, input, li, p, pre, select, td, textarea, th { }
#content h2.text {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/h2_bg.jpg) left 2px no-repeat;
padding: 14px 8px 35px 8px;
color: #666;
font-weight: 400;
letter-spacing: 0.02em;
font-size: 30px
}
#content h2.text_small {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/h2_bg.jpg) left 2px no-repeat;
padding: 14px 8px 35px 8px;
color: #666;
font-weight: 400;
font-size: 27px
}
#content h3 {
margin-top: 30px
}
#content h3.text {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/h3_bg.jpg) left 2px no-repeat;
padding: 12px 10px 17px 20px;
color: #72583d;
font-weight: 700;
font-size: 21px;
font-size: 1.6rem;
}
@media (min-width: 960px){
#content h3.text {
font-size: 1.8rem;
}
}
#content h4 {
margin-top: 20px;
clear: both
}
#content h4.text {
background: #cac8af;
padding: 11px 20px 10px 20px;
color: #fff;
font-weight: 700;
font-size: 16px
}
#content h5.text {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/title_bg.jpg) left 2px no-repeat;
padding: 8px 20px 10px 20px;
font-weight: 700;
color: #72583d;
font-size: 15px
}
#content h5.text_title {
padding: 5px 20px 10px 5px;
font-weight: 700;
border-bottom: #72583d 4px double;
color: #72583d;
font-size: 15px
}
#content p.text_title {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/title_bg.jpg) left 2px no-repeat;
padding: 8px 20px 0 20px;
font-weight: 700
}
#content p.text_perio_ti {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/perio_ti_bg.jpg) left 2px no-repeat;
padding: 5px 20px 10px 30px;
font-weight: 700
}
#content a {
color: #f41;
text-decoration: underline!important;
margin: 4px 0;
}
#content a:active, #content a:hover {
color: #f96;
text-decoration: none
}
#content ul li {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/list_ico.jpg) left 2px no-repeat;
padding-left: 20px
}
#content table {
width: 100%;
max-width: 600px;
margin-top: 30px
}
td, th {
height: 20px
}
th {
width: 150px;
background: #f0f0d6
}
th.youbi {
width: 40px;
background: #f0f0d6
}
#content p {
margin-bottom: 1em;
}
#content p.center{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
text-align: center;
margin: 0 auto;
}
#content div img,
#content p img{
width: 100%;
}
@media (min-width: 960px){
#content div img,
#content p img{
width: auto;
}
}
#content p.image_l img,
#content p.image_r img{
width: 160px;
display: block;
}
@media (min-width: 960px){
#content p.image_l img,
#content p.image_r img{
width: auto;
}
}
dd img, dt img, li img {
vertical-align: bottom
}
.section {
padding: .5em 1em 1em
}
.section .section {
padding: .5em .5em 1em
}
.image_l {
float: left;
margin: 0 12px 8px 0
}
@media (min-width: 960px){
.image_l {
margin: 0 16px 8px 0
}
}
.image_l02 {
float: left;
margin: 0 150px 8px 0
}
.image_r {
float: right!important;
margin: 0 0 8px 12px
}
@media (min-width: 960px){
.image_r {
margin: 0 0 8px 16px
}
}
img.image_r {
float: right!important;
margin: 0 0 8px 12px
}
@media (min-width: 960px){
img.image_r {
margin: 0 0 8px 16px
}
}
.image_r02 {
float: right;
margin: 0
}
.case {
margin: 10px 20px;
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/arrow_h.jpg) center center no-repeat
}
.case-narrow {
margin: 10px 40px;
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/arrow_h.jpg) center center no-repeat
}
.case-noimg {
margin: 10px 20px
}
ul.totop {
clear: both;
padding-bottom: 20px
}
ul.totop li {
float: right;
list-style: none
}
#content .mt01 {
margin-top: 10px
}
#content .mt02 {
margin-top: 20px
}
#content .mt03 {
margin-top: 30px
}
#content .mt04 {
margin-top: 40px
}
#content .mt05 {
margin-top: 50px
}
#content .mt06 {
margin-top: 15px
}
.ml20 {
margin-left: 20px
}
.nav_text {
margin: 0 40px 0 40px;
text-align: left
}
.font_b {
font-weight: 700;
color: #f39700
}
.red {
color: #c20c08;
font-size: 16px;
font-weight: 700;
background: #fadbe3;
padding: 10px 0
}
.red_s {
color: #c20c08;
font-size: 14px;
font-weight: 700;
background: #fadbe3;
padding: 10px 0;
line-height: 2
}
.red_t {
color: #c20c08;
font-size: 16px;
font-weight: 700
}
.red_t02 {
color: #c20c08;
font-size: 14px;
font-weight: 700
}
.red_t03 {
color: #c20c08;
font-size: 14px
}
.red_t04 {
color: #c20c08;
font-size: 24px;
font-weight: 700
}
.red_t05 {
color: #c20c08;
font-size: 16px;
font-weight: 700
}
.red_small {
color: #c20c08;
font-size: 12px;
font-weight: 700
}
.red_waku {
background: #fadbe3;
padding: 15px 15px 5px 15px
}
.box_bg {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/box_bg.jpg) left 10px repeat-y;
margin-top: 10px
}
.box_bottom {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/box_underbg.jpg) left bottom no-repeat;
padding-bottom: 10px
}
.box_bottom p, .under_arrow p {
margin: 0;
padding: 0
}
.box_p {
padding: 10px 20px 10px 20px
}
.under_arrow {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/under_arrow.jpg) center bottom no-repeat;
padding-bottom: 50px
}
.box_yobou_bg {
margin-top: 10px
}
.box_yobou_bottom {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/box_yobou_underbg.jpg) left bottom no-repeat;
padding-bottom: 10px
}
.box_yobou_bottom p {
margin: 0;
padding: 0
}
.box_yobou_p {
padding: 10px 20px 10px 20px;
border-left: #efa036 1px solid;
border-right: #efa036 1px solid
}
.box_yobou02_bg {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/box_yobou02_bg.jpg) left 10px repeat-y;
margin-top: 10px
}
.box_yobou02_bottom {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/box_yobou02_underbg.jpg) left bottom no-repeat;
padding-bottom: 10px
}
.box_yobou02_bottom p {
margin: 0;
padding: 0
}
.box_yobou02_p {
padding: 10px 20px 10px 20px;
border-left: #2772ab 1px solid;
border-right: #2772ab 1px solid;
}
html {
background: 0 0
}
body.page__section { text-align: center
}
#wrapper {
width: 950px;
margin: 0 auto
}
#main {
width: 950px;
margin: 0 auto;
text-align: left
}
#content {
width: 100%;
max-width: 600px;
text-align: left; }
body#breath {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/breath_bg.jpg) top repeat-x
}
#breath #main {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/breath_bg.jpg) center -295px repeat-x
}
body#faq {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/faq_bg.jpg) top repeat-x
}
#faq #main {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/faq_bg.jpg) center -295px repeat-x
}
body#message {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/message_bg.jpg) top repeat-x
}
#message #main {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/message_bg.jpg) center -295px repeat-x
}
body#access {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/access_bg.jpg) top repeat-x
}
#access #main {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/access_bg.jpg) center -295px repeat-x
}
body#clinic {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/clinic_bg.jpg) top repeat-x
}
#clinic #main {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/clinic_bg.jpg) center -295px repeat-x
}
body#goods {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/goods_bg.jpg) top repeat-x
}
#goods #main {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/goods_bg.jpg) center -295px repeat-x
}
#goods ul.anchor {
margin: 20px 0 30px 10px;
height: 100px
}
#goods ul.anchor02 {
margin: 20px 0 30px 10px;
min-height: 210px
}
#goods ul.anchor li, #goods ul.anchor02 li {
list-style: none;
padding: 0;
float: left;
margin: 0 10px 10px 0
}
#goods .goods_waku {
padding: 12px 12px 0 12px;
background: #f4f3df;
border: #352d2b 1px solid;
width: 100%;
color: #352d2b;
margin: 0 0 20px 0;
box-sizing: border-box;
}
@media (min-width: 960px){
#goods .goods_waku {
padding: 12px 12px 0 12px;
background: #f4f3df;
border: #352d2b 1px solid;
float: right;
width: 385px;
color: #352d2b;
margin: 0 0 20px 0;
box-sizing: inherit;
}
}
#general ul.anchor {
margin: 20px 0 50px 10px
}
#general ul.anchor li {
list-style: none;
padding: 0;
float: left;
margin: 0 10px 10px 0
}
body#visiting {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/visiting_bg.jpg) top repeat-x
}
#visiting #main {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/visiting_bg.jpg) center -295px repeat-x
}
body#prevent {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/prevent_bg.jpg) top repeat-x
}
#prevent #main {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/prevent_bg.jpg) center -295px repeat-x
}
body#esthe {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/esthe_bg.jpg) top repeat-x
}
#esthe #main {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/esthe_bg.jpg) center -295px repeat-x
}
body#general {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/general_bg.jpg) top repeat-x
}
#general #main {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/general_bg.jpg) center -295px repeat-x
}
body#perfectperio {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/perfectperio_bg.jpg) top repeat-x
}
#perfectperio #main {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/perfectperio_bg.jpg) center -295px repeat-x
}
body#waterlaser {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/waterlaser_bg.jpg) top repeat-x
}
#waterlaser #main {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/waterlaser_bg.jpg) center -295px repeat-x
}
#waterlaser ul.anchor {
margin: 0 0 0 10px;
height: 120px
}
#waterlaser ul.anchor li {
list-style: none;
padding: 0;
float: left;
margin: 0 10px 10px 0
}
.lightwalker p {
margin: 0;
}
.lightwalker .ttl01 a {
color: #000;
}
.lightwalker .lightwalker_img {
margin-top: 10px;
}
.lightwalker .lightwalker_img img{
width: 100%!important;
display: block!important;
margin-bottom: 20px!important;
}
.lightwalker .ttl01 {
font-size: 20px;
font-weight: bold;
}
.lightwalker .ttl02 {
font-size: 16px;
font-weight: bold;
margin-top: 50px;
color: #dfa7d6;
border-bottom: solid 3px #dfa7d6;
position: relative;
}
.lightwalker_img .txt01 {
margin-top: 10px;
margin-bottom: 50px;
background-color: #fff3f3;
padding: 30px 20px;
border-left: solid 10px #cc4d3f;
}
.lightwalker .bg_box {
background-color: #fff9fe;
margin: 30px 0;
border-left: 10px solid #dfa7d6;
padding: 2em 1em 1em;
}
.lightwalker .box_list li:before{
position: absolute;
left: 0;
margin: 0 20px 0;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f00c';
color: #dfa7d6;
}
.lightwalker .box_list li:last-child{
margin-bottom: 0px;
}
.lightwalker .box_list li:nth-child(even):before{
color: #976c90;
}
.lightwalker .box_title {
font-weight: bold;
color: #dfa7d6;
font-size: 12px;
margin-left: 17px;
}
.lightwalker .box_list {
list-style:  none;
position: relative;
margin: 10px 0;
}
.lightwalker .box_list li {
padding: 5px;
background: none !important;
margin-left: 22px;
}
.lightwalker .section03 {
background-color: #edfff5;
padding: 10px 10px 30px 20px;
border-radius: 5%;
margin: 40px 0;
}
.lightwalker .section03 .ttl02 {
margin-top: 20px;
color: #0eaf9d;
border-bottom: none;
}
.lightwalker .section03 span {
font-weight: bold;
color: #0eaf9d;
font-size: 16px;
}
.lightwalker .section03 li {
padding: 10px;
background: none !important;
border-left: solid 6px #0eaf9d;
background-color: #f1f8ff;
margin-bottom: 14px;
padding: 0.5em;
list-style-type: none!important;
}
.lightwalker .section06 {
margin-bottom: 50px;
}
.lightwalker .section01 p img,
.lightwalker .section02 p img,
.lightwalker .section03 p img,
.lightwalker .section04 p img,
.lightwalker .section05 p img,
.lightwalker .section06 p img{
width: 200px!important;
height: auto!important;
display: block;
}  #header {
width: 950px;
height: auto;
margin: 0 auto;
text-align: left
}
#header h1 {
float: left;
height: 20px;
margin-top: 5px;
font-size: 120%;
color: #666;
width: 950px
}
#header #title {
float: left;
width: 320px;
height: 220px;
text-align: right;
padding-top: 30px
}
#header #title p {
margin: 0 20px 0 0
}
#header #catch {
float: left;
width: 630px;
height: 290px;
text-align: right
}
#header #catch p {
margin: 170px 11px 0 0
}
#breath #header {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/common_bg.jpg) center 0 no-repeat
}
#otpd #header {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/common_bg.jpg) center 0 no-repeat
}
body#otpd {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/common_bg.jpg) top repeat-x
}
#breath #header {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/common_bg.jpg) center 0 no-repeat
}
#faq #header {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/common_bg.jpg) center 0 no-repeat
}
#message #header {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/common_bg.jpg) center 0 no-repeat
}
#message .text_box {
background: #f0f0d6;
padding: 10px 15px;
margin: 20px 0 0 0;
line-height: 2;
color: #5a3d1b;
font-weight: 700
}
#message .text_box .bold {
color: #5a3d1f;
font-weight: 700;
font-size: 20px;
width: 100%;
border-bottom: 1px solid #5a3d1f;
padding-bottom: 5px
}
#access #header {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/common_bg.jpg) center 0 no-repeat
}
#order_made #header {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/common_bg.jpg) center 0 no-repeat
}
#clinic #header {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/common_bg.jpg) center 0 no-repeat
}
#goods #header {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/common_bg.jpg) center 0 no-repeat
}
#visiting #header {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/common_bg.jpg) center 0 no-repeat
}
#prevent #header {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/common_bg.jpg) center 0 no-repeat
}
#esthe #header {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/common_bg.jpg) center 0 no-repeat
}
#esthe ul.anchor {
height: 40px;
margin: 25px 0 0 0
}
#esthe #header {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/common_bg.jpg) center 0 no-repeat
}
#message .use_box01 {
height: 150px;
padding: 10px 0 0 120px;
margin-bottom: 10px;
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/step01.jpg) no-repeat left
}
#message .use_box02 {
height: 150px;
padding: 10px 0 0 120px;
margin-bottom: 10px;
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/step02.jpg) no-repeat left
}
#message .use_box03 {
height: 150px;
padding: 10px 0 0 120px;
margin-bottom: 10px;
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/step03_02.jpg) no-repeat left
}
#message .use_box04 {
height: 150px;
padding: 10px 0 0 120px;
margin-bottom: 10px;
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/step04.jpg) no-repeat left
}
#message .use_box05 {
height: 150px;
padding: 10px 0 0 120px;
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/step05.jpg) no-repeat left
}
#message .use_text {
font-size: 18px;
font-weight: 700;
color: #5a3d1f;
margin: 0 0 5px 0
}
#esthe .bold {
color: #5a3d1f;
font-weight: 700
}
#general #header {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/common_bg.jpg) center 0 no-repeat
}
#general .text_box {
background: #f0f0d6;
padding: 10px 15px;
margin: 20px 0 0 0
}
#general .text_box .bold {
color: #5a3d1f;
font-weight: 700;
font-size: 18px;
width: 100%;
border-bottom: 1px solid #5a3d1f;
padding-bottom: 5px
}
#general .use_box01 {
height: 150px;
padding: 10px 0 0 120px;
margin-bottom: 10px;
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/step01.jpg) no-repeat left
}
#general .use_box02 {
height: 150px;
padding: 10px 0 0 120px;
margin-bottom: 10px;
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/step02.jpg) no-repeat left
}
#general .use_box03 {
height: 150px;
padding: 10px 0 0 120px;
margin-bottom: 10px;
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/step03_02.jpg) no-repeat left
}
#general .use_box04 {
height: 150px;
padding: 10px 0 0 120px;
margin-bottom: 10px;
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/step04.jpg) no-repeat left
}
#general .use_box05 {
height: 150px;
padding: 10px 0 0 120px;
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/step05_02.jpg) no-repeat left
}
#general .use_box06 {
height: 150px;
padding: 10px 0 0 120px;
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/step06.jpg) no-repeat left
}
#general .use_box07 {
height: 150px;
padding: 10px 0 0 120px;
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/step07.jpg) no-repeat left
}
#perfectperio #header {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/common_bg.jpg) center 0 no-repeat
}
#perfectperio .use_box01, #perio .use_box01, #visiting .use_box01 {
height: 150px;
height: auto;
min-height: 150px;
padding: 10px 0 0 120px;
margin-bottom: 10px;
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/step01.jpg) no-repeat left
}
#perfectperio .use_box02, #perio .use_box02, #visiting .use_box02 {
height: 150px;
height: auto;
min-height: 150px;
padding: 10px 0 0 120px;
margin-bottom: 10px;
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/step02.jpg) no-repeat left
}
#perfectperio .use_box03, #perio .use_box03 {
height: 150px;
height: auto;
min-height: 150px;
padding: 10px 0 0 120px;
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/step03.jpg) no-repeat left
}
#visiting .use_box03 {
height: 150px;
padding: 10px 0 0 120px;
margin-bottom: 10px;
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/step03_02.jpg) no-repeat left
}
#visiting .use_box04 {
height: 120px;
padding: 10px 0 0 120px;
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/step04_02.jpg) no-repeat left top
}
#perfectperio .use_text, #perio .use_text, #visiting .use_text {
font-size: 18px;
font-weight: 700;
color: #5a3d1f;
margin: 0 0 5px 0
}
#perfectperio .bold {
color: #5a3d1f;
font-weight: 700
}
#breath .text_box {
background: #efefef;
padding: 10px 15px;
margin: 20px 0 0 0
}
#goods .text_box, #order_made .text_box, #perfectperio .text_box, #waterlaser .text_box {
background: #f0f0d6;
padding: 10px 15px;
margin: 20px 0 0 0
}
#breath .text_box {
background: #efefef;
padding: 10px 15px;
margin: 20px 0 40px 0;
line-height: 2
}
#perio .text_box {
background: #f0f0d6;
padding: 10px 15px;
margin: 20px 0 0 0;
line-height: 2
}
#esthe .text_box {
background: #f0f0d6;
padding: 15px 15px 5px 15px;
margin: 20px 0 0 0
}
#message .text_box {
background: #f0f0d6;
padding: 15px 15px 5px 15px;
margin: 20px 0 0 0
}
#visiting .text_box {
background: #f0f0d6;
padding: 15px 15px 15px 15px;
margin: 20px 0 0 0;
line-height: 1.8;
color: #5a3d1b;
font-weight: 700;
width: 290px
}
#visiting .text_box p {
margin: 0
}
#prevent .text_box {
background: #f0f0d6;
padding: 15px 15px 3px 15px;
margin: 20px 0 20px 0
}
#breath .text_box .bold {
color: #5a3d1f;
font-weight: 700;
font-size: 18px;
width: 100%;
border-bottom: 1px solid #5a3d1f;
padding-bottom: 5px
}
#goods .text_box .bold, #order_made .text_box .bold, #perfectperio .text_box .bold, #perio .text_box .bold, #waterlaser .text_box .bold {
color: #5a3d1f;
font-weight: 700;
font-size: 18px;
width: 100%;
border-bottom: 1px solid #5a3d1f;
padding-bottom: 5px
}
#waterlaser #header {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/common_bg.jpg) center 0 no-repeat
}
#perio #header {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/common_bg.jpg) center 0 no-repeat
}
#whitening #header {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/common_bg.jpg) center 0 no-repeat
}
#whitening #content ul.voice {
margin: 30px 0 0 0;
padding: 0
}
#whitening #content ul.voice li {
margin: 0 10px 20px 10px;
float: left;
list-style: none;
padding: 0;
background: 0 0
}
#whitening #content .voice_waku {
width: 278px;
height: 100%;
float: left;
margin: 30px 10px 0 10px;
overflow: hidden;
border: #e6e7bd 1px solid
}
#whitening #content .voice_waku h4 {
background: #f8f8ec;
padding: 10px 0 10px 10px;
margin: 0;
font-size: 18px;
color: #2c1b0b
}
#whitening #content .voice_waku p {
margin: 10px 10px 0 10px;
padding: 0 0 10px 0;
font-size: 12px
}
#whitening #content .voice_waku h5 {
background: #fff;
border-bottom: #7f6447 1px dotted;
padding: 15px 10px 10px 10px;
color: #7f6447;
font-weight: 700;
line-height: 1.6;
font-size: 12px
}
#footer {
clear: both;
text-align: left;
margin-top: 30px;
padding-top: 10px;
margin-bottom: 0;
padding-bottom: 0;
height: 161px;
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/footer_bg.jpg) 0 repeat-x
}
#footer #inner {
width: 950px;
margin: 0 auto;
clear: both
}
#footer address {
float: right;
font-size: 120%;
margin: 15px 0 0 0
}
#footer #f_tel, #footer #f_tel2 {
float: left;
margin-bottom: 0;
text-align: center
}
#footer #sitemap {
width: 950px;
margin: 0 auto
}
#footer #sitemap ul li {
float: left;
margin: 25px 10px 10px 15px;
font-size: 12px
}
#footer #sitemap ul li a {
color: #524127;
font-size: 13px
}
#footer #sitemap ul {
height: 80px
}
#navi {
float: left;
width: 300px;
text-align: center
}
#navi #contents_navi {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/contets_nbg02.jpg) 36px bottom no-repeat;
padding-bottom: 20px
}
#navi dl#contents_navi {
margin: 0
}
#navi #contents_navi dd, #navi #contents_navi dt {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/contets_nbg01.jpg) 36px top repeat-y
}
#navi #contents_navi dt:first-child {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/contets_nbg03.jpg) 36px top repeat-y;
padding-top: 10px
}
dt span {
font-size: 12px
}
#navi dl {
margin: 30px 0 0 15px
}
#navi ul {
margin-top: 20px
}
#navi ul li {
margin-top: 10px;
font-size: 12px;
color: #666
}
#navi ul li img {
max-width: 220px;
}
#navi ul li.st img {
border: 1px solid #ccc;
box-sizing: border-box;
}
#navi .WPOS_CATEGORY_LIST {
width: 236px;
margin: 20px auto 0 35px;
border: 2px solid #cac8af;
padding: 0 0 10px 0
}
#navi .WPOS_CATEGORY_LIST li > ul {
margin-top: 15px;
border-top: #544028 dotted 1px
}
#navi .WPOS_CATEGORY_LIST > li {
width: 200px;
text-align: left;
padding: 20px 0 10px 5px;
margin: 0 0 0 10px;
font-size: 21px
}
#navi .WPOS_CATEGORY_LIST ul > li {
text-align: left;
border-bottom: #cac8af dotted 1px;
padding: 10px 0 10px 5px;
margin: 0
}
#navi .WPOS_CATEGORY_LIST ul > li:before {
content: "▶";
margin-right: 8px;
font-size: 10px;
color: #544028
}
#faq .b_none {
max-width: 600px;
padding: 5px 10px
}
#faq .b_none .answer p {
padding: 5px 10px
}
table#flow {
width: 100%;
max-width: 600px
}
table#flow tr td.img img{
width: 80px;
text-align: center
}
@media (min-width: 960px){
table#flow tr td.img img{
width: 100%;
text-align: center
}
}
@media (min-width: 960px){
table#flow tr td.img{
width: 160px;
text-align: center
}
}
table#flow tr td {
width: 145px;
vertical-align: top
}
#waterlaser table#wl_table tr th {
width: 50%
}
#general dl.kirari dt {
color: #333;
font-weight: 700;
margin-bottom: 2px
}
#general dl.kirari dd {
margin-bottom: 20px
}
#general .float_l {
float: left
}
#general .float_r {
float: right
}
#clinic .float_l {
float: left
}
#clinic .float_r {
float: right;
width: 340px
}
p.pankuzu {
text-align: right;
font-size: 110%;
margin-bottom: 15px
}
ol.pankuzu {
text-align: right;
margin-bottom: 15px;
font-size: 82%
}
ol.pankuzu {
padding-left: 0;
margin-left: 0
}
ol.pankuzu li {
display: inline;
list-style: none
}
ol.pankuzu li:after {
content: '>';
padding: 0 3px;
color: #555
}
ol.pankuzu li:last-child:after {
content: ''
}
ol.pankuzu li a {
text-decoration: none
}
ol.pankuzu li a:hover {
text-decoration: underline
}
#content ul.otpd li {
float: left;
background: 0 0;
padding-left: 0;
margin-bottom: 10px
}
.mr10 {
margin-right: 10px
}
.otpd_point {
border: #666 1px solid;
background: #ede5d8;
padding: 20px 20px 10px 20px;
color: #5c391b;
overflow: hidden
}
hr {
border-width: 1px 0 0 0;
border-style: solid;
border-color: #666;
height: 1px;
margin: 30px 0;
clear: both
}
hr.sns {
border: none;
border-top: dashed 1px #ccc;
height: 1px;
color: #fff;
width: 600px;
margin: 10px 0;
clear: both
}
.h2_text {
font-size: 250%;
border-bottom: 1px dashed #999;
padding: 5px 10px 15px;
margin-bottom: 30px
}
.blog_post {
border: 1px solid #dedede;
padding: 6px;
margin-bottom: 20px
}
.blog_title {
background: #ede5d8;
font-size: 200%;
color: #2c1b0b;
padding: 6px 10px;
margin-bottom: 20px
}
.blog_title a {
color: #2c1b0b;
text-decoration: none;
}
.blog_title a:hover {
text-decoration: underline
}
.blog_main_catch img {
max-width: 586px;
height: auto
}
.post-body h2 {
padding: 14px 8px 10px 8px;
color: #666;
font-weight: 400;
font-size: 27px;
margin: 0 0 30px 0;
border-bottom: 1px dashed #666
}
.post-body h3 {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/h3_bg02.jpg) left 2px no-repeat;
padding: 12px 10px 17px 20px;
color: #72583d;
font-weight: 700;
font-size: 21px;
margin-bottom: 15px
}
.post-body h4 {
background: #cac8af;
padding: 11px 20px 10px 20px;
color: #fff;
font-weight: 700;
font-size: 16px;
margin-bottom: 15px
}
.post-body h5 {
padding: 5px 20px 10px 5px;
font-weight: 700;
border-bottom: #72583d 4px double;
color: #72583d;
font-size: 15px;
margin-bottom: 15px
}
.blog_date {
text-align: right;
font-size: 125%
}
.post-body {
padding: 20px;
}
.post-body img{
max-width: 100%;
height: auto;
}
.blog_post hr {
margin: 0;
border-color: #ccc
}
iframe.twitter-share-button {
width: 95px !important
}
#content iframe{
width: 100%!important;
height: auto!important;
aspect-ratio: 16 / 9!important;
}
.pluginSkinLight {
width: 115px !important
}
#content ul.list li {
float: left;
margin: 0 20px 0 0;
background: 0 0;
padding: 0
}
#header {
position: relative;
top: 0
}
#header .font {
position: absolute;
top: 20px;
right: 10px;
background: #fafaf2
}
#header ul {
margin: 0
}
#header ul li {
float: left;
margin-right: 5px
}
#header .yoyaku ul li{
position: relative;
}
#header .yoyaku ul li span{
position: absolute;
left: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100%;
height: 44px;
line-height: 1.1;
letter-spacing: 1px;
font-size: 13px;
color: #fff;
}
#header .yoyaku ul li span strong{
font-size: 1.2em;
font-weight: 900;
color: #fff;
}
#header .access {
position: absolute;
top: 148px;
left: 46px
}
#header .access02 {
position: absolute;
top: 33px;
left: 46px
}
#header .yoyaku {
position: absolute;
top: 193px;
left: 46px;
width: 200px;
font-size: 8px;
color: #474628;
line-height: 1.6
}
dl.ryaku {
max-width: 600px;
margin: 15px 0 30px 10px
}
dl.ryaku dt {
width: 100px;
float: left
}
dl.ryaku dd {
width: 500px;
float: left
}
.faq {
background: none repeat scroll 0 0 #fff;
border: 3px solid #f8f8ee;
box-sizing: border-box;
height: auto;
overflow: hidden;
padding: 3px 3px 15px;
width: 100%;
margin: 0 0 30px 0
}
.faq dt {
background: none repeat scroll 0 0 #f8f8ee;
box-sizing: border-box;
color: #3c2218;
font-size: 16px;
font-weight: 700;
height: auto;
overflow: hidden;
padding: 8px 10px 10px 10px;
width: 100%
}
.faq dd {
padding: 15px 10px 0
}
.faq dt span {
color: #4a3822;
margin-right: 10px;
font-size: 20px
}
.faq dd span {
color: #d17dae;
font-size: 20px;
font-weight: 700;
margin-right: 10px;
padding: 20px 0 0 0
}
.faq dd span.right, .faq dt span.right {
float: right;
font-size: 14px;
font-weight: 400
}
.faq.new {
background: none repeat scroll 0 0 #fff;
border: 3px solid #e3d5b8;
}
.faq.new dt {
background: none repeat scroll 0 0 #f8efdb;
color: #3c2218;
}
.faq.new dd a{
color: #524127;
text-decoration: underline
}
.faq.new dd a:hover{
text-decoration: none
}
.whitecoat_left {
width: 105px;
height: 320px;
padding: 18px;
float: left;
border: #f0f0d6 10px solid;
margin: 0 0 20px 0
}
.whitecoat_left p,
.whitecoat_right p{
line-height: 1.3;
}
.whitecoat_center {
float: left;
width: 50px;
text-align: center;
padding: 180px 0 0 0
}
.whitecoat_right {
width: 105px;
height: 320px;
float: right;
padding: 18px;
margin: 0 0 20px 0;
border: #f0f0d6 10px solid
}
#page-top {
width: 70px;
height: 70px;
right: 30px;
bottom: 30px;
position: fixed;
z-index: 9999999;
cursor: pointer;
font-size: 77%;
display: none
}
#page-top img {
vertical-align: bottom
}
#yoyaku {
width: 70px;
height: 90px;
right: 30px;
bottom: 200px;
position: fixed;
z-index: 9999999;
cursor: pointer;
font-size: 77%;
display: none
}
#yoyaku span{
position: absolute;
left: 0;
top: 0;
display: block;
width: 70px;
height: 90px;
padding-top: 28px;
line-height: 1.1;
text-align: center;
font-size: 14px;
font-weight: 700;
color: #fff;
box-sizing: border-box;
}
#yoyaku02 {
width: 70px;
height: 90px;
right: 30px;
bottom: 100px;
position: fixed;
z-index: 9999999;
cursor: pointer;
font-size: 77%;
display: none
}
.set01 {
width: 245px;
float: left;
padding: 15px 15px 5px 15px;
border: 5px #8cc2d8 solid;
margin: 0 30px 30px 0
}
.set01_right {
width: 245px;
float: left;
padding: 15px 15px 5px 15px;
border: 5px #8cc2d8 solid;
margin: 0 0 30px 0
}
.set01_text {
width: 255px;
float: left;
padding: 15px 15px 5px 15px;
border: none
}
.set02 {
width: 245px;
float: left;
padding: 15px 15px 5px 15px;
border: 5px #f8c0c3 solid;
margin: 0 30px 30px 0
}
.set02_right {
width: 245px;
float: left;
padding: 15px 15px 5px 15px;
border: 5px #f8c0c3 solid;
margin: 0 0 30px 0
}
.set02_text {
width: 255px;
float: left;
padding: 15px 15px 5px 15px;
border: none
}
.set03 {
width: 560px;
float: left;
padding: 15px 15px 5px 15px;
border: 5px #efefef solid;
margin: 0 30px 30px 0;
background: #efefef
}
#content ul.set li {
list-style: none;
background: 0 0;
padding: 0;
float: left;
margin: 0 20px 40px 0
}
#content ul.set li:last-child {
list-style: none;
background: 0 0;
padding: 0;
float: left;
margin: 0 0 40px 0
}
#content .txt_left {
text-align: left
}
.small {
font-size: 11px
}
.set_waku {
border: 5px #ed6862 solid;
padding: 15px 15px 5px 15px;
color: #ed6862
}
.contact_movie {
padding: 15px 15px 5px 15px;
background: #f9fbf0;
border: #8d785b 3px solid
}
.use_text {
font-size: 18px;
font-weight: 700;
color: #5a3d1f;
margin: 0 0 5px 0
}
.flow_text {
font-size: 24px;
margin: 0 0 5px 0
}
.txt_b14 {
font-size: 14px;
font-weight: 700
}
.txt_b16 {
font-size: 16px;
font-weight: 700;
line-height: 180%
}
.txt_yobou_b16 {
font-size: 18px;
font-weight: 700;
line-height: 180%;
color: #efa036
}
.txt_yobou02_b16 {
font-size: 18px;
font-weight: 700;
line-height: 180%;
color: #2772ab
}
.txt_br16 {
font-size: 16px;
font-weight: 700;
color: #c20c08;
line-height: 180%
}
.mb20 {
margin-bottom: 20px !important
}
.mb30 {
margin-bottom: 30px !important
}
.mb40 {
margin-bottom: 40px !important
}
.mt20 {
margin-top: 20px !important
}
.mt30 {
margin-top: 30px !important
}
.mt40 {
margin-top: 40px !important
}
.breath_rt01 {
color: #c20c08;
font-size: 120%;
font-weight: 700;
line-height: 280%
}
.breath_rt01 li {
list-style: none !important
}
.txt_ul {
text-decoration: underline
}
.breath_rt01 {
color: #e62856;
font-size: 120%;
font-weight: 700;
line-height: 280%
}
.breath_rt02 {
color: #e62856;
font-size: 120%;
font-weight: 700;
line-height: 280%;
background: #eee;
border: 1px #ccc;
padding: 10px
}
#breath #content .voice_waku, #breath #content .voice_waku02 {
width: 254px;
height: 100%;
float: left;
margin: 30px 0 0 0;
overflow: hidden
}
#breath #content .voice_waku03 {
width: 254px;
height: 100%;
float: left;
margin: 5px 0 0 0;
overflow: hidden
}
#breath #content .voice_waku h4, #breath #content .voice_waku03 h4 {
background: #f8f8ec;
padding: 10px;
margin: 0;
font-size: 16px;
color: #2c1b0b;
height: 22px;
line-height: 1.5;
font-weight: 700
}
#breath #content .voice_waku h4.txts {
background: #f8f8ec;
padding: 12px 10px 8px 10px;
margin: 0;
font-size: 136%;
color: #2c1b0b;
height: 22px;
line-height: 1.5;
font-weight: 700
}
#breath #content .voice_waku p, #breath #content .voice_waku02 p, #breath #content .voice_waku03 p {
margin: 10px 0 0 0;
padding: 0 0 10px 0;
font-size: 12px
}
#breath #content .voice_waku h5, #breath #content .voice_waku02 h5, #breath #content .voice_waku03 h5 {
padding: 5px 10px 10px 10px;
color: #7f6447;
font-weight: 700;
line-height: 1.6;
font-size: 13px
}
.text_box02 {
background: #eee;
padding: 15px 8px 10px 15px;
width: 230px;
height: 220px;
line-height: 158%
}
.text_box02l {
background: #eee;
padding: 15px 8px 10px 15px;
width: 230px;
height: 246x;
line-height: 136%
}
.text_box_gy01 {
border: solid 1px #ccc;
padding: 15px 15px 5px 15px;
margin: 20px 0 20px 0;
width: 568px;
height: 720px
}
.text_box_gy02 {
border: solid 1px #ccc;
padding: 15px 15px 5px 15px;
margin: 20px 0 20px 0;
width: 568px;
height: 255px
}
.text_box_gy03 {
border: solid 1px #ccc;
padding: 15px 15px 5px 15px;
margin: 20px 0 20px 0;
width: 568px;
height: 730px
}
.text_box_gy04 {
border: solid 1px #ccc;
padding: 15px 15px 5px 15px;
margin: 20px 0 20px 0;
width: 568px;
height: 480px
}
.text_box_gy05 {
border: solid 1px #ccc;
padding: 15px 15px 5px 15px;
margin: 20px 0 20px 0;
width: 568px;
height: 210px
}
.text_box_gy06 {
border: solid 1px #ccc;
padding: 15px 15px 5px 15px;
margin: 20px 0 20px 0;
width: 568px;
height: 485px
}
.whitecoat_center02 {
float: left;
width: 60px;
text-align: center;
padding: 220px 0 0 0
}
.whitecoat_center03 {
float: left;
width: 60px;
text-align: center;
padding: 122px 0 0 0
}
.whitecoat_center04 {
float: left;
width: 60px;
text-align: center;
padding: 95px 0 0 0
}
.use_text02 {
font-size: 16px;
font-weight: 700;
color: #5a3d1f;
margin: 0 0 5px 0
}
.breath_bt02 {
font-size: 140%;
font-weight: 700;
line-height: 200%;
background: #eee;
border: 1px #ccc;
padding: 10px;
margin: 0 !important
}
.breath_bt03 {
font-size: 100%;
line-height: 200%;
background: #eee;
border: 1px #ccc;
padding: 10px;
margin: 0 !important
}
.breath_wt01_p {
font-size: 160%;
font-weight: 700;
line-height: 200%;
background: #f24a73;
border: 1px #ccc;
padding: 15px;
margin: 20px 0 0 0;
color: #fff
}
.breath_wt01_bg {
font-size: 160%;
font-weight: 700;
line-height: 200%;
background: #f0f0d6;
border: 1px #000;
padding: 15px;
margin: 20px 0 0 0;
color: #333
}
.facebook_waku {
width: 160px;
height: 21px;
float: left
}
.hatena_waku {
width: 60px;
height: 21px;
float: left;
margin-bottom: 20px;
margin-top: 10px
}
.plus_button {
width: 60px;
height: 21px;
float: left;
margin-bottom: 20px;
margin-top: 10px
}
.facebook_share_button_top {
float: left;
height: 25px;
margin-bottom: 20px;
margin-top: 10px;
width: 110px;
clear: both
}
.facebook_share_button {
float: left;
height: 50px;
margin-bottom: 5px;
margin-top: 10px;
width: 400px;
clear: both
}
.facebook_button {
float: left;
height: 25px;
margin-bottom: 0;
margin-top: 10px;
width: 600px
}
.tweet_button_top {
float: left;
height: 25px;
margin-bottom: 20px;
margin-top: 10px;
width: 100px
}
.tweet_button {
float: left;
height: 25px;
margin-bottom: 20px;
margin-top: 10px;
width: 100px;
clear: both
}
.line_button {
float: left;
height: 21px;
margin-bottom: 20px;
margin-top: 10px;
width: 120px
}
#clinic table {
width: 100%
}
.mame_waku {
border: 1px #2c1b0b solid;
border-radius: 5px;
padding: 20px 20px 5px 20px
}
.mame_waku ul li {
padding: 0 0 5px 20px;
border-bottom: #ccc dotted 1px;
margin: 0 0 15px 0
}
.greeting {
background: rgba(0, 0, 0, 0) url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/index_greeting.gif) no-repeat scroll 0 0;
padding: 25px 25px 0 170px
}
.konkan_step {
width: 550px;
margin: 0 25px
}
.post-categories li {
background: 0 0 !important;
padding: 0 !important
}
.post-categories, .post-categories li, .single_cat_list p {
float: left
}
.post-categories, .post-categories li {
padding: 0
}
.post-categories li + li::before {
content: ",";
display: inline-block;
margin: 0 5px
}
.d_flow01 {
max-width: 600px;
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/d_bg01.png) no-repeat scroll 275px 0;
overflow: hidden;
margin: 0;
padding: 0 0 20px 0;
position: relative;
border-bottom: #c00 3px dashed
}
.d_flow01 .c0 {
position: absolute;
top: 130px;
left: 268px;
width: 110px;
padding: 20px 0;
border-radius: 10px;
border: #666 3px solid;
background: #fff;
text-align: center;
color: #666;
font-weight: 700;
font-size: 13px
}
.d_flow02 {
max-width: 600px;
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/d_bg02.png) no-repeat scroll 275px bottom;
overflow: hidden;
margin: 0;
padding: 0
}
.d_flow02 .c1 {
position: absolute;
top: 130px;
left: 268px;
width: 110px;
padding: 20px 0;
border-radius: 10px;
border: #57493c 3px solid;
background: #fff;
text-align: center;
color: #57493c;
font-weight: 700;
font-size: 13px
}
.d_border {
border-bottom: #ccc 1px dashed;
overflow: hidden;
padding: 20px 0 15px 0;
position: relative
}
.d_border .c2 {
position: absolute;
top: 100px;
left: 268px;
width: 110px;
padding: 20px 0;
border-radius: 10px;
border: red 3px solid;
background: #fff;
text-align: center;
color: red;
font-weight: 700;
font-size: 13px
}
.d_border .c3 {
position: absolute;
top: 100px;
left: 268px;
width: 110px;
padding: 20px 0;
border-radius: 10px;
border: red 3px solid;
background: #fff;
text-align: center;
color: red;
font-weight: 700;
font-size: 13px
}
.d_border .c4 {
position: absolute;
top: 100px;
left: 268px;
width: 110px;
padding: 20px 0;
border-radius: 10px;
border: #c00 3px solid;
background: #fff;
text-align: center;
color: #c00;
font-weight: 700;
font-size: 13px
}
.perio_box_l {
width: 290px;
float: left;
margin-bottom: 20px
}
#content .perio_box_l ul li {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/perio_ti_bg02.jpg) left 2px no-repeat;
padding: 10px 20px 12px 40px;
font-weight: 700
}
.text_pickup {
font-size: 24px;
line-height: 1.3;
font-weight: 400
}
.text_pickup span {
font-size: 30px
}
.self_care {
border: #cac8af 3px solid;
padding: 15px
}
.self_care .title_text {
color: #cac8af;
font-size: 23px;
margin: 0 0 5px 0
}
p.mg_t13 img {
margin-top: 13px
}
p.mt16 {
margin-top: 16px;
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/perio_ti_bg_02.jpg) left 0 no-repeat
}
p#gallery01 {
margin-top: 30px
}
p.pnk_text {
font-size: 25px;
color: #e56eaf
}
h3.text02 {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/h3_02_bg.jpg) left 2px no-repeat;
padding: 16px 10px 17px 20px;
color: #72583d;
font-weight: 700;
font-size: 21px;
line-height: 160%
}
.blog_img_r img {
float: right;
width: 200px;
height: auto
}
.box_corona01 {
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #ed7d31;
margin: 0 auto 30px;
width: 100%;
border-radius: 4px
}
.box_corona01 .col_corona {
padding: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
margin: 0;
line-height: 1.8;
font-size: 14px;
border-radius: 4px
}
#header #title p:first-child {
text-align: left;
margin-top: 8px !important
}
#title p:first-child a {
text-decoration: none;
color: #000;
font-size: 37px;
line-height: 40px;
text-align: left
}
#title p:nth-child(2) a {
text-decoration: none;
font-size: 24px;
color: #000;
font-weight: 400
}
#title p:nth-child(2) {
text-align: left
}
#title p {
padding-left: 45px
}
#header .access02 p {
font-size: 12px !important;
margin-bottom: 0 !important;
color: #5c3f21
}
.access02 span {
color: #c41411
}
#navi dl.navi_left {
padding: 0 22px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left
}
.navi_left dt {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/line001.jpg) no-repeat top left;
font-size: 25px;
letter-spacing: 3px;
padding: 17px 15px 15px 10px;
line-height: 24px;
color: #222
}
.navi_left dd {
border-top: 1px solid #dbdbdb
}
.navi_left dd:last-child {
border-bottom: 1px solid #dbdbdb
}
.navi_left dd a {
text-decoration: none;
width: 100%;
display: block;
padding: 15px 0 15px 30px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #222;
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/ar002.jpg) no-repeat left 10px center
}
.navi_left dd a span {
position: absolute;
bottom: 0;
right: 0;
font-size: 10px;
color: #c3c3c3
}
#sitemap #f_tel span, #sitemap #f_tel2 span {
display: block;
font-size: 38px;
line-height: 45px
}
#sitemap #f_tel a, #sitemap #f_tel2 a {
text-decoration: none;
font-size: 18px;
color: #000
}
#inner #f_tel a, #inner #f_tel2 a {
font-size: 24px;
text-align: center;
text-decoration: none
}
#inner #f_tel a, #inner #f_tel2 a {
text-align: center;
color: #000
}
#contents_navi dt {
font-size: 26px;
text-align: left;
padding-left: 50px;
padding-top: 25px;
padding-bottom: 8px;
color: #636363;
letter-spacing: 3px
}
#contents_navi dd {
position: relative;
padding-left: 56px
}
#contents_navi dd:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/line_dot.jpg) no-repeat center bottom;
width: 210px;
height: 1px
}
#contents_navi dd:last-child:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/line_dot.jpg) no-repeat center bottom;
width: 210px;
height: 1px
}
#contents_navi dd a {
text-decoration: none;
padding: 15px 0 15px 18px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
text-align: left;
width: 210px;
color: #404040;
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/arr_off_03.png) no-repeat left center
}
#contents_navi dd a:hover {
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/arr_on_03.png) no-repeat left center;
color: #da577f
}
.nv_link01 dd a:hover {
color: #ff7701;
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/ar002_on.jpg) no-repeat left 10px center
}
.nv_link02 dd a:hover {
color: #d53062;
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/ar003_on.jpg) no-repeat left 10px center
}
#catch p {
color: #5b3c1d;
font-size: 26px;
text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff
}
.color_red {
color: #c20c08;
font-size: 16px;
font-weight: 700;
padding: 10px 0
}
.text_box_pink {
background: #fadbe3;
padding: 20px 15px;
margin: 20px 0 40px 0;
line-height: 2;
font-size: 130%
}
.font_l {
font-size: 26px;
font-weight: 700
}
.m_top {
vertical-align: top
}
.st_blue dt {
color: #00b0f0;
font-size: 21px;
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/icon_blue.png) left center no-repeat;
line-height: 22px;
padding: 10px 0 0 45px;
margin: 30px 0 10px 0;
font-weight: 700
}
.st_blue dd {
display: flex;
justify-content: space-between;
font-size: 12px;
color: #00b0f0
}
.st_blue dd p.t1 {
background-color: #00b0f0;
color: #fff;
width: 28%;
padding: 5px;
box-sizing: border-box;
margin-right: 5px;
display: flex;
align-items: center;
justify-content: center
}
.st_orange dt {
color: #f93;
font-size: 21px;
background: url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/icon_orange.png) left center no-repeat;
line-height: 22px;
padding: 10px 0 0 45px;
margin: 30px 0 10px 0;
font-weight: 700
}
.st_orange dd {
display: flex;
justify-content: space-between;
font-size: 12px;
color: #f93
}
.st_orange dd p.t1 {
background-color: #f93;
color: #fff;
width: 28%;
padding: 5px;
box-sizing: border-box;
margin-right: 5px;
display: flex;
align-items: center;
justify-content: center
}
.t2 {
background-color: #fadbe3;
color: #c20c08;
padding: 10px;
display: inline-block;
font-size: 14px;
font-weight: 700;
letter-spacing: 1px
}
.t3 {
padding: 10px;
font-size: 14px;
letter-spacing: 1px;
font-weight: 700
}
.font_sl {
font-size: 14px;
font-weight: 700
}
.check_list.style01 {
margin: 20px auto;
padding: 15px;
background: #f5f3ee;
border-radius: 5px
}
@media (min-width: 960px){
.check_list.style01 {
margin: 30px auto;
padding: 30px;
}
}
.check_list.style01 p {
font-weight: 700
}
.check_list.style01 ul {
padding: 15px;
background: #fff;
border-radius: 5px;
display: flex;
flex-flow: column nowrap
}
@media (min-width: 960px){
.check_list.style01 ul {
padding: 25px;
}
}
.check_list.style01 ul li {
width: 100%;
position: relative;
margin-bottom: 10px;
padding-bottom: 10px !important;
padding-left: 0 !important;
border-bottom: 1px dashed #a7a7a7;
font-weight: 700;
font-size: 14px;
line-height: 2.2;
background: 0 0 !important;
display: flex;
flex-flow: row nowrap;
align-items: center
}
@media (min-width: 960px){
.check_list.style01 ul li {
margin-bottom: 25px;
padding-bottom: 10px !important;
}
}
.check_list.style01 ul li .icon {
background-image: url(https://www.nishina-dental.net/images/icon_check.png);
background-repeat: no-repeat;
background-size: 22px;
width: 22px;
padding-top: 22px;
display: inline-block;
margin-right: 6px
}
@media (min-width: 960px){
.check_list.style01 ul li .icon {
width: 30px;
background-size: 30px;
padding-top: 30px;
}
}
.move_cont dl {
margin-bottom: 30px
}
.move_cont dl dt {
position: relative;
margin-bottom: 5px;
letter-spacing: .05em;
font-weight: 700
}
.move_cont dl dt:before {
content: "\25CF";
font-size: 14px;
color: #9d0f0b;
padding-right: 5px
}
table.style01 td {
text-align: center
}
.valign-top {
vertical-align: top
}
.mo img{
opacity: 1;
}
.mo img:hover{
opacity: .7;
}
.sp_mw100 {
max-width:100%;
margin:15px 0 !important;
}
#bnr_side_yoyaku{
position: relative;
}
#bnr_side_yoyaku span{
position: absolute;
right: 20px;
bottom: 28px;
text-align: left;
line-height: 1.2;
font-size: 15px;
font-weight: 700;
color: #fff;
text-shadow: 1px 1px 3px rgba(116,33,9,0.35),-1px -1px 3px rgba(116,33,9,.35);
}
#bnr_side_yoyaku span strong{
font-size: 1.4em;
font-weight: 700;
color: #fff;
}
#pb_bnr_yoyaku{
position: relative;
display: block;
}
#pb_bnr_yoyaku span{
position: absolute;
font-size: 16px;
font-weight: 700;
color: #fff;
}
#pb_bnr_yoyaku span.b1{
top: 48px;
left: 145px;
}
#pb_bnr_yoyaku span.b2{
top: 48px;
left: 245px;
}
#pb_bnr_yoyaku span.b3{
top: 48px;
left: 355px;
}
#pb_bnr_yoyaku span.b4{
top: 92px;
left: 200px;
font-size: 1.8em;
color: #dd2d5c;
}
#pb_bnr_yoyaku span.b5{
top: 48px;
right: 28px;
text-shadow: 1px 1px 3px rgba(116,33,9,0.35),-1px -1px 3px rgba(116,33,9,.35);
line-height: 1.2;
}
#pb_bnr_yoyaku span.b5 strong{
position: relative;
left: -1px;
color: #fff;
font-size: 1.35em;
}

html{color:#000;background:#fff}blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,table,td,textarea,th,tr,ul{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0;border:none}fieldset,img{border:0}address,caption,cite,code,dfn,em,optgroup,strong,th,var{font-style:normal;font-weight:400}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;line-height:1}q:after,q:before{content:''}abbr,acronym{border:0;font-variant:normal}abbr{cursor:help}label{cursor:pointer}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}strong{font-weight:700}
.bigfont{
font-size: 2.2rem;
line-height:1.2
}
@media (min-width: 960px){
.bigfont{
font-size: 2.8rem;
line-height:1.2
}
}
.bigfont02{
font-size:252%;
line-height:1.2;
font-weight:700;
margin:-5px 0 5px 0;
color:#8cc2d8
}
.bigfont03{font-size:252%;line-height:1.2;font-weight:700;margin:-5px 0 5px 0;color:#f8c0c3}.bigfont04{font-size:202%;line-height:1.2;font-weight:700;margin:-5px 0 5px 0;color:#8cc2d8}.bigfont05{font-size:202%;line-height:1.2;font-weight:700;margin:-5px 0 5px 0;color:#f8c0c3}em{font-style:italic}td,th{border:1px solid #999;padding:.5em}th{font-weight:700;text-align:center}caption{padding-bottom:.5em;text-align:right}dfn{font-style:normal}address{font-style:normal;line-height:1}.clear{clear:both}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}.left{text-align:left}.center{text-align:center}.right{text-align:right}.mt40{margin-top:40px}.mt20{margin-top:20px}.mb0{margin-bottom:0!important}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb20{margin-bottom:20px!important}.mb30{margin-bottom:30px}.mb40{margin-bottom:40px}.mb50{margin-bottom:50px}#content ul.pickup{margin:10px 0 0 0;height:120px;padding:0}#content ul.pickup li{list-style:none;padding:0;float:left;margin:0 10px 10px 0}#content ul.pickup li.last{list-style:none;padding:0;float:left;margin:0 0 10px 0}
.line_waku{
padding:0 10px 0 10px;
margin:20px 0 0 0
}
#navi .line_waku ul{
margin:0
}
.hitokoto_ti{
margin:30px 0 0 0!important;
}
.hitokoto{
background:url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/hitokoto_bg.jpg) 0 bottom no-repeat;
background-size: 100% 100%;
padding:25px 35px 15px 35px
}
@media (min-width: 960px){
.hitokoto{
background-size: cover;
}
}
.hitokoto p.col2{
display: flex;
flex-direction: column;
justify-content: center;
}
@media (min-width: 960px){
.hitokoto p.col2{
flex-direction: row;
}
}
.hitokoto p.col2 img{
margin: 4px;
}
.hitokoto_b{
background:url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/images/index_greeting_b.gif) 20px bottom no-repeat;
padding:25px 25px 0 25px;
height:10px;
margin-bottom:30px
}
#index .youtube_c{
margin:5px 0 0 15px;
width:180px;
float:left
}
.youtube_c{margin:5px 0 0 0;width:180px;float:left}
#navi ul li.mtb10{margin:20px 0 20px 0}
.side_red{color:#e42755}
.perio_flow_l{width:70%;float:left}
.perio_flow_r{width:27%;float:right}.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/lightbox/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/lightbox/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/lightbox/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(//www.nishina-dental.net/wp-content/themes/nishina-dental/assets/lightbox/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}.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}}