@charset "utf-8";
/* CSS Document */
/* テロップ */
div.telopbox {
	width:100%;
	height:40px;
	background: #f5f5f5;
}
	div.telopbox div.center { height:40px; position: relative;}
		div.telopbox div.center span.title {
			display: block;
			width:19.32vw;
			height:40px;
			line-height: 40px;
			color: #fff;
			font-weight: bold;
			background: #000;
			font-size: 12px;
			text-align: center;
			position: absolute;
			top:0;
			left:0;
		}
		div.telopbox div.center a {
			display: block;
			width:100%;
			height:40px;
			line-height: 40px;
			overflow: hidden;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
			box-sizing: border-box;
			padding-left: 22.97vw;
			padding-right: 5vw;
			text-decoration: none;
		}
			div.telopbox div.center a span { 
				font-size: 12px;
				letter-spacing: 0.5px;
			}
			div.telopbox div.center a span.date {color: #333; margin-right: 5px;}
			div.telopbox div.center a span.new {display: none;}
			div.telopbox div.center a span.type {display: none;}
			div.telopbox div.center a span.info{color: #333; }
		div.telopbox div.center span.nodata {
			display: block;
			width:100%;
			height:40px;
			line-height: 40px;
			font-size: 12px;
			letter-spacing: 1px;
			box-sizing: border-box;
			padding-left: 22.97vw;
			overflow: hidden;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
		}
/* トップバナー */
div.topbannerbox {
	width:100%;
	max-height: 490px;
	background: url(../images/index/bannerbg.jpg) no-repeat;
	background-size: cover;
	background-position: center bottom;
	padding: 30px 0;
}
	div.topbannerbox div.topbannerbox2 {
		width:100%;
		height:58.37vw;
		max-height:432px;
		margin: 0 auto;
		overflow: hidden;
	}
		div.topbannerbox div.topbannerbox2 div.center {
			width:51.35vw;
			height:58.37vw;
			max-height:432px;
			margin: 0 auto;
			position: relative;
		}
			div.topbannerbox div.topbannerbox2 div.center a {
				display: none;
				width:51.35vw;
				height:58.37vw;
				max-width:380px;
				max-height:432px;
				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:56.48vw;
			}
			div.topbannerbox div.topbannerbox2 div.center a:nth-of-type(3) {
				display: block;
				left:112.96vw;
			}
			div.topbannerbox div.topbannerbox2 div.center a:nth-last-of-type(1) {
				display: block;
				left:-56.48vw;
			}
			div.topbannerbox div.topbannerbox2 div.center a:nth-last-of-type(2) {
				display: block;
				left:-112.96vw;
			}
				div.topbannerbox div.topbannerbox2 div.center a div.imgwaku {
					width:51.35vw;
					height:39.18vw;
					max-width:380px;
					max-height:290px;
					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:51.35vw;
						height:39.18vw;
						max-width:380px;
						max-height:290px;
						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:16.21vw;
					max-height:120px;
					margin: 2.7vw auto 0 auto;
					box-sizing: border-box;
					background: rgba(255,255,255,0.6);
					border-radius: 10px;
					box-shadow: none;
					padding: 2vw 2vw;
				}
					div.topbannerbox div.topbannerbox2 div.center a div.infobox p.date {
						height:6.1vw;
						line-height: 6.1vw;
						color: #adadad;
						font-size: 2.43vw;
					}
					div.topbannerbox div.topbannerbox2 div.center a div.infobox p.textinfo {
						height:6.1vw;
						font-size: 2.43vw;
						line-height: 6.1vw;
						color: #333;
						overflow: hidden;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 1;
					}
/* スポンサー */
div.sponserbox {
	width:100%;
	max-height: 534px;
	background: url(../images/index/sponserbg.jpg) no-repeat;
	background-size: cover;
	background-position: center bottom;
	margin: 20px auto 0 auto;
	padding: 30px 0;
}
	div.sponserbox h2 {
		display: block;
		width:150px;
		height:30px;
		background: #fff;
		color: #333;
		font-size: 14px;
		line-height: 30px;
		text-align: center;
		border-radius: 20px;
		margin: 0 auto;
	}
		div.sponserbox div.center {
			width:92.56vw;
			max-width:648px;
			height:46vw;
			max-height: 340px;
			margin: 20px auto 0 auto;
		}
			div.sponserbox div.center a.sponser {
				display: block;
				width:44.59vw; 
				height:21.35vw;
				max-width:312px;
				max-height:152px;
				float: left;
				border-radius: 10px;
				overflow: hidden;
				margin-bottom: 20px;
				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(even) { float: right;}
				div.sponserbox div.center a.sponser div.sponserimgbox {
					width:44.59vw; 
					height:21.35vw;
					max-width:312px;
					max-height:152px;
					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:44.59vw; 
				height:21.35vw;
				max-width:312px;
				max-height:152px;
				float: left;
				border-radius: 10px;
				overflow: hidden;
				margin-bottom: 20px;
				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(odd)  { float: right;}
/* イメージ画像 */
div.kokiimgbox {
	width:94.32vw;
	height:52.83vw;
	max-width:698px;
	max-height:391px;
	background: url(../images/index/kokiimg_sp.png) no-repeat;
	background-size: 100% 100%;
	margin: 20px auto 0 auto;
}