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

body {
	font-family: "メイリオ", Meiryo,"HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","Helvetica Neue", Helvetica, "Arial", "ＭＳ Ｐゴシック",sans-serif;
	background:#010000 url(../images/bg.jpg) no-repeat top center;
	padding:0;
	margin:0;
	text-align:center;
	color:#fff;
	font-size:100%;
}
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
	}
.clearfix:after {
	clear: both;
	}
.clearfix {*zoom:1;}
.spDisplay {
	display:none;
}

img {
	border:0;
	vertical-align:bottom;
}
a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
}
.wrapper {
	width:100%;
	text-align:center;
}
.content {
	margin:0 auto;
	width:950px;
	padding-bottom:50px;
}
.wrapper p {
	text-align:left;
	padding:20px 0;
	margin:0;
}
figure {
	margin:0;
	padding:0;
}
h1,h2,h3,h4 {
	margin:0;
	padding:0;
	text-align:left;
}
h1 {
	height:205px;
	padding:0;
	margin:0 0 20px 0;
}
p.textC {
	text-align:center;
}
.leadArea {
	padding:20px 20px 10px 20px;
	background-color:#001642;
	background:rgba(0,22,66,.6);
}
.leadArea > div {
	position:relative;
}
a.konyu {
	display:block;
	background: #f8d404; /* Old browsers */
	background: -moz-linear-gradient(top,  #f8d404 0%, #d8bc16 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8d404), color-stop(100%,#d8bc16)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f8d404 0%,#d8bc16 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f8d404 0%,#d8bc16 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f8d404 0%,#d8bc16 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f8d404 0%,#d8bc16 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8d404', endColorstr='#d8bc16',GradientType=0 ); /* IE6-9 */
	color:#001b55;
	font-size:38px;
	line-height:56px;
	text-decoration:none;
	text-shadow:#ffe966 1px 1px 1px;
}
a.konyu:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
}
a.konyu i {
	margin-right:10px;
}
.leadArea dl {
	margin:20px 0 0 0;
	padding:0;
}
.leadArea dt {
	text-align:left;
	font-weight:bold;
}
.leadArea dd {
	text-align:left;
	margin:0 0 10px 2em;
	text-indent:-1em;
	padding:0;
}
.leadArea dd.moviearea {
	margin:0 0 10px 1em;
}
.leadArea figure {
	float:left;
	width:296px;
}
.leadArea .leadtext {
	float:right;
	width:594px;
	color:#ffda00;
}
.leadArea .leadtext h2 {
	font-size:16px;
}
.leadArea .leadtext h2 b {
	font-size:22px;
}
.leadArea .leadtext h2 strong {
	font-size:36px;
}
.pageIntro {
	padding:20px;
	border:1px solid #fff;
	margin-bottom:20px;
}
.pageIntro figure {
	float:left;
}
.pageIntro .pagetext {
	float:right;
	text-align:left;
	width:430px;
}
.pageIntro .pagetext p {
	padding:0;
}
.snsButtons {
	text-align:right;
}
.snsButtons li {
	display:inline-block;
	*display: inline;
    *zoom: 1;
	width:150px;
	margin:0 0 0 10px;
	vertical-align:top;
	height:20px;
}
.fb_iframe_widget > span {
  vertical-align: baseline !important;
}
/* SNS BUTTON ORIGINAL */
.snsArea {
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:0 0 20px 0;
}
.snsArea li {
	display:inline-block;
	*display: inline;
    *zoom: 1;
	width:340px;
}
.snsArea li a {
	display:block;
	border-radius:3px;
	color:#fff;
	text-align:center;
	line-height:4em;
	text-decoration:none;
}
.snsArea li i {
	margin:0 5px;
	font-size:2em;
	vertical-align:middle;
}
.snsArea li.fb {
	margin:0 40px 0 0;
}
.snsArea li.fb a {
	background-color:#2c4f99;
}
.snsArea li.tw a {
	background-color:#00aaf2;
}
.snsArea li a:hover {
	text-decoration:none;
	opacity:0.7;
	filter: alpha(opacity=70);
}
.bookinfo {
	text-align:center;
	font-size:0;
	padding:0 0 20px 0;
}
.bookinfo li {
	display:inline-block;
	*display: inline;
	*zoom: 1;
	padding:0 10px;
	border-left: 1px solid #333;
	font-size:12px;
	text-align:center;
}

.quizArea {
	padding:20px 20px 10px 20px;
	background-color:#001642;
	background:rgba(0,22,66,.6);
	margin-bottom:20px;
}
.quizArea h2 {
	color:#3dddf5;
}
.wrapper .quizArea p {
	padding:10px 0;
}
.qText {
	padding:10px;
	background:rgba(255,255,255,.15);
	margin-bottom:10px;
}
.quizArea dl {
	margin:0;
	padding:0;
}
.quizArea dl.quizQuestion:first-child {
	padding:5px 0 0 0;
}
.quizArea dl dt,
.quizArea dl dd {
	padding:0;
	margin:0 0 5px 0;
	text-align:left;
}

.quizArea dl dt {
	font-weight:bold;
}
.quizArea dl dt strong {
	font-size:20px;
}
.wrapper .quizArea p.cs {
	padding:40px 0;
	text-align:center;
	background:rgba(255,255,255,.15);
}
.quizAnswer {
	display:none;
}
.icon {
	display:inline-block;
	width:5em;
	font-size:14px;
	text-align:center;
	margin:0 5px 0 0;
	color:#fff;
	vertical-align:middle;
	font-weight:normal;
}
#tab1 .quizQuestion .icon {
	background-color:#b9b8b9;
	color:#9d2115;
	border:1px solid #9d2115;
}
#tab2 .quizQuestion .icon {
	background-color:#b69a0d;
	color:#012c70;
	border:1px solid #970a1d;
}
#tab3 .quizQuestion .icon {
	background-color:#2c824a;
	color:#aba84c;
	border:1px solid #9f3336;
}
#tab4 .quizQuestion .icon {
	background-color:#a10d2f;
	color:#b8b8b8;
	border:1px solid #b8b8b8;
}
.icon.ans {
	background-color:#2A68C1;
	border:1px solid #2A68C1;
}
.ansList {
	text-align:center;
	text-align:left;
	padding:5px 0;
	margin:0;
}
.ansList li {
	display:inline-block;
	margin:0 20px 5px 0;
	font-size:18px;
}

.wrapper p.showAnswerButton {
	display:block;
	width:300px;
	margin:0 auto;
	cursor:pointer;
	background-color:#2A68C1;
	text-align:center;
	color:#fff;
}
	.wrapper p.showAnswerButton:hover {
		opacity:0.7;
		filter: alpha(opacity=70);
	}
	.qText {
		z-index:1;
	}
	.tabin {
		z-index:1;
	}
ul.sectiontab {
	display:table;
	table-layout:fixed;
	width:100%;
	margin:0;
	padding:0;
	z-index:10;
	border-bottom:3px solid #001642;
}
.sectiontab li {
	display:table-cell;
	text-align:center;
	z-index:10;
}
.sectiontab li a {
	display:block;
	line-height:2em;
	margin-left:1px;
	/*background-color:#BFC8E0;
	color:#858585;*/
	text-decoration:none;
	opacity:0.5;
	filter: alpha(opacity=50);
	z-index:15;
}
.sectiontab li:first-child a {
	margin:0;
	background-color:#b9b8b9;
	color:#9d2115;
}
.sectiontab li:nth-child(2) a {
	background-color:#b69a0d;
	color:#012c70;
}
.sectiontab li:nth-child(3) a {
	background-color:#2c824a;
	color:#b8b8b8;
}
.sectiontab li:nth-child(4) a {
	background-color:#a10d2f;
	color:#b8b8b8;
}

.sectiontab li a:hover,
.sectiontab li a.selected {
	opacity:1;
	filter: alpha(opacity=100);
}
.sectiontab li a.selected {
	margin-bottom:-3px;
	padding-bottom:3px;
}
/*.sectiontab li a.selected {
	background-color:#E05D60;
	color:#fff;
}*/

.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
/* PCのみ */
@media only screen and (min-width: 780px) {
	.leadArea .leadtext a.konyu {
		position:absolute;
		right:0;
		bottom:0;
		width:594px;
	}
	.bookinfo li:first-child {
		border-left:none;
		margin-left:0;
	}

}
/* タブレット以下 */
@media screen and (max-width: 940px) {
	.content {
		width:95%;
	}
	img {
		max-width:100%;
		height:auto;
	}
	.spDisplay {
		display:inline-block;
	}
	h1 {
		height:auto;
	}
	.leadArea figure {
		width:38%;
}
	.leadArea .leadtext {
		width:60%;
	}
	.pageIntro figure {
		width:38%;
	}
	.pageIntro .pagetext {
		width:60%;
	}
}

/* スマホ */
@media only screen and (max-width: 767px) {
	body {
		font-size: 62.5%;
		line-height:1.4;
	}

	.content p,
	.content dt,
	.content dd {
		font-size:1.0rem;
	}
	a.konyu {
		font-size:2.2rem;
	}
	.wrapper p.showAnswerButton {
		width:80%;
		padding:10px 0;
		margin-bottom:5px;
	}
	.quizArea,
	.leadArea {
		padding:5px;
	}
	.ansList li {
		font-size:1.0rem;
		display:block;
		margin:0 0 5px 0;
	}
	.icon {
		font-size:0.8rem;
		margin:0 0 3px 0;
	}
	.quizQuestion .icon {
		display:block;
	}
	.quizAnswer dd,
	.quizAnswer dd,
	.quizAnswer dd {
		font-size:0.9rem;
	}
	.sectiontab li a {
		font-size:0.8rem;
		line-height:2.5em;
	}
	.leadArea figure {
		float:none;
		margin:0 auto 5px auto;
		width:100%;
	}
	.leadArea .leadtext {
		float:none;
		width:100%;
	}
	.leadArea .leadtext h2 {
		font-size:0.9rem;
		line-height:1.4;
		text-align:center;
	}
	.leadArea .leadtext h2 b {
		font-size:1.1rem;
	}
	.leadArea .leadtext h2 strong {
		font-size:1.6rem;
	}
	.leadArea dd {
		margin:0 0 10px 1em;
		text-indent:-1em;
		padding:0;
	}
	.leadArea dd.moviearea {
		margin:0 0 10px 0;
	}
	.pageIntro {
		padding:10px;
	}
	.pageIntro figure {
		float:none;
		margin:0 auto 5px auto;
		width:100%;
	}
	.pageIntro .pagetext {
		float:none;
		width:100%;
	}
	.snsButtons {
		text-align:center;
	}
	.snsButtons li {
		width:40%;
		margin:0 5% 0 0;0
	}
	/* SNS BUTTON ORIGINAL */
	.snsArea {
		width:100%;
	}
	.snsArea li {
		width:47%;
	}
	.snsArea li.fb {
		margin:0 3% 0 0;
	}
	.snsArea li a {
		font-size:1.0rem;
	}

	.bookinfo li {
		display:block;
		text-align:left;
		margin:0 0 5px 1.4em;
		padding:0;
		list-style:disc;
		border:none;
	}
}