@charset "Shift_JIS";
#breadCrumb { box-shadow: none; }
/*----- aside -----*/
#aside {
	font-size: 120%;
}
#aside .msadGroup {
	width: 616px;
	height: 115px;
	margin: 0 auto;
	background: url(/shared/images/bg_ms-ad-group01.png) no-repeat #fff;
}
#aside .msadGroup p {
	padding: 20px 0 0;
	text-align: center;
}
#aside .msadGroup ul {
	overflow: hidden;
	margin: 35px 0 0 -14px;
	padding: 0 15px;
}
#aside .msadGroup ul li {
	float: left;
	margin: 0 0 0 14px;
	list-style : none;
}
#aside .bgGray {
	padding: 30px 0;
	background: #F7F8F8;
}
#contents {
	background:#FFF;
	padding-bottom: 0;
}
#pageTitle {
	background-color:#F7F9F3;
}
@media screen and (max-width: 960px){
	#contents {
		padding-bottom:0;
	}
	#pageTitle {
		margin-bottom:20px;
		background:url(/common/images/contents_gnavi04.jpg) no-repeat 140% 0 #F7F9F3;
		background-size:80% auto;
		display:table;
		width:100%;
		height:100px;
	}
	#pageTitle span {
		display:table-cell;
		vertical-align:middle;
		padding:0 10px 0 20px;
	}
	#pageTitle img {
		margin:0;
		position:relative;
		left:0;
		top:0;
		width:300px;
	}
	#article ul {
		overflow: hidden;
		margin: 0 -10px 20px 15px;
	}
	#article ul li {
		display: block;
		float: left;
		width: 23%;
		height: 100%;
		margin: 0 10px 10px 0;
		list-style: none;
		background: url(/shared/images/bg_btn01.png) no-repeat #fff;
		background-size:100% auto;
		position:relative;
	}
	#article ul li:before {
	    content:' ';
	    display:block;
	    padding-top:76%;
	}
	#article ul li a {
		display: table;
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		width:100%;
		height:100%;
		padding:0;
	}
	#article ul li a span {
		display: table-cell;
		vertical-align:middle;
		padding:0 5px 5px;
	}
	.moviebox {
		text-align:center;
	}
	#aside .msadGroup ul {
		margin-right: 0;
	}
	#aside .msadGroup ul li {
		width: 31%; /*186px*/
		margin-left: 2.3333333%;
	}
}

@media screen and (max-width: 600px){
	#breadCrumb { box-shadow: 0 -1px 0 #e2e2e2 inset; }
	#contents {
		padding-bottom:20px;
	}
	#pageTitle {
		margin-bottom:20px;
		background:url(/common/images/contents_gnavi04.jpg) no-repeat 140% 0 #F7F9F3;
		background-size:80% auto;
		display:table;
		width:100%;
		height:75px;
	}
	#pageTitle span {
		display:table-cell;
		vertical-align:middle;
		padding:0 10px;
	}
	#pageTitle img {
		margin:0;
		position:relative;
		left:0;
		top:0;
	}
	#article ul {
		margin:0 10px;
	}
	#article ul li {
		display:table;
		float:none;
		width:100%;
		height:auto;
		margin: 0 10px 10px 0;
		background:none;
	}
	#article ul li a {
		display: table-cell;
		padding: 10px 0 10px 10px;
		font-weight: bold;
		text-align: left;
		vertical-align:middle;
		text-decoration: none;
		vertical-align: middle;
		color: #555;
		font-size:14px;
		line-height:1.4;
		border-radius:4px;
		background-image: linear-gradient(to bottom, rgb(255,255,255), rgb(76,191,193));
		box-shadow:0 1px 2px 1px rgba(0,0,0,0.3);
		position:relative;
	}
	#article ul li a:after {
		content:' ';
		display:inline-block;
		width:0;
		height:0;
		border:0;
		border-top:4px solid transparent;
		border-bottom:4px solid transparent;
		border-left:6px solid #0F8C8C;
		position:absolute;
		right:15px;
		top:calc(50% - 4px);
	}
	#article ul li a br {
		display:none;
	}
	#aside {
		margin:0;
	}
	#aside .bgGray {
		padding: 20px 10px 40px;
		background: #F7F8F8;
	}
	#aside .msadGroup {
		width:100%;
		height:auto;
		background:url('/company/images/top/bg_ms-ad-group01_sp.png') no-repeat 50% 50px #FFF;
		background-size:273px auto;
		border:1px solid #CCC;
		border-radius:10px;
		padding:0 0 15px;
	}
	#aside .msadGroup ul {
		clear:both;
		margin-top:20px;
		margin-left: 0;
	}
	#aside .msadGroup ul:after {
		content:' ';
		display:table;
		clear:both;
	}
	#aside .msadGroup ul li {
		width: 100%;
		margin-left: 0;
		margin-top:10px;
		float:none;
	}
}