@charset "shift_jis";

#wrapper03 {
	background: url(../about/images/bg03.png) center 15px no-repeat;
}

/* ========================================
	#main
======================================== */
/* --------------------------------
	#about
-------------------------------- */
#about .secret-area {
	background: url(../about/images/secret_bg02.gif) left bottom no-repeat;
}
#about .secret-inner {
	position: relative;
	width: 100%;
	height: 350px;
	background: url(../about/images/secret_bg01.gif) right top no-repeat;
}
#about .secret-area .lead {
	position: absolute;
	top: 37px;
	left: 474px;
}
#about .secret-area .summary {
	position: absolute;
	top: 146px;
	left: 475px;
}
#about .secret-area .secret-chara {
	position: absolute;
	top: 28px;
	left: 42px;
}

#about .performance-area {
	background: url(../about/images/performance_bg01.gif) right top no-repeat;
}
#about .performance-inner {
	position: relative;
	width: 100%;
	height: 634px;
	background: url(../about/images/performance_bg02.gif) left bottom no-repeat;
}
#about .performance-area .performance-img {
	position: absolute;
	top: 16px;
	left: 39px;
}
#about .performance-area h2 {
	position: absolute;
	top: 16px;
	left: 484px;
}
#about .performance-area .performance-text {
	position: absolute;
	top: 144px;
	left: 484px;
}
#about .performance-area .style_btn_text {
	position: absolute;
	top: 270px;
	right: 121px;
}
#about .performance-area .style_btn {
	position: absolute;
	top: 292px;
	right: 93px;
}

#about .ensemble-area {
	background: url(../about/images/ensemble_bg01.gif) right top no-repeat;
}
#about .ensemble-inner {
	position: relative;
	width: 100%;
	height: 578px;
	background: url(../about/images/ensemble_bg02.gif) left bottom no-repeat;
}
#about .ensemble-area .ensemble-chara {
	position: absolute;
	top: -176px;
	right: 57px;
}
#about .ensemble-area h2 {
	position: absolute;
	top: 0px;
	left: 42px;
}
#about .ensemble-area .ensemble-img {
	position: absolute;
	top: 83px;
	right: 40px;
}
#about .ensemble-area .ensemble-text01 {
	position: absolute;
	top: 126px;
	left: 42px;
}
#about .ensemble-area .ensemble-text02 {
	position: absolute;
	top: 249px;
	left: 42px;
}
#about .ensemble-area .ensemble-text03 {
	position: absolute;
	top: 420px;
	left: 42px;
}

#about .compose-area {
	background: url(../about/images/compose_bg01.gif) right top no-repeat;
}
#about .compose-inner {
	position: relative;
	width: 100%;
	/*height: 829px;*/
	height: 679px;
	background: url(../about/images/compose_bg02.gif) left bottom no-repeat;
}
#about .compose-area .compose-img01 {
	position: absolute;
	top: 125px;
	left: 39px;
}
#about .compose-area .compose-chara {
	position: absolute;
	top: -6px;
	right: 27px;
}
#about .compose-area h2 {
	position: absolute;
	top: 403px;
	right: 178px;
}
#about .compose-area .compose-text {
	position: absolute;
	top: 525px;
	right: 44px;
}
#about .compose-area .compose-img02 {
	position: absolute;
	top: 399px;
	right: 34px;
}
#about .compose-area .compose-btn {
	position: absolute;
	top: 552px;
	right: 43px;
}

#about .compose-area .suppon-text {
	position: absolute;
	top: 655px;
	left: 101px;
}

#about .compose-area .suppon-btn01 {
	position: absolute;
	top: 729px;
	left: 75px;
}
#about .compose-area .suppon-btn02 {
	position: absolute;
	top: 729px;
	left: 484px;
}

#footer-top {
	padding-top: 0;
}

.btn-contribute {
	width: 960px;
	margin: 0 auto 20px auto;
	background-color: #000;
}

.btn-contribute ul {
	padding: 14px 80px 0 61px;
}

.btn-contribute li {
	float: left;
	margin: 0 0 24px 23px;
}

#header-logo {
	height: 100px;
	display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;

}

#header-logo .wiiu {
	top: 40px;
}

#header-logo .caution {
	margin: 0 auto;
	padding: 0 100px 0 0;
	width: 960px;
	box-sizing: border-box;
}

#header-logo .caution dt {
	font-size: 20px;
	font-weight: bold;
	color: #FF0000;
	margin: 0;
	padding: 0;
	line-height: 1.5;
	letter-spacing: -0.05em;
}

#header-logo .caution dd {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: -0.05em;
}

#header-logo .caution dd a {
	color: #333;
}

@media screen and (min-width: 1150px) {
	#header-logo .caution .narrow {
		display: none;
	}
}