﻿/* --------------------------------------------------
	ステージ共通
-------------------------------------------------- */
.l_substage_img h1 {
		margin-left: 18%;
		margin-top: 105px;
}
.l_substage_img img {
		display: block;
		/* margin-top:194px;*/
}
@media (max-width : 768px) {
		.l_substage_img {
				background-position: top 48px center;
				background-size: 162%;
				padding-top: 0;
		}
		.l_substage_img h1 {
				margin: 0;
				margin-top: 72px;
				width: 100%;
				/*		height: 65px;*/
		}
		.l_substage_img img {
				/*		margin-top: -20px;*/
				height: 100px;
				margin-left: -60px;
		}
}
.l_substage_img_02 {
		width: auto;
		background-image: url("../image/bgi-stage.png");
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
		overflow: hidden;
		height: 283px;
		position: relative;
		z-index: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding-left: 20px;
		text-align: center;
}

@media (max-width : 768px) {
		.l_substage_img_02 {
				background-position: left center;
				background-size: cover;
				padding-top: 0;
				height: 200px;
		}
}
/*ホットニュース 子TOP*/
#l_sitetop_contents_hotnews{
	
}
.l_sitetop_hotnews{
	display:block;
	overflow: hidden;
/*	float:left;*/
	box-sizing: border-box;
/*	width:49%;*/
	padding:20px;
}



.l_sitetop_hotnews h3{
	overflow: hidden;
	margin:-20px 0 0 -20px;
}
.l_sitetop_hotnews dl{
	box-sizing: border-box;
	padding-left:100px;
	position: relative;
}

.l_sitetop_hotnews.news a:link:not(.linkbtn) {
	color: #B65126;
	text-decoration:underline;
}


.l_sitetop_hotnews.news a:visited:not(.linkbtn) {
	color: #B65126;
	text-decoration:underline;
}


.l_sitetop_hotnews.news a:hover:not(.linkbtn) {
	color: #fbae80;
	text-decoration:underline;
}




.l_sitetop_hotnews dt{
	display:block;
	clear: both;
	float:left;
	margin-left:-100px;
	padding-top:10px;
	padding-bottom:10px;
	margin-right: 30px;
}
.l_sitetop_hotnews dd{
	display:block;
	box-sizing: border-box;
	margin-left:-100px;
	padding-left:100px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px #808080 solid;
}
.l_sitetop_hotnews dd:last-of-type{
	border:none;
}

.l_sitetop_hotnews.event{
	background-color: white;
	border:1px rgb(153,153,153) solid;
}
.l_sitetop_hotnews.event dd{
	color:#333333;
}
.l_sitetop_hotnews.news{
	border:1px #808080 solid;	
	color:#333333;
	position: relative;
}
.l_sitetop_hotnews.news　dd{
	border-color:#333333;
}


/*	ニュース	外枠		*/
.l_sitetop_hotnews.news:before{
	content:"";
	display: block;
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	
	/*border:1px #808080 solid;*/
}


/*リンク*/
#l_sitetop_contents_links{
	box-sizing: border-box;
	padding:10px;
	background-color: #E6E6E6;
}
@media (min-width: 769px) {
	.l_sitetop_hotnews{
		float:left;
		width:100%;
	}
	.l_sitetop_hotnews:not(:first-of-type){
		margin-left:2%;
	}
}
@media (max-width: 768px) {

	/*ホットニュース*/
	#l_sitetop_contents_hotnews{
		padding-top:20px;
		padding-bottom:20px;
		/*background:rgb(243,247,246);*/
	}
	.l_sitetop_hotnews:not(:first-of-type){
		margin-top:20px;
	}
	.l_sitetop_hotnews{
		font-size: 0.9em;
		padding:5px;
}
	.l_sitetop_hotnews dt {
		margin-right: 1em;
}
	/*リンク*/
	#l_sitetop_contents_links{
		margin-top: -20px;
		width: 100%;
		background:#E6E6E6;
	}
	
}

	.news_dldtdd{
		overflow-y: scroll;
		height: 65%;
		margin-top:10px;
	}



	/*スクロールバーの横幅指定*/
	.news_dldtdd::-webkit-scrollbar {
		width: 10px;
	}
	/*スクロールバーの背景色・角丸指定*/
	.news_dldtdd::-webkit-scrollbar-track {
	  border-radius: 10px;
		background: #ccc;
	}
	/*スクロールバーの色・角丸指定*/
	.news_dldtdd::-webkit-scrollbar-thumb {
	  border-radius: 10px;
		background:#F3F3F3;
	}


/* ------　共通　------- */


	.news_img{
		margin-left:15px;
	}

	.news_dl{
		padding-bottom: 5px;
		border-bottom: 1px dotted #ccc;
		margin-bottom: 15px;	
		display: flex;
		width: 95%;
	}

	.news_dt{
		width: 28%;
	
	}

	.news_dd{
		width: 70%;
		margin-left:10px;
	}



@media (max-width: 800px) {

	.news_dl{
		padding-bottom: 5px;
		border-bottom: 1px dotted #ccc;
		margin-bottom: 15px;	
		display: block;
		width: 95%;
	}

	.news_dt{
		width: 100%;
	
	}

	.news_dd{
		width: 100%;
		margin-left:0px;
	}

	.l_sitetop_newsbox_background{
		margin-top:80px;
		background-color: #F3F7F6;
		margin-bottom: 20px;
	}

	}


