@charset "utf-8";
/*
■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ 

 ■■■  ■                    ■                   
■     ■                    ■                   
■    ■■■■ ■ ■ ■   ■   ■■■ ■■■■ ■   ■  ■ ■  ■■■ 
 ■■   ■   ■■  ■   ■  ■■ ■  ■   ■   ■  ■■  ■  ■ 
  ■■■ ■   ■   ■   ■  ■     ■   ■   ■  ■   ■   ■
    ■ ■   ■   ■   ■  ■     ■   ■   ■  ■   ■■■■■
■   ■ ■   ■   ■  ■■  ■■    ■   ■  ■■  ■   ■    
■■■■  ■■  ■    ■■ ■   ■■■  ■■   ■■ ■  ■    ■■■ 

■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ 
*/


/* header */
.part-header{  }
.cont-global-navi{ padding: 3em 0 0 0; }
.cont-global-navi .v1{ background-image: url("../../images/navi/v1.png") ; }
.cont-global-navi .v2{ background-image: url("../../images/navi/v2.png") ; }
.cont-global-navi .v3{ background-image: url("../../images/navi/v3.png") ; }

.global-logo{ width: calc(543/3000*100vw); margin: 0 auto 3em auto; }
.global-navi{ margin: 0 auto 2em auto ;  }
.global-navi > ul > li{ padding: 0 0 2.2em 0 ; margin: 0 0 2em 0 ; background-image: url("../../images/navi/marker.png");}
.global-navi > ul > li.gn1,
.global-navi > ul > li.gn2,
.global-navi > ul > li.gn5,
.global-navi > ul > li.gn6{ margin-left: .75em ; margin-right: .75em; }

.cont-global-navi{ opacity: 0; pointer-events: none; transition: all .3s ease-out 0s; }
.spmenu-on .cont-global-navi{ opacity: 1; pointer-events: auto; }
.sub-page .cont-global-navi{ width: 100%; }
.global-navi > ul > li a{  pointer-events: none; }
.spmenu-on .global-navi > ul > li a{  pointer-events: all; }
.spmenu-on .language-btn{ position: fixed; }

/* body */
.top-page .cont-middle::before{ background-image: url("../../images/vhl.png") ; top:30vw;  }
.top-page .cont-middle::after{ background-image: url("../../images/vhl.png") ; top:30vw; }

.top-subtitle p{ letter-spacing: -0.05em; }

/* footer */
.cont-global-footer{ margin: 0 auto; padding: 2em 0 0 0; }
.footer-pagetop{ width: calc( 520/3000 * 100vw ); height: calc( 64/3000 * 100vw ); position: absolute; top:3em; right: 2em; z-index: 10; }
.footer-pagetop a{ background-image:url("../../images/navi/pagetop-en.png"); }



/* colorbox customize */
#colorbox{}
#cboxOverlay{ background:rgba(0,0,0,.6) ; /*background:rgba(0,0,0,.7) ;*/ }
#cboxTitle{ visibility: hidden; }
#cboxContent{/*  margin:3.61em 2.22em 0 2.22em; */ background:rgba(255,255,255,0); position: relative;}
#cboxLoadedContent{ padding:3.61em 2.22em 0 2.22em; border:none; background:rgba(255,255,255,0); }

#cboxClose{top: 0 /* -3.61em */ ; right: 0 /* 0.27em */ ; display:block; background:url("../../images/navi/sp-close.png") no-repeat top center; background-size: contain; width:3.34em ; height:3.34em ; }
#cboxClose:hover{ background-position: top center; }
#cboxPrevious{top:60%; left: 0.27em /* -2.22em */; display:block; background:url("../images/lib/colorbox/prev.png") no-repeat top center; background-size: contain; width:1.667em ; height: 5em ; }
#cboxPrevious:hover{ background-position: top center; }
#cboxNext{top:60%; left:inherit; right: 0.27em /* -2.22em */; display:block; background:url("../images/lib/colorbox/next.png") no-repeat top center; background-size: contain; width:1.667em ; height: 5em ; }
#cboxNext:hover{ background-position: top center; }
#cboxCurrent{ display: none !important; }
#cboxLoadingGraphic{ background-image: url("../images/lib/colorbox/loading-custom.gif"); }
/*
■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ 

              ■                 ■                
■             ■  ■       ■      ■               ■
■             ■                 ■               ■
■  ■■■■    ■■■■  ■ ■   ■ ■   ■■■■  ■   ■  ■■■   ■
■  ■■  ■  ■■ ■■  ■  ■  ■ ■  ■■ ■■  ■   ■  ■  ■  ■
■  ■   ■  ■   ■  ■  ■ ■  ■  ■   ■  ■   ■   ■■■  ■
■  ■   ■  ■   ■  ■  ■ ■  ■  ■   ■  ■   ■ ■■  ■  ■
■  ■   ■  ■■ ■■  ■   ■■  ■  ■■ ■■  ■  ■■ ■   ■  ■
■  ■   ■   ■■■■  ■   ■   ■   ■■■■   ■■ ■  ■■■■  ■

■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ 
*/
/* Modal */
#Modal_data{ display: none; }

/* TOP-PAGE */
/* main */
.kv-container .oa{ width: calc(1773/3000*100vw); }


.init #Foreground .opening .op-cont .anm-part .p3{ transform: translateY(-15%); }

.s1 #Foreground .opening .op-cont .anm-part .p3{ opacity: 1; transform: translateY(0); transition: all 1.0s ease-out .4s; }



/* top-movie */
.cont-top-movie{ background-image: url("../../images/movie-bg.png"); }
.cont-top-movie .movie-list{ background-image: url("../../images/movie-thumb-bg.png") ; }
.cont-top-movie .movie-list .thm a::after{ background-image: url("../../images/common/play-btn-en.png"); }
.cont-top-movie .bits{  background-image: url("../../images/movie-bits.png");  }


/* news twitter */
.cont-top-news-twitter{ background-image: url("../../images/news-twitter-bg.png"); }
.top-news-twitter-frame{ background-image: url("../../images/news-twitter-hd-bg.png"); }
.cont-top-news-twitter .bits{ background-image: url("../../images/news-twitter-bits.png") ; }
.cont-top-news-twitter .bits2{ background-image: url("../../images/news-twitter-bits2.png") ; top: 5.5em; left: 16vw; }
.cont-top-news-twitter .bits3{ background-image: url("../../images/news-twitter-bits3.png") ; }
.cont-top-news-twitter .bits4{ background-image: url("../../images/news-twitter-bits4.png"); }


/* top introduction */
.cont-top-intro{ background-image: url("../../images/intro-bg.png"); }
.cont-top-intro > .inner{ padding: 6em 0; }
.intro-container{ line-height: 2; text-align: center; color: #000; font-size: 1.666em; font-weight: 600; font-style: normal; letter-spacing: 0; }
.intro-container .text{  }
.cont-top-intro .text-bg{width: calc(1406/3000*100vw); height: calc(1640/3000*100vw); background-image: url("../../images/intro-text-bg.png"); }

/* top staffcast */
.cont-top-staffcast{ background-image: url("../../images/staffcast-bg.png"); }
.cont-top-staffcast > .inner{ padding: 7em 0; }
.cont-top-staffcast .top-subtitle{ margin-bottom: 4em; }
.staffcast-container{ width: 80%; margin: 0 auto; }
.staffcast-label{ text-align: center; margin-bottom: 3em; }
.staffcast-label > span{ font-weight: 600; border-width: .19em; }

.staffcast-list{ font-weight: 900; line-height: 1;}
.staffcast-list .list-item{ margin-bottom: 2em; }
.staffcast-list .list-item .pos{ font-size: 1.2em; }
.staffcast-list .list-item .name{ font-size: 1.466em; }
.staffcast-list .list-item .exname{ font-size: .933em; }

.cont-top-staffcast .bits{ background-image: url("../../images/staffcast-bits.png") ; bottom: 5.5vw; right: 1.3em; }
.cont-top-staffcast .bits2{ background-image: url("../../images/staffcast-bits2.png") ; top: 1em; left: 30vw; }
.cont-top-staffcast .bits3{ background-image: url("../../images/staffcast-bits3.png") ; top: 4vw; right: 0; }


/* top character */
.cont-top-character{ background-image: url("../../images/character-bg.jpg"); }
.character-navi ul li a{ background-image: url("../../assets/character/navi-bg-off.png"); }
.character-navi ul li.crt a{ background-image: url("../../assets/character/navi-bg-on.png"); }


/* SUB-PAGE */
.sub-page .cont-upper{ }
.sub-page .cont-middle{ min-height: calc(100vh - 43em);}

/* news */

.cont-sub-news{ width: calc(2000/3000*100vw); margin: 0 auto; }
.cont-sub-news > .inner{ }

/* .cont-news-cursor{ width: 70%; margin: 0 auto; position: relative; }
.news-cursor{ position: relative; }
.news-cursor ul{ display: flex; flex-wrap: nowrap; justify-content: center; margin: 0; padding: 0em 0 0em 0; list-style-type: none; }
.news-cursor ul{justify-content: space-between; }
.news-cursor ul li{ display: block; }
.news-cursor ul li a{ display: block; }
.news-cursor ul li a span{ display: block; width: 5.666em; height: 5.666em; }
.news-cursor ul li#NewsPls a span{ background: url("../images/news/pager-pls.png") no-repeat center center; background-size: contain;}
.news-cursor ul li#NewsHome a span{ background: url("../images/news/pager-home.png") no-repeat center center; background-size: contain;}
.news-cursor ul li#NewsCsrL a span{ background: url("../images/news/pager-csr-l.png") no-repeat center center; background-size: contain;}
.news-cursor ul li#NewsCsrR a span{ background: url("../images/news/pager-csr-r.png") no-repeat center center; background-size: contain;}
.news-cursor ul li.off a{ pointer-events: none; opacity: .5;  }
.news-cursor ul li#NewsPls,
.news-cursor ul li#NewsHome{ display: none; } */



/*
■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■      

                     ■                                                     
 ■■    ■■            ■  ■             ■■■                     ■            
 ■■    ■■            ■               ■   ■                                 
 ■■■  ■ ■   ■■■   ■■■■  ■  ■■■      ■     ■  ■   ■   ■■■  ■ ■ ■   ■■■  ■■■ 
 ■ ■  ■ ■  ■  ■  ■■ ■■  ■  ■  ■     ■     ■  ■   ■  ■  ■  ■■  ■  ■  ■  ■   
 ■ ■  ■ ■  ■   ■ ■   ■  ■   ■■■     ■     ■  ■   ■  ■   ■ ■   ■  ■   ■ ■■  
 ■  ■■  ■  ■■■■■ ■   ■  ■ ■■  ■     ■     ■  ■   ■  ■■■■■ ■   ■  ■■■■■   ■■
 ■  ■■  ■  ■     ■■ ■■  ■ ■   ■      ■  ■■   ■  ■■  ■     ■   ■  ■        ■
 ■      ■   ■■■   ■■■■  ■  ■■■■       ■■■■■   ■■ ■   ■■■  ■   ■   ■■■  ■■■ 

■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ 
*/
/* Custom 1920 ----------------------------------------------------------------------------- */
@media (max-width: 1919px) {
}
/* Custom 1400 ----------------------------------------------------------------------------- */
@media (max-width: 1399px) {

}
/* LG ----------------------------------------------------------------------------- */
@media (max-width: 1199px) {

}
/* MD ----------------------------------------------------------------------------- */
@media (max-width: 991px) {
}
/* lt768 ----------------------------------------------------------------------------- */
@media (min-width:768px) {
}
/* SM ----------------------------------------------------------------------------- */
@media (max-width: 767px) {
/* ---- Structure ---- */
html,body{ min-height:100%; position: relative; }
body{ font-size: calc((100vw / 750) * 25); }
/* header */
.part-header{  }
.cont-global-navi{ padding: 2em 0 0 0; }
.cont-global-navi .v1{ top:30vw; left:0; transform-origin: left top; transform: scale(1.2); }
.cont-global-navi .v2{ top:125vw; left:58vw; transform-origin: center top; transform: scale(1.2); }
.cont-global-navi .v3{ top:90vw; right:0; transform-origin: right top; transform: scale(1.2); }

.global-logo{ width: calc(543/3000*100vw*1.7); margin: 0 auto 1.5em auto; }
.global-navi{ margin: 0 auto 1em auto ; }
.global-navi > ul > li{ width: 100%; padding: 0 0 1.4em 0 ; margin: 0 0 1em 0 ; background-size: 1.2em;}
.global-navi > ul > li.sep-pc{ display: none; }
.global-navi > ul > li.gn1,
.global-navi > ul > li.gn2,
.global-navi > ul > li.gn5,
.global-navi > ul > li.gn6{ margin-left: inherit ; margin-right: inherit; }
.global-navi > ul > li a > span.t{ font-size: 1.8em; }
.global-navi > ul > li a > span{ font-size: 1.2em; }

.global-share > div{ width: 8vw; margin: 0 .5em; }
.language-btn{ width: calc(600/3000*100vw*1.2); top:1.3vw; right: 1.3vw; }
.cont-sp-btn{ width: 8vw; top:1.3vw; left: 1.3vw;  }

/* body */
.top-page .cont-middle::before{ background-image: url("../../images/vhl.png") ; top:150vw;  }
.top-page .cont-middle::after{ background-image: url("../../images/vhl.png") ; top:280vw; }

.top-subtitle p{ letter-spacing: -0.05em; }

/* footer */
.cont-global-footer{ margin: 0 auto; padding: 2em 0 0 0; }
.footer-pagetop{ width: calc( 520/3000 * 100vw*1.5 ); height: calc( 64/3000 * 100vw*1.5 ); position: absolute; top:2.5em; right: 1em; }
.footer-pagetop a{ background-image:url("../../images/navi/pagetop-en.png"); }


/* TOP-PAGE */
/* main */
.kv-container .oa{ width: calc(1773/3000*100vw*1.3); }

/* top-movie */
.cont-top-movie{ background-image: url("../../images/movie-bg.png"); }
.cont-top-movie .movie-list{ background-image: url("../../images/movie-thumb-bg.png") ; }
.cont-top-movie .movie-list .thm a::after{ background-image: url("../../images/common/play-btn-en.png"); }
.cont-top-movie .bits{  background-image: url("../../images/movie-bits.png");  }


/* news twitter */
.cont-top-news-twitter{ background-image: url("../../images/news-twitter-bg.png"); border-width:.8em; }
.top-news-twitter-frame{ background-image: url("../../images/news-twitter-hd-bg.png"); }
.cont-top-news-twitter .bits{ background-image: url("../../images/news-twitter-bits.png") ; }
.cont-top-news-twitter .bits2{ background-image: url("../../images/news-twitter-bits2.png") ; top: -1.5em; left: 18vw; }
.cont-top-news-twitter .bits3{ background-image: url("../../images/news-twitter-bits3.png") ; }
.cont-top-news-twitter .bits4{ background-image: url("../../images/news-twitter-bits4.png"); }


/* top introduction */
.cont-top-intro{ background-image: url("../../images/intro-bg.png"); }
.cont-top-intro > .inner{ padding: 3em 0 5em 0; }
.intro-container{ font-size: 1.133em; letter-spacing: -0.025em; line-height: 1.8; }
.intro-container .text{ margin-bottom: 0; }
.cont-top-intro .text-bg{ width: calc(1406/3000*100vw*2.8); height: calc(1640/3000*100vw*2.8); background-image: url("../../images/intro-text-bg.png"); }


/* top staffcast */
.cont-top-staffcast{ background-image: url("../../images/staffcast-bg.png"); }
.cont-top-staffcast > .inner{ padding: 3em 1em; }
.cont-top-staffcast .top-subtitle{ margin-bottom: 3em; }
.staffcast-container{ width: 90%; margin: 0 auto; }
.staffcast-label{ margin-bottom: 1.5em; }
.staffcast-label > span{ padding: .3em .3em; font-size: 1.133em; border-width:.133em;  }

.staffcast-list .list-item{ margin-bottom: 2em; }
.staffcast-list .list-item .pos{ font-size: 0.933em; }
.staffcast-list .list-item .name{ font-size: 1.2em; }
.staffcast-list .list-item .exname{ font-size: .6em; }

.cont-top-staffcast .bits{ background-image: url("../../images/staffcast-bits.png") ; bottom: -5.5vw; right: .5em; }
.cont-top-staffcast .bits2{ background-image: url("../../images/staffcast-bits2.png") ; top: 1.3em; left: 23vw; }
.cont-top-staffcast .bits3{ background-image: url("../../images/staffcast-bits3.png") ; top: 15vw; right: 0; }


/* top character */
.cont-top-character{ background-image: url("../../images/character-bg-sp.jpg");  }
.cont-top-character > .inner{ padding: 2em 0 1em 0; }
.cont-top-character .top-subtitle{ margin-bottom: 3em; }
.character-container{ width: 100%;  }

.character-data .prof-name .name p{ font-size: 1.666em; }
.character-data .prof-name .cv p{ font-size: 1.033em; }
.character-data .prof-text .text{ font-size: 1.0em; }





/* SM ----------------------------------------------------------------------------- */
@media (orientation: portrait) and (max-width: 767px) {

}
/* XS ----------------------------------------------------------------------------- */
@media (max-width: 543px) {

}
/* pc - large ----------------------------------------------------------------------------- */
@media (min-width: 768px) {

}
/* pc - xlarge ----------------------------------------------------------------------------- */
@media (min-width: 1200px) {

}