@charset "UTF-8";


/**-----------------------------------------------
 * style
 *---------------------------------------------- */
 
 /*ヘッダー*/

 #header {
 	margin: 0 auto;
 	padding: 40px 0 0;
 	text-align: center;
 	background: #dfd4aa;
 }
 #header_bg {
 	display: none;
 }
 #header h1 {
 	width: 70%;
 	margin: 5% auto;
 }
 #header h1.vol01 {
    padding: 0 0 5%;
 }
 #link-report {
 	float: none;
 	width: 100%;
 	padding-top: 35px;
 	background: #fff;
 }
 #link-report img{
 	width: 70%;	
 }
 #header .social-button {
 	position: absolute;
 	top: 5px;
 	text-align: left;
 	float: left;
 }
 #header .social-button li {
 	display: block;
 	margin: 0 0 0 10px;
 	float: left;
 }
 .fb_iframe_widget span {
 	vertical-align: baseline !important;
 }


 /*共通STYLE*/

 .section {
 	margin: 0 auto 35px;
 }
 .text-center {
 	text-align: center;
 }
 strong {
    font-weight: bold;
}

 /*タイトル/リード*/

 .cnt-top{
 	margin: auto;
 	padding: 10px 5px 30px;
 }
 .cnt-top figure{
    width: 90%;
    margin: 10px auto 30px;
 }
 .cnt-top p{
 	width: 88%;
 	margin: auto;
 	font-size: 106%;
 	font-family: "Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック", sans-serif;
 }
 .prof{
 	padding: 30px 9% 30px;
 	text-align: center;
 	background: #f5f5f5;
 }

 /*ナビ*/

 .nav-container {
 	margin: 0 auto;
 	padding: 15px 0 30px;
 	/*background: url('../images/nav_bg.png');*/
 	background: #dfd4aa;
 	background-size: 8px 8px;
 }
 .nav-container .pager {
 	width: 92%;
 	margin: auto;
 	padding: 10px 2%;
 	background: #fff;
 	box-sizing: border-box;
 }
 .nav-container .pager ul {
 	overflow: hidden;
 	margin-bottom: 10px;
 }
 .nav-container .pager li.arrow {
 	font-size: 10px;
 	line-height: 10px;
 }

 /*report*/

 .section.report-container {
 	width: 92%;
 	margin: 0 auto;
 	padding: 10px 4% 20px;
 	background: #fff;
 	box-sizing: border-box;
 }
 .report-container .row {
 	overflow: hidden;
 	max-width: 640px;
 	margin: 0 auto;
 }
 .column {
 	width: 100%;
 }
 .column .inner {
 	padding: 0 10px 0;
    text-align: justify; 
 }

 .report-container h2 {
 	margin-top: 15px;
 	margin-bottom: 20px;
 }
 .report-container h3 {
 	margin: 0px auto 20px;
 	color: #080058;
 	line-height: 1.3;
 	font-weight: bold;
 	font-size: 130%;
 	font-family: "Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック", sans-serif;
 }
 .report-container p {
 	margin-bottom: 20px;
 	line-height: 1.8em;
 }
 .report-container p img {
 	margin-top: 5px;
 	border: 3px #af982a solid;
    width: 100%;
 }

 .report-container p img.document {
 	margin-top: 5px;
	    margin-bottom: 20px;
    width: 540px;
    border: 1px #dcdcdc solid;
 }

 .pager_btm{
 	margin-top: 20px;
 }
 .report-container .pager_btm p img {
    border: none;
    max-width: 640px;
}

 #up {
 	display: inline-block;
 	text-align: center;
 	background: #dfd4aa;
 	color: #080058;
 	z-index: 9999;
 	width: 50px;
 	height: 50px;
 	border-radius: 100%;
 	font-size: 13px;
 	font-weight: bold;
 	line-height: 50px;
 	font-family: "Avenir Next", Verdana, "Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック", sans-serif;
 	margin-right: 1%;
 }

 /*ルミネのアプリ「ONE LUMINE*/

 h2.dl_ttl {
 	width: 60%;
 	margin: 30px auto 15px;
 	text-align: center;
 }
 #app {
 	width: 90%;
 	margin: 2em auto;
 	padding: 5%;
 	box-sizing: border-box;
 	border: 2px dotted #0090d5;
 	border-radius: 0;
 }

 /*ルミネプレミアムサービスとは*/
 .end{
 	display: none;
 }

/*#info-report {
		max-width: 92%;
		margin: 40px auto 30px;
		border: 2px solid #abdcef;
		text-align: center;
}
#info-report h2{
	margin-bottom: 35px;
	padding: 16px 0;
	background: #abdcef;
}
#info-report h2 img{
	max-width: 80%;
}
#info-report p {
	max-width: 92%;
	margin: 10px auto;
}
#info-report p.app_link{
	max-width: 80%;
	margin: 20px auto 30px;	
	}*/

.footNav .link {
	border-top: 1px dashed #d2d2d2;
}
/* アイテム説明 */
p.item{
	color:#888;
	font-size: 80%;
	font-family: "Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
    margin: -10px 0 20px;
}
.report-container p img.w450 {
    width: 75%;
}
.report-container p img.w300 {
    width: 60%;
}




/**-----------------------------------------------
 * responsive
 *---------------------------------------------- */
 /* PC */

 @media screen and (min-width:769px) {
 	
 	/*base*/
 	
 	a img{
 		transition: opacity 0.5s;
 		-webkit-transition: opacity 0.5s;
 	}
 	a:hover img {
 		opacity: 0.5;
 		filter: alpha(opacity=50);
 	}
 	body {
 		font-size: 15px;
 	}
 	
 	/*ヘッダー*/
 	
 	#header {
 		padding-bottom: 40px;
 		position: relative;
 	}
 	#header h1 {
 		margin: 0 auto;
 		z-index: 999;
 	}
 	#header h1.vol01 {
    padding: 0;
    }
 	#header_bg {
 		position: absolute;
 		top: 0;
 		left: 0;
 		display: block;
 		background: #353636;
 		background: -moz-linear-gradient(left, #353636 0%, #353636 50%, #1f1f20 51%, #1f1f20 100%);
 		background: -webkit-linear-gradient(left, #353636 0%,#353636 50%,#1f1f20 51%,#1f1f20 100%);
 		background: linear-gradient(to right, #353636 0%,#353636 50%,#1f1f20 51%,#1f1f20 100%);
 		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#353636', endColorstr='#1f1f20',GradientType=1);
 		width: 100%;
 		height: 100px;
 		z-index: -1;
 	}
 	#header .social-button {
 		position: absolute;
 		top: 0;
 		left: 4%;
 		text-align: left;
 		margin: 0;
 		padding: 0;
 	}
 	#header .social-button li {
 		display: block;
 	}
 	#header .fb_iframe_widget_lift {
 		position: absolute;
 		left: -360px;
 		background: rgba(255,255,255,0.9);
 		padding: 5px;
 		border: 1px solid #DDD !important;
 		border-radius: 5px;
 	}
 	#link-report {
 		position: absolute;
 		text-align: right;
 		top: 100px;
 		right: 0;
 		width: 23%;
 		max-width: 216px;
 		margin: 0;
 		padding: 5px 0;
 		background: transparent;
 	}
 	#link-report img{
 		width: 100%;
 	}
 	.section {
 		max-width: 1080px;
 	}
 	
 	/*タイトル/リード*/
 	
 	.cnt-top{
 		max-width: 990px;
 		margin: auto;
 		padding: 30px 55px 50px;
 	}
 	.cnt-top figure{
 		margin: 0 auto 50px;
 		width: 100%;	
 	}
 	.cnt-top p{
 		max-width: 830px;
	    width: 100%;
 		margin: auto;
 		font-size: 106%;
 		font-family: "Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック", sans-serif;
 	}
 	.prof{
 		padding: 45px 0;
 		text-align: center;
 		background: #f5f5f5;
 	}
 	
 	/*ナビ*/
 	
 	.nav-container {
	    margin: 0 auto;
 		padding: 80px 0 85px;
 	}
 	.nav-container .pager {
 		max-width: 980px;
 		overflow: hidden;
 		padding: 20px 20px;
 		text-align: center;
 		background: #fff;
 	}
 	.nav-container .pager ul {
 		overflow: hidden;
 		margin-bottom: 20px;
 	}
 	.nav-container .pager li {
 		float: left;
 		width: 285px;
 		text-align: center;
 	}
 	.nav-container .pager li.arrow {
		width: 38px;
 	}
 	.nav-container .pager li.combine {
 		width: 610px;
 	}
 	
 	/*report*/
 	.section.report-container {
 		max-width: 980px;
 		margin: 0 auto;
 		padding: 50px 20px 50px;
 	}
 	.report-container .row.border {
 		margin-right: auto;
 		margin-left: auto;
 	}
 	.report-container .row.border .inner {
 		padding-left: 0;
 		padding-right: 0;
 	}
 	.report-container h2 {
 		margin-top: 0px;
 		margin-bottom: 35px;
 	}
 	.report-container h3 {
 		margin: 20px auto 20px;
 		font-weight: bold;
 	}
 	.column {
 		/*float: left;*/
 		box-sizing: border-box;
 	}
 	.column .inner {
 		padding: 0 0 10px;
 	}
 	.c-1,
 	.c-2 {
 		width: 50%;
 	}
 	.c-1 {
 		float: left;
 	}
 	.c-2 {
 		float: right;
 	}
 	.c-1 .inner { margin-right: 20px; }
 	.c-2 .inner { margin-left: 20px; }
 	.section.nav-gototop {
 		max-width: 938px;
 		margin-right:  auto;
 		margin-left:  auto;
 	}
 	.position {
 		position: relative;
 	}
 	.position .bottom {
 		position: absolute;
 		bottom: 10px;
 		max-width: 300px;
 	}
 	
 	/*ルミネのアプリ「ONE LUMINE*/
 	#onelumine h2 {
    padding: 5% 0 7px 0;
    background-color: #ffffff;
	}

	/* アイテム説明 */
	.report-container p img.w450 {
	    width: 450px;
	}
	.report-container p img.w300 {
	    width: 300px;
	}

 	/*ルミネプレミアムサービスとは*/
/*	#info-report {
		max-width: 980px;
		margin: 85px auto 75px;
		border: 2px solid #abdcef;
		text-align: center;
	}
	#info-report h2{
		margin-bottom: 35px;
		padding: 16px 0;
		background: #abdcef;
	}
	#info-report p {
		max-width: 640px;
		margin: 10px auto;
	}
	#info-report p.app_link{
		margin: 30px auto 40px;	
		}*/

	}