@charset "utf-8";
/* =======================================================
	CSS構成	: ガバナー月信 ページレイアウト
	Editor	: DOTCOM MARKETING
	-----------------------------------------------------
	【TOC】
	01 : #monthly_top
	02 : #monthly_report
	03 : .monthly_pickup
	04 : #purpose
	-----------------------------------------------------
	■基本骨格
	#header
		#wrapper
			#monthly
	#footer
======================================================= */




/* -------------------------------------------------------------
	01 : #monthly
------------------------------------------------------------- */
#report #monthly {}
/* #monthly_list */
#report #monthly .monthly_pickup .Right { width: 430px; }
#report #monthly .monthly_pickup .Right h3 {
	border-top: 2px solid #2F5083;
	margin-bottom: 10px;
}
#report #monthly .monthly_pickup .Right h3 span {
	background: #E5E5E5;
	display: block;
	font-weight: bold;
	line-height: 1;
	padding: 10px;
}

#report #monthly .monthly_pickup .Right ul {
	padding: 8px 10px;
	overflow: auto;
	width: 410px;
	height: 200px;
}
#report #monthly .monthly_pickup .Right ul li { font-size: 13px; padding-left: 3em; text-indent: -3em; }




#report #monthly ul#monthly_list {
	clear: both;
	overflow: hidden;
	margin-bottom: 40px;
}
#report #monthly ul#monthly_list li {
	float: left;
	margin: 0 25px 12px 0;
	width: 146px;
}
#report #monthly ul#monthly_list li:nth-child(4n) { margin-right: 0; }
#report #monthly ul#monthly_list li a {
	background: none;
	padding: 0;
}
#report #monthly ul#monthly_list li a img { width: 142px; border:solid 1px #E1E1E1; }
#report #monthly ul#monthly_list li a span {
	display: block;
	margin-top: 3px;
	text-align: center;
}
/*													end:#monthly
------------------------------------------------------------- */




.report-info {
	margin-bottom: 30px;
	background: #EEE;
	padding: 15px;
}
.report-info a {
	display: block;
	width: 200px;
	padding: 15px;
	background: #143264;
	color: #FFF;
	margin: 0 auto;
	border-radius: 6px;
}



/* -------------------------------------------------------------
	02 : #monthly_report
------------------------------------------------------------- */
#monthly_report { margin-bottom: 40px; }
#monthly_report a {
	background: none;
	padding: 0;
}


/*													end:#monthly_report
------------------------------------------------------------- */





/* -------------------------------------------------------------
	03 : .monthly_pickup
------------------------------------------------------------- */
.monthly_pickup { margin: 20px 0 30px;}
.monthly_pickup a {
	background: none;
	padding: 0;
}
.monthly_pickup .Left { margin-right: 15px; border:solid 1px #E1E1E1; }
.monthly_pickup ul {
	border-top: 3px double #143264;
	border-bottom: 3px double #143264;
	float: right;
	padding: 14px 18px;
	height:220px;
	width:390px;
	overflow:auto;
}
.monthly_pickup ul li { font-size: 13px; }


/*													end:#monthly_report
------------------------------------------------------------- */






/* -------------------------------------------------------------
	04 : #purpose
------------------------------------------------------------- */
#report #purpose {}
#report #purpose p {}
#report #purpose dl {
	border-bottom: 1px dotted #999;
	margin-top: 2em;
	padding-bottom: 10px;
}
#report #purpose dl dt {
	border-top: 1px dotted #999;
	color: #960;
	font-weight: bold;
	margin-top: 10px;
	padding-top: 10px;
}
#report #purpose dl dd {}
/*													end:#purpose
------------------------------------------------------------- */


@media only screen and (max-width: 768px) {
	#report #monthly .monthly_pickup .Right { width: 100%; margin-top: 20px; }
	#report #monthly .monthly_pickup .Right ul {
		padding: 8px 0;
		overflow: auto;
		width: 100%;
		height: 200px;
	}
	#report #monthly ul#monthly_list {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	#report #monthly ul#monthly_list li {
		float: none;
		width: 49%;
		margin: 0 2% 10px 0;
		text-align: center;
	}
	#report #monthly ul#monthly_list li:nth-child(2n) { margin-right: 0; }
	
	.monthly_pickup {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.monthly_pickup .Left {
		float: none;
		width:100%;
		margin-right: 0;
		text-align: center;
		padding: 10px;
	}
	.monthly_pickup .Left img {
		width: 50%;
	}
	.monthly_pickup ul {
		border-top: 3px double #143264;
		border-bottom: 3px double #143264;
		float: none;
		padding: 14px 0;
		height:220px;
		width:100%;
		overflow:auto;
	}
}