@charset "UTF-8";

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

body {
    background-image: url(/assets/img/BackgroundImage.jpg);
    background-repeat: repeat;
    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.TopicsCastArea,
section.WhatsNewArea,
section.NewCastArea,
section.ShopMovieArea,
section.ReviewArea,
section.MailMagazineRegistration,
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.SystemArea,
section.DisCountArea,
section.AboutArea,
section.PriceArea,
section.PickupArea,
section.MapArea,
section.IndexReadArea,
section.GravureArea,
section.MovieArea,
section.section.EnterArea {
    margin-bottom: 100px;
}

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

h2 h {
    font-size: 64px;
}

h2 span {
    font-size: 16px;
}

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

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

}

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

}

.LogoArea img {
    width: 280px;
    margin-top: 6px;
}

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

.HeadUpper {
    display: block;
    width: 916px;
    height: 40px;
    padding-top: 6px;
}

.TimeInfo {
    width: 240px;
    float: left;
    font-size: 20px;
    margin-left: 240px;
}

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

.LanguageChange{
    display: inline-block;
    cursor: pointer;
}
.LanguageChange i {
    margin: 0 12px;
}
.DisplayBox{
    width: 160px;
    background-color:#fff;
    opacity: 90%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ImgWrap img {
    width: 280px;
}

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

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

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

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

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

.thumbnail .slick-track {
    transform: unset !important;
}

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

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

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

.CastWrap a {
    color: #000;
}

.CastStatus{
    width: 100%;
    height: 34px;
    text-align: center;
    background-color: #fff;
}
.CastStatus p{ 
    padding-top: 6px;
}
.CastStatus.current{
    color: #000;
}
.CastStatus.Comment{
    margin-top: 20px;
    font-size: 12px;
}
.CastStatus.OrderStop{
    color: #777;
}
.CastStatus.OrderStop p{
    text-decoration: none;
}
.CastStatus.SoldOut{
    color: #ff91eb;
}
.CastWrap a:hover {
    color: #888;
    opacity: 80%;
    transition: 1s;
}

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

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

.CastWrapImg img {
    width: 100%;
}

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

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

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

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

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

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

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

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

.CastImage img {
    width: 480px;
}

.CastInfo {
    display: block;
    position: absolute;
    top: 160px;
    left: 182px;
    width: 850px;
    height: 620px;
    border: 1px solid #B9B9B9;
    background-color: #FFF;
    opacity: 75%;
    z-index: 50;
}

.CastInfo h4 {
    padding-top: 60px;
    padding-left: 400px;
    padding-bottom: 40px;
    font-size: 24px;
}

.CastInfo p.TxtRead {
    padding-left: 400px;
    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;
}

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

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

dd.Article a {
    color: #000;
    text-decoration: none;
}

dd.Article a:hover {
    color: #000;
    text-decoration: underline;
}

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

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

.MovieWrap img {
    width: 1060px;
}

/* Review Style */
section.ReviewArea .ReviewWrap {
    margin: auto;
    margin-top: 40px;
    width: 1060px;
    height: 480px;
    background-color: #fff;
    border: 1px solid #B9B9B9;
    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;
}

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

}

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.CopyRight {
    display: block;
    margin: auto;
    margin-top: 52px;
    text-align: center;
    font-size: 15px;
    color: #FFF;
}

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

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

}

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

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

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

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

}

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

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

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

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

}

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

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

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

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

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

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

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

}

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

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

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

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

}

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

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

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

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

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

.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 {
    width: 364px;
}

.GravureWrap a:hover {
    opacity: 50%;
    transition: 0.8s;
}

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

}

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

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

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

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

}


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

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

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

.MovieListWrap a:hover {
    opacity: 50%;
    transition: 0.8s;
}

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

.MovieListBox img {
    width: 364px;
}

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

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

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

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

.HeadTitle span {
    display: block;
}

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

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

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

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

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

.ChoiceItem span {
    display: block;
}

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

.ScheduleChoiceWrap {
    display: flex;
    flex-direction: row;
}

.ScheduleItem {
    display: block;
    width: 149px;
    text-align: center;
    border: 1px solid transparent;
}

.ScheduleItem:hover {
    border: 1px solid #777;
    border-radius: 3px;
}

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

.ScheduleItem a:hover {
    color: #777;
    transition: 0.8s;
}

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

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

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

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

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

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

.slick01 .slick01-img {
    width: 100%;
    max-width: 720px;
    opacity: 0.5;
}

.slick01 .slick-track {
    float: none;
    display: flex;
    left: -240px;
    gap: 100px;
}

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


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

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

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

.ProfileWraps p.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(12deg, rgba(255, 194, 149, 1), rgba(255, 255, 255, 1) 80%);
    color: #000;
    text-align: center;
    box-shadow: #666 2px 2px 2px;
}

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

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

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

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

table.profileTable td {
    width: 30%;
}

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

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

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

.ScheduleBox.sun {
    color: #ff0080;
}

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

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

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

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

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

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

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


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


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

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

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

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

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

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

    40% {
        opacity: 0;
    }
}

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

    40% {
        opacity: 0;
    }
}
/* Adjust Setting */
.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;}
.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;}