@charset "UTF-8";
/*
 各ページ.css（ファイル名変更可）
 本サイト各ページ用CSS
*/


#guest .d-box-title {
  max-width: 450px;
  width: 100%;
  height: 60px;
  background-image: url(../images/guest/title_guest.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 0;
  margin: 0 auto 55px;
}

[class^="guest-subtitle-"] {
  width: calc(100% - 140px);
  height: 29px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  margin: 0 auto 55px;
  font-size: 0;
}

[class*="guest-subtitle-"]::before {
  content: "";
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: -20px;
  background-color: #fff;
}

.guest-subtitle-enemy {
  background-image: url(../images/guest/subtitle_enemy_guest.png);
}

.guest-subtitle-special {
  background-image: url(../images/guest/subtitle_special_guest.png);
}


.guest-title-comment {
  height: 30px;
  background-image: url(../images/guest/subtitle_comment.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 auto 35px;
  font-size: 0;
}

.guest-photo-list {
  width: calc(100% - 140px);
  margin: 0 auto 135px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.guest-photo-item {
  width: 170px;
  margin-left: 46.666px;
}

.guest-photo-item:nth-child(4n+1) {
  margin-left: 0;
}

.guest-photo-item:nth-child(n+5) {
  margin-top: 20px;
}

[class*="guest-enemy-photo-"] {
  padding-top: 120%;
  border: 3px solid #e1e1e1;
  margin: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
}

[class*="guest-enemy-photo-"].guest-new-photo{
    border-color: #e60012;
}

.guest-new-photo{
  position: relative;
}

.guest-new-photo::after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../images/guest/guest_new.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  background-color: #e60012;
  height: 27px;
  width: 47px;
}

.guest-enemy-photo-shirota {
  background-image: url(../images/guest/enemy/guest_enemy_shirota.png);
}

.guest-enemy-photo-nakamura {
  background-image: url(../images/guest/enemy/guest_enemy_nakamura.png);
}

.guest-enemy-photo-suga {
  background-image: url(../images/guest/enemy/guest_enemy_suga.png);
}

.guest-enemy-photo-katsuya {
  background-image: url(../images/guest/enemy/guest_enemy_katsuya.png);
}

.guest-enemy-photo-toduka {
  background-image: url(../images/guest/enemy/guest_enemy_toduka.png);
}

.guest-enemy-photo-sakata {
  background-image: url(../images/guest/enemy/guest_enemy_sakata.png);
}

.guest-enemy-photo-namioka {
  background-image: url(../images/guest/enemy/guest_enemy_namioka.png);
}

.guest-enemy-photo-abe {
  background-image: url(../images/guest/enemy/guest_enemy_abe.png);
}

.guest-enemy-photo-hirano {
  background-image: url(../images/guest/enemy/guest_enemy_hirano.png);
}

.guest-enemy-photo-shibuya {
  background-image: url(../images/guest/enemy/guest_enemy_shibuya.png);
}

.guest-enemy-photo-ikeda {
  background-image: url(../images/guest/enemy/guest_enemy_ikeda.png);
}


[class*="guest-special-photo-"] {
  padding-top: 120%;
  margin: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
  border: 3px solid #e1e1e1;
}

[class*="guest-special-photo-"].guest-new-photo{
  border-color: #e60012;
}

.guest-special-photo-commingsoon {
  background-image: url(../images/guest/guest_comingsoon.png);
}

.guest-special-photo-yabe {
  background-image: url(../images/guest/sp/guest_sp_yabe.png);
}

.guest-special-photo-iketani {
  background-image: url(../images/guest/sp/guest_sp_iketani.png);
}

.guest-special-photo-oguri {
  background-image: url(../images/guest/sp/guest_sp_oguri.png);
}

.guest-special-photo-shimazaki {
  background-image: url(../images/guest/sp/guest_sp_shimazaki.png);
}

.guest-special-photo-takahashi {
  background-image: url(../images/guest/sp/guest_sp_takahashi.png);
}

.guest-special-photo-tsutsumi {
  background-image: url(../images/guest/sp/guest_sp_tsutsumi.png);
}

.guest-special-photo-hashimoto {
  background-image: url(../images/guest/sp/guest_sp_hashimoto.png);
}

.guest-special-photo-hamabe {
  background-image: url(../images/guest/sp/guest_sp_hamabe.png);
}

.guest-special-photo-yagira {
  background-image: url(../images/guest/sp/guest_sp_yagira.png);
}

.guest-special-photo-yamazaki {
  background-image: url(../images/guest/sp/guest_sp_yamazaki.png);
}

.guest-special-photo-yamada {
  background-image: url(../images/guest/sp/guest_sp_yamada.png);
}

.guest-special-photo-yokoyama {
  background-image: url(../images/guest/sp/guest_sp_yokoyama.png);
}

.guest-cast-name {
  color: #fff;
  margin: 5px auto 0;
  font-size: 18px;
}

.guest-cast-change{
  color: #ffe400;
  padding-right: 0.5rem;
}

.guest-comment-wrap {
  width: calc(100% - 140px);
  margin: 0 auto;
  border: 5px solid #b5001e;
  box-shadow: 0px 0px 0px 3px #fff inset;
  padding: 35px 30px;
}

[class*="guest-actor-photo-"] {
  height: 210px;
  width: 170px;
  border: 3px solid #e1e1e1;
  background-size: contain;
  background: no-repeat center;
}

.guest-actor-photo-shirota {
  background-image: url(../images/guest/enemy/guest_enemy_shirota.png);
}

.guest-actor-photo-nakamura {
  background-image: url(../images/guest/enemy/guest_enemy_nakamura.png);
}

.guest-actor-photo-suga {
  background-image: url(../images/guest/enemy/guest_enemy_suga.png);
}

.guest-actor-photo-katsuya {
  background-image: url(../images/guest/enemy/guest_enemy_katsuya.png);
}

.guest-actor-photo-toduka {
  background-image: url(../images/guest/enemy/guest_enemy_toduka.png);
}

.guest-actor-photo-sakata {
  background-image: url(../images/guest/enemy/guest_enemy_sakata.png);
}

.guest-actor-photo-namioka {
  background-image: url(../images/guest/enemy/guest_enemy_namioka.png);
}

.guest-actor-photo-abe {
  background-image: url(../images/guest/enemy/guest_enemy_abe.png);
}

.guest-actor-photo-hirano {
  background-image: url(../images/guest/enemy/guest_enemy_hirano.png);
}

.guest-actor-photo-shibuya {
  background-image: url(../images/guest/enemy/guest_enemy_shibuya.png);
}

.guest-actor-photo-ikeda {
  background-image: url(../images/guest/enemy/guest_enemy_ikeda.png);
}


.guest-actor-comment-textbox {
  color: #fff;
  padding-left: 20px;
  vertical-align: middle;
}

.guest-actor-name {
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 30px;
}

.guest-actor-comment-text {
  font-size: 14px;
}

.guest-comment-item {
  margin-bottom: 60px;
}

.guest-comment-item:last-child {
  margin-bottom: 0;
}

/* ------------------------------------------------------------------
 SP 〜 tablet　（〜992px）
------------------------------------------------------------------ */
@media screen and (max-width: 992px) {
  .guest-photo-item {
    width: 20.95%;
    margin-left: 5.4%;
  }
}


/* ------------------------------------------------------------------
 tablet ~ SP　（〜768px）
------------------------------------------------------------------ */
@media screen and (max-width: 768px) {
  .guest-photo-item {
    width: 30%;
    margin-left: 5%;
  }

  .guest-cast-name {
    font-size: 14px;
  }

  .guest-photo-item:nth-child(3n+1) {
    margin-left: 0;
  }

  .guest-photo-item:nth-child(4n+1) {
    margin-left: auto;
  }

  .guest-photo-item:nth-child(n+4) {
    margin-top: 20px;
  }

  .guest-actor-comment-photo {
    display: block;
  }
  
  .guest-comment-item{
    margin-bottom: 50px;
  }

  [class*="guest-actor-photo-"]{
    margin: 0 auto 20px;
  }
  .guest-actor-name{
    margin-bottom: 10px;
  }
  .guest-actor-comment-textbox {
    display: block;
    padding-left: 0;
  }
}

/* ---------------------------------
 SP用
--------------------------------- */
@media only screen and (max-width: 600px) {
  #guest .d-box-title {
    width: auto;
    height: auto;
    padding-top: 8.5%;
    margin-bottom: 10.035%;
  }

  .guest-photo-list {
    width: 88%;
    margin-bottom: 85px;
  }

  [class^="guest-subtitle-"] {
    width: 88%;
    height: auto;
    padding-top: 5%;
  }

  .guest-photo-item {
    width: 47.5%;
    margin-left: 5%;
  }

  .guest-photo-item:nth-child(2n+1) {
    margin-left: 0;
  }

  .guest-photo-item:nth-child(3n+1) {
    margin-left: auto;
  }

  .guest-photo-item:nth-child(n+3) {
    margin-top: 20px;
  }

  .guest-comment-wrap{
    width: 88%;
    padding: 20px 15px;
  }
}

/* ---------------------------------
 PC用
--------------------------------- */
@media screen and (min-width: 993px) {}

/* ---------------------------------
 tablet FONT用
--------------------------------- */
@media screen and (min-width : 601px) {}