@charset "utf-8";

/***共通***/
.clear{
	clear:both;
	line-height:0;
}
.bg_f2f2eb{
	background-color:#f2f2eb;
}
.mgn_t_7em{
	margin-top:7em;
}
.mgn_t_1em{
	margin-top:1em;
}
.mgn_b_1em{
	margin-top:1em;
}
.mgn_b_1_5rem{
	margin-bottom:1.5rem;
}
.i-medicine_box01_inner li,
.i-medicine_box01_inner p{
	color:#534741;
	font-size: 14px;
    line-height: 180%;
}
.i-medicine_box01_r p.i-medicine_txt_black{
	margin-top:1.5rem;
}
.pdg_top1_5em{
	padding-top:1.5em;
}

/***内科・呼吸器他ページ***/
.i-medicine_box01{
	width:100%;
}
.i-medicine_box01_inner{
	width:980px;
	margin:0 auto;
}
.i-medicine_box01_l{
    width: 30%;
    float: left;
    text-align: center;
	box-sizing: border-box;
	margin-top:1.5rem;
}
.i-medicine_box01_l img{
}
.i-medicine_box01_r{
	width: 70%;
    float: right;
	margin: 0 1.0rem;
	max-width: 640px;
    box-sizing: border-box;
	text-align:left;
}
.i-medicine_box01_ttl01{
	border-bottom: solid 3px #c7b299;
	color: #534741;
}
.i-medicine_box01_ttl01 img{
}
ul.i-medicine_box01_r{
	-webkit-padding-start: 1rem;
	margin: 0 0 1em 0;
}
.i-medicine_box01_r li{
}
.i-medicine_box02{
	width: 100%;
	margin-top:3em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.i-medicine_box02:after,
.i-medicine_box03:after,
.i-medicine_box02 figure:after,
.i-medicine_box03 figure:after{
    content: "";
    clear: both;
	display:block;
}
.i-medicine_box02_l{
    width: 48%;
    float: left;
    margin-right: 4%;
	position:relative;
}
.i-medicine_box02_r{
    width: 48%;
    float: left;
    margin:0;
	position:relative;
}
.i-medicine_box02 figure,
.i-medicine_box03 figure{
	margin: 0;
}
.i-medicine_figure01{
	float: left;
    width: 44%;
    margin: 2.5%;
}
.i-medicine_figure01 img{
}
.i-medicine_figcaption01{
	float: right;
    width: 49%;
	margin-right:2%;
}
.i-medicine_figcaption01 h4{
	padding-bottom: 1em;
	color:#534741;
}
.i-medicine_box02_icon01{
	position:absolute;
	top:-12%;
	right:0;
}
.i-medicine_box02_icon01 img,
.i-medicine_box02_icon02 img{
	max-width:55px;
}
.i-medicine_box03{
	width: 100%;
	margin-top:3em;
	position:relative;
}
.i-medicine_box02_icon02{
	position:absolute;
	top:-6%;
	right:0;
}
.i-medicine_figure02{
	float: left;
    width: 22%;
    margin: 1.25% 0 1.25% 1.25%;
}
.i-medicine_figcaption02{
	float: right;
    width: 49%;
	margin-top:1em;
	margin-right:2%;
}
.i-medicine_figcaption02 h4{
	padding-bottom: 1em;
	color:#534741;
}

.i-medicine_figcaption03{
	float: right;
    width: 73%;
	margin-top:1em;
	margin-right:2%;
}
.i-medicine_figcaption03 h4{
	padding-bottom: 1em;
	color:#534741;
}
.i-medicine_figure03{
	float: left;
    width: 45%;
    margin: 1.25% 0 1.25% 1.25%;
}
.i-medicine_figcaption01 p,
.i-medicine_figcaption02 p,
.i-medicine_figcaption03 p{
	font-size:85%;
}
.i-medicine_naika01 h4{
	background: url(image/naika_img_04-1.gif) repeat-x bottom left;
}
.i-medicine_naika02 h4{
    background: url(image/naika_img_04-2.gif) repeat-x bottom left;
}
.i-medicine_shokaki01 h4{
	background: url(image/shokaki_img_04-1.gif) repeat-x bottom left;
}
.i-medicine_shokaki02 h4{
    background: url(image/shokaki_img_04-2.gif) repeat-x bottom left;
}
.i-medicine_kokyu01 h4{
	background: url(image/kokyu_img_04-1.gif) repeat-x bottom left;
}
.i-medicine_kokyu02 h4{
    background: url(image/kokyu_img_04-2.gif) repeat-x bottom left;
}
.i-medicine_box01_ttl02{
	text-align:center;
}
.i-medicine_box01_txt-center{
	text-align:center;
	font-size:85%;
}
.i-medicine_box01_img01{
	width:80%;
	margin:0 auto;
}
.i-medicine_box01_img01 img{
	width:100%;
}
.i-medicine_txt_red{
	color:#c1272d;
}
.i-medicine_txt_black,
.i-medicine_box01_inner p.i-medicine_txt_black{
	color:#000;
}
.i-medicine_txt_small{
	font-size:90%;
}
.i-medicine_box01_rr{
    width: 68%;
    float: left;
    margin-right: 2%;
}
.i-medicine_box01_rl{
	width: 30%;
    float: left;
    margin: 1em 0 0 0;
}
.i-medicine_box01_rl img{
	width:100%;
	max-width:183px;
}
.i-medicine_box04{
	width:100%;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.i-medicine_box04-01{
	display: inline-block;
    margin: 0;
	text-align: center;
}
.i-medicine_box04-01 img{
	width:100%;
	max-width:150px;
}
.i-medicine_box04-02{
	display: inline-block;
	margin: auto 2%;
	text-align: center;
}
.i-medicine_box04-02 img{
	width:100%;
	max-width:53px;
}
.i-medicine_box04-03{
	display: inline-block;
    margin: 0;
	text-align: center;
}
.i-medicine_box04-03 img{
	width:100%;
	max-width:214px;
}
.i-medicine_box04-01 figcaption,
.i-medicine_box04-03 figcaption{
	color: #534741;
    margin: 0 0 0.5em 0;
}
.i-medicine_box05{
	border:solid 5px #9cd366;
	margin:2em 0;
}
.i-medicine_box05 h4{
	text-align:center;
	color:#534741;
	font-size:19px;
}
.i-medicine_box05 h4 img{
	vertical-align: middle;
	margin-right: 1em;
}
.i-medicine_box05 dl{
	margin: 0;
    padding: 1em 0;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.i-medicine_box05 dt{
    margin: 0;
    width: 25%;
    float: left;
	padding: 0 0 0 2em;
    box-sizing: border-box;
	color:#534741;
}
.i-medicine_box05 dt img{
	margin-right: 1em;
	vertical-align: middle;
}
.i-medicine_box05 dd{
	margin: 0;
    width: 75%;
    float: left;
	padding: 0 2em 0 0;
    box-sizing: border-box;
	font-size:85%;
}
.i-medicine_box05 dl:after,
.i-medicine_box05 dl:before,
.i-medicine_box05 dd:after,
.i-medicine_box05 dd:before{
    content: "";
    clear: both;
	display:block;
}
.i-medicine_box05_li01{
    background-color: #f0f8e8;
}
.i-medicine_box05_li02{
}
.i-medicine_box05_li03{
    background-color: #f0f8e8;
}
.i-medicine_box06{
	width:100%;
}
.i-medicine_box06_l{
	width: 45%;
    float: left;
    margin: 1em 0;
	text-align:center;
}
.i-medicine_box06_r{
	width:50%;
	float:left;
}
.i-medicine_ul_no_style li{
	list-style:none;
}
.doctors_mbr_br{
	display:inline-block;
	font-family: serif;
}
/***医師紹介***/
.doctors_box01_infobox02_headding{
	color: #534741;
}
.doctors_box01_infobox01{
	border: 1px solid #c7b299;
	box-sizing: border-box;
}
.doctors_box01 h2 span.doctors_box01_span{
	display: inline-block;
    width: auto;
    float: none;
    margin-left: 1em;
    font-size: 80%;
    font-family: serif;
    margin: 1.5rem 0 0 1.5rem;
}
.kotei_box_inner2{
	background-color:#fff;
	width:960px;
	margin:0 auto 1.5rem auto;
}
.doctors_box01{
	width:100%;
	margin:0 auto;
	padding:0 1.5em 1.5em 1.5em;;
	box-sizing:border-box;
}
.doctors_box01_thumbnail img{
	width:100%;
}
.doctors_box01_info{
	width:68%;
	margin-left: 1.5rem;
    box-sizing: border-box;
}
.doctors_box01_thumbnail{
	width:29%;
}
.doctors_box01_infobox02{
    box-sizing: border-box;
}
.doctors_box01_infobox01 p,
p.doctors_box01_infobox02_text{
	font-size:14px;
}
/***トップ画像***/
.gnav_box-r img{
	width:100%;
}
.gnav_box-r{
	margin:1rem 0 1rem 1rem;
}
/***アクセス***/
.h2_border{
	font-size:1.17em;
}
.access_box02_root .accee_box_headding{
	height:auto;
}
.access_box02_root{
	margin-bottom:3rem;
}
.table_headding_th01{
}
.table_headding span.table_headding_th01_spn01{
	padding-left: 8%;
    width: auto;
    float: none;
}
.access_box01_tablebox table.access_box01_table tr:nth-child(n+2){
	background-color:#fff;
}
.access_box01_tablebox table.access_box01_table tr:nth-child(n+2):hover{
	cursor: default;
    background: #f2f2f2;
}
.access_box02_map{
	text-align:center;
}

/***共通　診療案内　inc_main/sub_nav***/
.colorbox_01:hover img,
.colorbox_02:hover img,
.colorbox_03:hover img,
.colorbox_04:hover img,
.colorbox_05:hover img,
.colorbox_06:hover img{
	-webkit-transform: translate(0px,-1em);
    -moz-transform: translate(0px,-1em);
    -ms-transform: translate(0px,-1em);
    -o-transform: translate(0px,-1em);
    transform: translate(0px,-1em);
}

.colorbox_01, .colorbox_02, .colorbox_03, .colorbox_04, .colorbox_05,.colorbox_06{
	position:relative;
}
/* ラベル部分 右下に表示 */
.triangle01{
}
.triangle01::before,
.triangle02::before,
.triangle03::before,
.triangle04::before,
.triangle05::before,
.triangle06::before {
    content: "";
    bottom: 0;
    right: 0;
    border-top:3em solid transparent;
    position: absolute;
    z-index: 3;
}
/* ↓ラベルの色はここで変更↓ */
.triangle01::before{
    border-right: 3em solid #ffaac8;
}
.triangle02::before{
    border-right: 3em solid #01c9e2;
}
.triangle03::before{
    border-right: 3em solid #c7b299;
}
.triangle04::before{
    border-right: 3em solid #b6c4ff; 
}
.triangle05::before{
    border-right: 3em solid #9cd366;
}
.triangle06::before{
    border-right: 3em solid #ffa700;
}
.triangle07::before{
    border-right: 3em solid #b3b3b3;
}
 /* ↑ラベルの色はここで変更↑ */
.triangle01::after,
.triangle02::after,
.triangle03::after,
.triangle04::after,
.triangle05::after,
.triangle06::after {
    content: "詳細";
    display: block;
    bottom: 6px;
    transform: rotate(-45deg);
    color: #fff; /* 文字色はここで変更 */
    font-weight: 100;
    right: 6px;
    position: absolute;
    z-index: 4;
	font-size:70%;
}
.colorbox_01:hover{
	background-color:#ffaac8;
}
.colorbox_02:hover{
	background-color:#01c9e2;
}
.colorbox_03:hover{
	background-color:#c7b299;
}
.colorbox_04:hover{
	background-color:#b6c4ff;
}
.colorbox_05:hover{
	background-color:#9cd366;
}
.colorbox_06:hover{
	background-color:#ffa700;
}
.colorbox_07:hover{
	background-color:#b3b3b3;
}
/***はじめての方へ***/
.firstbox01_l{
	padding-top: 0;
}
.firstbox01_l_spanr_hvr:hover{
	opacity:1;
}
.firstbox01_l_spanr_hvr img{
	transition: 0.3s;
}
.firstbox01_l_spanr_hvr:hover img{
	-webkit-transform: translate(0px,0.5em);
    -moz-transform: translate(0px,0.5em);
    -ms-transform: translate(0px,0.5em);
    -o-transform: translate(0px,0.5em);
    transform: translate(0px,0.5em);
}
.firstbox01_l2:hover{
	background-color: #006837;
}
/***フッタ***/
.sns img{
	margin-bottom: -0.3rem;
}
/***トップへ戻る***/
#top{
	padding-top: 30%;
    margin-top: -30%;	
}
#footer_goto{
    z-index: 5;
}
/***スライダー***/
.gnav_box-r{
    animation: fadeIn 8s ease 0s 1 normal;
    -webkit-animation: fadeIn 8s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
/***おしらせ追記***/
.front_box03_innner{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* タブレット以上のPC
---------------------------------------------------------------*/
@media only screen and (min-width:768px){
}

/* スマホのみ（767px）以下
---------------------------------------------------------------*/
@media only screen and (max-width: 767px) {

/***内科・呼吸器他ページ***/

	.i-medicine_box01_inner,
	.i-medicine_box02_inner,
	.i-medicine_box03_inner,
	.i-medicine_box04_inner,
	.i-medicine_box05_inner{
		width:100%;
		box-sizing:border-box;
		padding:0 1em;
	}
	.i-medicine_box01_inner{
		width:100%;
	}
	ul{
		-webkit-padding-start: 1rem;
		margin: 0 0 1em 0;
	}
	.i-medicine_box01_l{
		width: 100%;
		float:none;
		padding-top: 1em;
	}
	.i-medicine_box01_r{
		width: 100%;
		float:none;
		margin:0;
	}
	.i-medicine_box02_l,
	.i-medicine_box02_r{
		width: 100%;
		float:none;
		margin:0 0 20% 0;
	}
	.i-medicine_box05 dt{
		width: 100%;
    	float: none;
    	padding: 0 1em;
	}
	.i-medicine_box05 dd{
		width: 100%;
    	float: none;
    	padding: 0 1em;
	}
	.i-medicine_figure02{
		width: 45%;
		margin-top:1.5rem;
		margin-left:0;
		margin-bottom:3%;
		margin-left:3.5%;
	}
	.i-medicine_figcaption02{
		width: 90%;
    	margin: 0 5%;
	}
	.i-medicine_box01
	.i-medicine_box03,
	.i-medicine_box02{
		margin-top:5%;
		margin-bottom:5%;
	}
	.i-medicine_figure01{
		margin-top: 1.5rem;
	}
	.i-medicine_box01_rr{
		width:100%;
		float:none;
	}
	.i-medicine_box01_rl{
		width: 70%;
    	float: none;
    	margin: 0 15%;
		text-align: center;
	}
	.i-medicine_box01_rl img{
		margin:0 auto;
	}
	.i-medicine_box04-02 img{
		transform: rotate(90deg);
		margin: 5% 0;
	}
	.i-medicine_box05{
		width:100%;
		box-sizing:border-box;
		margin:0 auto 2em auto;
	}
	.i-medicine_box05 h4{
		line-height:150%
	}
	.i-medicine_box05 h4 img{
		display:block;
		margin: 0 auto;
	}
	.i-medicine_box06_l{
		width:80%;
		margin:0 10%;
	}
	.i-medicine_box06_l img{
		width:100%;
	}
	.i-medicine_box06_r{
		width:90%;
		margin:3% auto 0 auto;
	}
	.i-medicine_kokyu_img_07,
	.i-medicine_kokyu_img_08{
		margin-top:1.5rem;
		margin-right:25%;
		margin-left:25%;
		width:50%;
	}
	.i-medicine_shokaki_img_09{
		margin-top:1.5rem;
		margin-right:5%;
		margin-left:5%;
		width:90%;
	}
	.i-medicine_kokyu_img_07_txt,
	.i-medicine_kokyu_img_08_txt{
		width:90%;
		float:none;
		margin:0 5%;
	}
	.i-medicine_box05_aag_txtbl01{
		display:block;
	}

/***クリニック紹介ページ***/
	.clinic_box001{
		float:none;
		width:100%;
		margin: 1em auto;
	}
	.clinic_box01_inner,
	.clinic_box04_inner{
		width:90%;
		margin:0 auto;
		box-sizing: border-box;
		margin: 1em auto;
	}
	.clinic_box001_thumbnail img{
		width:100%;
	}
/***医師紹介ページ***/
	.doctors_box01{
		width: 100%;
    	margin: 0 auto 3em auto;
		padding: 0 1.2rem 1.2rem 1.2rem;
	}
	.doctors_box01_thumbnail{
		width: 100%;
    	float: none;
	}
	.doctors_box01_thumbnail img{
		width: 85%;
    	margin: 2% 7.5%;
	}
	.doctors_box01_info{
		width: 100%;
    	float: none;
		margin:0;
	}
	.doctors_box01_infobox01{
		box-sizing: border-box;
	}
	.doctors_box01_infobox02{
		box-sizing: border-box;
	}
	.doctors_box01_infobox02_headding{
		font-size: 17px;
    	line-height: 170%;
	}
	.doctors_mbr_br{
		display:block;
		font-family: serif;
	}
	.doctors_box01 h2 span.doctors_box01_span{
		display:block;
		margin: 0.5rem 0 0 0;
	}
	.kotei_box_inner2{
		width:90%;
		margin-left;auto;
		margin-right:auto;
	}
	.pdg_top1_5em{
		padding-top: 1.2em;
	}
	.doctors_box01 h2{
		font-size:20px;
		padding-top:1.2em;
	}
	.doctors_box01 h2 span{
		font-size:12px;
	}
/***はじめての方へ***/
	.firstbox01_r{
		width:90%;
		margin: 0 5%;
	}
	.firstbox01_1,
	.firstbox02{
		width:90%;
		margin: 0 auto;
	}

/***アクセス***/
	.access_box01_inner{
		width: 90%;
	}
	.footer_inner table, th, tr, td{
		font-size:90%;
		text-align:center;
	}
	.access_box02_root .accee_box_headding{
		background-position: center;
	}
	.table_headding span.table_headding_th01_spn01{
		display: block;
   		padding: 0;
	}
	.access_box01_inner td p{
		text-align:center;
	}
/***ハンバーガメニュー***/
	.drawer-menu li{
		padding: 0.5rem 0 0 0.5rem;
		box-sizing:border-box;
	}
	.smp_nav li img.map_img,
	.smp_nav li img.medical_time{
		width:100%;
	}
	body{
		margin:8px 0;
	}
/***フッタ***/
	#copy{
		position:relative;
		
	}
}