@charset "utf-8";
/*------ベース-----*/
/* web font */

@import url("https://fonts.googleapis.com/earlyaccess/notosansjp.css");/*Noto Sans JP*/
@import url("https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css"); /*Rounded Mplus 1c*/

.contents .main_contents_full h1.bgnone{ background:none;
padding:0;}

.padding0 .wp-block-media-text__content{padding:0!important;}


h1,h2,h3,h4,h5,h6,a,ul,ol,li,td,th,dd,dt,dl,p,a{	max-height:999999px}

* {
	padding: 0;
	margin: 0;
}
html{
	scroll-behavior: smooth;
	font-size: 100%;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",  Arial, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 0;
	margin: 0;
	-webkit-text-size-adjust: none;
	line-height: 1.7;
	background-color:#DFF2E9;
}
.clear{
	clear: both;
	padding: 0;
	margin: 0;
	display: block;
	background-color: transparent;
	line-height: 1px;
}


aside{
	display:block;}

p {
	margin: 0 0px 1.5em;
	
}

a {
	border: none;
	text-decoration: none;
}
a:hover {
	transition: color 0.3s ease 0s;
	text-decoration: none;
}
a img {
	border: none;
}
a:hover img{
	text-decoration: none;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	transition: opacity 0.6s ease;
}

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

table{ border-collapse:collapse;}

.main_contents table{border: 1px solid #ccc;
background: #fff;}

.main_contents table td,.main_contents table th{
	border: 1px solid #ccc;
	padding: 5px;
}

/*--※付きコメントにする dl and span-----*/



dl.kome{
	overflow:hidden;}

dl.kome dt{
	float: left;
}
dl.kome dd{
	padding: 0 0 5px 1.5em;
}


span.kome,p.kome{
	padding: 0 0 5px 1.5em;
	display: block;
	position: relative;
	margin: 5px 0 0 0;
	overflow: hidden;
}
span.kome:before,p.kome:before{
	content: "※";
	position: absolute;
	top: 0px;
	left: 0px;
}


/*スペーサーブロック*/

.space{
	display: block;
	height: 50px;
}

.space30{
	display: block;
	height: 30px;
}


.wp-block-spacer{
	display: block;
	height: 30px;
}

/*imageのシャドウ*/
.shadow img{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 0px 5px #888888;
	box-shadow: 0px 0px 5px #888888;
	border: 3px solid #FFFFFF;
}

.maru img{
	border-radius: 10px;
}

/*チェックリスト*/

ul.check {
	margin: 0 0 15px;
	padding-left: 0	!important;
}
ul.check li{
	list-style-type: none	!important;
	margin: 0 0 5px;
	padding: 0 0 5px 2em;
	background-image: url(../image/common/check01.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto 1.5em;
}


ul.border li{border-bottom: 1px dashed #D38119;
padding-bottom: 7px;
margin-bottom: 7px;}

/*赤枠の太字*/

.waku_red{border: 2px solid #BC0003;
padding:10px;
color:#BC0003;
font-weight: bold;
font-size: 1.25em;
font-family: 'Noto Sans JP';}

/*----------------------------
				背景
-----------------------------------*/

.bg_white{background:#fff;
padding: 15px;}

.bg_check{
	padding: 10px;
	background-image: url(../image/common/bg01.jpg);
}

.bg_gray{
	padding: 10px;
	background:#EDEDED;
}
.wp-block-column ul{margin: 0 10px 10px 10px!important;}

.waku{border: 4px double #6EB5C0;
padding:15px;}

/*--使用するフォントの設定----------------------------------------------------*/


/*--明朝フォントセット--*/
.font_mi {
	font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	transform: rotate(.03deg);
}

/*--Noto Sans JP (web)--*/
.font_noto {
	font-family: 'Noto Sans JP';
	transform: rotate(.03deg);
}

/*--Rounded Mplus 1c (web)--*/
.font_round {
	font-family: 'Rounded Mplus 1c';
	transform: rotate(.03deg);
}

/*--游ゴシック--*/
.font_yugo {
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
}



/*--ScrollTrigger----------------------------------------------------*/

.invisible,
.visible{
	transition: opacity 0.5s ease;
	opacity: 0.0;
}



/*--header----------------------------------------------------*/

/*
.wrap {
	overflow: hidden;
	width:100%;
}
*/


/*--footer----------------------------------------------------*/

footer.footer{
	background-color: #FFFFFF;
	color: #333;
/*--border-top: 3px dotted #00A3D9;--*/
}


footer .about table,
table.timeline{
	width: 100%;
	border-bottom: 1px dotted #888888;
	margin: 0 0 15px;
	font-size: 15px;
	line-height: 1.5;
	text-align: center;
	color: #000000;
	background-color: #FFFFFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
footer .about table th,
table.timeline th{
	padding: 8px 5px;
	font-weight: bold;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #888888;
}

footer .about table th.time,
table.timeline th.time{
	background-color: #FFFFFF;
	color: #333333;
	border: 1px solid #888888;
	font-family: Arial, Helvetica, sans-serif;
}

footer .about table td,
table.timeline td{
	vertical-align: middle;
	text-align: center;
	color: #333333;
	border: 1px solid #888888;
}


.footer .about ul.sns_icon{
	display: flex;
	flex-wrap: wrap;
	align-content: stretch;
	align-items: stretch;
	justify-content: center;
	padding: 0 0 20px;
}
.footer .about ul.sns_icon li{
	width: 40px;
	margin: 0 5px;
}
.footer .about ul.sns_icon li a{}
.footer .about ul.sns_icon li a:hover{}
.footer .about ul.sns_icon li a img{}


p.tyui{
	position: relative;
	line-height: 1.2;
	padding:0 0 0 1.5em;
	margin:0 0 10px 0;
}

p.tyui::before{
	content:"※";
	display: block;
	width:1em;
	height:1em;
	position: absolute;
	left:0;
	top:0;
}

footer .about p.add{
	font-weight: bold;
	font-family: 'Noto Sans JP';color: #fff;
}

footer .about ul.access_list{
	margin: 0 0 20px;
}
footer .about ul.access_list li{
	padding: 0 0 0px 1em;
	background-image: url(../image/common/link2.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	background-size: auto 9px;
}

footer .about .border{border-bottom:1px solid #888;
padding:0 0 15px 0;
margin:0 0 15px 0;}

footer .about p.kyushin{font-weight: bold;
color: #FF0000;
	font-family: 'Noto Sans JP';
}




footer h2{
	font-size: 17px;
	color: #fff;
	margin: 0 0 0px;
	font-weight: bold;
	font-family: 'Noto Sans JP';
}

footer p.copy{
	font-size: 14px;
	text-align: center;
	margin: 0;
	background:#4F6457;
	padding: 10px 0;
	color: #FFFFFF;
}

footer p.copy a,footer p.copy a:hover{
	color: #FFFFFF;
	text-decoration: none;
}




/*-トップページのスライドショー-*/


.topimg_sp {
	margin: 0 0 0px;
	width: 100%;
	background-color: #01A6EA;

}

.topimg_sp ul.bxslider li img{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	display: block;
}




/* pc 設定*/

.topimg {
	width: 100%!important;
}

.topimg img{
	display: block;
}




.pink{
	color: #F29EC1;
}
.orange{
	color: #F6AB00;
}

/*-eye------------------------------------------------




/*-info-----------------------------*/


.sub_info{border:1px solid #DDDDDD;
	margin: 0 0 30px;
	background: #fff;
}

.sub_info .infobox{
	height: 250px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	display: inline-block;
	width: 100%;
}

.sub_info .infobox iframe {
  width:100%;
  height:100%;
  border:none;
  display:block;
}




/*-------------------------------
   TopicPath
-------------------------------*/
.breadcrumbs,
.topicpath,
#topicpath {
	padding: 5px 0;
	margin: 0 0 0;
	color: #000;
	width: 100%;
	
}
.breadcrumbs .box,
.topicpath .box,
#topicpath ul {
	list-style: none;
	padding: 0px 10px;
	margin: 0 auto;
	display: block;
	max-width: 1100px;
	font-size: 14px;
}
#topicpath ul li {
	display: inline;

}

#topicpath ul li:after{ content:"＞"}

#topicpath ul li:last-child:after{ content:none;}

.breadcrumbs .box a,
.topicpath .box a,
#topicpath ul li a {
	color: #000;
}

#topicpath ul li span {
}
#topicpath ul::after{content:"";
display: block;
clear: both;}
.topicpath .box strong.current{font-weight:normal}

	h1.midashi img{
	display: block;
	margin:0 auto;}


/*-------------------------------
   ページトップボタン
-------------------------------*/
#page_top{
  width: 60px;
  height: 60px;
  position: fixed;
  right: 0;
  bottom: 20px;
  opacity: 0.6;
}
#page_top a{
  width: 60px;
  height: 60px;
  text-decoration: none;
}
#page_top a::before{
	font-family: FontAwesome;
	content: '\f139';
	font-size: 60px;
	color: #888888;
}






/*-------------------------------
   よくある質問
-------------------------------*/

 dl.qa{
	margin: 0 0 20px;
}
dl.qa dt{font-family: 'Noto Sans JP';
	font-size: 1.1em;
	padding: 5px 0px 5px 40px;
	margin: 0;
	position: relative;
	color: #333;
	font-weight: bold;
}
dl.qa dt::before {
	content: "Q";
	background-color:#4f6457;
	color: #fff;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 50%;
	display: block;
	margin: 0px 0px 0 -40px;
	float: left;
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
}
dl.qa dd{
	padding: 10px 0px 20px 40px;
	margin: 0px 0px 20px;
	position: relative;
	border-bottom: 2px dotted #ccc;
	overflow: hidden;

}
dl.qa dd::before {
	content: "A";
	background-color:#d9b44a;
	color: #fff;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 50%;
	display: block;
	margin: 0px 0px 0 -40px;
	float: left;
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
}
dl.qa dd:last-child{
	margin-bottom:10px;
}
dl.qa dd a{
} 




/*-------------------------------
   ギャラリー2
※ bxslider を利用している
-------------------------------*/


.gallery2{}
.gallery2 li{}
.gallery2 li img{
	margin: 0 auto;
	display: block;
}

.custom-thumb{
	margin: -40px 0 0;
	display:flex;
	align-items:center;
	justify-content:space-between;
	align-content:center;
	flex-wrap:wrap;
}
.custom-thumb a{
	width: 24%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0px;
	margin: 0 0;
	box-sizing: border-box;
}


.gallery3 li img{
	text-align: center;
	margin: 0 auto;
	display: block;
}
 



/*-------------------------------
   contact 枠の設定
-------------------------------*/
.contact{
	width: 100%;
	height: 100%;
}
.contact iframe{
	width: 100%;
	height: 100%;
}


/*----------------------------------------------------
	トップページ追記
-----------------------------------------------*/



.space{
	display: block;
	clear: both;
	height: 50px;
}
.space100{
	display: block;
	clear: both;
	height: 100px;
}

/* TOP施術内容 */

#naiyo .naiyo{border:1px solid #49A3DE;
}

#naiyo .naiyo:last-of-type{margin:0;}

#naiyo .naiyo .wrap-img{position: relative;}
#naiyo .naiyo .wrap-img img{width:100%;}	

#naiyo .naiyo .wrap-img h2{background-color: rgb(100,100,100);
	color:#fff;
	font-family: 'Noto Sans JP';
position: absolute;
left:0;
bottom:0;
	text-align: left;
	margin:0;
	padding:0;
	width:100%;
background:linear-gradient(to right,rgba(58,64,45,.7) 0,rgba(58,64,45,.7) 30%,rgba(255,255,255,0) 90%,rgba(255,255,255,0) 100%);
}

#naiyo .naiyo dl{ background: #E6F9FF;
border:1px dotted #7BC5E8;}

#naiyo .naiyo dl dt{font-weight:bold;
color:#1376B7;}

#naiyo .naiyo a{border:1px solid #4AA4DE;
border-radius: 5px;
text-align: center;
display: block;
font-family: 'Noto Sans JP';
color:#1376B7;
font-weight:bold;}

#naiyo .naiyo a::after{content: "\f138";
  font-family: FontAwesome;
margin:0 0 0 5px}


#naiyo .naiyo a:hover{ background:url("../image/texture/texture_wm50.png");
	background-color: #49A3DE;
color:#fff;
border:1px solid #49A3DE;
text-shadow: 0 0 5px #1376B7;}


/*----------------------------------------------------
	当院紹介追記
-----------------------------------------------*/


.feature dl{
	clear: both;
}
.feature dl dt{
	overflow: hidden;
	clear: both;
	color: #333333;
	border-bottom: 4px double #00B2F3;
	position: relative;
	font-family: 'Noto Sans JP';
}
	
	.feature dl dt b{background:#0F6DAA;
	color:#fff;
	display: block;
	position: absolute;
	left:0;
	top:0;
	text-align: center;
	border-radius: 50%;}


.feature dl dd figure figcaption{
text-align: center;
color: #FF0000;
font-size: 120%;
font-weight: bold;
}

.feature dl dd span.profile{
	border-radius: 10px;
	background-color: #FFFFFF;
	font-weight: normal;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 20px 0 0 0;
	padding: 10px;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 0px 5px #BBBBBB;
	box-shadow: 0px 0px 5px #BBBBBB;
}
.feature dl dd span.profile strong{
	color: #0F6DAA;
	font-size: 120%;
	display: block;
	margin: 0 0 10px;
	border-bottom: 1px dotted #0F6DAA;
}


/*-スタッフ紹介2--------------------------*/

.staff{
	display:flex;
	flex-wrap:wrap;}

.staff .staffbox{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFFFFF;
	box-shadow: 0 0 4px #aaa;
	border-radius: 10px;

}

.staff .staffbox img{
	width: 95%;
	border:4px double #85D4E8;

	display: block;
}

.staff .staffbox dl dt{
	background-color:#49A3DE;
	text-align: center;
	width: 4em;
	border-radius: 5px;
	color: #FFFFFF;
	float: left;
}
.staff .staffbox dl dd{
	margin: 0 0 5px;
	padding: 0 0 5px 5em;
	border-bottom: 1px dashed #49A3DE;
}
.staff .staffbox dl dd:last-of-type{
	border:none;
	padding-bottom: 0;
	margin-bottom: 0;
}




dl.voice{background:#fff;
box-shadow: 0 0 4px #004C66;
	border-radius: 10px}


dl.voice dt{color:#1476B7;
border-bottom:3px double #1476B7;
font-weight: bold;
font-family: 'Noto Sans JP';}
dl.voice dd:last-of-type,dl.voice:last-of-type{margin:0;}






#other ul{display: flex;
flex-wrap:wrap;
justify-content:space-around;}

#other ul li{background:#fff;
padding:8px;
border-radius: 10px;
	margin:0 15px 0 0;
	width:22%;
	text-align: center;
	box-shadow: 0 0 3px #ccc;
	font-family: 'Noto Sans JP';
}
#other ul li a{color:#000;}
#other ul li a:hover{color:#aaa}




/*----------------------------------------------------
	鍼灸治療追記
-----------------------------------------------*/
.inbox p:last-child{
	margin-bottom:0;
}


figure.mainimg{
	padding:8px;
	background: #fff;
	margin:0 auto 60px auto;
	box-shadow: 0 0 4px #ccc;
}

.mainimg img{
	vertical-align: bottom;
}

.red{color:#C40003;}
.blue{color:#007ADF;}

table.tekiyou{
	background:#fff;
	width:100%;
}

table.tekiyou th{
	background:#1476B7;
	color:#fff;
	padding:10px 15px;
	text-align: center;
	border-bottom:1px solid #fff;
}

table.tekiyou td{
	padding:10px 15px;
	border-bottom:1px solid #1476B7;
}

table.tekiyou tr:last-child td,
table.tekiyou tr:last-child th{
	border:none;
}

dl.kouka,
.tatoe{
	border: 1px dashed #7BC5E8;
	overflow: hidden;
	border-radius:8px;
	background-color:#E6F9FF;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	background-image: url(../image/texture/texture_ws100.png);
}


dl.kouka dt,
.tatoe dl dt{
	font-family: 'Noto Sans JP';
	text-align: center;
	background-color: #1476B7;
	border-radius:7px;
	color: #FFFFFF;
	font-weight: bold;
	display:flex;
	align-items:center;
	align-content:center;
	justify-content:center;
	flex-wrap:wrap;
}
.tatoe dl dd{position: relative;}
.tatoe dl dd::before{
	content:"";
	display: block;
	background:url("../image/common/check01.png") no-repeat left top;
	background-size:contain;
}


p.message{
	background-color:#EC653C;
	background-image:url("../image/texture/texture_ws50.png");
	padding:5px 15px;
	font-weight:bold;
	color:#fff;
	text-shadow: 0 0 3px #666;
	text-align:center;
	border-radius: 7px;
}

.jiko_point p a,
.jiko_point p a:visited{
	text-decoration:underline;
	font-weight:bold;
	color:#002968;
}
.jiko_point p a:hover{
	color:#0077F4;
	background:#fff;
}



 dl.qa dd a,
.link a{
	display: block;
	margin: 10px 0 20px 20px;
	padding: 10px 5px;
	border-radius: 30px;
	float: right;
	color: #FFFFFF;
	font-size: 120%;
	text-decoration: none;
	background: #259F92;
background: linear-gradient(90deg, rgba(37, 159, 146, 0.94) 0%, rgba(251, 217, 128, 1) 100%);
	font-weight: bold;
	text-align: center;
	min-width: 260px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px dotted #FFFFFF;
    text-shadow: 0 0 4px #358875;
	
}
 dl.qa dd a:hover,
.link a:hover{
	opacity: 0.7;
}
.link::after{
	clear: both;
	content: "";
	display: block;
}

.link2 a{
	margin: 0 auto;
	display: block;
	text-align: center;
	font-size: 120%;
	border-radius: 30px;
	color: #fff;
	padding: 10px 5px;
	
	width: 85%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: rgb(121,218,115);
background: linear-gradient(78deg, rgba(121,218,115,1) 0%, rgba(19,164,161,1) 55%, rgba(20,145,200,1) 100%);
	clear: both;
	font-family: 'Noto Sans JP';
	font-weight: bold;
	text-shadow: 0 0 3px #333;
}

.link2 a:hover{
	
	opacity: 0.7;
	color: #FFFFFF;
}

.white_box{
	padding: 10px;
	border-radius: 10px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 0px 2px #DDDDDD;
	box-shadow: 0px 0px 2px #DDDDDD;
	background-image: url(../image/common/bg02.jpg);
}

/*---------------------*/

.info_box {
	width: 100%;
	height: 400px;
	overflow: auto;
	display: block;
	-webkit-overflow-scrolling: touch;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0;
	margin: 0 0 50px;
	box-sizing: border-box;
}

.info_box iframe{
	width:100%;
	height:100%;
	border:none;
	display:block;
}


ul.sub-menu{
	margin:0 10px 30px 10px;
}
ul.sub-menu li{
	border-bottom: 2px dotted #ccc;
	padding:0 0 10px 30px;
	margin: 0 0 10px 0;
}
ul.sub-menu li{
	background: url("../image/common/check03.png") no-repeat left top;
	background-size: 20px auto;
	background-position: left 3px;
}
ul.sub-menu li a{
	color: #000;
	text-decoration: underline;
}