/* CSS Document */

body{
background-color:#000000;
margin:0px;
}

.footer{
width:650px;
font-size:0.7em;
text-align:center;
margin-top:20px;
margin-bottom:0px;
}

#top{
background-color:#000000;
text-align:center;
margin:0 auto;
width:750px;
}

#top .top-logo{
  padding: 20px 0;
  text-align: center;
}

#top .fla{
background-color:#000000;
width:550px;
margin: 0 auto;
}

#top .menu{
background-color:#000000;
margin: 20px auto;
text-align:center;
width:550px;
height:20px;
padding-top:5px;
}

#top .menu_v2{
	display: flex;
	width: 550px;
	margin: 20px auto 15px;
}
#top .menu_v2-item{
	flex: 1;
}
#top .menu_v2-item a{
	display: inline-flex;
	align-items: center;
	gap: 0 6px;
	padding: 5px 20px;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	letter-spacing: .2em;
	text-decoration: none;
	transition: opacity .3s ease;
}
@media (any-hover: hover){
	#top .menu_v2-item a:hover{
		opacity: .5;
	}
}
#top .menu_v2-item a::before{
	flex: 0 0 auto;
	transform: translateY(-1px);
	width: 12px;
	height: 9px;
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="6" data-name="svg" viewBox="0 0 8 6"><path d="M8 3 0 0l2.498 3L0 6z" style="fill:%23fff"/></svg>') no-repeat center / contain;
	content: "";
}
#top .menu_v2-item._btn a{
	border-radius: 4px;
	background: #fff;
	color: #000;
}
#top .menu_v2-item._btn a::before{
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="6" data-name="svg" viewBox="0 0 8 6"><path d="M8 3 0 0l2.498 3L0 6z" style="fill:%23000"/></svg>') no-repeat center / contain;
}

img{
	border:none;
}
.bac{
margin-top:0px;
margin-bottom:0px;
background-image:url(../img/bac.gif);
text-align:center;
}

.main{
	background-color:#FFFFFF;
	border:solid 1px #000000;
	margin: 0 auto;
	padding: 30px;
	width: 660px;
}

.logo{
	width:660px;
	margin-bottom:0px;
}

.menu{
width:650px;
text-align:right;
margin:0px;
}
h1{
	margin:0;
	padding:8px 0 0;
	line-height:0;
}

.title{
	width:650px;
	padding: 0;
	display: block;
}

.title_left{
	width:200px;
	float:left;
	margin-top:-2px;
}

.title_right{
width:450px;
float:right;
padding-top:19px;
text-align:right;
}

#event .contents{
	width:600px;
	text-align:left;
	margin: 0 auto;
}
#event p{
font-size:0.8em;
line-height:1.1em;
text-align:left;
}
#event .left{
float:left;
}
#event h2{
background-image:url(../event/img/title_back.gif);
background-repeat:no-repeat;
padding-left:25px;
width:575px;
font-size:0.8em;
padding-top:6px;
padding-bottom:5px;
}
#works p{
font-size:0.8em;
line-height:150%;
padding:20 0 0 20;
text-align:left;
}

#works .photo{
width:600px;
}
#works .left{
float:left;
width:200px;
}
#works .right{
float:right;
width:400px;
}
#works .left1{
margin-top:10px;
float:left;
width:170px;
}
#works .right1{
margin-top:10px;
float:right;
width:430px;
}
#works .mi{
padding-left:200px;
padding-right:200px;
width:200px;
}
#works .contents{
	width:600px;
	margin: 0 auto;
	clear: both;
}
#outline .contents{
	width:660px;
}

#outline .right{
float:right;
width:350px;
margin-top:10px;
text-align:left;
}

#outline .left{
float:left;
width:250px;
text-align:left;
margin-left:40px;
font-size:0.8em;
line-height:1.1em;
margin-top:50px;

}
.top_japan{
	align:left;
	display: block;
	padding: 0;
	width: 550px;
	margin: 30px auto 20px;
}

.top_info{
	color:#FFFFFF;
	text-align:left;
	display: block;
	padding: 0;
	width: 550px;
	margin: 20px auto;
}
.top_info li{
	font-size:0.8em;
	list-style-type:none;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:dotted 1px #ffffff;
	padding-left: 5px;
}
.top_info a{
color:#FFFFFF;
text-decoration:none;
}
.top_info a:hover{
	color:#f0f0f0;
	text-decoration:none;
}

#event dl {
	font-size: 0.8em;
	line-height: 1.4em;
}

#event dt {
	width: 11em;
	float: left;
}

#event dd {
	margin: 0;
	padding: 0 0 0 11.5em;
}
.bt_japanese{
float:right;
}

.rela{
	margin-top:20px;
	padding-top:20px;
}

.rela_i{
	margin-top:30px;
}

.rela p{
	text-align:left;
	font-size:12px;
	margin-left:50px;
}

ul li span.news_date{
	display:inline-block;
	width:110px;
}

.topic{
	border-top: dotted 1px #CCC;
	padding-top: 15px;
	margin-top: 15px;
}


/*20191121追加*/
div.youtubemovie{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: 20px auto;
}
div.youtubemovie div.ymovie1{
	flex: 0 1 49%;	
}
div.youtubemovie div.ymovie1 p{
	color: #fff;	
}
div.youtubemovie div.ymovie2{
	flex: 0 1 49%;	
}
div.youtubemovie div.ymovie2 p{
	color: #fff;	
}

.c_b{
    clear: both;
}

.pho img{
    width: 100%;
    height: auto;
}

.pho-list{
    display: flex;
    flex-wrap: wrap;
    width: 600px;
    margin: 0;
    padding-left: 0;
    list-style-type: none;
}

.pho-list li{
    display: block;
    flex: 0 0 141px;
}

.pho-list li:not(:nth-child(4n)){
    margin-right: 12px;
}

.pho-list li:not(:nth-child(-n+4)){
    margin-top: 10px;
}

.pho-list li img{
    width: 100%;
    height: auto;
}