/* CSS Document */

/*fade in animation*/
/*
.fadein {
	opacity : 0;
	transform : translate(0, 50px);
	transition : all 300ms;
}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}
*/

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

.automark{
	position:absolute;
	top:0;
	left:0;
}

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

.sp_br{
	display:none;
}

body{
}

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

#primaryContainer{
}

div#contents_inner{
	padding-bottom:6%;
	max-width: 1000px;
	margin: 0 auto 5%;
}
	div#header_wrap{
		/*background:#F4CE2E;*/
	}
	#kv{
		width:100%;
	}
	
	#kv_wrap{
		background-size: 16% ;
		background-position: right 30px bottom 5px;
		height:auto;
		max-width:1000px;
		padding:0;
		margin:0 auto;
	}
		
		#kv_logo{
			display:block;
			float:left;
			max-width:24%;
			padding:3% 0 3% 3%;
		}
		
		#title_wrap{
			float:left;
			padding-top:2%;
			width:73%;
		}
			#title_text{
				
			}
			
			/*日本のアンデルセン*/
			#ls_01{
				font-size:2em;
				letter-spacing:-0.2em;
			}
			
			/*久留島武彦生誕*/
			#ls_10{
				margin-left:-0.2em;
				font-size:3.7em;
				letter-spacing:-0.2em;
			}
			
			/*145*/
			#ov_10{
				line-height:0em;
				font-size:5em;
				width: 160px;
				height: 90px;
				padding:1.2%;
				margin:0 1%;
				margin-top:1%;
				background-color: #603900;
				border-radius: 80px / 50px;
				color:#FFFF00;
			}
			
			/*周年記念*/
			#ls_11{
				margin-left:-0.2em;
				font-size:3.7em;
				letter-spacing:-0.2em;
			}
			
			/*くるしま童話名作選特集*/
			#ls_12{
				font-size:4em;
				letter-spacing:-0.2em;
				line-height:1.5em;
			}
		
		#title_wrap p{
			margin-top:0em;
			margin-bottom:1em;
		}
			#ls_13{
				font-size:1.4em;
				letter-spacing:-0.35em;
				line-height:1.3em;
			}
			

					
					#kvcap_wrap .contents_inner{
						margin:0 auto;
						max-width:760px;
						width:90%;
					}
					
					#kurushima_takehiko{
						display:block;
						float:left;
						max-width:18%;
						height:auto;
						margin-right:2%;
					}
					
					#kurushima_takehiko_caption{
						float:left;
						max-width:80%;
					}
							#kurushima_takehiko_caption h2{
								font-size:2.5em;
								line-height:1.2em;
								font-family: DSきりぎりす,DS-kirigirisu;
								letter-spacing:-0.2em;
								color:#FFFF00;
							}
							
							#kurushima_takehiko_caption p{
								font-size:1em;
								color:#fff;
								line-height:1.5em;
								text-align:justify;
							}
							
							div#title_wrap{
								font-family: DSきりぎりす,DS-kirigirisu;
							}
						
#contents_wrap{
    margin: 0 auto;
	background-color: #f3f3f3;
}					
.contents_p{
	max-width:100%;
	margin: 3% auto 4% 0;
    padding-top: 6%;
	font-size:30px;
	color:#000;
	font-weight:bold;
	text-align:center;
}
.contents_title{
	max-width:100%;
	margin:0 auto 1% 0;
	font-size:25px;
	color:#000;
	font-weight:bold;
	text-align:center;
}

.header_color{
	color:#B0C13F;
	font-size:20px;
	line-height:60px;
	vertical-align:middle;
	padding:0 10px;
}

/* 4colmn */
.contents_4column{
	margin:0 auto;
	padding:2% 0 0 2%;
	display:flex;
	flex-wrap:wrap;
	background-image: url(https://www.oita-ebooks.jp/wp-content/themes/ebooks/sub-img/page-4236/e-books_tana.png);
	background-repeat: no-repeat;
    background-size: contain;
	background-position: bottom 10%;
}
	
		.contents_4column li{
			flex-basis:23%;
			padding:0 2% 4% 0;
			max-height:10%;
		}
			.contents_4column li p{
				text-align:center;
				margin-top:14%;
				font-size:0.8em;
				line-height:1.5em;
			}

		.contents_4column li img{
			max-width:100%;
			max-height:254px;
			display:block;
			margin:0 auto;
		}

#contents_inner .more_btn{
	text-align: right;
	padding: 0px 4%;
}
#contents_inner .more_btn a{
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #233B6C;/*背景色*/
  border-bottom: solid 2px #101c33;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
}


/*------BOTTOM-----*/
#bottom_wrap{
	
}

	#bottom_img{
		width:90%;
		margin:0 auto;
		display:block;
	}
	
	#bottom_wrap .inner_wrap{
		max-width:760px;
		margin:0 auto 5% auto;
	}
		#photo{
			display:block;
			float:left;
			max-width:30%;
			height:auto;
		}
		
		#bottom_cap{
			float:left;
			max-width:68%;
			margin-left:2%;
		}
			
			#bottom_cap h2{
				font-family: DSきりぎりす,DS-kirigirisu;
				margin-bottom:2%;
			}
			
			#bottom_t_01{
				display:block;
				font-size:1.2em;
			}
			
			#bottom_t_02{
				display:block;
				font-size:1.6em;
			}
			
			#ft_table{
				width:100%;
				
			}
				
				#ft_table th{
					width:15%;
					vertical-align:middle;
				}
				
				#ft_table .ft_td{
					width:47%;
					vertical-align:middle;
				}
				
				#qr_td{
					width:20%;
				}
				
				#qr-code{
					vertical-align: top;
					width:80%;
					height:auto;
				}
			
			#bottom_cap a{
				
			}
			#bottom_cap img{
				
			}
.saiki_bnr{
	max-width: 1000px;
    margin: 0 auto 5%;
    background: #f3f3f3;
    display: flex;
	align-items: center;
    justify-content: space-evenly;
	padding: 30px 0;
}
.saiki_bnr .saiki_bnr_ttl{
	font-size: 28px;
    font-weight: bold;
}	
.saiki_bnr .saiki_bnr_btn{
	width: 333px;
}
.saiki_bnr .saiki_bnr_btn img{
	width: 100%;
}

/*------FOOTER-----*/
#footer_wrap{
	background:url(../../sub-img/page-3867/img-6@2x-8.png) repeat-x bottom;
	background-size: contain ;
}
	
	#footer_wrap .inner_wrap{
		max-width:1000px;
		min-height:150px;
		margin:0 auto;
	}
	
	#ft_logo{
		display:block;
		width:40%;
		margin:0 auto;
		
	}
	
		/*-----------*/
		img#kv-pc{
		}
		
		img#kv-sp{
			display:none !important;
		}

@media only screen and (max-width: 1000px){
.saiki_bnr{
	width: 100%;
    margin: 0 auto 5%;
    background: #f3f3f3;
    display: flex;
	align-items: center;
    justify-content: space-evenly;
	padding: 3% 0;
}
.saiki_bnr .saiki_bnr_ttl{
	font-size: 2.8vw;
    font-weight: bold;
}	
.saiki_bnr .saiki_bnr_btn{
	width: 33.3vw;
}
.saiki_bnr .saiki_bnr_btn img{
	width: 100%;
}

}

@media only screen and (max-width: 960px){
	/*KVフォントサイズ変更*/
	
	/*日本のアンデルセン*/
	#ls_01{
		font-size:2em;
	}
	
	/*久留島武彦生誕*/
	#ls_10{
		font-size:3em;
	}
	
	/*145*/
	#ov_10{
		font-size:4em;
	}
	
	/*周年記念*/
	#ls_11{
		font-size:3em;
	}
	
	/*くるしま童話名作選特集*/
	#ls_12{
		font-size:3em;
	}
	
	
	
	
	/* 2列にする */
	.contents_4column{
		max-width:90%;
		background-image: none;
	}
		.contents_4column li{
			flex-basis:31.33%;
		}
	
	.contents_title{
		font-size:16px;
		max-width:100%;
		margin:0 auto 4% 0;
		color:#000;
		font-weight:bold;
		text-align:center;
	}
	
	.header_color{
		font-size:14px;
		color:#B0C13F;
		line-height:60px;
		vertical-align:middle;
		padding:0 10px;
	}
	#footer_wrap .inner_wrap{
		min-height:120px;
	}
}

@media only screen and (max-width: 900px){
	
	#photo{
		
	}
	
	#bottom_cap{
		
	}
	
	#kurushima_takehiko{
		
	}
	
}

@media only screen and (max-width: 768px){
	
	/*KVフォントサイズ変更*/
	
	/*日本のアンデルセン*/
	#ls_01{
		font-size:1.2em;
	}
	
	/*久留島武彦生誕*/
	#ls_10{
		font-size:2em;
	}
	
	/*145*/
	#ov_10{
		font-size:2em;
	}
	
	/*周年記念*/
	#ls_11{
		font-size:2em;
	}
	
	/*くるしま童話名作選特集*/
	#ls_12{
		font-size:2em;
	}
	
	#ls_13{
		font-size:1.2em;
	}
	
	/* 2列にする */
	.contents_4column{
		max-width:100%;
		padding:4% 0 0 4%;
		background-image: none;
	}
		.contents_4column li{
			flex-basis:46%;
			padding:0 4% 4% 0;
		}
	
	
	
	#footer_wrap .inner_wrap{
		min-height:90px;
	}
	
	#photo{
		float:none;
		max-width:40%;
		margin:0 auto;
		margin-bottom:5%;
	}
	
	#bottom_cap{
		float:none;
		max-width:80%;
		margin:0 auto;
	}
		#ft_table{
			font-size:0.8em;
			
		}
}

@media only screen and (max-width: 620px){
	
	#ls_13{
		font-size:0.8em;
	}
	
	#ft_table{
		font-size:0.6em;
	}
	
	#bottom_t_01{
		display:block;
		font-size:1.2em;
		text-align:center;
	}
	
	#bottom_t_02{
		display:block;
		font-size:1.6em;
		text-align:center;
	}
	
	.sp_br{
		display:inline;
	}
	.saiki_bnr{
		display: block;
		text-align: center;
	}
	.saiki_bnr .saiki_bnr_ttl{
		font-size: 4vw;
	}
	.saiki_bnr .saiki_bnr_btn{
		margin: 3vw auto 0;
		width: 60vw;
	}
}
@media only screen and (max-width: 480px){
	
	/*KVフォントサイズ変更*/
	
	/*日本のアンデルセン*/
	#ls_01{
		font-size:1.4em;
	}
	
	/*久留島武彦生誕*/
	#ls_10{
		font-size:1.5em;
	}
	
	/*145*/
	#ov_10{
		font-size:1.5em;
	}
	
	/*周年記念*/
	#ls_11{
		font-size:1.5em;
	}
	
	/*くるしま童話名作選特集*/
	#ls_12{
		font-size:1.7em;
	}
	
	#ls_13{
		font-size:1.2em;
	}
	
	#kv_logo{
		float:none;
		width:100%;
		margin:0 auto;
		max-width:66%;
	}
	
	#title_wrap{
		float:none;
		width:80%;
		margin:0 auto;
	}
	
	#ls_13{
		font-size:0.8em;
	}
	
	.pc_br{
		display:none;
	}
	
	#kvcap_wrap .contents_inner{
		width:80%;
		margin:0 auto;
	}
	
	/*kvcapの段組み解除*/
	#kurushima_takehiko{
		max-width:40%;
		margin:0 auto;
		float:none;
	}
	
	#kurushima_takehiko_caption{
		float:none;
		max-width:100%;
		margin-bottom:5%;
	}
	
	#kurushima_takehiko_caption h2{
		font-size:2em;
	}
	
	#ft_logo{
		width:60%;
	}
	
	#footer_wrap .inner_wrap{
		min-height:90px;
	}
	
	#bottom_cap{
		max-width:100%;
	}
	
	#ft_table{
		font-size:0.8em;
		margin:0 auto;
		max-width:90%;
	}
	
	#ft_table th{
		width:20%;
	}
	
	#ft_table th,#ft_table td{
		padding:2% 1%;
	}
	
	#qr_td{
		display:none;
	}
	
	#bottom_cap a{
		display:block;
		text-align:center;
	}
	
}