@charset "UTF-8";

/* ==============================
  J Alert Style
============================== */

/* common style */

.alert-box {
	border: 2px solid gray;
	margin-bottom: 10px;
}

.alert-box.alert-new {
	border: 2px solid red;
}

.alert-box.alert-none {
	border: none;
}

.alert-box.alert-none p {
	font-size: 87%;
	font-weight: bold;
}

#j-alert {
	margin-top: 10px;
}

.j-alert-list .alert-box {
	margin-bottom: 20px;
	border-radius: 5px;
}

.alert-box .alert-ttl {
	padding: 10px 0;
	text-align: center;
	box-sizing: border-box;
}

.alert-box .alert-ttl .alert-prompt-report {
	display: block;
	color: red;
}

.alert-box .alert-contents {
	padding: 10px;
}

.alert-box .alert-contents li {
	font-size: 87%;
	margin-bottom: 5px;
}

.alert-box .alert-contents li:last-child {
	margin-bottom: 0;
}

.alert-box.alert-new .alert-contents .alert-date {
	font-weight: bold;
}

.alert-box.alert-new .alert-contents .alert-text {
	font-weight: bold;
	color: red;
}


/* .alert-toggle */

.alert-box .alert-toggle {
	cursor: pointer;
	position: relative;
}

.alert-box .alert-toggle:after {
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	border-top: 3px solid red;
	border-right: 3px solid red;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -8px;
}

.alert-box .alert-toggle.active:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

.alert-box .alert-toggle + .alert-contents {
	display: none;
}


/* #j-alert-list-rakuraku */

#j-alert-list-rakuraku .h-heading01 {
	padding: 0 15px 15px;
	line-height: 1;
	border-bottom: 3px solid #000;
	margin-bottom: 25px;
}

#j-alert-list-rakuraku .h-heading02 {
	padding-left: 15px;
	color: #fff;
	background-color: #000;
	margin-bottom: 15px;
}

#j-alert-list-rakuraku .alert-box {
	border-radius: 0;
	margin-bottom: 25px;
}


/* #app-alert */

#app-alert {
	margin-bottom: 20px;
}

#app-alert #j-alert {
	margin-top: 0;
}

#app-alert #tsunami-alert {
	margin-bottom: 0;
}

#app-alert .h-heading02 {
	padding: 8px;
	background-color: #ddd;
	margin-top: 0;
}

#app-alert .alert-ttl {
	padding: 0;
	font-size: 126%;
	margin: 8px 0;
}

#app-alert ul {
	padding: 0;
}

#app-alert .alert-contents {
	padding: 0 10px;
}

#app-alert li {
	list-style: none;
	font-size: 15px;
}


/* #tab-j-alert */

#tab-j-alert {
	padding: 0 10px 0;
}

#tab-j-alert .alert-box {
	border-radius: 4px;
}

#tab-j-alert .alert-contents li {
	text-align: center;
} 


/* #j-alert-tab (alert-list) */

#j-alert-tab {}

#j-alert-tab .h-heading01 {
	display: table;
	width: 100%;
	height: 58px;
	line-height: 1;
	background-color: #f2f2f2;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	box-sizing: border-box;
}

#j-alert-tab .h-heading01 .h-heading01-s {
	display: table-cell;
	vertical-align: middle;
	padding: 0 20px;
	font-size: 112%;
}

#j-alert-tab .h-heading02 {
	padding: 15px 20px;
	font-size: 112%;
	line-height: 1;
	background-color: #f2f2f2;
	margin-bottom: 20px;
}

#j-alert-tab .alert-box-parents {
	padding: 0 10px;
	margin-bottom: 60px;
}

#j-alert-tab .alert-box {
	margin-bottom: 0;
}

#j-alert-tab .alert-contents li {
	font-size: 100%;
	margin-bottom: 10px;
}

#j-alert-tab .alert-contents li:last-child {
	margin-bottom: 0;
}

#j-alert-tab .alert-box.alert-none p {
    font-size: 100%;
}

/* DNEWS-35 */
.alert-pbg {
	float: right;
	margin: 0;
	width: auto;
	text-align: center
}
.alert-pbg img{
	width: 100px;
	height: 54px
}
.alert-pbg-txt{
	padding-top: 12px;
	color: #888;
	font-size: 0.8em
}

/*DNEWS-276*/
.rakuraku_template .alert-box {
	margin-bottom:20px
}
/*END DNEWS-276*/