@charset "utf-8";
/* =======================================================
	CSS構成	: HOMEページレイアウト
	Editor	: DOTCOM MARKETING
	-----------------------------------------------------
	【TOC】
	01 : #front-img
	02 : #governors_monthly-letter
	03 : #menu_info
	04 : #main
	-----------------------------------------------------
	■基本骨格
	#header
		#wrapper
			#front-img
			#governors_monthly-letter
			.info_box
			.club_box
			#menu_info
			#menu_banner
	#footer
======================================================= */




/* -------------------------------------------------------------
	01 : #front-img
------------------------------------------------------------- */
#front-img { margin-bottom: 20px; }

/*													end:#front-img
------------------------------------------------------------- */



/* -------------------------------------------------------------
	02 : #governors_monthly-letter
------------------------------------------------------------- */
.governors_theme { margin-bottom:12px; }

#governors_monthly-letter {
	clear: both;
	overflow: hidden;
	background: url(../img/home/monthly_bg01_03.jpg) left top no-repeat;
	margin-bottom: 20px;
	/*min-height:286px;*/
}
#governors_monthly-letter .governors_monthly-letter__inner { overflow: hidden;margin: 3px;border: 1px solid #fff; }
#governors_monthly-letter .Left { margin: 11px 0 11px 13px; }
#governors_monthly-letter .Left h2 { margin-bottom: 8px; }
#governors_monthly-letter .Left div { margin-bottom: 6px; }
#governors_monthly-letter .Left p a {
	background: none;
	padding: 0;
}
#governors_monthly-letter .right-box {
	width: 411px;
	float:right;
}
#governors_monthly-letter .right-box img {
	margin-bottom: 1px;
	position:relative;
}
#governors_monthly-letter .right-box p.btn a { display: block;
   }

#governors_monthly-letter .right-box .btn span {
	font-size: 15px;
	/*font-weight: bold;*/
	color: #AE1B35;
	top:100px;
	left:28px;
	position: absolute;
}
#governors_monthly-letter .right-box p.btn_list { float:right;
margin-right:10px; }

#governors_monthly-letter .Right {
	margin: 11px 13px 11px 0;
	background: url(../img/home/mokuji_bg.png) left top repeat;
	padding: 12px;
	width: 374px;
	max-height:170px;
	overflow: auto;
}
#governors_monthly-letter .Right li {
	line-height: 1;
	margin-bottom: 8px;
	padding-left: 2.5em;
	text-indent: -2.5em;
}
#governors_monthly-letter .Right li:last-child { margin-bottom: 0; }
#governors_monthly-letter .Right li a {
	font-size: 12px;
	color: #FFF;
}

@media only screen and (max-width: 768px) {
	#governors_monthly-letter {
		clear: both;
		overflow: hidden;
		background: linear-gradient(to bottom, #083C6E, #0859B2);
		margin-bottom: 20px;
		min-height:286px;
	}
	#governors_monthly-letter .governors_monthly-letter__inner { margin: 0;border: none; }
	#governors_monthly-letter {
		padding: 20px;
	}
	#governors_monthly-letter .Left {
		float :none;
		width: 100%;
		margin: 0 0 20px 0;
		text-align: center;
	}
	#governors_monthly-letter .Left img {
		width: 60%;
	}
	#governors_monthly-letter .right-box {
		width: 100%;
		float :none;
	}
	#governors_monthly-letter .Right {
		margin: 0;
		padding: 10px;
		width: 95%;
		float: none;
		margin-bottom: 20px;
	}
	#governors_monthly-letter .btn {
		display: flex;
	}
	#governors_monthly-letter .right-box img {
		position: static;
	}
	#governors_monthly-letter .btn_list {
		margin-right: 0 !important;
	}
}

/*									end:#governors_monthly-letter
------------------------------------------------------------- */



/* -------------------------------------------------------------
	03 : #menu_info
------------------------------------------------------------- */
#menu_info {
	margin-bottom: 20px;
	clear: both;
	overflow: hidden;
}
#menu_info > div {
	float: left;
	width: 210px;
	height: 133px;
	margin: 0 15px 10px 0;
}
#menu_info div:nth-child(3n) { margin-right: 0; }

#menu_info > div div ,
#menu_info > div a {
	display: block;
	position: relative;
}
#menu_info > div div img ,
#menu_info > div div span ,
#menu_info > div a img ,
#menu_info > div a span { position: absolute; }
#menu_info > div div img ,
#menu_info > div a img { top: 0; left: 0; }
#menu_info > div div span ,
#menu_info > div a span {
	color: #FFF;
	font-size: 11px;
	top: 100px; left: 9px;
	text-align: center;
	width: 196px;
}
#menu_info > div a span.menu_info-span_bottom {
	top: 110px;
}
#menu_info > div a img:hover { opacity: 0.7; }
#menu_info div.top_btm_bn {
	margin-bottom: 10px;
	height: 51px;
}
#menu_info div.top_btm_bn a {}
#menu_info div.top_btm_bn a img {}


@media only screen and (max-width: 768px) {
	#menu_info {
		display: flex;
		flex-wrap: wrap;
	}
	#menu_info > div {
		float: none;
		width: 49%;
		margin: 0 2% 5px 0;
	}
	#menu_info div:nth-child(2n) { margin-right: 0; }
	#menu_info div:nth-child(3) { margin-right: 2%; }
	#menu_info div:nth-child(9) { margin-right: 2%; }
	#menu_info div.top_btm_bn {
		margin-bottom: 5px;
	}
	#menu_info > div div span ,
	#menu_info > div a span {
		color: #FFF;
		font-size: 10px;
		top: 80px;
		text-align: center;
		width: 100%;
		left: 0;
	}
}

/*													end:#menu_info
------------------------------------------------------------- */



/* -------------------------------------------------------------
	04 : #main
------------------------------------------------------------- */
#main { margin-bottom: 0 !important; }

/*													end:#main
------------------------------------------------------------- */