/*	cmn-color
------------------------------------ */
/*	transition,hover
------------------------------------ */
/*	media-screen
------------------------------------ */
/*	font
------------------------------------ */
@font-face {
  font-family: "NotoSansJP-Regular";
  src: url("../fonts/NotoSansJP-Regular.ttf");
}
@font-face {
  font-family: "NotoSansJP-Medium";
  src: url("../fonts/NotoSansJP-Medium.ttf");
}
@font-face {
  font-family: "NotoSansJP-Bold";
  src: url("../fonts/NotoSansJP-Bold.ttf");
}
@font-face {
  font-family: "MPLUS1-Regular";
  src: url("../fonts/MPLUS1-Regular.ttf");
}
@font-face {
  font-family: "MPLUS1-Medium";
  src: url("../fonts/MPLUS1-Medium.ttf");
}
@font-face {
  font-family: "MPLUS1-Black";
  src: url("../fonts/MPLUS1-Black.ttf");
}
/*	layout
------------------------------------ */
/*	cmn-color
------------------------------------ */
/*	transition,hover
------------------------------------ */
/*	media-screen
------------------------------------ */
/*	font
------------------------------------ */
@font-face {
  font-family: "NotoSansJP-Regular";
  src: url("../fonts/NotoSansJP-Regular.ttf");
}
@font-face {
  font-family: "NotoSansJP-Medium";
  src: url("../fonts/NotoSansJP-Medium.ttf");
}
@font-face {
  font-family: "NotoSansJP-Bold";
  src: url("../fonts/NotoSansJP-Bold.ttf");
}
@font-face {
  font-family: "MPLUS1-Regular";
  src: url("../fonts/MPLUS1-Regular.ttf");
}
@font-face {
  font-family: "MPLUS1-Medium";
  src: url("../fonts/MPLUS1-Medium.ttf");
}
@font-face {
  font-family: "MPLUS1-Black";
  src: url("../fonts/MPLUS1-Black.ttf");
}
/*	layout
------------------------------------ */
/*	font-size  cmn
------------------------------------ */
/* =========================================

  main layout  all

========================================= */
/*	com parts  PC
------------------------------------ */
.sns-none {
  display: none !important;
}

.over {
  overflow: hidden;
}

.pre {
  white-space: pre-line;
}

@media screen and (min-width: 768px) {
  .nowrap {
    white-space: nowrap;
  }
}
.no-sb {
  margin: 50px auto 0;
}

.anchor-mp {
  margin: -140px auto 0;
  padding-top: 140px;
}

.com-txt-box p:nth-of-type(n+2) {
  margin-top: 30px;
}

.clamp1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.clamp2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.clamp3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

@media screen and (min-width: 768px) {
  .com-pd {
    padding: 50px 0 110px;
  }
}

/*	top-movie  PC
------------------------------------ */
.com-sec-list {
  display: flex;
  margin: 20px auto 0;
  justify-content: center;
}
.com-sec-list li {
  width: 22.9%;
  height: 0;
  padding-top: 14.4%;
  position: relative;
}
.com-sec-list li:nth-of-type(n+2) {
  margin-left: 2%;
}
.com-sec-list iframe, .com-sec-list img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

/*	top-terrorist  PC
------------------------------------ */
#top-terrorist .terrorist-list {
  display: flex;
  margin: 20px auto 0;
  justify-content: center;
}
#top-terrorist .terrorist-list li {
  width: 25%;
  height: 0;
  padding-top: 40%;
  position: relative;
}
@media screen and (min-width: 768px) {
  #top-terrorist .terrorist-list li:hover .terrorist-list-default {
    opacity: 0;
  }
  #top-terrorist .terrorist-list li:hover .terrorist-list-hover {
    opacity: 1;
  }
}
#top-terrorist .terrorist-list li:nth-of-type(n+2) {
  border-left: 1px solid #000;
}
#top-terrorist .terrorist-list img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s ease;
}
#top-terrorist .terrorist-list-name {
  font-family: "NotoSansJP-Bold", sans-serif;
  color: #fff;
  font-size: 2.5rem;
  line-height: 1;
  position: absolute;
  left: 5px;
  bottom: 5px;
}
@media screen and (max-width: 767px) {
  #top-terrorist .terrorist-list-name {
    font-size: 1.6666666667rem;
  }
}
#top-terrorist .terrorist-list-default {
  opacity: 1;
}
#top-terrorist .terrorist-list-hover {
  opacity: 0;
}

/* =========================================

sub layout  PC

========================================= *//*# sourceMappingURL=all.css.map */