@charset "utf-8";
/* CSS Document */

.p-content .c-area {
	width: auto;
	height: auto;
	margin: 0 5px 20px 0;
	background-color: #FFFFFF;
	border: #FFFFFF solid 3px;
	border-radius: 10px;
	box-shadow: 0 0 5px 3px #CCCCCC;
}
.p-content .c-area .c-title {
	width: auto;
	height: 48px;
	margin: 0 0 15px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background-color: #4892B7;
	line-height: 48px;
}
.p-content .c-area .c-title .c-icon {
	display: inline-block;
	vertical-align: top;
	width: 48px;
	height: 48px;
	margin: 0 7px;	
}
.p-content .p-close {
	padding: 20px 30px;
	background-color: #F8F27D;
}
.p-content .p-close .figure {
	float: left;
	clear: both;
}
.p-content .p-close .figure img {
	margin: 15px 30px 0 0;
}
.p-content .p-news {
	padding: 0 0 15px;
}
.p-content .p-news .c-title .c-icon {
	background: url(../img/home/icon_news.png) no-repeat;
	background-size: 48px 48px;
}
.p-content .p-news .p-text {
	padding: 0 50px;
}
.p-content .p-guide {
	overflow: hidden;
	padding: 0 0 15px;	
}
.p-content .p-guide .c-title .c-icon {
	background: url(../img/home/icon_guide.png) no-repeat;
	background-size: 48px 48px;
}
.p-content .p-guide .p-information {
	float: left;
	width: auto;
	height: auto;
	margin: 0 0 0 17px;
}
.p-content .p-guide .p-information .c-dt {
	font-size: 14px;
	line-height: 22px;	
}
.p-content .p-guide .p-information .c-dd {
	font-size: 14px;
	line-height: 22px;	
}
.p-content .p-guide .p-schedule {
	float: right;
	width: auto;
	height: 127px;
	margin: 0 17px 0 0;
	font-size: 12px;
	line-height: 16px;
	color: #1F3F50;
}
.p-content .p-guide .p-schedule .thead .c-th {
	height: 30px;
	padding: 0 15px;
	text-align: center;
	vertical-align: middle;
	background-color: #D8E8EF;
	border: #4892B7 solid 1px;
}
.p-content .p-guide .p-schedule .tbody .c-th {
	text-align: center;
	vertical-align: middle;
	border: #4892B7 solid 1px;
}
.p-content .p-guide .p-schedule .tbody .c-td {
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	border: #4892B7 solid 1px;
}

/* 診療カレンダー */
.p-content .p-calender .c-title .c-icon {
	background: url(../img/home/icon_calender.png) no-repeat;
	background-size: 48px 48px;
	}
.p-calender-inner {
	padding: 0 17px 15px;
	display: flex;
  flex-wrap: nowrap;
	}
.p-calender-image {
	margin-right: 15px;
	}
.p-calender-text {
	width: 100%;
	padding-bottom: 0.1em;
  background-image: linear-gradient(to right, #fff 1.1px, transparent 1px), linear-gradient(to bottom, #ccc 1.1px, transparent 1px);
  background-size: 2px 2.1em;
  line-height: 2.1;
	}
.p-holiday-note {
	font-size: 12px;
	padding: 0.2em 0.4em;
	}
.c-holiday {
	background-color: #FFEEEE;
	border: solid 1px #CC0000;
	color: #C00;
	}
.c-holiday-afternoon {
	background-color: #FFFFCC;
	border: solid 1px #FF3300;
	color: #F30;
	}
		
@media screen and (max-width: 959px) {
	
	.p-content .c-area {
		margin: 0 0 20px;
	}
	.p-content .p-close .figure {
		float: none;
		text-align: center;
	}
	.p-content .p-close .figure img {
		margin: 0 0 10px;
	}
	.p-content .p-news .p-text {
		padding: 0 30px;
	}
	.p-content .p-guide .p-information {
		float: none;
		width: auto;
		height: auto;
		margin: 0 30px 10px;
	}
	.p-content .p-guide .p-schedule {
		float: none;
		width: auto;
		height: auto;
		margin: 0 30px;
	}
	.p-content .p-guide .p-schedule .thead .c-th {
		padding: 0 8px;
	}
	
	/* 診療カレンダー */
	.p-calender-inner {
		display: inherit;
		padding: 0 30px 20px;
		}
	.p-calender-text {
		margin-top: 10px;
		}
	
}

/*consultbtn*/
.p-consultbtn {
	display: inline-block;
	vertical-align: top;
}
@media screen and (min-width: 1400px) {
	
	.p-consultbtn {
		width: 440px;
	}
	
}
@media screen and (min-width: 960px) and (max-width: 1399px) {
	
	.p-consultbtn {
		width: 695px;
		text-align: center;
		margin: auto;		
	}
		
}
@media screen and (min-width: 768px) and (max-width: 959px) {

	.p-consultbtn {
		width: 440px;
	}	

}
@media screen and (max-width: 767px) {

	.p-consultbtn {
		width: auto;
		text-align: center;
	}
		
}
.p-consultbtn .c-consultbtn_list {
	display: inline-block;
	vertical-align: top;
	width: 200px;
	height: 200px;
	margin: 0 5px 20px 15px;
	border-radius: 10px;
	border-width: 2px;
	border-style: solid;
	box-shadow: 0 0 5px 3px #CCCCCC;
	box-sizing: border-box;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	-ms-transition: 0.7s;
	transition: 0.7s;
}
.p-consultbtn .c-consultbtn_list.nonsmoking {
	border-color: #FFFFFF;
	background: url(../img/home/btn_nonsmoking.png) no-repeat center center, #0080BD;
}
.p-consultbtn .c-consultbtn_list.cosmetic {
	border-color: rgba(138,186,210,0.6);
	background: url(../img/home/btn_cosmetic.png) no-repeat center center, rgba(255,255,255,0.6);
}
.p-consultbtn .c-consultbtn_list.aga {
	border-color: rgba(138,186,210,0.7);
	background: url(../img/home/btn_aga.png) no-repeat center center, rgba(255,255,255,0.7);
}
.p-consultbtn .c-consultbtn_list.ed {
	border-color: #FFFFFF;
	background: url(../img/home/btn_ed.png) no-repeat center center, #006699;
}
.p-consultbtn .c-consultbtn_list.placenta {
	border-color: #FFFFFF;
	background: url(../img/home/btn_placenta.png) no-repeat center center, #6AA7C4;
}
.p-consultbtn .c-consultbtn_list.supplement {
	border-color: rgba(138,186,210,0.7);
	background: url(../img/home/btn_supplement.png) no-repeat center center, rgba(255,255,255,0.7);
}
.p-consultbtn .c-consultbtn_list.pincernails {
	border-color: rgba(146,190,212,0.7);
	background: url(../img/home/btn_pincernails.png) no-repeat center center, rgba(255,255,255,0.7);
}
.p-consultbtn .c-consultbtn_list.chelation {
	border-color: #FFFFFF;
	background: url(../img/home/btn_chelation.png) no-repeat center center, #2E5B72;
}
.p-consultbtn .c-consultbtn_list:hover {
	opacity: 0.6;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	-ms-transition: 0.7s;
	transition: 0.7s;
}
.p-consultbtn .c-consultbtn_list a {
	display: block;
	width: 200px;
	height: 200px;
}
@media screen and (min-width: 768px) and (max-width: 1399px) {
	
	.p-consultbtn .c-consultbtn_list {
		margin: 0 10px 20px;		
	}
		
}
@media screen and (max-width: 767px) {

	.p-consultbtn .c-consultbtn_list {
		width: 100px;
		height: 100px;
		margin: 0 10px 20px;		
	}
	.p-consultbtn .c-consultbtn_list.nonsmoking,
	.p-consultbtn .c-consultbtn_list.cosmetic, 
	.p-consultbtn .c-consultbtn_list.aga, 
	.p-consultbtn .c-consultbtn_list.ed, 
	.p-consultbtn .c-consultbtn_list.placenta, 
	.p-consultbtn .c-consultbtn_list.supplement, 
	.p-consultbtn .c-consultbtn_list.pincernails, 
	.p-consultbtn .c-consultbtn_list.chelation {		
		background-size: 90px 90px;		
	}
	.p-consultbtn .c-consultbtn_list a {
		width: 100px;
		height: 100px;
	}
	
}