@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-en{
	width:100%;
	display:none;
}
.main-img-cn{
	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:solid 1px #ccc;
	background:#EEE;

}

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

.gengo-menu li a:hover{
	opacity:0.7;
}

/*== ■言語メニュー==*/
.gen-jp{}
.gen-en{display:none;}
.gen-cn{display:none;}

.dcs-button{
	width:30%;
	margin-left:18em;
		margin-bottom:0;
	margin-right:0;/*1.3em*/
		margin-top:1em;
		
}
.dcs-button a{
	color:#B22222;
}
.dcs-button a:hover{
color:#F00;
}


/*== ■別バージョン ==*/
.dc-jp{}
.dc-en{display:none;}
.dc-cn{display:none;}



/*=== ▼▼ メディアスクリーン  ===*/
@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:3px;
		}
		.koki-jp, .koki-cn, .koki-cn{
			width:80%;
		}
		
				
		.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%;
	/*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;
}


/*== コメント ==*/
.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-ttl-en{ display:none;}
.come-ttl-cn{ display:none;}

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


/*== フッター ==*/
.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{}
.p-top-en{display:none;}
.p-top-cn{display:none;}


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