@charset "shift_jis";

/*------------------------------------------------
2ŠK‘w–Ú
-------------------------------------------------*/
#mainColumn article.contents {
	margin-bottom:0;
	padding-bottom:60px;
}

section.lower-mainBox{
	padding-top:0;
	padding-bottom:0;
}

#contentsWrap{
	width:960px;
	margin-right:auto;
	margin-left:auto;
}
#contentsWrap::after{
	content: "";
	clear: both;
	display: block;
}
#mainColumn{
	float:left;
	width:720px;
}
#mainColumn .contents{
	width:100%;
	background:#ffffff;
	padding:20px 10px;
}
#mainColumn article.contents > div{
	margin-bottom:60px !important;
}
#sideColumn{
	float:right;
	width:220px;
	margin-top:0;
}
#sideColumn .row{
	padding-top:0;
}
#sideColumn .row,
#sideColumn [class^="grid"]{
	width:100%;
}
section.lower-mainBox,
.lower-mainBox .subMenu,
.lower-mainBox .subMenu .row{
	margin-bottom:0 !important;
}
.lower-mainBox .subMenu .row{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}
.lower-mainBox div + div, .lower-mainBox div + p, .lower-mainBox div + dl, .lower-mainBox div + ul, .lower-mainBox div + ol, .lower-mainBox div + table,
.lower-mainBox p + div, .lower-mainBox p + p, .lower-mainBox p + dl, .lower-mainBox p + ul, .lower-mainBox p + ol, .lower-mainBox p + table,
.lower-mainBox dl + div, .lower-mainBox dl + p, .lower-mainBox dl + dl, .lower-mainBox dl + ul, .lower-mainBox dl + ol, .lower-mainBox dl + table,
.lower-mainBox ul + div, .lower-mainBox ul + p, .lower-mainBox ul + dl, .lower-mainBox ul + ul, .lower-mainBox ul + ol, .lower-mainBox ul + table,
.lower-mainBox ol + div, .lower-mainBox ol + p, .lower-mainBox ol + dl, .lower-mainBox ol + ul, .lower-mainBox ol + ol, .lower-mainBox ol + table,
.lower-mainBox table + div, .lower-mainBox table + p, .lower-mainBox table + ol, .lower-mainBox table + ul, .lower-mainBox table + ol, .lower-mainBox table + table{
	margin-top:1em;
}
.center-grid3{
	text-align:center;
}
.center-grid3 .grid3{
	float:none;
	display:inline-block;
}
.center-grid3 .grid3 a{
	text-align:left;
}
@media screen and (max-width:767px) {
.center-grid3{
	text-align:left;
}
}
@media screen and (max-width:960px) {
	#contentsWrap{
		width:100%;
	}
	#mainColumn{
		width:75%;
	}
	#sideColumn{
		width:22.916%;
	}
	.lower-mainBox .subMenu .row{
		width:100%;
	}
}
@media screen and (max-width:767px) {
	#sideColumn .subMenu{
		display:none;
	}
	#mainColumn{
		width:100%;
	}
	#sideColumn{
		display:none;
	}

}


/*------------------------------------------------
#mainColumn
-------------------------------------------------*/
.lower-mainBox .h1Wrap h1{
	border-bottom:none !important;
}
/*------------------------------------------------
youtube responsive
-------------------------------------------------*/
.lower-mainBox .grid4 .youtube iframe {
	display: block;
	width: 173px;
	margin-left:auto;
	margin-right:auto;
}
.lower-mainBox .grid6 .youtube iframe {
	display: block;
	width: 265px;
	margin-left:auto;
	margin-right:auto;
}
.lower-mainBox .youtubeL iframe {
	display: block;
	width:540px;
	margin-left:auto;
	margin-right:auto;
}
@media screen and (max-width:767px) {
	.lower-mainBox .grid4 .youtube,
	.lower-mainBox .grid6 .youtube {
		position: relative;
		width: 85%;
		/*padding-top: 56.25%;*/
		padding-top: 47.8125%;
		margin:30px auto 25px;
	}
	.lower-mainBox .grid4 .youtube iframe,
	.lower-mainBox .grid6 .youtube iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
}

/*------------------------------------------------
#sideColumn
-------------------------------------------------*/

#sideColumn [class^="grid"]{
	float:none;
	margin-left:0;
	font-size:12px;
}
#sideColumn .subMenu h2{
	display:none;
}
#sideColumn .subMenu > div > dl{
	background:#e0e0e0;
	margin-bottom:10px;
}
#sideColumn .subMenu dl > dd > dl{
	background:#ececec;
	border-top:2px solid #ccc;
	border-bottom:1px solid #ccc;
}
#sideColumn .subMenu dl > dd > dl dt{
	background:#e0e0e0;
}
#sideColumn .subMenu dl > dd > dl dd a{
	margin-left:1.2em;
}
#sideColumn .subMenu .row dl:first-child{
	margin-top:0 !important;
}

#sideColumn .subMenu > div > dl > dt{
	background:#666;
	padding:0.8em 0.4em;
	text-align:center;
	border-bottom:1px solid #ccc;
}

#sideColumn .subMenu dl dt a{
		color:#fff;
}

#sideColumn .subMenu dl dd,
#sideColumn .subMenu dl dd dt{
	border-bottom:1px solid #ccc;
}
#sideColumn .subMenu dl dd:last-child{
	padding-bottom:5px;
}

#sideColumn .subMenu dl dd a{
	position:relative;
	display:block;
	padding:1.2em 1em 1em 0.4em;
	margin: 0 5px 0 5px;
	color:#333;
	/*background:#e5e5e5;*/
}
#sideColumn .subMenu dl dd a:after {
	position:absolute;
	right:0.5em;
	content:url("/common/images/arrow_a_btn.png");
	margin-left:0.5em;
}
#sideColumn .subMenu dl dd a:hover:after {
	content:url("/common/images/arrow_a_btn_hover.png");
}
#sideColumn .subMenu dl dd a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}