@charset "Shift_JIS";

.header-logo			{ background:#f6f7f8; text-align:center;}
.koushi-wrapper		{ background: #FFF url(../img/koushi_bg.png) repeat-x;}

.rankinfo-header	p				{ font-weight:bold; font-size:24px;}
.rankinfo-header	h1			{ font-weight:bold; color:#ba1532;}
.rankinfo-header	h1	span{ color: #333; font-size:24px;}
.rankinfo-header	h4			{ font-size:18px; line-height:1.4em;}

.rankinfo-btn			{ background: url(../img/ivu_nbg.png)  no-repeat center center;background-size:contain; height:400px;}

.flexbox-container-vertical-center {
    display: flex; /* 子要素をflexboxで揃える */
    flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
    align-items: center;  /* 子要素をflexboxにより中央に配置する */
}

.rankinfo-btn .linkgroup-item a{ display:block; text-align:center;opacity: 0.8;}
.rankinfo-btn strong           { font-size:24px; font-weight:bold; color:#ba1532;}

.rankinfo-h3						{ color:#ba1532; border-bottom:#ba1532 solid 1px; font-weight:bold; font-size:24px;
										padding-bottom: 5px;}

.wdan p {
	line-height:1.4em;
	padding-bottom:10px;
	margin-left:1em;
	text-indent:-1.4em;
}
.wdan p span 		{	font-size:large;	color:#ba1532;}


.rankinfo-h4		{color:#ba1532; font-size:22px;}

.orange-wk				{ border:#e26a23 solid 1px; padding-top:1em; padding-left:1em;}
.fbox   					{ margin:0 auto; padding:2em; border:#4b5c6b solid 2px;}
.fbox h3					{ color:#ba1532; border-bottom:#ba1532 solid 1px; font-weight:bold; font-size:22px;
										padding-bottom: 5px;}

.gbox 						{ border:#c0c0c0 solid 1px; margin:0 auto 60px auto; padding:2em; background:#ffffe5;}
.gbox h4					{ color:#ba1532; border-bottom:#ba1532 solid 1px; font-weight:bold; font-size:18px;
										padding-bottom: 5px;}
.gbox ul li				{ list-style:decimal; margin-left:2em; padding-bottom:15px;}
.gbox ul 					{	margin:1em 0 0 0;}

.org-wk          { border:#CE2C20 solid 1px; padding:20px; display:inline-block;}
.org-wk strong   { font-size:24px;}
.org-wk span     { color:#CE2C20;}
.org-mj          { color:#CE2C20;font-size:20px; font-weight:bold;}

.matrix_03 th{
width:25%;
padding:10px;
text-align: left;
vertical-align: top;
color: #fff;
font-size:16px;
background-color: #e2631d;
}

.ri-table-l,.ri-table-r	{ text-align:center; font-size:16px;}
.ri-table-l	strong,.ri-table-r	strong	{ font-size:24px;}
.ri-table-r	strong   { color:#BA1633;}
.ri-table-l	.table-head { background:#4B8A79; color:#FFF;}
.ri-table-r	.table-head { background:#247BA0; color:#FFF;}
.ri-table-l	.org-mj,.ri-table-r	.org-mj	{ font-size:16px;}

.ri-clear { clear:both;}
.ri-clear li { padding-bottom:0.5em;}


.underline	{border-bottom: solid 2px #ba1532;}

.copyright_area { margin-top:30px; margin-bottom:30px;}

.rd-wk          { border:#ba1532 solid 1px; padding:20px;}
.rd-wk h3       { margin-top:0;font-size:24px; color:#ba1532; font-weight:bold;}
.rd-wk h3	span { font-size:36px;}
.rd-wk .text-large { font-size:24px;}
.rd-wk .label-danger{ background-color:#ba1532;}

.btn.btn-0F6093.btn-reverse.btn-lg.red { border: 2px solid #ba1532 !important;}


@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

		.flexbox-container-vertical-center {
				display: block;
				height: auto;
				margin: auto;
		}
}
