/*
Theme Name: BlankSlate
Theme URI: https://opencollective.com/blankslate
Author: Bryan Hadaway
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/bhadaway/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2024.2
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme 2011-2024
BlankSlate is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}







/* 初期状態：透明で下寄り */
body *{
    opacity: 0;
    transition: .5s;
}
/* fadeinクラスでフェードイン */
.fadein {
    opacity: 1;
}




/*
 * 変数
 * 
 * 
 * */

:root{
	--cream:#fff7ed;
	--white:#fff;
	--green:#14B49F;
	--black:#2d2820;
	--gray:#f5f5f5;
	--brown:#7e6561;
	--round:2rem;
}





html,body{
	overflow-x:clip;
	font-family:"Kiwi Maru", sans-serif;
	font-size:clamp(15px, 1vw, 100px);
	font-weight: 500;
	font-style: normal;
	margin:0;
	padding:0;
	line-height:normal;
	scroll-behavior: smooth;
	-webkit-font-smoothing: antialiased; /* WebKitブラウザ向け */
	-moz-osx-font-smoothing: grayscale; /* Firefox向け */
	text-rendering: optimizeLegibility; /* 全般的なレンダリング向け */
	word-break:break-word;
	background:var(--gray);
	color:var(--black);
}
img{
	object-fit:cover;
}
a:hover{
	opacity:.5;
}
h1, h2{
	font-size:2.4rem;
}
h3{
	font-size:1.5rem;
}
*{
	box-sizing:border-box;
}



#wrapper{
	width:80vw;
	margin:auto;
}

/*
 * #wrapper::before{
	content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://images.pexels.com/photos/1103970/pexels-photo-1103970.jpeg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: -1;
}*/

#header{
	display:flex;
	padding:.5rem 3rem .5rem .5rem;
	align-items:center;
	margin:2rem auto 0;
	background:var(--white);
	border-radius:10rem;
	gap:1rem;
	position:relative;
	z-index:2;
	width:max-content;
	transform:translatey(-3rem) scale(.9);
	transition:1s .5s;
	opacity:0;
}
#header.fadein{
	transform:translatey(0) scale(1);
	opacity:1;
}

#header a{
	text-decoration:none;
}
#header #branding{
	background:var(--gray);
	padding:.5rem;
	border-radius:10rem;
	text-align:center;
}
#site-title, #site-title a{
	color:var(--black);
}
#site-title h1{
	font-size:1.2rem;
}
#site-title::after{
	content:"Miyazaki Chiropractic & Acupuncture Clinic";
	display:block;
	font-size:.5rem;
}
#site-description{
	display:none;
}
#header #menu{
}
#search, .home .entry-title, .post-edit-link{
	display:none;
}
.menu ul{
	display:flex;
	gap:2rem;
	justify-content:flex-end;
	color:var(--green);
}
.menu a{	
	color:var(--green);
}
.menu li{
	text-align:center;
}
.menu li:not(:first-child)::before{
	content:"|";
	position:relative;
	left:-1rem;
	top:.3rem;
}
.menu li::after{
	display:block;
	font-size:.6rem;
}
.menu li:nth-child(1)::after { content: "Home"; }
.menu li:nth-child(2)::after { content: "Treatment"; }
.menu li:nth-child(3)::after { content: "Pricing"; }
.menu li:nth-child(4)::after { content: "Traffic Treatment"; }
.menu li:nth-child(5)::after { content: "Clinic Photos"; }
.menu li:nth-child(6)::after { content: "FAQ"; }
.menu li:nth-child(7)::after { content: "Contact"; }










.first img{
	width:100%;
	border-radius:2rem;
	height: 80vh;
    transform: translatey(-1rem);
	transition:2s;
	
}
.first p{
	font-size:3rem;
	background:var(--white);
	color:var(--green);
	display:inline-block;
	transform:translate(-10rem,-25rem);
	padding:2rem 6rem;
	border-radius:0 10rem 10rem 0;
	opacity:0;
}
.first p.fadein{
	animation:slidein 1.5s 1.5s forwards;
}
@keyframes slidein{
	50%{
		transform:translate(-5rem,-25rem);
	}
	100%{
		transform:translate(-6rem,-25rem);
		opacity:1;
	}
}
.second{
	width:80%;
	padding:0;
	border-radius:1rem;
	margin:-7rem auto 15rem;
}
.second{
	gap:5rem;
	font-size:1.2rem;
}
.second .wp-block-column:first-child{
	flex:8;
}
.second .wp-block-column:last-child{
	flex:2;
}
.second h2, .third h2{
	border-bottom:4px solid var(--green);
}
.second h2::after{
	content:"About Us";
	color:var(--green);
	font-size:1rem;
}
.second>div:last-child>figure:first-child img{
	transform:scale(1.5);
}
.second>div:last-child>figure:first-child.fadein{	
	transform:translatey(3rem);
	transition:1.5s .3s;
}
.second>div:last-child>figure:last-child img{
	transform:scale(2);
}
.second>div:last-child>figure:last-child.fadein{	
	transform:translate(-11rem,5rem);
	transition:1.5s .3s;
}
.second img{
	border-radius:1rem;
}
.second .fadein img{/*fadein*/
}





.seikotsu, .sinkyu{
	background:var(--green);
	width:100vw;
	margin:0 calc(50% - 50vw);
	margin-top:9rem;
	padding-bottom:3rem;
}
.seikotsu>div, .sinkyu>div{
	width:70%;
	margin:auto;
	display:flex;
	flex-direction:column;
	align-items:start;
}
.seikotsu>div>div, .sinkyu>div>div{
	margin:0;
	width:90%;
}
.seikotsu>div>p, .sinkyu>div>p{
	color:var(--white);
	background:var(--green);
	padding:.5rem 3rem;
	font-size:2rem;
	display:inline-block;
	border-radius:1rem;
	transform:translatey(-2rem);
}

.seikotsu>div>div>div, .sinkyu>div>div>div{
	display:flex;
	gap:1rem;
	font-size:1.4rem;
}
.seikotsu>div>div>div>p, .sinkyu>div>div>div>p{
	background:var(--gray);
	color:var(--green);
	margin:0;
	width:20%;
	text-align:center;
	padding:1rem;
	display:flex;
	align-items:center;
	justify-content:center;
	height:8rem;
	border-radius:1rem;
	transform:translatey(100%);
	transition:.7s;
}
.seikotsu>div>div>div>p.fadein, .sinkyu>div>div>div>p.fadein{
	transform:translatey(0);
}
.seikotsu>div>div>div>p:nth-child(1), .sinkyu>div>div>div>p:nth-child(1){transition-delay:0s;}
.seikotsu>div>div>div>p:nth-child(2), .sinkyu>div>div>div>p:nth-child(2){transition-delay:.1s;}
.seikotsu>div>div>div>p:nth-child(3), .sinkyu>div>div>div>p:nth-child(3){transition-delay:.2s;}
.seikotsu>div>div>div>p:nth-child(4), .sinkyu>div>div>div>p:nth-child(4){transition-delay:.3s;}
.seikotsu>div>div>div>p:nth-child(5), .sinkyu>div>div>div>p:nth-child(5){transition-delay:.4s;}


.sinkyu{
	background:var(--brown);
	margin-top:1rem;
}
.sinkyu>div{
	align-items:end;
}
.sinkyu>div>p{
	color:var(--white);
	background:var(--brown);
}
.sinkyu>div>div>div>p{
	color:var(--brown);
}

p.button{
	margin-bottom:12rem;
}
a.button{
	border:1px solid;
	color:initial;
	text-decoration:none;
	padding:1.8rem;
	font-size:1.5rem;
	border-radius:100rem;
	width:fit-content;
	display:block;
	margin:auto;
	opacity:0;
}
a.button.fadein{
	animation:up .6s .8s forwards;
}
@keyframes up{
	0%{
		transform:translatey(3rem);
	}
	50%{
		transform:translatey(-2rem);
	}
	100%{
		transform:translatey(-1rem);
		opacity:1;
	}
}
a.button:hover{
	background:var(--green);
	color:var(--white);
	opacity:1;
}





.third{
	gap:3rem;
	margin:3rem auto;
}
	
.third h2::before{
	content:"Medical Information";
	color:var(--green);
	font-size:1rem;
}
.third iframe{
	width:100%;
	height:100%;
}
table{
	font-size:.9rem;
}
table td{
	text-align:center;
	vertical-align:middle;
	border:none !important;
	border-bottom:1px solid lightgray !important;
}
.third .address{
	background:var(--green);
	padding:2rem;
	text-align:center;
	font-size:1.5rem;
	border-radius:var(--round);
	color:var(--white);
}
.third .address p a{
	color:var(--white);
	text-decoration:none;
}
.third .tel{
	font-size:3.8rem;
	margin:0;
	line-height:1;
	font-weight:900;
}
.third .tel::before{
	content:"TEL ";
	font-size:2rem;
}


.whatsnew{
	width:60%;
	margin:auto !important;
	margin-bottom:8rem !important;
	font-size:1.2rem !important;
	color:initial;
	background:var(--white);
	padding:0 6rem 4rem;
	overflow:initial !important;
	border-radius:var(--round);
}
.whatsnew.fadein{
	transform:translatey(-1rem);	
	box-shadow:1rem 1rem 0 lightgray;
	transition-delay:.5s;
}
.whatsnew hr{
	display:none;
}
.whatsnew h2{
	text-align:center;
	line-height:1;
	transform:translatey(-1.5rem);
}
.whatsnew h2::after{
	content:"Announcements";
	color:var(--green);
	font-size:1rem;
	display:block;
}
.whatsnew a{
	color:var(--black);
}
.whatsnew dl{
	border-bottom:1px solid lightgray !important;
	padding:1rem 0 !important;
}
.whatsnew dt{
	margin-right:4rem !important;
	color:var(--green) !important;
}
.whatsnew .newmark{
	background:var(--green) !important;
}



#footer{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding-bottom:3rem;
	margin:auto;
}
#footer, #footer a{
	color:var(--green);
}
#footer>div>p:last-child{
	font-size:.7rem;
}
.pagetop::before{
	content: "arrow_circle_up";
	font-family: 'Material Symbols Outlined';
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0;
	font-size: 4rem;
	display: inline-block;
}





/*
 * 
 * page
 * 
 * 
 * 
 * */


#post-48, #post-50, #post-52, #post-59, #post-62, #post-64{
	width:80%;
	margin:auto;
}
.entry-title{
	text-align:center;
	margin:6rem auto;
}
.entry-title::after{
	color:var(--green);
	display:block;
	font-size:1.5rem;
}
#post-48 .entry-title::after{content:'-Treatment-';}
#post-50 .entry-title::after{content:'-Pricing-';}
#post-52 .entry-title::after{content:'-Traffic Treatment-';}
#post-59 .entry-title::after{content:'-Clinic Photos-';}
#post-62 .entry-title::after{content:'-FAQ-';}
#post-64 .entry-title::after{content:'-Contact-';}



#post-48 .wp-block-columns{
	padding:6rem 0;
	border-bottom:4px dashed var(--gray);
	gap:3rem;
}
#post-48 .wp-block-columns:first-child{
	padding-top:3rem;
}
#post-48 .wp-block-columns:last-child{
	border:none;
}
#post-48 .wp-block-column:nth-child(1){
	flex:1;
}
#post-48 .wp-block-column:nth-child(1) p{
	color:var(--white);
	display:inline;
	padding:0 1rem;
	font-weight:900;
}
#post-48 .group1 .wp-block-column:nth-child(1) p{
	background:var(--green);	
}
#post-48 .group2 .wp-block-column:nth-child(1) p{
	background:var(--brown);	
}
#post-48 .wp-block-column:nth-child(2){
	flex:7;
}
#post-48 .wp-block-column:nth-child(3){
	flex:2;
}
.group1, .group2{
	border:4px solid var(--gray);
	padding:0 6rem;
	margin-bottom:6rem;
	border-radius:var(--round);
	background:var(--white);
}
.tag, .tag2{
	padding:.5rem 4rem;
	color:var(--white);
	display:inline-block;
	border-radius:var(--round) var(--round) 0 0;
	transform:translatex(4rem);
}
.tag{
	background:var(--green);
}
.tag2{
	background:var(--brown);
}



.group1, .group2{
	padding:6rem;
}
h4{
	border-radius:var(--round);
	padding:.5rem;
	letter-spacing:1rem;
	margin-top:4rem;
	transform:translatey(1rem);
	width:70%;
	margin:auto;
	font-weight:900;
	position:relative;
	z-index:2;
}



.group3{
	border:4px solid var(--gray);
	padding:4rem 7rem;
	border-radius:var(--round);
	margin-bottom:6rem;
	background:var(--white);
}
.group3 .wp-block-column:first-child{
	flex:2;
}
.group3 .wp-block-column:first-child p{
	color:var(--white);
	background:var(--green);
	display:inline;
	padding:0 1rem;
	font-weight:900;
}
.group3 .wp-block-column:last-child{
	flex:8;
}
.group3 .wp-block-column:last-child p{
	margin:1rem 0;
}
#post-52 .wp-block-columns{
	padding:3rem 0;
	border-bottom:4px dashed var(--gray);
	gap:1rem;
}
#post-59 img{
	padding:1rem;
}




.group4{
	border:4px solid var(--gray);
	padding:4rem 6rem;
	border-radius:var(--round);
	margin-bottom:6rem;
	background:var(--white);
}
.group4 .wp-block-column:first-child p::before{
	content:"Q ";
	color:var(--green);
	font-size:3rem;
	font-weight:900;
}
.group4 .wp-block-column:last-child p::before{
	content:"A ";
	color:var(--brown);
	font-size:3rem;
	font-weight:900;
}
.group4 .wp-block-column:first-child p{
	font-size:1.5rem;
}
.group4 .wp-block-columns{
	padding:5rem 0;
	border-bottom:4px dashed var(--gray);
	margin:0;
	gap:3rem;
}
.group4 .wp-block-columns:first-child{
	padding-top:3rem;
}
.group4 .wp-block-columns:last-child{
	border:none;
}




/*#post-64{
	width:600px;
	margin:auto;
}*/
.group5{
	border:4px solid var(--gray);
	padding:4rem 6rem;
	border-radius:var(--round);
	margin-bottom:6rem;
}
.wpcf7 *{
	width:100%;
	border:none;
}
.wpcf7{
	margin-top:3rem;
	font-size:1.2rem;
}
.wpcf7 input, .wpcf7 textarea{
	border:3px solid var(--gray);
	padding:1rem;
	border-radius:var(--round);
	font-size:1.2rem;
	max-width:100%;
	min-width:100%;
}
.wpcf7 p{
	margin-bottom:1rem;
}
.wpcf7-not-valid-tip{
	opacity:1;
}
.wpcf7-submit{
	background:var(--green);
	color:var(--white);
}
.wpcf7-submit:hover{
	opacity:.5;
}
.wpcf7-spinner{
	display:none;
}
.wpcf7-response-output{
	color:var(--green);
	border:none !important;
	margin:0 !important;
	padding:0 !important;
}




.single #content{
	margin:6rem auto 0;
	margin-bottom:9rem;
	width:60%;
}
.single #content .author, .single #content .meta-sep, .single #content .entry-footer, .single #content #comments{
	display:none;
}
.single #content header{
	padding-left:1rem;
	display:block;
	border-left:4px solid;
	margin-bottom:1rem;
}
.single #content .entry-title{
	text-decoration:none;
	color:var(--black);
	font-size:1.5rem;
	display:inline;
	margin:0;
	padding-right:2rem;
}
.single #content .entry-title a{
	color:var(--black);
}
.single #content .entry-meta{
	display:inline;
}
.single #content .entry-content{
	margin-bottom:5rem;
}
.single #content a{
	text-decoration:none;
	color:var(--green);
}
.single #content .nav-links{
	display:flex;
	gap:6rem;
	justify-content:space-between;
}












@media screen and (max-width: 1300px) {
	#wrapper{
		width:80vw;
	}
	#header{
		background:none;
		margin:1rem 0 0 -1.7rem;
		padding:0;
	}
	#header.fadein{
		transform:translatey(1rem);
	}
	#header #branding{
		border-radius:1rem;
	}
	#site-title a{
		font-size:1.5rem;
	}
	#menu{
		display:none;
	}
	

	.second, .third, .whatsnew, #footer, #post-48, #post-50, #post-52, #post-59, #post-62, #post-64, .single #content{
		width:100%;
	}
	.home #container{
		margin-top:-10rem;
	}
	.first{
		margin-left:-10vw;
		margin-top:10rem;
		width:100vw;
	}
	.first img{
		border-radius:0;
		height:60vh;
		transform:none;
	}
	.first p{
		padding:0 3rem;
		opacity:1;
		transform:translatey(-6rem);
		border-radius:0;
		margin:2rem auto;
		background:none;
		font-size:2.8rem;
		opacity:0;
		display:block;
		width:fit-content;
	}
	.first p.fadein{
		animation:none;
		opacity:1;
		transition:.8s 1.2s;
	}
	a.button{
		font-size:1.2rem;
		padding:1.5rem;
	}
	h1,h2{
		font-size:1.8rem;
	}
	.second{
		font-size:1rem;
		margin:0 auto 6rem;
		padding:0;
		gap:1rem;
	}
	.second .wp-block-column:last-child{
		display:none;
	}
	.whatsnew{
		padding:0 3rem 4rem
	}
	
	.third .address{
		padding:1rem;
		border-radius:1rem;
	}
	
	
	.single #content header{
	}
	.single #content .entry-content{
		padding:0;
	}
	.single #content .entry-title{
		padding:0;
		text-align:left;
	}
	.single #content .nav-links{
		gap:2rem;
	}
	table{
		font-size:.7rem;
	}
	.entry-title{
	}
	.single #content .entry-meta{
		display:block;
	}
	h3{
		font-size:1.2rem;
	}
	.tag, .tag2{
		padding:.5rem 2rem;
		transform:initial;
	}
	.group1, .group2{
		border-width:0;
		border-radius:0 1rem 1rem 1rem;
		padding:2rem;;
	}
	h4{
		width:80%;
		letter-spacing:.2rem;
		padding:0;
	}
	#post-48 .wp-block-columns, #post-52 .wp-block-columns{
		padding:2rem 0;
		gap:1rem;
	}
	.group3, .group4{
		padding:3rem 2rem;
		border-width:4px 0 4px;
	}
	.group3{
		margin-bottom:3rem;
	}
	.group5{
		padding:0;
		border-width:4px 0 4px;
		border-radius:initial;
	}
	.third .address{
		font-size:.9rem;
	}
	.third .address p{
	}
	.third .tel::before{
		font-size:1.6rem;
	}
	.third .tel{
		font-size:2.1rem;
	}
	
	
	.seikotsu>div, .sinkyu>div{
		width:100%;
		padding:0 1rem;
		align-items:center;
	}
	.seikotsu>div>div, .sinkyu>div>div{
		width:100%;
	}
	.seikotsu>div>div>div, .sinkyu>div>div>div{
		flex-wrap:wrap;
		justify-content:center;
	}
	.seikotsu>div>div>div>p, .sinkyu>div>div>div>p{
		width:30%;
		font-size:.8rem;
		height:6rem;
	}
	p.button{
		width:100%;
		margin-bottom:9rem;
	}
	
	#footer{
		font-size:.8rem;
	}
}



.mobmenur-container i{
	color:var(--black)!important;
}
.mobmenu-panel a{
	font-family:"Kiwi Maru", sans-serif !important;
}