.vdlv7 {
font-family: vdl-v7gothic, sans-serif;
font-weight: 500;
font-style: normal;
letter-spacing:.05em;}

article#event.common {
text-align:center;
}
article#event.common .bgred {
  background-color: hsla(0, 100%, 50%, 0.2);
  padding:1em 1em 2em;
}
article#event.common h2 {
width:100%; height:340px; background: url(./img/main.jpg?3) no-repeat center center; background-size:cover;
  margin:0 auto;
  padding:0;
}
article#event.common p {
font-size:110%; 
color:#fff; line-height:170%;
}
article#event.common p strong {
color:#5fdc2d; 
font-size:120%; font-weight:600;
}
article#event.common h3{color:#fff; font-size:210%; font-weight:600; line-height:150%; text-shadow:2px 3px 1px #000; font-size:200%; font-weight:600; line-height:150%; text-shadow:2px 3px 1px #000; padding:.5em 0; letter-spacing:.05em;}
article#event.common h4{padding:0 2.5em 0; margin:1em auto .5em; color:#fdeb20; font-size:180%; font-weight:600; line-height:150%; letter-spacing:.1em; position:relative; display:inline-block;}
article#event.common h4:before,article#event.common h4:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 50px;
  height: 1px;
  background-color:#fdeb20;
}
article#event.common h4:before {
  left:0;
}
article#event.common h4:after {
  right: 0;
}
article#event.common ul {display: flex; flex-flow: row wrap; justify-content: center; align-items: center;}
article#event.common li{width:400px; height:255px;  margin:1em 1.2em 2.5em;}
article#event.common li a{display:block; width:100%; height:100%; background-repeat: no-repeat; background-position:center center; position: relative; background-size:cover; text-decoration:none; border:4px solid #000; box-shadow:6px 6px rgba(0,0,0,1); border-radius:20px; transition: 0.5s}
article#event.common li a:hover{text-decoration:none; transform: translate3d(6px, 6px, 0); box-shadow:none;}
.no-link{ pointer-events: none; cursor: default; text-decoration:none;}
article#event.common li.maruyama a {background-image:url(./img//bn_maruyama.jpg?2);}
article#event.common li.sato a {background-image:url(./img//bn_sato.jpg?2);}

article#event.common figure.band{margin:2em auto 1.5em; width:400px; height:470px; position:relative; box-shadow:10px 10px 0 rgba(0,0,0,0.1); display:block; background:url(./img/band.jpg) no-repeat center center; background-size:cover;}
article#event.common figure img{position:absolute;left:0;top:0; width:100%; height:100%;}

/*//////pc//////*/
@media all and (min-width: 768px) {
.nobr{display: none;	}
}

/*//////smp//////*/
@media all and (max-width: 767px) {
article#event.common {
  padding:2.5% 2.5% 0;
}
article#event.common .bgred {
  padding:2.5% 2.5% 8%;
}
article#event.common h2{height:0; padding:36.5% 0 0; position:relative;}
article#event.common h2 img,article#event.common li img{position:absolute;left:0;top:0; width:100%; height:100%;}
article#event.common h3{font-size:4.6vw; padding:2% 0 0;}
article#event.common h4{font-size:6vw; padding: 0 13vw; margin:8% auto 2%;}
article#event.common h4:before, article#event.common h4:after {
  width:10vw;
}
article#event.common p{font-size:4vw; line-height:160%;}
article#event.common li{width:80%; height:auto; margin:5% auto 0;}
article#event.common li:last-of-type{margin:5% auto 6%;}
article#event.common li a{height:0; padding:63.7837837838% 0 0; border:3px solid #000;}

article#event.common figure.band{margin:6% auto 4%; width:70%;height:0; padding:82.25% 0 0;}
}