﻿@charset "UTF-8";
body .kinkyujyohou  {
	color: #333;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 10px;
	font-size: 1.0rem;
	line-height: 1.7;
	/* background-size: auto 877px; */
	/* min-width: 1024px; */
	/* height: 100%; */
	-webkit-text-size-adjust: 100%;
}

.kinkyujyohou div, .kinkyujyohou p, .kinkyujyohou dl, .kinkyujyohou dt, .kinkyujyohou dd, .kinkyujyohou ul, .kinkyujyohou ol, .kinkyujyohou li, .kinkyujyohou h1, .kinkyujyohou h2, .kinkyujyohou h2, .kinkyujyohou h3, .kinkyujyohou h4, .kinkyujyohou h5, .kinkyujyohou h6, .kinkyujyohou
pre, .kinkyujyohou form, .kinkyujyohou fieldset, .kinkyujyohou input, .kinkyujyohou textarea, .kinkyujyohou p, .kinkyujyohou table, .kinkyujyohou th, .kinkyujyohou td, .kinkyujyohou button, .kinkyujyohou
figcaption, .kinkyujyohou figure {
	font-size: 14px;
	font-size: 1.4rem;
}

/*緊急時のお知らせ*/
.kinkyu {
	margin-bottom: 10px;
	border-top: 1px solid #34398a;
	border-bottom: 1px solid #34398a;
	padding: 3px;
	background: #fff;
	height: 187px
}

.kinkyu dl dt {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.kinkyu dl dt strong {
	display: table-cell;
	width: 135px;
	padding: 2px 0 0;
	vertical-align: middle;
	background: #252a81;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}

.kinkyu dl dt strong::before {
	content: "";
	display: inline-block;
	margin-right: 5px;
	vertical-align: -3px;
	width: 22px;
	height: 19px;
	background: url(../img/index/ico-attention_pc.png) no-repeat;
}

.kinkyu dl dt span {
/*	display: table-cell;*/
	display: block;
	background: #e1e1ea;
	padding: 4px 14px;
	color: #34398a;
	font-weight: bold;
	overflow: hidden;
/*	text-overflow: ellipsis;
	white-space: nowrap;
*/
	position: relative;
    height: 48px;
    overflow: hidden;
	line-height: 25px;
	word-break: break-all;
}
.kinkyu dl dt span:before, 
.kinkyu dl dt span:after {
    position: absolute;
    background: #fff;
	background: #e1e1ea;
}
.kinkyu dl dt span:before {
    content: "･･･";
    bottom: 0;
    right: 5px;
	background: #e1e1ea;
}
.kinkyu dl dt span:after {
    content: "";
    width: 100%;
    height: 100%;
	background: #e1e1ea;
}

.kinkyu dl dd {
	height: 105px;
	overflow: auto;
	padding: 0px;
	margin: 10px 12px;
/*	padding: 10px 17px;*/
}

@media only screen and (max-width: 736px) {
	.kinkyu {
		margin: 0 0 10px;
		padding: 0;
	}

	.kinkyu dl dt {
		display: block;
	}

	.kinkyu dl dt strong {
		display: block;
		width: 100%;
		padding: 5px 0;
		font-size: 14px;
		font-size: 1.4rem;
	}

	.kinkyu dl dt strong::before {
		vertical-align: -2px;
		width: 18px;
		height: 16px;
		background: url(../img/index/ico-attention_pc.png) no-repeat;
		background-size: 100%;
	}

	.kinkyu dl dt span {
		display: block;
		padding: 4px 10px;
	}

	.kinkyu dl dd {
		height: 85px;
		overflow: auto;
		padding: 0px;
		margin: 5px 7px;
		font-size: 1.3rem;
/*
		padding: 5px 10px;
		font-size: 13px;
		font-size: 1.3rem;
*/
	}
	.kinkyu dl dd::-webkit-scrollbar{
		width:6px;
	}
	.kinkyu dl dd::-webkit-scrollbar-track{
		background: #eeeeee;
		border-radius: 5px;
	}
	.kinkyu dl dd::-webkit-scrollbar-thumb{
		background: #bbbbbb;
		border-radius: 5px;
	}
}


