background-color: #131313;@charset "utf-8";
.col-right-btn a img {
}



@media screen and (max-width: 458px) {
/* 458pxまでの幅の場合に適応される */
	
	/* スマホだけ表示 */
	.Ph {
			display:block!important;
		}
	/* スマホだけ非表示 */
	.nonePh {
			display:none!important;
	}
	
	/*　ナビ　*/
	.mainContainer .localnav{
		box-sizing: border-box;
		width: 100%;
	}
	
	/*　スマホ時表示 ナビ　*/
	.mainContainer .down_localnav{
		display: block;
		background-color: #fff;
		padding: 0;
	}
	.mainContainer .down_localnav dd{
		position: relative;
		border-top: solid 1px #c3c3c3;
		margin-top: 1px;
	}
	.mainContainer .down_localnav dd:last-child{
		border-bottom: solid 1px #c3c3c3;
		margin-bottom: 50px;
	}
	.mainContainer .localnav dd a span, .mainContainer .down_localnav dd a:hover span{
		background: none!important;
		padding-left: 0!important;
	}
	
	/*　スマホ時表示 下ナビ　*/
	.mainContainer .localnav dd a span {
		background: none!important;
		padding-left: 0!important;
		display: block;
	}
	.mainContainer .localnav dd a:hover span, .mainContainer .localnav dd.on span {
		background: none!important;
		padding-left: 0!important;
		display: block;
	}
	
	/*　右矢印　*/
	.arrow{
	  position: relative;
	  display: inline-block;
	  padding-left: 20px;
	}
	.arrow::after{
	  content: '';
	  width: 6px;
	  height: 6px;
	  border: 0px;
	  border-top: solid 1px #333;
	  border-right: solid 1px #333;
	  -ms-transform: rotate(45deg);
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	  position: absolute;
	  top: 50%;
	  right: 15px;
	  margin-top: -4px;
	}
	
	/*　ぱんくず　*/
	.mainContainer #topicPath{
		width:96%!important; 
		margin: 4% 2%!important;
	}
	.mainContainer .maincontents{
		width: 96%!important;
		margin: 0 2%!important;
	}
	
	/*　Topics mainコンテンツ　*/
	.mainContainer .maincontents .contents{
		width: 100%;
		margin-left: 0;
	}
	.mainContainer .maincontents .contents ul.thumnav li{
		float: none!important;
		width: 100%;
		margin-left: 0;
	}
	.mainContainer .maincontents .contents ul.thumnav li:nth-child(3n+1){
		margin-left: 0;
	}
	
	/*　works アコーディオン　*/	
	#btn{
		width: 100%!important;
	}
	#btn li#all{
		float: none!important;
		text-align: center;
		margin: 2% 0!important;
		padding: 3% 0 !important;
	}
	#btn li{
		margin: 0 2% 2% 0 !important;
		padding: 1.5% 2.5% 1.5%!important;
	}
	.menu_children {
		display: none; 
	}
	.menu_children li a {
		text-decoration: none;
	}
	.searchSelect{
		position: relative; /* 上下矢印向き用 */
		cursor: pointer;
		float: none!important;
		width: 90%!important;
		background: #EDEBEB repeat;
		border: none!important;
		margin: 2% 0!important;
		padding: 3% 0 3% 10%!important;
		text-align: left!important;
	  display: inline-block;
	}
	.searchSelect::before{
		content: '';
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 1px #333;
		border-right: solid 1px #333;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		position: absolute;
		top: 40%;
		left: 4%!important;
	}
	.searchSelected::before{
		content: '';
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 1px #333;
		border-right: solid 1px #333;
		-webkit-transform: rotate(-45deg)!important;
		transform: rotate(-45deg)!important;
		position: absolute;
		top: 50%;
		left: 4%!important;
	}
	
	
	/*　works 詳細　*/
	#main{
		background: none!important;
	}
	.searchList{
		float: none!important;
	}
	#main img{
		width: 100%;
	}
	#main_img .main_img{
		width: 100%!important;
	}
	ul#main_banner{
		right: 0;
		left: 0!important;
		width: 100%!important;
	}
	ul#main_banner li {
		max-width: 22%!important;
		width: 22%!important;
		margin: 0 1.5% 3%!important; 
		}
	ul#main_banner li a{
		width: 100%!important;
	}
	.leftarea-w{
		width: 100%!important;
		float: none!important;
		margin-bottom: 15px;
	}
	.rightarea-w{
		width: 100%!important;
		float: none!important;
	}
	#details{
		margin-bottom: 10%;
	}

	dl.arch{
		width: 50%!important;
	}
	.arch dt{
		width: 40%!important;
	}
	.arch dd{
		width: 60%!important;
	}
	.arch dd img{
		width: 100%!important;
	}
	
	/* 2019toppage更新 */
.container.top  {
	background-color: #DDDDDD;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	margin-top: 0px;
}

.mainContainer .container.top .rowtop {
	margin-left: auto;
	margin-right: auto;
	max-width: none;
	width: auto;
	height: auto;
	max-height: none;
	margin-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
}
.rowtop .col-left .logo {
    margin-bottom: 10px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    margin-top: 0px;
}


.col-left .logo img {
    width: 100%;
    height: 100%;
}

.rowtop .col-left p {
	font-size: 90%;
}

.rowtop .col-right .dde {
	margin-top: 10px;
	margin-bottom: 10px;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	display: none;

}
.rowtop .col-right .dde_smart {
	margin-top: 10px;
	width: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.dde_smart a img {
	width: 100%;
}



.container.top .rowtop .col-left {
	width: 100%;
	height: 100%;
    background-color: #131313;
	text-align: center;
	float: none;
	padding-bottom: 30px;
	margin-bottom: 0px;
}
.container.top .rowtop .col-right {
	width: 100%;
	height: 100%;
	float: none;
	clear: none;
}
.rowtop .col-right .news {
	width: 100%;
	height: 100%;
	margin-top: 10px;
	background-color: #FFFFFF;
	padding-bottom: 20px;
}
.col-right .news .news2 {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: thin solid #000000;
	margin-bottom: 0px;
}


.container.btn1 {
	width: auto;
	height: auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	max-width: none;
	max-height: none;
	padding-left: 10px;
	padding-right: 10px;
}
.col-left-btn {
	width: auto;
	float: none;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;

}
.col-right-btn {
	width: auto;
	float: none;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}


#scroll {
    position: relative;
    text-align: left;
    padding-top: 10px;
    font-size: 90%;
    margin-right: 5px;
}
.col-left-btn a img {
	width: 100%;
	max-width: none;
}
.col-right-btn a img {
	width: 100%;
	max-width: none;
}

.logo2 {
    font-weight: bold;
    font-size: 2.8em;
    font-family: "Arial Black", Gadget, sans-serif;
    margin-bottom: 0px;
    padding-top: 20px;
}
.shimz {
    letter-spacing: 0.2em;
    margin-bottom: 10px;
    margin-top: 0px;
    padding-bottom: 10px;
}
	
}