@charset "UTF-8";
  


/*------------------------------------------------------------pagetitle*/
#pagetitle .container {
  background: url(../img/english_img/bg_pagetitle_sp.jpg) center top no-repeat;
  background-size: cover;
}
@media print, screen and (min-width:768px) {
#pagetitle {
  background: url("../img/english_img/bg_pagetitle_pc.jpg") center top no-repeat;
  background-size: 1462px auto;
}
#pagetitle .container {
  height: inherit;
  background: none;
}
}


/*------------------------------------------------------------content*/
.movie {
  position:relative;
  width:100%;
  height: calc(100vh * 9 / 16);
  margin-bottom: 1em;
}
.movie iframe{
  width:100%;
  height:100%;
}
@media print, screen and (min-width:768px) {
.movie {
  width: 690px;
  margin: 0 auto 1em;
}
}

.bn_moreinfo {
  background: rgba(255,255,255,.15);
  padding: 10px;
  margin: 10px 0;
}
.bn_moreinfo h4 {
  margin: 0 0 10px;
  padding: 0 0 4px;
  color: #fff;
  font-weight: bold;
  text-align: left;
  border-bottom: solid 1px #fff;
}
.bn_moreinfo a {
  display: block;
  color: #fff;
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.4444;
  text-decoration: none;
  background: url(../img/common_img/bg_red.png) 0 0 repeat;
  box-shadow: 0 2px 2px 0px rgba(255,255,255,0.5) inset, 0 -2px 2px 0px rgba(0,0,0,0.2) inset;
  padding: 16px 0;
}
.bn_moreinfo a:hover {
  opacity: .7;
}
@media print, screen and (min-width:768px) {
.bn_moreinfo {
  padding: 15px;
  margin: 20px 0;
}
.bn_moreinfo a {
  margin: 0 15px;
}
}