@charset "utf-8";

/*========================================
	flash
==========================================*/
.flash{
	margin-bottom: 38px;
	border-bottom: 1px solid #ecebeb;
}
.flash dl{
	max-width: 964px;
	width: 100%;
	margin: 15px auto;
}
.flash dt{
	display: inline-block;
	padding: 5px 23px;
	color: #ffffff;
	font-size: 100%;
	line-height: 1;
	background-color: #f92306;
	border-radius: 5px;
}
.flash dd{
	display: inline-block;
}
.flash dd span{
	padding: 0 15px;
}
.flash dd a{
	color: #0048bf;
}
.flash dd a span{
	color: #000000;
}

/*========================================
	banner area
==========================================*/
.banner_area{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto 27px;
}
.banner_area figure + figure{
	margin-top: 15px;
}
.banner_area figure + figure{
	margin-top: 15px;
}
.banner_area.half figure {
	display: inline-block;
	width: 49%;
}
.banner_area.half figure:nth-child(2n-1) {
	margin-right: 1%;
}
.banner_area.half figure + figure {
	margin-top: 0;
}

/*========================================
	pickup
==========================================*/
.pickup .accordion_box {
	display: inline-block;
	width: 65%;
}
.pickup .accordion_box .more_button {
	display: none;
}
.pickup ul{
	display: inline-block;
	vertical-align: top;
}
.pickup ul.last{
	width: 31.2%;
	margin-left: 3.75%;
}

/*========================================
	information
==========================================*/
.information ul.news li span{
	display: block;
	margin-top: 8px;
}

/*========================================
	listnew category
==========================================*/
.list_new.cate li dt:after {
	display: inline-block;
	width: 38%;
	margin: 0 10px;
	padding: 3px 0;
	color: #ffffff;
	font-size: 85.714%;
	text-align: center;
	border-radius: 5px;
	vertical-align: middle;
	content: "";
}
.list_new.cate li.item_doctor dt:after {
	content: "医師";
	background-color: #107d46;
}
.list_new.cate li.item_people dt:after {
	content: "国民";
	background-color: #fc6b1c;
}
.list_new.cate li.item_jma dt:after {
	content: "医師会";
	background-color: #0e67d9;
}
.list_new.cate li.item_new dt:after {
	content: "お知らせ";
	color: #000000;
	background-color: #ffffcc;
}
.list_new.cate li dt {
	width: 23%;
	margin-right: 20px;
}
.list_new.cate li dd {
	width: 73%;
}
#new .btnLink {
	margin-top: 30px;
}

@media only screen and (max-width: 1000px) {
/*========================================
	flash
==========================================*/
	.flash dl{
		margin: 14px 18px;
	}
}

/*========================================
	n_style
==========================================*/
.syntaxhighlighter table {
	padding:5px !important;
	border:solid 1px #EEE !important;
}
.syntaxhighlighter .line.alt2 {
	background-color: #F8F8F8 !important;
}
hr{
	border-top:1px solid #02831d;
	margin:20px 0;
}

@media only screen and (max-width: 768px) {
/*========================================
	flash
==========================================*/
	.flash{
		margin-bottom: 8%;
	}
	.flash dl{
		width: 95%;
		margin: 5% auto;
	}
	.flash dd{
		width: 70%;
		padding: 0 3%;
		vertical-align: top;
	}
	.flash dd span.date{
		display: block;
		margin-bottom: 2%;
		padding: 0;
	}

	.pickup .accordion_box {
		display: block;
		width: 100%;
	}
	.pickup .accordion_box .more_button {
		display: block;
	}
	.pickup ul{
		display: block;
		width: 100%;
	}
	.pickup ul.last{
		width: 100%;
		margin: 0;
	}

	.pickup .accordion_box {
		position: relative;
		margin-bottom: 15%;
	}
	.pickup .accordion_box .more_button {
		width: 21%;
		margin: 3% auto 0;
		text-align: center;
	}
/*========================================
	banner area
==========================================*/
	section div.banner_area{
		width: 95%;
		margin-bottom: 15%;
	}
	.banner_area.half figure {
		display: block;
		width: 100%;
	}
	.banner_area.half figure + figure {
		margin-top: 3%;
	}

/*========================================
	tab change
==========================================*/
	section div.content.information.tab_content{
		margin-bottom: 3%;
		padding-bottom: 3%;
		border-bottom: 1px solid #cccbcb;
	}
	.tab_content input[type="radio"] {
		display: none;
	}

	.tab_content .tab_box {
	}

	.tab_content > .tab_box > div {
		display: none;
	}

	label.tab1,
	label.tab2{
		width: 31%;
		display: inline-block;
		font-size: 149.9999%;
		font-weight: bold;
		text-align: center;
		vertical-align: bottom;
	}
	label.tab1 small,
	label.tab2 small{
		display: block;
		font-size: 70.5884%;
		font-weight: normal;
	}
	#tab1 + .tab1{
		border-right: 1px solid #cccbcb;
	}
	#tab1 + .tab1,
	#tab2 + .tab2 {
		display: table-cell;
		padding: 5% 0;
		border-bottom: 1px solid #cccbcb;
		cursor: pointer;
		vertical-align: middle;
	}
	#tab1:checked + .tab1,
	#tab2:checked + .tab2 {
		border-top: 1px solid #cccbcb;
		border-bottom: none;
	}
	.tab_box{
		margin-top: 10%;
	}
	.tab_box .area_left,
	.tab_box .area_right{
		padding-bottom: 10%;
	}
	.information .tab_box .area_left ul.icon,
	.information .tab_box .area_right ul.icon{
		top: auto;
		bottom: 0;
	}
	.information .area_left ul.news li .date:after,
	.information .area_right ul.news li .date:after{
		width: 30%;
	}
	#tab1:checked ~ .tab_box > #tabView1,
	#tab2:checked ~ .tab_box > #tabView2 {
		display: block;
		animation: fadeIn 3s ease 0s 1 normal;
		-webkit-animation: fadeIn 2s ease 0s 1 normal;
		-moz-animation: fadeIn 2s ease 0s 1 normal;
		-o-animation: fadeIn 2s ease 0s 1 normal;
	}
	@keyframes fadeIn {
		0% {opacity: 0}
		100% {opacity: 1}
	}
/*========================================
	listnew category
==========================================*/
	.list_new.cate li dt,
	.list_new.cate li dd {
		width: 100%;
	}
	.list_new.cate li dt:after {
		width: 30%;
		margin: 0 2%;
		padding: 0.5% 0;
	}
}