@charset "UTF-8";

/*/==========================================================
/ 
/ 観光・イベント情報
/
==========================================================/*/

/* for Narrow --------------------*/
@media screen and ( max-width:979px) {

}


/* for Sp --------------------*/
@media screen and ( max-width:768px) {

}

/*----------------------------------

 開催中・開催予定のイベント

----------------------------------*/




/* for Sp --------------------*/
@media screen and ( max-width:768px) {


}



/*----------------------------------

 開催中・開催予定のイベント

----------------------------------*/

#dpr_events{
	text-align:center;
}


/* for Sp --------------------*/
@media screen and ( max-width:768px) {


}



/*****************************
 切り替えタブ
 *****************************/
.data_selector{
	padding: 10px 0;
}

.data_selector + .data_selector{
	padding: 0 0 30px;
}

/* for Sp --------------------*/
@media screen and ( max-width:768px) {


}


/*****************************
 リスト本体
 *****************************/
#dpr_index{

}

#dpr_index ul{
	display:block;
	text-align:left;
	margin-bottom:30px;
}

#dpr_index ul > li{
	display:block;
}

#dpr_index ul > li + li{
	margin-top:30px;
}

#dpr_index .shadow-box > .box-inner{
	display:flex;
	flex-wrap: wrap;
	gap:20px 20px;
	justify-content:center;
	align-items:center;
}

#dpr_index .shadow-box > .box-inner > img{
	width:min(100%,315px);
	height:auto;
	aspect-ratio:7/4;
	object-fit:contain;
	background-color:var(--colA2);
}

#dpr_index .shadow-box > .box-inner >.list-box{
	width:600px;
	/*width:calc(100% - 490px);
	padding:0 var(--mgn-l);*/
}

#dpr_index a.icf-roundbtn_l{
	min-width:190px;
}

#dpr_index dl.tag_vals{
	padding-left:20px;
}

#dpr_index dl.tag_vals > *{
	display:block;
	overflow:hidden;
	float:left;
}

#dpr_index dl.tag_vals > dt{
	width:6em;
}
#dpr_index dl.tag_vals > dt > span{
	display:block;
	overflow:hidden;
	width:5em;
	text-align:center;
	background-color:var(--colA2) ;
}
#dpr_index dl.tag_vals > dd:nth-child(2){
	width:calc(40% - 6em);
}
#dpr_index dl.tag_vals > dd:nth-child(4){
	width:calc(60% - 6em);
}



/* for Sp --------------------*/
@media screen and ( max-width:768px) {

	#dpr_index ul{
		margin-bottom:var(--side-mgn-v);
	}

	#dpr_index ul > li{
		
	}

	#dpr_index ul > li + li{
		margin-top:var(--side-mgn-v);
	}

	#dpr_index .shadow-box > .box-inner{
		flex-direction:column;
		gap:var(--side-mgn-v) 0;
	}

	#dpr_index .shadow-box > .box-inner > .list-box{
		width:100%;
		padding:0 0;
	}

	#dpr_index a.icf-roundbtn_l{
		min-width:190px;
	}

	#dpr_index dl.tag_vals{
		padding-left:0;
	}
	#dpr_index dl.tag_vals > dt{
		clear:both;
	}

	#dpr_index dl.tag_vals > dd{
		width:calc(100% - 6em)!important;
	}
	#dpr_index dl.tag_vals > dd:nth-child(2){
		margin-bottom:0.5em;
	}
}


#no_data{
	display:block;
	overflow:hidden;
    padding: var(--mgn-m) var(--mgn-m);
    width:100%;
	margin:4em 0;
	text-align:center;
	color:#333333;
}