@charset "utf-8";

@import url("common.css");

#main-contents .event .common-block-inner {
	padding:45px 40px 50px;
}

/* event navigation */
.event-nav {
  display: flex;
	margin-bottom:70px;
	padding:20px;
	border-radius:10px;
	background:#f5f2ef;
}
.event-nav li {
	width:calc(25% - 7px);
	margin-right:10px;
	border-radius:4px;
	background:#67554b;
}
.event-nav li:last-child {
	margin-right:0;
}
.event-nav li a {
	display:block;
	padding:16px 10px;
	color:#fff;
  font-weight: 600;
	font-size:90%;
	text-align:center;
}
.event-nav .arrow:after {
	right:10px;
	width: 5px;
  height: 5px;
	border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}



/* event outline */
#main-contents .event .block-wrap {
  display: flex;
  flex-wrap: wrap;
	padding:0 20px;
}
#main-contents .event .block-list {
	margin-bottom:70px;
}
#main-contents .event .block-list:last-child {
	margin-bottom:0;
}
	
#main-contents .event .block {
	width:calc(33.3% - 14px);
  height: auto !important;
  border: 1px solid #f4f2f0;
	border-radius:10px;
	background:#f4f2f0;
	overflow:hidden;
}
#main-contents .event .block .poster {
	position:relative;
	padding-top:89.1%;
	background:url(../../img/bg_stripe.jpg);
}
#main-contents .event .block .poster img {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	width:auto;
	height:100%;
}
#main-contents .event .wide .poster img {
	width:100%;
	height:auto;
}
#main-contents .event .block dl {
	line-height:1.4;
	padding:15px;
}
#main-contents .event .block dl dt {
	margin-bottom:10px;
	font-weight:bold;
}
#main-contents .event .block dl dd strong {
	display:block;
	color:#d70c19;
	font-size:93.8%;
}
#main-contents .event .block dl dd span {
	color:#888888;
	font-size:87.5%;
}
#main-contents .event .block dl .caution {
  display: inline-block;
  margin-top: 5px;
  padding: 2px 5px;
  background: #fff;
  border: 1px #d70c19 solid;
  color:#d70c19;
  font-weight: 600;
	font-size:75%;
}



@media all and (max-width: 812px) {
#main-contents .event .common-block-inner {
	padding:8% 5% 8%;
}

/* event navigation */
.event-nav {
  flex-wrap: wrap;
	margin-bottom:25px;
	padding:5% 5% 2%;
}
.event-nav li {
	position:relative;
	width:48.5%;
	min-height:48px;
	margin:0 3% 3% 0;
}
.event-nav li:nth-child(2n) {
	margin-right:0;
}
.event-nav li a {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:100%;
	line-height:1.4;
	padding:8px 12% 8px 5%;
	font-size:75%;
	text-align:left;
}
.event-nav li a span {
	display:inline-block;
}
.event-nav .arrow:after {
	right:7%;
	width: 5px;
  height: 5px;
}



/* event outline */
#main-contents .event .block-wrap {
	padding:0;
}
#main-contents .event .block-list {
	margin-bottom:50px;
}

	
#main-contents .event .block {
	width:100%;
	border-radius:5px;
}
#main-contents .event .block dl {
	line-height:1.4;
	padding:5%;
}
#main-contents .event .block dl dt {
	margin-bottom:10px;
}
#main-contents .event .block dl dd span {
	font-size:81.3%;
}	
}