@charset "UTF-8";


img {
	width: 100%;
}


/*local navi*/
.lnavi-area {
	padding-bottom: 16.326%;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.lnavi {
	/*display: flex;*/

	margin: 0 8.4% 0 9%;
}

.lnavi li {
	float: left;
	width: 33.3%;
	position: relative;
}

/*.lnavi li:nth-child(4) {
	margin-left: 16.85%;
}*/

.lnavi li .new {
	display: block;
	position: absolute;
	top: 87%;
	left: -3px;
}


/* ========================================
	#report1
======================================== */
#report1 {
	background-image: url(../special/report1_images/bg_special.png);
	background-position: center top;
	background-repeat: repeat;
	background-size: 3px 4px;
}

#report1 #wrap {
	background-image: url(../special/report1_images/bg_special_main.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

#report1 main {
	padding-bottom: 17px;
}

#report1 .lnavi-area {
	background-image: url(../special/report1_images/bg_lnavi.png);
}



/* ========================================
	#report2
======================================== */
#report2 {
	background-image: url(../special/report2_images/bg_special.png);
	background-position: center top;
	background-repeat: repeat;
	background-size: 3px 4px;
}

#report2 #wrap {
	background-image: url(../special/report2_images/bg_special_main.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

#report2 main {
	padding-bottom: 20px;
}


#report2 .lnavi-area {
	background-image: url(../special/report2_images/bg_lnavi.png);
}


/* ========================================
	#report3
======================================== */
#report3 {
	background-image: url(../special/report3_images/bg_special.png);
	background-position: center top;
	background-repeat: repeat;
	background-size: 3px 4px;
}

#report3 #wrap {
	background-image: url(../special/report3_images/bg_special_main.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

#report3 main {
	padding-bottom: 20px;
}


#report3 .lnavi-area {
	background-image: url(../special/report3_images/bg_lnavi.png);
}

#report3 .area5 li {
	width: 50%;
	float:left;
}


/* ========================================
	#report4
======================================== */
#report4 {
	background-image: url(../special/report4_images/bg_special.png);
	background-position: center top;
	background-repeat: repeat;
	background-size: 3px 4px;
}

#report4 #wrap {
	background-image: url(../special/report4_images/bg_special_main.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

#report4 main {
	padding-bottom: 20px;
}


#report4 .lnavi-area {
	background-image: url(../special/report4_images/bg_lnavi.png);
}

#report4 .skeleton li:nth-child(-n+2) {
	width: 50%;
	float:left;
}


/* ========================================
	#report5
======================================== */
#report5 {
	background-image: url(../special/report5_images/bg_special.png);
	background-position: center top;
	background-repeat: repeat;
	background-size: 3px 4px;
}

#report5 #wrap {
	background-image: url(../special/report5_images/bg_special_main.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

#report5 .area1-img2 {
	position: relative;
}

#report5 main {
	padding-bottom: 20px;
}

#report5 .lnavi-area {
	background-image: url(../special/report5_images/bg_lnavi.png);
}

#report5 .area1-img2-link1 {
	margin-right: 49.375%;
	position: absolute;
	top: 0;
}

#report5 .area1-img2-link2 {
	margin-left: 57.03%;
	position: absolute;
	top: 0;
}

#report5 .area1-img2-link3 {
	margin-right: 76.406%;
	position: absolute;
	top: 52.63%;
}

#report5 .area4-img2 {
	position: relative;
}

#report5 .area4-img2-link1 {
	margin-left: 26.56%;
	margin-right: 10.9375%;
	position: absolute;
	top: 37.3%;
}


/* ========================================
	#report6
======================================== */
#report6 {
	background-image: url(../special/report6_images/bg_special.png);
	background-position: center top;
	background-repeat: repeat;
	background-size: 3px 4px;
}

#report6 #wrap {
	background-image: url(../special/report6_images/bg_special_main.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

#report6 main {
	padding-bottom: 20px;
}

#report6 .lnavi-area {
	background-image: url(../special/report6_images/bg_lnavi.png);
}


/* ========================================
	#report7
======================================== */
#report7 {
	background-image: url(../special/report7_images/bg_special.png);
	background-position: center top;
	background-repeat: repeat;
	background-size: 3px 4px;
}

#report7 #wrap {
	background-image: url(../special/report7_images/bg_special_main.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

#report7 main {
	padding-bottom: 20px;
}

#report7 .lnavi-area {
	background-image: url(../special/report7_images/bg_lnavi.png);
}

/* #araa2 */
.area2-list {
	width: 100%;
}
.area2-list li {
	float: left;
	width: 50%;
}

.song {
	background-image: url(../special/report7_images/song_bg.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.song-inner {
	padding-left: 5.46875%;
	box-sizing: border-box;
	overflow: hidden;
}

.song-list {
	float: left;
	width: 29.4214876%;
}

.song-txt {
	float: left;
	width: 70.5785124%;
}

.audio-btn div {
	background: url(../special/report7_images/audio_btn_off.png);
	background-size: 100% auto;
}
.audio-btn div.on {
	background: url(../special/report7_images/audio_btn_on.gif);
	background-size: 100% auto;
}

.song_start {
	cursor: pointer;
}


/* ========================================
	#report8
======================================== */
#report8 {
	background-image: url(../special/report8_images/bg_special.png);
	background-position: center top;
	background-repeat: repeat;
	background-size: 3px 5px;
}

#report8 #wrap {
	background-image: url(../special/report8_images/bg_special_main.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

#report8 main {
	padding-bottom: 20px;
}

#report8 .lnavi-area {
	background-image: url(../special/report8_images/bg_lnavi.png);
}