@charset "UTF-8";

#page_content.landing #pankuzu {
    height:186px;
    position: relative;
    margin-bottom: 36px;
}

#page_content.landing #pankuzu nav {
    display: block;
    position: absolute;
    bottom:-30px;
    width:100%;
}
#page_content.landing #pankuzu nav ol{
    display: block;
    width:980px;
    margin:0 auto;
    float: none;
}

#page_content header.main_title {
	padding:20px 12px;
	border-top: solid 1px #bbb;
	border-bottom: solid 1px #bbb;
}
#page_content.landing header.main_title h1 {
	line-height: 1.1;
	margin-bottom: 24px;
}
#page_content header.main_title h2 {
	color:#6e9f18;
	padding:0;
	background: none;
	margin-bottom: 14px;
	line-height: 1.1
}

.pic_centering{
	text-align: center;
}

.column_wrapper{
	padding-bottom:24px;
	max-width: 980px;
}
.column_wrapper .column_header{
	margin:0 0 36px 0;
}
.column_wrapper .column_header .t_num_wrapper{
	display: table;
	background: #d1ec90;
	font-family: '游明朝', 'Yu Mincho', 'YuMincho', '游明朝体', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
}
.column_wrapper .column_header .t_num_wrapper h1,
.column_wrapper .column_header .t_num_wrapper p{
	display: table-cell;
	vertical-align: middle;
}
.column_wrapper .column_header .t_num_wrapper h1{
	padding:10px 10px;
	width:858px;
	font-size:170%;
	line-height: 1.2;
	font-weight: bold;
}
.column_wrapper .column_header .t_num_wrapper p{
	width:100px;
	border-left:solid 1px #f3f8eb;
	text-align: center;
}
.column_wrapper .column_header .tag{
	background:#e7eae2;
	padding:6px 8px 1px 10px;
	font-size:90%;
}
.column_wrapper .column_header .tag span{
	border:1px solid #888;
	border-radius: 1em;
	margin:0 10px 0 0;
	display: inline-block;
	overflow: hidden;
}
.column_wrapper .column_header .tag span a{
	display: block;
	padding:0.2em 0.8em 0.1em 0.8em;
	line-height: 1.1;
}
.column_wrapper .column_header .tag span a:hover{
	background:#777;
	color:#fff;
	text-decoration: none;
}
.column_wrapper .body{
	padding:0 100px 0 12px;
}
.column_wrapper .body > p,
.column_wrapper .body > div{
	margin-bottom:46px;
}
.column_wrapper .body .pic_r{
	overflow: hidden;
}
.column_wrapper .body .pic_r .pic{
	width:500px;
	float:right;
}
.column_wrapper .body .pic_r .pic img{
	width:500px;
	height:auto;
}
.column_wrapper .body .pic_r .txt{
	width:330px;
	float:left;
}

.writer_wrapper{
	width:686px;
	margin:80px auto 70px auto;
	border:solid 1px #aaa;
	padding:0 40px 34px;
}
.writer_wrapper header{
	height:80px;
	margin-top:-20px;
	margin-bottom: 22px;
	position: relative;
	font-size:116%;
	line-height: 1.2;
}
.writer_wrapper header .midashi{
	height:26px;
	width:80px;
	background:#b5b5b5;
	color:#fff;
	padding-top:54px;
	float:left;
	text-align: center;
}
.writer_wrapper header .name{
	height:700px;
	position: absolute;
	top:54px;
	left:100px;
	color:#333;
	font-family: '游明朝', 'Yu Mincho', 'YuMincho', '游明朝体', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
}


article.backnumber{
	width:848px;
	margin:0 auto 50px;
	border-top:2px solid #ccc;
	border-bottom:2px solid #ccc;
	padding:26px 66px;
}
article.backnumber dl{
	position: relative;
}
article.backnumber dl dt{
	width:130px;
	position: absolute;
	left:0;
	top:0;
}
article.backnumber dl dd{
	padding-left:130px;
}
article.backnumber dl dd ul li{
	margin:0 0 8px 0;
}
article.backnumber dl dd ul li:last-child{
	margin:0 0 0 0;
}

.b_storage_link{
	width:500px;
	height:112px;
	margin:0 auto 30px auto;
}
.b_storage_link a{
	display: block;
	width:auto;
	text-align: center;
	border:solid #d1ec90 2px;
	padding:20px 36px;
	background:url(../img/bg_arrow.gif) center right no-repeat;
}
.b_storage_link a .name{
	color:#006fad;
	margin:0 0 3px 0;
	font-size:160%;
	line-height: 1.2;
}
.b_storage_link a .txt{
	font-size:90%;
	border-top:solid 1px #aaa;
	padding-top:3px;
}
.b_storage_link a:hover{
	text-decoration: none;
	border:solid #6e9f18 2px;
}

#modelhouse_list_container .sect_modelhouse .bold_title {
    font-size: 110%;
    margin-bottom: 15px;
}
#modelhouse_list_container .sect_modelhouse {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    width: 984px;
}
#modelhouse_list_container {
    padding: 40px 0 48px 0;
}
#modelhouse_list_container.pt0 {
    padding-top: 0;
}
.txt_link_list.pdt_mh {
    padding-left: 14px;
    padding-right: 14px;
}


/*
archive
*/
.archive_list{
	display: flex;
	width:974px;
	margin:0 auto;
}
.archive_list li{
	margin:0 2.258% 30px 0;
	width:31.827%;
	cursor: pointer;
	position: relative;
}
.archive_list li:nth-child(3n){
	margin:0 0 30px 0;
}
.archive_list li p.pic{
	margin:0 0 10px 0;
	width:100%;
	border:solid 1px #ddd;
	box-sizing: border-box;
}
.archive_list li p.pic img{
	width:100%;
}
.archive_list li p.title{
	line-height: 1.2;
}

.archive_list li .tag{
	padding:10px 0 5px 0;
	font-size:90%;
}
.archive_list li .tag span{
	border:1px solid #888;
	border-radius: 1em;
	margin:0 6px 0 0;
	display: inline-block;
	overflow: hidden;
	line-height: 1.1;
	padding:2px 6px;
}

.archive_list li .update{
	width:58px;
	height:58px;
	border-radius: 50%;
	background:#f11;
	text-align: center;
	color: #fff;
	padding-top:16px;
	position: absolute;
	z-index: 2;
	font-weight: bold;
	line-height: 1.2;
	font-size:80%;
	box-sizing: border-box;
	top:-4px;
	left:-4px;
}


@media screen and (max-width: 834px){
	#page_content.landing #pankuzu nav ol{
	    width:92%;
	    display: none;
	}
	.column_wrapper .body{
		padding:0 12px;
	}
	.column_wrapper .body .pic_r{
		overflow: auto;
	}
	.column_wrapper .body .pic_r .pic{
		width:100%;
		float:none;
	}
	.column_wrapper .body .pic_r .pic img{
		width:640px;
		height:auto;
	}
	.column_wrapper .body .pic_r .txt{
		width:100%;
		float:none;
		margin-bottom: 20px;
	}
	.writer_wrapper{
		width:80%;
		padding:0 4% 34px;
	}
	article.backnumber{
		width:86%;
		margin:0 auto 50px;
		padding:26px 3%;
	}

	#modelhouse_list_container .sect_modelhouse {
	    margin: 0 auto;
	    overflow: hidden;
	    width: 96%;
	}
	.txt_link_list.pdt_mh {
	    padding-left: 0px;
	    padding-right: 0px;
	}
	.txt_link_list.pdt_mh li {
	    width: 48%;
	    margin-right: 4%;
	    float: left;
	}


	/*
	archive
	*/
	.archive_list{
		display: flex;
		width:92%;
	}
}



@media screen and (max-width: 736px){
	.column_wrapper .body .pic_r .pic{
		width:100%;
	}
	.column_wrapper .body .pic_r .pic img{
		width:100%;
		height:auto;
	}
}



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

	/*
	archive
	*/
	.archive_list{
		display: flex;
		width:92%;
	}
	.archive_list li{
		margin:0 2% 30px 0;
		width:49%;
	}
	.archive_list li:nth-child(3n){
		margin:0 2% 30px 0;
	}
	.archive_list li:nth-child(2n){
		margin:0 0 30px 0;
	}
}



@media screen and (max-width: 556px){
	.b_storage_link{
		width:92%;
		height:auto;
		margin:0 auto;
	}
	.b_storage_link a{
		padding:20px 56px 20px 16px;
		background:url(../img/bg_arrow.gif) center right no-repeat;
	}
}


@media screen and (max-width: 550px){
	#modelhouse_list_container .sect_modelhouse {
	    margin: 0 auto;
	    overflow: hidden;
	    width: 96%;
	}
	.txt_link_list.pdt_mh {
	    width: 94%;
	    margin-right: 3%;
	    margin-left: 3%;
	}
	.txt_link_list.pdt_mh li {
	    width: 100%;
	    margin-left: 0%;
	    float: none;
	}
}