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

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

■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ 
*/
/* ---- Structure ---- */
html,body{ min-height:100%; position: relative; }
body{ color: #fff; background:#000; }

body{ font-family: YakuHanMPs, "Zen Old Mincho", serif; }
.fnt-bsc{font-family: YakuHanMPs, "Zen Old Mincho", serif; }
.fnt-bsc.noyh{font-family: "Zen Old Mincho", serif;}
.fnt-nrw86{transform: scale(0.86, 1); transform-origin: top left; width: 116.279069%;}

.fnt-ac0{ color:#000; }
.fnt-ac1{ color:#b4a678; }
.fnt-ac2{ color:#e60013; }
.fnt-ac3{ color:#26ff00; }
.fnt-ac4{ color:#ff2c6d; }
.fnt-ac5{ color:#919696; }

.fnt-ts{ text-shadow:-2px 0px 0px #8ffbff,2px 0px 0px #ffea01; }

.ttl1{ color: #000; background-color: #b4a678; padding: .2em .4em; }
.ttl2{ color: #b4a678;}
.ttl3{ color: #b4a678; border:#b4a678 solid 1px; padding: .2em .4em; }
.ttl4{font-weight: normal; line-height: 1.2; padding: .2em .2em .2em .4em; text-align: left; border-bottom: #fff dotted 1px; border-left: #fff solid 3px;}
.ttl5{ background: rgba(0,0,0,.2); border-radius: 1.5em; padding: .25em; margin-left: auto; margin-right: auto; }

/* ---- common style ---- */
a,a:visited {color: #e60013;}
a:hover,a:active {color: #e60013; }

.hv_fade{ opacity: 1; }
.hv_fade:hover{ opacity: 0.7; cursor: pointer; }
.hv_scale{ display: inline-block; transform: scale(1,1); transform-origin: center center;  }
.hv_scale:hover{ transition: all .05s 0s ease; transform: scale(1.1,1.1); cursor: pointer; }

.ilink{ display: inline-block; padding: 0.6em 1.6em 0.6em 1.6em ; border:#b4a678 solid .2em ; text-decoration: none; font-size: 1em; font-weight: 600; line-height: 1; }
.ilink:before{ content:"> "; }
.ilink,
.ilink:visited,
.ilink:active{ color: #b4a678; background-color: #000; }
.ilink:hover{ text-decoration: none; background-color: #b4a678; color: #fff; }



header,article,section,footer{ position: relative; width: 100%; display: block; }
.lo-part,.lo-cont{ position: relative; width: 100%; display: block; }

.part-background{ position: absolute; width: 100%; min-height:100%; overflow: hidden; }
.part-foreground{ position: absolute; width: 100%; min-height:100%; overflow: hidden; z-index: 999; pointer-events: none; }
.part-header{ position: relative; z-index: 500; }
.part-body{ position: relative; }
.part-footer{ position: relative; }

/* background */
#Background .bg-grad{ width: 100%; min-height:100%; position: absolute; top:0; background:linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(19, 16, 12, 1) 40%, rgba(19, 16, 12, 1) 60%, rgba(0, 0, 0, 1) 100%); }
#Background .bg-ptn{ width: 100%; min-height:100%; position: absolute; top:0; background: url("../images/common/background-t2-ptn.webp") repeat center top; background-size: calc(60/3000*100em); }

/* foreground */
#Foreground  > div{ width: 100%; position: absolute; top:0;}
#Foreground .fire-flake{ width: 100%; height: 100vh; background-color: transparent; background-image: url(''); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; position: fixed; pointer-events: none; filter: blur(1px); z-index: 2; }

/* header */
.part-header{ width: 100%; pointer-events: none; position: absolute; top:0; }
.cont-global-navi{ width: 100%; position: relative; }
.global-navi-logo{ display: none; }
.global-navi{ width: 100%; margin: 0; padding-top: 2em; position: relative; }
.global-navi > ul{ display: block; list-style-type: none; padding: 0; margin: 0 0 .5em 0; overflow: hidden; }
.global-navi > ul > li{ display: block; padding: 0 ; margin: 0 0 1.3em 0; line-height: 1; }
.global-navi > ul > li a{ display: inline-block; color: #fff; background-color: #000; padding: .5em .5em .5em 1.5em; pointer-events: all; text-decoration: none; background: url("../images/navi/marker.webp") no-repeat left center; background-size: calc(21/3000*100em); transition: all .1s ease 0s;}
.global-navi > ul > li a span{ font-size: 1.333em; letter-spacing: .1em;}
.global-navi > ul > li.nvx a span{ width:calc(35/3000*100em); display: inline-block;}
.global-navi > ul > li a:hover{ transform: scale(1.1); transform-origin: left center; }
.cont-sp-btn{ display: none; }


/* body */
.part-body{ min-height: calc(100vh - 13em); margin: 0 auto; }
.cont-upper{ position: relative; padding: 0; display: flex; flex-direction: column; align-items: center; }
.cont-middle{ position: relative; }
.cont-w800{ width: calc(1600/30*1em); }
.cont-w1000{ width: calc(2000/30*1em); }
.cont-w1200{ width: calc(2400/30*1em); }
.cont-w1050{ width: calc(2100/30*1em); }

.sub-logo{ width: calc(725/3000*100em); position: relative; margin: 0 auto; }
.sub-logo > a{ display: inline-block; position: relative; }
.sub-logo > a:hover{ transform: scale(1.05); }

.sub-conttitle{ margin: 0 auto 0 auto; text-align: center; position: relative; }
.sub-conttitle > h2{ font-size: 1em; margin: 0 ; padding: 3em 0; position: relative; z-index: 2; }
.sub-conttitle > h2 span{ display: inline-block; font-size: 2.4em; font-weight: normal; letter-spacing: .2em; }


/* footer */
.part-footer{  }
.cont-global-footer{ margin: 0 auto; padding:0; position: relative; text-align: center; }
.footer-pagetop{ width: calc( 90/30 * 1em ); height: calc( 90/30 * 1em ); position: fixed;  bottom:1.5em;  right:1em; z-index: 10; overflow: hidden; }
.footer-pagetop a{ display: block; position: relative; width: 100%; min-height: 100%; background:url("../images/common/footer-pagetop.png") no-repeat center center; background-size: contain; }
.footer-pagetop{ opacity: 0;}
.footer-pagetop.start{ animation: anm-pagetop-btn .5s 0s ease-out both running;}
@-webkit-keyframes anm-pagetop-btn { 0% { opacity: 0; -webkit-transform: translateY(-2em); transform: translateY(-2em);} 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}}
@keyframes anm-pagetop-btn { 0% { opacity: 0; -webkit-transform: translateY(-2em); transform: translateY(-2em);} 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}}
.anm-pagetop-btn { -webkit-animation-name: anm-pagetop-btn; animation-name: anm-pagetop-btn;}
.cont-footer{ padding: 2em; }
.footer-banner{ display: flex; justify-content: center; margin:0 auto 2em auto; }
.footer-banner > div{ width: 15em; margin: .5em; }
.footer-copyrihgt p{ color: #FFF; font-size: .8em; margin-bottom: 0; }


/* content */
.inview{ animation:inview 0.4s .2s ease-out both paused; }
.inview-start{ animation:inview-start 0.4s .2s ease-out both running; }
.inview-act{ transform-origin: left top; transition: all .5s ease .1s;  }

.table-a{ border-collapse: separate; border-spacing: 2px;}
.table-a th{ padding:0.5em; background-color:rgba(120,120,120,.1); font-weight: normal; text-align: inherit; vertical-align: top; text-align: left; }
.table-a td{ padding:0.5em; background-color:rgba(120,120,120,.05); vertical-align: top; }

.cont-entries{ margin: 0 auto; padding-bottom: 3em; }
.content-entry{ padding: 3em; background-color: transparent; border:#b4a678 solid 1px; background-color: rgba(0,0,0,.9); border-radius: 0; box-sizing: border-box; margin-bottom: 3em; }
.content-entry:last-child{margin-bottom: 0;}
.content-entry .entry-head{  color: #b4a678; border-bottom: #b4a678 solid calc(6/30*1em); margin-bottom: .9em; text-align: center; }
.content-entry .entry-body{ font-size: 1.1em; line-height: 1.5; }
.content-entry .entry-date{ line-height: 1; display: inline-block; position: relative; margin: 0 auto .5em auto; background-color: #b4a678; }
.content-entry .entry-date > span{ color: #000; display: inline-block; font-weight: bold; font-size: 1.333em; padding: .2em .5em; line-height: 1; position: relative; }
.content-entry .entry-title{ font-size: 1em;  margin-bottom: .5em; }
.content-entry .entry-title > span{ font-size: 1.866em; color: #fff; font-weight: normal; line-height: 1.5; }

.content-accordion .acd-check{ display: none;}
.content-accordion .acd-label{ display: block; }
.content-accordion .acd-head{ position: relative; }
.content-accordion .acd-head::after{ content:""; display: block; padding: 0; width: 1.63em; height: 1.63vw; text-align: center; line-height: 1; background: url("../images/common/news-open.webp") no-repeat center center; background-size: contain; position: absolute; top:0; right:-1.75em; pointer-events: none;}
.content-accordion .acd-body{ display: none; height: 0; overflow: hidden; transition: 0.5s all ease 0.5s; }
.content-accordion .acd-check:checked ~ .acd-body{ display: inherit; height: inherit; transition: 0.5s all ease 0s;}
.content-accordion .acd-check:checked ~ .acd-head::after{ background-image: url("../images/common/news-close.webp");}

.content-link .lnk-head{ position: relative; }
.content-link .lnk-head::after{content:""; display: block; padding: 0; width: 1.63vw; height: 1.63vw; text-align: center; line-height: 1; background: url("../images/common/news-link.webp") no-repeat center center; background-size: contain; position: absolute; top:4.5em; left:3.75em; pointer-events: none;}
.content-link .lnk-head a{ display: block; text-decoration: none; }

.content-non .non-head{ position: relative; }
.content-non .non-head a{ display: block; text-decoration: none; pointer-events: none; }

.modal-data{ display: none; }
.cont-modal{ width: 100%; max-width: 960px; margin: 0 auto; }
.frame-modal{ background-color: rgba(255,255,255,1); border:#00a1e9 solid calc(6/30*1em); padding: 3em; }

/* modaal */
.modaal-overlay{ background: rgba(0, 0, 0, .8); }
.modaal-wrapper{ overflow-x: hidden; }
.modaal-inner-wrapper{ padding: 80px 0; }
.modaal-container{ color: #FFF; background-color: transparent; box-shadow:none; max-width: inherit; }
.modaal-content-container{ padding: 0; }
.modaal-video-wrap{ margin: auto auto; }
/* .modaal-wrapper .modaal-close{ }
.modaal-close{ right: 3.5em; top: 1.0em; width: 2em; height: 2em; }
.modaal-close:before,.modaal-close:after{ background-color: #fff; border-radius: 0; top: .4em; left: 2em; width: .4em; height: 4em; }
.modaal-close:focus,.modaal-close:hover {background: transparent;}
.modaal-close:focus:before,.modaal-close:focus:after{background: #fff;}
.modaal-close:hover:before,.modaal-close:hover:after{background: #ff5a9b;} */

.modaal-wrapper .modaal-close{  border-width: .2em; border-style: hidden; }
.modaal-close{ right: 1.5em; top: 1.0em; width: 4em; height: 4em; }
.modaal-close:before,.modaal-close:after{ background-color: #fff; border-radius: 0; top: .9em; left: 1.7em; width: .3em; height: 2em; }
.modaal-close:focus {background: transparent; border-color:#fff; }
.modaal-close:hover {background: transparent; border-color:#e60013; }
.modaal-close:focus:before,.modaal-close:focus:after{background: #fff;}
.modaal-close:hover:before,.modaal-close:hover:after{background: #e60013;}
/*
■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ 

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

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

/* TOP-PAGE */
/* main */
.cont-top-visual{ width: 100em; margin: 0 auto; position: relative;  }
.cont-top-visual img{ width: 100%; height: auto; }
.cont-top-visual .kv-container{ position: relative; margin: 0 auto; padding: 0; }

.kv-container > div{ position: absolute; top:0; }
.kv-container .grp{ position: relative; top:inherit;  }
.kv-container .grp .bg{ position: relative; }
.kv-container .grp .vis{ position: absolute; top:0; }

.kv-container .logo{ width:calc(1120/3000*100em); top:.5em; left:0; right:0; margin: 0 auto;  }
.kv-container .oa{ width:calc(277/3000*100em); top:0; left:calc(2600/3000*100em); margin: 0;  }

.vis-switch-container{ padding: 1em 0 0 0; margin: 0; position: absolute; top:17em; left:0; right: 0; margin: 0 auto;  z-index: 2; pointer-events: none;}
.vis-switch{ display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; }
.vis-switch > div{ width: calc(385/3000*100em); line-height: 0; margin: 0 0 1.25em 0;}
.vis-switch > div a{ display: inline-block; padding: 0; background-color: rgba(0, 0, 0, 0.3); pointer-events: auto; }
.vis-switch > div a:hover{background-color: rgba(0, 0, 0, 1);}
.vis-switch > div.on a{  pointer-events: none; background-color: rgba(0, 0, 0, 1); }



/* animation reset */
.top-page .part-header{ visibility: hidden; opacity: 0;}
.top-page .part-footer{ visibility: hidden; opacity: 0;}
.top-page .cont-middle{ visibility: hidden; opacity: 0;}
.kv-container .logo{ visibility: hidden; opacity: 0; }
.kv-container .oa{ visibility: hidden; opacity: 0; }
.vis-switch-container{ visibility: hidden; opacity: 0; }

#VIS1{ opacity: 0; transform: scale(1.3); }
#VIS2{ opacity: 0; transform: scale(1.3); }

.s1 #VIS2{ opacity: 1; transform: scale(1.3); transition: all .5s ease 0s; }
.s2 #VIS2{ transform: scale(1); transition: all 1.9s ease 0s; }
.s2 .kv-container .logo{ opacity: 1; visibility: visible; transition: all .9s ease 0s; }
.s2 .kv-container .oa{ opacity: 1; visibility: visible; transition: all .9s ease .5s; }
.top-page.s3 .part-header{ opacity: 1; visibility: visible; transition: all .9s ease .5s; }
.top-page.s3 .part-footer{ opacity: 1; visibility: visible; transition: all .9s ease .5s; }
.top-page.s3 .cont-middle{ opacity: 1; visibility: visible; transition: all .9s ease .5s; }
.s3 .vis-switch-container{ opacity: 1; visibility: visible; transition: all .9s ease .5s; }


/* top-movie */
.cont-top-movie{ position: relative; height: calc(680/3000*100em); margin:0 auto 9em auto; }
.cont-top-movie > .inner{ width: 100%;  padding:0 0; position: relative;}
.cont-top-movie::before{ content:""; width: 100%; height: 100%; min-height: 100%; position: absolute; top:0; background: #000 url("../images/movie-bg.webp") repeat-x left top; background-size:calc(6045/3000*100em); }
.cont-top-movie::before{ animation: anm-movie-bg 20s 0s linear both running infinite;}
@keyframes anm-movie-bg {
0% { background-position-x:0}
100% { background-position-x:calc(6045/3000*100em*-1);}
}
.anm-movie-bg { animation-name: anm-pagetop-btn;}

.cont-top-movie .movie-list{ width: 100%; display: flex; justify-content: center; align-items: stretch; position: absolute; top:-3.5em; left:0; right:0; margin: 0 auto 0 auto; }
.cont-top-movie .movie-list{ display: block; }
.cont-top-movie .movie-list .thm{ width: calc(1600/3000*100em); margin: 0 auto; }
.cont-top-movie .movie-list .thm a{ position: relative; display: block; pointer-events: all; cursor: pointer; }
.cont-top-movie .movie-list .thm a::after{ content:""; position: absolute; display: block; width:100%; min-height:100%; background:url("../images/common/play-btn.webp") no-repeat center center; background-size: 3em; transform-origin: center center; top:0; left: 0; right: 0; margin: 0 auto; opacity: 1; pointer-events: none; }
.cont-top-movie .movie-list .thm a:hover::after{ background-size: 3.3em; }
.cont-top-movie .movie-list .thm > a{ pointer-events: auto;}


/* news */
.cont-top-news{ width:calc(500/3000*100em); position: absolute; top:-66em; left:0;  }
.cont-top-news > .inner{ }

.news-container{  }
.top-news-container{ width: 100%; margin: 0 auto; }
.top-news-container > a{ display: block; padding: 0; margin-bottom: 1.5em; pointer-events: all; letter-spacing: .1em; color: #FFF; }
.top-news-container > a:last-child{ margin: 0;}
.top-news-container > a dl{ font-size: 1em; margin: 0; padding: 0 0 0 1.5em; display: flex; flex-wrap: wrap; }
.top-news-container > a dl dt{ display: block; width: 100%; padding:0; margin: 0 0 .25em 0; font-size: .9em; letter-spacing: .02em; line-height: 1.2; font-weight: normal; color: #8e7c49; }
.top-news-container > a dl dd{ display: block; width: 100%; font-size: 1em; letter-spacing: .02em; line-height: 1.5; margin: 0; pointer-events: all; padding: 0; }
.top-news-container > a,
.top-news-container > a:visited{ text-decoration: none; }
.top-news-container > a:hover{ text-decoration: none; color: #8e7c49; }


/* staffcast */
.cont-top-staffcast{ margin-bottom: 5em;  }
.cont-top-staffcast > .inner{ width:calc(1600/3000*100em); margin: 0 auto; }

.blocktitle{ display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; margin-bottom: 2em; }
.blocktitle:before{ content:""; width: 100%; height: 1px; flex-shrink: 2; background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); }
.blocktitle:after{ content:""; width: 100%; height: 1px; flex-shrink: 2; background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); }
.blocktitle > div{ padding: 0 2em; }
.blocktitle > div > span{ line-height: 1; font-size: 1.4em; letter-spacing: .2em; }

.staffcast-list{ width:100%; text-align: left; display: flex; flex-wrap: wrap; justify-content: center; }
.staffcast-list > div{ width: 25%; }
.staffcast-list.cs > div{ width: 25%; color: #AAA; }
.staffcast-list > div.sep{ width: 100%; height: 1px; }
.staffcast-list > div.full{ width: 100%; }
.staffcast-list > div.p60{ width: 60%; }
.staffcast-list > div.p50{ width: 50%; }
.staffcast-list > div.p40{ width: 40%; }
.staffcast-list > div.p33{ width: 30%; }
.staffcast-list > div.p30{ width: 30%; }
.staffcast-list > div.p25{ width: 25%; }
.staffcast-list > div.p20{ width: 20%; }
.staffcast-list > div > div{ margin-bottom: 3em; position: relative;text-align: center; }
.staffcast-list .pos{ display: block; font-size: 1em; font-weight: 300; color: #8e7c49; letter-spacing: .1em;  margin-bottom: .5em; padding-top: .2em; line-height: 1; position: relative; }
.staffcast-list .name{ display: inline-block; font-size: 1.333em; font-weight: normal; letter-spacing: .1em; margin-bottom: 0; line-height: 1; position: relative; }
.staffcast-list .exname{ display: block; font-size: 1.6em; font-weight: normal; letter-spacing: .1em; padding: .5em 0 .25em 0; margin-bottom: 0; line-height: 1; position: relative; }

.staffcast-list .ext{ display: block; font-size: .8em; letter-spacing: .1em; padding-top: .75em; margin-bottom: 0; line-height: 1; }



/* SUB-PAGE */


/* news */
.sub-news-container{ width: calc(2000/3000*100em); margin: 0 auto;  }


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

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

■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ 
*/
/* 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) {


/* background */
#Background .bg-ptn{ background-size: calc(60/3000*100em); }


/* header */
.part-header{ width: 100%; min-height: 100%; position: fixed; background: transparent; overflow: hidden; }
.cont-global-navi{ display: none; height: 100vh; background-color: rgba(0, 0, 0, 0.95); position: fixed; top:0; z-index: 3; pointer-events: all; }

.global-navi-logo{ width: calc(725/3000*100em*0.7); padding:3em 0 0 2em; margin: 0 auto; display: block; }
.global-navi{ width: 40%; margin: 0 auto; padding-top: 2em; position: relative; }
.global-navi > ul{ display: block; list-style-type: none; padding: 0; margin: 0 0 .5em 0; overflow: hidden; }
.global-navi > ul > li{ display: block; padding: 0 ; margin: 0 0 1.3em 0; line-height: 1; }
.global-navi > ul > li a{ display: inline-block; color: #fff; background-color: #000; padding: .5em .5em .5em 1.5em; background-size: calc(21/3000*100em); }
.global-navi > ul > li a span{ font-size: 1.333em; letter-spacing: .1em;}
.global-navi > ul > li.nvx a span{ width:calc(35/3000*100em); display: inline-block;}
.global-navi > ul > li a:hover{ transform: scale(1.1); transform-origin: left center; }



.cont-sp-btn{ display: block; color:#000; width: calc(60/3000*100em); height: calc(110/3000*100em); position: fixed; top:0; left: .5em; z-index: 3; pointer-events: all; }
.cont-sp-btn a{ display: table-cell; vertical-align: middle; text-align: center; width: 10vw; height: 12vw; line-height: 0; color:#fff; }
.cont-sp-btn a:hover{ text-decoration: none;}
.cont-sp-btn svg{ fill: currentColor; }
.cont-sp-btn .sp-navi-open{ display: block; }
.cont-sp-btn .sp-navi-close{ display: none;  }
.spmenu-on .cont-sp-btn .sp-navi-open{ display: none; }
.spmenu-on .cont-sp-btn .sp-navi-close{ display: block; }

.spmenu-on .cont-global-navi{ margin: 0 auto; display: flex; }



/* body */
.part-body{ min-height: calc(100vh - 11em); }
.cont-upper{ padding: 0; }

.sub-logo{ width: calc(725/3000*100em*0.6); }

.sub-conttitle{ margin: 0 auto 0 auto; text-align: center; position: relative; }
.sub-conttitle > h2{ font-size: 1em; margin: 0 ; padding: 3em 0; position: relative; z-index: 2; }
.sub-conttitle > h2 span{ display: inline-block; font-size: 2.1em; font-weight: normal; letter-spacing: .2em; }


/* footer */
.footer-pagetop{ position: fixed;  bottom:.5em;  right:.5em; }
.cont-footer{ padding: 1em; }
.footer-banner{ margin:0 auto 1.5em auto; flex-wrap: wrap; }
.footer-banner > div{ width: 9em; margin: .5em; }
.footer-copyrihgt p{  font-size: .6em; margin-bottom: 0; }


/* content */

.cont-entries{ padding-bottom: 2em; }
.content-entry{ padding: 1.5em 2em; margin-bottom: 2em; }
.content-entry:last-child{margin-bottom: 0;}
.content-entry .entry-head{  color: #b4a678; border-bottom: #b4a678 solid calc(3/30*1em); margin-bottom: .9em; text-align: center; }
.content-entry .entry-body{ font-size: 1.1em; line-height: 1.5; }
.content-entry .entry-date{ line-height: 1; display: inline-block; position: relative; margin: 0 auto .5em auto; background-color: #b4a678; }
.content-entry .entry-date > span{ font-size: 1em; padding: .2em .5em; }
.content-entry .entry-title{ margin-bottom: .5em; }
.content-entry .entry-title > span{ font-size: 1.333em; }

.content-accordion .acd-head::after{ width: 3em; height: 3vw; top:0; right:-2.25em;}
.content-link .lnk-head::after{ width: 1.63vw; height: 1.63vw; top:4.5em; left:3.75em;}





/* TOP-PAGE */
/* main */
.cont-top-visual{ width: 100%; margin-bottom:4em; }

.kv-container .logo{ width:calc(1120/3000*100em*0.5); top:.5em; left:0; right:0; margin: 0 auto;  }
.kv-container .oa{ width:calc(277/3000*100em*0.55); top:0; left:calc(2600/3000*100em*0.375); margin: 0;  }

.vis-switch-container{ padding:0; top:44em;}
.vis-switch > div{ width: calc(385/3000*100em*0.8); line-height: 0; margin: 0 0 1.0em 0;}


/* top-movie */
.cont-top-movie{ height: calc(680/3000*100em*0.65); margin:0 auto 4em auto; }
.cont-top-movie > .inner{ position: relative;}
.cont-top-movie::before{ background-size:calc(6045/3000*100em*0.65); }
@keyframes anm-movie-bg {
0% { background-position-x:0}
100% { background-position-x:calc(6045/3000*100em*-1*0.65);}
}
.cont-top-movie .movie-list{ width: 100%; display: flex; justify-content: center; align-items: stretch; position: absolute; top:-1.5em; left:0; right:0; margin: 0 auto 0 auto; }
.cont-top-movie .movie-list .thm{ width: calc(1600/3000*100em*0.6); }



/* news */
.cont-top-news{ width:80%; position: relative; top:inherit; left:inherit; margin: 0 auto 5em auto; }
.cont-top-news > .inner{ }

.news-container{  }
.top-news-container{ width: 100%; margin: 0 auto; }
.top-news-container > a{ display: block; padding: 0; margin-bottom: 1.5em; pointer-events: all; letter-spacing: .1em; color: #FFF; }
.top-news-container > a:last-child{ margin: 0;}
.top-news-container > a dl{ font-size: 1em; margin: 0; padding: 0 0 0 1.5em; display: flex; flex-wrap: wrap; }
.top-news-container > a dl dt{ display: block; width: 100%; padding:0; margin: 0 0 .25em 0; font-size: .9em; letter-spacing: .02em; line-height: 1.2; font-weight: normal; color: #8e7c49; }
.top-news-container > a dl dd{ display: block; width: 100%; font-size: 1em; letter-spacing: .02em; line-height: 1.5; margin: 0; pointer-events: all; padding: 0; }
.top-news-container > a,
.top-news-container > a:visited{ text-decoration: none; }
.top-news-container > a:hover{ text-decoration: none; color: #8e7c49; }


/* staffcast */
.cont-top-staffcast{ margin-bottom: 5em;  }
.cont-top-staffcast > .inner{ width:85%; margin: 0 auto; }

.blocktitle{ margin-bottom: 2em; }
.blocktitle > div{ padding: 0 1.5em; }
.blocktitle > div > span{ font-size: 1.2em; }

.staffcast-list{ width:100%; text-align: left; display: flex; flex-wrap: wrap; justify-content: center; }
.staffcast-list > div{ width: 100%; }
.staffcast-list.cs > div{ width: 100%; color: #AAA; }
.staffcast-list > div.sep{ width: 100%; height: 1px; }
.staffcast-list > div.full{ width: 100%; }
.staffcast-list > div.p60{ width: 100%; }
.staffcast-list > div.p50{ width: 100%; }
.staffcast-list > div.p40{ width: 100%; }
.staffcast-list > div.p33{ width: 100%; }
.staffcast-list > div.p30{ width: 100%; }
.staffcast-list > div.p25{ width: 100%; }
.staffcast-list > div.p20{ width: 100%; }
.staffcast-list > div > div{ margin-bottom: 1.5em; }
.staffcast-list .pos{ font-size: 1em; }
.staffcast-list .name{ font-size: 1.2em; }
.staffcast-list .exname{ font-size: 1.6em; }
.staffcast-list .ext{  font-size: .8em; }



/* SUB-PAGE */


/* news */
.sub-news-container{ width: 95%;  }



}
/* 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) {

}