@charset "utf-8";
/* CSS Document */



*{
	margin:0;
	padding:0;
}

a{
	text-decoration:none;
	color:#333;
}

ul{
	list-style:none;
}

.wrapper{
	max-width:1100px;
	margin:0 auto;
	

}


/*== ■ メイン画像==*/
.main-img-jp{
	width:100%;
	display:block;
}
.main-img-jp2{
	width:100%;
	display:none;
}

/*=========*/


.title-header{
	display:flex;
	flex-direction:row;
	align-items:center;
	/*justify-content:flex-start;space-between*/
	
}
.title-logo{
	display:flex;
	flex-direction:row;
	align-items:flex-end;
	justify-content:center;
	
	margin-top:10px;

	}


/*==デザインメニュー==*/
.gengo-menu{
	display:flex;
	flex-direction:row;
	
	justify-content:space-between;
	align-items:center;
	
	margin-left: 3em;
	margin-top:20px;
		text-align:center;
		
		border:double 3px #999;
	background:#EEE;

}

.gengo-menu li{
	border-left:solid 1px #999;
	padding:10px;
	
	color:#555;
}
.gengo-menu li:first-child{
	border:0;
}

.gen-btn:hover{/*cursor:pointer;*/
	background:#DEB887;
}

/*== デザインメニュー==*/
.gen-jp{}

.dcs-button{

	/*text-align:right;*/
	width:30%;
	margin-left:18em;
		margin-bottom:0;
	margin-right:0;/*1.3em*/
		margin-top:1em;

	/*background:red;*/
}
.dcs-button a{
	color:#B22222;
}
.dcs-button a:hover{
color:#F00;
}


/*=== ▼▼ メディアスクリーン  ===*/
@media screen and (max-width: 1100px){

		.title-header{
		flex-direction:column;
		}

	.dcs-button{
		width:100%;
		margin-left:auto;
			margin-bottom:0;
		margin-right:auto;/*1.3em*/
			margin-top:1em;
			text-align:center;
		}
		
		.gengo-menu h3{
			font-size:0.9em;
		}
		
		.gengo-menu{
			
			margin-left: auto;
			margin-right:auto;
			margin-top:20px;
			
				text-align:center;
				
				border:solid 1px #ccc;
			background:#EEE;
		
		}
		
		.gengo-menu li{
			padding:5px;
		}
		.gen-btn{
			font-size:0.9em;
		}
		
		
		.come-area h2{
			font-size:1.2em;
		}
		.come-area p{
			line-height:1.3em;
		}
}

/*== メニュー ==*/
.g-nav{
	
	display:flex;
	flex-direction:row;
	max-width:1100px;
	margin:20px auto;

}

.g-nav li{
text-align:center;
	width:20%;
	min-height:35px;
	
	background:#EEE;
	
	box-sizing: border-box;
	/*border-right:solid 1px #333;*/
	
}

/*.g-nav li:last-child{
	border:0;
}*/

.g-nav li a{
	display:block;
	justify-content:space-between;
	width:100%;
	height:100%;
	
	align-content:center;
	/*padding-top:7px;
	padding-bottom:8px;*/
	color:#333;
}

.g-nav li a:hover{
	background:#AAA;
	color:#DDD;
}


/*== 新着情報 ==*/
.news{
	padding:3%;
	}
	
.news-ttl{
	border-bottom:1px solid #000;
}

.news-year{
	margin: 10px 0;
	text-indent:1em;
	font-weight:600;
}

.news-contents{
		margin-left:15px;
		display:flex;
	flex-direction:column;
}

.news-list{
	display:flex;
	flex-direction:row;
	margin-bottom:0.3em;
}

.n-naiyou{
	margin-left:2em;

}

.news-more{
margin-left:15px;
}
.news-more a:hover{
	color:#DEB887;
}


/*== コメント ==*/
.come-area{
	width:65%;
	margin:50px auto;
	padding-left:1.5em;
	padding-bottom:2em;
	padding-right: 1.5em;
	padding-top:1.5em;
	/*padding:1.5em;*/
	
	background:#888;
	border-radius:10px 10px;
	color:#FFF;
}


/*== タイトル ==*/
.come-ttl-jp{}


/*== 文章 ==*/
.come-jp{
	border-top:solid #EEE 1px;
	margin-top:1em;
	padding-top:1em;
	}



/*== フッター ==*/
.footer{
	width:100%;
	margin-left:auto;
	margin-bottom 0;
	margin-right:auto;
	margin-top:80px;
	
	padding-top:30px;
	
	
	border-top:solid 1px #333;
		height:120px;
}


.foot-menu{
	display:flex;
	flex-direction:row;
		justify-content: center;
	
	width:100%;
	margin-bottom:20px;
	text-align:center;
}

.foot-menu li{
	
	border-right:solid 1px #333;
}

.foot-menu li:last-of-type{
	border:0;
}

.foot-menu li a{
	padding:10px 30px;
	color:#333;
}

.foot-menu li a:hover{
	color:#AAA;
	background:#555;
}


/*== トップボタン ==*/
.p-top-jp{}



.copy{
	color:#333;
	width:230px;
	padding:10px 0;
	margin:0 auto;
}