@charset "utf-8";

@import url("common.css");


/* photo */
#tenlove #movie .movGrp {
  display: flex;
  position: relative;
  flex-wrap:wrap;
  justify-content: space-between;
  align-content:space-around;
}
#tenlove #movie .movGrp .block {
  position: relative;
  width: 47.6%;
  margin-bottom: 40px;
}
#tenlove #movie .movGrp .block .thumb {
  position: relative;
}
#tenlove #movie .movGrp .block .popMov {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 80px;
  background: url("../../img/play.svg") no-repeat left top / 100% auto;
  font-size: 0;
}
#tenlove #movie .snsShare {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 110px;  
}
#tenlove #movie .snsShare li {
  position: relative;
  width: 33px;
  padding-top: 33px;
}
#tenlove #movie .snsShare li a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
#tenlove #movie .snsShare li.snsF a {
  background: #3b579d url("../../movie/img/fb.svg") no-repeat center center / 9px auto;
}
#tenlove #movie .snsShare li.snsT a {
  background: #5ea9dd url("../../movie/img/twitter.svg") no-repeat center center / 15px auto;
}
#tenlove #movie .snsShare li.snsL a {
  background: #00c300 url("../../movie/img/line.svg") no-repeat center center / 18px auto;
}
#tenlove #movie .movGrp .block h3 {
  margin-top: 10px;
  line-height: 1.5;
}


@media all and (max-width: 812px) {
#tenlove #movie .movGrp .block {
  margin-bottom: 3.8vw;
}
#tenlove #movie .movGrp .block .popMov {
  width: 12vw;
  height: 10vw;
}
#tenlove #movie .snsShare {
  top: 5px;
  right: 5px;
  width: 80px;  
}
#tenlove #movie .snsShare li {
  width: 30%;
  padding-top: 30%;
}
#tenlove #movie .snsShare li.snsF a {
  background: #3b579d url("../../movie/img/fb.svg") no-repeat center center / 27% auto;
}
#tenlove #movie .snsShare li.snsT a {
  background: #5ea9dd url("../../movie/img/twitter.svg") no-repeat center center / 50% auto;
}
#tenlove #movie .snsShare li.snsL a {
  background: #00c300 url("../../movie/img/line.svg") no-repeat center center / 63% auto;
}
#tenlove #movie .movGrp .block h3 {
  margin-top: 8px;
  font-size: 0.938em;
}
}


@media all and (max-width: 480px) {
#tenlove .newIcon:before {
  border-right: 20vw solid transparent;
  border-top: 20vw solid #b01f1f;
}
#tenlove .newIcon:after {
  top: 4vw;
  left: 1.1vw;
  font-size: 4.8vw;
}
  
  
#tenlove #movie .movGrp {
  display: block;
}
#tenlove #movie .movGrp .block {
  width: 100%;
  margin-bottom: 8vw;
}
#tenlove #movie .movGrp .block .popMov {
  width: 22vw;
  height: 17.5vw;
}
#tenlove #movie .snsShare {
  top: 2.5vw;
  right: 2.5vw;
  width: 100px;  
}
#tenlove #movie .snsShare li {
  width: 30%;
  padding-top: 30%;
}
#tenlove #movie .snsShare li.snsF a {
  background: #3b579d url("../../movie/img/fb.svg") no-repeat center center / 27% auto;
}
#tenlove #movie .snsShare li.snsT a {
  background: #5ea9dd url("../../movie/img/twitter.svg") no-repeat center center / 50% auto;
}
#tenlove #movie .snsShare li.snsL a {
  background: #00c300 url("../../movie/img/line.svg") no-repeat center center / 63% auto;
}
#tenlove #movie .movGrp .block h3 {
  margin-top: 8px;
  font-size: 0.938em;
}
}