@charset "UTF-8";

.js-load { display:none; }
.js-load.active { display:block; }

@media all and (min-width: 768px) {
.button{
	width:200px;
	margin:10px auto 20px;
	}
.button a{
	width:200px;
	height:60px;
	line-height:60px;
	font-size:100%;
	}
}
@media all and (max-width: 767px)  {
.button{
	width:40%;
	margin:10px auto 20px;
	}
.button a{
	width:100%;
	height:40px;
	line-height:40px;
	font-size:90%;
	}
}

#contentsArea dl{
	text-indent:-9999px;
	}
.Report .block a{
	color:#059dde;
	font-weight:bold;
	}	
/* PHOTO*/
.Report div{position:relative;}
.Report figure div{
	height:0;
	overflow:hidden;
	}

.Report figcaption{
	color:#fb911d;
	text-align:center;
	line-height:1.4;
	}
/* NEXT-BACK*/
.Report ul.bnset{ 
	list-style:none;
	margin:30px auto;
	}
.Report ul.bnset a{
	text-indent:-9999px;
	}
.Report ul.bnset a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	}
.Report .next{float:right;}
.Report .back{float:left;}	
	
/* BACKNUMBER*/
.Report #backnumber ul{list-style:none;}
.Report #backnumber li{ overflow:hidden;}
.Report #backnumber li span{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	}

@media all and (min-width: 768px) {
#contentsArea .inner{
	padding:20px 40px 40px 40px !important;
	}
.Report h1{
	width:980px;
	height:110px;
	margin:30px auto;
	background:url(../img/report_parts.png) no-repeat;
	text-indent:-9999px;
	}
.Report #title{
	border-bottom:1px solid #26ade7;
	margin-bottom:30px;
	}
.Report #title h2{
	background:url(../img/report_vol.png) no-repeat;
	min-height:68px;
	}
.Report .block p{
	font-size:94%;
	line-height:1.6;
	}
.Report #title .vol{
	display:block;
	padding:28px 0 0 25px;
	color:#fff;
	float:left;
	}
.Report #title .txt{
	display:block;
	padding:5px 0 0 90px;
	color:#f99322;
	font-size:110%;
	line-height:1.4;
	}
.Report #title .txt .date{
	color:#059dde;
	font-size:94%;
	}
	
/* PHOTO*/
.Report figure img{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	}
.Report figure.yoko{
	margin:40px auto 0;
	background:url(../img/report_ph_yoko.png) 250px 10px no-repeat;
	padding-bottom:40px;
	}
.Report figure.tate{
	margin:40px auto 0;
	background:url(../img/report_ph_tate.png) 320px 10px no-repeat;
	padding-bottom:40px;
	}
.Report figure div{
	margin:0 auto 15px;
	}
.Report figure.yoko div{
	width:420px;
	height:280px;
	}
.Report figure.tate div{
	width:280px;
	height:420px;
	}
.Report figcaption{
	font-size:86%;
	}
/* NEXT-BACK*/
.Report ul.bnset{
	width:980px;
	}
.Report .next a{
	display:block;
	width:180px;
	height:0;
	overflow:hidden;
	background:url(../img/msg_nb_pc.png) -180px 0 no-repeat;
	padding-top:48.33%;
	}
.Report .next a:hover{background:url(../img/msg_nb_pc.png) -180px -87px no-repeat;}
.Report .back a{
	display:block;
	width:180px;
	height:0;
	overflow:hidden;
	background:url(../img/msg_nb_pc.png) no-repeat;
	padding-top:48.33%;
	}
.Report .back a:hover{background:url(../img/msg_nb_pc.png) 0 -87px no-repeat;}


/* BACKNUMBER*/
.Report #backnumber{
	width:980px;
	margin:0 auto 30px;
	}
.Report #backnumber h3{
	width:980px;
	height:28px;
	margin:30px auto;
	background:url(../img/bknum_parts.png) no-repeat;
	text-indent:-9999px;
	}
.Report #backnumber li{
	width:184px;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	background-color:#6ac3e9;
	}
.Report #backnumber li:nth-child(5n){
	margin-right:0;
	} 
.Report #backnumber ul a{
	display:block;
	width:184px;
	color:#fff;
	font-weight:bold;
	padding-top:122px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center top;
	}
.Report #backnumber a:hover{
	filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;
	}
.Report #backnumber span{
	display:block;
	padding:6px 10px;
	font-size:86%;
	line-height:1.4;
	}
}
@media all and (max-width: 767px) {
#contentsArea .inner{
	padding:10px 10px 30px 10px !important;
	}
.Report #contentsArea{
	margin-bottom:20px;
	}
.Report h1{
	width:94%;
	height:0;
	padding-top:12.12%;
	margin:10px auto 15px;
	background:url(../img/report_parts_smp.png) no-repeat;
	text-indent:-9999px;
	background-size:cover;
	}
.Report #title{
	border-bottom:1px solid #26ade7;
	margin-bottom:20px;
	}
.Report #title h2{
	background:url(../img/report_vol.png) no-repeat;
	background-size:16%;
	}
.Report #title .vol{
	width:4%;
	display:block;
	padding:16px 0 0 14px;
	color:#fff;
	float:left;
	text-align:center;
	}
.Report #title .txt{
	display:block;
	padding:0 0 10px 56px;
	color:#f99322;
	font-size:96%;
	line-height:1.3;
	}
.Report #title .txt .date{
	color:#059dde;
	font-size:80%;
	}
.Report .block p{
	font-size:80%;
	line-height:1.5;
	}

	
/* PHOTO*/
.Report figure img{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	background-size:cover;
	}
.Report figure.yoko{
	margin:20px auto 20px;
	
	}
.Report figure.tate{
	margin:20px auto 20px;
	
	}
.Report figure div{
	margin:0 auto;
	}
.Report figure.yoko div{
	width:100%;
	padding-top:66.66%;
	background-size:cover;
	}
.Report figure.tate div{
	width:70%;
	padding-top:105%;
	background-size:cover;
	}
	.Report figcaption{
	font-size:80%;
	padding-top:10px;
	}
/* NEXT-BACK*/	
.Report ul.bnset{
	width:94%;
	}
.Report .next,.Report .back{ width:26%;}
.Report .next a{
	display:block;
	width:100%;
	height:0;
	overflow:hidden;
	background-image:url(../img/msg_next_smp.png) ;
	padding-top:41.42%;
	background-size:cover;
	}
.Report .back a{
	display:block;
	width:100%;
	height:0;
	overflow:hidden;
	background-image:url(../img/msg_back_smp.png) ;
	padding-top:41.42%;
	background-size:cover;
	}
	
/* BACKNUMBER*/
.Report #backnumber h3{
	width:100%;
	height:0;
	padding-top:4.516%;
	margin:10px auto 15px;
	background:url(../img/bknum_parts_smp.png) no-repeat;
	text-indent:-9999px;
	background-size:cover;
	}
.Report #backnumber{
	width:94%;
	margin:0 auto 20px;
	}
.Report #backnumber ul{
	width:100%;
	}
.Report #backnumber li{
	width:24%;
	float:left;
	margin-right:1%;
	margin-bottom:1%;
	text-align:center;
	background-color:#6ac3e9;
	}
.Report #backnumber li:nth-child(4n){
	margin-right:0;
	} 
.Report #backnumber ul a{
	display:block;
	width:100%;
	color:#fff;
	font-weight:bold;
	padding-top:66.66%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center top;
	}
.Report #backnumber span{
	display:block;
	padding:3px 6px;
	font-size:64%;
	line-height:1.2;
	}
}


.Report .vol1 a{ background-image:url(/quartet2017/report/img/ph1_1.jpg);}

.Report .vol2 a{ background-image:url(/quartet2017/report/img/1226-02.jpg);}

.Report .vol3 a{ background-image:url(/quartet2017/report/img/1229-1.jpg);}

.Report .vol4 a{ background-image:url(/quartet2017/report/img/104-01.jpg);}

.Report .vol5 a{ background-image:url(/quartet2017/report/img/106-0.jpg);}

.Report .vol6 a{ background-image:url(/quartet2017/report/img/113-1.jpg);}

.Report .vol7 a{ background-image:url(/quartet2017/report/img/0115-02.jpg);}

.Report .vol8 a{ background-image:url(/quartet2017/report/img/117-7.jpg);}

.Report .vol9 a{ background-image:url(/quartet2017/report/img/0119-01.jpg);}

.Report .vol10 a{ background-image:url(/quartet2017/report/img/0122-01.jpg);}

.Report .vol11 a{ background-image:url(/quartet2017/report/img/124-3.jpg);}

.Report .vol12 a{ background-image:url(/quartet2017/report/img/0125-04.jpg);}

.Report .vol13 a{ background-image:url(/quartet2017/report/img/131-4.jpg);}

.Report .vol14 a{ background-image:url(/quartet2017/report/img/0203-0.jpg);}

.Report .vol15 a{ background-image:url(/quartet2017/report/img/0206-01.jpg);}

.Report .vol16 a{ background-image:url(/quartet2017/report/img/0207-7.jpg);}

.Report .vol17 a{ background-image:url(/quartet2017/report/img/0209-02.jpg);}

.Report .vol18 a{ background-image:url(/quartet2017/report/img/0212-0.jpg);}

.Report .vol19 a{ background-image:url(/quartet2017/report/img/0214-10.jpg);}

.Report .vol20 a{ background-image:url(/quartet2017/report/img/0216-01.jpg);}

.Report .vol21 a{ background-image:url(/quartet2017/report/img/0219-1.jpg);}

.Report .vol22 a{ background-image:url(/quartet2017/report/img/0221-4.jpg);}

.Report .vol23 a{ background-image:url(/quartet2017/report/img/0223-01.jpg);}

.Report .vol24 a{ background-image:url(/quartet2017/report/img/0226-01.jpg);}

.Report .vol25 a{ background-image:url(/quartet2017/report/img/0227-1.jpg);}

.Report .vol26 a{ background-image:url(/quartet2017/report/img/0228-9.jpg);}

.Report .vol27 a{ background-image:url(/quartet2017/report/img/0302-05.jpg);}

.Report .vol28 a{ background-image:url(/quartet2017/report/img/0305-4.jpg);}

.Report .vol29 a{ background-image:url(/quartet2017/report/img/0307-03.jpg);}

.Report .vol30 a{ background-image:url(/quartet2017/report/img/0309-05.jpg);}

.Report .vol31 a{ background-image:url(/quartet2017/report/img/310-6.jpg);}

.Report .vol32 a{ background-image:url(/quartet2017/report/img/0314-01.jpg);}

.Report .vol33 a{ background-image:url(/quartet2017/report/img/0316-05.jpg);}

.Report .vol34 a{ background-image:url(/quartet2017/report/img/0317-06.jpg);}

.Report .vol35 a{ background-image:url(/quartet2017/report/img/0319-05.jpg);}

.Report .vol36 a{ background-image:url(/quartet2017/report/img/0321-2.jpg);}