@charset "utf-8";


/* トップイメージ
-------------------------------------------------- */
#top-img-pc, #top-img-tablet, #top-img {
	width : 100%;
	margin : 0 auto;
	text-align : center;
	margin-bottom : 30px;
	clear: both;
}

#top-img-tablet, #top-img { display: none; }

/* タブレットに適用するCSS */
@media screen and (max-width: 959px) {
#top-img-pc, #top-img { display: none; }
#top-img-tablet { display: block; }
}
	
/* スマホに適用するCSS */
@media screen and (max-width: 480px) {
#top-img-pc, #top-img-tablet { display: none; }
#top-img { display: block; }
}







/* 項目共通
-------------------------------------------------- */
/* .main { margin-bottom: 40px; }
section { margin-bottom: 25px; } */


/* インフォメーション
-------------------------------------------------- */
#info-pic {
	width:100%;
	max-width:172px;
	margin-right:12px;
	float:left;
}

@media screen and (max-width: 480px) {
#info-pic { margin-bottom: 12px; }
/* br { display: none; } */
}


/* クリニックからのお知らせ
-------------------------------------------------- */
#news .news-pic {
	width:50px;
	/* height:50px; */
	margin-right:12px;
	float:left;
}

#news { margin-top: -15px;}

#news li { border-bottom: solid 1px #DDD; }

#news li a {
	display:block;
	color:#222;
	/* font-size:12px; */
	min-height:50px;
	padding:10px;
	text-decoration:none;
}

#news li:hover a { background-color:#F0F7D9; }

#news .news-tit {
	color:#F60;
	font-size:14px;
	font-weight:bold;
	padding-bottom:4px;
}

#news .news-txt { padding-left: 62px; }


/* 電子的診療情報体制整備加算について 修正用 */
#news li .program { padding-left: 62px; }

#news li .program li { 
	border-bottom: solid 0px #FFF;
	background-image:url(../images/shared/circle.gif);
	background-position:2px 6px;
	background-repeat:no-repeat;
	padding-left:16px;
	/* margin-bottom:12px; */
}



/* タブレット以下に適用するCSS */
@media screen and (max-width: 959px) {
/* section p { font-size:13px; } */


#news li a {
	position: relative; /* くの字の太め矢印アイコン用 */
	padding:10px 40px 10px 0px;
}


/* くの字の太め矢印アイコン
-------------------------------------------------- */
#news li a::after {
	position: absolute;
	top: 50%;
	right: 12px;
	display: block;
	content: '';
	width: 5px;
	height: 5px;
	margin-top: -4px;
	border-top: 2px solid #888;
	border-right: 2px solid #888;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
}


/* スマホに適用するCSS */
@media screen and (max-width: 480px) {
#news li a { height: auto;}
/* #news .news-tit { font-size:13px; } */
}



















/* 気になる治療別のご案内
-------------------------------------------------- */
#treatment-wrapper {
	padding-bottom:25px;
	border-bottom:dashed 1px #AAA;
}

#treatment-wrapper ul li a {
	display:block;
	width:25%;
	float:left;
	text-align:center;
}

#treatment-wrapper img {
	width:100%;
	max-width:145px;
	height:auto;
}


/* スマホに適用するCSS */
@media screen and (max-width: 480px) {
#treatment-wrapper {
	padding-bottom:5px;
	border-bottom:dashed 1px #AAA;
}

#treatment-wrapper ul li a {
	width:50%;
	margin-bottom:20px;
}
}


/* バナー
-------------------------------------------------- */
#banner-wrapper ul li {
	display:block;
	width:32%;
	float:left;
	text-align:center;
	margin-right:2%;
}

#banner-wrapper ul li:last-child {
	margin-right:0%;
}


/* タブレット以下に適用するCSS
@media screen and (max-width: 959px) {
} */


/* スマホに適用するCSS */
@media screen and (max-width: 480px) {
#banner-wrapper ul li {
	margin:auto;
	width:100%;
	max-width:230px;
	float:none;
	margin-bottom:10px;
}

#banner-wrapper ul li:last-child {
	margin:auto;
}
}




/* インフルエンザ バナー
-------------------------------------------------- */
.influenza-bnr {
	text-align: center;
	border:solid 1px #CCC;
}

.influenza-bnr a { text-decoration: none; }

.influenza_txt {
	color:#444;
	padding:0px 10px 3px 10px;
}

.influenza-bnr .kikan {
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	background-color:#647BFF;
	padding:5px 0px 4px 0px;
}

@media screen and (max-width: 480px) {
.influenza-bnr .kikan { font-size: 11px; }

.influenza_txt {
	font-size:11px;
	padding:0px 10px 1px 10px;
}
}

@media screen and (min-width: 960px) {
.influenza-bnr a:hover div, .influenza-bnr a:hover p { opacity: 0.7; }
}



/* 年末年始 バナー
-------------------------------------------------- */
.new_year-bnr {
	width:100%;
	text-align: center;
	margin-bottom:15px;
}

.new_year-bnr p {
	color:#2E8619;
	font-size:18px;
	font-weight:bold;
	margin-bottom:3px;
}

.new_year-bnr table {
	width:100%;
}

.new_year-bnr td {
	width:9%;
	background-color:#FFF;
	padding:5px 0px 4px 0px;
	border:solid 1px #CCC;
}

.new_year-bnr td:nth-child(1) {
	color:#444;
	background:#F1FCF1;
	font-weight:bold;
}

.new_year-bnr tr:nth-child(1) td:nth-child(n+1) {
	font-size:10px;
	color:#444;
	background:#F1FCF1;
	font-weight:bold;
}

/* .new_year-bnr tr:nth-child(1) td:nth-child(2),
.new_year-bnr tr:nth-child(1) td:nth-child(9) {
	color:#203fbd;
	background:#e9f4fe;
} */

.new_year-bnr tr:nth-child(1) td:nth-child(5),
.new_year-bnr tr:nth-child(1) td:nth-child(6) {
	color:#fc0d57;
	background:#fedddd;
}

.new_year-bnr tr:nth-child(2) td:nth-child(n+3),
.new_year-bnr tr:nth-child(3) td:nth-child(n+2) {
	/* font-size:15px; */
	background:#fef2f3;
	color:#fc0d57;
	font-weight:bold;
}

.new_year-bnr tr:nth-child(2) td:nth-child(n+4),
.new_year-bnr tr:nth-child(3) td:nth-child(n+3) {
	/* font-size:15px; */
	background:#FFF;
	color:#444;
	font-weight:bold;
}


/* 六角ヘキサゴン */
#hexagon {
	position: relative;
}

#hexagon p {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0;
	padding:0;
	
	color:#FFF;
	font-size:16px;
	letter-spacing:0.1em;
}

#hexagon img {
	margin:auto;
	width: 100%;
	height:30px;	
}


/* 記載希望文言 */
.new_year-bnr .add_kome {
	color:#FF0000;
	font-size:13px;
	font-weight:normal;
	text-align:left;
	text-indent:-1em;
	margin-left:1em;
	margin-top:9px;
}


/* トップ バナー リスト
-------------------------------------------------- */
#top_info-bnr li { margin-bottom: 15px; }
#top_info-bnr li:last-child { margin-bottom: 0px; }

@media screen and (max-width: 480px) {
#top_info-bnr li { margin-bottom: 10px; }
}
	

/* #top_info-bnr li:nth-child(3) { border:1px solid #D7E1F8; } */
/* #top_info-bnr li:nth-child(4) { border:1px solid #DDD; } */



/* 最新情報
-------------------------------------------------- */
#insertText {
	white-space: pre-wrap;
	background-color:#FFF;
	color: #000;
	font-size: 13px;
	
	width:100%;
	height:20em;	
	overflow-x: hidden;
	
	margin-bottom:30px;
}


/* .object-weapper {
	background-color:#FFF;
	height:100%;
	margin-top:-10px;
	margin-bottom:25px;
} */

/* object {
	width:100%;
	height:7em;	
	overflow-x: hidden;
} */

/* @media screen and (max-width: 480px) {
object {
	width:100%;
	height:12em;
}
} */