@charset "utf-8";
/* CSS Document */




/* PC (1025～)
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (min-width: 641px) {





/* section.anchor
----------------------------------------- */
section.anchor{
	width:1160px;
	height:auto;
	background:#fff;
	padding:20px 0px 5px 0px;
	margin:0px auto;
}

	section.anchor ul{
		display:block;
		overflow:hidden;
	}
		section.anchor ul li{
			display:block;
			width:23.5%;
			height:auto;
			float:left;
			margin-right:2%;
		}
			section.anchor ul li a{
				display:block;
				padding:8px 0px;
				text-align:center;
				color:#fff;	
				background:#333;
			}
				section.anchor ul li a img{
					width:12px;
					height:auto;
					margin-right:3px;
				}




/* section.time
----------------------------------------- */
section.time{
	width:100%;
	height:auto;
	background:#fff;
	padding:0px 0px 20px 0px;
}
	section.time .timeArea{
		width:1160px;
		height:auto;
		margin:0px auto;
	}
		.timeArea .timeBlock{
			padding:15px 0px 0px 0px;	
		}
			.timeBlock .titleArea{
				overflow:hidden;
				padding:0px 0px 20px 0px;	
				overflow:hidden;
			}
				.timeBlock .titleArea h2{
					display:block;
					width:1160px;
					background:#fff;
					color:#B81C22;
					border:1px solid #b81c22;
					padding:8px;
					font-size:112%;	
					font-weight:bold;
					float:left;
					
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					-o-box-sizing: border-box;
					-ms-box-sizing: border-box;
				}
					.timeBlock .titleArea h2 a{
						color:#B81C22;
					}
					.timeBlock .titleArea h2 span{
						display:inline-block;
						float:right;
						font-size:93%;
						padding-left:10px;
						color:#333;
					}
		.timeBlock .timeFloat{
			width:100%;
			height:auto;
			padding:0px 0px 12px 0px;
			overflow:hidden;
		}
			.timeFloat .timeLeft{
				width:100%;
				height:auto;
			}
			.timeFloat .timeRight{
				width:49%;
				height:auto;
				float:right;
			}
			.timeFloat .tableBox td{
				font-size:93%;	
			}
				.timeFloat .tableBox td.tdbg_sunamo a{
					color:#fff !important;
				}
			.timeFloat ul.timeCaution{
				clear:both;
				padding:10px 0px 0px 0px;
			}
				ul.timeCaution li{
					padding:0px 0px 0px 1em;
					text-indent:-1em;
					margin-bottom:5px;
					font-size:87%;	
				}


.chirashiBox{
	padding:15px 0px 0px 0px;
}


		
}

/* SmartPhone
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (max-width:640px)  {







/* section.anchor
----------------------------------------- */
section.anchor{
	width:96%;
	height:auto;
	background:#fff;
	padding:10px 0px 0px 0px;
	margin:0px auto;
}

	section.anchor ul{
		display:block;
		overflow:hidden;
	}
		section.anchor ul li{
			display:block;
			width:49%;
			height:auto;
			float:left;
			margin-right:2%;
		}
			section.anchor ul li a{
				display:block;
				padding:8px 0px;
				text-align:center;
				color:#fff;	
				background:#333;
				font-size:87%;
				margin-bottom:8px;
			}
				section.anchor ul li a img{
					width:12px;
					height:auto;
					margin-right:3px;
				}




/* section.time
----------------------------------------- */
section.time{
	width:100%;
	height:auto;
	background:#fff;
	padding:0px 0px 20px 0px;
}
	section.time .timeArea{
		width:96%;
		height:auto;
		margin:0px auto;
	}
		.timeArea .timeBlock{
			padding:5px 0px 0px 0px;	
		}
			.timeBlock .titleArea{
				overflow:hidden;
				padding:0px 0px 20px 0px;	
				overflow:hidden;
			}
				.timeBlock .titleArea h2{
					display:block;
					width:100%;
					background:#fff;
					color:#B81C22;
					border:1px solid #b81c22;
					padding:8px;
					font-size:100%;	
					font-weight:bold;
					
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					-o-box-sizing: border-box;
					-ms-box-sizing: border-box;
				}
					.timeBlock .titleArea h2 a{
						color:#B81C22;
					}
					.timeBlock .titleArea h2 span{
						display:inline-block;
						float:right;
						font-size:93%;
						padding-left:10px;
						color:#333;
					}
		.timeBlock .timeFloat{
			width:100%;
			height:auto;
			overflow:hidden;
		}
			.timeFloat .timeLeft{
				width:100%;
				height:auto;
			}
			.timeFloat .timeRight{
				width:100%;
				height:auto;
			}
			.timeFloat .tableBox td{
				font-size:87%;
				display:block;
				width:100%;	
				
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
			}
				.timeFloat .tableBox td.tdbg_sunamo a{
					color:#fff !important;
				}
			.timeFloat ul.timeCaution{
				clear:both;
				padding:5px 0px 0px 0px;
			}
				ul.timeCaution li{
					padding:0px 0px 0px 1em;
					text-indent:-1em;
					margin-bottom:3px;
					font-size:87%;	
				}


.chirashiBox{
	padding:15px 0px 0px 0px;
}				

/*			
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
*/



	
}