/* Add here all your CSS customizations */

/* table.res */

table.res {
	width: 100%;
	margin: 0;
	border: none;
}
table.res th,
table.res td {
	padding: 10px;
	border: 1px solid #ddd;
}
table.res th {
	width: 30%;
	text-align: left;
	/*background: #f4f4f4;*/
	background: #262626;
	color: #f4f4f4;
    font-weight: normal;
}
table.res td {
	color: #0e0e0e;
	border: 1px solid #262626;
}
 
@media only screen and (max-width:480px){
    table.res {
		margin: 0;
	}
    table.res th,
    table.res td {
		padding: 10px 3px;
        width: 100%;
        display: block;
        border-top: none;
    }
	table.res th {
		padding: 10px;
		border: 1px solid #262626;
    }
    table.res tr:first-child th {
		border-top: 1px solid #ddd;
	}
}


/* scroll_box */
.scroll_box {
	height: 350px;
    width: 100%;
	margin: 0 0 30px;
	border: none;
	overflow: hidden auto;
	-webkit-padding-start: 10px;
}
	
	.scroll_box li {
		list-style-type: none !important;
		margin-right: 5px;
		color: #333;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #999;
	}

@media only screen and (max-width:480px){
	.scroll_box li {
        /*font-size: 1.3em;*/
	}
}

	.scroll_box p.title_m {
		color: #f00;
		margin-bottom: 0;
		text-align: left;
		font-weight: bold;
	}
	
	.scroll_box p.title {
		color: #333;
		margin-bottom: 0;
		text-align: left;
		font-weight: bold;
	}
	
	.scroll_box p.txt {
		color: #333;
		margin-bottom: 0;
		padding-left: 14px;
		text-align: left;
	}
	
	.scroll_box a {
		color: #c60c00;
		text-decoration: underline;
	}
	
		.scroll_box a:hover {
			color: #f1740f;
		}
		

/*-- lines -------------------------------------------*/

.line1 {
	margin-bottom: 0.5em;
	padding-bottom: 0.3em;
	border-bottom: 1px solid #999;
}
.line2 {
	margin-bottom: 0.5em;
	padding-bottom: 0.3em;
	border-bottom: 1px solid #ccc;
}

.line-box {
	width: 100%;
	border: 5px solid #2d5aae;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	line-height: 2.0em;
	margin-top: 0.5em;
}

/*-- topics & news -------------------------------------------*/

.topi-style01 {
	padding: 4px 10px;
	width: 100px;
	text-align: center;
	background: #fff;
	margin-right: 1.0em;
}

/*-- other -------------------------------------------*/

.red {
	color: #F00;
}
.blue {
	color: #2d5aaf;
}
.blue2 {
	color: #101088;
}
.blue3 {
	color: #0051d8;
}
.green {
	color: #008913;
}
.white {
	color: #fff;
}
.orange {
    color: #fd7e00;
}
.fc333 {
	color: #333;
}

.fw-100 {
	font-weight: 100 !important;
}

.fs-10 {
	font-size: 10px !important;
}

.fs-12 {
	font-size: 12px !important;
}

.fs-13 {
	font-size: 13px !important;
}

.fs-85 {
	font-size: 85% !important;
}
.fs-120 {
	font-size: 120% !important;
}

.mt-0 {
	margin-top: 0 !important;
}
.mt-10 {
	margin-top: 10px !important;
}
.mt-30 {
	margin-top: 30px !important;
}

.mb-08 {
	margin-bottom: 0.8em !important;
}
.mb-0 {
	margin-bottom: 0 !important;
}
.mb-5 {
	margin-bottom: 5px !important;
}
.mb-10 {
	margin-bottom: 10px !important;
}
.mb-15 {
	margin: 0 0 15px !important;
}
.mb-20 {
	margin: 0 0 20px !important;
}
.mb-30 {
	margin: 0 0 30px !important;
}
.mt-40 {
	margin-top: 40px !important;
}
.mb-50 {
	margin-bottom: 50px !important;
}
.mb-100 {
	margin-bottom: 100px !important;
}


.p-20 {
	padding: 20px !important;
}
.pt-0 {
	padding-top: 0 !important;
}
.pb-0 {
	padding-bottom: 0 !important;
}


.pl-1 {
	padding-left: 1.0em;
	
}
.pl-15 {
	padding-left: 1.5em;
}

.ta-c {
	text-align: center !important;
}
.ta-r {
	text-align: right !important;
}
.ta-l {
	text-align: left !important;
}


/* PCorSP 時のみブロック要素 */
.pc {
display: block;
}
.sp {
display: none;
}
@media only screen and (max-width:768px){
.pc {
display: none;
}
.sp {
display: block;
}
}

	
.style-20 {
	margin: 0 -40px;
}


/* 点滅 */
.blinking{
	-webkit-animation:blink 1.0s ease-in-out infinite alternate;
    -moz-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/* スマホ時のみTEL */
@media (min-width: 769px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}