@charset "utf-8";

/* トップ
*****************************************************/
#home-top{
	clear:both;
	width: 100%; 
	margin:0 0 50px 0;
	padding:0;
	position:relative;
	}

#home-top img.top-photo { max-width:100%; height:auto; vertical-align:top; margin:0; padding: 0;}

#home-top .txt-box h1{display: none; }
#home-top .txt-box p{display: none; }

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

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

.update-header { width:130px; margin: 0; padding: 20px 0px; background-color:#fdf6ed; }
.update-header h4 { text-align:left; font-weight: 500; margin-left: 20px;}
.update-note { flex: 1; padding: 20px 0px 20px 20px; }
.update-right { width:100px; padding: 20px 0; margin: 0 10px;}

.update-right img.update-photo { width:100%; height:auto; vertical-align:top; margin:0; padding: 0;}


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

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

.post h3.update-year:first-child{ margin:0; }


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

@media only screen and (max-width:640px){
	
	.box-update-info { width: 100%; }

	.update-header { width:100%; margin-right: 0; padding: 10px 0; border-bottom: 1px solid #b39c7d;}
	.update-header h4 { margin-left: 3%;}
	.update-note { flex: 1; padding: 20px 0 20px 2%; }
	.update-right { margin: 0 10px; }

}

@media only screen and (max-width:480px){
	
	#home-top{ margin:0 0 20px 0;}

}