/* debug */



/* CSS Document */

.automark_wrap{
	position:relative;
	top:0;
	left:0;
}

.automark{
	position:absolute;
	top:0;
	left:0;
	z-index:999;
}

.new_icon{
	width:25%;
	height:auto;
}

.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


.book_shadow{
	-moz-box-shadow: 0 0 1px #000;
	-webkit-box-shadow: 0 0 1px #000;
}

/* 3colmn */
.contents_3column{
	max-width:97%;
	padding:3% 0 0 3%;
}
	
	.contents_3column li{
		width:30%;
		float:left;
		padding:0 3.33% 3% 0;
	}
	
	.contents_3column li img{
		max-width:100%;
		height:auto;
	}
	
/* 2colmn */
.contents_2column{
	max-width:97%;
	padding:3% 0 6% 3%;
}
	
	.contents_2column li{
		width:47%;
		float:left;
		padding:0 3% 3% 0;
	}
	
	.contents_2column li img{
		height:auto;
	}
	
	.intv_img{
		width:100%;
	}
	.intv_img_book{
		width:30%;
	}
	.intv_img_mov{
		width:40%;
	}

.contents_title{
	margin:6% 3% 1% 3%;
	font-size:25px;
	color:#999;
	font-weight:bold;
	border-bottom:#eee solid 1px;
}

.header_color{
	color:#005BAA;
	font-size:20px;
	line-height:60px;
	vertical-align:middle;
	padding:0 10px;
	border-left:#005BAA solid 10px;
}

body{
	background:#fff;
}

a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-webkit-transition: all .3s;
	transition: all .3s;
}

div#primaryContainer{
	height:auto;
	margin:0 auto;
}

	div#header_wrap{
		max-width:100%;
	}
		div#kv_wrap{
			max-width:1200px;
			margin:0 auto;
		}

	#bg_wrap{
		max-width:1400px;
		margin:0 auto;
		background-image:
			url(../../sub-img/page-3383/contents_wrap_bg_left.png),
			url(../../sub-img/page-3383/contents_wrap_bg_right.png);
		background-position:
			left top,right top;
		background-repeat:
			no-repeat,no-repeat;
	}
	
	div#contents_inner{
		max-width:1000px;
		margin:0 auto;
	}
		
		div#kv_wrap{
			height:auto;
			padding:0;
		}
			div#kv_wrap img{
				width:100%;
				height:auto;
				display:block;
			}
	
	div#book_anc_wrap{
		max-width:810px;
		margin:0 auto;
		
	}
		div#kouhou_book_cov_wrap{
			width:40%;
			height:auto;
			float:left;
		}
		
			div#kouhou_book_cov_wrap img{
				width:100%;
				height:auto;
			}
		
		div#anc_wrap{
			width:60%;
			height:auto;
			float:right;
		}
			div#anc_wrap img{
				width:100%;
				height:auto;
				margin-left:50px;
			}
	
	div#book_mov_wrap{
		max-width:810px;
		margin:0 auto;
		margin-bottom:80px;
	}
		div#book_cov_wrap{
			width:40%;
			height:auto;
			float:left;
		}
		
			div#book_cov_wrap img{
				width:100%;
				height:auto;
			}
		
		div#mov_wrap{
			width:60%;
			height:auto;
			float:right;
		}
			div#mov_wrap img{
				width:100%;
				height:auto;
			}
	
	div#mv_wrap{
		max-width:100%;
		margin-bottom:80px;
	}
		div#mv_video_wrap{
		}
			img#mov_img{
				max-width:100%;
			}
		
		div#mv_text_wrap{
		}
		
			div#mv_text_wrap h2{
			}
			
			div#mv_text_wrap p{
			}

		#bundai_mov_wrap h3{
			margin-top: 2%;
		}

	
	div#intv_wrap{
		max-width:792px;
		margin:0 auto;
	}
		img#mov_header{
			width:100%;
			height:auto;
		}
		
		div#intv_wrap ul{
			/*margin-left:-20px;*/
		}
			
			div#intv_wrap ul li{
				width:45%;
				height:auto;
				margin-right:0px;
				margin-bottom:40px;
				float:left;
			}
				div#intv_wrap ul li img.intv_img{
					width:100%;
					height:auto;
				}
				
				div#intv_wrap ul li img.intv_img_mov{
					width:55%;
					height:auto;
				}
				
				div#intv_wrap ul li img.intv_img_book{
					width:40%;
					height:auto;
				}
			
			div#intv_wrap ul li:nth-child(even){
				float:right;
			}
	div#intv_jyuken_wrap{
		max-width:792px;
		margin:0 auto;
	}
		img#mov_jyuken_header{
			width:100%;
			height:auto;
			display:block;
			margin-top:30px;
			margin-bottom:50px;
		}
		
		div#intv_jyuken_wrap ul{
			/*margin-left:-20px;*/
		}
			
			div#intv_jyuken_wrap ul li{
				width:45%;
				height:auto;
				margin-right:0px;
				margin-bottom:40px;
				float:left;
			}
				div#intv_jyuken_wrap ul li img.intv_img{
					width:100%;
					height:auto;
				}
				
				div#intv_jyuken_wrap ul li img.intv_img_mov{
					width:55%;
					height:auto;
				}
				
				div#intv_jyuken_wrap ul li img.intv_img_book{
					width:40%;
					height:auto;
				}
			
			div#intv_jyuken_wrap ul li:nth-child(even){
				float:right;
			}
		
	img#blue_line{
		width:100%;
		height:auto;
	}
	
	div#book_fb_wrap{
		max-width:920px;
		margin:0 auto;
		margin-bottom:50px;
	}
		div#book_wrap{
			max-width:495px;
			height:auto;
			float:left;
		}
			div#book_wrap h2{
			}
				div#book_wrap img{
					display:block;
				}
			
			span#questionnaire_link {
				display:block;
				margin-bottom:20px;
				text-align:center;
			}
			
				span#questionnaire_link a{
					
				}
			
			ul#book_list_wrap{
				width:100%;
			}
				ul#book_list_wrap li{
					width:30%;
					margin-right:3%;
					margin-bottom:10px;
					float:left;
				}
					ul#book_list_wrap li img{
						width:100%;
					}
					
					div#book_wrap h3{
						text-align:center;
					}
					
					div#book_wrap a{
						font-size:12px;
						color:#666;
						text-decoration:none;
					}
					
		
		div#fb_wrap{
			max-width:400px;
			height:auto;
			float:right;
		}
		
	div#footer_wrap{
		max-width:890px;
		margin:0 auto;
	}
	
		div#footer_header_wrap{
			max-width:333px;
			height:auto;
			float:left;
		}
		
		div#footer_linklist_wrap{
			max-width:537px;
			height:auto;
			margin-left:20px;
			margin-bottom:40px;
			float:left;
		}
		
		span.hp_link_button{
			display:inline-block;
			margin-bottom:10px;
		}
		
		span.hp_link_button a{
			background:#0059D1;
			color:#fff !important;
			text-decoration:none;
			display:inline-block;
			padding:2px 20px;
			font-size:12px;
		}
		
		span.hp_link_button a:hover{
			background:#F1CC31;
			color:#666;
			-webkit-transition: all .3s;
			transition: all .3s;
		}
			
			span.ftlink_header{
				display:inline-block;
				width:160px;
			}
			
			
@media only screen and (max-width: 1000px){
	#bg_wrap{
		background-image:
			none,
			none;
	}
}
			
@media only screen and (max-width: 920px){
	
	div#header_wrap{
		
		
		
	}
	
		div#left_wrap{
			max-width:100%;
			float:none;
		}
			div#left_wrap img{
				width:100%;
				height:auto;
			}
		
		div#right_wrap{
			float:none;
		}
			div#right_wrap{
				display:none;
			}
	
	div#book_mov_wrap{
		max-width:90%;
		margin:0 auto;
	}
	
		div#book_wrap{
			width:30%;
			height:auto;
		}
			div#book_wrap img{
				width:100%;
				height:auto;
			}
		
		div#mov_wrap{
			width:60%;
			height:auto;
		}
			div#mov_wrap img{
				width:100%;
				height:auto;
			}
	
	
	div#intv_wrap ul{
		padding:30px;
	}
	
	div#intv_jyuken_wrap ul{
		padding:30px;
	}
	
	
	
	
	
	div#book_fb_wrap{
		overflow:hidden;
		
	}
		div#book_wrap{
			width:100%;
			max-width:100%;
			height:auto;
			margin-left:2%;
		}
			div#book_wrap h2{
			}
				div#book_wrap img{
				}
			
			ul#book_list_wrap{
				max-width:100%;
				height:auto;
			}
				ul#book_list_wrap li{
				}
					ul#book_list_wrap li img{
					}
					
					div#book_wrap h3{
					}
					
					div#book_wrap a{
					}
					
		
		div#fb_wrap{
			
			margin:0 auto;
			float:none;
		}
		
}


@media only screen and (max-width: 600px){
	
	div#book_mov_wrap{
		max-width:810px;
		margin:0 auto;
	}
	
		div#book_cov_wrap{
			width:100%;
			height:auto;
			margin:0 auto;
			float:none;
		}
		
		div#kouhou_book_cov_wrap{
			width:50%;
			height:auto;
			margin:0 auto;
			padding-top:20px;
			float:none;
		}
		div#anc_wrap{
			width:100%;
			height:auto;
			margin:0 auto;
			
			float:none;
		}
			div#anc_wrap img{
				margin:0;
			}
			
			
		
			div#book_wrap img{
				width:100%;
				
				height:auto;
			}
		
		
			
		
		div#mov_wrap{
			width:100%;
			height:auto;
			margin:0 auto;
			float:none;
		}
			div#mov_wrap img{
				width:100%;
				height:auto;
			}
		
		div#intv_wrap{
			
		}
			img#mov_header{
				
			}
			
			div#intv_wrap ul{
				
			}
				
				div#intv_wrap ul li{
					width:100%;
					height:auto;
					margin:0 auto;
					float:none;
				}
					div#intv_wrap ul li img.intv_img{
						
					}
					
					div#intv_wrap ul li img.intv_img_mov{
						
					}
					
					div#intv_wrap ul li img.intv_img_book{
						
					}
				
				div#intv_wrap ul li:nth-child(even){
					float:none;
				}
			
			div#fb_wrap{
			}
		div#intv_jyuken_wrap{
		}
			img#mov_header{
			}
			
			div#intv_jyuken_wrap ul{
				
			}
				
				div#intv_jyuken_wrap ul li{
					width:100%;
					height:auto;
					margin:0 auto;
					float:none;
				}
					div#intv_jyuken_wrap ul li img.intv_img{
						
					}
					
					div#intv_jyuken_wrap ul li img.intv_img_mov{
						
					}
					
					div#intv_jyuken_wrap ul li img.intv_img_book{
						
					}
				
				div#intv_jyuken_wrap ul li:nth-child(even){
					float:none;
				}
			
			div#fb_wrap{
			}
			
		div#footer_header_wrap{
			margin:0 auto;
			margin-bottom:20px;
			float:none;
		}
		
		div#footer_header_wrap img{
			width:80%;
			height:auto;
			display:block;
			margin:0 auto;
		}
		
		div#footer_linklist_wrap{
			font-size:10px;
		}
			span.ftlink_header{
				width:90px;
			}
}

@media only screen and (max-width: 600px){

	/* 3colmn */
	.contents_3column{
		max-width:87%;
		padding:13% 0 0 13%;
	}
		.contents_3column li{
			width:87%;
			float:none;
			padding:0 13% 13% 0;
		}
		
		.contents_3column li img{
			max-width:100%;
			height:auto;
		}
	
	/* 2colmn */
	.contents_2column{
		max-width:87%;
		padding:13% 0 0 13%;
	}
		
		.contents_2column li{
			width:87%;
			float:none;
			padding:0 13% 13% 0;
		}
		
		.contents_2column li img{
			height:auto;
		}
		
		.intv_img{
			width:100%;
		}
		
		.intv_img_book{
			width:25%;
		}
		.intv_img_mov{
			width:35%;
		}
		
	.contents_title{
		margin:6% 3% 1% 3%;
		font-size:14px;
		color:#999;
		font-weight:bold;
		border-bottom:#eee solid 1px;
	}
	
	.header_color{
		color:#005BAA;
		font-size:10px;
		line-height:60px;
		vertical-align:middle;
		padding:0 10px;
		border-left:#005BAA solid 10px;
	}
	
}




/* 2023年追加修正 */
.footerinfo2023 h2{
	width: 495px;
}

.footerinfo_bookwrap2023 ul{
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.footerinfo_bookwrap2023 li{
	width: 200px;
	margin: 0 auto;
}
.footerinfo_bookwrap2023 li img{
	width: 100%;
}
.footerinfo_bookwrap2023 li h3{
	text-align: center;
}
#content .footerinfo_bookwrap2023 li h3 a{
	text-decoration: none;
	padding: 5%;
    display: inline-block;
}
.footerinfo_sheetwrap2023 .QUESTION_listwrap{
	margin: 3% 0 5%;
}
.footerinfo_sheetwrap2023 .QUESTION_listwrap ul{
	display: flex;
	justify-content: space-around;
    align-items: center;
	flex-wrap: wrap;
}
.footerinfo_sheetwrap2023 .QUESTION_listwrap li a{
	display: block;
	text-decoration: none;
    background: #005BAA;
    color: #fff!important;
    font-size: 1.5em;
    font-weight: bold;
    padding: 0.5em;
    box-sizing: border-box;
    border-radius: 10px;
}
.footerinfo_SNSwrap2023{
	display: flex;
	flex-wrap: wrap;
    justify-content: space-evenly;
}
.footerinfo_daigakulinkwrap2023{
	text-align: center;
	margin: 6% 0;
}
.footerinfo_daigakulinkwrap2023 a{
	font-size: 40px;
	font-weight: bold;
	text-decoration: none;
    background: #005BAA;
	color: #fff!important;
	padding: 0.5em;
	display: inline-block;
	margin: 0.5em 0;
	border-radius: 10px;
}

@media only screen and (max-width: 1000px){
	.footerinfo_sheetwrap2023 .QUESTION_listwrap li{
		width: 40%;
		text-align: center;
		margin: 0.5em;
	}
	div#fb_wrap{
		margin: 0 auto 6%;
	}
}
@media only screen and (max-width: 920px){
		div#fb_wrap{
		margin: 0 auto 6%;
	}
	.footerinfo_bookwrap2023 li{
		width: 21.74vw;
	}
}
@media only screen and (max-width: 760px){
	.footerinfo_daigakulinkwrap2023 a{
		width: 80%;
		font-size: 5.26vw;
	}
	.footerinfo_sheetwrap2023 .QUESTION_listwrap li{
		width: 46%;
	}
	.footerinfo_bookwrap2023 li{
		width: 45vw;
	}
	.footerinfo2023 h2{
		width: 90%;
	}
	.footerinfo2023 h2 img{
		width: 100%;
	}
}
@media only screen and (max-width: 500px){
	.footerinfo_sheetwrap2023 .QUESTION_listwrap li a{
		font-size: 1em;
	}
	div#fb_wrap{
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		max-width: 500px;
	}
	div#fb_wrap iframe{
		width: 100%!important;
	}
	div#X_wrap{
		margin-left: auto;
		margin-right: auto;
		width: 90%;
		max-width: 500px;
	}
	div#X_wrap iframe{
		width: 100%!important;
	}

}
@media only screen and (max-width: 400px){
	.footerinfo_sheetwrap2023 .QUESTION_listwrap li{
		width: 45%;
	}
	.footerinfo_sheetwrap2023 .QUESTION_listwrap ul{
		justify-content: space-between;
	}
}