@charset "utf-8";

/* トップのボックス
*****************************************************/
#top-box-archives{
	clear:both;
	margin:0;
	padding:40px 4% 40px 4%;
	position:relative;
	text-align:left;
	background-image:url(../Resources/bg-craft-10-400px.jpg);
	background-size: 200px 200px;
	background-repeat:repeat;
	color:#f5f0e8;
	}

#top-box-archives.flex-archives { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 40px; }

#top-box-archives.flex-archives .left-fixed-270 { width: 270px; }
#top-box-archives.flex-archives .right-fluid { flex: 1; }

#top-box-archives.flex-archives .left-fixed-270 img.top-ikuji-hoiku-logo-250{ width:250px; height:auto; margin-top: 8px; }
#top-box-archives.flex-archives .right-fluid h1.heading { font-weight:600; font-size:22px; line-height:30px; letter-spacing: 0.05em; padding:4px 0 0 18px; margin-top:0; border-left: 1px solid #f5f0e8; }

/* ボックス
*****************************************************/


.box-archives-info { display: flex; flex-wrap: wrap; width: 100%; margin: 0; border-bottom: 1px solid #b39c7d; }
.box-archives-info-last { display: flex; flex-wrap: wrap; width: 100%; margin: 0 0 60px 0; border-bottom: 1px solid #b39c7d; }

.archives-header { width:110px; margin: 0; padding: 20px 0; background-color:#fdf6ed; }
.archives-header h4 { text-align:right; font-size:18px; font-weight: 500; margin-right: 20px;}
.archives-note { flex: 1; padding: 20px 0; margin: 0 5px 0 20px;}


/* タイポグラフィ
*****************************************************/

.post h3.archives-year{ padding:0px 10px 10px 10px; margin:40px 0 0 0; font-size:30px; font-weight:600; line-height:30px; letter-spacing: 0.1em; color:#000; border-bottom:1px solid #b39c7d; }

.post h3.archives-year:first-child{ padding:0px 10px 10px 10px; margin:0; font-size:30px; font-weight:600; line-height:30px; letter-spacing: 0.1em; color:#000; border-bottom:1px solid #b39c7d; }


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

}

@media only screen and (max-width:640px){
	
	#top-box-archives{ padding:25px 5px 25px 5px; text-align:center; }

	#top-box-archives.flex-archives .left-fixed-270 { width: 100%; }
	#top-box-archives.flex-archives .right-fluid { width: 100%; }
	
	#top-box-archives.flex-archives .left-fixed-270 img.top-ikuji-hoiku-logo-250{ width:250px; margin-top: 5px; }
	#top-box-archives.flex-archives .right-fluid h1.heading { padding:0; border-left: none; }
	
	.box-archives-info { width: 100%; }
	.box-archives-info-last { width: 100%; }

	.archives-header { width:100%; padding: 10px 0; border-bottom: 1px solid #b39c7d;}
	.archives-header h4{ text-align:left; margin-left: 3%}
	.archives-note { width:100%; padding: 20px 0 22px 0; margin: 0 3%;}

}

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

}