@charset "UTF-8";

/*-------------共通-------------*/
#kimitsugu .width40{width: 40%!important;}
#kimitsugu .width45{width: 45%!important;}
#kimitsugu .width55{width: 55%!important;}

#kimitsugu .mt80{margin-top: 80px!important;}
#kimitsugu .mb100{margin-bottom: 100px!important;}

#kimitsugu .pink{color: #ec4b82;}
#kimitsugu .bg-pink{background: #ffd6e5;}

#kimitsugu ul li{
font-family: "HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
}

#kimitsugu .position-relative{position: relative;}
#kimitsugu .flex-direction{flex-direction:column;}/*上から下に垂直方向に並べる*/
#kimitsugu .items-center{align-items: center;}/*子要素を上下中央で揃える*/

/*-------------ドラマ情報--------------*/
#kimitsugu #drama-info .book_box{
  padding: 30px 30px 30px 30px;
    width: 100%;
    position: relative;
    background: linear-gradient(45deg, transparent 30px, #fff 30px),
                linear-gradient(135deg, transparent 30px, #fff 30px),
                linear-gradient(225deg, transparent 30px, #fff 30px),
                linear-gradient(315deg, transparent 30px, #fff 30px);
    background-position: bottom left, top left, top right, bottom right;
    background-size: 51% 51%;
    background-repeat: no-repeat;
    filter: drop-shadow(0 0 8px rgba(255, 83, 142, 1));
}

#kimitsugu #drama-info p small{color: #000;}

#kimitsugu #drama-info .dorama-time {
    font-size: 1.8rem!important;
    font-weight: bold;
    line-height: 1.2;
  letter-spacing: 0!important;
}

#kimitsugu #drama-info h4{font-size: 2rem;}

#kimitsugu #drama-info p{
  font-size: 1.4rem !important;
  letter-spacing: 0.2rem;
  line-height: 2rem;
}

/*-------------キャスト-------------*/
#kimitsugu #cast p{
    font-size: 2rem;
    font-weight: bold;
}

/*-------------モノプレ-------------*/
#kimitsugu #monopure.monopure_box{
  padding: 30px 30px 30px 30px;
    width: 100%;
    position: relative;
    background: linear-gradient(45deg, transparent 30px, #ec4b82 30px),
                linear-gradient(135deg, transparent 30px, #ec4b82 30px),
                linear-gradient(225deg, transparent 30px, #ec4b82 30px),
                linear-gradient(315deg, transparent 30px, #ec4b82 30px);
    background-position: bottom left, top left, top right, bottom right;
    background-size: 51% 51%;
    background-repeat: no-repeat;
}

#kimitsugu #monopure.monopure_box h4{
  color: #fff;
  font-size: 2rem;
  font-weight: normal;
}

#kimitsugu #monopure.monopure_box h5,
#kimitsugu #monopure.monopure_box h6,
#kimitsugu #monopure.monopure_box p,
#kimitsugu #monopure.monopure_box ul li,
#kimitsugu #monopure.monopure_box a{
  text-align: left;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.6;
}

/*プレゼントキャン終了*/
#kimitsugu #monopure .present_canend{
  padding: 10px 10px 10px 10px;
  text-align: center!important;
  color: #fff;
  font-size: 1.8rem !important;
  line-height: 1 !important;
  background: #938bea;  
}

/*-------------モノプレ step-------------*/
#kimitsugu #monopure ul.monopure-step li{
  margin: 0 auto;
  padding: 20px 20px 20px 20px;
  width: 540px;
  border: 2px solid #fff;
}

#kimitsugu #monopure ul.monopure-step li h3{
    position: absolute;
    top: 5px;
    right: -20px;
}

#kimitsugu #monopure ul.monopure-step li h4{
  color: #fff;
  font-size: 2rem;
  text-align: center;
  font-weight: normal;
  line-height: 1;
}

#kimitsugu #monopure ul.monopure-step li h4 span{font-size: 1.3rem;}

#kimitsugu #monopure ul.monopure-step li p {
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.2;
}

#kimitsugu #monopure ul.monopure-step li p span{font-size: 1.5rem;}

#kimitsugu #monopure ul.monopure-step li:nth-child(2){
  padding: 65px 20px 20px 20px;
}

#kimitsugu #monopure ul.monopure-step li .monopure-button{
  padding: 10px 10px 10px 10px;
  background: #fff;
}

#kimitsugu #monopure ul.monopure-step li .monopure-button a{text-align: center;}
#kimitsugu #monopure ul.monopure-step li .monopure-button img{max-width: 205px;}