@charset "utf-8";
/*
Template:koga
Theme Name:koga-child
Theme URI:https://koga-clinic-kurume.com/wp
Description:koga
Author:m.araragi
Author URI:https://tcd-theme.com/
Version:1.5.9
Text Domain:tcd-monad
*/

/*top*/
h2.catch.rich_font_2.item.animate,
p.desc.item.animate{
	text-shadow:2px 1px 2px #403f3f;
}

/*ttl*/
.about-box h4,
.access-box h4,
.doctor-box dt{
    padding: 5px 15px;
    border: 5px solid #99ced4;
    background-image:
        linear-gradient(45deg, transparent 15px, #99ced4 16px calc(100% - 16px), transparent calc(100% - 15px)),
        repeating-linear-gradient(#eeb6b7, 2px, #99ced4 2px 4px);
    color: white;
    /*font-size: 26px;*/
    font-weight: bold;
    text-align: center;
}
.about-conboxttl01,
.about-conboxttl02,
.about-conboxttl03,
.faq-conttlbox,
.sinnryo-conttlbox,
.access-conttlbox02,
.doctor-conttlbox02 {
	margin-bottom:30px;
	padding-bottom:15px;
}

.about-box h3,
.faq-conbox h3,
.sinnryo-conbox h3,
.access-box h3,
.doctor-box h3{
    position: relative;
    padding: 1rem 2rem;
    border: 3px solid;
    background-color: #99ced4;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.about-box h3:before,
.faq-conbox h3:before,
.sinnryo-conbox h3:before,
.access-box h3:before,
.doctor-box h3:before{
    position: absolute;
    bottom: -10px;
    right: -10px;
    width: 100%;
    height: 100%;
    border-right: 3.5px dashed #4d6e9c;
    border-bottom: 3.5px dashed #4d6e9c;
    transition: .3s;
    content: '';
}

/*all*/

br.sp-only01 {
	display:none;
}

span.red-word01 {
	color:red;
}

p.right-word {
	text-align:right;
}

.doctor-box ul {
	list-style:disc;
}
@media only screen and (max-width: 767px) {
	br.sp-only01 {
		display:block;
	}
	br.pc-only01 {
		display:none;
	}
	#page_contents {
		padding: 40px 20px !important;
	}
	body.page #page_contents .post_content{
		width:auto;
	}
	#footer_info_area {
		padding:60px 10px 50px;
	}
	.post_content .s_table {
		overflow: hidden !important; 
        white-space: normal;
		margin-right: 0;
        margin-left: 0;
        padding: 0;

	}
	
}

/*access*/
.access-coninboxtext0202 dl {
	padding:15px 15px;
		padding-bottom:30px;

}
.access-coninboxtext0202 dt{
	border-left:3.5px dashed #4d6e9c;
	padding-left:15px;
	margin-bottom:20px;
	}
.access-coninboxtext0202 dd {
	padding-left:15px;
	
}
.access-coninbox0202 {
	padding-top:35px;
}

/*about us*/
.about-conbox01,
.about-conbox02 {
	margin-bottom:20px;
	padding-bottom:35px;
	
}
.about-conintextbox01 p {
	padding:10px;
}
/**.about-coninbox01 {
	padding:15px 5px;
	display:flex;

}
.about-coninimgbox01,
.about-conintextbox01 {
	width:50%;
	height:auto;
}
.about-coninimgbox01 {
	text-align:center;
}
.about-conintextbox01 {
	padding:5px;
} **/
.about-conbtnbox04 {
	text-align:center;
}
table.about-tbl th {
	width:25%;
	text-align:left;
	font-weight:700;
	vertical-align:middle;
	border:none;
	border-bottom:1px solid #fff !important;
	background:#99ced4;
	color:#fff;
	
}

table.about-tbl td {
	width:75%;
	
}

table.about-tbl td > ul {
	list-style:disc;
}

@media only screen and (max-width: 767px)  {
	table.about-tbl {
		
	}
	
	table.about-tbl th,
	table.about-tbl td {
		display:block;
		width:auto;
		text-align:center;
	}
	
	table.about-tbl td > ul {
		text-align:left;
	}
	.about-coninbox01 {
		display:block;
	}
	.about-coninimgbox01,
	.about-conintextbox01 {
		width:auto;
		padding:10px 10px;
		
}
}

/*FAQ*/

.accordion-label {
	font-weight:600;
}
.accordion {
    padding: 1rem;
}

.accordion-item {
    margin-bottom: 0.5rem;
}

.accordion-check {
    display: none;
}

.accordion-label {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 0.5rem;
    border-left: 10px solid #99ced4;
    background-color: #efefef;
    color: #333;
    font-size: 1rem;
    line-height: 1.5;
}

.accordion-label::after {
    position: absolute;
    top: 50%;
    right: 0px;
    height: 100%;
    width: 40px;
    transform: translateY(-50%);
    color: #eeb6b7;
    text-align: center;
    font-size: 1.5rem;
    content: '+';
}

.accordion-box {
    height: 0;
    overflow: hidden;
    opacity: 0;
    background-color: #fff;
    transition: all .5s;
}

.accordion-check:checked~.accordion-box {
    height: auto;
    opacity: 1;
    padding: 1rem;
}

.accordion-check:checked+.accordion-label:after {
    content: '-';
}


.accordion-box p {
    line-height: 1.5;
}

@media only screen and (max-width: 767px)  {
	.accordion {
		padding:15px 5px;

	}

}

/*診療案内*/
.sinnryo-conintextbox p {
	text-align:center;
	padding:15px 10px;

}
.sinnryo-conintextbox dt,
.faq-coninbox02 dt{
	border-bottom:3.5px dashed #4d6e9c;
	padding-top: 40px;
    margin-bottom: 30px;
}

.sinnryo-conintextbox dl,
.faq-coninbox02 dl{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: auto;
    height: 100%;
    padding: 15px 20px;
    box-sizing: border-box;
    background-color: #fefefe;
    z-index: 0;
}


.sinnryo-conintextbox dd,
.faq-coninbox02 dd{
    position: relative;
    padding: 1rem;
    background-color: #efefef;
    color: #333;
	width:850px;
	height:100%;
	text-align:center;
}

.sinnryo-conintextbox dd:before,
.faq-coninbox02 dd:before{
    position: absolute;
    top: -15px;
    right: -15px;
    width: 100px;
    height: 100px;
    background:
        repeating-linear-gradient(-45deg, #99ced4 0px 5px,
            transparent 5px 10px);
    content: '';
    z-index: -1;
}

@media only screen and (max-width: 767px) {
	.sinnryo-conintextbox dl
	.faq-coninbox02 dl{
		padding:20px 10px;
	}
	.sinnryo-conintextbox p {
		text-align:left;
	}
	.sinnryo-conintextbox dd,
	.faq-coninbox02 dd{
		width:auto;
		text-align:left;
	}
	.faq-coninbox02 dd:before  {
		height:85px;
}
	
}

/**doctor**/
.doctor-box dd {
	padding:30px;
}
.doctor-conbox01,
.doctor-conbox02,
.doctor-conbox03 {
	display:flex;
	padding-top:40px;
	padding-bottom:40px;

}
.doctor-conimgbox01,
.doctor-conimgbox02,
.doctor-conimgbox03 {
	width:25%;
	padding:10px 15px;
	
}
.doctor-contextbox01,
.doctor-contextbox02,
.doctor-contextbox03 {
	width:75%;
	padding:10px 15px;

}

.doctor-conaboutbox03 {
	text-align:center;
}



@media only screen and (max-width: 767px)  {
	.doctor-conbox01,
	.doctor-conbox02,
	.doctor-conbox03 {
		flex-direction:column;
}
	.doctor-conimgbox01,
	.doctor-conimgbox02,
	.doctor-conimgbox03{
		width:auto;
		order:-1;
	}
	
	.doctor-contextbox01,
	.doctor-contextbox02,
	.doctor-contextbox03 {
		width:auto;
		order:1;
		padding：15px 10px;

	}
	.doctor-box dd {
		padding:30px 10px;
	}

}