@charset "utf-8";
/* CSS Document */

html {
	background-color: #eff1f2;
}

/*　hidetxtPlus */
.hidetxtPlus {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/*------------------------------------------------
 header
------------------------------------------------*/

#header {
	background: #fff url(../img/trivia/bg_trivia01.jpg) 50% 0 no-repeat;
}

#header .mv {
	height: 382px;
}

#header .logo {
	margin-bottom: 50px;
}

#header h1 {
	text-align: center;
}

#header .bg_gnav {
	background-color: #f9e1ad;
}


/*------------------------------------------------
 container
------------------------------------------------*/

/* trivia */
#container .trivia {
	background: url(../img/trivia/bg_chart.jpg) 43px 257px no-repeat;
}

/* module */
.trivia h2 {
	margin-bottom: 4px;
	text-align: center;
}
.trivia > div {
	padding-left: 69px;
}

.trivia > div > .txt {
	line-height: 1.9;
	padding-right: 1em;
	font-size: 116%;
	font-weight: bold;
}
.trivia > div > .attention {
	font-size: 85%;
}

/*
 section
*/

/* sec01 */
.trivia .sec01 {
	height: 491px;
}

/* sec02 */
.trivia .sec02 {
	height: 539px;
}
.trivia .sec02 h3 {
	margin-bottom: .5em;
}
.trivia .sec02 .txt {
	width: 350px;
	margin-bottom: 1em;
	padding-left: 431px;
}

/* sec03 */
.trivia .sec03 {
	height: 472px;
}

.trivia .sec03 h3 {
	margin-bottom: 2em;
}
.trivia .sec03 .txt {
	width: 350px;
	margin-bottom: 1em;
	padding-left: 50px;
}

/* sec04 */
.trivia .sec04 {
	height: 486px;
}

.trivia .sec04 h3 {
	margin-bottom: 2.5em;
}
.trivia .sec04 .txt {
	width: 350px;
	padding-left: 462px;
}

/* sec05 */
.trivia .sec05 {
	height: 480px;
}

.trivia .sec05 h3 {
	margin-bottom: 1.5em;
}
.trivia .sec05 .txt {
	width: 380px;
	padding-left: 50px;
}

/* sec06 */
.trivia .sec06 {
	height: 479px;
}

.trivia .sec06 h3 {
	margin-bottom: 166px;
}
.trivia .sec06 .txt {
	width: 650px;
	padding-left: 108px;
}

/* sec07 */
.trivia .sec07 {
	height: 563px;
	margin-bottom: 24px;
}

.trivia .sec07 h3 {
	margin-bottom: 104px;
}
.trivia .sec07 .txt {
	width: 330px;
	padding-left: 50px;
}

/* ikiru */
.trivia .ikiru {
	margin-bottom: 24px;
	text-align: center;
}

.trivia .nextBtn {
	text-align: center;
}

.trivia .nextBtn a {
	display: block;
}