@charset "UTF-8";

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


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

    body {
        background-image: url(/assets/img/BackgroundImage.png);
        background-repeat: repeat;
        background-attachment: fixed;
        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;
        padding-top: 36px;
        padding-bottom: 12px;
        font-size: 28px;
        margin-top: 12px;
        line-height: 30px;
        background-image: url(/assets/img/HeadImage.png);
        background-repeat: no-repeat;
        background-size: 80px;
        background-position: center;
    }
    h2 span {
        font-size: 18px;
    }

.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;}

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

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

/* Header Style */
section.Header {
    display: block;
    height: 88px;
    z-index: 9000;
}
.HeadWrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.LogoArea {
    display: block;
    width: 40%;
    float: left;
}
.LogoArea img {
    width: 90%;
    margin-top: 8px;
    margin-left: 12px;
}
.MenuWrap{
    width: 59%;
    display: flex;
    flex-wrap: wrap;
}
.HeadUpper{
    width: 70%;
}
.MobileMenu{
    width: 25%;
}
.TimeInfo{
    font-size: 13px;
    padding-left: 31px;
    margin-top: 14px;
}
.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: 60000;
    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: 4000 !important;
    transition: .5s;
    background-image: url(/assets/img/BackgroundImage.png);
        background-repeat: repeat;
        background-attachment: fixed;
    padding: 12px 56px;
  }
#drawer_input:checked ~ .MenuArea {
    left: 0;
  }
.MenuArea .Item{
    width: 100% !important;
    font-size: 16px;
    margin-bottom: 12px;
}
.MenuArea .Item p{
    display: inline-block;
    margin: 0;
}
.MenuArea .Item a{
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #000;
}
.MenuArea .Item a span{
    display: inline-block;
    margin-top: 4px;
    font-size: 10px;
}
.MembersLoginArea {
    position: absolute;
    top: 59px;
    left: 0;
    width: 100%;
    float: left;
}
.MembersLoginArea p{
    text-align: center;
    display: block;
    margin-top: 0;
}

.IDInput {
    display: inline-block;
    width: 30%;
    float: left;
    font-size: 12px;
    margin-top: 4px;
    margin-left: 20px;
}

.PassInput {
    display: inline-block;
    width: 34%;
    float: left;
    font-size: 12px;
    margin-top: 4px;
}
.IDInput label,.PassInput label{
    vertical-align: middle;
}
.LoginBtn{
    width: 60px;
    float: left;

}
.IDInput input[type=text],
.PassInput input[type=text]
 {
    font-size: 12px;
    margin-left: 0;
    border-radius:4px;
    padding-left: 0;
}
.LoginBtn input[type=submit]{
    font-size: 12px;
    padding-left: 6px;
    padding-right: 6px;
    border: 1px solid #777;
    color: #000;
    background-color: #fff;
    font-family: "Crimson Text", serif;
    font-weight: 400;
}


/* KeyVisual Style */
section.KeyVisualArea{		
    position: relative;	
    }	
    .KeyVisualWrap{	
    position: relative;	
    opacity: 0;	
    width: 100vw;	
    overflow: hidden;	
    }	
    .KeyVisualWrap .KVslick{	
    width: 420px;	
    margin-left: 116px;	
    }	
    .KeyVisualWrap .KVslick .KVslik-img img{	
    max-height: 200px;	
    }	
    .SlitWrap{	
    position: absolute;	
    top: 0;	
    left: 0;	
    z-index: 300;	
    }	
    .KVbgtop{	
    position: absolute;	
    top: -12px;	
    left: 120px;
    width: 450px;	
    z-index: 301;	
    }	
    .KVbgLeft{	
    position: absolute;	
    top: 0;	
    left: 0;
    width: 148px;
    z-index: 302;	
    }	
    .KVbgCenter{	
    position: absolute;	
    top: 3px;	
    left: 235px;
    width: 52px;	
    z-index: 303;	
    }	
    .KVbgRight{	
    position: absolute;	
    top: 3px;	
    left: 344px;
    width: 193px;	
    z-index: 304;	
    }
    .KVbgtop img, .KVbgLeft img, .KVbgCenter img, .KVbgRight img{
        width: 100%;
    }



    .KeyVisual {	
    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.5);	
    }	
    .KeyVisual H1 {	
    display: block;	
    width: 100%;	
    margin: auto;	
    z-index: 50;	
    }


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

.InformationWrap {
    display: block;
    margin: auto;
    margin-top: 24px;
    margin-bottom: 12px;
    width: 98%;
    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 {
    text-align: center;
    font-size: 20px;
    margin-top: 24px;
}

.InformationWrap p.InformationRead {
    font-size: 16px;
    padding: 12px 12px;
    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: 24px;
}

.CastListArea {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

.CastWrap {
    display: block;
    position: relative;
    width: 168px;
    height: 316px;
    z-index: 10;
    border-radius: 2px;
    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.5);
    margin: 20px 9px;
    overflow:hidden;
}
.CastStatus{
    width: 100%;
    height: 51px;
    background: rgb(255, 255, 255, 0.9 );
    text-align: center;
    padding-top: 20px;
    
}
.CastStatus p{ 
    padding-top: 6px;
}
.CastStatus.NowOn{
    color: #ff0000;
    font-size: 12px;
    padding-top: 26px;
}
.CastStatus.current{
    color: #ff0000;
    font-size: 12px;
    padding-top: 26px;
}
.CastStatus.Comment{
    font-size: 10px;
    margin-top: 4px;
    padding-bottom: 32px;
}
.CastStatus.OrderStop{
    color: #000;
    font-size: 12px;
    padding-top: 26px;
}
.CastStatus.OrderStop p{
    text-decoration: none;
}
.CastStatus.SoldOut{
    color: #000;
    font-size: 12px;
    padding-top: 26px;
}
.CastWrap a {
    color: #000;
}

.CastWrap a img.cast: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: 50px;
    left: 10px;
    width: 140px;
    display: flex;
    justify-content: flex-start;
}
.NewPhotoWrap{
    position: absolute;
    top: 212px;
    left: 11px;
}
.CastWorkTimeWrap{
    position: absolute;
    top: 226px;
    left: 12px;
}
p.CastWorkTime{
    display: inline-block;
    border: 1px solid #F80F0F;
    border-radius: 3px;
    padding: 0px 6px;
    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.TodayCastIcon{
    display: inline-block;
    width: 64px;
    border: 1px solid #F80F0F;
    border-radius: 3px;
    padding: 1px 6px;
    margin: 2px;
    font-size: 12px;
    text-align: center;
    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: 66px;
    border: 1px solid #666;
    border-radius: 3px;
    padding: 1px 4px;
    margin: 2px;
    background-color: rgba(255, 255, 255, 0.5);
    font-size: 8px;
    font-family:"Arial Black"; 
    color: #666;
}

.NewIcon{
    display: block;
    position: absolute;
    top: 48px;
    left: 110px;
    z-index: 99;
    width: 52px;
}
.NewIcon img{
    width: 100%;
}

.CastWrapImg {
    display: block;
}
.CastWrapImg.Top{
    position: absolute;
    top: 0;
    left: 0;
    width: 168px;
    z-index: 100;
}
.CastWrapImg.Bottom{
    position: absolute;
    top: 292px;
    left: 0;
    width: 168px;
    z-index: 101;
}
.CastWrapImg.Left{
    position: absolute;
    top: 24.5px;
    left: -0.5px;
    width: 19.5px;
    z-index: 102;
}
.CastWrapImg.Right{
    position: absolute;
    top: 24.5px;
    right: 0;
    width: 34.5px;
    z-index: 103;
}
.CastWrapImg img {
    width: 100%;
}
.ProfileWrap {
    display: block;
    position: absolute;
    top: 240px;
    width: 100%;
    height: 68px;
    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: 16px;
    font-weight: 800;
    margin-top: 12px;
}
.ProfileWrap .Name span{
    font-size: 10px;
}
.ProfileWrap .Details {
    text-align: center;
    font-size: 12px;
}

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

.ProfileWrap .IconWrap p.Icons {
    display: block;
    margin: 1px 2px;
    padding: 1px 0;
    width: 46px;
    font-size: 7px;
    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;
}

/* Footer Style */
section.FooterArea {
    display: block;
    width: 100vw;
    padding-top: 40px;
    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: 16px;
    color: #FFF;
}

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

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: 20px;
    text-align: center;
    font-size: 10px;
    color: #FFF;
}


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

.NewsArea {
    display: flex;
    margin: auto;
    margin-top: 12px;
    width: 98%;
    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;
}

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

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

.RegistrationWrapper p.read {
    font-size: 14px;
    margin: 12px;
    line-height: 24px;
}

.FormArea {
    width: 80%;
    margin: auto;
    margin-top: 24px;
}

.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;
}

section.TopicsCastArea {
    display: block;
    position: relative;
}
section.ProfileDetailArea.Wide{
    width: 100% !important; 
}

section.TopicsCastArea .ProfileDetailArea .CastSlideArea .slick01 .slick01-img {
    width: 100%;
    max-width: 600px;
    opacity: 0.5;
    padding-left: 100px;
}
section.TopicsCastArea .ProfileDetailArea .CastSlideArea .slick01 .slick01-img img{
    max-height: 640px;
}

section.TopicsCastArea .ProfileDetailArea .CastSlideArea .slick01 .slick-track {
    float: none;
    display: flex;
    justify-content: flex-start;
}

section.TopicsCastArea .ProfileDetailArea .CastSlideArea .slick01 .slick-center{
    opacity: 1;
}


section.TopicsCastArea .ProfileDetailArea .CastSlideArea .CastInformation {
    display: block;
    margin: auto;
    margin-top: 60px;
    width: 98%;
    position: relative;
}

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

section.TopicsCastArea .ProfileDetailArea .CastSlideArea .CastImage img {
    width: 100%;
}

section.TopicsCastArea .ProfileDetailArea .CastSlideArea .CastInfo {
    padding: 20px;
}

section.TopicsCastArea .ProfileDetailArea .CastSlideArea .CastInfo h4 {
    padding-bottom: 12px;
    font-size: 18px;
}

section.TopicsCastArea .ProfileDetailArea .CastSlideArea .CastInfo p.TxtRead {
    font-size: 14px;
}

section.TopicsCastArea .ProfileDetailArea .ProfileWraps .HeadImage {
    display: block;
    margin: auto;
    width: 80%;
}

section.TopicsCastArea .ProfileDetailArea .ProfileWraps .HeadImage img {
    width: 100%;
}
section.TopicsCastArea .ProfileDetailArea .ProfileWraps {
    width: 96%;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 12px;
    margin-top: 12px;
    padding: 20px;
    box-shadow: inset 2px 2px 2px #CDBB84;
    box-shadow: 2px 2px 2px #CDBB84;
    margin-bottom: 12px;
}
section.TopicsCastArea .ProfileDetailArea .ProfileWraps H3 {
    font-size: 36px;
}

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

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

section.TopicsCastArea .ProfileDetailArea .ProfileWraps p.JName {
    text-align: center;
    font-size: 24px;
    margin: 0;
}
section.TopicsCastArea .ProfileDetailArea .ProfileWraps p.JName span{
    font-size: 10px;
}

section.TopicsCastArea .ProfileDetailArea .ProfileWraps p.Details {
    text-align: center;
    font-size: 12px;
    margin: 0;
}

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

section.TopicsCastArea .ProfileDetailArea .ProfileWraps .CastStatusIcon {
    display: block;
    width: 60px;
    border-radius: 4px;
    margin: 0 8px;
    padding: 4px 0;
    font-size: 10px;
    background-image: linear-gradient(30deg, rgba(226, 207, 255, 1), rgba(251, 253, 191, 1));
    color: #000;
    text-align: center;
    box-shadow: #666 2px 2px 2px;
}

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

.GravureListArea {
    width: 100%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}

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

.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 */
.MovieList {
    width: 100%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}

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

.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;
}

/* System Area */
section.SystemArea{
    margin-top: 24px;
}

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

.TicketWrap {
    width: 90%;
    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: 100%;
    margin: auto;
    margin-top: 18px;
    font-size: 12px;
    text-align: center;
    border-bottom: 2px solid #CDBB84;
}

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

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

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

}

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

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

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

.PickupWrap p {
    display: block;
    width: 90%;
    margin: auto;
    margin-top: 12px;
    font-size: 16px;

}
.FloorWrap{
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 80px;
    width: 98%;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}
.FloorWrap img{
    width: 46%;
    margin: 5px;
}

.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.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;
}

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

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

section.ProfileDetailArea{
    position: relative;
    width: 100%;
    margin: auto;
    margin-top: 2px;
}
.CastImageGallery{
    width: 100%;

}

.ProfileWraps {
    width: 98%;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 12px;
    z-index: 100;
    padding: 12px;
    box-shadow: inset 2px 2px 2px #CDBB84;
    box-shadow: 2px 2px 2px #CDBB84;
    margin: auto;
}

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

.HeadImage img {
    width: 100%;
}

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

.slick01 .slick01-img {

    max-width: 100%;
    margin-left: 20px;
    margin-right: 20px;
    opacity: 0.5;
}
.slick01 .slick01-img img{
    height: 640px;
}

.slick01 .slick-track {
    float: none;
    display: flex;
    left: 10px;
}
section.TopicsCastArea .ProfileDetailArea .CastSlideArea .slick01 .slick-track {
    float: none;
    display: flex;
    left: 0px;
}

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

.ProfileWraps p.catch {
    text-align: center;
    font-size: 16px;
    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;
}

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

.CastStatusIcon {
    display: block;
    width: 80px;
    border-radius: 4px;
    margin: 0 8px;
    padding: 4px 0;
    font-size: 12px;
    background-image: linear-gradient(30deg, rgba(226, 207, 255, 1), rgba(251, 253, 191, 1));
    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%;
}

.ProfileSchedule {
    display: flex;
    flex-wrap: wrap;
    width: 98%;
}

.ScheduleBox {
    display: block;
    width: 132px;
    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;
}
.ProfileWraps H2{
    background-image: none;
    font-size: 24px;
}
.ProfileWraps H2 h {
    font-size: 36px;
}

.ProfileWraps H2 h span {
    text-align: left;
}
section.ProfileScheduleArea{
    width: 98%;
    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;
}


section.OtherLink{
    width: 98%;
    margin: auto;
    margin-bottom: 60px;

}
.PhotoDiary{
    width: 98%;
    margin: 0 10px;
    background-color: rgba(255, 255, 255, 0.8);
}
.PhotoDiaryWrap{
    margin: auto;
}
.PhotoDiaryWrap iframe{
    width: 95%;
    max-width: 95%;
    height: 500px;
}
.ProfileMedia{
    width: 98%;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.8);
}
.ProfileMediaWrap{
    margin: auto;

}
.XAccount, .InstaAccount, .TikTokAccount{
    margin: auto;
    padding: 8px;
    max-width: 98%;
    min-width: 98%;
    max-height: 600px;
}
.XAccount iframe, .InstaAccount iframe, .TikTokAccount iframe{
    max-width: 98%;
    min-width: 98%;
    max-height: 600px;
}
.XAccount H3, .InstaAccount H3, .TikTokAccount H3{
    font-size: 18px;
    font-weight: 300;
    text-align: center;
}
.XAccount H3 i, .InstaAccount H3 i, .TikTokAccount H3 i{
    font-size: 48px;
    padding-right: 12px;
}

/* Enter Area */
section.EnterArea{
    width: 100%;
    margin: auto;
}
section.EnterArea p{
    color: #fff;
}
.EnterWrap {
    margin: auto;
    width: 90%;
    display: flex;
    justify-content: space-between;

}

.EnterButton {
    width: 136px;
    margin: 12px 24px;

}

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

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

}

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;
    margin-bottom: 36px;
    color: #000;
}
/* IndexReadArea */
.IndexReadWrap {
    width: 94%;
    margin: auto;
}

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

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


/* Companion List */
.HeadTitle{
    width: 114px;
    font-size: 14px;
    margin-left: 12px;
}
.HeadTitle span{
    font-size: 10px;
}
.ChoiceItemWrap{
    display: flex;
    justify-content: space-between;
    width: 100%;

}
.ChoiceItem{
    text-align: center;
    width: 56px;
    font-size: 14px;
    font-weight: bold;
}
.ChoiceItem span{
    font-size: 12px;
    font-weight: 300;
}
.ChoiceItem a{
    text-decoration: none;
    width: 100%;
    color: #000;
}
.ChoiceItem.current,.ChoiceItem.current a{
    color: #666;
}



/*
.CastTypeChoiceArea {
    display: block;
    width: 100%;
    margin: auto;
    border-bottom: 1px solid #000;
    
}

.CastTypeChoiceWrap {
    display: flex;
    flex-direction: row;
    width: 100%;
    overflow-x: scroll;

}

.HeadTitle {
    width: 112px;
    font-size: 12px;
    text-align: center;
    margin-left: 10px;
    margin-right: 8px;
    margin-top: 8px;
    white-space: nowrap;
}

.HeadTitle span {
    display: block;
    font-size: 8px;
}

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

.ChoiceItem {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 76px;
    margin-right: 8px;
    margin-right: 8px;
    padding: 4px 0;
    border: 1px solid #888;
    background-image: linear-gradient(145deg, rgba(237, 237, 237, 0.5), rgba(180, 180, 180, 0.5) 26%, rgba(255, 255, 255, 0.5) 58%, rgba(181, 181, 181, 0.5));
    box-shadow: 2px 2px 1px #999;
}
.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-weight: bold;
    font-size: 14px;
}

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

.ChoiceItem a span {
    display: block;
    font-weight: 300;
    font-size: 11px;
}
    */

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

.ScheduleChoiceWrap {
    display: flex;
    flex-direction: row;
    width: 520px;
}

.ScheduleItem {
    display: block;
    width: 60px;
    margin-left: 2px;
    margin-right: 2px;
    text-align: center;
    border-left: 1px solid #999;
    border-top: 4px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    background-color: rgba(255, 255, 255, 0.6);
}


.ScheduleItem.current {
    background-image: linear-gradient(50deg, rgba(237, 237, 237, 0.69), rgba(171, 171, 171, 0.69) 26%, rgba(255, 255, 255, 0.69) 58%, rgba(113, 113, 113, 0.69));
}
.ScheduleItem.sat a{
    color: #6badff;
}
.ScheduleItem.sun a{
    color: #f77b7b;
}

.ScheduleItem a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    color: #000;
    font-size: 12px;
    padding: 4px 0;
}

.ScheduleItem a:hover {
    background-image: linear-gradient(329deg, rgba(237, 237, 237, 0.5), rgba(180, 180, 180, 0.5) 26%, rgba(255, 255, 255, 0.5) 58%, rgba(181, 181, 181, 0.5));
}


.slick-next{ 
    left: 5%!important;
    display: none;
}
.slick-prev{ 
    left: 95%!important;
    display: none;
 }

}














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

    body {
        background-image: url(/assets/img/BackgroundImage.png);
        background-repeat: repeat;
        background-attachment: fixed;
        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;
        padding-top: 48px;
        padding-bottom: 12px;
        font-size: 48px;
        margin-top: 12px;
        line-height: 30px;
        background-image: url(/assets/img/HeadImage.png);
        background-repeat: no-repeat;
        background-size: 134px;
        background-position: center;
    }
    h2 span {
        font-size: 24px;
    }

.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;}

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

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

/* Header Style */
section.Header {
    display: block;
    height: 88px;
    z-index: 9000;
}
.HeadWrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.LogoArea {
    display: block;
    width: 40%;
    float: left;
}
.LogoArea img {
    width: 200px;
    margin-top: 8px;
    margin-left: 80px;
}
.MenuWrap{
    width: 59%;
    display: flex;
    flex-wrap: wrap;
}
.HeadUpper{
    width: 70%;
    display: flex;
    flex-wrap: wrap;
}
.MobileMenu{
    width: 25%;
}
.TimeInfo{
    font-size: 20px;
    padding-left: 4px;
    margin-top: 14px;
}
.TimeInfo a{
    text-decoration: none;
    color: #000;
}
.OpenTime{
    font-size: 20px;
    padding-left: 12px;
    margin-top: 14px;
}


.drawer_hidden {
    display: none;
  }
  
  /* ハンバーガーアイコンの設置スペース */
  .drawer_open {
    display: flex;
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 60000;
    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: 4000 !important;
    transition: .5s;
    background-image: url(/assets/img/BackgroundImage.png);
        background-repeat: repeat;
        background-attachment: fixed;
    padding: 12px 150px;
  }
#drawer_input:checked ~ .MenuArea {
    left: 0;
  }
.MenuArea .Item{
    width: 100% !important;
    font-size: 24px;
    margin-bottom: 12px;
}
.MenuArea .Item p{
    display: inline-block;
    margin: 0;
}
.MenuArea .Item a{
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #000;
}
.MenuArea .Item a span{
    display: inline-block;
    margin-top: 4px;
    font-size: 16px;
}
.MembersLoginArea {
    width: 100%;
    float: left;
}
.MembersLoginArea p{
    text-align: center;
    display: block;
    margin-top: 0;
}

.IDInput {
    display: inline-block;
    width: 30%;
    float: left;
    font-size: 16px;
    margin-top: 4px;
    margin-left: 20px;
}

.PassInput {
    display: inline-block;
    width: 34%;
    float: left;
    font-size: 16px;
    margin-top: 4px;
}
.IDInput label,.PassInput label{
    vertical-align: middle;
}
.LoginBtn{
    width: 60px;
    float: left;

}
.IDInput input[type=text],
.PassInput input[type=text]
 {
    font-size: 16px;
    margin-left: 0;
    border-radius:4px;
    padding-left: 0;
}
.LoginBtn input[type=submit]{
    font-size: 16px;
    padding-left: 6px;
    padding-right: 6px;
    border: 1px solid #777;
    color: #000;
    background-color: #fff;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    margin-top: 4px;
}


/* KeyVisual Style */
section.KeyVisualArea{		
    position: relative;	
    }	
    .KeyVisualWrap{	
    position: relative;	
    opacity: 0;	
    width: 100vw;	
    overflow: hidden;	
    }	
    .KeyVisualWrap .KVslick{	
    width: 1200px;	
    margin-left: 333px;	
    }	
    .KeyVisualWrap .KVslick .KVslik-img img{	
    max-height: 600px;	
    }	
    .SlitWrap{	
    position: absolute;	
    top: 0;	
    left: 0;	
    z-index: 300;	
    }	
    .KVbgtop{	
    position: absolute;	
    top: -12px;	
    left: 400px;
    width: 1000px;	
    z-index: 301;	
    }	
    .KVbgLeft{	
    position: absolute;	
    top: 0;	
    left: 0;
    width: 401px;
    z-index: 302;	
    }	
    .KVbgCenter{	
    position: absolute;	
    top: 3px;	
    left: 665px;
    width: 142px;	
    z-index: 303;	
    }	
    .KVbgRight{	
    position: absolute;	
    top: 3px;	
    left: 1023px;
    width: 532px;	
    z-index: 304;	
    }
    .KVbgtop img, .KVbgLeft img, .KVbgCenter img, .KVbgRight img{
        width: 100%;
    }



    .KeyVisual {	
    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.5);	
    }	
    .KeyVisual H1 {	
    display: block;	
    width: 100%;	
    margin: auto;	
    z-index: 50;	
    }


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

.InformationWrap {
    display: block;
    margin: auto;
    margin-top: 24px;
    margin-bottom: 12px;
    width: 98%;
    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 {
    text-align: center;
    font-size: 20px;
    margin-top: 24px;
}

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

.BannerArea {
    margin: 30px auto 0;
    max-width: 1080px;
    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: 180px;
}

.CastListArea {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 60px;
}

.CastWrap {
    display: block;
    position: relative;
    width: 280px;
    height: 488px;
    z-index: 10;
    border-radius: 2px;
    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.5);
    margin: 20px 9px;
    overflow:hidden;
}
.CastStatus{
    width: 100%;
    height: 60px;
    background: rgb(255, 255, 255, 0.9 );
    text-align: center;
    padding-top: 32px;
    
}
.CastStatus p{ 
    padding-top: 6px;
}
.CastStatus.NowOn{
    color: #ff0000;
}
.CastStatus.current{
    color: #ff0000;
}
.CastStatus.Comment{
    font-size: 11px;
    margin-top: 4px;
    padding-bottom: 32px;
}
.CastStatus.OrderStop{
    color: #000;
}
.CastStatus.OrderStop p{
    text-decoration: none;
}
.CastStatus.SoldOut{
    color: #000;
}
.CastWrap a {
    color: #000;
}

.CastWrap a img.cast: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: 65px;
    left: 12px;
    width: 140px;
    display: flex;
    justify-content: flex-start;
}
.NewPhotoWrap{
    position: absolute;
    top: 327px;
    left: 15px;
}
.CastWorkTimeWrap{
    position: absolute;
    top: 342px;
    left: 16px;
}
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;
    text-align: center;
    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: 60px;
    left: 192px;
    z-index: 99;
    width: 82px;
}
.NewIcon img{
    width: 100%;
}

.CastWrapImg {
    display: block;
}
.CastWrapImg.Top{
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
    height: 39.5px;
    z-index: 100;
}
.CastWrapImg.Bottom{
    position: absolute;
    top: 456px;
    left: 0;
    width: 280px;
    height: 35px;
    z-index: 101;
}
.CastWrapImg.Left{
    position: absolute;
    top: 38.5px;
    left: -0.5px;
    width: 31.5px;

    z-index: 102;
}
.CastWrapImg.Right{
    position: absolute;
    top: 38.5px;
    right: 0;
    width: 52.5px;
    z-index: 103;
}
.CastWrapImg img {
    width: 100%;
}
.ProfileWrap {
    display: block;
    position: absolute;
    top: 383px;
    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;
}

/* Footer Style */
section.FooterArea {
    display: block;
    width: 100vw;
    padding-top: 40px;
    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: 16px;
    color: #FFF;
}

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

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

}
section.FooterArea p.Info a{
    text-decoration: none;
    color: #fff;
}
section.FooterArea p.CopyRight {
    display: block;
    margin: auto;
    margin-top: 20px;
    text-align: center;
    font-size: 16px;
    color: #FFF;
}


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

.NewsArea {
    display: flex;
    margin: auto;
    margin-top: 12px;
    width: 88%;
    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;
}

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

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

.RegistrationWrapper p.read {
    font-size: 18px;
    margin: 12px;
    line-height: 30px;
}

.FormArea {
    width: 80%;
    margin: auto;
    margin-top: 24px;
}

.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;
}

section.TopicsCastArea {
    display: block;
    position: relative;
}
section.ProfileDetailArea.Wide{
    width: 100% !important; 
}

section.TopicsCastArea .ProfileDetailArea .CastSlideArea .slick01 .slick01-img {
    width: 100%;
    max-width: 900px;
    opacity: 0.5;
    left: -50px;
}
section.TopicsCastArea .ProfileDetailArea .CastSlideArea .slick01 .slick01-img img{
    max-height: 800px;
}

section.TopicsCastArea .ProfileDetailArea .CastSlideArea .slick01 .slick-track {
    float: none;
    display: flex;
    justify-content: flex-start;
}

section.TopicsCastArea .ProfileDetailArea .CastSlideArea .slick01 .slick-center{
    opacity: 1;
}


section.TopicsCastArea .ProfileDetailArea .CastSlideArea .CastInformation {
    display: block;
    margin: auto;
    margin-top: 60px;
    width: 98%;
    position: relative;
}

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

section.TopicsCastArea .ProfileDetailArea .CastSlideArea .CastImage img {
    width: 100%;
}

section.TopicsCastArea .ProfileDetailArea .CastSlideArea .CastInfo {
    padding: 20px;
}

section.TopicsCastArea .ProfileDetailArea .CastSlideArea .CastInfo h4 {
    padding-bottom: 12px;
    font-size: 18px;
}

section.TopicsCastArea .ProfileDetailArea .CastSlideArea .CastInfo p.TxtRead {
    font-size: 14px;
}

section.TopicsCastArea .ProfileDetailArea .ProfileWraps .HeadImage {
    display: block;
    margin: auto;
    width: 80%;
}

section.TopicsCastArea .ProfileDetailArea .ProfileWraps .HeadImage img {
    width: 100%;
}
section.TopicsCastArea .ProfileDetailArea .ProfileWraps {
    width: 40%;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 12px;
    margin-top: 12px;
    padding: 20px;
    box-shadow: inset 2px 2px 2px #CDBB84;
    box-shadow: 2px 2px 2px #CDBB84;
    margin-bottom: 12px;
    position: absolute;
    top: 0;
    left: 56%;
    height: 776px;
    overflow-y: scroll;
}
section.TopicsCastArea .ProfileDetailArea .ProfileWraps H3 {
    font-size: 36px;
}

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

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

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

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

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

section.TopicsCastArea .ProfileDetailArea .ProfileWraps .CastStatusIcon {
    display: block;
    width: 60px;
    border-radius: 4px;
    margin: 0 8px;
    padding: 4px 0;
    font-size: 10px;
    background-image: linear-gradient(30deg, rgba(226, 207, 255, 1), rgba(251, 253, 191, 1));
    color: #000;
    text-align: center;
    box-shadow: #666 2px 2px 2px;
}

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

.GravureListArea {
    width: 100%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}

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

.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 */
.MovieList {
    width: 100%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}

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

.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;
}

/* System Area */
section.SystemArea{
    margin-top: 24px;
}

.DisCountWrap {
    display: block;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 80px;
    width: 98%;
    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: 24px;
    margin-top: 48px;
    margin-bottom: 48px;

}

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

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

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

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

}

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

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

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

.PickupWrap p {
    display: block;
    width: 90%;
    margin: auto;
    margin-top: 12px;
    font-size: 16px;

}
.FloorWrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 80px;
    width: 98%;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}
.FloorWrap img{
    width: 46%;
    margin: 5px;
}

.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.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;
}

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

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

section.ProfileDetailArea{
    position: relative;
    width: 100%;
    margin: auto;
    margin-top: 2px;
}
.CastImageGallery{
    width: 100%;

}

.ProfileWraps {
    width: 38%;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 12px;
    z-index: 100;
    padding: 12px;
    box-shadow: inset 2px 2px 2px #CDBB84;
    box-shadow: 2px 2px 2px #CDBB84;
    margin: auto;
    position: absolute;
    top: 12px;
    left: 56%;
    height: 776px;
    overflow-y: scroll;
}

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

.HeadImage img {
    width: 100%;
}

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

.slick01 .slick01-img {

    max-width: 100%;
    margin-left: 20px;
    margin-right: 20px;
    opacity: 0.5;
}
.slick01 .slick01-img img{
    height: 800px;
}

.slick01 .slick-track {
    float: none;
    display: flex;
    left: -180px;
}
section.TopicsCastArea .ProfileDetailArea .CastSlideArea .slick01 .slick-track {
    float: none;
    display: flex;
    left: 0px;
}

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

.ProfileWraps p.catch {
    text-align: center;
    font-size: 16px;
    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;
}

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

.CastStatusIcon {
    display: block;
    width: 80px;
    border-radius: 4px;
    margin: 0 8px;
    padding: 4px 0;
    font-size: 12px;
    background-image: linear-gradient(30deg, rgba(226, 207, 255, 1), rgba(251, 253, 191, 1));
    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%;
}

.ProfileSchedule {
    display: flex;
    flex-wrap: wrap;
    width: 98%;
}

.ScheduleBox {
    display: block;
    width: 132px;
    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;
}
.ProfileWraps H2{
    background-image: none;
    font-size: 24px;
}
.ProfileWraps H2 h {
    font-size: 36px;
}

.ProfileWraps H2 h span {
    text-align: left;
}
section.ProfileScheduleArea{
    width: 98%;
    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;
}


section.OtherLink{
    width: 98%;
    margin: auto;
    margin-bottom: 60px;

}
.PhotoDiary{
    width: 98%;
    margin: 0 10px;
    background-color: rgba(255, 255, 255, 0.8);
}
.PhotoDiaryWrap{
    margin: auto;
}
.PhotoDiaryWrap iframe{
    width: 95%;
    max-width: 95%;
    height: 500px;
}
.ProfileMedia{
    width: 98%;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.8);
}
.ProfileMediaWrap{
    margin: auto;

}
.XAccount, .InstaAccount, .TikTokAccount{
    margin: auto;
    padding: 8px;
    max-width: 98%;
    min-width: 98%;
    max-height: 600px;
}
.XAccount iframe, .InstaAccount iframe, .TikTokAccount iframe{
    max-width: 98%;
    min-width: 98%;
    max-height: 600px;
}
.XAccount H3, .InstaAccount H3, .TikTokAccount H3{
    font-size: 18px;
    font-weight: 300;
    text-align: center;
}
.XAccount H3 i, .InstaAccount H3 i, .TikTokAccount H3 i{
    font-size: 48px;
    padding-right: 12px;
}

/* Enter Area */
section.EnterArea{
    width: 100%;
    margin: auto;
}
section.EnterArea p{
    color: #fff;
}
.EnterWrap {
    margin: auto;
    width: 90%;
    display: flex;
    justify-content: center;

}

.EnterButton {
    width: 240px;
    margin: 12px 24px;

}

.EnterButton a {
    display: inline-block;
    padding: 12px 12px;
    width: 100%;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    color: #FFF;
    text-shadow: 1px 1px 0px #000;
    text-align: center;
    text-decoration: none;
    background-image: linear-gradient(150deg, rgba(153, 153, 153, 1) 10%, rgba(202, 202, 202, 1) 40%, rgba(255, 255, 255, 1) 68%, rgba(153, 153, 153, 1) 90%);
    box-shadow: #666 2px 2px 2px;
}

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

}

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;
    color: #000;
}
/* IndexReadArea */
.IndexReadWrap {
    width: 94%;
    margin: auto;
}

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

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


/* Companion List */
/* 
.HeadTitle{
    width: 114px;
    font-size: 14px;
    margin-left: 12px;
}
.HeadTitle span{
    font-size: 10px;
}
.ChoiceItemWrap{
    display: flex;
    justify-content: space-between;
    width: 100%;

}
.ChoiceItem{
    text-align: center;
    width: 56px;
    font-size: 14px;
    font-weight: bold;
}
.ChoiceItem span{
    font-size: 12px;
    font-weight: 300;
}
.ChoiceItem a{
    text-decoration: none;
    width: 100%;
    color: #000;
}
.ChoiceItem.current,.ChoiceItem.current a{
    color: #666;
}
*/



.CastTypeChoiceArea {
    display: block;
    width: 100%;
    margin: auto;
    border-bottom: 1px solid #000;
    
}

.CastTypeChoiceWrap {
    display: flex;
    flex-direction: row;
    width: 100%;
    overflow-x: scroll;

}

.HeadTitle {
    width: 138px;
    font-size: 18px;
    text-align: center;
    margin-left: 10px;
    margin-right: 8px;
    margin-top: 8px;
    white-space: nowrap;
}

.HeadTitle span {
    display: block;
    font-size: 14px;
}

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

.ChoiceItem {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 128px;
    margin-right: 8px;
    margin-right: 8px;
    padding: 4px 0;
    border: 1px solid #888;
    background-image: linear-gradient(145deg, rgba(237, 237, 237, 0.5), rgba(180, 180, 180, 0.5) 26%, rgba(255, 255, 255, 0.5) 58%, rgba(181, 181, 181, 0.5));
    box-shadow: 2px 2px 1px #999;
}
.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-weight: bold;
    font-size: 14px;
}

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

.ChoiceItem a span {
    display: block;
    font-weight: 300;
    font-size: 11px;
}


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

.ScheduleChoiceWrap {
    display: flex;
    flex-direction: row;
    width: 1024px;
}

.ScheduleItem {
    display: block;
    width: 124px;
    margin-left: 2px;
    margin-right: 2px;
    text-align: center;
    border-left: 1px solid #999;
    border-top: 4px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    background-color: rgba(255, 255, 255, 0.6);
}


.ScheduleItem.current {
    background-image: linear-gradient(50deg, rgba(237, 237, 237, 0.69), rgba(171, 171, 171, 0.69) 26%, rgba(255, 255, 255, 0.69) 58%, rgba(113, 113, 113, 0.69));
}
.ScheduleItem.sat a{
    color: #6badff;
}
.ScheduleItem.sun a{
    color: #f77b7b;
}

.ScheduleItem a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    color: #000;
    font-size: 16px;
    padding: 4px 0;
}

.ScheduleItem a:hover {
    background-image: linear-gradient(329deg, rgba(237, 237, 237, 0.5), rgba(180, 180, 180, 0.5) 26%, rgba(255, 255, 255, 0.5) 58%, rgba(181, 181, 181, 0.5));
}


.slick-next{ 
    left: 5%!important;
    display: none;
}
.slick-prev{ 
    left: 95%!important;
    display: none;
 }
}












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

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

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

.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;
    padding-top: 72px;
    padding-bottom: 12px;
    font-size: 48px;
    margin-top: 72px;
    line-height: 30px;
    background-image: url(/assets/img/HeadImage.png);
    background-repeat: no-repeat;
    background-size:160px;
    background-position: center;
}

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 {
    margin: auto;
    height: 100px;
    background-image: url(/assets/img/BackgroundImage.png);
    position: fixed;
    top: 0;
    z-index: 10000;
    box-shadow: 2px 2px 1px #999;
}
.HeadWrap{
    display: flex;
    flex-wrap: wrap;
    width: 1196px;
    margin: auto;
}

.LogoArea {
    display: block;
    width: 280px;
    margin-top: 12px;
}

.LogoArea img {
    width: 220px;
}

.MenuWrap {
    display: flex;
    flex-wrap: wrap;
    width: 910px;
}

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

.TimeInfo {
    width: 240px;
    font-size: 20px;
    text-align: center;
}
.TimeInfo a{
    text-decoration: none;
    color: #000;
}
.OpenTime {
    width: 240px;
    font-size: 20px;
    text-align: center;
}

.LanguageChange i {
    margin: 0 12px;
}

.LanguageChange a {
    color: #000;
}

.LanguageChange span {
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    margin-left: 12px;
}

.MembersLoginArea {
    width: 400px;
    float: left;
}
.MembersLoginArea p{
    text-align: center;
    display: block;
    margin-top: 0;
}

.IDInput {
    display: inline-block;
    width: 164px;
    float: left;
    font-size: 14px;
    margin-top: 4px;
}

.PassInput {
    display: inline-block;
    width: 172px;
    float: left;
    font-size: 14px;
    margin-top: 4px;
}
.IDInput label,.PassInput label{
    vertical-align: middle;
}
.LoginBtn{
    width: 60px;
    float: left;

}
.IDInput input[type=text],
.PassInput input[type=text]
 {
    font-size: 12px;
    margin-left: 12px;
    border-radius:4px;
    padding-left: 12px;
}
.LoginBtn input[type=submit]{
    font-size: 15px;
    padding-left: 6px;
    padding-right: 6px;
    font-family: "Crimson Text", serif;
    font-weight: 400;
}

.MenuArea {
    display: flex;
    flex-wrap: wrap;
    width: 916px;
    height: 50px;
    font-size: 16px;
    font-weight: 900;
}

.MenuArea .Item {
    display: block;
    width: 83px;
    text-align: center;
}
.MenuArea .Item p{
    margin: 0;
}

.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{
    margin-top: 100px;
    position: relative;

}

.KeyVisualWrap{
    position: relative;
    opacity: 0;
    width: 100vw;
    overflow: hidden;
}
.KeyVisualWrap .KVslick{
    width: 1800px;
    margin-left: 500px;
    

}
.KeyVisualWrap .KVslick .KVslik-img img{
    max-height: 900px;
}
.SlitWrap{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8000;
}
.KVbgtop{
    position: absolute;
    top: 0;
    left: 602px;
    z-index: 8001;
}
.KVbgLeft{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8002;    
}
.KVbgCenter{
    position: absolute;
    top: 24px;
    left: 995px;
    z-index: 8003;
}
.KVbgRight{
    position: absolute;
    top: 24px;
    left: 1537px;
    z-index: 8004;
}


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


.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: 180px;
}

.CastListArea {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

.CastWrap {
    display: block;
    position: relative;
    width: 280px;
    height: 488px;
    z-index: 10;
    border-radius: 2px;
    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.5);
    margin: 20px 9px;
    overflow:hidden;
}
.CastStatus{
    width: 100%;
    height: 60px;
    background: rgb(255, 255, 255, 0.9 );
    text-align: center;
    padding-top: 32px;
    
}
.CastStatus p{ 
    padding-top: 6px;
}
.CastStatus.NowOn{
    color: #ff0000;
}
.CastStatus.current{
    color: #ff0000;
}
.CastStatus.Comment{
    font-size: 11px;
    margin-top: 4px;
    padding-bottom: 32px;
}
.CastStatus.OrderStop{
    color: #000;
}
.CastStatus.OrderStop p{
    text-decoration: none;
}
.CastStatus.SoldOut{
    color: #000;
}
.CastWrap a {
    color: #000;
}

.CastWrap a img.cast: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: 65px;
    left: 12px;
    width: 140px;
    display: flex;
    justify-content: flex-start;
}
.NewPhotoWrap{
    position: absolute;
    top: 327px;
    left: 15px;
}
.CastWorkTimeWrap{
    position: absolute;
    top: 342px;
    left: 16px;
}
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;
    text-align: center;
    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: 60px;
    left: 192px;
    z-index: 99;
    width: 82px;
}
.NewIcon img{
    width: 100%;
}

.CastWrapImg {
    display: block;
}
.CastWrapImg.Top{
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
    height: 39.5px;
    z-index: 100;
}
.CastWrapImg.Bottom{
    position: absolute;
    top: 456px;
    left: 0;
    width: 280px;
    height: 35px;
    z-index: 101;
}
.CastWrapImg.Left{
    position: absolute;
    top: 38.5px;
    left: -0.5px;
    width: 31.5px;

    z-index: 102;
}
.CastWrapImg.Right{
    position: absolute;
    top: 38.5px;
    right: 0;
    width: 52.5px;
    z-index: 103;
}
.CastWrapImg img {
    width: 100%;
}

.ProfileWrap {
    display: block;
    position: absolute;
    top: 383px;
    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;
    position: relative;
}
section.ProfileDetailArea.Wide{
    width: 100% !important; 
    height: 800px;
}
.ProfileWraps.arrangement{
    position: absolute;
    top: -10px;
    left: 54%;
}
section.TopicsCastArea .ProfileDetailArea .CastSlideArea .slick01 .slick01-img {
    width: 100%;
    max-width: 800px;
    opacity: 0.5;
}
section.TopicsCastArea .ProfileDetailArea .CastSlideArea .slick01 .slick01-img img{
    max-height: 800px;
}

section.TopicsCastArea .ProfileDetailArea .CastSlideArea .slick01 .slick-track {
    float: none;
    display: flex;
    left: -140px;
}

section.TopicsCastArea .ProfileDetailArea .CastSlideArea .slick01 .slick-center {
    opacity: 1;
}


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

.CastImage {
    display: block;
    position: absolute;
    width: 480px;
    height: 640px;
    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 {
    padding: 20px;


}

.CastInfo h4 {
    padding-top: 60px;
    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;
    opacity: 75%;
}

.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;
    opacity: 75%;
}

section.ReviewArea .ReviewWrap h3.ComeInfo {
    text-align: center;
    font-size: 36px;
    padding-top: 200px;
}

/* 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: 800px;
    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: 18px;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    margin-left: 12px;
    padding: 2px 24px;
    border-radius: 6px;
    background-color: #fff;
}
.FormArea input[type=submit] {
    font-size: 18px;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
    margin-left: 12px;
    padding: 2px 24px;
    border-radius: 6px;
    background-color: #fff;
}

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

}

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: 280px;
}

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

}
section.FooterArea p.Info a{
    text-decoration: none;
    color: #fff;
}
section.FooterArea p.CopyRight {
    display: block;
    margin: auto;
    margin-top: 20px;
    text-align: center;
    font-size: 15px;
    color: #FFF;
}

/* System Area */
section.SystemArea{
    margin-top: 180px;
}

.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;

}
.FloorWrap{
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 80px;
    width: 1200px;
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    opacity: 75%;
}
.FloorWrap img{
    width: 588px;
    margin: 5px;
}

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

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 */
section.EnterArea{
    position: absolute;
    bottom: -3%;
    width: 100%;
}
section.EnterArea p{
    color: #fff;
}
.EnterWrap {
    margin: auto;
    width: 800px;
    display: flex;
    justify-content: space-between;

}

.EnterButton {
    width: 320px;
    margin: 24px 36px;

}

.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: #FFF;
    text-shadow: 1px 1px 0px #000;
    text-align: center;
    text-decoration: none;
    background-image: linear-gradient(150deg, rgba(153, 153, 153, 1) 10%, rgba(202, 202, 202, 1) 40%, rgba(255, 255, 255, 1) 68%, rgba(153, 153, 153, 1) 90%);
    box-shadow: #666 2px 2px 2px;
}

.EnterButton a:hover {
    transition: 0.6s;
    opacity: 0.7;
}

.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;
    margin-bottom: 0;
}

/* Gravure Area */
section.GravureArea{
    margin-top: 180px;
}

.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 */
.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;
    border-bottom: 1px solid #000;
}

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

.HeadTitle {
    width: 200px;
    text-align: center;
    margin-left: 10px;
}

.HeadTitle span {
    display: block;
}

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

.ChoiceItem {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 164px;
    margin-right: 8px;
    margin-right: 8px;
    padding: 4px 0;
    border: 1px solid #888;
    background-image: linear-gradient(145deg, rgba(237, 237, 237, 0.5), rgba(180, 180, 180, 0.5) 26%, rgba(255, 255, 255, 0.5) 58%, rgba(181, 181, 181, 0.5));
    box-shadow: 2px 2px 1px #999;
}
.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-weight: bold;
    font-size: 18px;
}

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

.ChoiceItem a span {
    display: block;
    font-weight: 300;
    font-size: 14px;
}

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

.ScheduleChoiceWrap {
    display: flex;
    justify-content: center;
}

.ScheduleItem {
    display: block;
    width: 138px;
    margin-left: 4px;
    margin-right: 4px;
    text-align: center;
    border-left: 1px solid #999;
    border-top: 4px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    background-color: rgba(255, 255, 255, 0.6);
}


.ScheduleItem.current {
    background-image: linear-gradient(50deg, rgba(237, 237, 237, 0.69), rgba(171, 171, 171, 0.69) 26%, rgba(255, 255, 255, 0.69) 58%, rgba(113, 113, 113, 0.69));
}
.ScheduleItem.sat a{
    color: #6badff;
}
.ScheduleItem.sun a{
    color: #f77b7b;
}

.ScheduleItem a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    color: #000;
    font-size: 18px;
    padding: 12px 0;
}

.ScheduleItem a:hover {
    background-image: linear-gradient(329deg, rgba(237, 237, 237, 0.5), rgba(180, 180, 180, 0.5) 26%, rgba(255, 255, 255, 0.5) 58%, rgba(181, 181, 181, 0.5));
}

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

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

section.ProfileDetailArea{
    position: relative;
    width: 1400px;
    margin: auto;
    margin-top: 110px;
}
.CastImageGallery{
    width: 1400px;
}

.ProfileWraps {
    position: absolute;
    top: -7px;
    left: 60%;
    width: 500px;
    height: 1017px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 12px;
    z-index: 100;
    overflow-y: scroll;
    padding: 20px;
    box-shadow: inset 2px 2px 2px #CDBB84;
}

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

.HeadImage img {
    width: 100%;
}

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

.slick01 .slick01-img {

    max-width: 720px;
    margin-left: 20px;
    margin-right: 20px;
    opacity: 0.5;
}
.slick01 .slick01-img img{
    height: 1000px;
}

.slick01 .slick-track {
    float: none;
    display: flex;
    left: -200px;

}

.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;
}

.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(30deg, rgba(226, 207, 255, 1), rgba(251, 253, 191, 1));
    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%;
}

.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.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;
}


section.OtherLink{
    width: 1200px;
    margin: auto;
    margin-bottom: 60px;
}
.PhotoDiary{
    width: 1200px;
    margin: 0 10px;
    background-color: rgba(255, 255, 255, 0.8);
}
.PhotoDiaryWrap{
    margin: auto;
    padding: 8px;
}
.PhotoDiaryWrap, iframe{
    width: 1200px;
}
.PhotoDiaryWrap iframe{
    width: 100%;
    max-width: 1200px;
    height: 500px;
}
.ProfileMedia{
    width: 1200px;
    margin: 24px 10px;
    background-color: rgba(255, 255, 255, 0.8);
}
.ProfileMediaWrap{
    margin: auto;
    display: flex;
    justify-content: space-around;
}
.XAccount, .InstaAccount, .TikTokAccount{
    margin: 8px;
    padding: 8px;
    max-width: 580px;
    min-width: 390px;
    max-height: 600px;
}
.XAccount iframe, .InstaAccount iframe, .TikTokAccount iframe{
    max-width: 580px;
    min-width: 390px;
    max-height: 600px;
}
.XAccount H3, .InstaAccount H3, .TikTokAccount H3{
    font-size: 24px;
    font-weight: 300;
    text-align: center;
}
.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;
    }
}

.loading {
    width: 100vw;
    height: 100vh;
    transition: all 1s;
    background-color: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    opacity: 1;
    visibility: visible;
  }
  
  .loading.is-active {
    opacity: 0;
    visibility: hidden;
  }
  
  .loading-animation {
    width: 100vw;
    height: 100vh;
    transition: all 1s;
    background-color: #20a3ea;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
  }
  
  .loading-animation.is-active {
    opacity: 1;
    visibility: visible;
  }


/* 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;}
.ht800{height: 820px !important;}
.vw100{width: 100vw !important;}
.vh100{height: 100vh !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;
}
}