@charset "utf-8";
/*
	Theme Name: aikonaika-2511
	Template: diver
 */

:root{
	--grn:#66b568;
	--blue:#3ab1cc;
	--pink:#f76666;
	--ylw:#ffea83;
	--lylw:#fffad4;
	--gray:#f9f7f4;
	--brwn:#736357;
	--size42:clamp(1.375rem, 3.333vw + 0.583rem, 2.625rem);
	--size36:clamp(1.25rem, 1.818vw + 0.886rem, 2.25rem);
	--size32:clamp(1.375rem, 1.136vw + 1.148rem, 2rem);
	--size28:clamp(1.375rem, 0.909vw + 1.193rem, 1.75rem);
	--size24:clamp(1.125rem, 0.682vw + 0.989rem, 1.5rem);
	--size22:clamp(1.125rem, 0.455vw + 1.034rem, 1.375rem);
}


/*reset*/

:where(.content) p:where(:not([style]):not(:empty)), :where(.content) div:where(:not([class]):not([style]):not(:empty)) {
	margin:0;
}

.content h3:where(:not([class])), :where(.is-editor-blocks) :where(.content) h3:not(.sc_heading) {
	border-bottom:none!important;
}

:where(.content) ol{
	padding: 0;
	list-style-type: none;
}

:where(.content) ul li:last-child{margin-bottom: 1rem;}

.content h4:where(:not([class])):before, :where(.is-editor-blocks) :where(.content) h4:not(.sc_heading):before
Specificity: (0,1,2)
 {display:none;}

.content h4:where(:not([class])):before, :where(.is-editor-blocks) :where(.content) h4:not(.sc_heading):before{display:none;}

.wp-block-table th, .wp-block-table td{border-width: unset;}

.single-post-main ol li{font-weight:normal!important;}

/*base*/

*,*:before,*:after,li{
	box-sizing: border-box!important;
}

body{
	background-color: #fff !important;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:16px;
	line-height:1.6;
}

p{font-family: "Zen Kaku Gothic New", sans-serif;}

ul:not(.wp-block-list,.list,.p-footer-nav,.p-global-nav,.p-breadcrumb,.nav-btn,.link-an,.link-list,.single-post-main ul,.single-post-main ol){
	margin:0;
	padding:0;
	list-style-type: none;
}

p{font-size:16px; line-height:2;}

li:not(#breadcrumb ul li,.menu-item,.medical-list li,.list li,.wp-block-list li,.ol-list li,.single-post-main ul li,.single-post-main ol li){
	font-size:16px;
	line-height:1.6;
	/*font-weight: normal;*/
	list-style-type: none;
}

img {width:100%; max-width: 100%;}

p>a{
	color:var(--pink);
	text-decoration: underline!important;
}

p>a:hover{color:var(--grn);}

a,a:link,a:visited{text-decoration: none;}
a:hover,:where(.content) a:hover {opacity:0.8;}


h2,h3,h4,h5,h2 span,h3 span,h4 span,h5 span{padding:0; margin:0; font-weight:bold;}

.pconly{display:none;}
.sponly{display:block;}

@media only screen and (min-width: 768px){
	.pconly{display:block;}
	.sponly{display:none;}
}

.pconly-1000{display:none;}
.sponly-1000{display:block;}

@media only screen and (min-width: 1001px){
	.pconly-1000{display:block;}
	.sponly-1000{display:none;}
}


span.br{display:inline-block;}

.br-sp {display: block;}
.br-pc {display: none;}

@media screen and (min-width: 768px){
.br-sp {display: none;}
.br-pc {display: block;}
}

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

@media (max-width: 767px){
.center-sp{text-align:center;}
}

.flex,.flex-sp{
	display:flex;
	justify-content: center;
	align-content: center;
}
@media (max-width: 767px){
	.flex:not(.reverse){flex-direction: column;}
	.flex.reverse{flex-direction: column-reverse;}
	}

.note{
	color: var(--blk);
	margin:0; 
	padding:1rem 0;
	text-align: left;
	font-size:1rem;
	list-style-type: none;
}
.note li,.list li{
	position: relative;
	line-height:1.6;
/*	text-indent: -1em;
	padding-left: 1em;
*/
}
.note>li:before{
	content:"※";
	left:0;
}

.list{
	padding-left: 0rem;
	margin: 1rem 0 1rem 2rem;
	list-style-type: disc;
}

@media (max-width: 767px){
	.list{margin: 1rem 0 1rem 1rem;}
}

.ol-list{
	padding-left: 0rem;
	margin: 1rem 0 1rem 2rem;
	list-style-type: decimal;
}

@media (max-width: 767px){
	.ol-list{margin: 1rem 0 1rem 1rem;}
}

.m-top0{margin-top:0!important;}
.m-top1{margin-top:1rem!important;}
.m-top2{margin-top:2rem!important;}
.m-top3{margin-top:3rem!important;}
.m-btm1{margin-bottom:1rem!important;}
.m-btm2{margin-bottom:2rem!important;}
.m-btm3{margin-bottom:3rem!important;}

.p-top0{padding-top:0!important;}
.p-top1{padding-top:1rem!important;}
.p-top2{padding-top:2rem!important;}
.p-top3{padding-top:3rem!important;}
.p-btm1{padding-bottom:1rem!important;}
.p-btm2{padding-bottom:2rem!important;}
.p-btm3{padding-bottom:3rem!important;}

.txt-s{font-size:0.9rem;}


/*Contactform用調整*/
.wpcf7 p,.wpcf7,.wpcf7 select, .wpcf7 .wpcf7-list-item-label{font-size:16px;}


/*PC電話リンク*/
@media (min-width: 768px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

/*レイアウト*/

#continer:not(.home){
	display:flex;
	flex-flow:column;
	min-height:100vh;
}

main:not(.home){
	flex:1;
}


section .inner,.single .l-main-container,.blog .l-main-container,.archive .l-main-container{
	width:100%;
	max-width:980px;
	padding:40px 20px;
	margin:0 auto;
	box-sizing: border-box;
}

#mv,#main-wrap,#main-wrap.main_404{
	width:100%!important;
	margin-top: 120px;
}

@media (max-width: 768px){
	#mv,#main-wrap,#main-wrap.main_404{margin-top: clamp(5.125rem, 3.579vw + 4.409rem, 6.125rem);}
}

@media (768px <= width <= 1000px )  {
	#mv,#main-wrap,#main-wrap.main_404{margin-top: 62px;}
}

section .inner.p-top0{
	padding:0  20px 2rem;
}


/*font*/

.font-zen-m{
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.font-zen-b {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
}


/*color*/
.wh{color:#fff!important;}
.grn{color:var(--grn)!important;}
.pink{color:var(--pink)!important;}
.blue{color:var(--blue)!important;}
.blk{color:#000!important;}


/*link、btn*/

.btn-c{
	text-align: center;
}

.btn-a a,.btn-b a,.btn-c a{
	text-align: center;
	margin: 10px 0;
	cursor: pointer;
}

.btn-a a{
	font-size:16px;
	color:var(--grn)!important;
	position: relative;
	display: inline-block;
	border: solid 2px var(--grn);
	padding: 4px 40px 4px 20px;
	border-radius: 50px;
}

.btn-b a,.btn-c a{
	font-weight:bold;
	width: 100%;
	max-width: 300px;
	width: 300px;
	font-size:18px;
	position: relative;
	display: inline-block;
	padding: 10px 40px 10px 20px;
	border-radius: 12px;
}

.btn-b a{
	background:var(--pink);
	color:#fff!important;
}

.btn-c a{
	background:var(--ylw);
	color:#000!important;
}

.btn-a a::after,.btn-b a::after,.btn-c a::after,.link-an a::after,.link-list a::after{
	content: "";
	width: 10px;
	height: 10px;
	border: 0;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -4px;
	transform: rotate(45deg);
}

.btn-a a::after{
  border-top: solid 2px var(--grn);
  border-right: solid 2px var(--grn);
}

.btn-b a::after,.link-an a::after,.link-list a::after{
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}

.link-an a::after{
	transform: rotate(135deg);
}

.btn-c a::after{
  border-top: solid 2px #000;
  border-right: solid 2px #000;
}


.btn-c a span,.btn-c a span{
	font-size:14px;
	font-weight:normal;
	display: block;
}

.link-an,.link-list{
	width: 100%;
	max-width: 660px;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: space-evenly;
	list-style-type: none;
}

.link-an li,.link-list li{
	width: 50%;
	text-align: center;
}

@media (max-width: 767px){
	.link-an li, .link-list li{width: 100%;
	}
}

.link-an a,.link-list a{
	font-size:18px;
	position: relative;
	display: inline-block;
	text-align: center;
	width: 100%;
	max-width: 300px;
	background-color: var(--grn);
	color: #fff!important;
	padding: 12px 40px 12px 20px;
	border-radius: 12px;
	margin-bottom: 1rem;
	cursor: pointer;
}





/*見出し*/


.content h2:where(:not([class])), :where(.is-editor-blocks) :where(.content) h2:not(.sc_heading) {
	background-color: transparent!important;
	border-radius: unset!important;
}

h2,.content h2{
	font-size: var(--size24);
	margin: 2rem 0;
	padding: 0;
}

h3,.content h3{
	font-size: var(--size22);
	padding: 0;
	margin: 0 0 1rem 0;
}

h1.tt-m,h2.tt-m,.wrap-post-title{
	font-size: var(--size32);
	position:relative;
	color:var(--grn)!important;
	margin-top: 1rem;
}

h1.tt-m::before,h2.tt-m::before,.wrap-post-title::before{
	position:absolute;
	content:"";
	display: inline-block;
	background-image:url(https://demo4.yuimoku-ya.com/wp-content/themes/aikonaika/img/tt-main.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: clamp(3.125rem, 3.03vw + 2.519rem, 4.375rem);/*320px:50px-980px:70px*/
	height: clamp(3.125rem, 3.03vw + 2.519rem, 4.375rem);/*320px:50px-980px:70px*/
	left: -40px;
	top: -10px;
}

@media (max-width: 1050px){
	h1.tt-m::before,h2.tt-m::before,.wrap-post-title::before{left: -14px;}
}

.wrap-post-title{padding:0;}

.home .wrap-post-title{display:none;}

.blog .wrap-post-title,.archive .wrap-post-title{margin-bottom:2rem;}

h1.tt-m span,h2.tt-m span{
	font-weight: 500;
	font-size: 1rem;
	margin-left: 1rem;
	color:#000;
}

h2.tt-i{
	font-size: var(--size28);
	color:var(--grn)!important;
	position:relative;
	padding-right: 1rem;
}

h2.tt-i::before{
	position:absolute;
	content:"";
	display: inline-block;
	background-image:url(https://demo4.yuimoku-ya.com/wp-content/themes/aikonaika/img/tt-icon.png);
	background-size: contain;
	background-repeat: no-repeat;
	top: -10px;
	left: -30px;
	width: clamp(3.125rem, 1.515vw + 2.822rem, 3.75rem);/*320px:60px-980px:70px*/
	height: clamp(3.125rem, 1.515vw + 2.822rem, 3.75rem);/*320px:60px-980px:70px*/
}

@media (max-width: 1050px){
	h2.tt-i::before{left: -14px;}
}

h2.tt-i::after{
	position: absolute;
	content: "";
	background-color: var(--grn);
	width: clamp(17.5rem, 48.485vw + 7.803rem, 37.5rem); /*320px:280px-980px-600px*/
	height: 1px;
	bottom: -4px;
	left:0;
  /*left: 50%;
  transform: translateX(-50%);*/
}



/*pickup*/

.pickup-a,.pickup-b{
	background-color: var(--lylw);
	border-radius: 13px;
	padding: clamp(1.25rem, 3.03vw + 0.644rem, 2.5rem);/*320px:20px-980px:40px*/
	position: relative;
	margin: 3rem 0 2rem;
}

.pickup-a h2,.pickup-b h2,.pickup-a h3,.pickup-b h3{
	position: absolute;
	margin: 0;
	padding: 0;
}

.pickup-a h2,.pickup-b h2{top: -1.2rem;}

.pickup-a h3,.pickup-b h3{top: -1.4rem;}

@media (max-width: 767px){
	.pickup-a h2,.pickup-b h2{top: -0.9rem;}
	.pickup-a h3,.pickup-b h3{top: -1.2rem;}
}


.pickup-a table,.clinic #about table{
	width: 100%;
	border-collapse: collapse;
	border: none;
	margin-bottom:2rem;
}

.pickup-a tr.t-head{
	border-bottom:1px solid #666;
}

.pickup-a tr:not(.t-head),.clinic #about table tr{
	background-image: linear-gradient(to right, #000 1px, transparent 1px);
	background-size: 3px 1px;
	background-position: left bottom;
	background-repeat: repeat-x;
}

.pickup-a th, .clinic #about table th{
	width:50%;
	font-weight: 500;
}

.pickup-a th,.pickup-a  td,.clinic #about table th,.clinic #about table td {
	text-align: left;
	background-color: transparent;
	border: none;
}

@media (max-width: 767px) {
	.pickup-a th,.pickup-a td,.clinic #about table th,.clinic #about table td {
	display: inline-block;
	width: 100%;
	float: left;
	}
	.pickup-a th,.clinic #about table th{
	padding: 8px 12px 0;
	}
	.pickup-a td,.clinic #about table td{
	padding: 0 12px 8px ;
	}

}

td.right{
	text-align: right;
	/*display: flex;
	justify-content: flex-end;*/
}



/*フローチャート*/

#sample2{background: var(--lylw);}

.flow-a ul{
	width: 100%;
	display: flex;
	justify-content: space-around;
	list-style-type: none;
}

.flow-a ul li{
	width: 22%;
	background: #fff;
	border-radius: 12px;
	position: relative;
	padding: 1rem;
}

@media (max-width: 767px) {
	.flow-a ul{flex-direction: column;}

	.flow-a ul li{
	width:100%;
	margin-bottom: 3rem;
	}
}

.flow-a ul li h3{
	position: absolute;
	color: var(--grn);
	margin: auto;
	top: -1.4rem;
	left: 0;
	right: 0;
	text-align: center;
}

.flow-a ul li p{
	margin-top:1rem;
}

.flow-a ul li:not(:last-child)::after{
	content: "";
	width: 16px;
	height: 16px;
	border: 0;
	position: absolute;
	top: 50%;
	right: -18px;
	margin-top: -4px;
	transform: rotate(45deg);
	border-top: solid 3px var(--pink);
	border-right: solid 3px var(--pink);
}

@media (max-width: 767px) {
	.flow-a ul li:not(:last-child)::after{
	top: 106%;
	right: 48%;
	transform: rotate(135deg);
	}
}

.flow-b ol li{
	position:relative;
	background: var(--lylw);
	border-radius: 12px;
	padding: 2rem 1.4rem 1rem;
	margin-bottom: 3rem;
}

.flow-b ol li:not(:last-child)::after{
	content: "";
	width: 16px;
	height: 16px;
	border: 0;
	position: absolute;
	top: 106%;
	right: 50%;
	margin-top: -4px;
	transform: rotate(135deg);
	border-top: solid 3px var(--pink);
	border-right: solid 3px var(--pink);
}

.flow-b ol li h3{
	position:absolute;
	top:-1.3rem;
	display: inline-block;
	color:var(--grn);
	padding: 0;
	margin: 0;
}




/*heart背景*/

.heart{
	position:relative;
	overflow: hidden;
}

.heart::before {
	position:absolute;
	content:"";
	background-image:url(https://demo4.yuimoku-ya.com/wp-content/themes/aikonaika/img/bg-heart.png);
	background-size: contain;
	background-repeat: no-repeat;
	top:3rem;
	right:clamp(-1.25rem, -6.061vw - 0.038rem, -3.75rem);
	width: 50%;
	max-width: 600px;
	height: 50%;
	opacity: 0.6;
}


/*ヘッダー*/

.aiko header:not(#content_area header){
	position: fixed;
	width: 100%;
	z-index: 999;
}

.aiko>header>.sponly>.nav-btn{
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	padding-bottom: 4px;
}

.aiko>header>.sponly>.nav-btn>li{
	flex-basis: 100%;
}

.aiko header .navlogo p{
	font-size: 12px;
	color: #666;
	margin-bottom: 2px;
	margin-left: 10px;
}

@media (max-width: 920px){
	.aiko header .navlogo p{display: none;}
}


.aiko header .navlogo img{/*width: clamp(10rem, 90.226vw - 33.252rem, 17.5rem);*/
	width:160px;

}

@media (min-width: 1001px){
	.aiko header .navlogo img{width:280px;}
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
	.aiko header .navlogo img{width:220px;}
}


.aiko .head{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0px 20px 6px 20px;
	width: 100%;
	background: rgba(255, 255, 255, 0.7);
}

@media (max-width: 767px){
	.aiko .head{padding: 6px 20px;}
}


/*インフォメーション*/

.info{
	background: var(--lylw);
}

.info .flex{justify-content: space-around;}

.info .cal,.info .map{width:48%;}

@media (max-width: 767px){
	.info .cal,.info .map{width:100%;}
}

.info .schedule{
	background: #fff;
	padding: 0.8rem;
	overflow-y: scroll;
	margin-bottom: 1rem;
}

.info table.time{
	font-size:16px;
	border: none;
	font-weight: 500;
	text-align: center;
	margin-bottom: 0.5rem;
}

@media (max-width: 767px){
	.info table.time,.info table.off{
	font-size:14px;
	}
}

.info th,.info td{
	border: none;
	padding: 8px 10px;
}

@media (max-width: 767px){
	.info th,.info td{padding: 8px;}
}

.info .time th,.info .time td{
	border-bottom: 1px solid #ccc;
}

.info table.off{
	border: none;
	font-weight: 500;
	margin-bottom: 6px;
	margin-top:14px;
}

.info table.off td{
	/*vertical-align: top;*/
	padding: 0;
}

.info table.off td.tt{
	padding: 0.5rem 1.2rem 0.5rem 0.5rem;
	color:var(--pink);
}

.info .map iframe{margin-bottom:1rem;}

.info p{font-weight: 500;}

.info .btn-a{margin-bottom:2rem;}

.info .payment{
    background: #fff;
    border-radius: 12px;
    position: relative;
    padding: 5rem 0 2rem;
    margin-top: 3rem;
}

.info .payment .card{
    width: 80%;
    max-width: 600px;
    margin: 0 auto;
    padding:0.5rem;
    position: absolute;
    top: -16%;
    left: 0;
    right: 0;
    background: var(--ylw);
    align-items: center;
}

.info .payment .card img{
	width: 60px;
	object-fit: contain;
	margin-right: 6px;
}

.info .payment .card p{margin:0;}

.info .pay-list{
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

.info .pay-list img{max-width: 400px;}







/* ナビゲーション */
.nav ul{
	display: flex;
	justify-content: space-around;
}

.nav ul li{
	flex-basis: 100%;
	justify-content: center;
	display:flex;
	text-align:center;
	font-size:clamp(0.75rem, 2.174vw - 0.293rem, 0.875rem);
}

.nav ul li img{
	left: 20px;	
	top:4px;
	width: 20px;
	vertical-align: top;
	margin-right: 3px;
	transition: .3s;
}

.nav ul li img{
	position: absolute;
}

.nav ul li:nth-of-type(2) img,.nav ul li:nth-of-type(3) img,.nav ul li:nth-of-type(4) img{left:12px;}
.nav ul li:nth-of-type(5) img{left:4px;}

.nav ul li a:hover img:nth-of-type(2),.menu li a:hover img:nth-of-type(2){
	opacity: 0;
}

.nav ul li a{
	text-align:center;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 8px;
	color: #000;
	transition: 0.3s;
}

.nav ul li a div{
	position: relative;
	padding-left: 1.4rem;
	font-weight: 500;
}

.nav ul li span/*,.aiko header .menu li span*/{
	color: var(--grn);
	display: block;
	border-top: 1.5px solid #000;
	margin-top: 2px;
	transition: 0.3s;
	font-weight: 500;
}

.nav ul li a:hover,.nav ul li a:hover span{color:var(--pink);}

.nav ul li a:hover span{border-top: 1.5px solid var(--pink);}

.nav-logo{flex-basis: 30%;}

.nav-inner{
	flex-basis: 70%;
	max-width: 680px;
}

.nav-inner .sponly{text-align: right;}

.nav-btn{
	margin-bottom: 10px;
	justify-content: flex-start;
}

.nav-btn a{
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 1px;
	font-size: clamp(1rem, 1.538vw + 0.635rem, 1.5rem);
	border-radius: 0 0 9px 9px;
	padding: 4px 10px;
	margin: 0 4px;
	color: #fff;
	cursor: pointer;
}

@media (max-width: 767px){
	.nav-btn a{
	padding: 4px 0px;
	}
}

.nav-btn a.tel{background:var(--pink);}

.nav-btn a.reserve{background:var(--blue);}

.nav-btn a.web-q{background:var(--grn);}

.nav-btn a img{
	width: 24px;
	margin-right: 4px;
}

@media (max-width: 767px){
	.nav-btn a img{
	width: 16px;
	margin-right: 2px;
	}
}



/*sp-ドロワー*/

.menu-btn {
	display: flex;
	justify-content: flex-end;
}

.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
	content: '';
	display: block;
	height: 2px;
	width: 26px;
	border-radius: 3px;
	background-color: var(--grn);
	position: absolute;
	z-index: 1;
}

.menu-btn span{top:30px;}

@media (max-width: 767px){
	.menu-btn span{top:clamp(3.563rem, 2.908vw + 2.981rem, 4.375rem);}
}

.menu-btn span:before {
    bottom: 10px;
}
.menu-btn span:after {
    top: 10px;
}

#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}

#menu-btn-check:checked ~ .menu-btn span::before {
	bottom: 0;
	transform: rotate(45deg);
	background-color: #fff;
}

#menu-btn-check:checked ~ .menu-btn span::after {
	top: 0;
	transform: rotate(-45deg);
	background-color: #fff;
}

#menu-btn-check {
    display: none;
}

.menu-btn:hover,.menu-btn:active,.menu-btn:focus{background-color:var(--blk);}

#menu-btn-check:checked ~ .menu-btn{margin-top: -30px;transition: 1s;}

.menu-btn p{
	font-size: 12px;
	color: #fff;
	padding-top:36px;
}

.menu:not(.footer_navi>.menu){
	width: 90%;
	height: 100%;
	position: fixed;
	top: 0;
	right: -100%;
	background-color: var(--grn);
	transition: all 0.7s;
}

.menu .logo{
	padding: 0 !important;
	max-width: 200px;
	margin: auto 0 1.4rem 0;
}

.menu ul {
	text-align:left;
	padding: 20px;
}

.menu ul li {
	list-style: none;
}

.menu li img{
	width:24px;
	height:24px;
	margin-right:4px;
}

.menu ul li a {
	display: flex;
	align-items: center;
	width: 100%;
	font-size: 18px;
	color:#fff;
	text-decoration: none;
	padding: 10px;
	position: relative;
	border-top: solid 1px #fff;
}

.menu ul li a:last-child{border-bottom: solid 1px #fff;}

.menu ul li a::before {
    content: "";
    width: 10px;
    height: 10px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 10px;
    top: 21px;
}

.menu ul li a:hover{
	background-color: rgba(255,255,255,0.2);
}

#menu-btn-check:checked ~ .menu {
    right: 0;
}

.menu ul li span{
	font-size:0.8rem;
	padding-left:10px;
}



/*テーマ調整*/

.header_small_menu{display:none;}


/*home*/

/*mv*/

.swiper{width:100%;max-width: 1680px;}

.swiper-slide img{
	width:100%;
	max-width: 1680px;
}

@media (min-width: 768px){
	.swiper-slide img{
	height: 500px;
	object-fit: cover;
	}
}

.feature-list li{
	justify-content: space-around;
	margin-bottom: 3rem;
	align-items: center;
}

.feature-list .img,.feature-list .txt{
	width:46%;
}

@media (max-width: 768px){
	.feature-list .img,.feature-list .txt{width:100%;}
}

.feature-list .img{
	max-width: 420px;
	margin-bottom: 1rem;
}

.feature-list .img img{border-radius: 16px;}


.feature-list li h3{
	position: relative;
	display: inline-block;
	font-size: var(--size28);
}

.feature-list li h3:before{
	content: "";
	position: absolute;;
	bottom: 0;
	height: 1px;
	background-color: var(--grn);
}

.feature-list li:nth-child(2n+1) h3::before{
	left: -40%;
	width: 140%;
}

.feature-list li:nth-child(2n) h3::before{
	right: -110%;
	width: 210%;
}

@media (max-width: 768px){
	.feature-list li:nth-child(2n+1) h3::before{
	left: 0%;
	width: 120%;
	}

	.feature-list li:nth-child(2n) h3::before{
	right: -20%;
	width: 120%;
	}
}

.medical-list{
	background:var(--gray);
}

.medical-list ul{
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	list-style-type: none;
}

.medical-list li{
	width: 30%;
	text-align: center;
	background: var(--grn);
	padding: 1rem;
	border-radius: 14px;
	margin-bottom: 1rem;
}

@media (max-width: 768px){
	.medical-list li{
	width: 100%;
	max-width: 400px;
	}
}

.medical-list li a{
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: var(--size22);
	font-weight: 500;
	position:relative;
}

.medical-list li a::after{
	content: "";
	position:absolute;
	display: inline-block;
	width: 12px;
	height: 12px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	transform: rotate(45deg);
	top: 32%;
	right: 0;
}


#access2 p{margin-bottom: 2rem;}

#access2 p span{font-weight: bold;}


/*footer*/

#footer{
	background: var(--grn)!important;
	color: #fff!important;
}

.foot-info{
	justify-content: flex-start;
	padding: 1rem 5rem;
	align-items: center;
}

@media (max-width: 768px){
	.foot-info{
	justify-content: center;
	padding: 1rem;
	}
}

.foot-info .img img{
    max-width: 300px;
    margin-bottom: 0.5rem;
}

.foot-info .flex-sp{margin-top: 1.2rem;}

.foot-info .flex-sp a img{
	width: 40px;
	height: 40px;
	margin: 5px;
}

.foot-info p{margin-bottom: 0;}

.footer_content{
	background: var(--brwn);
	margin: 0;
	width: 100%!important;
	padding: 1rem 5rem;
	display:flex;
	align-items: center;
	justify-content: space-between;
}

@media (max-width: 768px){
	.footer_content{
	padding: 1rem;
	flex-direction: column;
	}
}

.footer_navi{width:100%;}

.footer_navi ul li{padding: 5px;}

#footer a{
	color:#fff!important;
	font-size: 14px;
}

@media (max-width: 768px){
	.footer_content{
	padding: 1rem;
	}
}

#copyright{
	width: 100%;
	text-align: right;
}

@media (max-width: 768px){
	#copyright{text-align: center;}
}



/*home-news、newsページ、media*/

#news .flex-sp,#media .flex-sp{
	align-items: center;
	justify-content: space-between;
}

#news ul>li,#news ul>li>.flex-sp,#media ul>li,#media ul>li>.flex-sp{justify-content: flex-start;}

#news .flex-sp .btn-a{margin: 1rem 0 2rem;}

.single-post-date.published,.news-date{
	font-size: 16px;
	color:#aaa;
	margin-right:1rem;
}

.single-post-category,.hentry .single-post-category,.post-box .post-cat,.sticky-post-box .post-cat{
	min-width: 100px;
	text-align: center;
	border-radius: 30px;
	margin: 0 1rem 0 0;
	padding: 0;
	display: block !important;
	font-weight: bold;
}

.single-post-category a,.post-cat a, .post-cat-sp a,.sticky-post-box .post-cat a,.post-meta-bottom .sub-tag a{
	font-size: 14px;
	color: #fff;
	width: 100%;
	height: 100%;
	display: inline-block;
	padding: 2px 18px;
	cursor: pointer;
	
}

.sticky-post-box .post-cat a{padding: 2.6px 18px;}

#news ul li,.post-box-contents .post-meta-all,.blog .sticky-post-box{
	padding: 10px!important;
	border-bottom: solid 1px #ccc;
}

.news-tt{width:100%;}



.news-tt a,.post-box .post-title a,.sticky-post-box .post-title a{
	color: #000;
	font-weight: normal;
	width: 100%;
	display: inline-block;
	position:relative;
	font-size: 18px;
	padding-right: 1rem;
}

@media (max-width: 768px){
	.news-tt a{margin-top: 4px;}
	.news-tt a,.post-box .post-title a,.sticky-post-box .post-title a{font-size: 16px;}
}

.news-tt a::after,.post-box .post-title a::after,.sticky-post-box .post-title a::after{
	content: "";
	position:absolute;
	display: inline-block;
	width: 12px;
	height: 12px;
	border-top: solid 2px var(--grn);
	border-right: solid 2px var(--grn);
	transform: rotate(45deg);
	top: 30%;
	right: 0;
}

.news-tt a:hover,.post-box .post-title a:hover,.sticky-post-box .post-title a:hover{color:var(--grn);}

.blog #main>div:nth-of-type(2){display:none;}


/*一覧ページ index,loop,sticky*/

.post-box-thumbnail,.post-substr{display:none!important;}

.post-box .post-meta-all,.sticky-post-box .post-meta-all{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

@media (max-width: 768px){
	.post-box .post-meta-all,.sticky-post-box .post-meta-all{
	align-items: flex-start;
	}
}

.post-box .post-date,.sticky-post-box .post-date{
	/*min-width:80px;*/
	font-size: 16px;
	color: #aaa;
	position: static;
	margin-right: 1rem;
	/*margin-top: 2px;*/
}

.post-box .post-title,.sticky-post-box .post-title{
	width: 100%;
	padding:0;
	margin: 0;
	overflow: unset;
}

.sticky-post-box:hover{transform: none;}

.sticky-post-box{
	margin: 0;
}

.sticky-post-box:last-child{margin-bottom:0;}

.sticky-post-box .post-cat{padding: 0.7px 0;}

.sticky-post-box .post-date{
	 padding:0;
}

.sticky-post-box .post-meta-all{padding: 0;}



/*カテゴリー一覧ページ*/

.catpage_content_wrap{display:none;}



/*ページネーション*/

.pagination{margin-top: 2rem;}

a.page-numbers{background: #aaa;}

a.page-numbers, .pagination .current{
	width:50px;
	padding: 9px 21px;
	border-radius: 8px;
	font-size: 18px;
}

.pagination .current{
	background: var(--grn)!important;
}

a.prev.page-numbers,a.next.page-numbers{width: unset;}

.navigation>div{width: 100%;}


/*404*/

.main_404 .tt{
	margin-bottom: 4rem;
	font-size: var(--size32);
	font-weight: 500;
}

.main_404 .btn-a{margin:3rem 0;}




/*single投稿ページ*/

.hentry .post-meta, .article_footer{padding: 0;}

 .single-post-main {
	padding: 0;
	margin-top: 2rem;
}

@media screen and (max-width: 768px) {
    .post .post-meta,.single-post-main {padding: 0;}
}

h1.single-post-title{
	color: var(--grn);
	border-bottom: solid 1px var(--grn);
}

.single-main .content_area header{margin-bottom: 2rem;}

.fa-calendar:before{display:none;}


#single-main .post-meta .tag, #single-main .article_footer .tag{display:none;}

.single_thumbnail{margin: 2rem 0;}

.single .content h2{
	background: none;
	color: var(--blue);
	margin: 3rem 0 1rem;
	padding: 0;
	font-size: 1.4rem;
}

.single .content h3{
	border: none;
	color: var(--grn);
	margin: 3rem 0 1rem;
	padding: 0;
	font-size: 1.2rem;
}

.single .single-post-main .btn-a:first-child{
	margin-top: 2rem;
}

.single .single-post-main ol li{
	font-weight: bold;
	list-style: decimal;
	margin-left: 2rem;
	font-size: 16px;
	line-height: 2.6;
}

.single .single-post-main ol li p{font-weight: normal;}

.single .single-post-main img{
	max-width: unset;
	width: unset;
}

.single .single-post-main .wp-block-image>img{width:100%; max-width: 100%;}

.single .single-post-main .content a{text-decoration: underline;}

.post-meta-bottom .cat-tag{display: flex;}

.post-meta-bottom .sub-tag a{
    background: var(--grn);
    font-weight: bold;
    border-radius: 50px;
    padding: 2px 20px;
    min-width: 100px;
    text-align: center;
}

.hentry .single-post-category{
	background: transparent;
	padding: 0;
	margin: 0;
}

.post .single-post-category a{vertical-align: unset;}

.single-post .cat-tag ul{
	display: flex;
}

.single-post .cat-tag ul li{margin-right: 1rem;}

@media (max-width: 768px){
	.single-post .cat-tag ul{flex-direction: column;}
	.single-post .cat-tag ul li:not(:last-child){margin-bottom:3px;}
}

.post-meta-bottom .sub-tag ul{display: flex;}

.post-meta-bottom .sub-tag ul li:not(:last-child){margin-right: 1rem;}

@media (max-width: 768px){
	.post-meta-bottom .sub-tag ul{flex-direction: column;}
	.post-meta-bottom .sub-tag ul li:not(:last-child){margin-right: 0;}
	.post-meta-bottom .sub-tag a{padding: 2px 12px;}
}


/*下層共通　調整*/


#breadcrumb{
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
}

#breadcrumb ul li:not(:first-child):before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: solid 2px #aaa;
	border-right: solid 2px #aaa;
	transform: rotate(45deg);
	top: 0;
}

#breadcrumb ul a,#breadcrumb ul li{
	color:#aaa;
	font-size: 14px!important;
}

@media (min-width: 768px){
	#breadcrumb ul a,#breadcrumb ul li{font-size: 12px;}
}

#main-wrap{margin-bottom:0;}

#page-main{margin-bottom:0;}




/*ヘッダー画像*/

.page-bnr{
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 30vh;
	max-height: 200px;
	position: relative;
}

.clinic .page-bnr{
	background-image:url(https://demo4.yuimoku-ya.com/wp-content/themes/aikonaika/img/bnr_clinic.jpg);
}

.medical .page-bnr{
	background-image:url(https://demo4.yuimoku-ya.com/wp-content/themes/aikonaika/img/bnr_medical.jpg);
}

.facilities .page-bnr{
	background-image:url(https://demo4.yuimoku-ya.com/wp-content/themes/aikonaika/img/bnr_facilities.jpg);
}



.page-bnr h1{
	position: absolute;
	margin: auto;
	width: 200px;
	height: 24px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: #fff;
	font-weight: 500;
	text-align: center;
}

.page-bnr h1 span{
	display: block;
	margin-top: -4px;
	font-size: 1rem;
}



/*clinic-医院紹介*/

#nav-img ul{justify-content: space-around;}

#nav-img ul li{width: 30%;}

#nav-img ul li a{
	display: inline-block;
	width: 100%;
	height: 100%;
	position: relative;
}

#nav-img ul li a img{
	border-radius: 20px;
}

#nav-img ul li a span{
    position: absolute;
    vertical-align: middle;
    top: 40%;
    left: 20px;
    font-weight: 500;
    color: #fff;
    font-size: 20px;
    text-shadow: 0 0 10px #ccc;
}

@media (max-width: 768px){
	#nav-img ul li a img{border-radius: 10px;}
	#nav-img ul li a span{
	font-size: 16px;
	top: 50%;
	left: 10px;
	}
}

#diet img{
	width:50%;
	max-width: 300px;
	padding-bottom: 20px;
	object-fit: cover;
	aspect-ratio: 4 / 3;
}

#diet img:not(:last-child){padding-right: 20px;}


.clinic #news{margin-bottom: 3rem;}



/*doctor-院長紹介*/

.doctor .tt-m{margin-bottom:3rem;}

.doctor .flex{
	justify-content: space-between;
}

.doctor .name{font-size: 22px;}

.doctor .name,.doctor .name span{font-weight: 500;}

.doctor .name span{
	font-size: 16px;
	padding-right: 10px;
}

.doctor .flex .img{text-align: center;}

.doctor .flex .img img{max-width: 360px;}

.doctor .flex .txt p,#message p{
    margin-bottom: 2rem;
}


/*medical-診療内容*/

.medical section .inner:not(.info .inner){padding: 3rem 20px 1rem;}

.medical #flow{background: var(--lylw);}

.medical .ss{
	margin-bottom: 0;
	font-weight: 500;
}

.medical .ss+.btn-a{
	margin-bottom: 1rem;
}

.medical .online2{margin-bottom:3rem;}

.medical .online2 ol{
	list-style-type: decimal;
	padding-left: 2rem;
}

.medical .online2 li{margin-bottom: 1rem;}

.medical .online2 li::marker {
  font-weight: bold;
}

.medical .online2 h3{
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 0;
}

.medical .medical-list li a::after{
	transform: rotate(135deg);
	right: 2px;
}

.medical p{margin-bottom:2rem;}


/*facilities-施設案内*/

.facilities .pickup-a p{margin-bottom:0;}

.facilities .flex-sp{
	justify-content: space-between;
	margin-bottom:2rem;
}

.facilities .flex-sp img{
	width:48%;
	border-radius:12px;
}


/*guide-初めての方へ*/

.guest-list li span{
	margin-right:6px;
	font-weight: 500;
	font-size: var(--size24);
	color: var(--grn);
}


/*check-健康診断*/

.check .link-an{justify-content: flex-start;}

.tt-i+.pickup-b{margin-top:5rem;}

.check .pickup-b p{margin-bottom:0;}

.check .pickup-b span{display:block;}

@media (max-width: 768px){
.pickup-b p.sp-ptop2{padding-top: 2rem;}
}


/*お問い合わせ*/

.page-id-20 .content{
	max-width: 980px;
	margin: 0 auto;
}