/*-----------------------------------------------------
マージン
-------------------------------------------------------*/
#Content {
	background-color: #fff;
}

/*-----------------------------------------------------
Header
-------------------------------------------------------*/
#MvHeader{
	background-color: #595757;
	border: solid 2px #595757;
	padding: 0;
	margin: 0 0 30px 0;
	text-align: center;
}

#MvHeader img{ width: 100%; }

#MvHeader h2{
    margin: 0;
    padding: 0;
}

#MvHeader ul{
    display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: no-wrap;
	    flex-wrap: no-wrap;
	-webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
    padding: 10px 0 8px 0;
}

#MvHeader ul li{
	padding-right: 10px;
	width: 23%;
}

#MvHeader ul li:last-child { padding-right: 0; }

#MvHeader ul li img{ transition: 0.5s; }
#MvHeader ul li img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/*-----------------------------------------------------
Main
-------------------------------------------------------*/

#Main{
	padding: 0;
	line-height: 2;
	margin: 0 0 10px 0;
}

.Main_inner { margin: 0; }

.Main_inner h3 { margin-bottom: 30px; }

.Main_inner h3 img,
.Main_inner h4 img,
.Main_inner h5 img { width: 100%; }

.Main_inner .effect {
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: no-wrap;
	    flex-wrap: no-wrap;
	-webkit-box-pack: justify;
       -ms-flex-pack: justify;
     justify-content: space-between;
	-webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
	margin-bottom: 20px;
}

.Main_inner .effect li.eff01,
.Main_inner .effect li.eff03,
.Main_inner .effect li.eff04 { padding-left: 20px; }
.Main_inner .effect li.eff02 { padding-left: 10px; }

.Main_inner .effect li.eff01 img,
.Main_inner .effect li.eff02 img {
	width: 220px;
}

.Main_inner .effect li.eff03 img { width: 150px; }
.Main_inner .effect li.eff04 img { width: 300px; }

.Main_inner .point,
.Main_inner .love,
.Main_inner .voice {
	margin-top: 30px;
}

.Main_inner .point-inner,
.Main_inner .love-inner,
.Main_inner .voice-inner {
	padding: 20px 28px 28px 28px;
	background-position: left bottom;
	background-position: left 0 bottom 0;
	background-repeat: no-repeat;
	background-size: cover;
}

.Main_inner .point-inner,
.Main_inner .voice-inner { background-image: url(/files/user/boms/smt/contents/bm_report_a/images/cnt-bg.png); }
.Main_inner .love-inner { background-image: url(/files/user/boms/smt/contents/bm_report_a/images/love-bg.png); }


.Main_inner .point-inner .img {
	float: left;
	margin-right: 20px;
	width: 180px;
}

.Main_inner .voice-inner .img {
	float: right;
	margin-left: 20px;
	width: 150px;
}

.Main_inner .voice-inner .img2 {
	float: right;
	margin-left: 20px;
	width: 120px;
}

#FindLink { margin: 40px 0 60px 0; }

#FindLink h3 {
	color: #004098;
	background-color: #f2f2f2;
	font-size: 1.3rem;
	font-weight: 600;
	margin-bottom: 20px;
	padding: 3px 0 0 40px;
	position:relative;
}

#FindLink h3::before {
	content: '';
	background-image: url(/files/user/boms/pc/contents/bm_report_a/images/sprite_main.png);
	background-position: right -12px bottom -8px;
	background-repeat: no-repeat;
	left: 7px;
	top: 7px;
	width: 25px;
	height: 25px;
	position: absolute;
}

#FindLink ul {
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
}

#FindLink ul li {
	background-image: url(/files/user/boms/pc/contents/bm_report_a/images/sprite_main.png);
	background-repeat: no-repeat;
	margin-right: 30px;
	width: 17%;
	height: 108px;
}

#FindLink ul li.pt01 { background-position: left 0px bottom -13px; }
#FindLink ul li.pt02 { background-position: left -118px bottom -13px; }
#FindLink ul li.pt03 { background-position: left -236px bottom -13px; }
#FindLink ul li.pt04 { background-position: left -354px bottom -13px; margin-right: 0; }
#FindLink ul li.pt05 { background-position: left -472px bottom -13px; }
#FindLink ul li.pt06 { background-position: left -590px bottom -13px; }
#FindLink ul li.pt07 { background-position: left -708px bottom -13px; margin-right: 0; }

#FindLink ul li a {
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0 ;
}



/* 解像度が２倍の場合（Retinaディスプレイ対応） */
@media screen and (max-width: 750px) {

	/*-----------------------------------------------------
	Header
	-------------------------------------------------------*/
	#MvHeader{
		margin: 0 0 30px 0;
		text-align: center;
	}
	
	#MvHeader ul{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		padding-bottom: 0;
	}
	
	#MvHeader ul li{
		padding: 0 10px 10px 0;
		width: 45%;
	}
	
	#MvHeader ul li:nth-child(2n+0) { padding-right: 0; }

	/*-----------------------------------------------------
	Main
	-------------------------------------------------------*/
	
	#Main{
		font-size: 2rem;
		padding: 0;
		line-height: 2;
		margin: 0 0 10px 0;
	}
	
	.Main_inner { margin: 0; }
	
	.Main_inner h3 { margin-bottom: 20px; }

	.Main_inner .effect {
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		-webkit-box-pack: end;
     	   -ms-flex-pack: end;
   		 justify-content: flex-end;
		-webkit-box-align: center;
		   -ms-flex-align: center;
			  align-items: center;
		margin-bottom: 20px;
	}
	
	.Main_inner .effect li.ttl {
		padding: 0 0 20px 0;
		width: 100%;
	}
	
	.Main_inner .effect li.eff01,
	.Main_inner .effect li.eff02 {
		padding: 0 0 0 10px;
		width: 45%;
	}
	
	.Main_inner .effect li.eff03 {
		padding: 0 0 0 10px;
		width: 30%;
	}
	
	.Main_inner .effect li.eff04 {
		padding: 0 0 0 10px;
		width: 47%;
	}
	
	
	.Main_inner .effect li.eff01 img,
	.Main_inner .effect li.eff02 img,
	.Main_inner .effect li.eff03 img {
		width: auto;
	}
	
	.Main_inner .point,
	.Main_inner .love,
	.Main_inner .voice {
		margin-top: 30px;
	}
	
	.Main_inner .point-inner,
	.Main_inner .love-inner,
	.Main_inner .voice-inner {
		padding: 15px 20px 20px 20px;
	}
	
	.Main_inner .point-inner .img {
		margin-right: 15px;
		width: 140px;
	}
	
	.Main_inner .voice-inner .img {
		margin-left: 15px;
		width: 140px;
	}
	
	#FindLink { margin: 30px 0; }
	
	#FindLink h3 {
		font-size: 2.5rem;
		padding: 5px 0 2px 45px;
		position:relative;
	}
	
	#FindLink h3::before {
		content: '';
		background-image: url(/files/user/boms/pc/contents/bm_report_a/images/sprite_main.png);
		background-position: right -12px bottom -8px;
		background-repeat: no-repeat;
		left: 10px;
		top: 10px;
		width: 25px;
		height: 25px;
		position: absolute;
	}
	
	#FindLink ul li {
		background-size: 730px;
		margin-right: 10px;
		width: 23%;
		height: 90px;
	}
	
	#FindLink ul li.pt01 { background-position: left -1px bottom -8px; }
	#FindLink ul li.pt02 { background-position: left -96px bottom -8px; }
	#FindLink ul li.pt03 { background-position: left -192px bottom -8px; }
	#FindLink ul li.pt04 { background-position: left -288px bottom -8px; margin-right: 0; }
	#FindLink ul li.pt05 { background-position: left -384px bottom -8px; }
	#FindLink ul li.pt06 { background-position: left -480px bottom -8px; }
	#FindLink ul li.pt07 { background-position: left -576px bottom -8px; margin-right: 0; }

}


/*-----------------------------------------------------
次へ、前へ　矢印 (9/25追加)
-------------------------------------------------------*/
#arrow {
	padding:0 10px;
}
#arrow img {
	width:80px;
	height:46px;
	margin-bottom: 20px;
}