@charset "utf-8";



/* --------------------------------------------------
	共通
-------------------------------------------------- */
/* PCのみの表示*/
.sitetop_pc_contents{
	display:inline;
}

/* スマートフォン用 */
@media (max-width: 768px) {
	/* PCのみの表示*/
	.sitetop_pc_contents{
	display:none;
	}
	
	#zone_middle_floor{
		width:100%;
		margin: 0;
		padding:0;
	}
	.col_textarea_full{
		box-sizing: border-box;
		padding:10px;
	}
}


/*　　ステージ　　*/
.l_stage_img{
	box-sizing: border-box;
	width:100%;
	height:750px;
	left:0;
	margin-top:130px;
	background-image:url('../image/sitetop/img-topstage.png');
	background-repeat:no-repeat;
	background-position:top center;
	
/*	background-size:cover;*/
	padding-top:88px;
 }

.l_stage_img>*{
	max-width: 1200px;
}

.l_stage_txt{
	width:100%;
	/*height:500px;*/
	height:225px;
	/*
	background-image:url('../image/sitetop/img-stage-txt01.png');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	z-index:2;
	*/
	
}
.l_stage_img .bpts_flexbox_onoff{
	margin:20px auto 0px auto;
}

/*  スマホサイト */
@media (max-width: 768px) {
	.l_stage_img{
		overflow: hidden;
		width:100%;
		left:0;
	/*	height:500px;*/
		height: auto;
		margin-top: 0;
		padding-top:50px;
		padding-bottom: 10px;
		background-image:url('../image/common/bgi-stage.png');
		background-repeat:no-repeat;
		/*background-position:bottom center;*/
		background-position:center top;
		background-size:100%;
		z-index:1;
		text-align:center;
	}
	.l_stage_txt{
		width:auto;
		height:80px;
		margin:0 20px 60px 20px;
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
		z-index:2;
	}
	.l_stage_img .bpts_flexbox_onoff{
		margin: 0 10px 0 10px;
	}
}
	


/* 囲み枠*/
.l_sitetop_box {
 	margin: 0em auto;
 	padding: 30px;
	width: 90%;
	font-size:18px;
 	background-color: rgb(242,242,242); 
/*	border: 1px solid #ccc;  枠線 */
}


/*段落タイトル*/
.l_sitetop_title {
	text-align: center;
}
.l_sitetop_title img{
	max-width: 100%;
}

/*ホットニュース*/
#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: white;
	text-decoration:underline;
}


.l_sitetop_hotnews.news a:visited:not(.linkbtn) {
	color: white;
	text-decoration:underline;
}


.l_sitetop_hotnews.news a:hover:not(.linkbtn) {
	color: #fbae80;
	text-decoration:underline;
}




.l_sitetop_hotnews dt{
	color:#FFF;
	display:block;
	clear: both;
	float:left;
	margin-left:-100px;
	padding-top:5px;
	padding-bottom:5px;
}
.l_sitetop_hotnews dt.blue{
	color: #50B3CE!important;
}
.l_sitetop_hotnews dd{
	color:#FFF;
	display:block;
	box-sizing: border-box;
	margin-left:-100px;
	padding-left:100px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px rgb(153,153,153) dotted;
}
.l_sitetop_hotnews dd:last-of-type{
	border:none;
	
}

.l_sitetop_hotnews.event{
	color:rgb(41,148,178);
	background-color: white;
	border:2px rgb(41,148,178) solid;
}
.l_sitetop_hotnews.event dd{
	color:rgb(41,148,178);
	border-bottom: dotted 3px #ccc;/*	点下線　*/
}
.l_sitetop_hotnews.news{
/*	border:1px rgb(45,71,143) solid;*/
	background: linear-gradient(135deg, rgb(61,171,201) 0%,rgb(114,194,216) 100%);
	color:black;
	position: relative;
}
.l_sitetop_hotnews.news dd{
	border-color:white;
	border-bottom: dotted 3px #fff;/*	点下線　*/
}


/*	ニュース	外枠		*/
.l_sitetop_hotnews.news:before{
	content:"";
	display: block;
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	
/*	border:1px rgb(45,71,143) solid;*/
}


/*リンク*/
#l_sitetop_contents_links{
	box-sizing: border-box;
	padding:10px;
	background-color: rgb(230,230,230);
}
@media (min-width: 769px) {
	.l_sitetop_hotnews{
		float:left;
		width:49%;
	}
	.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_contents_links{
		margin-top: -20px;
		
		background:rgb(231,226,220);
	}
}