@charset "UTF-8";

.first-wrapper{
background-color:#f9efe4;
	/*background:linear-gradient( #f9efe4 90%, white 10%);*/
	padding:40px 30px;
	margin-bottom:80px;
	position:relative;
	top:-10px;
}

.first-wrapper h2{
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	letter-spacing:2;
}

.caption{
	width:800px;
	margin:40px auto;
}

.caption p, .item_caption p{
	text-align: justify!important;
}

.caption p{
	font-size:14px;
}

.item_caption p{
	font-size:12px;
}

.big-wrapper{
	width:1000px;
	margin:10px auto;
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	height: auto;
	align-items: flex-start;
	position:relative;
	z-index:1;
}

.big_style_01, .big_style_02, .big_style_03, .big_style_04, .normal_style{
	width:450px;
	margin-bottom:60px;
}

.big-wrapper h2{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.tate_title{
	color:#fff;
	position:relative;
	font-size:15px;
	display:flex;
	flex-direction: row-reverse;
}

.big_style_01 h2, .big_style_02 h2, .big_style_03 h2, .big_style_04 h2{
	margin:0 10px;
}

.big_style_01 h2 .tate_bg, .big_style_02 h2 .tate_bg{
	background-color:#8f9891;
	padding:5px 8px;
}
.big_style_03 h2 .tate_bg, .big_style_04 h2 .tate_bg{
	background-color:#eb8d87;
	padding:5px 8px;
}

.big_style_01 .tate_title{
	top:240px;
	margin-top:-230px;
	left:20px;
}

.big_style_02 .tate_title{
	top:345px;
	margin-top:-336px;
	left:20px;
}

.big_style_03 .tate_title{
	top:395px;
	margin-top:-350px;
	left:20px;
}

.big_style_04 .tate_title{
	top:295px;
	margin-top:-247px;
	left:20px;
}

.big-wrapper .item_list{
	position:relative;
	margin-top:15px!important;
	z-index:100!important;
}

.frames_box .item_list{
	text-align: center;
}

.yomoyama_box_notf{
	margin:50px 0;
	padding-top:80px;
}

.yomoyama_flex{
	display: flex;
	height: auto;
	align-items: flex-start;
	justify-content:space-between;
}

.yomoyama_flex p{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	text-align: justify;
	font-size:13px;
	margin:15px 0;
}

.y_f_s_box{
	width:420px !important;
	margin-top:20px;
}

.yomoyama_11_img img{
	width:400px;
	margin-top:20px;
}

.yomoyama_11_img_small{
	text-align: center;
	padding-top:20px;
}

.yomoyama_11_img_small img{
	width:200px;
}

.azuki_nov_box{
	width:800px;
	margin:50px auto;
	padding-top:70px;
}

.azuki_nov_box p{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	text-align: justify;
	font-size:13px;
	margin-bottom:50px;
}

.azuki_nov_box h2, .azuki_nov_box h3{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	text-align: center;
	color:#2f5173;
}

.azuki_nov_box h2{
	font-size:30px;
	margin-bottom:20px;
}

.azuki_nov_box h3{
	font-size:18px;
}

.azuki_nov_box h3:last-of-type{
	margin-bottom:15px;
}

/*.azuki_nov_box hr{
	margin:15px;
	border:1px solid #2f5173;
}*/

.azuki_nov_img{
	margin:30px auto 40px;
	width:600px;
}

.azuki_sp{
	display:none;
}

.azuki_flex_img{
	display: flex;
	height: auto;
	align-items: flex-start;
	justify-content:space-between;
	margin-top:15px;
}

.azuki_flex_img img:first-child{
	width:400px;
}

.azuki_flex_img img:last-child{
	width:178px;
}

@media screen and (max-width: 768px){
	
	.caption, .big-wrapper, .yomoyama_box_notf, .azuki_nov_box{
		width:600px;
	}
	
	.big-wrapper{
		padding-top:40px;
	}
	
	.big_style_01, .big_style_02, .big_style_03, .big_style_04, .normal_style{
		width:290px;
	}
	
	.tate_title h2{
		font-size:15px;
	}
	
	.big_style_01 .tate_title{
		top:180px;
		margin-top:-180px;
		left:15px;
	}
	
	.big_style_02 .tate_title{
		top:249px;
		margin-top:-249px;
		left:15px;
	}
	
	.big_style_03 .tate_title{
		top:285px;
		margin-top:-280px;
		left:15px;
	}
	
	.big_style_04 .tate_title{
		top:213px;
		margin-top:-208px;
		left:15px;
	}
	
	.y_f_s_box{
		width:280px!important;
	}

}

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

	.first-wrapper{
		padding:40px 0;
	}

	.caption, .big-wrapper, .yomoyama_box_notf{
		width:350px;
	}
	
	.big-wrapper{
		padding-top:25px;
	}
	
	 .big_style_01, .big_style_02, .big_style_03, .big_style_04, .normal_style{
	 	width:320px;
		margin-left:15px;
	 }
		
	.yomoyama_box_notf, .y_f_s_box, .azuki_nov_box, .azuki_nov_img{
		width:300px!important;
	}
	
	.f_sp_img{
		margin-bottom:30px;
	}
	
	.big-wrapper, .yomoyama_flex{
		display:block;
	}
	
	.yomoyama_box_notf{
	margin:50px 0;
	padding-top:20px;
	}
	
	.azuki_flex_img{
		display:none;
	}
	
	.azuki_sp{
		display:block;
	}
	
	.azuki_nov_box h2{
		font-size:25px;
		margin-bottom:20px;
	}

	.azuki_nov_box h3{
		font-size:15px;
	}

	.azuki_nov_box h3:last-of-type{
		margin-top:20px;
		font-size:14px;
	}
	
	.y_f_s_box p, .azuki_nov_box p{
		font-size:12px;
	}

}

/* CSS Document */