@charset "utf-8";

/*********************
* 動画で見るカート
*********************/

/* PC */
@media print,screen and (min-width: 1001px) {
#movies .page_header {
	background-image: url(../images/movies/main.jpg);
}

#movies .s2 {
  margin: 120px 0 170px;
}

#movies .s2 .caption {
  margin-bottom: 50px;
}

#movies .s2 .caption .border {
  margin: 5px 0 0;
}

#movies .s2 .movies_box {
  margin-bottom: 120px;
}

#movies .s2 .movies_box::before,
#movies .s2 .movies_box::after {
  content: "";
  display: block;
  width: 31.67%;
}

#movies .s2 .movies_box::before {
  order: 1;
}

#movies .s2 .shorts_box::before,
#movies .s2 .shorts_box::after {
  content: "";
  display: block;
  width: 17.92%;
}

#movies .s2 .shorts_box::before {
  order: 1;
}

#movies .s2 .item {
  margin-bottom: 70px;
}

#movies .s2 .movies_box .item {
  width: 31.67%;
}

#movies .s2 .shorts_box .item {
  width: 17.92%;
}

#movies .s2 .item iframe {
  display: block;
  border-radius: 10px;
}

#movies .s2 .item h3 {
  font-size: 1.143em;
  font-weight: 400;
  line-height: 1.3;
  margin-top: 10px;
  padding: 0 20px;
}

} /* @media print,screen and (min-width: 1001px) */



/* SP */
@media screen and (max-width: 1000px) {
#movies .page_header {
	background-image: url(../images/movies/main_sp.jpg);
}

#movies .s1 {
	margin: 13vw 0 7vw;
}

#movies .s1 ul {
  background-color: #dc000c;
  border-radius: 10px;
  padding: 5vw;
}

#movies .s1 ul li {
  width: calc(100% / 2 - 1vw);
  text-align: center;
}

#movies .s1 ul li a {
  display: block;
  color: inherit;
  font-weight: 700;
  text-decoration: none;
  background-color: #fff;
  border-radius: 30px;
  padding: 1.5vw 0;
}

#movies .s2 {
  margin-bottom: 5vw;
}

#movies .s2 .caption {
  margin-bottom: 7vw;
  margin-top: -15vw;
  padding-top: 15vw;
}

#movies .s2 .caption .border {
  margin: 1.5vw 0 0;
}

#movies .s2 .movies_box {
  margin-bottom: 13vw;
}

#movies .s2 .item {
  margin-bottom: 10vw;
}

#movies .s2 .movies_box .item {
  width: 100%;
}

#movies .s2 .shorts_box .item {
  width: 49%;
}

#movies .s2 .item iframe {
  display: block;
  border-radius: 20px;
}

#movies .s2 .movies_box .item iframe {
  height: 48.4375vw;
}

#movies .s2 .shorts_box .item iframe {
  height: 73.4375vw;
}

#movies .s2 .item h3 {
  font-weight: 400;
  line-height: 1.3;
  margin-top: 3vw;
  padding: 0 3vw;
}

} /* @media screen and (max-width: 1000px) */