@charset "UTF-8";

@import "../../css/drive_porter.css";


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


#dpr_serchbody{
	overflow:hidden;
	background-color:var(--colB4);
}

#dpr_serchform,
#dpr_serchindex{
	display:block;
	margin:30px 0 36px;
}

#dpr_serchform .shadow-box,
#dpr_serchindex .shadow-box{
	display:block;
	width:100%;
}

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


}


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

	#dpr_serchbody{
		padding:0 var(--side-mgn-h);
	}

	#dpr_serchform,
	#dpr_serchindex{
		margin:calc(var(--side-mgn-v) + 6px) 0;
	}

}


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

 条件から記事を検索する

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

#dpr_serchform{
	/**/
}

#dpr_serchform .shadow-box{
	padding-bottom: 10px;
}

#dpr_serchform summary{
	cursor:pointer;
}

h2.icf-accordion > span{
	width: calc(100% - 1.5em);
	float:left;
}

details h2.icf-accordion::after{
	content:"\f106";
	font-size:2.4rem;
	line-height:155%;
	color:var(--colA1);
	display:inline-block;
	position:absolute;
	top:calc(50% - 0.5em);
	right:0;
}

/*details:open h2.icf-accordion::after,*/
details[open] h2.icf-accordion::after{
	content:"\f107";
}


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

	#dpr_serchform{
		/**/
	}

}



/*****************************
 入力フォーム
 *****************************/
#dpr_serchform .form-box{
	font-size:1.4rem;
	line-height:155%;
	padding:0 30px 20px;
	text-align:center;
}
/*
.form-box > p{
	margin:1em 0;
}


.form-box > form{
	text-align:center;
}
*/

.form-box dl{
	display:block;
	overflow:hidden;
	font-size:1.4rem;
	line-height:155%;
	text-align:left;
	margin-bottom:20px;
}

.form-box dl > dt{
	clear:both;
	display:block;
	overflow:hidden;
	padding-right:1em;
	width:7em;
	float:left;
}

.form-box dl > dd{
	display:block;
	overflow:hidden;
	width: calc(100% - 7em);
	float:left;
	margin-bottom:1em;
}

.form-box dl > dd > p + p{
	margin-top:1em;
}



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

	#dpr_serchform .form-box{
		padding:0 var(--side-mgn-h) var(--side-mgn-h);
	}

	.form-box > p{
		margin:1em 0;
	}


	.form-box > form{
		text-align:center;
	}

	.form-box dl{
		margin-bottom:1em;
	}

	.form-box dl > dd > p + p{
		margin-top:1em;
	}

}


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

 イベント一覧

----------------------------------*/
#dpr_serchindex{
	/**/
}

ul#dpr_eventlist{
	margin:20px 100px 50px;
}

ul#dpr_eventlist > li{

}

ul#dpr_eventlist > li + li{
	margin-top:1.5em;
}

ul#dpr_eventlist > li > a{
	font-size:1.8rem;
	line-height:155%;
}

ul#dpr_eventlist dl.tag_vals{
	margin-top:0.75em;
}

#navbtn_set{
	display:block;
	overflow:hidden;
	text-align:center;
	font-size:1.6rem;
	line-height:125%;
	margin-bottom:20px;
}

#navbtn_set > a + a{
	margin-left:15em;
}

#navbtn_set > a#btn_prev,
#navbtn_set > a#btn_next{
	color: var(--colA1);
	text-decoration:none;
}
#navbtn_set > a#btn_prev:hover,
#navbtn_set > a#btn_next:hover{
	text-decoration:underline;
}

#navbtn_set.maxdat > a#btn_next,
#navbtn_set.mindat > a#btn_prev{
	pointer-events:none;
	opacity:0.5;
	color:#333333;
}

#navbtn_set.nodat{
	display:none;
}



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

	#dpr_serchindex{
		/**/
	}

	ul#dpr_eventlist{
		margin:var(--side-mgn-h) 0 var(--side-mgn-v);
	}

	ul#dpr_eventlist > li{
		padding-bottom: 1em;
		border-bottom:1px solid var(--colB2);
	}
	ul#dpr_eventlist > li + li{
		margin-top:1em;
	}


	#navbtn_set{
		text-align:left;
	}

	#navbtn_set > a + a{
		margin-left:0;
		float:right;
	}

}


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

 最終ボックス

----------------------------------*/
#dpr_endblock{
	margin:30px 0 60px;
	text-align:center;
}



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

	#dpr_endblock{
		margin-top:var(--side-mgn-v);
	}

}