@charset "UTF-8";

/* font setting */
.crimson-text-regular {
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
}


/* Contents Style */
H1， H2， H3， H4， H5，H6 {
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
}

@media screen and (max-width: 600px) {

    body {
        background-image: url(/assets/img/BackgroundImage.jpg);
        background-repeat: repeat;
        background-size: 600px;
        font-family: "hiragino-mincho-pron", sans-serif;
        font-weight: 300;
        font-style: normal;
    }


    h2 {
        font-family: "Crimson Text", serif;
        font-weight: 400;
        font-style: normal;
        text-align: center;
        font-size: 36px;
        margin-top: 24px;
        padding-top: 42px;
        padding-bottom: 24px;
        line-height: 30px;
        background-image: url(/assets/img/H2backImg.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 80px;
    }
    
    h2 h {
        font-size: 48px;
    }
    h2 span {
        font-size: 16px;
    }
    section.Header,
    section.ProfileDetailArea,
    section.KeyVisualArea 
    .HeadWrap,
    section.InformationArea,
    section.TodaysCastArea,
    section.WhatsNewArea,
    section.NewCastArea,
    section.ShopMovieArea,
    section.ReviewArea,
    section.MailMagazineRegistration,
    section.BlogArea,
    section.RecruitArea,
    section.RecruitMainArea,
    section.RequirementsArea,
    section.ContactArea,
    section.SystemArea,
    section.DisCountArea,
    section.AboutArea,
    section.PriceArea,
    section.PickupArea,
    section.MapArea,
    section.IndexReadArea,
    section.GravureArea,
    section.MovieArea,
    section.EnterArea {
        display: block;
        margin: auto;
        width: 100%;
    }
    .vw100{width: 100vw !important;}
.vh100{height: 100vh !important;}

/* iOS フォーム対策 */
input,select{
    -webkit-appearance: none;
    border: none;
  }

.top-video {
    position: absolute;
    top: 4rem;
    left: 50%;
    transform: translateX(-50%) translateY(0);
    width: 100vw;
    z-index: 600;
}

/* Clearfix Style */
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

/* Header Style */
section.Header {
    display: block;
    height: 72px;
}
.HeadWrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.LogoArea {
    display: block;
    width: 40%;
    float: left;
}
.LogoArea img {
    width: 100%;
    margin-top: 4px;
    margin-left: 4px;
}
.MenuWrap{
    width: 59%;
    display: flex;
    flex-wrap: wrap;
}
.HeadUpper{
    width: 70%;
}
.MobileMenu{
    width: 25%;
}
.TimeInfo{
    font-size: 13px;
    padding-left: 31px;
}
.TimeInfo a{
    text-decoration: none;
    color: #000;
}
.OpenTime{
    font-size: 13px;
    padding-left: 30px;
}


.drawer_hidden {
    display: none;
  }
  
  /* ハンバーガーアイコンの設置スペース */
  .drawer_open {
    display: flex;
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 8000 !important;
    cursor: pointer;
    margin-top: 4px;
  }
  
  .drawer_open span,
  .drawer_open span:before,
  .drawer_open span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background: #333;
    transition: 0.5s;
    position: absolute;
  }
  
  .drawer_open span:before {
    bottom: 8px;
  }
  .drawer_open span:after {
    top: 8px;
  }
  #drawer_input:checked ~ .drawer_open span {
    background: rgba(255, 255, 255, 0);
  }
  #drawer_input:checked ~ .drawer_open span::before {
    bottom: 0;
    transform: rotate(45deg);
  }
  
  #drawer_input:checked ~ .drawer_open span::after {
    top: 0;
    transform: rotate(-45deg);
  }
    
  /* Menu Wrap */
  .MenuArea {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%; 
    z-index: 99;
    transition: .5s;
    background-image: url(/assets/img/BackgroundImage.jpg);
    background-repeat: repeat;
    background-size: 600px;
    padding: 36px 56px;
  }
#drawer_input:checked ~ .MenuArea {
    left: 0;
  }
.MenuArea .Item{
    width: 100%;
    font-size: 16px;
    margin-bottom: 12px;
}
.MenuArea .Item a{
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #000;
}
.MenuArea .Item a span{
    font-size: 10px;
}

.LanguageChange{
    display: inline-block;
    cursor: pointer;
    margin-left: 30px;
}
.LanguageChange i {
    margin: 0 12px;
    /* font-size: ; */
}
.LanguageChange i.fa-solid.fa-caret-down{
    display: none;
}
.DisplayBox{
    width: 160px;
    background-color:#fff;
    opacity: 90%;
    z-index: 6000 !important;
}

.LanguageChange span {
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    margin-left: 12px;
}
.JP, .EN, .CN{
    margin-left: 8px;
    padding: 8px;
    color: blue;
}
.JP span, .EN span, .CN span{
    margin-right: 12px;
}
.MembersLoginArea {
    width: 400px;
    float: left;
}



/* KeyVisual Style */
section.KeyVisualArea{
    width: 100%;
}

.KeyVisual H1 {
    display: block;
    width: 100%;
    margin: auto;
    z-index: 50;
}

/* IndexReadArea */
.IndexReadWrap {
    width: 100%;
    margin: auto;
}

.IndexReadWrap p.Title {
    text-align: center;
    font-size: 18px;
}

.IndexReadWrap p.Read {
    font-size: 14px;
    margin-bottom: 48px;
    line-height: 26px;
    padding: 0 12px;
}
/*
#CrossFade {
    background-color: rgba(255, 255, 255, 0.6);
    display: flex;
    align-items: flex-end;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
}

#CrossFade img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    background: #000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    transform: scale(1.4) rotate(12deg);
    -webkit-animation: CrossFade 20s infinite;
    animation: CrossFade 20s infinite;
}*/
#CrossFade {
    background-color: rgba(255, 255, 255, 0.6);
    display: flex;
    align-items: flex-end;
    height: 240px;
    width: 100vw;
    overflow: hidden;
    position: relative;
    z-index: -1 !important;
}

#CrossFade img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    height: 240px;
    background: #000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    transform: scale(1.4) rotate(12deg);
    -webkit-animation: CrossFade 20s infinite;
    animation: CrossFade 20s infinite;
}

#CrossFade img:nth-child(3) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

#CrossFade img:nth-child(2) {
    -webkit-animation-delay: 7s;
    animation-delay: 7s;
}

#CrossFade img:nth-child(1) {
    -webkit-animation-delay: 14s;
    animation-delay: 14s;
}

@-webkit-keyframes CrossFade {
    25% {
        opacity: 1;
        transform: scale(1) rotate(0);
    }

    40% {
        opacity: 0;
    }
}

@keyframes CrossFade {
    25% {
        opacity: 1;
        transform: scale(1) rotate(0);
    }

    40% {
        opacity: 0;
    }
}

/* Information Style */
section.InformationArea {
    display: block;
}

.InformationWrap {
    display: block;
    margin: auto;
    margin-top: 24px;
    margin-bottom: 60px;
    width: 100%;
    background-color: #fff;
    opacity: 75%;
    border: 1px solid #B9B9B9;
}

.ImgWrap {
    width: 36%;
    float: left;
    padding: 48px 10px;
}

.ImgWrap img {
    width: 100%;
}

.ReadWrap {
    width: 62%;
    float: left;
}

.InformationWrap h3 {
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 24px;
    margin-top: 42px;
}

.InformationWrap p.InformationRead {
    font-size: 16px;
    padding: 12px;
    font-family: "hiragino-mincho-pron", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.BannerArea {
    margin: 30px auto 0;
    max-width: 100%;
    width: 100%;
}

.BannerArea img {
    height: auto;
    width: 100%;
}

.thumbnail .slick-track {
    transform: unset !important;
}
.thumbnail-img img{
    max-width: 400px;
    max-height: 160px;
}
.thumbnail-img.slick-slide.slick-active{
    display: flex;
    justify-content: center;
}

/* ShopMovie Style */
.MovieWrap {
    margin: auto;
    margin-top: 24px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #B9B9B9;
}

.MovieWrap img {
    width: 100%;
}

/* Footer Style */
section.FooterArea {
    display: block;
    width: 100%;
    padding-top: 24px;
    background-color: #000;
    opacity: 75%;

}

section.FooterArea p.Title {
    display: block;
    margin: auto;
    text-align: center;
    font-size: 16px;
    color: #FFF;
}

section.FooterArea p.Logo {
    display: block;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 24px;
    color: #FFF;
}

section.FooterArea p.Logo img {
    width: 164px;
}

section.FooterArea p.Info {
    display: block;
    margin: auto;
    text-align: center;
    font-size: 16px;
    color: #FFF;

}
section.FooterArea p.Info a{
    text-decoration: none;
    color: #fff;
}

section.FooterArea p.CopyRight {
    display: block;
    margin: auto;
    margin-top: 12px;
    text-align: center;
    font-size: 10px;
    color: #FFF;
}

/* TodaysCast Style */
section.TodaysCastArea {
    display: block;
    margin-top: 24px !important;
}

.CastListArea {
    display: block;
    width: 100%;
    margin-bottom: 60px;
}

.CastWrap {
    display: block;
    position: relative;
    width: 180px;
    height: 316px;
    z-index: 10;
    border-radius: 2px;
    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.5);
    float: left;
    margin: 20px 3px;
    overflow:hidden;
}

.CastWrap a {
    color: #000;
}

.CastStatus{
    width: 100%;
    height: 28px;
    text-align: center;
    background-color: #fff;
}
.CastStatus p{ 
    padding-top: 6px;
}
.CastStatus.NowOn{
    color: #ff0000;
    font-size: 12px;
}
.CastStatus.current{
    color: #ff0000;
    font-size: 12px;
}
.CastStatus.Comment{
    margin-top: 18px;
    font-size: 10px;
    line-height: 10px;
}
.CastStatus.OrderStop{
    color: #000;
    font-size: 12px;
}
.CastStatus.OrderStop p{
    text-decoration: none;
}
.CastStatus.SoldOut{
    color: #000;
    font-size: 12px;
}

.CastWrap a img:hover {
    transform:scale(1.2,1.2);
    transition:0.4s all;
}

.CastWrap img{
    width: 100%;
}

.CastWrap img.Cast {
    width: 100%;
    transition:0.4s all;
}
.CastActivity{
    position: absolute;
    top: 38px;
    left: 12px;
    width: 140px;
    display: flex;
    justify-content: flex-start;
}
.NewPhotoWrap{
    position: absolute;
    top: 190px;
    left: 8px;
}
.CastWorkTimeWrap{
    position: absolute;
    top: 204px;
    left: 10px;
}
p.CastWorkTime{
    display: inline-block;
    border: 1px solid #F80F0F;
    border-radius: 3px;
    padding: 1px 4px;
    font-size: 12px;
    font-family:"Arial Black"; 
    background-image: linear-gradient(25deg, rgba(248, 15, 15, 0.5), rgba(207, 63, 245, 0.5));
    color: #fff;
}
p.TodayCastIcon{
    display: inline-block;
    width: 78px;
    border: 1px solid #F80F0F;
    border-radius: 3px;
    padding: 2px 2px;
    margin: 2px;
    font-size: 10px;
    font-family:"Arial Black"; 
    background-image: linear-gradient(25deg, rgba(248, 15, 15, 0.5), rgba(207, 63, 245, 0.5));
    color: #fff;
}
p.NewPhotoIcon{
    display: inline-block;
    width: 76px;
    border: 1px solid #666;
    border-radius: 3px;
    padding: 1px 2px;
    margin: 2px;
    background-color: rgba(255, 255, 255, 0.5);
    font-size: 10px;
    font-family:"Arial Black"; 
    color: #666;
}

.NewIcon{
    display: block;
    position: absolute;
    top: 35px;
    left: 130px;
    z-index: 99;
    width: 46px;
}
.NewIcon img{
    width: 100%;
}
.CastWrapImg {
    display: block;
    position: absolute;
    top: 0;
    left: -2px;
    width: 102%;
    z-index: 100;
}

.CastWrapImg img {
    width: 100%;
}

.CastWrap .SNSIcon{
  --sns-icon-size: 22px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 7px;
  z-index: 120;
  pointer-events: auto;
}

.CastWrap .SNSIcon img{
  width: var(--sns-icon-size);
  height: var(--sns-icon-size);
  border-radius: 50%;
  display: block;
  background: transparent;
  box-shadow: 0 2px 8px rgba(0,0,0,.28);
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}

.CastWrap .SNSIcon a:hover img{
  transform: translateY(-1px) scale(1.1);
  box-shadow: 0 4px 12px rgba(0,0,0,.36);
  filter: saturate(1.08);
}

.ProfileWrap {
    display: block;
    position: absolute;
    top: 236px;
    width: 100%;
    height: 89px;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 30%, rgba(255, 255, 255, 0) 100%);
    z-index: 50;
}

.ProfileWrap .Name {
    text-align: center;
    font-size: 18px;
    font-weight: 800;
    margin-top: 2px;
}
.ProfileWrap .Name span{
    font-size: 8px;
}

.ProfileWrap .Details {
    text-align: center;
    font-size: 12px;
}

.ProfileWrap .IconWrap {
    display: flex;
    justify-content: center;
}

.ProfileWrap .IconWrap p.Icons {
    display: block;
    margin: 1px 3px;
    padding: 2px 0;
    width: 48px;
    font-size: 8px;
    font-family: "hiragino-mincho-pron", sans-serif;
    font-weight: 300;
    font-style: normal;
    text-align: center;
    color: #000;
    background-image: linear-gradient(0deg, rgba(186, 186, 186, 1), rgba(255, 255, 255, 1) 50%);
    border: 1px solid #bfbfbf;
    border-radius: 4px;
}

/* Profile Area */
.ProfileDetailArea {
    position: relative;
}

.CastSlideArea {
    display: block;
    width: 100%;
    margin-bottom: 60px;
    z-index: 50;
}

.ProfileWraps {
    display: block;

    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 12px;
    z-index: 100;
    padding: 20px;
}

.HeadImage {
    display: block;
    margin: auto;
    width: 80%;
}

.HeadImage img {
    width: 100%;
    margin-bottom: 12px;
}

.ProfileWraps H3 {
    font-size: 36px;
}

.slick01 .slick01-img {
    width: 100%;
    max-width: 600px;
    opacity: 0.5;
}
.slick01-img img{
    max-height: 640px;
}
.slick01 .slick-track {
    float: none;
    display: flex;
    left: 100px;

}

.slick01 .slick-center {
    opacity: 1;
}


.ProfileWraps p.catch {
    text-align: center;
    font-size: 14px;
    margin: 0;
}

.ProfileWraps p.EName {
    text-align: center;
    font-size: 12px;
    margin: 0;
}

.ProfileWraps p.JName {
    text-align: center;
    font-size: 36px;
    margin: 0;
}
.ProfileWraps p.JName span{
    font-size: 10px;
}

.ProfileWraps p.Details {
    text-align: center;
    font-size: 14px;
    margin: 0;
}

.ProfileWraps p.SNSLogo {
    text-align: center;
}
.ProfileWraps p.SNSLogo img{
    border: none;
    max-width: 35px;
    max-height: 35px;
    margin: 5px 5px 0px;
}

.CastStatusWrap {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 12px 0;
}

.CastStatusIcon {
    display: block;
    width: 72px;
    border-radius: 4px;
    margin: 0 4px;
    padding: 0;
    font-size: 10px;
    background-image: linear-gradient(12deg, rgba(255, 194, 149, 1), rgba(255, 255, 255, 1) 80%);
    color: #000;
    text-align: center;
    box-shadow: #666 2px 2px 2px;
}

.CastTypeWrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.CastTypeIcon {
    display: block;
    width: 94px;
    border-radius: 4px;
    margin: 4px 6px;
    padding: 4px 0;
    font-size: 13px;
    background-image: linear-gradient(0deg, rgba(234, 234, 234, 0.5) 20%, rgba(255, 255, 255, 0.5) 40% 60%, rgba(234, 234, 234, 0.5) 80%);
    color: #000;
    text-align: center;
    box-shadow: #666 2px 2px 2px;
}

table.profileTable tr {
    border-bottom: 2px solid #CDBB84;
}

table.profileTable th {
    text-align: left;
    width: 20%;
    font-weight: 400;
    height: 48px;
}

table.profileTable td {
    width: 30%;
}

section.ProfileScheduleArea{
    width: 100%;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 60px;
}
.ProfileScheduleWrap{
    width: 100%;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.75);
    padding: 24px 24px 48px;
}

.ProfileSchedule {
    display: flex;
    flex-wrap: wrap;
}

.ScheduleBox {
    display: block;
    width: 136px;
    margin: 8px 12px;
    padding: 4px 0;
    text-align: center;
    color: #666;
    background-image: linear-gradient(150deg, rgba(234, 234, 234, 1) 10%, rgba(255, 255, 255, 1) 40% 68%, rgba(234, 234, 234, 1) 90%);
    box-shadow: #999 2px 2px 2px;
}

.ScheduleBox.sun {
    color: #ff0080;
}

.ScheduleBox.sat {
    color: #8080ff;
}

.ScheduleBox span {
    display: block;
    color: #666;
}

.ProfileWraps H2 {
    text-align: left;
    font-size: 36px;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #999, #fff) 1;
    background-image: none;
}

.ProfileWraps H2 h {
    font-size: 48px;
}

.ProfileWraps H2 h span {
    text-align: left;
}

section.OtherLink{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin: auto;
    margin-bottom: 60px;
}
.PhotoDiary, .ProfileMedia{
    width: 100%;
    margin: 0 10px;
    background-color: rgba(255, 255, 255, 0.8);
}
.PhotoDiaryWrap, .ProfileMediaWrap{
    margin: auto;
    padding: 8px;

}
.PhotoDiaryWrap iframe{
    width: 100%;
    max-width: 600px;
    height: 500px;
}
.XAccount, .InstaAccount, .TikTokAccount{
    padding: 8px;
    margin: auto;
    max-height: 600px;
}
.XAccount H3, .InstaAccount H3, .TikTokAccount H3{
    font-size: 24px;
    font-weight: 300;


}
.XAccount H3 i, .InstaAccount H3 i, .TikTokAccount H3 i{
    font-size: 48px;
    padding-right: 12px;
}


.slick-next{
    left: 5%!important;
display: none !important;}
.slick-prev{ 
    left: 95%!important;
display: none !important; }
.slick-next:before{
    background: url(/assets/img/ArrowLeft.png)!important;
    background-size: contain!important;
}
.slick-prev:before{
    background: url(/assets/img/ArrowRight.png)!important;
    background-size: contain!important;
}
.slick-arrow{
    z-index:500!important;
    width:60px!important;
    height:60px!important;
}
.slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
    opacity:1!important;
}


/* MailMagazine Style */
section.MailMagazineRegistration {
    display: block;
}

.RegistrationWrapper {
    display: block;
    margin: auto;
    margin-top: 24px;
    margin-bottom: 80px;
    width: 100%;
    padding-bottom: 24px;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}

.RegistrationWrapper p.read {
    font-size: 14px;
    margin-top: 12px;
    margin-left: 14px;
    margin-right: 10px;
    line-height: 20px;
}

.FormArea {
    width: 76%;
    margin: auto;
    margin-top: 12px;
}

.FormArea label {
    font-size: 16px;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
}

.FormArea input[type=text] {
    font-size: 16px;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    margin-left: 12px;
    border-radius: 6px;
    box-shadow: inset 2px 2px 2px 0px #999;
    padding-left: 12px;
}

.FormArea input[type=button] {
    font-size: 14px;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    margin-left: 12px;
    padding: 2px 40px;
    color: #000;
    border: 1px solid #777;
    border-radius: 6px;
    background-color: #fff;
    margin-top: 12px;
}
.FormArea input[type=submit] {
    font-size: 14px;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    margin-left: 12px;
    padding: 2px 40px;
    color: #000;
    border: 1px solid #777;
    border-radius: 6px;
    background-color: #fff;
    margin-top: 12px;
}

/* Review Style */
section.ReviewArea .ReviewWrap {
    margin: auto;
    margin-top: 40px;
    width: 100%;
    height: 480px;
    background-color: #fff;
    border: 1px solid #B9B9B9;
}
.fujoho_custom_banner{
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.fujoho_custom_banner a.fujoho_header_area{
    height: 40px;
    line-height: 40px;
    padding: 0 7px;
    display: block;
    background-color: #000;
    text-decoration: none;
    text-align: left;
}    
span.fujoho_banner_title{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 0 #000;
}
span.fujoho_btn_more{
    border-radius: 3px
    ;font-size: 12px;
    color: #fff;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    float: right;
    margin-top: 7px;
    padding: 0 6px;
    letter-spacing: -0.3px;
    background-color: #29863a;
}
span.fujoho_btn_chevron_icon{
    margin-left: 2px;
}
.fujoho_iphone_scroll_size_box{
    height: 397px;
    margin: 0 auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    border-left: solid 1px #000;
    border-right: solid 1px #000;
}
iframe.fujoho_contents_box{
    width: 100%;
    height: 100%;
    display: block;
}
.fujoho_footer_area{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    line-height: 19px;
    text-align: center;
    color: #fff;
    background-color: #000;
    text-shadow: 1px 1px 0px #000;
    text-decoration: none;
}
a.fujoho_area_works_name{
    font-size: 12px;
    color: #fff;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    vertical-align: text-bottom;
    text-decoration: none;
}
a.fujoho_site_name{
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    margin-left: 3px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    vertical-align: text-bottom;
    text-decoration: none;
}

/* WhatsNew Style */
section.WhatsNewArea {
    display: block;
    margin-bottom: 80px;
}

.NewsArea {
    display: flex;
    margin: auto;
    margin-top: 24px;
    width: 100%;
    background-color: #fff;
    opacity: 75%;
    border: 1px solid #B9B9B9;
}

dl.NewsList {
    display: flex;
    flex-wrap: wrap;
    margin: 12px 8px;
}

dt.date {
    width: 18%;
    font-size: 16px;
    margin-bottom: 20px;
}

dd.Article {
    width: 72%;
    font-size: 16px;
    margin-bottom: 12px;
    margin-left: 24px;
}

dd.Article a {
    color: #000;
}

dd.Article a:hover {
    color: #0073ff;
    transition: 0.5s;
    text-decoration: none;
}

/* CompanionListArea */
.CastTypeChoiceArea {
    display: block;
    width: 100%px;
    margin: auto;
    overflow-x: scroll;
}

.CastTypeChoiceWrap {
    display: flex;
    flex-direction: row;
    width: 100%;
}
  
.HeadTitle {
    width: 166px;
    text-align: center;
    margin-left: 4px;
    margin-top: 2px;
    padding-left: 4px;
    border-left: 3px solid #777;
    white-space: nowrap;
    font-size: 12px;
}

.HeadTitle span {
    display: block;
}

.ChoiceItemWrap {
    display: flex;
    flex-direction: row;
    width: 980px;
}

.ChoiceItem {
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    position: relative;
    min-width: 120px;
    margin-right: -23px;
    border: 1px solid #888;
    background-image: linear-gradient(185deg, rgba(255, 255, 255, 0.6), rgba(188, 188, 188, 1));

}
.ChoiceItem.current,.ChoiceItem.current a{
    background-image: linear-gradient(185deg, rgba(129, 129, 129, 1), rgba(0, 0, 0, 1));
    color: #fff;
}
.ChoiceItem:hover{
    background-color: #000;
    color: #fff;
}

.ChoiceItem a {
    display: inline-block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: #000;
    font-size: 11px;
}
.ChoiceItem a span{
    font-size: 10px;
}

.ChoiceItem a:hover {
    color: #FFF;
    transition: 0.5s;
}

.ChoiceItem span {
    display: block;
}


/* Schedule Area */
.ScheduleChoiceArea {
    display: block;
    width: 100%;
    margin: auto;
    overflow-x: scroll;
}

.ScheduleChoiceWrap {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.ScheduleItemWrap {
    display: flex;
    flex-direction: row;
    width: 980px;
}

.ScheduleItem {
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
    position: relative;
    min-width: 130px;
    margin-right: -20px;
    border: 1px solid #888;
    background-image: linear-gradient(185deg, rgba(255, 255, 255, 0.6), rgba(188, 188, 188, 1));
    min-height: 40px;
}
.ScheduleItem.current,.ScheduleItem.current a{
    background-image: linear-gradient(185deg, rgba(129, 129, 129, 1), rgba(0, 0, 0, 1));
    color: #fff;
}
.ScheduleItem:hover{
    background-color: #000;
    color: #fff;
}

.ScheduleItem a {
    display: inline-block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: #000;
    font-size: 11px;
}

.ScheduleItem a:hover {
    color: #FFF;
    transition: 0.5s;
}

.ScheduleItem span {
    display: block;
}


/* Gravure Area */
section.GravureArea{
    margin-top: 24px !important;
}

.GravureListArea {
    width: 100%;
    margin: auto;
}

.GravureWrap {
    float: left;
    width: 100%;
    margin-right: 36px;
    margin-bottom: 24px;
}

.GravureBox {
    position: relative;
    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.5);
    width: 100%;
    overflow: hidden;
    border: 10px solid #fff;
}

.GravureBoxWrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 10px solid #fff;
}

.GravureWrap a {
    text-decoration: none;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    color: #000;
}

.GravureBox img.GravureCast{
    width: 100%;
    transition:0.4s all;
}
.GravureBox img.GravureCast:hover {
    transform:scale(1.2,1.2);
    transition:0.4s all;
}

.GravureProfile {
    width: 100%;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.5);

}

.GravureName {
    text-align: center;
    font-size: 24px;
}

.GravureDetails {
    text-align: center;
    font-size: 16px;
}

.GravureIconWrap {
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
}

.GravureIconWrap p.GravureIcon {
    display: block;
    margin: 10px 10px;
    padding: 3px 0;
    width: 100px;
    font-size: 13px;
    font-family: "hiragino-mincho-pron", sans-serif;
    font-weight: 300;
    font-style: normal;
    text-align: center;
    color: #CDBB84;
    background-image: linear-gradient(180deg, rgba(102, 102, 102, 0.75) 10%, rgba(0, 0, 0, 0.75) 90%);

}


/* Movie Area */
section.MovieArea{
    margin-top: 24px !important;
}

.MovieList {
    width: 100%;
    margin: auto;
}

.MovieListWrap {
    position: relative;
    float: left;
    width: 100%;
    margin-right: 32px;
    margin-bottom: 24px;
}

.MovieListWrap a {
    text-decoration: none;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    color: #000;
}

.MovieListBox {
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.MovieListBox img {
    max-height: 248px;
}

.MovieListProfile {
    width: 100%;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.5);
}

.MovieListName {
    text-align: center;
    font-size: 24px;
}

.MovieListDetails {
    text-align: center;
    font-size: 16px;
}

.MovieListIconWrap {
    width: 100%;
    display: flex;
    justify-content: center;
}

.MovieListIconWrap p.MovieListIcon {
    display: block;
    margin: 10px 10px;
    padding: 3px 0;
    width: 100px;
    font-size: 13px;
    font-family: "hiragino-mincho-pron", sans-serif;
    font-weight: 300;
    font-style: normal;
    text-align: center;
    color: #CDBB84;
    background-image: linear-gradient(180deg, rgba(102, 102, 102, 0.75) 10%, rgba(0, 0, 0, 0.75) 90%);
}

.MovieIcon{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 80px;
    padding-top: 20%;
    padding-left: 43%;
    opacity: 0;
    color: #fff;
}
.MovieIcon:hover{
    font-size: 80px;
    opacity: 1;
    transition: 0.6s;
}


/* System Area */
section.SystemArea{
    margin-top: 24px !important;
}
section.DisCountArea h2{
    background-image: none;
}
.DisCountWrap {
    display: block;
    margin: auto;
    margin-bottom: 24px;
    width: 100%;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}

.TicketWrap {
    width: 96%;
    margin: auto;
    background: rgb(45, 45, 45);
    background: linear-gradient(0deg, rgba(45, 45, 45, 1) 0%, rgba(92, 92, 92, 1) 100%);
    border: 1px solid #CDBB84;
    color: #fff;
    font-size: 16px;
    margin-top: 12px;
    margin-bottom: 24px;

}

p.TicketTitle {
    width: 100%;
    margin: auto;
    margin-top: 12px;
    text-align: center;
    border-bottom: 2px solid #CDBB84;
}

p.TicketRoll {
    width: 100%;
    margin: auto;
    margin-top: 12px;
    text-align: center;
}

p.TicketPrice {
    width: 100%;
    margin: auto;
    text-align: center;
    font-size: 48px;
}

p.TicketNote {
    width: 100%;
    margin: auto;
    text-align: center;
    font-size: 10px;
    background-color: #CDBB84;
    margin-bottom: 18px;

}

.AboutWrap {
    display: block;
    margin: auto;
    margin-top: 24px;
    margin-bottom: 24px;
    width: 100%;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}

.PriceWrap {
    display: block;
    margin: auto;
    margin-bottom: 80px;
    width: 100%;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}

.PickupWrap {
    display: block;
    margin: auto;
    margin-bottom: 80px;
    width: 100%;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}

.PickupWrap p {
    display: block;
    width: 100%;
    margin: auto;
    margin-top: 24px;
    font-size: 16px;
    padding-left: 24px;
    padding-left: 24px;

}

.MapWrap {
    display: block;
    margin: auto;
    margin-bottom: 80px;
    width: 100%;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
}
.MapWrap iframe{
    width: 100%;
}

table.systemTable {
    width: 90%;
    margin: 0 auto;
    font-size: 16px;
    margin-top: 12px;
    margin-bottom: 48px;
}

table.systemTable tr {
    border-bottom: 2px solid #CDBB84;
}

table.systemTable th {
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    width: 30%;
    height: 96px;
}

table.systemTable td {
    width: 69%;
    height: 96px;
}

table.systemTable td span {
    font-size: 18px;
}

/* Blog Area */
section.BlogArea{
    margin-top: 24px;
}

.BlogWrap {
    display: block;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 80px;
    width: 98%;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}

/* Recruit Area */
section.RecruitArea{
    margin-top: 24px;
}

.RecruitWrap {
    display: block;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 80px;
    width: 98%;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}

.RecruitWrap h3 {
    font-family: "Crimson Text", serif;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    font-size: 24px;
    margin: 42px;
}

.RecruitWrap p {
    font-size: 20px;
    padding: 36px 48px;
    font-family: "hiragino-mincho-pron", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.RequirementsWrap {
    display: block;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 80px;
    width: 100%;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}

.ContactWrap {
    display: block;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 80px;
    width: 100%;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}

.contactQR dt img {
    width: 150px;
    vertical-align: middle;
    border: 0;
    margin: 0;
    padding: 0;
}

.contactQR dd {
    margin-left: 0;
    font-size: 16px;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
}

.contactQR dd.line a {
    font-family: "Sawarabi Gothic", 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;;
    background: #00c200;
    display: block;
    border-radius: 6px;
    border: 4px solid #00c200;
    transition: 0.3s ease-in-out;
    text-decoration: none;
    text-align: center;
    color: #FFF;
    max-width: 400px;
    margin-bottom: 20px;
}

.contactQR dd.line a:hover {
    color: #FFF;
    text-decoration: none;
}

.contactMail a {
    font-size: 20px;
    font-weight: 600;
    color: inherit;
    text-decoration: none;
}

.MapWrap {
    display: block;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 80px;
    width: 100%;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}
.MapWrap iframe{
    width: 100%;
}

table.recruitTable {
    width: 90%;
    margin: 0 auto;
    font-size: 16px;
    margin-top: 12px;
    margin-bottom: 48px;
}

table.recruitTable tr {
    border-bottom: 2px solid #CDBB84;
}

table.recruitTable th {
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    width: 30%;
    height: 96px;
}

table.recruitTable td {
    width: 69%;
    height: 96px;
}

table.recruitTable td span {
    font-size: 18px;
}

table.recruitTable td h4 {
    font-size: 20px;
    margin-top: 35px;
    margin-bottom: -15px;
}

table.recruitTable td a {
    color: inherit;
    text-decoration: none;
}
table.recruitTable td a:hover {
    color: inherit;
    text-decoration: underline;
}

.blog-slider .blog-item a {
    color: inherit;
    text-decoration: none;
}

.blog-slider .blog-item a:hover {
    color: inherit;
    text-decoration: underline;
}

.blog-wrapper {
    padding: 0 30px;
    width: 100%;
}

.blog-item {
    padding: 10px;
    text-align: center;
}

.blog-title {
    margin-top: 8px;
    font-size: 20px;
    font-weight: 700;
}

.blog-body {
    margin-top: 8px;
    font-size: 14px;
}

/* Enter Area */
.EnterWrap {
    margin: auto;
    margin-top: 12px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.EnterButton {
    width: 120px;
    margin: 4px 16px;
}

.EnterButton a {
    display: inline-block;
    padding: 2px 12px;
    width: 100%;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: #000;
    text-align: center;
    text-decoration: none;
    background-image: linear-gradient(184deg, rgba(217, 217, 217, 0.75) 10%, rgba(115, 115, 115, 0.75) 90%);
    box-shadow: #666 2px 2px 2px;
}

.EnterButton a:hover {
    color: #FFF;
    background-image: linear-gradient(184deg, rgba(217, 217, 217, 0.75) 10%, rgba(115, 115, 115, 0.25) 90%);
    transition: 0.5s;
}

.EnterButton a span {
    display: block;
    font-size: 12px;
    margin-top: -2px;

}

section.EnterArea p {
    font-family: "hiragino-mincho-pron", sans-serif;
    font-weight: 300;
    font-style: normal;
    text-align: center;
    font-size: 10px;
    margin-top: 0;
}

}















@media (min-width: 601px) and (max-width: 1200px){

    body {
        background-image: url(/assets/img/BackgroundImage.jpg);
        background-repeat: repeat;
        background-size: 1200px;
        font-family: "hiragino-mincho-pron", sans-serif;
        font-weight: 300;
        font-style: normal;
    }


    h2 {
        font-family: "Crimson Text", serif;
        font-weight: 400;
        font-style: normal;
        text-align: center;
        font-size: 48px;
        margin-top: 24px;
        padding-top: 42px;
        padding-bottom: 24px;
        line-height: 30px;
        background-image: url(/assets/img/H2backImg.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 108px;
    }
    
    h2 h {
        font-size: 64px;
    }
    h2 span {
        font-size: 18px;
    }
    section.Header,
    section.ProfileDetailArea,
    section.KeyVisualArea 
    .HeadWrap,
    section.InformationArea,
    section.TodaysCastArea,
    section.WhatsNewArea,
    section.NewCastArea,
    section.ShopMovieArea,
    section.ReviewArea,
    section.MailMagazineRegistration,
    section.BlogArea,
    section.RecruitArea,
    section.RecruitMainArea,
    section.RequirementsArea,
    section.ContactArea,
    section.SystemArea,
    section.DisCountArea,
    section.AboutArea,
    section.PriceArea,
    section.PickupArea,
    section.MapArea,
    section.IndexReadArea,
    section.GravureArea,
    section.MovieArea,
    section.EnterArea {
        display: block;
        margin: auto;
        width: 100%;
    }
    .vw100{width: 100vw !important;}
.vh100{height: 100vh !important;}

/* iOS フォーム対策 */
input,select{
    -webkit-appearance: none;
    border: none;
  }

.top-video {
    position: absolute;
    top: 4rem;
    left: 50%;
    transform: translateX(-50%) translateY(0);
    width: 100vw;
    z-index: 600;
}

/* Clearfix Style */
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

/* Header Style */
section.Header {
    display: block;
    height: 72px;
}
.HeadWrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.LogoArea {
    display: block;
    width: 30%;
    float: left;
}
.LogoArea img {
    width: 42%;
    margin-top: 4px;
    margin-left: 68px;
}
.MenuWrap{
    width: 59%;
    display: flex;
    flex-wrap: wrap;
}
.HeadUpper{
    width: 80%;
    display: flex;
    flex-wrap: wrap;
}
.MobileMenu{
    width: 25%;
}
.TimeInfo{
    font-size: 18px;
    margin-top: 24px;
}
.TimeInfo a{
    text-decoration: none;
    color: #000;
}
.OpenTime{
    font-size: 18px;
    padding-left: 16px;
    margin-top: 24px;
}


.drawer_hidden {
    display: none;
  }
  
  /* ハンバーガーアイコンの設置スペース */
  .drawer_open {
    display: flex;
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 8000 !important;
    cursor: pointer;
    margin-top: 4px;
  }
  
  .drawer_open span,
  .drawer_open span:before,
  .drawer_open span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background: #333;
    transition: 0.5s;
    position: absolute;
  }
  
  .drawer_open span:before {
    bottom: 8px;
  }
  .drawer_open span:after {
    top: 8px;
  }
  #drawer_input:checked ~ .drawer_open span {
    background: rgba(255, 255, 255, 0);
  }
  #drawer_input:checked ~ .drawer_open span::before {
    bottom: 0;
    transform: rotate(45deg);
  }
  
  #drawer_input:checked ~ .drawer_open span::after {
    top: 0;
    transform: rotate(-45deg);
  }
    
  /* Menu Wrap */
  .MenuArea {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%; 
    z-index: 99;
    transition: .5s;
    background-image: url(/assets/img/BackgroundImage.jpg);
    background-repeat: repeat;
    background-size: 1200px;
    padding: 36px 240px;
  }
#drawer_input:checked ~ .MenuArea {
    left: 0;
  }
.MenuArea .Item{
    width: 100%;
    font-size: 24px;
    margin-bottom: 12px;
}
.MenuArea .Item a{
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #000;
}
.MenuArea .Item a span{
    font-size: 16px;
}

.LanguageChange{
    display: inline-block;
    cursor: pointer;
    margin-left: 20px;
    margin-top: 24px;
}
.LanguageChange i {
    margin: 0 12px;
    /* font-size: ; */
}
.LanguageChange i.fa-solid.fa-caret-down{
    display: none;
}
.DisplayBox{
    width: 160px;
    background-color:#fff;
    opacity: 90%;
    z-index: 6000 !important;
}

.LanguageChange span {
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    margin-left: 12px;
}
.JP, .EN, .CN{
    margin-left: 8px;
    padding: 8px;
    color: blue;
}
.JP span, .EN span, .CN span{
    margin-right: 12px;
}
.MembersLoginArea {
    width: 400px;
    float: left;
}



/* KeyVisual Style */
section.KeyVisualArea{
    width: 100%;
}

.KeyVisual H1 {
    display: block;
    width: 100%;
    margin: auto;
    z-index: 50;
}

/* IndexReadArea */
.IndexReadWrap {
    width: 90%;
    margin: auto;
}

.IndexReadWrap p.Title {
    text-align: center;
    font-size: 24px;
}

.IndexReadWrap p.Read {
    font-size: 18px;
    margin-bottom: 48px;
    line-height: 32px;
    padding: 0 12px;
}
/*
#CrossFade {
    background-color: rgba(255, 255, 255, 0.6);
    display: flex;
    align-items: flex-end;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
}

#CrossFade img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    background: #000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    transform: scale(1.4) rotate(12deg);
    -webkit-animation: CrossFade 20s infinite;
    animation: CrossFade 20s infinite;
}*/
#CrossFade {
    background-color: rgba(255, 255, 255, 0.6);
    display: flex;
    align-items: flex-end;
    height: 687px;
    max-width: 100vw;
    overflow: hidden;
    position: relative;
    z-index: -1 !important;
}

#CrossFade img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    height: 240px;
    background: #000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    transform: scale(1.4) rotate(12deg);
    -webkit-animation: CrossFade 20s infinite;
    animation: CrossFade 20s infinite;
}

#CrossFade img:nth-child(3) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

#CrossFade img:nth-child(2) {
    -webkit-animation-delay: 7s;
    animation-delay: 7s;
}

#CrossFade img:nth-child(1) {
    -webkit-animation-delay: 14s;
    animation-delay: 14s;
}

@-webkit-keyframes CrossFade {
    25% {
        opacity: 1;
        transform: scale(1) rotate(0);
    }

    40% {
        opacity: 0;
    }
}

@keyframes CrossFade {
    25% {
        opacity: 1;
        transform: scale(1) rotate(0);
    }

    40% {
        opacity: 0;
    }
}

/* Information Style */
section.InformationArea {
    display: block;
}

.InformationWrap {
    display: block;
    margin: auto;
    margin-top: 24px;
    margin-bottom: 60px;
    width: 90%;
    background-color: #fff;
    opacity: 75%;
    border: 1px solid #B9B9B9;
}

.ImgWrap {
    width: 24%;
    float: left;
    padding: 48px 10px;
}

.ImgWrap img {
    width: 100%;
}

.ReadWrap {
    width: 70%;
    float: left;
}

.InformationWrap h3 {
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 24px;
    margin-top: 42px;
}

.InformationWrap p.InformationRead {
    font-size: 18px;
    padding: 12px;
    font-family: "hiragino-mincho-pron", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.BannerArea {
    margin: 30px auto 0;
    max-width: 90%;
    width: 90%;
}

.BannerArea img {
    height: auto;
    width: 100%;
}

.thumbnail .slick-track {
    transform: unset !important;
}
.thumbnail-img img{
    max-width: 400px;
    max-height: 160px;
}
.thumbnail-img.slick-slide.slick-active{
    display: flex;
    justify-content: center;
}

/* ShopMovie Style */
.MovieWrap {
    margin: auto;
    margin-top: 24px;
    width: 90%;
    background-color: #fff;
    border: 1px solid #B9B9B9;
}

.MovieWrap img {
    width: 100%;
}

/* Footer Style */
section.FooterArea {
    display: block;
    width: 100%;
    padding-top: 24px;
    background-color: #000;
    opacity: 75%;

}

section.FooterArea p.Title {
    display: block;
    margin: auto;
    text-align: center;
    font-size: 18px;
    color: #FFF;
}

section.FooterArea p.Logo {
    display: block;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 24px;
    color: #FFF;
}

section.FooterArea p.Logo img {
    width: 200px;
}

section.FooterArea p.Info {
    display: block;
    margin: auto;
    text-align: center;
    font-size: 20px;
    color: #FFF;

}
section.FooterArea p.Info a{
    text-decoration: none;
    color: #fff;
}

section.FooterArea p.CopyRight {
    display: block;
    margin: auto;
    margin-top: 12px;
    text-align: center;
    font-size: 14px;
    color: #FFF;
}

/* TodaysCast Style */
section.TodaysCastArea {
    display: block;
    margin-top: 140px !important;
}

.CastListArea {
    display: block;
    width: 90%;
    margin: auto;
    margin-bottom: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.CastWrap {
    display: block;
    position: relative;
    width: 280px;
    height: 476px;
    z-index: 10;
    border-radius: 2px;
    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.5);
    float: left;
    margin: 20px 36px;
    overflow:hidden;
}

.CastWrap a {
    color: #000;
}

.CastStatus{
    width: 100%;
    height: 34px;
    text-align: center;
    background-color: #fff;
}
.CastStatus p{ 
    padding-top: 6px;
}
.CastStatus.NowOn{
    color: #ff0000;
}
.CastStatus.current{
    color: #ff0000;
}
.CastStatus.Comment{
    margin-top: 18px;
    font-size: 10px;
}
.CastStatus.OrderStop{
    color: #000;
}
.CastStatus.OrderStop p{
    text-decoration: none;
}
.CastStatus.SoldOut{
    color: #000;
}

.CastWrap a img:hover {
    transform:scale(1.2,1.2);
    transition:0.4s all;
}

.CastWrap img{
    width: 100%;
}

.CastWrap img.Cast {
    width: 100%;
    transition:0.4s all;
}
.CastActivity{
    position: absolute;
    top: 52px;
    left: 22px;
    width: 140px;
    display: flex;
    justify-content: flex-start;
}
.NewPhotoWrap{
    position: absolute;
    top: 314px;
    left: 28px;
}
.CastWorkTimeWrap{
    position: absolute;
    top: 330px;
    left: 30px;
}
p.CastWorkTime{
    display: inline-block;
    border: 1px solid #F80F0F;
    border-radius: 3px;
    padding: 2px 12px;
    font-size: 16px;
    font-family:"Arial Black"; 
    background-image: linear-gradient(25deg, rgba(248, 15, 15, 0.5), rgba(207, 63, 245, 0.5));
    color: #fff;
}
p.TodayCastIcon{
    display: inline-block;
    width: 114px;
    border: 1px solid #F80F0F;
    border-radius: 3px;
    padding: 2px 6px;
    margin: 2px;
    font-size: 14px;
    font-family:"Arial Black"; 
    background-image: linear-gradient(25deg, rgba(248, 15, 15, 0.5), rgba(207, 63, 245, 0.5));
    color: #fff;
}
p.NewPhotoIcon{
    display: inline-block;
    width: 114px;
    border: 1px solid #666;
    border-radius: 3px;
    padding: 2px 6px;
    margin: 2px;
    background-color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    font-family:"Arial Black"; 
    color: #666;
}

.NewIcon{
    display: block;
    position: absolute;
    top: 46px;
    left: 190px;
    z-index: 99;
    width: 82px;
}
.NewIcon img{
    width: 100%;
}
.CastWrapImg {
    display: block;
    position: absolute;
    top: 0;
    left: -2px;
    width: 102%;
    z-index: 100;
}

.CastWrapImg img {
    width: 100%;
}

.CastWrap .SNSIcon{
  --sns-icon-size: 30px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
  z-index: 120;
  pointer-events: auto;
}

.CastWrap .SNSIcon img{
  width: var(--sns-icon-size);
  height: var(--sns-icon-size);
  border-radius: 50%;
  display: block;
  background: transparent;
  box-shadow: 0 2px 8px rgba(0,0,0,.28);
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}

.CastWrap .SNSIcon a:hover img{
  transform: translateY(-1px) scale(1.1);
  box-shadow: 0 4px 12px rgba(0,0,0,.36);
  filter: saturate(1.08);
}

.ProfileWrap {
    display: block;
    position: absolute;
    top: 366px;
    width: 100%;
    height: 106px;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 30%, rgba(255, 255, 255, 0) 100%);
    z-index: 50;
}

.ProfileWrap .Name {
    text-align: center;
    font-size: 24px;
    font-weight: 800;
    margin-top: 12px;
}
.ProfileWrap .Name span{
    font-size: 10px;
}

.ProfileWrap .Details {
    text-align: center;
    font-size: 18px;
}

.ProfileWrap .IconWrap {
    display: flex;
    justify-content: center;
}

.ProfileWrap .IconWrap p.Icons {
    display: block;
    margin: 4px 10px;
    padding: 2px 0;
    width: 72px;
    font-size: 10px;
    font-family: "hiragino-mincho-pron", sans-serif;
    font-weight: 300;
    font-style: normal;
    text-align: center;
    color: #000;
    background-image: linear-gradient(0deg, rgba(186, 186, 186, 1), rgba(255, 255, 255, 1) 50%);
    border: 1px solid #bfbfbf;
    border-radius: 4px;
}

/* Profile Area */
.ProfileDetailArea {
    position: relative;
}

.CastSlideArea {
    display: block;
    width: 100%;
    margin-bottom: 60px;
    z-index: 50;
}

.ProfileWraps {
    position: absolute;
    top: 0;
    left: 58%;
    display: block;
    width: 36%;
    height: 800px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 12px;
    z-index: 100;
    padding: 20px;
    overflow-x: scroll;
}

.HeadImage {
    display: block;
    margin: auto;
    width: 80%;
}

.HeadImage img {
    width: 100%;
    margin-bottom: 12px;
}

.ProfileWraps H3 {
    font-size: 36px;
}

.slick01 .slick01-img {
    width: 100%;
    max-width: 600px;
    opacity: 0.5;
}
.slick01-img img{
    max-height: 800px;
}
.slick01 .slick-track {
    float: none;
    display: flex;
    left: -120px;

}

.slick01 .slick-center {
    opacity: 1;
}


.ProfileWraps p.catch {
    text-align: center;
    font-size: 18px;
    margin: 0;
}

.ProfileWraps p.EName {
    text-align: center;
    font-size: 16px;
    margin: 0;
}

.ProfileWraps p.JName {
    text-align: center;
    font-size: 36px;
    margin: 0;
}
.ProfileWraps p.JName span{
    font-size: 10px;
}

.ProfileWraps p.Details {
    text-align: center;
    font-size: 18px;
    margin: 0;
}

.ProfileWraps p.SNSLogo {
    text-align: center;
}
.ProfileWraps p.SNSLogo img{
    border: none;
    max-width: 35px;
    max-height: 35px;
    margin: 5px 5px 0px;
}

.CastStatusWrap {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 12px 0;
}

.CastStatusIcon {
    display: block;
    width: 72px;
    border-radius: 4px;
    margin: 0 4px;
    padding: 0;
    font-size: 10px;
    background-image: linear-gradient(12deg, rgba(255, 194, 149, 1), rgba(255, 255, 255, 1) 80%);
    color: #000;
    text-align: center;
    box-shadow: #666 2px 2px 2px;
}

.CastTypeWrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.CastTypeIcon {
    display: block;
    width: 94px;
    border-radius: 4px;
    margin: 4px 6px;
    padding: 4px 0;
    font-size: 13px;
    background-image: linear-gradient(0deg, rgba(234, 234, 234, 0.5) 20%, rgba(255, 255, 255, 0.5) 40% 60%, rgba(234, 234, 234, 0.5) 80%);
    color: #000;
    text-align: center;
    box-shadow: #666 2px 2px 2px;
}

table.profileTable tr {
    border-bottom: 2px solid #CDBB84;
}

table.profileTable th {
    text-align: left;
    width: 20%;
    font-weight: 400;
    height: 48px;
}

table.profileTable td {
    width: 30%;
}

section.ProfileScheduleArea{
    width: 100%;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 60px;
}
.ProfileScheduleWrap{
    width: 100%;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.75);
    padding: 24px 24px 48px;
}

.ProfileSchedule {
    display: flex;
    flex-wrap: wrap;
}

.ScheduleBox {
    display: block;
    width: 136px;
    margin: 8px 12px;
    padding: 4px 0;
    text-align: center;
    color: #666;
    background-image: linear-gradient(150deg, rgba(234, 234, 234, 1) 10%, rgba(255, 255, 255, 1) 40% 68%, rgba(234, 234, 234, 1) 90%);
    box-shadow: #999 2px 2px 2px;
}

.ScheduleBox.sun {
    color: #ff0080;
}

.ScheduleBox.sat {
    color: #8080ff;
}

.ScheduleBox span {
    display: block;
    color: #666;
}

.ProfileWraps H2 {
    text-align: left;
    font-size: 36px;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #999, #fff) 1;
    background-image: none;
}

.ProfileWraps H2 h {
    font-size: 48px;
}

.ProfileWraps H2 h span {
    text-align: left;
}

section.OtherLink{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin: auto;
    margin-bottom: 60px;
}
.PhotoDiary, .ProfileMedia{
    width: 100%;
    margin: 0 10px;
    background-color: rgba(255, 255, 255, 0.8);
}
.PhotoDiaryWrap, .ProfileMediaWrap{
    margin: auto;
    padding: 8px;

}
.PhotoDiaryWrap iframe{
    width: 100%;
    max-width: 96%;
    height: 500px;
}
.XAccount, .InstaAccount, .TikTokAccount{
    padding: 8px;
    margin: auto;
    max-height: 600px;
}
.XAccount H3, .InstaAccount H3, .TikTokAccount H3{
    font-size: 24px;
    font-weight: 300;


}
.XAccount H3 i, .InstaAccount H3 i, .TikTokAccount H3 i{
    font-size: 48px;
    padding-right: 12px;
}


.slick-next{
    left: 5%!important;
display: none !important;}
.slick-prev{ 
    left: 95%!important;
display: none !important; }
.slick-next:before{
    background: url(/assets/img/ArrowLeft.png)!important;
    background-size: contain!important;
}
.slick-prev:before{
    background: url(/assets/img/ArrowRight.png)!important;
    background-size: contain!important;
}
.slick-arrow{
    z-index:500!important;
    width:60px!important;
    height:60px!important;
}
.slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
    opacity:1!important;
}


/* MailMagazine Style */
section.MailMagazineRegistration {
    display: block;
}

.RegistrationWrapper {
    display: block;
    margin: auto;
    margin-top: 24px;
    margin-bottom: 80px;
    width: 90%;
    padding-bottom: 24px;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}

.RegistrationWrapper p.read {
    font-size: 18px;
    margin-top: 12px;
    margin-left: 14px;
    margin-right: 10px;
    line-height: 30px;
}

.FormArea {
    width: 76%;
    margin: auto;
    margin-top: 12px;
}

.FormArea label {
    font-size: 16px;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
}

.FormArea input[type=text] {
    font-size: 16px;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    margin-left: 12px;
    border-radius: 6px;
    box-shadow: inset 2px 2px 2px 0px #999;
    padding-left: 12px;
}

.FormArea input[type=button] {
    font-size: 14px;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    margin-left: 12px;
    padding: 2px 40px;
    color: #000;
    border: 1px solid #777;
    border-radius: 6px;
    background-color: #fff;
    margin-top: 12px;
}
.FormArea input[type=submit] {
    font-size: 14px;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    margin-left: 12px;
    padding: 2px 40px;
    color: #000;
    border: 1px solid #777;
    border-radius: 6px;
    background-color: #fff;
    margin-top: 12px;
}

/* Review Style */
section.ReviewArea .ReviewWrap {
    margin: auto;
    margin-top: 40px;
    width: 90%;
    height: 480px;
    background-color: #fff;
    border: 1px solid #B9B9B9;
}
.fujoho_custom_banner{
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.fujoho_custom_banner a.fujoho_header_area{
    height: 40px;
    line-height: 40px;
    padding: 0 7px;
    display: block;
    background-color: #000;
    text-decoration: none;
    text-align: left;
}    
span.fujoho_banner_title{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 0 #000;
}
span.fujoho_btn_more{
    border-radius: 3px
    ;font-size: 12px;
    color: #fff;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    float: right;
    margin-top: 7px;
    padding: 0 6px;
    letter-spacing: -0.3px;
    background-color: #29863a;
}
span.fujoho_btn_chevron_icon{
    margin-left: 2px;
}
.fujoho_iphone_scroll_size_box{
    height: 397px;
    margin: 0 auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    border-left: solid 1px #000;
    border-right: solid 1px #000;
}
iframe.fujoho_contents_box{
    width: 100%;
    height: 100%;
    display: block;
}
.fujoho_footer_area{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    line-height: 19px;
    text-align: center;
    color: #fff;
    background-color: #000;
    text-shadow: 1px 1px 0px #000;
    text-decoration: none;
}
a.fujoho_area_works_name{
    font-size: 12px;
    color: #fff;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    vertical-align: text-bottom;
    text-decoration: none;
}
a.fujoho_site_name{
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    margin-left: 3px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    vertical-align: text-bottom;
    text-decoration: none;
}

/* WhatsNew Style */
section.WhatsNewArea {
    display: block;
    margin-bottom: 80px;
}

.NewsArea {
    display: flex;
    margin: auto;
    margin-top: 24px;
    width: 90%;
    background-color: #fff;
    opacity: 75%;
    border: 1px solid #B9B9B9;
}

dl.NewsList {
    display: flex;
    flex-wrap: wrap;
    margin: 12px 8px;
    width: 100%;
}

dt.date {
    width: 18%;
    font-size: 16px;
    margin-bottom: 20px;
}

dd.Article {
    width: 72%;
    font-size: 16px;
    margin-bottom: 12px;
    margin-left: 24px;
}

dd.Article a {
    color: #000;
}

dd.Article a:hover {
    color: #0073ff;
    transition: 0.5s;
    text-decoration: none;
}

/* CompanionListArea */
.CastTypeChoiceArea {
    display: block;
    width: 100%px;
    margin: auto;
    overflow-x: scroll;
}

.CastTypeChoiceWrap {
    display: flex;
    flex-direction: row;
    width: 100%;
}
  
.HeadTitle {
    width: 166px;
    text-align: center;
    margin-left: 4px;
    margin-top: 2px;
    padding-left: 4px;
    border-left: 3px solid #777;
    white-space: nowrap;
    font-size: 16px;
}

.HeadTitle span {
    display: block;
}

.ChoiceItemWrap {
    display: flex;
    flex-direction: row;
    width: 980px;
}

.ChoiceItem {
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    position: relative;
    width: 172px;
    margin-right: -30px;
    border: 1px solid #888;
    background-image: linear-gradient(185deg, rgba(255, 255, 255, 0.6), rgba(188, 188, 188, 1));

}
.ChoiceItem.current,.ChoiceItem.current a{
    background-image: linear-gradient(185deg, rgba(129, 129, 129, 1), rgba(0, 0, 0, 1));
    color: #fff;
}
.ChoiceItem:hover{
    background-color: #000;
    color: #fff;
}

.ChoiceItem a {
    display: inline-block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: #000;
    font-size: 14px;
}
.ChoiceItem a span{
    font-size: 12px;
}

.ChoiceItem a:hover {
    color: #FFF;
    transition: 0.5s;
}

.ChoiceItem span {
    display: block;
}


/* Schedule Area */
.ScheduleChoiceArea {
    display: block;
    width: 100%;
    margin: auto;
    overflow-x: scroll;
}

.ScheduleChoiceWrap {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.ScheduleItemWrap {
    display: flex;
    flex-direction: row;
    width: 980px;
}

.ScheduleItem {
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
    position: relative;
    min-width: 200px;
    margin-right: -28px;
    border: 1px solid #888;
    background-image: linear-gradient(185deg, rgba(255, 255, 255, 0.6), rgba(188, 188, 188, 1));
    min-height: 50px;
}
.ScheduleItem.current,.ScheduleItem.current a{
    background-image: linear-gradient(185deg, rgba(129, 129, 129, 1), rgba(0, 0, 0, 1));
    color: #fff;
}
.ScheduleItem:hover{
    background-color: #000;
    color: #fff;
}

.ScheduleItem a {
    display: inline-block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: #000;
    font-size: 14px;
}

.ScheduleItem a:hover {
    color: #FFF;
    transition: 0.5s;
}

.ScheduleItem span {
    display: block;
}

/* Gravure Area */
section.GravureArea{
    margin-top: 24px !important;
}

.GravureListArea {
    width: 100%;
    margin: auto;
}

.GravureWrap {
    float: left;
    width: 30%;
    margin-right: 36px;
    margin-bottom: 24px;
}

.GravureBox {
    position: relative;
    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.5);
    width: 100%;
    overflow: hidden;
    border: 10px solid #fff;
}

.GravureBoxWrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 10px solid #fff;
}

.GravureWrap a {
    text-decoration: none;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    color: #000;
}

.GravureBox img.GravureCast{
    width: 100%;
    transition:0.4s all;
}
.GravureBox img.GravureCast:hover {
    transform:scale(1.2,1.2);
    transition:0.4s all;
}

.GravureProfile {
    width: 100%;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.5);

}

.GravureName {
    text-align: center;
    font-size: 24px;
}

.GravureDetails {
    text-align: center;
    font-size: 16px;
}

.GravureIconWrap {
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
}

.GravureIconWrap p.GravureIcon {
    display: block;
    margin: 10px 10px;
    padding: 3px 0;
    width: 100px;
    font-size: 13px;
    font-family: "hiragino-mincho-pron", sans-serif;
    font-weight: 300;
    font-style: normal;
    text-align: center;
    color: #CDBB84;
    background-image: linear-gradient(180deg, rgba(102, 102, 102, 0.75) 10%, rgba(0, 0, 0, 0.75) 90%);

}


/* Movie Area */
section.MovieArea{
    margin-top: 24px !important;
}

.MovieList {
    width: 100%;
    margin: auto;
}

.MovieListArea{
    width: 98%;
    margin: auto;
} 

.MovieListWrap {
    position: relative;
    float: left;
    width: 30%;
    margin-right: 32px;
    margin-bottom: 24px;
}

.MovieListWrap a {
    text-decoration: none;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    color: #000;
}

.MovieListBox {
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.MovieListBox img {
    max-height: 248px;
}

.MovieListProfile {
    width: 100%;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.5);
}

.MovieListName {
    text-align: center;
    font-size: 24px;
}

.MovieListDetails {
    text-align: center;
    font-size: 16px;
}

.MovieListIconWrap {
    width: 100%;
    display: flex;
    justify-content: center;
}

.MovieListIconWrap p.MovieListIcon {
    display: block;
    margin: 10px 10px;
    padding: 3px 0;
    width: 100px;
    font-size: 13px;
    font-family: "hiragino-mincho-pron", sans-serif;
    font-weight: 300;
    font-style: normal;
    text-align: center;
    color: #CDBB84;
    background-image: linear-gradient(180deg, rgba(102, 102, 102, 0.75) 10%, rgba(0, 0, 0, 0.75) 90%);
}

.MovieIcon{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 80px;
    padding-top: 20%;
    padding-left: 43%;
    opacity: 0;
    color: #fff;
}
.MovieIcon:hover{
    font-size: 80px;
    opacity: 1;
    transition: 0.6s;
}


/* System Area */
section.SystemArea{
    margin-top: 24px !important;
}
section.DisCountArea h2{
    background-image: none;
}
.DisCountWrap {
    display: block;
    margin: auto;
    margin-bottom: 24px;
    width: 100%;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}

.TicketWrap {
    width: 80%;
    margin: auto;
    background: rgb(45, 45, 45);
    background: linear-gradient(0deg, rgba(45, 45, 45, 1) 0%, rgba(92, 92, 92, 1) 100%);
    border: 1px solid #CDBB84;
    color: #fff;
    font-size: 16px;
    margin-top: 12px;
    margin-bottom: 24px;

}

p.TicketTitle {
    width: 100%;
    margin: auto;
    margin-top: 12px;
    text-align: center;
    border-bottom: 2px solid #CDBB84;
    font-size: 24px;
}

p.TicketRoll {
    width: 100%;
    margin: auto;
    margin-top: 12px;
    text-align: center;
    font-size: 24px;
}

p.TicketPrice {
    width: 100%;
    margin: auto;
    text-align: center;
    font-size: 84px;
}

p.TicketNote {
    width: 100%;
    margin: auto;
    text-align: center;
    font-size: 18px;
    background-color: #CDBB84;
    margin-bottom: 18px;

}

.AboutWrap {
    display: block;
    margin: auto;
    margin-top: 24px;
    margin-bottom: 24px;
    width: 100%;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}

.PriceWrap {
    display: block;
    margin: auto;
    margin-bottom: 80px;
    width: 100%;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}

.PickupWrap {
    display: block;
    margin: auto;
    margin-bottom: 80px;
    width: 100%;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}

.PickupWrap p {
    display: block;
    width: 100%;
    margin: auto;
    margin-top: 24px;
    font-size: 24px;
    padding-left: 24px;
    padding-left: 24px;

}

.MapWrap {
    display: block;
    margin: auto;
    margin-bottom: 80px;
    width: 100%;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
}
.MapWrap iframe{
    width: 100%;
}

table.systemTable {
    width: 90%;
    margin: 0 auto;
    font-size: 24px;
    margin-top: 12px;
    margin-bottom: 48px;
}

table.systemTable tr {
    border-bottom: 2px solid #CDBB84;
}

table.systemTable th {
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    width: 30%;
    height: 96px;
}

table.systemTable td {
    width: 69%;
    height: 96px;
}

table.systemTable td span {
    font-size: 18px;
}

/* Blog Area */
section.BlogArea{
    margin-top: 24px;
}

.BlogWrap {
    display: block;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 80px;
    width: 98%;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}

/* Recruit Area */
section.RecruitArea{
    margin-top: 24px;
}

.RecruitWrap {
    display: block;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 80px;
    width: 98%;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}

.RecruitWrap h3 {
    font-family: "Crimson Text", serif;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    font-size: 24px;
    margin: 42px;
}

.RecruitWrap p {
    font-size: 20px;
    padding: 36px 48px;
    font-family: "hiragino-mincho-pron", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.RequirementsWrap {
    display: block;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 80px;
    width: 98%;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}

.ContactWrap {
    display: block;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 80px;
    width: 98%;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}

.contactQR dt img {
    width: 150px;
    vertical-align: middle;
    border: 0;
    margin: 0;
    padding: 0;
}

.contactQR dd {
    margin-left: 0;
    font-weight: 400;
    font-style: normal;
}

.contactQR dd.line a {
    font-family: "Sawarabi Gothic", 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;;
    background: #00c200;
    display: block;
    border-radius: 6px;
    border: 4px solid #00c200;
    transition: 0.3s ease-in-out;
    text-decoration: none;
    text-align: center;
    color: #FFF;
    max-width: 400px;
    margin-bottom: 20px;
}

.contactQR dd.line a:hover {
    color: #FFF;
    text-decoration: none;
}

.contactMail a {
    font-size: 36px;
    font-weight: 600;
    color: inherit;
    text-decoration: none;
}

.MapWrap {
    display: block;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 80px;
    width: 100%;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}
.MapWrap iframe{
    width: 100%;
}

table.recruitTable {
    width: 90%;
    margin: 0 auto;
    font-size: 24px;
    margin-top: 12px;
    margin-bottom: 48px;
}

table.recruitTable tr {
    border-bottom: 2px solid #CDBB84;
}

table.recruitTable th {
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    width: 30%;
    height: 96px;
}

table.recruitTable td {
    width: 69%;
    height: 96px;
}

table.recruitTable td span {
    font-size: 18px;
}

table.recruitTable td h4 {
    font-size: 20px;
    margin-top: 35px;
    margin-bottom: -15px;
}

table.recruitTable td a {
    color: inherit;
    text-decoration: none;
}
table.recruitTable td a:hover {
    color: inherit;
    text-decoration: underline;
}

.blog-slider .blog-item a {
    color: inherit;
    text-decoration: none;
}

.blog-slider .blog-item a:hover {
    color: inherit;
    text-decoration: underline;
}

.blog-wrapper {
    padding: 0 30px;
    width: 100%;
}

.blog-item {
    padding: 10px;
    text-align: center;
}

.blog-title {
    margin-top: 8px;
    font-size: 20px;
    font-weight: 700;
}

.blog-body {
    margin-top: 8px;
    font-size: 14px;
}

/* Enter Area */
.EnterWrap {
    margin: auto;
    margin-top: 12px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.EnterButton {
    width: 240px;
    margin: 4px 16px;
}

.EnterButton a {
    display: inline-block;
    padding: 8px 12px;
    width: 100%;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    color: #000;
    text-align: center;
    text-decoration: none;
    background-image: linear-gradient(184deg, rgba(217, 217, 217, 0.75) 10%, rgba(115, 115, 115, 0.75) 90%);
    box-shadow: #666 2px 2px 2px;
}

.EnterButton a:hover {
    color: #FFF;
    background-image: linear-gradient(184deg, rgba(217, 217, 217, 0.75) 10%, rgba(115, 115, 115, 0.25) 90%);
    transition: 0.5s;
}

.EnterButton a span {
    display: block;
    font-size: 12px;
    margin-top: -2px;

}

section.EnterArea p {
    font-family: "hiragino-mincho-pron", sans-serif;
    font-weight: 300;
    font-style: normal;
    text-align: center;
    font-size: 14px;
    margin-top: 0;
}







}





















@media screen and (min-width: 1201px) {
    body {
        background-image: url(/assets/img/BackgroundImage.jpg);
        background-repeat: repeat;
        font-family: "hiragino-mincho-pron", sans-serif;
        font-weight: 300;
        font-style: normal;
    }

section.Header,
section.ProfileDetailArea,
section.KeyVisualArea {
    display: block;
    margin: auto;
    width: 100%;
}

.HeadWrap {
    display: block;
    margin: auto;
    width: 1316px;
}
/* .HeadWrap, */
section.InformationArea,
section.TodaysCastArea,
section.WhatsNewArea,
section.NewCastArea,
section.ShopMovieArea,
section.ReviewArea,
section.MailMagazineRegistration,
section.BlogArea,
section.RecruitArea,
section.RecruitMainArea,
section.RequirementsArea,
section.ContactArea,
section.SystemArea,
section.DisCountArea,
section.AboutArea,
section.PriceArea,
section.PickupArea,
section.MapArea,
section.IndexReadArea,
section.GravureArea,
section.MovieArea,
section.EnterArea {
    display: block;
    margin: auto;
    width: 1196px;
}

section.InformationArea,
section.TodaysCastArea,
section.TopicsCastArea,
section.WhatsNewArea,
section.NewCastArea,
section.ShopMovieArea,
section.ReviewArea,
section.MailMagazineRegistration,
section.BlogArea,
section.RecruitArea,
section.RecruitMainArea,
section.RequirementsArea,
section.ContactArea,
section.SystemArea,
section.DisCountArea,
section.AboutArea,
section.PriceArea,
section.PickupArea,
section.MapArea,
section.IndexReadArea,
section.GravureArea,
section.MovieArea,
section.section.EnterArea {
    margin-bottom: 100px;
}

h2 {
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 48px;
    margin-top: 72px;
    padding-top: 72px;
    padding-bottom: 24px;
    line-height: 30px;
    background-image: url(/assets/img/H2backImg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px;
}

h2 h {
    font-size: 64px;
}

h2 span {
    font-size: 16px;
}

.top-video {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%) translateY(0);
    width: 100vw;
    z-index: 20000;
}

/* Clearfix Style */
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

/* Header Style */
input.drawer_hidden, label.drawer_open{
    display: none;
}


section.Header {
    display: block;
    height: 100px;
    position: fixed;
    top: 0;
    z-index: 1000;
    background-image: url(/assets/img/BackgroundImage.jpg);

}

.LogoArea {
    display: block;
    width: 214px;
    float: left;

}

.LogoArea img {
    width: 214px;
    margin-top: 4px;
}

.MenuWrap {
    display: block;
    width: 910px;
    float: left;
}

.HeadUpper {
    display: flex;
    justify-content: flex-end;
    width: 916px;
    height: 40px;
    padding-top: 6px;
}

.TimeInfo {
    width: 240px;
    float: right;
    font-size: 20px;
    margin-left: 240px;
}
.TimeInfo a{
    text-decoration: none;
    color: #000;
}

.OpenTime {
    width: 240px;
    float: right;
    font-size: 20px;
}

.LanguageChange{
    display: inline-block;
    cursor: pointer;
}
.LanguageChange i {
    margin: 0 12px;
}
.DisplayBox{
    width: 160px;
    background-color:#fff;
    opacity: 90%;
}
.DisplayBox a{
    text-decoration: none;
}
.LanguageChange span {
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    margin-left: 12px;
}
.JP, .EN, .CN{
    margin-left: 8px;
    padding: 8px;
    color: blue;
}
.JP span, .EN span, .CN span{
    margin-right: 12px;
}
.MembersLoginArea {
    width: 400px;
    float: left;
}

.IDInput {
    width: 200px;
    float: left;
}

.PassInput {
    width: 190px;
    float: left;
}

.MenuArea {
    width: 1106px;
    height: 50px;
    font-size: 16px;
    font-weight: 900;
}

.MenuArea .Item {
    display: block;
    width: 100px;
    float: left;
    text-align: center;
}

.MenuArea .Item a {
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    color: #000;
    text-decoration: none;
}

.MenuArea .Item a:hover {
    color: #B9B9B9;
    transition: 0.5s;
}

.MenuArea .Item a span {
    font-family: "hiragino-mincho-pron", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 12px;
}

/* KeyVisual Style */
section.KeyVisualArea{
    padding-top: 100px;
}

.KeyVisual {
    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.5);
}

.KeyVisual img {
    display: block;
    margin: auto;
}

.KeyVisual H1 {
    display: block;
    width: 1000px;
    margin: auto;
    z-index: 50;
}

/* IndexReadArea */
.IndexReadWrap {
    width: 1160px;
    margin: auto;
}

.IndexReadWrap p.Title {
    text-align: center;
    font-size: 28px;
}

.IndexReadWrap p.Read {
    font-size: 16px;
    margin-bottom: 48px;
    line-height: 32px;
}

/* Information Style */
section.InformationArea {
    display: block;
}

.InformationWrap {
    display: block;
    margin: auto;
    margin-top: 24px;
    margin-bottom: 60px;
    width: 1200px;
    background-color: #fff;
    opacity: 75%;
    border: 1px solid #B9B9B9;
}

.ImgWrap {
    width: 360px;
    float: left;
    padding: 32px 40px;
}

.ImgWrap img {
    width: 280px;
}

.ReadWrap {
    width: 838px;
    float: left;
}

.InformationWrap h3 {
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 36px;
    margin-top: 42px;
}

.InformationWrap p.InformationRead {
    font-size: 20px;
    padding: 36px 48px;
    font-family: "hiragino-mincho-pron", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.BannerArea {
    margin: 30px auto 0;
    max-width: 1200px;
    width: 100%;
}

.BannerArea img {
    height: auto;
    width: 100%;
}

.thumbnail .slick-track {
    transform: unset !important;
}
.thumbnail-img img{
    max-width: 400px;
    max-height: 160px;
}
.thumbnail-img.slick-slide.slick-active{
    display: flex;
    justify-content: center;
}
/* TodaysCast Style */
section.TodaysCastArea {
    display: block;
    margin-top: 140px !important;
}

.CastListArea {
    display: block;
    width: 1200px;
    margin-bottom: 60px;
}

.CastWrap {
    display: block;
    position: relative;
    width: 280px;
    height: 476px;
    z-index: 10;
    border-radius: 2px;
    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.5);
    float: left;
    margin: 20px 10px;
    overflow:hidden;
}

.CastWrap a {
    color: #000;
}

.CastStatus{
    width: 100%;
    height: 34px;
    text-align: center;
    background-color: #fff;
}
.CastStatus p{ 
    padding-top: 6px;
}
.CastStatus.NowOn{
    color: #ff0000;
}
.CastStatus.current{
    color: #ff0000;
}
.CastStatus.Comment{
    margin-top: 18px;
    font-size: 10px;
}
.CastStatus.OrderStop{
    color: #000;
}
.CastStatus.OrderStop p{
    text-decoration: none;
}
.CastStatus.SoldOut{
    color: #000;
}

.CastWrap a img:hover {
    transform:scale(1.2,1.2);
    transition:0.4s all;
}

.CastWrap img{
    width: 100%;
}

.CastWrap img.Cast {
    width: 100%;
    transition:0.4s all;
}
.CastActivity{
    position: absolute;
    top: 52px;
    left: 22px;
    width: 140px;
    display: flex;
    justify-content: flex-start;
}
.NewPhotoWrap{
    position: absolute;
    top: 314px;
    left: 28px;
}
.CastWorkTimeWrap{
    position: absolute;
    top: 330px;
    left: 30px;
}
p.CastWorkTime{
    display: inline-block;
    border: 1px solid #F80F0F;
    border-radius: 3px;
    padding: 2px 12px;
    font-size: 16px;
    font-family:"Arial Black"; 
    background-image: linear-gradient(25deg, rgba(248, 15, 15, 0.5), rgba(207, 63, 245, 0.5));
    color: #fff;
}
p.TodayCastIcon{
    display: inline-block;
    width: 114px;
    border: 1px solid #F80F0F;
    border-radius: 3px;
    padding: 2px 6px;
    margin: 2px;
    font-size: 14px;
    font-family:"Arial Black"; 
    background-image: linear-gradient(25deg, rgba(248, 15, 15, 0.5), rgba(207, 63, 245, 0.5));
    color: #fff;
}
p.NewPhotoIcon{
    display: inline-block;
    width: 114px;
    border: 1px solid #666;
    border-radius: 3px;
    padding: 2px 6px;
    margin: 2px;
    background-color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    font-family:"Arial Black"; 
    color: #666;
}

.NewIcon{
    display: block;
    position: absolute;
    top: 46px;
    left: 190px;
    z-index: 99;
    width: 82px;
}
.NewIcon img{
    width: 100%;
}
.CastWrapImg {
    display: block;
    position: absolute;
    top: 0;
    left: -2px;
    width: 102%;
    z-index: 100;
}

.CastWrapImg img {
    width: 100%;
}

.CastWrap .SNSIcon{
  --sns-icon-size: 30px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
  z-index: 120;
  pointer-events: auto;
}

.CastWrap .SNSIcon img{
  width: var(--sns-icon-size);
  height: var(--sns-icon-size);
  border-radius: 50%;
  display: block;
  background: transparent;
  box-shadow: 0 2px 8px rgba(0,0,0,.28);
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}

.CastWrap .SNSIcon a:hover img{
  transform: translateY(-1px) scale(1.1);
  box-shadow: 0 4px 12px rgba(0,0,0,.36);
  filter: saturate(1.08);
}

.ProfileWrap {
    display: block;
    position: absolute;
    top: 366px;
    width: 100%;
    height: 106px;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 30%, rgba(255, 255, 255, 0) 100%);
    z-index: 50;
}

.ProfileWrap .Name {
    text-align: center;
    font-size: 24px;
    font-weight: 800;
    margin-top: 12px;
}
.ProfileWrap .Name span{
    font-size: 10px;
}

.ProfileWrap .Details {
    text-align: center;
    font-size: 18px;
}

.ProfileWrap .IconWrap {
    display: flex;
    justify-content: center;
}

.ProfileWrap .IconWrap p.Icons {
    display: block;
    margin: 4px 10px;
    padding: 2px 0;
    width: 72px;
    font-size: 10px;
    font-family: "hiragino-mincho-pron", sans-serif;
    font-weight: 300;
    font-style: normal;
    text-align: center;
    color: #000;
    background-image: linear-gradient(0deg, rgba(186, 186, 186, 1), rgba(255, 255, 255, 1) 50%);
    border: 1px solid #bfbfbf;
    border-radius: 4px;
}

/* Topics Style */
section.TopicsCastArea {
    display: block;
}

.CastInformation {
    display: block;
    margin: auto;
    margin-top: 60px;
    width: 1000px;
    position: relative;
}

.CastImage {
    display: block;
    position: absolute;
    width: 480px;
    height: 720px;
    background-color: #B9B9B9;
    border-radius: 2px;
    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.5);
    z-index: 100;
}

.CastImage img {
    width: 480px;
}

.CastInfo h4 {
    padding-bottom: 40px;
    font-size: 24px;
}

.CastInfo p.TxtRead {
    font-size: 18px;
}

/* WhatsNew Style */
section.WhatsNewArea {
    display: block;
    margin-bottom: 80px;
}

.NewsArea {
    display: flex;
    margin: auto;
    margin-top: 40px;
    width: 1060px;
    background-color: #fff;
    opacity: 75%;
    border: 1px solid #B9B9B9;
}

dl.NewsList {
    display: flex;
    flex-wrap: wrap;
    margin: 36px 36px 24px 36px;
    width: 1050px;
}

dt.date {
    width: 20%;
    font-size: 18px;
    margin-bottom: 20px;
}

dd.Article {
    width: 75%;
    font-size: 18px;
    margin-bottom: 20px;
}

dd.Article a {
    color: #000;
}

dd.Article a:hover {
    color: #0073ff;
    transition: 0.5s;
    text-decoration: none;
}

/* NewsCast Style */
section.NewCastArea {
    display: block;
}

/* ShopMovie Style */
.MovieWrap {
    margin: auto;
    margin-top: 40px;
    width: 1060px;
    background-color: #fff;
    border: 1px solid #B9B9B9;
}

.MovieWrap img {
    width: 1060px;
}

/* Review Style */
section.ReviewArea .ReviewWrap {
    margin: auto;
    margin-top: 40px;
    width: 1060px;
    height: 480px;
    background-color: #fff;
    border: 1px solid #B9B9B9;
}
.fujoho_custom_banner{
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.fujoho_custom_banner a.fujoho_header_area{
    height: 40px;
    line-height: 40px;
    padding: 0 7px;
    display: block;
    background-color: #000;
    text-decoration: none;
    text-align: left;
}    
span.fujoho_banner_title{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 0 #000;
}
span.fujoho_btn_more{
    border-radius: 3px
    ;font-size: 12px;
    color: #fff;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    float: right;
    margin-top: 7px;
    padding: 0 6px;
    letter-spacing: -0.3px;
    background-color: #29863a;
}
span.fujoho_btn_chevron_icon{
    margin-left: 2px;
}
.fujoho_iphone_scroll_size_box{
    height: 397px;
    margin: 0 auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    border-left: solid 1px #000;
    border-right: solid 1px #000;
}
iframe.fujoho_contents_box{
    width: 100%;
    height: 100%;
    display: block;
}
.fujoho_footer_area{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    line-height: 19px;
    text-align: center;
    color: #fff;
    background-color: #000;
    text-shadow: 1px 1px 0px #000;
    text-decoration: none;
}
a.fujoho_area_works_name{
    font-size: 12px;
    color: #fff;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    vertical-align: text-bottom;
    text-decoration: none;
}
a.fujoho_site_name{
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    margin-left: 3px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    vertical-align: text-bottom;
    text-decoration: none;
}


/* MailMagazine Style */
section.MailMagazineRegistration {
    display: block;
}

.RegistrationWrapper {
    display: block;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 80px;
    width: 1060px;
    height: 380px;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}

.RegistrationWrapper p.read {
    font-size: 16px;
    margin-top: 40px;
    margin-left: 56px;
    line-height: 32px;
}

.FormArea {
    width: 840px;
    margin: auto;
    margin-top: 40px;
}

.FormArea label {
    font-size: 24px;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
}

.FormArea input[type=text] {
    font-size: 24px;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    margin-left: 12px;
    border-radius: 6px;
    box-shadow: inset 2px 2px 2px 0px #999;
    padding-left: 12px;
}

.FormArea input[type=button] {
    font-size: 14px;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    margin-left: 12px;
    padding: 2px 40px;
    color: #000;
    border: 1px solid #777;
    border-radius: 6px;
    background-color: #fff;
    margin-top: 12px;
}
.FormArea input[type=submit] {
    font-size: 14px;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    margin-left: 12px;
    padding: 2px 40px;
    color: #000;
    border: 1px solid #777;
    border-radius: 6px;
    background-color: #fff;
    margin-top: 12px;
}

/* Footer Style */
section.FooterArea {
    display: block;
    width: 100%;
    padding-top: 40px;
    background-color: #000;
    opacity: 75%;
    height: 371px;

}

section.FooterArea p.Title {
    display: block;
    margin: auto;
    text-align: center;
    font-size: 20px;
    color: #FFF;
}

section.FooterArea p.Logo {
    display: block;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 24px;
    color: #FFF;
}

section.FooterArea p.Logo img {
    width: 214px;
}

section.FooterArea p.Info {
    display: block;
    margin: auto;
    text-align: center;
    font-size: 28px;
    color: #FFF;

}
section.FooterArea p.Info a{
    text-decoration: none;
    color: #fff;
}

section.FooterArea p.CopyRight {
    display: block;
    margin: auto;
    margin-top: 40px;
    text-align: center;
    font-size: 15px;
    color: #FFF;
}

/* System Area */
section.SystemArea{
    margin-top: 140px !important;
}
section.DisCountArea h2{
    background-image: none;
}
.DisCountWrap {
    display: block;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 80px;
    width: 1200px;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}

.TicketWrap {
    width: 1000px;
    margin: auto;
    background: rgb(45, 45, 45);
    background: linear-gradient(0deg, rgba(45, 45, 45, 1) 0%, rgba(92, 92, 92, 1) 100%);
    border: 1px solid #CDBB84;
    color: #fff;
    font-size: 24px;
    margin-top: 48px;
    margin-bottom: 48px;

}

p.TicketTitle {
    width: 680px;
    margin: auto;
    margin-top: 48px;
    text-align: center;
    border-bottom: 2px solid #CDBB84;
}

p.TicketRoll {
    width: 680px;
    margin: auto;
    margin-top: 12px;
    text-align: center;
}

p.TicketPrice {
    width: 680px;
    margin: auto;
    text-align: center;
    font-size: 86px;
}

p.TicketNote {
    width: 680px;
    margin: auto;
    text-align: center;
    font-size: 18px;
    background-color: #CDBB84;
    margin-bottom: 48px;

}

.AboutWrap {
    display: block;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 80px;
    width: 1200px;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}

.PriceWrap {
    display: block;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 80px;
    width: 1200px;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}

.PickupWrap {
    display: block;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 80px;
    width: 1200px;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}

.PickupWrap p {
    display: block;
    width: 1000px;
    margin: auto;
    margin-top: 48px;
    font-size: 24px;

}

.MapWrap {
    display: block;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 80px;
    width: 1200px;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
}

table.systemTable {
    width: 1000px;
    margin: 0 auto;
    font-size: 24px;
    margin-top: 24px;
    margin-bottom: 48px;
}

table.systemTable tr {
    border-bottom: 2px solid #CDBB84;
}

table.systemTable th {
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    width: 25%;
    height: 96px;
}

table.systemTable td {
    width: 74%;
    height: 96px;
}

table.systemTable td span {
    font-size: 18px;
}

/* Blog Area */
section.BlogArea{
    margin-top: 180px;
}

.BlogWrap {
    display: block;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 80px;
    padding: 25px 10px;
    width: 1200px;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}

/* Recruit Area */
section.RecruitArea{
    margin-top: 180px;
}

.RecruitMainWrap {
    display: block;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 80px;
    width: 1200px;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}

.RecruitWrap {
    display: block;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 80px;
    width: 1200px;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}

.RecruitWrap h3 {
    font-family: "Crimson Text", serif;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    font-size: 24px;
    margin: 42px;
}

.RecruitWrap p {
    font-size: 20px;
    padding: 36px 48px;
    font-family: "hiragino-mincho-pron", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.RequirementsWrap {
    display: block;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 80px;
    width: 1200px;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}

.ContactWrap {
    display: block;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 80px;
    width: 1200px;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}

.contactQR dt img {
    width: 150px;
    vertical-align: middle;
    border: 0;
    margin: 0;
    padding: 0;
}

.contactQR dd {
    margin-left: 0;
    font-size: 20px;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
}

.contactQR dd.line a {
    font-family: "Sawarabi Gothic", 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;;
    background: #00c200;
    display: block;
    border-radius: 6px;
    border: 4px solid #00c200;
    transition: 0.3s ease-in-out;
    text-decoration: none;
    text-align: center;
    color: #FFF;
    max-width: 400px;
    margin-bottom: 20px;
}

.contactQR dd.line a:hover {
    color: #FFF;
    text-decoration: none;
}

.contactMail a {
    font-size: 36px;
    font-weight: 600;
    color: inherit;
    text-decoration: none;
}

.MapWrap {
    display: block;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 80px;
    width: 1200px;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}

table.recruitTable {
    width: 1000px;
    margin: 0 auto;
    font-size: 20px;
    margin-top: 24px;
    margin-bottom: 48px;
}

table.recruitTable tr {
    border-bottom: 2px solid #CDBB84;
}

table.recruitTable th {
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    width: 25%;
    height: 96px;
}

table.recruitTable td {
    width: 74%;
    height: 96px;
    padding: 10px 0;
}

table.recruitTable td span {
    font-size: 18px;
}

table.recruitTable td h4 {
    font-size: 20px;
    margin-top: 35px;
    margin-bottom: -15px;
}

table.recruitTable td a {
    color: inherit;
    text-decoration: none;
}
table.recruitTable td a:hover {
    color: inherit;
    text-decoration: underline;
}

.blog-slider .blog-item a {
    color: inherit;
    text-decoration: none;
}

.blog-slider .blog-item a:hover {
    color: inherit;
    text-decoration: underline;
}

.blog-wrapper {
    padding: 0 25px;
    width: 100%;
}

.blog-item {
    padding: 10px;
    text-align: center;
}

.blog-title {
    margin-top: 8px;
    font-size: 20px;
    font-weight: 700;
}

.blog-body {
    margin-top: 8px;
    font-size: 14px;
}

/* Enter Area */
.EnterWrap {
    margin: auto;
    margin-top: 36px;
    width: 800px;

}

.EnterButton {
    width: 320px;
    margin: 24px 36px;
    float: left;
}

.EnterButton a {
    display: inline-block;
    padding: 12px 24px;
    width: 100%;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 36px;
    color: #000;
    text-align: center;
    text-decoration: none;
    background-image: linear-gradient(184deg, rgba(217, 217, 217, 0.75) 10%, rgba(115, 115, 115, 0.75) 90%);
    box-shadow: #666 2px 2px 2px;
}

.EnterButton a:hover {
    color: #FFF;
    background-image: linear-gradient(184deg, rgba(217, 217, 217, 0.75) 10%, rgba(115, 115, 115, 0.25) 90%);
    transition: 0.5s;
}

.EnterButton a span {
    display: block;
    font-size: 16px;
    margin-top: -12px;

}

section.EnterArea p {
    font-family: "hiragino-mincho-pron", sans-serif;
    font-weight: 300;
    font-style: normal;
    text-align: center;
    font-size: 16px;
    margin-top: 0;
}

/* Gravure Area */
section.GravureArea{
    margin-top: 140px !important;
}

.GravureListArea {
    width: 1200px;
    margin: auto;
}

.GravureWrap {
    float: left;
    width: 364px;
    margin-right: 36px;
    margin-bottom: 24px;
}

.GravureBox {
    position: relative;
    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.5);
    width: 100%;
    overflow: hidden;
    border: 10px solid #fff;
}

.GravureBoxWrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 364px;
    height: 546px;
    border: 10px solid #fff;
}

.GravureWrap a {
    text-decoration: none;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    color: #000;
}

.GravureBox img.GravureCast{
    width: 100%;
    transition:0.4s all;
}
.GravureBox img.GravureCast:hover {
    transform:scale(1.2,1.2);
    transition:0.4s all;
}

.GravureProfile {
    width: 364px;
    background-color: rgba(255, 255, 255, 0.5);

}

.GravureName {
    text-align: center;
    font-size: 24px;
}

.GravureDetails {
    text-align: center;
    font-size: 16px;
}

.GravureIconWrap {
    width: 364px;
    display: flex;
    justify-content: center;
}

.GravureIconWrap p.GravureIcon {
    display: block;
    margin: 10px 10px;
    padding: 3px 0;
    width: 100px;
    font-size: 13px;
    font-family: "hiragino-mincho-pron", sans-serif;
    font-weight: 300;
    font-style: normal;
    text-align: center;
    color: #CDBB84;
    background-image: linear-gradient(180deg, rgba(102, 102, 102, 0.75) 10%, rgba(0, 0, 0, 0.75) 90%);

}


/* Movie Area */
section.MovieArea{
    margin-top: 140px !important;
}

.MovieList {
    width: 1200px;
    margin: auto;
}

.MovieListWrap {
    position: relative;
    float: left;
    width: 364px;
    margin-right: 32px;
    margin-bottom: 24px;
}

.MovieListWrap a {
    text-decoration: none;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    color: #000;
}

.MovieListBox {
    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.MovieListBox img {
    max-height: 248px;
}

.MovieListProfile {
    width: 364px;
    background-color: rgba(255, 255, 255, 0.5);
}

.MovieListName {
    text-align: center;
    font-size: 24px;
}

.MovieListDetails {
    text-align: center;
    font-size: 16px;
}

.MovieListIconWrap {
    width: 364px;
    display: flex;
    justify-content: center;
}

.MovieListIconWrap p.MovieListIcon {
    display: block;
    margin: 10px 10px;
    padding: 3px 0;
    width: 100px;
    font-size: 13px;
    font-family: "hiragino-mincho-pron", sans-serif;
    font-weight: 300;
    font-style: normal;
    text-align: center;
    color: #CDBB84;
    background-image: linear-gradient(180deg, rgba(102, 102, 102, 0.75) 10%, rgba(0, 0, 0, 0.75) 90%);
}

.MovieIcon{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 80px;
    padding-top: 20%;
    padding-left: 43%;
    opacity: 0;
    color: #fff;
}
.MovieIcon:hover{
    font-size: 80px;
    opacity: 1;
    transition: 0.6s;
}

.CastTypeChoiceArea {
    display: block;
    width: 1200px;
    margin: auto;
}

.CastTypeChoiceWrap {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.HeadTitle {
    width: 200px;
    text-align: center;
    margin-left: 10px;
    border-left: 3px solid #777;
}

.HeadTitle span {
    display: block;
}

.ChoiceItemWrap {
    display: flex;
    flex-direction: row;
    width: 980px;
}

.ChoiceItem {
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    position: relative;
    width: 190px;
    margin-right: -35px;
    border: 1px solid #888;
    background-image: linear-gradient(185deg, rgba(255, 255, 255, 0.6), rgba(188, 188, 188, 1));

}
.ChoiceItem.current,.ChoiceItem.current a{
    background-image: linear-gradient(185deg, rgba(129, 129, 129, 1), rgba(0, 0, 0, 1));
    color: #fff;
}
.ChoiceItem:hover{
    background-color: #000;
    color: #fff;
}

.ChoiceItem a {
    display: inline-block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: #000;
}

.ChoiceItem a:hover {
    color: #FFF;
    transition: 0.5s;
}

.ChoiceItem span {
    display: block;
}


/* Schedule Area */
.ScheduleChoiceArea {
    display: block;
    width: 1200px;
    margin: auto;
}

.ScheduleChoiceWrap {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.ScheduleItemWrap {
    display: flex;
    flex-direction: row;
    width: 980px;
}

.ScheduleItem {
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
    position: relative;
    min-width: 200px;
    margin-right: -30px;
    border: 1px solid #888;
    background-image: linear-gradient(185deg, rgba(255, 255, 255, 0.6), rgba(188, 188, 188, 1));
    min-height: 50px;
}
.ScheduleItem.current,.ScheduleItem.current a{
    background-image: linear-gradient(185deg, rgba(129, 129, 129, 1), rgba(0, 0, 0, 1));
    color: #fff;
}
.ScheduleItem:hover{
    background-color: #000;
    color: #fff;
}

.ScheduleItem a {
    display: inline-block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: #000;
}

.ScheduleItem a:hover {
    color: #FFF;
    transition: 0.5s;
}

.ScheduleItem span {
    display: block;
}

/* Profile Area */
.ProfileDetailArea {
    position: relative;
    margin-top: 120px !important;
}

.CastSlideArea {
    display: block;
    width: 100%;
    margin-bottom: 60px;
    z-index: 50;
}

.ProfileWraps {
    display: block;
    position: absolute;
    top: -10px;
    left: 55%;
    width: 500px;
    height: 102%;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 12px;
    z-index: 100;
    overflow-y: scroll;
    padding: 20px;
}

.HeadImage {
    display: block;
    margin: auto;
    width: 80%;
}

.HeadImage img {
    width: 100%;
    margin-bottom: 48px;
}

.ProfileWraps H3 {
    font-size: 36px;
}

.slick01 .slick01-img {
    width: 100%;
    max-width: 880px;
    opacity: 0.5;
}
.slick01-img img{
    max-height: 800px;
}
.slick01 .slick-track {
    float: none;
    display: flex;
    left: -140px;
    gap: 100px;
}

.slick01 .slick-center {
    opacity: 1;
}


.ProfileWraps p.catch {
    text-align: center;
    font-size: 20px;
    margin: 0;
}

.ProfileWraps p.EName {
    text-align: center;
    font-size: 16px;
    margin: 0;
}

.ProfileWraps p.JName {
    text-align: center;
    font-size: 42px;
    margin: 0;
}
.ProfileWraps p.JName span{
    font-size: 12px;
}

.ProfileWraps p.Details {
    text-align: center;
    font-size: 18px;
    margin: 0;
}

.ProfileWraps p.SNSLogo {
    text-align: center;
}
.ProfileWraps p.SNSLogo img{
    border: none;
    max-width: 50px;
    max-height: 50px;
    margin: 5px 5px 0px;
}

.CastStatusWrap {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 12px 0;
}

.CastStatusIcon {
    display: block;
    width: 100px;
    border-radius: 4px;
    margin: 0 8px;
    padding: 4px 0;
    font-size: 13px;
    background-image: linear-gradient(12deg, rgba(255, 194, 149, 1), rgba(255, 255, 255, 1) 80%);
    color: #000;
    text-align: center;
    box-shadow: #666 2px 2px 2px;
}

.CastTypeWrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.CastTypeIcon {
    display: block;
    width: 100px;
    border-radius: 4px;
    margin: 4px 6px;
    padding: 4px 0;
    font-size: 13px;
    background-image: linear-gradient(0deg, rgba(234, 234, 234, 0.5) 20%, rgba(255, 255, 255, 0.5) 40% 60%, rgba(234, 234, 234, 0.5) 80%);
    color: #000;
    text-align: center;
    box-shadow: #666 2px 2px 2px;
}

table.profileTable tr {
    border-bottom: 2px solid #CDBB84;
}

table.profileTable th {
    text-align: left;
    width: 20%;
    font-weight: 400;
    height: 48px;
}

table.profileTable td {
    width: 30%;
}

section.ProfileScheduleArea{
    width: 1200px;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 60px;
}
.ProfileScheduleWrap{
    width: 100%;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.75);
    padding: 24px 24px 48px;
}

.ProfileSchedule {
    display: flex;
    flex-wrap: wrap;
}

.ScheduleBox {
    display: block;
    width: 200px;
    margin: 8px 12px;
    padding: 4px 0;
    text-align: center;
    color: #666;
    background-image: linear-gradient(150deg, rgba(234, 234, 234, 1) 10%, rgba(255, 255, 255, 1) 40% 68%, rgba(234, 234, 234, 1) 90%);
    box-shadow: #999 2px 2px 2px;
}

.ScheduleBox.sun {
    color: #ff0080;
}

.ScheduleBox.sat {
    color: #8080ff;
}

.ScheduleBox span {
    display: block;
    color: #666;
}

.ProfileWraps H2 {
    text-align: left;
    font-size: 36px;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #999, #fff) 1;
    background-image: none;
}

.ProfileWraps H2 h {
    font-size: 48px;
}

.ProfileWraps H2 h span {
    text-align: left;
}

section.OtherLink{
    display: flex;
    width: 1200px;
    flex-wrap: wrap;
    margin: auto;
    margin-bottom: 60px;
}
.PhotoDiary, .ProfileMedia{
    width: 580px;
    margin: 0 10px;
    background-color: rgba(255, 255, 255, 0.8);
}
.PhotoDiaryWrap, .ProfileMediaWrap{
    margin: auto;
    padding: 8px;

}
.PhotoDiaryWrap iframe{
    width: 100%;
    max-width: 600px;
    height: 500px;
}
.XAccount, .InstaAccount, .TikTokAccount{
    padding: 8px;
    margin: auto;
    max-height: 600px;
}
.XAccount H3, .InstaAccount H3, .TikTokAccount H3{
    font-size: 24px;
    font-weight: 300;


}
.XAccount H3 i, .InstaAccount H3 i, .TikTokAccount H3 i{
    font-size: 48px;
    padding-right: 12px;
}


#CrossFade {
    background-color: rgba(255, 255, 255, 0.6);
    display: flex;
    align-items: flex-end;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;
}

#CrossFade img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    background: #000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    transform: scale(1.4) rotate(12deg);
    -webkit-animation: CrossFade 20s infinite;
    animation: CrossFade 20s infinite;
}

#CrossFade img:nth-child(3) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

#CrossFade img:nth-child(2) {
    -webkit-animation-delay: 7s;
    animation-delay: 7s;
}

#CrossFade img:nth-child(1) {
    -webkit-animation-delay: 14s;
    animation-delay: 14s;
}

@-webkit-keyframes CrossFade {
    25% {
        opacity: 1;
        transform: scale(1) rotate(0);
    }

    40% {
        opacity: 0;
    }
}

@keyframes CrossFade {
    25% {
        opacity: 1;
        transform: scale(1) rotate(0);
    }

    40% {
        opacity: 0;
    }
}
/* Adjust Setting */
.mt0{margin-top: 0 !important;}
.mt4{margin-top: 4px !important;}
.mt8{margin-top: 8px !important;}
.mt12{margin-top: 12px !important;}
.mt24{margin-top: 24px !important;}
.mt36{margin-top: 36px !important;}
.mt48{margin-top: 48px !important;}
.mt100{margin-top: 100px !important;}
.mb4{margin-bottom: 4px !important;}
.mb8{margin-bottom: 8px !important;}
.mb12{margin-bottom: 12px !important;}
.mb24{margin-bottom: 24px !important;}
.mb36{margin-bottom: 36px !important;}
.mb48{margin-bottom: 48px !important;}
.ml4{margin-left: 4px !important;}
.ml8{margin-left: 8px !important;}
.ml12{margin-left: 12px !important;}
.ml24{margin-left: 24px !important;}
.ml36{margin-left: 36px !important;}
.ml48{margin-left: 48px !important;}
.mr4{margin-right: 4px !important;}
.mr8{margin-right: 8px !important;}
.mr12{margin-right: 12px !important;}
.mr24{margin-right: 24px !important;}
.mr36{margin-right: 36px !important;}
.mr48{margin-right: 48px !important;}
.pd0{padding: 0 !important;}
.vw100{width: 100vw !important;}
.vh100{height: 100vh !important;}
.max1200{max-height: 1200px !important;height: 1200px !important;}



.slick-next{ left: 5%!important;}
.slick-prev{ left: 95%!important; }
.slick-next:before{
    background: url(/assets/img/ArrowLeft.png)!important;
    background-size: contain!important;
}
.slick-prev:before{
    background: url(/assets/img/ArrowRight.png)!important;
    background-size: contain!important;
}
.slick-arrow{
    z-index:500!important;
    width:60px!important;
    height:60px!important;
}
.slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
    opacity:1!important;
}

}

.enter_banner{
    /* position: absolute;
    top: 80%;
    width: 100%;
    height: 100%; */
    text-align: center;
    color: #fff;
}
@media screen and (max-width: 600px) {
    .enter_banner img{
        max-width: 200px;
    }
}
@media (min-width: 601px) and (max-width: 1200px){
    .enter_banner img{
        max-width: 300px;
    }
}
@media screen and (min-width: 1201px) {
    .enter_banner img{
        max-width: 468px;
    }
}