@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.hachi-maru-pop-regular {
  font-family: "Hachi Maru Pop", cursive;
  font-weight: 400;
  font-style: normal;
}
.m-plus-rounded-1c-regular {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 600;
 /*font-style: normal;*/
}
.kosugi-maru-regular {
  font-family: "Kosugi Maru", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.zen-maru {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 600;
  font-style: normal;
}

/*動き*/
/*hoverした際の移動*/
.btnarrow4:hover::before{
    left:80%;
}

.btnarrow4:hover::after{
    right:-5%;
}
.scroll_up {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}
.timing02 {transition-delay: .2s;}
.timing03 {transition-delay: .4s;}
.timing04 {transition-delay: .6s;}
.timing05 {transition-delay: .8s;}
.top03 h1{
	text-align:center;
}
/*基本*/
body{
	color:#6f5948;
	font-family: "Kosugi Maru", sans-serif!important;
	/*font-family: "Zen Maru Gothic", serif!important;*/
}
.site_direction{
	font-size:14px;
	padding:0 1rem;
	}
.site_direction_1{
font-size: 14px;
    padding: 0 1rem;
    background: #fffaf0;
}
.center{
	text-align:center;
}
.entry-title {
    font-size: 26px;
}
.eye-catch-wrap {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
	display: flex;
    align-items: flex-start;
    justify-content: center;
}
.eye-catch {
	max-width:100vw;
}
.eye-catch img {
    max-width: 100vw;
	width:100vw;
}


.article-header {
	display: flex; 
	flex-direction: column; 
}


.eye-catch-wrap {
	order: -1; 
	overflow: hidden; 
	margin-top:-2rem;
}

/*アイキャッチ*/
.eye-catch {
	margin-bottom: 0; 
}

.content, .main {
	 background: linear-gradient(#fffaf0 95%,#fcfab9)!important;
}
ol, ul {
  padding-left: 0px;
}
a{
	 text-decoration: none;
	color:#6f5948;
}
#navi .navi-in a, #navi .navi-in a:hover {
	color: #6f5948;
}
ul li{
	list-style-type:none;
}
.navi-in > ul li {
z-index: 9999999;
}
#navi .navi-in>ul>li {
    width: 90px!important;
}
#archive-title{
	display:none;
}
.home h2.entry-card-title{
		display:none;
}
.author-info {
display: none;
}
.cat-link {
	background-color: #e9dccc;
}
.cat-link, .cat-label, .blogcard-type .blogcard::before {
		background-color: #e9dccc;
}

.post-date, .post-update{
	display:none;
}

#header-fixed{
	background: #fffaf0;
}

.header-container-in.hlt-top-menu .logo-header img {
	display:none;
}
.logo-header img {
    display: none;
}

.header-container.fixed-header 
.logo-header img{
	left: 5vw;
display:block;
	top:15px;
}


.link_banner{
	display:flex;
		position:absolute;
	top: 55%;
	  left: 50%;
		transform: translateX(-50%);
       align-items: flex-start;
    z-index: 1;
}
.web_monshin{
 animation: sway 3s ease-in-out infinite alternate;
}
.ippan{
margin:2rem;
	 animation: sway3 3s ease-in-out infinite alternate;
}
.sesshu{
 animation: sway 3s ease-in-out infinite alternate;
}
.web_monshin img,.ippan img,.sesshu img{
	width:200px;
}
@keyframes sway3 {
    0%,
    100% {
        transform: translateY(20px);
    }
    50% {
        transform: translateY(70px);
    }
}
.balloon-chat {
display: flex;
align-items: center;
position:absolute;
animation:fuwafuwa 3s infinite linear alternate;
	right:0;
	bottom:8%;
}

/* 右の吹き出し */
.balloon-chat.right { 
flex-direction: row-reverse; /* 右から左に並べる */
}
/* 吹き出しの入力部分の作成 */
.chatting {
position: relative;
display: inline-block; 
padding: 10px;
background: #ccffcc; 
text-align: left; 
border-radius: 12px;
	line-height:1.2;
}
/* 吹き出しの三角部分の作成 */
.chatting::after {
content: "";
border: 15px solid transparent;
border-top-color: #ccffcc;
position: absolute;
top: 40px; 
}
.left .chatting::after {
left: -15px; 
}
.right .chatting::after {
right: -15px; 
} 
/* アイコンの大きさ */
.icon-img {
width: 120px;
height: 120px;
}



@keyframes fuwafuwa {
0% {transform:translate(0, 0) rotate(-5deg);}
50% {transform:translate(0, -5px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(5deg);}
}


.info_in{
	max-width:1200px;
	margin:auto;
}
.content {
  margin-top: 0;
}
.tagline {
    /*font-size: 18px;*/
    margin: -1.5em 0em 0.5rem 0;
}

.header-container{
  overflow: hidden;
}

/*スライド*/
.top-s {
	height:90vh;
	width:100%;
    position:relative;
  z-index: -1;
	background:url(https://harada-kodomo-clinic.com/images/2024/top/slide/sora_bg.png),url(https://harada-kodomo-clinic.com/images/2024/top/slide/tree_bg.png),#fffaf0;	
	background-repeat:no-repeat,no-repeat,repeat;
	background-size:100%,100%,cover;
background-position: top center,bottom -5vh center,center top;
 }
.sun{
text-align:center;
 animation: slideinBottom .4s ease-in-out .4s 1 normal forwards;
}
.harada{
text-align:center;
 animation: slideinBottom .4s ease-in-out .2s 1 normal forwards;
}
.slick-slider {

  display: flex;
}

@keyframes slideinBottom {
  0% {
    opacity: 0;
    transform: translateY(60px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.p-infinite-slider {
  padding: 0 0 100px 0;
	display:felx;
}
.p-infinite-slider__list {
    margin: 5px;
  }
.p-infinite-slider__list img{
	width:500px;
		animation:fuwafuwa 3s infinite linear alternate;
}
a #concept1,a #concept2,a #concept3,a #concept4,a #concept5,a #concept6{
	    display: block;
    padding-top: 70px;
    margin-top: -70px;
}
.content,.main{
background: #fffaf0;
}

.logo-image {
	padding: 0px 0;
}
.site-name-text{
	/*padding-top:2rem;*/
}
.navi {
	padding: 10px 0;

}
.info_area{
	background:url(https://harada-kodomo-clinic.com/images/2024/top/top_bg.png),#fffaf0;
	background-repeat:no-repeat,repeat;
	background-size:cover;
width: 100vw;
    margin-left: calc((100% - 100vw) / 2);
	padding-bottom:10rem;
		position: relative;
	  
}
.balloon{
position: absolute;
    top: 56%;
    right: 20vw;
    animation: fall 5s linear, sway 2s ease-in-out infinite alternate;
	width:200px;
	    z-index: 1;
}
@keyframes fall{
0% {
    top: 0;
}
100% {
    top: 56%;
}
}
@keyframes sway {
    0%,
    100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(50px);
    }
}
.info_in{
	max-width:1200px;
	margin:auto;
}


/*今週情報*/
.info_title{
	padding:0 2rem;
	font-size:150%;
	border-bottom: 5px dotted #c2894b;
	display:inline-block;
	margin-bottom:1rem;
}
.konshu_jouhou{

}
.post-title {
	font-weight: bold;
}
.konshu {
 padding: 13em 0 6rem 0;   
	text-align:center;
	width:50%;
	left:50%;
	transform: translateX(-50%);
	position: relative;
	z-index:1;
	
}
.konshu:before{
background: url(https://harada-kodomo-clinic.com/images/2024/top/clinic_info_bk.png)no-repeat;
    background-size: auto;
  background-size: cover;
  width: 100%;
  height: 97%;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
		transform: translateX(-50%);
  z-index: -1;
}
.konshu li{
	width: 80%;
    padding-left: 8rem;
	list-style: none;
	text-align:left;
}
.konshu li a{

}
.osirase{
    width: 65%;
    margin: 3rem auto;
	background:rgba(255, 255, 255, 0.5);
	padding:2rem  2rem 2rem 0;
	border-radius:15px;
}
.osirase li{
	list-style: none;
	padding:0.5rem 2rem 0.5rem 2rem;
	position: relative;
}
.osirase li:after{
	position: absolute;
	border-bottom:1px dotted #ccc;
	content:"";
	width:98%;
	height:1px;
	bottom:0;
	left:0;
}
.date{
	padding-right:2rem;
}
.osirase_tit{
	font-size:180%;
	color:#5a4533;
	text-align:center;


}


.widget-entry-card-snippet {
    font-size: 14px;
}
/**診療内容*/
.wave-svg-inline{
    background-color: #fffaf0;
    /*width: 100%;*/
    height: 400px;
    position: relative;
	width: 100vw;
    margin-left: calc((100% - 100vw) / 2);
}
svg{
    width: 100vw;
    height: 200px;
    position: absolute;
    left: 0;
    bottom: 0;
    fill: #fffaf0;
} 
.medical{
	background:url(https://harada-kodomo-clinic.com/images/2024/top/train.png),#fffaf0;
		width:100vw;
    margin-left: calc((100% - 100vw) / 2);
background-repeat:no-repeat,repeat;
	background-position:bottom 10% center,center;
	background-size:35%,cover;
}
.medical_in{
		margin-top:-3rem;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding:0rem 0 14rem 0;
}
.medical_flex{
	display:flex;
	justify-content: space-around;
	    align-items: flex-end;
    width: 80%;
    margin: auto;
}
.medical_1 {
	    background: url(https://harada-kodomo-clinic.com/images/2024/top/meical1.jpg);
	border:3px solid #da81b2 ;
}
.medical_2 {
	    background: url(https://harada-kodomo-clinic.com/images/2024/top/meical2.jpg);
	border:3px solid #f8b862 ;
}
.medical_3 {
	    background: url(https://harada-kodomo-clinic.com/images/2024/top/meical3.jpg);
	border:3px solid #cee4ae ;
}
.medical_1,.medical_2,.medical_3 {

    border-radius: 40% 40% 50% 40% / 30% 50% 50% 50%;
    width: 300px;
    height: 210px;
    background-size: cover;
    background-position: center;
		position: relative;

}
.medical_1::before,
.medical_1::after,
.medical_2::before,
.medical_2::after,
.medical_3::before,
.medical_3::after{
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  margin: auto;
  transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
  opacity: 0;
	border-radius: 40% 40% 50% 40% / 30% 50% 50% 50%;
}
.medical_1::before,
.medical_2::before,
.medical_3::before{
 	background:rgb(255,255,255,.8);
  width: 100%;
  height: 100%;
}
.medical_1::after,
.medical_2::after,
.medical_3::after{
 
  content: "Read More";
  font-size: 22px;
  font-weight: bold;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
}
 
.medical_1:hover::before,
.medical_1:hover::after,
.medical_2:hover::before,
.medical_2:hover::after,
.medical_3:hover::before,
.medical_3:hover::after{
  opacity: 1;
}
.medical_txt{
	text-align:center;
	padding:1rem 0;
	font-size:110%;
	font-weight:600;
}


.trimming04 {
  display: inline-block;
  overflow: hidden; /* はみ出る部分を隠す */
  border-radius: 70% 40% 50% 70% / 60% 50% 70% 40%; /* いびつな形 */
}
.trimming04 img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 縦横比を保持 */
}


/*ホームケア*/
.wave-svg-inline1{
    background-color: #fddea5;
    /*width: 100%;*/
    height: 400px;
    position: relative;
	width: 100vw;
    margin-left: calc((100% - 100vw) / 2);
}
.svg2 svg{
    width: 100vw;
    height: 200px;
    position: absolute;
    left: 0;
    bottom: 0;
    fill: #fdede4;
} 



.home_care{
	background-color: #fdede4;
		width: 100vw;
    margin-left: calc((100% - 100vw) / 2);

}
.home_care_in{
		margin-top:-3rem;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding:5rem 0 8rem 0;
}
.is-list-horizontal.large-thumb .widget-entry-card-link, .is-list-horizontal.large-thumb-on .widget-entry-card-link {
    max-width: 300px;
    margin: auto;
    border: 2px solid #c2894b;
    padding: 10px;
    background: #fff4ea;
    border-radius: 8px;
}
 .card-title {
    -webkit-line-clamp: 2;
    height: 2.6em;
    border-bottom: 3px dotted #c2894b;
	 font-weight:600;
}

h2.care{
	 background:none;
	text-align:center;
	color:#5a4533;
	font-size:180%;

}
/*特徴*/
.wave-svg-inline1{
    background-color: #fffaf0;
    /*width: 100%;*/
    height: 400px;
    position: relative;
	width: 100vw;
    margin-left: calc((100% - 100vw) / 2);
}
.svg1 svg{
    width: 100vw;
    height: 200px;
    position: absolute;
    left: 0;
    bottom: 0;
    fill:#f4e0d5;
} 
.tokucho{
	background-color:#f4e0d5;
		width: 100vw;
    margin-left: calc((100% - 100vw) / 2);
padding-bottom: 6rem;
}

.tokucho_in{
		margin-top:-3rem;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding:5rem 0;
	  display: flex;

	    justify-content: space-around;
    align-items: center;

}
.tokucho_in_reverse{
		margin-top:-3rem;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding:5rem 0;
	  display: flex;
		flex-direction: row-reverse;
	    justify-content: space-around;
    align-items: center;

}
.tokucho_img{
width:40%;
}
.tokucho_txt span{
font-weight:600;
}
.t_title{
		 position: relative;
display:inline-block;
	padding-left:3rem;
		border-bottom:3px dotted #c2894b;
	font-size:120%;
	margin-bottom:1rem;
	font-weight:600;
}
.tokucho_txt_img{
		position: absolute;
top: -5px;  
    left: 0;  
    width: 40px; 
    height: 40px; 
    object-fit: cover;
    z-index: 0; 
	margin-right:1rem;
}
.tokucho_r{
	width:53%;
}

ul.children {
	list-style: none;
	background: rgba(255, 255, 255, 0.5);
  padding: 2rem;
  border-radius: 25px;
}
ul.children  li {
padding-left: 28px;
    line-height: 1.6em;
    background: url(https://harada-kodomo-clinic.com/images/2024/top/nikoniko.png) left 0px top 3px no-repeat;
    background-size: 20px auto;
}

/*ポイント*/
.wave-svg-inline1{
    background-color: #fffaf0;
    /*width: 100%;*/
    height: 400px;
    position: relative;
	width: 100vw;
    margin-left: calc((100% - 100vw) / 2);
}
.svg4 svg{
    width: 100vw;
    height: 200px;
    position: absolute;
    left: 0;
    bottom: 0;
    fill:#fcfab9;
} 
.point_1{
	background-color: #fcfab9;
		width: 100vw;
    margin-left: calc((100% - 100vw) / 2);
}
.point_in{
		margin-top:-3rem;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding:5rem 0 8rem 0;
	width:80%;
}
.point_flex{
	display:flex;
	    align-items: flex-end;
    width: 80%;
    margin: auto;
	justify-content: space-between;
}

.point_flex_item1,.point_flex_item2,.point_flex_item3{
	 position: relative;
	z-index:1;
	 cursor: pointer;
}
.point_flex_item1:before,.point_flex_item2:before,.point_flex_item3:before{
	position:absolute;
	width:100%;
	height:100%;
	bottom:-30px;
	right:-15px;
	content:"";
	z-index:-1;
	border-radius: 20px;
}

 .point_flex_item1:after,
 .point_flex_item2:after,
 .point_flex_item3:after{
 font-weight:600;
    position: absolute;
    width: 200px;
    left: 10%;
    bottom: -22px;
    text-align: center;
}
 .point_flex_item1:after{
			content:"生後１か月～１歳" 
} 
.point_flex_item1:before{
		background:#fff9fc;
}
.point_flex_item1 img{
		border:3px solid #da81b2;
}
 .point_flex_item2:after{
			content:"１歳～5歳" 
} 
.point_flex_item2:before{
		background:#ffeddb;
}
.point_flex_item2 img{
		border:3px solid #f8b862;
}
 .point_flex_item3:after{
			content:"小・中・高生" 
} 
.point_flex_item3:before{
		background:#efffef;
}
.point_flex_item3 img{
		border:3px solid #cee4ae;
}

.point_flex_item1 img,
.point_flex_item2 img,
.point_flex_item3 img{
		border-radius:20px;
		width: 250px;
	height: auto;
 transition:1s all;
}
.point_flex_item1:hover,
.point_flex_item2:hover, .point_flex_item3:hover{
   transform:scale(1.1);
}


.widget-entry-card:hover{
	background:url(https://harada-kodomo-clinic.com/images/2024/top/yubi.png)no-repeat;
background-position:bottom center;
	background-size:20%;
	 display: block;
	}


.footer {
background: url(https://harada-kodomo-clinic.com/images/2024/top/footer_bg.png),#fcfab9;
  background-size: cover;
  background-position: top center;
margin-top: -4px;
  padding: 97px 8px 74px 8px;
}
.footer-bottom-logo .logo-image {
display:none;	
}
.footer-center{
	width:42%;
}

.floating-banner {
    position: fixed;
    z-index: 99999;
    top: 50vh;
    right: 0;
	background:#6fba2c;
}
.banner {
    width: 45px;/* バナーの横幅 */
    padding: 10px 10px;
    background:#6fba2c;
    font-weight: bold;
    text-align: center;
	writing-mode: vertical-rl;
}
.w_yoyaku {
    position: fixed;
    z-index: 99999;
    top: 21vh;
    right: 0;
}
.w_monsin {
    position: fixed;
    z-index: 99999;
    top: 42vh;
    right: 0;
}
.w_yoyaku img, .w_monsin img {
    width: 50px;
}

/*スタッフ募集*/
.message{
    background: url(https://harada-kodomo-clinic.com/wp/wp-content/uploads/2017/05/99c63abfa7f4cdf7c4ddd3cc6f41d97d.png) no-repeat;
    background-position: right 3% bottom;
    background-size: 24%;
	
}


.oubo{
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
	flex-direction: column;
    margin: auto;
   width: 500px;
     text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: 600;
	font-size:150%;
    background:url(https://harada-kodomo-clinic.com/wp/wp-content/uploads/2024/12/nurse.png),#87cefa;
	background-position:right 5% bottom,center;
	background-size:contain,cover;
	background-repeat:no-repeat,repeat;
	padding:20px 65px 20px 20px;
    border-radius: 9999px;
    border-bottom: solid 5px #999;
	 color: #fff;
}
.oubo a:hover {
    border-bottom: solid 2px #999;
    transform: translateY(3px);
}
.oubo span,.oubo1 span,.oubo2 span{
	font-size:70%;
	font-weight:400;
}
.oubo1{
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
	flex-direction: column;
    margin: auto;
    width: 500px;
     text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: 600;
	font-size:150%;
    background:url(https://harada-kodomo-clinic.com/wp/wp-content/uploads/2024/12/jimu.png),#ddd;
	background-position:right 5% bottom,center;
	background-size:contain,cover;
	background-repeat:no-repeat,repeat;
	padding:20px 65px 20px 20px;
    border-radius: 9999px;
	 color: #fff;
  /*border-bottom: solid 5px #999;*/
}
.oubo_flex{
	display:flex;
}
.oubo p,.oubo1 p,.oubo2 p{
margin:0;	
}
.oubo2{
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
	flex-direction: column;
    margin: auto;
   width: 500px;
     text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: 600;
	font-size:150%;
    background:url(https://harada-kodomo-clinic.com/wp/wp-content/uploads/2024/12/nurse.png),#87cefa;
	background-position:right 5% bottom,center;
	background-size:contain,cover;
	background-repeat:no-repeat,repeat;
	padding:20px 65px 20px 20px;
    border-radius: 9999px;
    border-bottom: solid 5px #999;
	 color: #fff;
}
/*あたまの形*/
.sinryo_menu_atama{
    margin: 1.5em 0 1.5em 15px;
    padding: 48px 5px;
    width: 150px;
    height: 150px;
    line-height: 1.3;
    text-align: center;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    background: url(https://harada-kodomo-clinic.com/wp/wp-content/uploads/2025/03/atama_katati_1.png);
    border-radius: 50%;
    box-sizing: border-box;
	background-size: cover;
}
.sinryo_menu_atama span{
text-shadow:2px 2px 2px #000;	
}

/*診療内容*/
.sinryou_01{
	background:url(https://harada-kodomo-clinic.com/images/fukidashi.png)no-repeat center;
   padding:20px 30px 10px 30px;
}

.sinryou_01 p img{ 
	padding-right:0.5em;
}
.sinryou_box01{
display:flex;
}

.sinryou_box{
	display:flex;
	flex-direction:column;
	width:100%;
		    align-items: center;
}

.sinryou_02{
		background:url(https://harada-kodomo-clinic.com/images/bar_kazari.png),#ff9e3d;
background-repeat: no-repeat,repeat;
background-position: left 4% top ,left;

	padding:8px;
	margin-top:3em;
	border-radius:0 10px 0 0;
	width:92.5%;
}




.sinryou_02_y{
	background:url(https://harada-kodomo-clinic.com/images/bar_kazari.png),#EF4F50;
background-repeat: no-repeat,repeat;
background-position: left 4% top ,left;
	padding:8px;
	margin-top:3em;
	border-radius:0 10px 0 0;
	width:92.5%;
}

.sinryou_02_n{
		background:url(https://harada-kodomo-clinic.com/images/bar_kazari.png),#63B83C;
background-repeat: no-repeat,repeat;
background-position: left 4% top ,left;

	padding:8px;
	margin-top:3em;
	border-radius:0 10px 0 0;
	width:92.5%;
}
.sinryou_02 p,.sinryou_02_y p,.sinryou_02_n p{
	padding-left:5em!important;
	text-align:left;
	color:#fff;
	margin-bottom:0!important;
}



dl.sinryou_02_1{
	background:#FFF6CF;
	width:92.5%;
	border-bottom:1px #000 solid;
}
dl.sinryou_02_1 dd{
padding: 20px!important;	
margin:0!important;
	float:left;

}
dl.sinryou_02_1 dt{
	padding: 15px 0 0 8em;

	color:#333!important;
	font-weight:normal;
	border-bottom:1px #000 dotted;
margin-bottom:0!important;

}
dl.sinryou_02_1_b{
	background:#FFF6CF;
	width:92.5%;
	border-bottom:1px #000 solid;
}
dl.sinryou_02_1_b dd{
padding: 20px 20px 20px 40px!important;	
margin:0!important;
	float:left;
	border-bottom:1px #000 dotted;

}
dl.sinryou_02_1_b dt{
	padding: 20px!important;
margin-left: 11em;
	color:#333!important;
	font-weight:normal;
	border-bottom:1px #000 dotted;
}
dl.sinryou_02_1 dt:last-child{
	border:none;
}
dl.sinryou_02_1 dd:last-of-type {
	border:none;
}

.sinryou3 {
	margin:5em 0;
		background:url(https://harada-kodomo-clinic.com/images/sinryou_03_bg_l.png),url(https://harada-kodomo-clinic.com/images/sinryou_03_bg_r.png);
	background-repeat:no-repeat;
	background-position:left bottom,right bottom;
padding: 5rem;
    width: 70%;
    margin: auto;
}
.sinryou3 p{
	border-bottom:1px #ccc dotted;
	margin:auto;
	width:70%;
}

.sinryou4{
	margin-top:6em;
}

.sinryou5{
	border:2px solid #63B83C;
	border-radius:8px;
	padding:20px;
	width:66%;
	margin:5em auto;

}
.sinryou5-1 li{
padding-left: 1.5em !important;
	background: url(https://harada-kodomo-clinic.com/images/circle_green.png)no-repeat left center;	
}
.sinryou5 p{
	text-align:center;
}
.sinryou5 .green{
	color: #63B83C;
	font-size:110%;
	font-weight:bold;
	line-height: 4;
}
.sinryou5 .brown{
	color: #977760;
}
.sinryou5 .kenshin{
	padding-left:4em;
}
/*乳幼児*/
dl.sinryou_02_2{
	background:#FFF6CF;
	width:92.5%;
	border-bottom:1px #000 solid;
}
dl.sinryou_02_2 dd{
padding: 20px 20px 10px 40px!important;	
margin:0!important;
	float:left;
	/*border-bottom:1px #000 dotted;*/
}
dl.sinryou_02_2 dt{
	padding: 20px 0 10px 0!important;
/*margin-left: 9em;*/
	color:#333!important;
	font-weight:normal;
	border-bottom:1px #000 dotted;
}

dl.sinryou_02_2 dt:last-child{
	border:none;
}
dl.sinryou_02_2 dd:last-of-type {
	border:none;
}
dl.sinryou_02_2_b{
	background:#FFF6CF;
	width:92.5%;
	border-bottom:1px #000 solid;
}
dl.sinryou_02_2_b dd{
padding: 30px 20px 10px 20px!important;	
margin:0!important;
	float:left;
	/*border-bottom:1px #000 dotted;*/

width:40%;
}
dl.sinryou_02_2_b dt{
	padding: 30px 0 10px 0!important;
/*margin-left: 9em;*/
	color:#333!important;
	font-weight:normal;
	/*border-bottom:1px #000 dotted;*/
}

dl.sinryou_02_2_b dt:last-child{
	border:none;
	border-top:1px #000 dotted;
}
dl.sinryou_02_2_b dd:last-of-type {
	border:none;
}
dl.sinryou_02_2_b dt:firstof-type{
	border-bottom:0;
}
.sinryou6_2_2{
	margin-top:1em;
}


dl.sinryou_03_1 {
	background:#FFF6CF;
	width:92.5%;
	border-bottom:1px #000 solid;
}
dl.sinryou_03_1 dd {
    padding:19px 20px 20px 50px !important;
    margin: 0 !important;
    float: left;
    border-bottom: 1px #000 dotted;
}
dl.sinryou_03_1 dt{
    padding: 10px 10px 10px 40px !important;
    margin-left: 8.5rem;
    color: #333 !important;
    font-weight: normal;
    border-bottom: 1px #000 dotted;
  line-height: 1.5;
}

dl.sinryou_03_1 dt:last-child{
	border:none;

}
dl.sinryou_03_1 dd:last-of-type {
	border:none;
		padding:10px 10px 17px 20px!important;
}
dl.sinryou_03_2{
	background:#FFF6CF;
	width:92.5%;
	border-bottom:1px #000 solid;
	padding-bottom:13px;
}
dl.sinryou_03_2 dd{
padding: 60px 20px 20px 40px!important;	
margin:0!important;
	float:left;
	border-bottom:1px #000 dotted;

}
dl.sinryou_03_2 dt{
	padding:60px 20px 20px 20px!important;
margin-left: 9em;
	color:#333!important;
	font-weight:normal;
	border-bottom:1px #000 dotted;
}

dl.sinryou_03_2 dt:last-child{
	border:none;
}
dl.sinryou_03_2 dd:last-of-type {
	border:none;
}
.sinryou6_3{
	border:2px solid #EF4F50;
	border-radius:8px;
	padding:20px;
	width:70%;
	margin:5em auto;
}
.sinryou8{
	background:url(https://harada-kodomo-clinic.com/images/fdb3e3146f9447db7fd3558f45b53c31.png),url(https://harada-kodomo-clinic.com/images/9c7820d684341f2b905fa3de12c85bff.png),#FDF6F6;
	background-repeat:no-repeat;
	background-size:contain;
   background-position:top,bottom,center;
   padding:5em 0;
   text-align:center;
}
.schedule_yobou{
	width:80%;
	margin:auto;
}
.sinryou8_1 {
	margin:4em 0;
	
}
.sinryou8_1 p{
border-bottom:1px #EF7A7D dotted;
	width:70%;
	margin:auto;
}
.sinryou8_2{
	font-size:120%;
	margin-bottom: 4em;
}

.sinryou8_2:before{
			    content: url(https://harada-kodomo-clinic.com/images/slanting_l.png);
   margin:5px;
    position: relative;
    top: 10px;	
}
.sinryou8_2:after{
			    content: url(https://harada-kodomo-clinic.com/images/slanting_r.png);
   margin:5px;
    position: relative;
    top: 10px;	
}

.sinryou8_4{
	display:flex;
	justify-content:space-around;
	margin-top:4em;
}
.sinryou8_4 img{
width:200px;
}

.sinryou9{
	background:url(https://harada-kodomo-clinic.com/images/kokuban.png)no-repeat;
	display:flex;
	flex-direction: column;
padding:7em 2em 2em 2em;
	background-size: contain;
	margin-top:2em;
background-position: center;
}
.sinryou9 img{
		width: 170px;
margin-bottom: 0.5em !important;	
}

.sinryou9_1{
	display:flex;
	align-items:center;
	
	}

.sinryou9_2 {
    border-left: solid 5px #EF4F50;
    text-align: left !important;
	padding-left: 1em !important;
}

.sinryou9_3{
	margin-left:2em;
	
}
/*乳幼児*/
ul.sinryou5-2 {
	line-height:2.5;
}
.sinryou5-2 li{
padding-left: 1.5em !important;
	background: url(https://harada-kodomo-clinic.com/images/circle_green.png)no-repeat left center;	
}
.sinryou6{
	border:2px solid #63B83C;
	border-radius:8px;
	padding:20px;
	width:68%;
	margin:5em auto;

}
.sinryou6 p{
	text-align:left;
}
.sinryou6_2{
	border:2px solid #ff9e3d;
	border-radius:8px;
	padding:20px;
	width:68%;
	margin:5em auto;
}
.sinryou6_2 .orange{
	color: #ff9e3d;
	font-size:110%;
	font-weight:bold;
	line-height: 4;
    margin-left: 30%;

}

ul.sinryou6-2_1 {
	line-height:2.5;
}
.sinryou6-2_1 li{
padding-left: 1.5em !important;
	/*background: url(https://harada-kodomo-clinic.com/images/circle_orange.png)no-repeat left center;	*/
}

.sinryou6-2_1 li:before{
 content:url(https://harada-kodomo-clinic.com/images/circle_orange.png);

    position: relative;
    top: 3px;
}
ul.sinryou6-2_1{
	margin:0!important;
}
.sinryou7{
	border-left: solid 5px #ff9e3d;
	width:78%;
	margin:auto;
	text-align:left!important;
	padding-left: 1em !important;
}

@media only screen and (max-width: 767px){
	.tab_area label{
		width:27%;
	}
.tab_panel{
	padding:1em 0 0 0;
	}
	.sinryou_02_n,.sinryou_02_y,.sinryou_02{
		margin-top:0.5em;
	}
	.sinryou_box01{
		display:block;
		margin-left:5%;
	}
	.sinryou3{
margin-top: 2em;
    background-size: 13%;
    background-position: left top,right bottom;
    width: 100%;
    padding: 0;

	}
	.sinryou3 p{
		text-align:left;
	}
	
	.sinryou5{
		width:85%;
	}
	.sinryou5 ul{
	margin:0!important;
	}
	.sinryou8_1 p{
		width:90%;
		text-align:left;
	}
	.sinryou8_4{
		display:block;
	}
	.sinryou8_4 img{
		width:80%;
	}
	.sinryou9{
		background-position:center;
		padding: 11em 2em 2em 2em;
background-size: cover;
	}
	.sinryou9 img{
		padding-left:10px;
		width:270px;
	}
	.sinryou9_3{
		margin-top:3em;
		margin-left:0;
	}
		dl.sinryou_02_1 {
			width:93.5%;
	}
	dl.sinryou_02_1 dd{
		padding:10px!important;
	}
	dl.sinryou_02_1 dt{
		padding:10px 10px 10px 7em;
		margin-bottom:0!important;
	}
			dl.sinryou_02_1_b {
			width:93.5%;
	}
		dl.sinryou_02_1_b dd{
		padding:10px 10px 10px 20px!important;
			border-bottom: 0;
	}
	dl.sinryou_02_1_b dd:last-of-type {
		border-top:1px #000 dotted;
	}
	dl.sinryou_02_1_b dt{
		padding:10px!important;
		margin-bottom:0!important;
	}
	dl.sinryou_02_2 {
		width:93.5%;
	}
	dl.sinryou_02_2 dd{
		padding:10px 20px 10px 10px!important;
		}
	dl.sinryou_02_2 dt{
		padding:10px 0px 10px 10px!important;
		}
	dl.sinryou_02_2_b dd{
		padding:10px 10px 10px 20px!important;
	}
	dl.sinryou_02_2_b dt{
		padding:10px 10px 10px 20px!important;
		margin-bottom:0!important;
	}
	dl.sinryou_03_1{
		width:93.5%;
	}
	dl.sinryou_03_1 dt{
		margin-left:0;
		padding: 10px 0px 10px 0px !important;
		margin-bottom:0!important;
	}
	dl.sinryou_03_1 dd{
		border:0;
		padding:10px 20px 10px 10px !important;
		
	}
	dl.sinryou_03_2 {
		width:93.5%;
		padding-bottom:0;
	
	}
	dl.sinryou_03_2 dd{

		padding:10px!important;
	}
	dl.sinryou_03_2 dt{
		padding:10px 20px 20px 0 !important;
			margin-bottom:0!important;
	}
	
	.sinryou6_2{
		width:90%;
		padding: 20px 10px;
	}
	
	.sinryou6_2 .orange{
		margin-left:15%;
	}
	.sinryou6-2_1 li:nth-last-child(3){
	line-height:1.2;
    text-indent:-1em;
    margin-left:1em;
	}
	.sinryou6_2_2{
		text-align:left!important;
		text-indent:-1em;
		margin-left:1em;
	}	
	.sinryou6_3{
		margin:2em auto!important;
	}
	.sinryou8{
		padding:2em 0;
	}
	.sinryou9_1{
		display:block;
	}
	
	#pageTitBnr #pageTitInner #pageTit:before{
		    content: url(https://harada-kodomo-clinic.com/images/title_bg_befor.png);
  
    position: relative;
    top: -3px;
	}
		#pageTitBnr #pageTitInner #pageTit:after{
		    content: url(https://harada-kodomo-clinic.com/images/title_bg_after.png);
   /*margin:5px;*/
    position: relative;
    top: -3px;
	}
	.sinryou8_2{
		font-size:2.3vmax;
	}
	.sinryou8_3{
		text-align: left !important;
width: 95%;
margin: auto;
	
}
	
	.sinryou6_3{
		width:85%;
	}
	
	.schedule_yobou{
		width:95%;
	}
	
	.sinryou7{
		width:95%;
	}
}
 /* 奇数列の背景色 */  
        td:nth-child(odd), th:nth-child(odd) {  
            background-color: #fafafa; /* グレー */  
        }  
        /* 偶数列の背景色 */  
        td:nth-child(even), th:nth-child(even) {  
            background-color: #ffffff; /* 白 */  
        }  
th{border:1px solid #ccc!important;}






@media screen and (max-width: 480px) {
.sinryo_menu_ippan, .sinryo_menu_kenshin, .sinryo_menu_yobou {
        margin: 1.5em 0 1.5em 15px;
        padding: 30px 5px;
        width: 120px;
        height: 120px;
        font-size: 16px;
    }
	.sinryo_menu_atama{
	    padding: 48px 20px;
}
	.sinryo_menu {
    flex-wrap: wrap;
    align-items: center;
	}

}
/***************************************************************************************************************************************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (min-width: 768px){
.sp{
display:none;
}
	#m_None{
		display:none;
	}
}
@media screen and (max-width: 1370px){
	 .header-container.fixed-header 
.logo-header img{
	left: 0;
}
	#navi .navi-in>ul>li {
    width: 80px;
}
}
/*1023px以下*/
@media screen and (max-width: 1023px){
 .mobile-menu-buttons {
    background: #f39907;
	}
	}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){

	.pc{
display:none;
}
html {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
body {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
.postid-1958 .content {
  margin-top: 0;
}
	.content {
  /*padding-top: 2rem;*/
}
	.eye-catch-wrap{
		margin-top:-4rem;
	}
	.eye-catch img {
    height: 100px;
		object-fit: cover;
	}
#navi-menu-content{
		background:url(https://harada-kodomo-clinic.com/images/2024/top/m_menu_in.png),#fff;
		background-position:bottom right,top center;
      background-size: 50%,cover;
    background-repeat:no-repeat,repeat;
	}
.navi {
	padding:  0;

}
	main.main, div.sidebar {
        padding: 16px;
	}
	.header-container-in.hlt-top-menu .logo-header img {
  top: 5px;
  left: 50%;
		transform: translateX(-50%);
	}
	.top-s {
	height:55vh;
  z-index: -1;
			background:url(https://harada-kodomo-clinic.com/images/2024/top/slide/sora_sp.png),url(https://harada-kodomo-clinic.com/images/2024/top/slide/tree_sp.png),#fffaf0;	
	background-size:100%,100%,cover;
background-position: top center,bottom center,center top;
	background-repeat:no-repeat,no-repeat,repeat;
 }
	.sun img{
		width:50px;
	}
	.harada img{
		width:80%;
		
	}
.p-infinite-slider {
  padding: 10px 0;
}

.p-infinite-slider__list img{
	width:200px;
}
	

	.link_banner {
		top:70%;
  left: 0;
		transform: translateX(0%);
		position: fixed;
	}
	.web_monshin,.sesshu{
		 animation: sway2 3s ease-in-out  alternate;
	}
	.ippan{
		margin:0 1rem;
 animation: sway3 3s ease-in-out  alternate;
	}
	.web_monshin img, .ippan img, .sesshu img {
    width: 150px;
}
svg {
  width: 100vw;
  height: 85px;
	}
.svg2 svg{
	  width: 100vw;
  height: 85px;
	}
.svg1 svg{
	  width: 100vw;
  height: 85px;
	}
	.svg4 svg{
	  width: 100vw;
  height: 85px;
	}	

.menu-drawer li {
  display: flex;
	padding:10px;
  font-size: 110%;
  color: orange;
	}
	.menu-drawer a{
		font-weight:400;
		padding:0 10px;
	}
	.mobile-menu-buttons .menu-icon {
  font-size: 35px;
	color:#fff;
}
	.mobile-menu-buttons .menu-caption{
			color:#fff;
	}
	.tagline {
  font-size: 16px;

}
	.info_area{
		/*margin-top:50px;*/
	}
	.konshu_jouhou{

	}
	.konshu {
				background-size: 85%;
  width: 100%;
   background-position: center top;
  padding: 20vh 0 3rem 0;
	}
	.konshu:before{
background: url(https://harada-kodomo-clinic.com/images/2024/top/clinic_info_bk.png)no-repeat;
    background-size: auto;
  background-size: cover;
  width: 100%;
  height: 94%;
  content: "";
  position: absolute;
  top: 5%;
  left: 50%;
		transform: translateX(-50%);
  z-index: -1;
}
	.info_title{
		font-size:120%;
	}
	.konshu li {
    padding-left: 24vw;
		width:76%;
	}
		.konshu li p {
   font-size:75%;
			line-height: 1.4;
	}
	.osirase {
  width: 100%;
  padding: 2rem 0rem 2rem 0;
		margin: 2rem auto;
  	}
	h2.osirase_tit::after {
top: -17px;
      width: 50px;
      height: 32px;
	}
		.osirase ul {
  padding-left:0;
	}
	.date:after{
 content:"\A";
 white-space:pre;
}
	.balloon {
  top: 78%;
  right: 10vw;
  width: 126px;
		    animation: fall 5s linear, sway 2s ease-in-out 3 alternate;
	}
	@keyframes fall{
0% {
    top: 0;
}
100% {
    top: 78%;
	
}
}
	@keyframes sway {
    0%,
    100% {
        transform: translateX(0px);
    }
    50% {
        transform: translateX(50px);
    }
}
		@keyframes sway2 {
    0%,
    100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(50px);
    }
}
			@keyframes sway3 {
    0%,
    100% {
        transform: translateY(10px);
    }
    50% {
        transform: translateY(60px);
    }
}
.balloon-chat {
  right: 0px;
  bottom: 36%;
  z-index: 1;
			 animation: none 0 ease-in-out infinite alternate;
	}
	.icon-img {
  width: 70px;
  height: 70px;
}

	.home_care_in{
padding: 2rem 0 8rem 0;
    margin-top: 1rem;
  }
	
	
	.is-list-horizontal.large-thumb .widget-entry-card-link, .is-list-horizontal.large-thumb-on .widget-entry-card-link {
  max-width: 187px;
  margin: 0 1rem;
	}
	.tokucho{
		padding-bottom:0;
		padding-top: 4rem;
  
	}
	.tokucho_in,.tokucho_in_reverse{
			flex-direction: column;
	}
	.tokucho_img{
		width:80%;
	}
	.tokucho_r {
  width: 86%;
}
	.t_title{
		font-size: 105%;
    
    display: block;
}
	
	.kaigyo:after{
 content:"\A";
 white-space:pre;
}
.medical {

  background-position: bottom 1% center,center;
		background-size: 65%,cover;
	}
	.medical_flex{
		width:100%;
	}
	.medical_in {
  padding: 0rem 0 7rem 0;
}

.medical_1, .medical_2, .medical_3 {
    width: 120px;
    height: 120px;
	}
	.point_in {
		width:100%;
		    padding: 2rem 0 0rem 0;
	}
	.point_flex {
    flex-direction: column;
	}

.point_flex_item1, .point_flex_item2, .point_flex_item3 {
    padding-bottom: 1rem;
	}
	.point_flex_item1 img, .point_flex_item2 img, .point_flex_item3 img {
     width: 42%;
	}
	.point_flex_item1:before, .point_flex_item2:before, .point_flex_item3:before {
		height: 90px;
    bottom: 21px;
    right: 6px;
	}
	.point_flex_item1:after, .point_flex_item2:after, .point_flex_item3:after {
    left: 47%;
    bottom: 53px;
    text-align: left;
    font-size: 115%;
	}
		.point_1{
	margin-top:4rem;	
	}
	.footer{
	background-size: 100%;
  background-position: bottom center;
  padding-top: 0rem;
  background-repeat: no-repeat;
		margin-top: -24px;
  padding: 24px 8px;
	}
	.w_yoyaku {
    position: fixed;
    z-index: 99999;
    top: 21vh;
    right: 0;
}
.w_monsin {
    position: fixed;
    z-index: 99999;
    top: 34vh;
    right: 0;
}
.w_yoyaku img, .w_monsin img {
    width: 63px;
}
	.message{
		background-size:40%;
		background-position: right bottom 2rem;
		
	}
.message_txt{
		padding-top:4rem;
		
	}
	
	.oubo,.oubo1{
		max-width:100%;
		font-size:135%;
		margin-bottom:1rem;
	}
	.oubo2{
				max-width:100%;
		font-size:105%;
	}
	.oubo_flex {
	flex-direction: column-reverse;
}
	.oubo2{
border-radius:25px;
		    background-position: right 1% bottom, center;
		background-size:25%;
	}
}
	/*スマホフッターメニュー非表示*/
@media screen and (max-width: 1023px) {
    .navi-footer {

        display: none;
    }
}