h2.title {
  margin: 0 0 40px;
  text-align: center;
  font-size: 24px;
  padding: 80px 0;
  letter-spacing: 5px;
}
#main nav{
	width:800px;
	margin:30px auto;
}
#main nav h2{
	font-size:18px;
	margin-right:100px;
	display:inline-block;
}
#main nav>ul{
	display:inline-block;
}
#main nav>ul>li{
	cursor:pointer;
	display:inline-block;
	font-size:13px;
	margin-right:45px;
	position: relative;
}
#main nav>ul>li>ul{
	display:none;
	position: absolute;
	margin-left: -60px;
	padding: 10px;
	background-color: rgba(255,255,255,0.9);
}
#main nav>ul>li>ul>li{
	margin-bottom:6px;
}
#main nav>ul>li>ul.area{
	width:130px;
	margin-left: -40px;
}
#main li.japan-east{
	border-top:1px solid #333;
	margin-top:20px;
	padding-top:20px;
}
#main nav>ul>li>ul.area>li.euro,
#main nav>ul>li>ul.area>li.international{
	border-top:1px solid #333;
	margin-top:20px;
	padding-top:20px;
	margin-bottom:0;
}
#main nav>ul>li>ul.monthly{
	width:145px;
	margin-left: -40px;
}
#main nav>ul>li>ul.monthly>li{
	text-align:center;
}
#main nav>ul>li>ul.monthly>li span{
	width:20px;
	text-align:right;
	display:inline-block;
	margin-right:1em;
}
#main nav>ul>li>ul.monthly>li.past{
	border-top:1px solid #333;
	margin-top:20px;
	padding-top:20px;
	margin-bottom:0;
}
#main nav>ul.social{
	float:right;
}
#main nav>ul.social>li{
	margin-right:20px;
	margin-bottom:10px;
}
#event{
	background-color:#e6e6e6;
}
#event .event-inner{
	width:800px;
	margin:0 auto;
	padding:25px 0;
}
#event .event-inner ul li{
	float:left;
	width:248px;
	margin-right:28px;
	background-color:#fff;
	padding:10px;
	font-size:10px;
	margin-bottom:25px;
}
#event .event-inner ul li img{
  object-fit: cover;
}

#event .event-inner ul li a{
    /* Firefox */
    -moz-transition: 0s;
    /* WebKit */
    -webkit-transition: 0s;
    /* Opera */
    -o-transition: 0s;
    /* Standard */
    transition: 0s;
}
#event .event-inner ul li a:hover{
    /* Firefox */
     -moz-opacity: 0.6;
    /* IE */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    /* Standard */
    opacity: 0.6;
}
#event .event-inner ul li:nth-child(3n){
	margin-right:0;
}

@media screen and (max-width: 767px) {
#main nav{
	width:100%;
	padding:0 3%;
}
#main nav h2{
	margin-bottom:20px;
}
#event .event-inner{
	text-align:center;
	width:100%;
}
#event .event-inner ul{
	text-align:center;
	width:100%;
}
#event .event-inner ul li,
#event .event-inner ul li:nth-child(3n){
	float:none;
	width:248px;
	margin:0 auto 25px;
	text-align:left;
}
}