@charset "UTF-8";


#index_image
{
	margin:10px;
	margin-top:20px;

}

 #alert_msg
{
	margin:10px;
	margin-top:20px;

	padding:0.5em;

	border:1px solid #f00;
	

}

.slick-dots
{
	top:220px;
}

/**************************/
/* センターのアイテム */
/**************************/
.griditem_center
{
	margin:10px;
	margin-top:20px;

	width:1180px;
/*
	height:280px;
*/
}

.wrap_center_image
{

	width:560px;
	height:215px;

}

.wrap_center_title
{

	width:560px;
	height:215px;

}

.griditem_center ul
{
	font-size:0;
}
.griditem_center li
{
		display: inline-block;
		
}

/* インフォメーション */
.griditem_info
{

	margin:10px;

	width:580px;
	height:430px;

/*
	float:left;
*/

}

/*インフォメーションの枠*/
.iframe_info
{
	width:580px;
	height:385px;

	border:1px solid #737373;
	border-top:none;

}

.wrap_info_items
{
	height:385px;

	border:1px solid #737373;
	border-top:none;
	overflow:auto;

}

.wrap_infoitem
{
	padding:10px;
	border-bottom:1px solid #737373;
	word-wrap: break-word;

}


/* 休日当番医 */
.griditem_holiday
{

	margin:10px;

	width:280px;
/*
height:580px;
*/
	height:617px;

	float:left;

}


/* 休日当番医のエリア枠 */
.wrap_holiday_area
{
	padding:10px;
	
	height:100px;
	background-color:#DEF7FA;


}
/* 地域名 */
.wrap_holiday_area li
{
	display: inline-block;
	font-size:13px;
	padding-right:3px;

x
}

#area_info
{

	border:1px solid #737373;
	border-top:none;

	height:435px;

	overflow:auto;
}


.holiday_item
{
	padding:10px;
	border-bottom:1px solid #737373;
}

a.select_area_item
{

	font-weight:bold;
	color:#f00;
}

.wrap_flu_pdf
{
	position: absolute;

	bottom:10px;
	width:280px;

	text-align:center;
/*
	margin-left:auto;
	margin-right:auto;
*/
}

.wrap_holiday_msg
{
	padding:5px;
	font-size:12px;
	text-align: center;
	background-color:#FBE1F0;
	color:#FF0000;

}


.wrap_top_info
{

	background-color:#ff0;
}

/* 点滅 */
@keyframes blinking
{
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* 要素にアニメーションを適用 */
.blink
{
	animation: blinking 1s ease-in-out infinite alternate;
}
