/* page-teaser */
.page-teaser {
  background-color: #FADDD1;
}

/* mv */
.mv {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 4.69% 8.93% 3.59%;
}
@media screen and (max-width: 768px) {
  .mv {
    display: block;
    padding: 0 0 11.2% 0;
  }
}

.mv_img {
  width: 45.09%;
}
@media screen and (max-width: 768px) {
  .mv_img {
    width: 85.07%;
    margin: 0 auto 10.4% auto;
  }
}

.mv_info {
  position: relative;
  width: 51.32%;
  padding: 3.59% 0 0 0;
}
@media screen and (max-width: 768px) {
  .mv_info {
    width: 100%;
    padding: 0;
  }
}

.mv_info_award{
  width: 45.26%;
  margin: 0 auto 4.82% auto;
}
@media screen and (max-width: 768px) {
  .mv_info_award{
    width: 42.67%;
    margin: 0 auto 7.47% auto;
  }
}

.mv_info_ttl{
  width: 98.44%;
  margin: 0 auto 0 auto;
}
@media screen and (max-width: 768px) {
  .mv_info_ttl{
    width: 93.07%;
    margin: 0 auto 0 auto;
  }
}

.mv_info_copy{
  width: 100%;
  margin: 0 auto 4.2% auto;
}
@media screen and (max-width: 768px) {
  .mv_info_copy{
    width: 94.67%;
    margin: 0 auto 8.8% auto;
  }
}

.mv_info_date{
  width: 26%;
  margin: 4% auto 4.5% auto;
}
@media screen and (max-width: 768px) {
  .mv_info_date{
    width: 38%;
    margin: 0 auto 5.6% auto;
  }
}

.mv_sns_list{
  display: flex;
  justify-content: center;
  margin: 0 0 2.49% 0;
}
@media screen and (max-width: 768px) {
  .mv_sns_list{
    margin: 0 0 4% 0;
  }
}

.mv_sns_item{
  width: 5.44%;
}
@media screen and (max-width: 768px) {
  .mv_sns_item{
    width: 9.33%;
  }
}

.sns_item_link img{
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
@media screen and (max-width: 768px) {
}

@media screen and (min-width: 769px) {
  .sns_item_link:hover img {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    filter: drop-shadow(0 0 3px rgba(0,0,0,0.55));
    -webkit-filter: drop-shadow(0 0 3px rgba(0,0,0,0.55));
}
}
@media screen and (max-width: 768px) {
  .sns_item_link:active img {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    filter: drop-shadow(0 0 3px rgba(0,0,0,0.55));
    -webkit-filter: drop-shadow(0 0 3px rgba(0,0,0,0.55));
  }
}

.mv_info_billing{
  width: 100%;
  margin: 0 auto 0 auto;
}
@media screen and (max-width: 768px) {
  .mv_info_billing{
    width: 94.67%;
  }
}

/* nav */
.nav_list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0 3.42% 0;
}
@media screen and (max-width: 768px) {
  .nav_list{
    display: block;
    margin: 0 0 8.27% 0;
  }
}

.nav_item{
  width: 29.24%;
  padding: 1.3% 1.4%;
}
.nav_item_l{
  width: 44%;
  padding: 1.3% 1.4%;
}
@media screen and (max-width: 768px) {
  .nav_item,
  .nav_item_l{
    width: 45.33%;
    padding: 0;
    margin: 0 auto 3.73% auto;
  }
  .nav_item_l:last-of-type {
    margin-bottom: 0;
  }
}

.nav_item_link{
  display: block;
  padding: 4px;
  font-family: 'Libre Baskerville', serif;
  font-size: 0.9516vw;
  text-align: center;
  color: #493931;
  border: 1px solid #493931;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .nav_item_link{
    padding: 4px;
    font-size: 3.4666vw;
  }
}

@media screen and (min-width: 769px) {
  .nav_item_link:hover{
    color: #fff;
    background-color: #493931;
  }
}
@media screen and (max-width: 768px) {
  .nav_item_link:active{
    color: #fff;
    background-color: #493931;
  }
}

.bn_premier {
  position: absolute;
  bottom: 10%;
  right: 0;
  display: block;
  width: 40%;
}
@media screen and (max-width: 768px) {
  .bn_premier {
    position: relative;
    bottom: 0;
    width: 80%;
    margin: 6% auto 5%;
  }
}

.bn_bddvd {
  position: absolute;
  top: 3%;
  right: -7%;
  display: block;
  width: 28%;
}
@media screen and (max-width: 768px) {
  .bn_bddvd {
    position: relative;
    top: 0;
    right: 0;
    width: 55%;
    margin: 7% auto 6%;
  }
}