@charset "utf-8";
/* =======================================================
	CSS構成	: 我が街のPRコーナー ページレイアウト
	Editor	: DOTCOM MARKETING
	-----------------------------------------------------
	【TOC】
	01 : #action
	02 : #action_detail
	-----------------------------------------------------
	■基本骨格
	#header
		#wrapper
			#action
	#footer
======================================================= */


a[href$=".pdf"] {
	background: url("../img/icon_pdf.gif") no-repeat 100% 50%;
	padding-right: 20px;
}


/* -------------------------------------------------------------
	01 : #action
------------------------------------------------------------- */
#action {}
#action h1 {}
#action dl { margin-bottom: 20px; }
#action dl dt {
	border-top: 4px solid #2F5083;
	margin-bottom: 10px;
}
#action dl dt em {
	background: #E5E5E5;
	color: #001548;
	display: block;
	font-weight: bold;
	line-height: 1;
	padding: 10px 10px 7px;
}
#action dl dd {
	background: #E5EAF5;
	line-height: 1;
	margin-bottom: 5px;
	padding: 7px 7px 5px;
}
#action dl dd a,
#action dl dd span {
	display: inline-block;
	margin-right: 20px;
	width: 270px;
}

/*													end:#action
------------------------------------------------------------- */




/* -------------------------------------------------------------
	02 : #action_detail
------------------------------------------------------------- */
#action_detail { margin-bottom: 60px; }
#action_detail h2 {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin-bottom: 20px;
	padding: 15px 0;
}
#action_detail h2 strong {
	background: url(../common/action/rotary_logo.png) left center no-repeat;
	display: block;
	font-size: 26px;
	font-weight: normal;
	line-height: 1;
	padding: 10px 0 7px 50px;
}


/* .chairman_info */
#action_detail .chairman_info {
	border-bottom: 1px solid #CCC;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
#action_detail .chairman_info h3 {
	float: left;
	font-size: 20px;
	line-height: 1;
	padding: 70px 0px 30px 50px;
}
#action_detail .chairman_info div { float: right; }


/* .chairman_info_other */
#action_detail .chairman_info_other {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin: 100px 0 20px;
	padding: 20px 0;
}
#action_detail .chairman_info_other h3 {
	float: left;
	font-size: 20px;
	line-height: 1.2;
	padding: 56px 0 56px 50px;
}
#action_detail .chairman_info_other div { float: right; }
#action_detail ul {}
#action_detail ul li {
	margin-bottom: 1em;
	clear: both;
	overflow: hidden;
}
#action_detail ul li strong ,
#action_detail ul li span { float: left; }
#action_detail ul li strong { width: 150px; }
#action_detail ul li span { width: 400px; }



/* #chaiman_cmnt */
#action_detail #chaiman_cmnt { margin-bottom: 30px; }
#action_detail #chaiman_cmnt p { margin-bottom: 1em; }
#action_detail #chaiman_cmnt img { width: 100%; margin-bottom: 25px; }
#action_detail #chaiman_cmnt dl {}
#action_detail #chaiman_cmnt dl dt {
	border-top: none;
	margin-bottom: 5px;
}
#action_detail #chaiman_cmnt dl dd {
	background: none;
	padding: 0;
	line-height: 1.2;
	margin: 0 0 1em 2em;
}
#action_detail #chaiman_cmnt dl dd.txt-indent {
	text-indent: -1.5em;
	padding-left: 1.5em;
}
#action_detail #chaiman_cmnt table {
	border-collapse: collapse;
	width: 100%;
}
#action_detail #chaiman_cmnt table th ,
#action_detail #chaiman_cmnt table td {
	border:1px solid #CCC;
	padding: 5px;
	vertical-align: middle;
}
#action_detail #chaiman_cmnt table th { background:#E3E0CE; }
#action_detail #chaiman_cmnt table td {}
#action_detail #chaiman_cmnt table td:nth-child(1) ,
#action_detail #chaiman_cmnt table td:nth-child(2) { width: 10%; }
#action_detail #chaiman_cmnt table td:nth-child(3) ,
#action_detail #chaiman_cmnt table td:nth-child(4) { width: 40%;}

#action_detail .download_box {
}
#action_detail .download_box ul li {
	border-bottom: dotted 1px #CCC;
	padding: 8px 0;
	margin-bottom: 0;
}
#action_detail .movie_box {
}
#action_detail .movie_box video {
	width: 100%;
}


.list dd {
	margin-bottom: 30px !important;
}
.list dt {
	padding-top: 10px;
}
.list dl dd a {
	width: auto !important;
}

.action-list {
}
.action-list li {
	background: #EEE;
	padding: 6px;
	margin-bottom: 2px !important;
}

#action_detail #chaiman_cmnt .u-indent {
	padding-left: 1.0em;
}

#action_detail #chaiman_cmnt .u-list {
	margin-bottom: 20px;
}

#action_detail #chaiman_cmnt .u-list li {
	margin-bottom: 0;
	padding-left: 1.0em;
	text-indent: -1.0em;
}

.mb-0 {
	margin-bottom: 0 !important;
}

/*													end:#action_detail
------------------------------------------------------------- */


@media only screen and (max-width: 768px) {
	#action dl dd {
		line-height: 1.5;
	}
	#action dl dd a,
	#action dl dd span {
		display: inline-block;
		margin-right: 0;
		width: 100%;
	}
	#action_detail h2 strong {
		font-size: 20px;
	}
	#action_detail .chairman_info {
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	#action_detail .chairman_info h3 {
		font-size: 16px;
		padding: 0;
		margin-right: 20px;
	}
}

@media only screen and (max-width: 768px) {
	#container #wrap {
		display: flex;
		flex-direction: column-reverse;
	}
	#container #wrap #side {
		width: 100%;
		display: block !important;
	}
	#container #wrap #main {
		width: 100%;
		margin-bottom: 20px;
	}
	#action_detail {
		margin: 0;
	}
}