@charset "utf-8";
/* CSS Document */
/* テロップ */
div.telopbox {
	width:100%;
	height:55px;
	background: #f5f5f5;
	box-sizing:border-box;
	padding-top: 18px;
}
	div.telopbox div.center {
		width:986px;
		height:20px;
		margin: 0 auto;
		position: relative;
	}
		div.telopbox div.center span.title {
			display: block;
			width:90px;
			height:20px;
			line-height: 20px;
			color: #333;
			font-weight: bold;
			border-right: #333 2px solid;
			font-size: 16px;
			position: absolute;
			top:0;
			left:0;
		}
		div.telopbox div.center a {
			display: block;
			width:100%;
			height:20px;
			box-sizing: border-box;
			padding-left: 110px;
			line-height: 20px;
			overflow: hidden;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
			text-decoration: none;
		}
			div.telopbox div.center a span { font-size: 14px;letter-spacing: 1px;}
			div.telopbox div.center a span.date {
				color: #818283;
				font-weight: bold;
				font-size: 16px;
			}
			div.telopbox div.center a span.new {
				color: #FFBA7D;
				font-weight: bold;
				margin: 0 10px;
				font-size: 16px;
			}
			div.telopbox div.center a span.type {
				color: #333;
			}
			div.telopbox div.center a span.info {
				color: #333;
			}
		div.telopbox div.center span.nodata {
			display: block;
			width:100%;
			height:20px;
			box-sizing: border-box;
			padding-left: 110px;
			line-height: 20px;
			font-size: 14px;
			letter-spacing: 1px;
		}
/* トップバナー */
div.topbannerbox {
	width:100%;
	height:405px;
	background: url(../images/index/bannerbg.jpg) no-repeat;
	background-size: cover;
	background-position: center bottom;
	box-sizing: border-box;
	padding-top: 55px;
}
	div.topbannerbox div.topbannerbox2 {
		width:100%;
		max-width: 1566px;
		margin: 0 auto;
		overflow: hidden;
	}
		div.topbannerbox div.topbannerbox2 div.center {
			width:270px;
			height:306px;
			margin: 0 auto;
			position: relative;
		}
			div.topbannerbox div.topbannerbox2 div.center a {
				display: none;
				width:270px;
				height:306px;
				text-decoration: none;
				box-shadow: none;
				position: absolute;
				top:0;
			}
			div.topbannerbox div.topbannerbox2 div.center a:hover { opacity: 1;}
			div.topbannerbox div.topbannerbox2 div.center a:nth-of-type(1) {
				display: block;
				left:0;
			}
			div.topbannerbox div.topbannerbox2 div.center a:nth-of-type(2) {
				display: block;
				left:324px;
			}
			div.topbannerbox div.topbannerbox2 div.center a:nth-of-type(3) {
				display: block;
				left:648px;
			}
			div.topbannerbox div.topbannerbox2 div.center a:nth-last-of-type(1) {
				display: block;
				left:-324px;
			}
			div.topbannerbox div.topbannerbox2 div.center a:nth-last-of-type(2) {
				display: block;
				left:-648px;
			}
				div.topbannerbox div.topbannerbox2 div.center a div.imgwaku {
					width:270px;
					height:207px;
					box-sizing: border-box;
					border-radius: 15px; 
					overflow: hidden;
					box-shadow: 0px 0px 10px -6px rgba(0,0,0,0.6);
				}
					div.topbannerbox div.topbannerbox2 div.center a div.imgwaku div.bannerimgbox {
						width:270px;
						height:207px;
						transition: .5s all;
					}
					div.topbannerbox div.topbannerbox2 div.center a div.imgwaku div.bannerimgbox:hover {
						transform: scale(1.2);
					}

				div.topbannerbox div.topbannerbox2 div.center a div.infobox {
					width: 100%;
					height:85px;
					margin: 14px auto 0 auto;
					box-sizing: border-box;
					background: rgba(255,255,255,0.6);
					border-radius: 15px;
					box-shadow: none;
					padding: 20px 25px;
				}
					div.topbannerbox div.topbannerbox2 div.center a div.infobox p.date {
						height:20px;
						color: #adadad;
						font-size: 14px;
						line-height: 20px;
					}
					div.topbannerbox div.topbannerbox2 div.center a div.infobox p.textinfo {
						height:20px;
						font-size: 14px;
						line-height: 20px;
						color: #333;
						overflow: hidden;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 1;
					}
/* スポンサー */
div.sponserbox {
	width:100%;
	height:295px;
	background: url(../images/index/sponserbg.jpg) no-repeat;
	background-size: cover;
	background-position: center bottom;
	margin: 45px auto 0 auto;
	box-sizing: border-box;
	padding-top: 45px;
}
	div.sponserbox h2 {
		display: block;
		width:256px;
		height:45px;
		background: #fff;
		color: #333;
		font-size: 18px;
		line-height: 45px;
		text-align: center;
		border-radius: 23px;
		margin: 0 auto;
	}
		div.sponserbox div.center {
			width:986px;
			margin: 30px auto 0 auto;
		}
			div.sponserbox div.center a.sponser {
				display: block;
				width:230px;
				height:110px;
				float: left;
				margin-right: 22px;
				border-radius: 10px;
				overflow: hidden;
				box-sizing: border-box;
				box-shadow: 0px 0px 10px -6px rgba(0,0,0,0.6);
			}
			div.sponserbox div.center a.sponser:nth-of-type(4) { margin-right: 0;}
			div.sponserbox div.center a.sponser { opacity: 1;}
				div.sponserbox div.center a.sponser div.sponserimgbox {
					width:230px;
					height:110px;
					transition: .5s all;
				}
				div.sponserbox div.center a.sponser div.sponserimgbox:hover {
					transform: scale(1.2);
				}
			div.sponserbox div.center div.nosponser {
				display: block;
				width:230px;
				height:110px;
				float: left;
				margin-right: 22px;
				border-radius: 10px;
				overflow: hidden;
				box-sizing: border-box;
				box-shadow: 0px 0px 10px -6px rgba(0,0,0,0.6);
			}
			div.sponserbox div.center div.nosponser:nth-last-of-type(1)  { margin-right: 0;}
/* イメージ画像 */
div.kokiimgbox {
	width:986px;
	height:160px;
	background: url(../images/index/kokiimg_pc.png) no-repeat;
	background-position: center center;
	margin: 45px auto 0 auto;
}