@charset "UTF-8";

#tab {
	margin: 20px 0 0;
	border-bottom: 2px solid #1FA4C7;
}

#tab li {
	float: left;
	margin-left: 8px;
	font-size: 14px;
}

#tab li a {
	display: block;
	text-decoration: none;
	background-color: #EDF9FC;
	padding: 10px 15px;
	text-align: center;}

#tab .current a {
	background-color: #1FA4C7;
}

#tab .current a {
	color: #fff;
}

.list > li {
	width: 100%;
	border-bottom: #cdeff8 solid 1px;
	padding: 12px 0;
	position: relative;
}

.list > li > span {
	margin-left: 45px;
	font-size: 16px;
	font-weight: bold;
}

.list > li::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-bottom: 2px solid #1FA4C7;
	border-right: 2px solid #1FA4C7;
	position: absolute;
	top: 24px;left: 20px;
	margin: -8px 0 0 0;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	     -ms-transform: rotate(45deg);
	        -o-transform: rotate(45deg);
	            transform: rotate(45deg);
	transition: all .4s;
}

.list >  li.open:after {
	-webkit-transform: translateY(0px) rotate(-135deg);
	transform: translateY(0px) rotate(-135deg);
	transition: all .4s;
	top:26px;
}

.list .inner {
	padding-top: 0;
	display: none;
}

.list .inner p + p {
	margin-top: 0.5em;
}

.list .inner .pcBtn {
	background-color: #a0a0a0;
	margin-top: 20px;
	text-align: center;
}

.list .inner .pcBtn a {
	display: block;
	padding: 10px 0 10px 20px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	position: relative;
}

.list .inner .pcBtn a:before {
	content: "";
	width: 16px;
	height: 16px;
	margin-right: 20px;
	background: url('/common/images/icon_pc_w.png') no-repeat;
	background-size: 16px;
	position: absolute;
	top:50%;left:50%;
	margin: -8px 0 0 -130px;
}

.list .inner .pcBtn.noushinkeigeka {
	background-color: #58bdc4;
}

.list .inner .pcBtn.noushinkeigeka a:before {
	background-image: url('/common/images/icon_link_blank.png') ;
	margin-left: -140px;

}

.list .inner .arrowLink {
	margin-top: 1em;
}

.list .inner .arrowLink a {
	display: block;
	position: relative;
	padding-left: 40px;
}

.list .inner .arrowLink a:after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-top: 2px solid #1FA4C7;
	border-right: 2px solid #1FA4C7;
	position: absolute;
	top: 50%;
	left: 16px;
	margin: -4px 0 0 0;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	     -ms-transform: rotate(45deg);
	        -o-transform: rotate(45deg);
	            transform: rotate(45deg);
}

.list .inner .arrowLink a:before {
	content: "";
	display: block;
	width: 10px;
	border-top: 2px solid #1FA4C7;
	position: absolute;
	top: 50%;
	left: 13px;
	margin: -1px 0 0 0;
}


.list .inner h3 {
	font-weight: bold;
	font-size: 1em;
	margin-top: 10px;
}

.list .inner .target {
	border: 1px dotted #d4d4d4;
	padding: 15px;
}

.list .inner .target li {
	text-indent: -1em;
	margin-left: 1em;
}
.list .inner .target li:before {
	content: "・";
}

.list .inner .target li span {
	margin-left: 1em;
	display: inline-block;
	font-size: 0.8em;
	text-indent: 0;
}

.list .inner ol li {
	list-style: decimal;
	margin-left: 2em;
}

/* 第1整形外科 */
.list .inner .seikeigeka1 dt{
	font-weight: bold;
}

.list .inner .seikeigeka1 dt::before{
	content: '・';
}

.list .inner .seikeigeka1 dd:not(:last-child) {
	margin: 0 0 15px 0;
}

/* 小児科 */
.list .inner .shounikaBox {
	border: 1px solid #E6E6E6;
	padding: 15px;
}

.list .inner .shounikaBox span {
	color: #fb1f1f;
}

/* 乳腺外科 */
.list .inner.nyuusengeka p span {
	font-size: 0.8em;
	vertical-align: top;
	font-weight: bold;
	margin-right: 1px;
}

/* 脳神経外科 */
.list .inner #noushinkeigekaNote {
	background-color: #edf9fc;
	border: 1px solid #1fa4c7;
	padding: 15px;
	margin-top: 15px;
}

.list .inner #noushinkeigekaNote p + p {
	margin-top: 1em;
}

.list .inner #noushinkeigekaNote p.red {
	color: #fb1f1f;
}

/* 消化器外科 */
.list #shoukakigeka .inner .box {
border: 1px dotted #d4d4d4;
padding: 5px 15px 15px;
}

.list #shoukakigeka .inner .box ul {
	border: none;
	padding: 0 0 0 1em;
}

.list #shoukakigeka .inner .box ul li {
	float: none;
	width: auto;
	text-indent: -1em;
	margin-left: 1em;
}

.list #shoukakigeka .inner .box ul li:before {
	content: "・";
}


/* 大腸肛門外科 */
.list #daichou .inner .box {
border: 1px dotted #d4d4d4;
padding: 5px 15px 15px;
}

.list #daichou .inner .box ul {
	border: none;
	padding: 0 0 0 1em;
}

.list #daichou .inner .box ul li {
	float: none;
	width: auto;
	text-indent: -1em;
	margin-left: 1em;
}

.list #daichou .inner .box ul li:before {
	content: "・";
}