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

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

■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ 
*/
/* ---- Structure ---- */
html,body{ min-height:100%; }
body{ font-size: 18px; color: #262626; background:#fff url(../images/common-bg-ptn.jpg) repeat center top; background-size: 77.777em; position: relative; }

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

.part-background{ position: absolute; height:100%; width: 100%; overflow: hidden; }
.part-header{ position: relative; }
.part-body{ position: relative; }
.part-footer{ position: relative; }

/* background */
.bg-flora-1{ width: 33em; height: 26.777em; background: url(../images/common-flora-l.png) no-repeat center center; background-size: contain; position: absolute; top:70vw; left: 0; }
.sub-page .bg-flora-1{ top:10vw }
.bg-flora-2{ display: none; }
.sub-page .bg-flora-2{ display: block; width: 33em; height: 26.777em; background: url(../images/common-flora-r.png) no-repeat center center; background-size: contain; position: absolute; top:58%; right: 0;  }
.bg-flora-3{ width: 33em; height: 26.777em; background: url(../images/common-flora-l.png) no-repeat center center; background-size: contain; position: absolute; top:90%; left: 0; }

/* header */
.part-header{ position: fixed; z-index: 10; background:#fff url(../images/common-bg-ptn.jpg) repeat center top; background-size: 77.777em;}
.part-header::before,
.part-header::after{ content:""; width: 100%; min-height: 100%; position: absolute; background: url(../images/common-flora-l.png) no-repeat left -9em; background-size: 33em; top:0; z-index: 0; }
.part-header::after{ background-image: url(../images/common-flora-r.png);background-position-x: right; }
.cont-global-navi{ width: 100%; -webkit-filter: drop-shadow(0px 0px 2px black); filter: drop-shadow(0px 0px 2px black); z-index: 1;  }
.cont-global-navi::before{ content:""; display: block; width: 100%; height: calc(6/36*1em); position: relative; border-top: calc(8/36*1em) solid #fefefe; border-bottom: calc(6/36*1em) solid #fefefe; box-sizing: content-box; }
.cont-global-navi::after{ content:""; display: block; width: 100%; height: calc(6/36*1em); position: relative; border-top: calc(6/36*1em) solid #fefefe; border-bottom: calc(8/36*1em) solid #fefefe; box-sizing: content-box; }
.global-navi{ width: 100%; position: relative; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; line-height: 1; }
.global-navi::before,
.global-navi::after{ content:""; display: block; width: calc(94/36*1em); height: calc(114/36*1em); background:url(../images/global-navi-deco1.png) no-repeat center center; background-size: cover; }
.global-navi::after{ transform: rotateY(180deg); }
.global-navi > ul{ display: flex; list-style-type: none; margin: 0; padding: 0 1em; text-align: center; justify-content: center; }
.global-navi > ul > li{ display: block; margin: 0; padding: 0; line-height: 1; margin:0 1em 0 0; position: relative; }
.global-navi > ul > li:last-child{ margin-right: 0; }
.global-navi > ul > li.logo{ display: none; }
.global-navi > ul > li a{ color: #000; text-decoration: none; position: relative; display: block; }
.global-navi > ul > li a span{ font-size: 1.444em ; font-family: 'Cinzel', serif; display: block; }
.global-navi > ul > li a:hover span{ transform: scale(1.1,1.1);  }

.cont-sp-btn{ width: 100%; display: none; }


/* body */
.part-body{ top:4.4em; }
.cont-upper{ position: relative; }
.cont-middle{ position: relative; }
.cont-w1200{ width: 100%; max-width: 66.66em; margin: 0 auto; position: relative; }
.cont-w1200 > .inner{ width: 93.333%; margin: 0 auto; }
.cont-title{ font-size: 1em; width: 100%; max-width: 51em; margin: 0 auto 2em auto;}
.cont-title > span{  }
.pc-navi-padding{ height:5em; }

/* footer */
.part-footer{ }
.cont-global-footer{ margin: 0 auto; padding: 6em 0 0 0; position: relative;text-align: center; }
.footer-pagetop{  width: calc( 82/18 * 1em ); position: fixed;  bottom:2em;  right:1em; z-index: 10; }
.cont-global-footer > .inner{ padding: .5em 0; position: relative; }
.cont-global-footer > .inner::before,
.cont-global-footer > .inner::after{ content:""; display: block; width: 100%; height: calc(25/36*1em); background:url(../images/common-deco-line2.png) repeat-x center top; background-size: auto calc(25/36*1em) ; position: relative; margin:0; padding: 4px 0; z-index: 1;  }
.cont-global-footer > .inner::before{ border-top: #FFF solid 2px; }
.cont-global-footer > .inner::after{ border-bottom: #FFF solid 2px; }

.footer-copyrihgt{ background-color: #FFF; padding: 2em 0; text-align: center;  }
.footer-copyrihgt p{font-size: .888em; margin: 0; }



/* content */
.cont-top-content{ width: 100%; min-height: 100%; position: relative; overflow: hidden; }
.cont-sub-content{ width: 100%; min-height: 100%; position: relative; overflow: hidden; }
.content-modal{ max-width: 920px; background-color: #FFF; border:#1f3c8c solid .333em ; border-radius: 2em; margin: 0 auto 1em auto; padding: 0; overflow: auto; }

.inview{ animation:inview 0.4s .2s ease-out both paused; }
.inview-start{ animation:inview-start 0.4s .2s ease-out both running; }

.fnt-color-1{ color: #0093d7; }
.fnt-color-2{ color: #ca329d; }

.frame-a{ background-color: rgba(201,174,138,.3); padding: .5em; height: 100%; }
.frame-a > .inner{ border: #FFF solid 1px; height: 100%; }

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

/* entry */
.cont-entries{ max-width: 60em; margin: 0 auto; padding-bottom: 3em; }
.content-entry{ background-color: rgba(201,174,138,.3); padding: .5em; box-sizing: border-box; margin-bottom: 3em; }
.content-entry:last-child{ margin-bottom: 0;}
.content-entry .entry-head{ padding: 1.5em 1.5em 0 1.5em ; border: #FFF solid 1px; height: 100%; border-bottom: none;  }
.content-entry .entry-date{ font-size: 1em; font-weight: normal; margin:0 0 .5em -0.3em; letter-spacing: 0.05em; color: #c514b8; display: block;  }
.content-entry .entry-date::before,
.content-entry .entry-date::after{ content:"｜"; }
.content-entry .entry-title{ font-size: 1em; color: #c514b8; font-weight: bold; padding: 0 ; letter-spacing: .05em; margin: 0; }
.content-entry .entry-title > span{ font-size: 1.222em; font-weight: bold; display: block; }
.content-entry .entry-body{ font-size: 1em; color: #000; padding: 1em 1.5em 1.5em 1.5em; line-height: 1.8; letter-spacing: 0.05em; border: #FFF solid 1px; height: 100%; border-top: none; }


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

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

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

/* TOP-PAGE */
/* main */
.cont-top-visual{ width: 100%; max-width: 2800px; margin: 0 auto; position: relative; }
.cont-top-visual .kv-container{ position: relative; overflow: hidden; background-color: #000; }
.cont-top-visual .kv-container .kv-bg{ position: relative; }
.cont-top-visual .kv-container .kv-bg-exspace{ width: 100%; height: 7vw; position: relative; }

.cont-top-visual .kv-container .kv-set{ width: 100%; height: 100%; position: absolute; top:0; }
.cont-top-visual .kv-container .kv-set > div{ position: absolute; top:0; }

.cont-top-visual .kv-container .kv1 .vis{ position: absolute; top:0; bottom:0; }
.cont-top-visual .kv-container .kv1 .chara-b{ width: 14.641vw; top:42.428vw; left: 13.713vw;}
.cont-top-visual .kv-container .kv1 .chara-a{ width: 42.57vw; top:2.999vw; left: 51.498vw;}
.cont-top-visual .kv-container .kv1 .onair{ width: 26.427vw; position: absolute; top:16.856vw; left: 15.356vw;}
.cont-top-visual .kv-container .kv1 .logo{ width: 36.856vw; position: absolute; top:4.928vw; left: 9.498vw;}
.cont-top-visual .kv-container .kv1 .vis{ animation:fade-in 1.4s 0.1s ease-out backwards;}
.cont-top-visual .kv-container .kv1 .chara-b{ animation:kv-fade-in-down 0.3s 2.2s ease-out backwards,fuwafuwa-b 3s 2.5s ease-in-out infinite;}
.cont-top-visual .kv-container .kv1 .chara-a{ animation:kv-fade-in-down 0.6s 2.1s ease-out backwards,fuwafuwa-a 5s 2.7s ease-in-out infinite;}
.cont-top-visual .kv-container .kv1 .onair{ animation:fade-in 0.6s 1.5s ease-out backwards;}
.cont-top-visual .kv-container .kv1 .logo{ animation:fade-in 1.0s .9s ease-out backwards;}
.cont-top-visual .kv-container .kv1{ display: none; }

.cont-top-visual .kv-container .kv2 .vis{ width: 128.5714%; position: absolute; top:0; right: -1%; }
.cont-top-visual .kv-container .kv2 .chara{ width: 81.7857%; left: 20%;}
.cont-top-visual .kv-container .kv2 .logo{ width: 36.856vw; position: absolute; top:4.928vw; left: 9.498vw;}
.cont-top-visual .kv-container .kv2 .vis{ animation:fade-in 1.4s 0.1s ease-out backwards,kv2-vis-slide 2.4s 1.9s ease-out both;}
.cont-top-visual .kv-container .kv2 .chara{ animation:fade-in 1.0s 0.5s ease-out backwards,kv2-chara-slide 2.4s 1.9s ease-out both;}
.cont-top-visual .kv-container .kv2 .logo{ animation:fade-in 1.0s .9s ease-out backwards;}
@keyframes kv2-vis-slide {
  from { transform:translate(0, 0); }
  to { transform:translate(13%, 0); }
}
@keyframes kv2-chara-slide {
  from { transform:translate(0, 0); }
  to { transform:translate(32%, 0); }
}
.cont-top-visual .kv-container .kv2{ display: none; }

.cont-top-visual .kv-container .kv3 .vis{ width: 102.6%; position: absolute; top:0; right: -2.5%; }
.cont-top-visual .kv-container .kv3 .chara-a{ width: 56.5714%; left: 15%;}
.cont-top-visual .kv-container .kv3 .chara-b{ width: 28.8214%; left: 44%;}
.cont-top-visual .kv-container .kv3 .logo{ width: 36.856vw; position: absolute; top:4.928vw; left: 53vw;}
.cont-top-visual .kv-container .kv3 .vis{ animation:fade-in 1.4s 0.1s ease-out backwards,kv3-vis-slide 1.4s 1.9s ease-out both;}
.cont-top-visual .kv-container .kv3 .chara-a{ animation:fade-in 1.0s 0.5s ease-out backwards,kv3-chara-slide 1.8s 1.9s ease-out both;}
.cont-top-visual .kv-container .kv3 .chara-b{ animation:fade-in 1.0s 0.5s ease-out backwards,kv3-chara-slide 1.8s 1.9s ease-out both;}
.cont-top-visual .kv-container .kv3 .logo{ animation:fade-in 1.0s .9s ease-out backwards;}
@keyframes kv3-vis-slide {
  from { transform:translate(0, 0); }
  to { transform:translate(-2.6%, 0); }
}
@keyframes kv3-chara-slide {
  from { transform:translate(0, 0); }
  to { transform:translate(-15vw, 0); }
}
.cont-top-visual .kv-container .kv3{ display: none; }

.cont-top-visual .kv-container .kv4 .vis{ width: 120.9285%; position: absolute; top:0; right: -19%; }
.cont-top-visual .kv-container .kv4 .chara-a{ width: 66.5357%; left: 12%;}
.cont-top-visual .kv-container .kv4 .logo{ width: 36.856vw; position: absolute; top:4.928vw; left: 53vw;}
.cont-top-visual .kv-container .kv4 .vis{ animation:fade-in 1.4s 0.1s ease-out backwards,kv4-vis-slide 2.4s 1.9s ease-out both;}
.cont-top-visual .kv-container .kv4 .chara-a{ animation:fade-in 1.0s 0.5s ease-out backwards,kv4-chara-slide 2.4s 1.9s ease-out both;}
.cont-top-visual .kv-container .kv4 .logo{ animation:fade-in 1.0s .9s ease-out backwards;}
@keyframes kv4-vis-slide {
  from { transform:translate(0, 0); }
  to { transform:translate(-10.5%, 0); }
}
@keyframes kv4-chara-slide {
  from { transform:translate(0, 0); }
  to { transform:translate(-17%, 0); }
}
.cont-top-visual .kv-container .kv4{ display: none; }

.cont-top-visual .kv-container .kv5 .vis{ width: 101.3%; position: absolute; top:0; right: -1.3%; }
.cont-top-visual .kv-container .kv5 .chara-a{ width: 59.321%; left: 21%;}
.cont-top-visual .kv-container .kv5 .logo{ width: 36.856vw; position: absolute; top:4.928vw; left: 53vw;}
.cont-top-visual .kv-container .kv5 .vis{ animation:fade-in 1.4s 0.1s ease-out backwards,kv5-vis-slide 2.4s 1.9s ease-out both;}
.cont-top-visual .kv-container .kv5 .chara-a{ animation:fade-in 1.0s 0.5s ease-out backwards,kv5-chara-slide 2.4s 1.9s ease-out both;}
.cont-top-visual .kv-container .kv5 .logo{ animation:fade-in 1.0s .9s ease-out backwards;}
@keyframes kv5-vis-slide {
  from { transform:translate(0, 0); }
  to { transform:translate(-1.3%, 0); }
}
@keyframes kv5-chara-slide {
  from { transform:translate(0, 0); }
  to { transform:translate(-18%, 0); }
}
.cont-top-visual .kv-container .kv5{ display: none; }

.cont-top-visual .kv-container .kv6 .vis{ width: 114.21%; position: absolute; top:0; left: -13%; }
.cont-top-visual .kv-container .kv6 .chara-a{ width: 56.392%; left: 40%;}
.cont-top-visual .kv-container .kv6 .chara-b{ width: 64.821%; left: 10%;}
.cont-top-visual .kv-container .kv6 .logo{ width: 36.856vw; position: absolute; top:4.928vw; left: 62vw;}
.cont-top-visual .kv-container .kv6 .vis{ animation:fade-in 1.4s 0.1s ease-out backwards,kv6-vis-slide 1.4s 1.9s ease-out both;}
.cont-top-visual .kv-container .kv6 .chara-a{ animation:fade-in 1.0s 0.5s ease-out backwards,kv6-chara-slide 1.8s 1.9s ease-out both;}
.cont-top-visual .kv-container .kv6 .chara-b{ animation:fade-in 1.0s 0.5s ease-out backwards,kv6-chara-slide-b 1.8s 1.9s ease-out both;}
.cont-top-visual .kv-container .kv6 .logo{ animation:fade-in 1.0s .9s ease-out backwards;}
@keyframes kv6-vis-slide {
  from { transform:translate(0, 0); }
  to { transform:translate(8%, 0); }
}
@keyframes kv6-chara-slide {
  from { transform:translate(0, 0); }
  to { transform:translate(-23vw, 0); }
}
@keyframes kv6-chara-slide-b {
  from { transform:translate(0, 0); }
  to { transform:translate(-13vw, 0); }
}
.cont-top-visual .kv-container .kv6{ display: none; }

.cont-top-visual .kv-container .kv7 .vis{ width: 100.57%; position: absolute; top:0; left: 0; }
.cont-top-visual .kv-container .kv7 .chara-a{ width: 61.428%; left: 4%;}
.cont-top-visual .kv-container .kv7 .logo{ width: 36.856vw; position: absolute; top:4.928vw; left: 53vw;}
.cont-top-visual .kv-container .kv7 .vis{ animation:fade-in 1.4s 0.1s ease-out backwards;}
.cont-top-visual .kv-container .kv7 .chara-a{ animation:fade-in 1.0s 0.5s ease-out backwards,fuwafuwa-b 3s 0.5s ease-in-out infinite;}
.cont-top-visual .kv-container .kv7 .logo{ animation:fade-in 1.0s .9s ease-out backwards;}
.cont-top-visual .kv-container .kv7{ display: none; }

.cont-top-visual .kv-container .kv8 .vis{ width: 100%; position: absolute; top:0; left: 0; }
.cont-top-visual .kv-container .kv8 .chara-a{ width: 100%; left: 0%;}
.cont-top-visual .kv-container .kv8 .logo{ width: 36.856vw; position: absolute; top:4.928vw; left: 9.498vw;}
.cont-top-visual .kv-container .kv8 .vis{ animation:fade-in 1.4s 0.1s ease-out backwards,kv8-vis-slide 1.4s 1.9s ease-out both;}
.cont-top-visual .kv-container .kv8 .chara-a{ animation:fade-in 1.0s 0.5s ease-out backwards,fuwafuwa-b 3s 0.5s ease-in-out infinite;}
.cont-top-visual .kv-container .kv8 .logo{ animation:fade-in 1.0s .9s ease-out backwards;}
@keyframes kv8-vis-slide {
  from { transform:translate(0, 0); }
  to { transform:translate(0,-17.0%); }
}
.cont-top-visual .kv-container .kv8{ display: none; }

.cont-top-visual .kv-container .kv9 .vis{ width: 110%; position: absolute; top:0; left: 0%; }
.cont-top-visual .kv-container .kv9 .chara-a{ width: 45.5%; left: 0.031%; top:3%;}
.cont-top-visual .kv-container .kv9 .logo{ width: 36.856vw; position: absolute; top:24.928vw; left: 53vw;}
.cont-top-visual .kv-container .kv9 .vis{ animation:fade-in 1.4s 0.1s ease-out backwards,kv9-vis-slide 2.4s 1.9s ease-out both;}
.cont-top-visual .kv-container .kv9 .chara-a{ animation:fade-in 1.0s 0.5s ease-out backwards,kv9-chara-slide 2.4s 1.9s ease-out both;}
.cont-top-visual .kv-container .kv9 .logo{ animation:fade-in 1.0s .9s ease-out backwards;}
@keyframes kv9-vis-slide {
  from { transform:translate(0, 0); }
  to { transform:translate(-8.5%, 0); }
}
@keyframes kv9-chara-slide {
  from { transform:translate(0, 0); }
  to { transform:translate(4%, 0); }
}
.cont-top-visual .kv-container .kv9{ display: none; }


.cont-top-visual .kv-container .loading{ width: calc( 251 / 2800 * 100% ); position: absolute; top:40%; left: 0; right: 0; margin: 0 auto; animation:kv-loading 1.0s 0.5s infinite ease-out backwards; }
@keyframes kv-loading { 0% { opacity: 0; } 25% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; }}

/* animation start */
.s1 .cont-top-visual .kv-container .loading{ animation:fade-out 1.0s 0s ease-out both; }

.cont-top-visual .kv-container .op{ width: 100%; height: 100%; position: absolute; top:0; background: url(../images/top-main/btm-grad-long.png) repeat-x left 62vw ; background-size: 10vw; }
.cont-top-visual .kv-container .op .logo{ width: calc( 1462 / 2800 * 100vw ); position: absolute; top:25vw; left:0; right: 0; margin: 0 auto; opacity: 0;}
.cont-top-visual .kv-container .op .oa{ width: calc( 2431 / 2800 * 100vw ); position: absolute; top:32vw; left:0; right: 0; margin: 0 auto; opacity: 0;}
.s2 .cont-top-visual .kv-container .op .logo{ animation:fade-in-down 1.0s 0s ease-out both; }
/* .s2 .cont-top-visual .kv-container .op .oa{ animation:fade-in 0.6s 1.0s ease-out both; } */

.s3 .cont-top-visual .kv-container .op .logo{ animation:fade-out 1.0s 0s ease-out both; }
/* .s3 .cont-top-visual .kv-container .op .oa{ animation:s3-oa-slide 1.5s 0s ease-out both; opacity: 1; } */
@keyframes s3-oa-slide {
  from { transform:translate(0, 0); }
  to { transform:translate(0, 32vw); }
}

.s4 .cont-top-visual .kv-container .kv9{ display: block; }

.cont-top-border{ background: url(../images/common-border-a.png) no-repeat center center; background-size: cover; position: relative; height: 1.444em; margin: -0.3em 0 4em 0; }

/* th */
.cont-top-visual-th{ width: 100%; display: flex; justify-content: center; position: absolute; top:calc(67vw + 7vw ); }
.cont-top-visual-th > div{ width: 10vw; padding: .5vw; }



/* news */
.cont-top-news{ height: 100%; }
.news-container{}
.news-container dl{ font-size: 1.0em; margin: 0 0 1.0em 0; color: #222;}
.news-container dl:last-child{ margin: 0;}
.news-container dl dt{ font-size: 1em; font-weight: normal; margin-bottom: 0; letter-spacing: 0.05em; color: #c514b8; display: block;  }
.news-container dl dt::before,
.news-container dl dt::after{ content:"｜"; }
.news-container dl dd{ line-height: 1.4; padding-left: .3em; }
.news-container dl dd a,
.news-container dl dd a:visited{ text-decoration: none; color: #000; }
.news-container dl dd a:hover{ text-decoration: underline; color: #000; }

/* twitter */
.cont-top-twitter{  }
.twitter-widget-container{ }
.twitter-widget-container a{ color:#FFF; }

/* movie */
.cont-top-movie{ }
.cont-top-movie .cont-top-content{ background-color: #00b5ff; }
.cont-top-movie .cont-top-content::before,
.cont-top-movie .cont-top-content::after{ content:""; display: block; width: 100%; height: calc(25/36*1em); background:url(../images/common-deco-line1.png) repeat-x center top; background-size: auto calc(25/36*1em) ; position: relative; margin:2px 0; z-index: 1;  }
.movie-bg{ width: 100%; min-height: 105%; background: url(../images/top-main/1/vis.jpg) no-repeat center top; background-size: cover; opacity: .7; position: absolute; top:0; z-index: 0;  }
.movie-container{ max-width: 55em; padding: 1em; margin: 0 auto; position: relative; }
.movie-container .video-embed{  }
.movie-navi{ display: flex; flex-wrap: wrap; justify-content: center; }
.movie-navi > div{ width: 16.3%; padding: .5em; }
.movie-navi > div a:hover img{ transform: scale(1.1,1.1); }
.movie-navi > div a img{ border: #FFF solid 1px; }
.cont-top-movie-sp{ margin-bottom: 4em; display: none; }

/* Onair */
.cont-top-onair .cont-top-content{ background-color: rgba(243,137,202,.3); }
.cont-top-onair .cont-top-content::after{ content:""; display: block; width: 100%; height: calc(25/36*1em); background:url(../images/common-deco-line1.png) repeat-x center top; background-size: auto calc(25/36*1em) ; position: relative; margin:2px 0; z-index: 1;  }
.onair-bg-leaf1{width: 33em; height: 26.777em; background: url(../images/common-flora-l.png) no-repeat center center; background-size: contain; position: absolute; top:0; left: 0; opacity: .6;}
.onair-bg-leaf2{width: 33em; height: 26.777em; background: url(../images/common-flora-r.png) no-repeat center center; background-size: contain; position: absolute; bottom:0; right: 0; opacity: .6;}
.onair-cont-list{ max-width: 40em; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto; margin-bottom: 1em; }
.onair-cont-list > .onair-cont-col{ width: 100%; border: rgba(255,255,255,.6) solid 2px; padding: .3em; color: #543d47; }
.onair-cont-list > .onair-cont-col > .inner{ background-color: rgba(255,255,255,.6); position: relative; padding: 1em; min-height: 100%;}
.onair-list{ margin: 0 auto;  }
.onair-list{ display: flex; flex-wrap: wrap; justify-content: center; text-align: left; border-bottom: #f7c0de solid 1px; padding: .7em 0; }
.onair-list.first{ border-top: #f7c0de solid 1px; }
.onair-list .col-a{ width: 27.5%; }
.onair-list .col-b{ width: 27.5%; }
.onair-list .col-c{ width: 45%; }
.onair-list .col-d{ width: 45%; margin-left: 55%; }
.onair-list .name{ font-size: 1.2em; font-weight: 600; margin-bottom: 0;}
.onair-list .schd{ font-size: 1.2em; margin-bottom: 0; }
.onair-list .time{ font-size: 1.2em; margin-bottom: 0; }
.onair-list .extr{ font-size: 1.0em; margin: .5em 0 0.1em 0;}
.onair-list .extr-time{ font-size: 1.0em; margin-bottom: 0; }

.onair-list-il{ border-top: #f7c0de solid 1px; border-bottom: #f7c0de solid 1px; padding: .5em 0; margin: 0 auto; text-align: center; }
.onair-list-il > a{ display: inline-block; padding: .25em .75em; font-weight: 600; }
.onair-list-il > a:hover{}

/* introduction */
/*
.cont-top-intro{ }
.cont-top-intro .cont-top-content{ background-color: rgba(214,186,0,.2); }
.intro-container{ width: calc( 2100/36*1em ); margin: 0 auto; position: relative; }
.intro-container::before{ content:""; display: block; height: calc( 240/36*1em ); background: url(../images/intro-container-bgu.png) no-repeat center bottom; background-size: 100%; }
.intro-container::after{ content:""; display: block; height: calc( 200/36*1em ); background: url(../images/intro-container-bgb.png) no-repeat center top; background-size: 100%; }
.intro-container > .body{ background: url(../images/intro-container-bgm.png) repeat-y center top; background-size: 100%; }
*/

/* story */
.cont-top-story{ }
.cont-top-story .cont-top-content{ background-color: rgba(214,186,0,.2); }
.story-bg{ width: 100%; min-height: 105%; background: url(../images/top-story-bg.jpg) no-repeat center top; background-size: cover; opacity: 1; position: absolute; top:0; z-index: 0; opacity: .9;}
.story-container{ width: calc( 2100/36*1em ); margin: 0 auto; position: relative; }
.story-container::before{ content:""; display: block; height: calc( 240/36*1em ); background: url(../images/intro-container-bgu.png) no-repeat center bottom; background-size: 100%; }
.story-container::after{ content:""; display: block; height: calc( 200/36*1em ); background: url(../images/intro-container-bgb.png) no-repeat center top; background-size: 100%; }
.story-container > .body{ background: url(../images/intro-container-bgm.png) repeat-y center top; background-size: 100%; }

.cont-story-navi{ margin-bottom: 1em; }
.cont-story-navi > nav ul{ display: block; text-align: center; list-style-type: none; margin: 0; padding: 0; }
.cont-story-navi > nav ul li{ display: inline-block; margin: 0; padding: .1em ;}
.cont-story-navi > nav ul li a{ display: inline-block; background:rgba(255,255,255,.6); position: relative; text-align: center; color: #3a3732; border-radius: 3em; padding: .3em 0; width: 2.1em; }
.cont-story-navi > nav ul li.intro a{ padding: .3em .5em; width: inherit; }
.cont-story-navi > nav ul li a:hover,
.cont-story-navi > nav ul li.crt a{ background:rgba(58,55,50,1); position: relative; text-align: center; color: #fff; text-decoration: none; }
.cont-story-navi > nav ul li.crt a{ pointer-events: none;  }
.cont-story-navi > nav ul li.cs a{ pointer-events: none; color: #999; background-color: #CCC; }
.cont-story-navi > nav ul li a span{ font-size: 1em; line-height: 1; font-weight: 900; }

.story-data{ display: none;}
.story-data{ color: #3a3732; background-color: rgba(255,255,255,.3); padding: 2em; margin: 0 5em; border-radius: 2em; position: relative; overflow: hidden;}
.story-data .ep-title{ font-size: 1em; text-align: center; padding: 0 0 1.5em 0; margin-bottom: 1.5em; background:url(../images/story-eptitle-line.png) no-repeat center bottom; background-size: calc(1071/30*1em); position: relative; z-index: 2; }
.story-data .ep-title > span{ font-weight: 900; font-size: 1.333em; letter-spacing: .1em; }
.story-data .ep-title > span.ep-title-label{ font-size: 0.8em; }
.story-data .ep-staff{ font-size: 1em; color: #5e5340; text-align: center; position: relative; z-index: 2; }
.story-data .ep-staff > p{ font-size: .8em; letter-spacing: .1em; line-height: 2.3; margin-bottom: 3em; }
.story-data .ep-title-sub{ font-size: 1em; text-align: center; margin-bottom: .5em; position: relative; z-index: 2; }
.story-data .ep-title-sub > span{ font-weight: 900; letter-spacing: .1em; }
.story-data .ep-text{ font-size: 1em; text-align: center; margin-bottom: 1.5em; position: relative; z-index: 2; }
.story-data .ep-text > p{ font-size: 1.222em; letter-spacing: .1em; line-height: 2; margin-bottom: 0 }
.story-data .ep-slider-sceneImage{ max-width: calc(1280/30*1em); padding: .4em; background-color: #f7f3e7; margin:0 auto 2.5em auto;　-webkit-filter: drop-shadow(0 0 .3em #3a3732); filter: drop-shadow(0 0 .3em #3a3732); position: relative; z-index: 2; }
.story-data .ep-slider-sceneImage .slick-dots{ bottom:-2em; }

.story-data .ep-trailer-title{ position: relative; z-index: 2; text-align: center; }
.story-data .ep-trailer-title > span{ font-weight: 900; font-size: 1em; letter-spacing: .1em; }
.story-data .ep-trailer{ max-width: 50%; padding: .4em; background-color: #f7f3e7; margin: 0 auto;-webkit-filter: drop-shadow(0 0 .3em #3a3732); filter: drop-shadow(0 0 .3em #3a3732);  }

.story-data.crt{ display: block; animation: fadeIn 1.0s 0s ease-out both; }


.intro-text{ position: relative; z-index: 2;}
.intro-text > p{ font-size:1.222em; line-height: 2; text-align: center; }


/* character */
.cont-top-character{ }
.cont-top-character .cont-top-content{ background-color: #00b5ff; }
.cont-top-character .cont-top-content::before,
.cont-top-character .cont-top-content::after{ content:""; display: block; width: 100%; height: calc(25/36*1em); background:url(../images/common-deco-line1.png) repeat-x center top; background-size: auto calc(25/36*1em) ; position: relative; margin:2px 0; z-index: 1;  }
.character-bg{ width: 100%; min-height: 105%; background: url(../images/top-main/3/vis.jpg) no-repeat center top; background-size: cover; opacity: .7; position: absolute; top:0; z-index: 0;  }

.character-bg-leaf{ width: 33em; height: 26.777em; background: url(../images/common-flora-r.png) no-repeat center center; background-size: contain; position: absolute; top:22em; right: 0; opacity: .6; }
.character-bg-line{ width: 100%; position: absolute; top:26em; z-index: 0;opacity: .6; }
.character-bg-line::before,
.character-bg-line::after{ content:""; display: block; width: 100%; height: calc(25/36*1em); background:url(../images/common-deco-line2.png) repeat-x center top; background-size: auto calc(25/36*1em) ; position: relative; margin:0; padding: 4px 0; z-index: 1;  }
.character-bg-line::before{ border-top: #FFF solid 2px; }
.character-bg-line::after{ border-bottom: #FFF solid 2px; }
.character-bg-line > div{ width: 100%; height: 18em; background: #FFF; }

.cont-character-navi{ margin: 0 auto; }
.character-navi ul{ display: flex; justify-content: center; list-style-type: none; margin: 0; padding: 0; }
.character-navi ul > li{ width: 8em; margin: 0 1em 0 0; }
.character-navi ul > li:last-child{ margin-right: 0; }
.character-navi ul > li a:hover img{ transform: scale(1.1,1.1); }

.cont-character-data{ width: 100%; height: 40em; position: relative; }
.character-data{ position: relative; display: none; }
.character-data .chr-img{ width: calc(1440/36*1em); position: relative; }
.character-data .chr-prof{ width: calc(880/36*1em - 1em); position: absolute; top:10em; right: 0em; border: rgba(255,255,255,.6) solid 2px; padding: .3em; line-height: 1; }
.character-data .chr-prof > .inner{ background-color: rgba(255,255,255,.6); position: relative; padding: 1em; }
.character-data .chr-prof .alp,
.character-data .chr-prof .cv{ font-size: 1em; display: inline-block; margin-bottom: 1.0em; }
.character-data .chr-prof .alp::after{ content:"｜"; }
.character-data .chr-prof .name{font-size: 2em;}
.character-data .chr-prof .profile{ margin-bottom: 0; font-size: 1em; line-height: 1.8; }

.character-data.crt{ display: block; /* animation: fadeIn 1.5s 0s ease-out both; */ }
.character-data.crt .chr-prof{ animation: slideInRight .5s 0s ease-out both; }
.character-data.crt .chr-img{ animation: fadeIn .5s 0s ease-out both; }


/* staffcast */
.cont-top-staffcast{  }
.cont-top-staffcast .cont-top-content{ background-color: rgba(155,202,145,.3); }
.cont-top-staffcast .cont-top-content::after{ content:""; display: block; width: 100%; height: calc(25/36*1em); background:url(../images/common-deco-line1.png) repeat-x center top; background-size: auto calc(25/36*1em) ; position: relative; margin:2px 0; z-index: 1;  }
.staffcast-bg-leaf1{width: 33em; height: 26.777em; background: url(../images/common-flora-l.png) no-repeat center center; background-size: contain; position: absolute; top:0; left: 0; opacity: .6;}
.staffcast-bg-leaf2{width: 33em; height: 26.777em; background: url(../images/common-flora-r.png) no-repeat center center; background-size: contain; position: absolute; bottom:0; right: 0; opacity: .6;}
.staffcast-container{ width: 90%; margin: 0 auto; position: relative; }
.staffcast-list{ justify-content: center; }
.staffcast-list > div{ margin-bottom: 2em; }
.staffcast-container p{ margin-bottom: 0; line-height: 1; }
.staffcast-container .pos{font-size: 1.0em; margin-bottom: .4em;  }
.staffcast-container .name{ font-size: 1.444em; margin-bottom: 0;  }
.staffcast-container .org{ margin-top: .888em; }


/* bddvd */
.cont-top-bddvd{ }
.cont-top-bddvd .cont-top-content{ background-color: #00ccff; }
.cont-top-bddvd .cont-top-content::after{ content:""; display: block; width: 100%; height: calc(25/36*1em); background:url(../images/common-deco-line1.png) repeat-x center top; background-size: auto calc(25/36*1em) ; position: relative; margin:2px 0; z-index: 1;  }
.bddvd-bg{ width: 100%; min-height: 105%; background: url(../images/top-main/5/vis.jpg) no-repeat center top; background-size: cover; opacity: .5; position: absolute; top:0; z-index: 0;  }

.cont-bddvd-navi{ margin-bottom: 1em; }
.cont-bddvd-navi > nav ul{ display: block; text-align: center; list-style-type: none; margin: 0; padding: 0; }
.cont-bddvd-navi > nav ul li{ display: inline-block; margin: 0; padding: .1em ;}
.cont-bddvd-navi > nav ul li a{ display: inline-block; background:rgba(255,255,255,.6); position: relative; text-align: center; color: #3a3732; border-radius: 3em; padding: .3em .5em; }
.cont-bddvd-navi > nav ul li a:hover,
.cont-bddvd-navi > nav ul li.crt a{ background:rgba(58,55,50,1); position: relative; text-align: center; color: #fff; text-decoration: none; }
.cont-bddvd-navi > nav ul li.crt a{ pointer-events: none;  }
.cont-bddvd-navi > nav ul li.cs a{ pointer-events: none; color: #999; background-color: #CCC; }
.cont-bddvd-navi > nav ul li a span{ font-size: 1em; line-height: 1; font-weight: 900; }

.bddvd-data{ display: none;}
.bddvd-data { max-width: 1000px; margin: 0 auto; color: #3f2f15;border: rgba(255,255,255,.6) solid 2px; padding: .3em;}
.bddvd-data > .block{ padding: 1em; background-color: rgba(255,255,255,.9); margin-bottom: .3em; }
.bddvd-data > .block.block-btm{ margin-bottom: 0; }
.bddvd-data .bdv-img{  }
.bddvd-data .bdv-img-fig{  }
.bddvd-data .bdv-prof{ }
.bddvd-data .bdv-prof .title{ font-size: 1.3em; font-weight: 900; margin-bottom: 0; text-align: center; }
.bddvd-data .bdv-prof .artist{ font-size: 1.2em; text-align: center; }
.bddvd-data .bdv-prof .sale{ font-size: 1.2em; color: #9b8400; text-align: center;}
.bddvd-data .bdv-prof .data{ font-size: 1.066em; text-align: center;}
.bddvd-data.crt{ display: block; animation: fadeIn 1.0s 0s ease-out both; }
.bddvd-data .ttl4{line-height: 1.2; padding: .2em .2em .2em 0; border-bottom: #3f2f15 dotted 1px; border-left: none;}

.bnf-list{ display: flex; flex-wrap: wrap; margin-bottom: 1em; align-items: flex-start; }
.bnf-list > .item-x1{ width: 25%; margin: 0 ; padding: .5em .25em; display: flex; flex-wrap: wrap; align-items: center; }
.bnf-list > .item-x2{ width: 50%; margin: 0 ; padding: .5em .25em; display: flex; flex-wrap: wrap; align-items: top; }
.bnf-list > .item-x1.x1-dbl{ width: 50%; margin: 0 ; padding: .5em .25em; display: flex; flex-wrap: wrap; align-items: top; }
.bnf-list > .item-x1 .item-col{ width: 100%; }
.bnf-list > .item-x2 .item-col{ width: calc((100% - (0.5em * 1)) / 2); margin-right: .5em; }
.bnf-list > .item-x2 .item-col:last-child{ margin: 0; }

.bnf-list .shop{ width: 100%; font-size: 0.888em; font-weight: 700; line-height: 1.2; padding: .2em .2em .2em 0; border-bottom: #3f2f15 dotted 1px; border-left: none; margin-bottom: .5em; }
.bnf-list .thumb{ /* width: 16em; height: 16em;  */padding:0 .5em 1em .5em; text-align: center; margin: .5em auto 0 auto; background:url(https://majotabi.jp/images/bnf-thumb-bg.png) no-repeat center center; background-size: 100%;}
.bnf-list .thumb{ display: flex; align-items: center; justify-content: center; vertical-align: middle; }
.bnf-list .thumb-np{ display: none; }
.bnf-list .data{ width: 100%; }
.bnf-list .excond{ font-size: 0.666em; background-color:rgba(255,255,255,.1); padding: .2em; letter-spacing: -0.05em; margin-bottom: .3em; }
.bnf-list .name{ font-size: 1.0em; color:#9b8400; letter-spacing: -0.05em; margin-bottom: .3em; font-weight: 700; }
.bnf-list .cond{ font-size: 0.666em; margin-bottom: .3em; border:#3f2f15 solid 1px; display: inline-block; padding: .1em .2em; }
.bnf-list .start{ font-size: 0.777em; }

/* music */
.cont-top-music{ }
.cont-top-music .cont-top-content{ background-color: #00b5ff; }
.cont-top-music .cont-top-content::after{ content:""; display: block; width: 100%; height: calc(25/36*1em); background:url(../images/common-deco-line1.png) repeat-x center top; background-size: auto calc(25/36*1em) ; position: relative; margin:2px 0; z-index: 1;  }
.music-bg{ width: 100%; min-height: 105%; background: url(../images/top-main/7/vis.jpg) no-repeat center top; background-size: cover; opacity: 1; position: absolute; top:0; z-index: 0;  }

.cont-music-navi{ margin-bottom: 1em; }
.cont-music-navi > nav ul{ display: block; text-align: center; list-style-type: none; margin: 0; padding: 0; }
.cont-music-navi > nav ul li{ display: inline-block; margin: 0; padding: .1em ;}
.cont-music-navi > nav ul li a{ display: inline-block; background:rgba(255,255,255,.6); position: relative; text-align: center; color: #3a3732; border-radius: 3em; padding: .3em .5em; }
.cont-music-navi > nav ul li a:hover,
.cont-music-navi > nav ul li.crt a{ background:rgba(58,55,50,1); position: relative; text-align: center; color: #fff; text-decoration: none; }
.cont-music-navi > nav ul li.crt a{ pointer-events: none;  }
.cont-music-navi > nav ul li.cs a{ pointer-events: none; color: #999; background-color: #CCC; }
.cont-music-navi > nav ul li a span{ font-size: 1em; line-height: 1; font-weight: 900; }

.music-data{ display: none;}
.music-data { max-width: 800px; margin: 0 auto; color: #98604d;border: rgba(255,255,255,.6) solid 2px; padding: .3em;}
.music-data > .block{ padding: 1em; background-color: rgba(255,255,255,.9); margin-bottom: .3em; }
.music-data > .block.block-btm{ margin-bottom: 0; }
.music-data .msc-img{  }
.music-data .msc-img-fig{  }
.music-data .msc-prof{ }
.music-data .msc-prof .title-label{ font-size: .888em; font-weight: 900; margin-bottom: 0; text-align: center; }
.music-data .msc-prof .title{ font-size: 1.466em; font-weight: 900; margin-bottom: 0; text-align: center; }
.music-data .msc-prof .artist{ font-size: 1.3em; text-align: center; }
.music-data .msc-prof .sale{ font-size: 1.2em; color: #d34617; text-align: center;}
.music-data .msc-prof .data{ font-size: 1.066em; text-align: center;}
.music-data.crt{ display: block; animation: fadeIn 1.0s 0s ease-out both; }
.music-data .ttl4{line-height: 1.2; padding: .2em .2em .2em 0; border-bottom: #98604d dotted 1px; border-left: none;}





.music-list{ max-width: 1000px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; color: #98604d; }
.music-list-col{ width: 44%; margin: 3%; }
.music-list-col .cover{ margin-bottom: 1em; }
.music-list-col .data{ border: rgba(255,255,255,.6) solid 2px; padding: .3em; }
.music-list-col .data > .block{ padding: 1em; background-color: rgba(255,255,255,.9); margin-bottom: .3em; }
.music-list-col .data > .block.block-btm{ margin-bottom: 0; }
.table-music-data th{ font-weight: normal; }
.music-list-col .data > .block .ttl4{line-height: 1.2; padding: .2em .2em .2em 0; border-bottom: #98604d dotted 1px; border-left: none;}


/* special */
.cont-top-special{ }
.cont-top-special .cont-top-content{ background-color: #ffea00; }
.cont-top-special .cont-top-content::after{ content:""; display: block; width: 100%; height: calc(25/36*1em); background:url(../images/common-deco-line1.png) repeat-x center top; background-size: auto calc(25/36*1em) ; position: relative; margin:2px 0; z-index: 1;  }
.special-bg{ width: 100%; min-height: 105%; background: url(../images/top-main/2/vis.jpg) no-repeat center top; background-size: cover; opacity: 1; position: absolute; top:0; z-index: 0; opacity: .6;}
.special-container{ margin-bottom: 1em;}

.btn-bnr > a{ display: block; position: relative; text-decoration: none; border: rgba(255,255,255,.6) solid 2px; padding: .3em; }
.btn-bnr > a::before,.btn-bnr > a::after,.btn-bnr > a > .inner::before,.btn-bnr > a > .inner::after{ content:""; display: block; width: calc(33em * 0.1); height: calc(26.777em * 0.1); background: url(../images/common-flora-l.png) no-repeat center center; background-size: contain; position: absolute; }
.btn-bnr > a::before{ top:.5em; left:.4em;}
.btn-bnr > a::after{ top:.5em; right:.4em; transform:scale(-1, 1);}
.btn-bnr > a > .inner{ border: rgba(255,255,255,.6) solid 2px; background-color: rgba(255,255,255,.1); padding: 1.2em 1em 1.2em 1em; line-height: 1; text-align: center; }
.btn-bnr > a > .inner::before{ bottom:.5em; left:.4em; transform:scale(1, -1);}
.btn-bnr > a > .inner::after{ bottom:.5em; right:.4em; transform:rotateZ(180deg);}
.btn-bnr .text{ display: flex; justify-content: center; align-items: center; min-height: 5em; background-color: rgba(255,255,255,.9); position: relative; z-index: 3;}
.btn-bnr .text > p{ font-size: 1.3em; font-weight: 600; padding: 0; margin-bottom: 0; line-height: 1.3; letter-spacing: .1em; text-align: center; }

.btn-bnr > a { color: #494c3b; }
.btn-bnr > a:hover{ color: #000; background-color: #ffd900; }

/*
.btn-bnr.bgthm > a{ background-size: cover; background-position: center center; }
.btn-bnr.bgthm > a > .inner{ padding: 7em 1em 1.2em 1.2em; min-height: 16em; }
.btn-bnr.bgthm .label{ font-size: .8em; font-family: YakuHanJPs,"M PLUS 1p", "Hiragino Sans", Meiryo, "Yu Gothic Medium", sans-serif; font-weight: 900; margin-bottom: .5em;}
.btn-bnr.bgthm .text{ font-size: .9em; background-color: rgba(255,255,255,.9); padding: .5em 0; line-height: 1.2; }
.btn-bnr.bgthm > a:hover{ color: #e62828; }
*/


/* books */
.cont-top-books{ margin-bottom: 2em;  }
.books-container{}
.books-list{ display: flex; flex-wrap: wrap; justify-content: center; }
.books-list .books-list-col{ width: calc( (100% - 4em) / 5 ); margin-bottom: 1em; margin-right: 1em; }
.books-list .books-list-col:nth-of-type(5n){ margin-right: 0;}
.books-list .books-list-col.lst{ margin-right: 0;}
.books-list .books-list-col .thm{ margin-bottom: .1em; }
.books-list .books-list-col .name{ text-align: right; font-size: .888; margin-bottom: 0; }


/* SUB-PAGE */
.cont-sub-upper{ padding-top: 3em; }
.cont-sub-upper .logo{ width: 30em; margin: 0 auto; }

/* NEWS */
#Page_News .bg-sub{ width: 100%; height: 100vh; background: url(../images/sub-news-bg.png) no-repeat center center; background-size: cover; position: fixed; top:0; }

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

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

■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ 
*/
/* Custom 1920 ----------------------------------------------------------------------------- */
@media (max-width: 1919px) {
}
/* Custom 1400 ----------------------------------------------------------------------------- */
@media (max-width: 1399px) {
body{ font-size: calc((100vw / 1400) * 18); }
}
/* LG ----------------------------------------------------------------------------- */
@media (max-width: 1199px) {

}
/* MD ----------------------------------------------------------------------------- */
@media (max-width: 991px) {
}
/* SM ----------------------------------------------------------------------------- */
@media (max-width: 767px) {
body{ font-size: calc((100vw / 960) * 24); }

/* ---- Structure ---- */
html,body{ min-height:100%; }
body{ background-size: 77.777em; }
/* background */
.bg-flora-1{ width: calc(0.519 * 33em); height: calc(0.519 * 26.777em); top:64vw; left: 0; }
.bg-flora-2{ width: calc(0.519 * 33em); height: calc(0.519 * 26.777em); top:50%; right: 0; }
.bg-flora-3{ width: calc(0.519 * 33em); height: calc(0.519 * 26.777em); top:95%; left: 0; }

/* header */
.part-header{ background:transparent none; }
.part-header::before{ display: none; }
.part-header::after{ display: none; }
.cont-global-navi{ }
.cont-global-navi::before{ display: none;}
.cont-global-navi::after{ display: none; }
.global-navi{ display: none; }
.global-navi::before{ transform: rotateZ(90deg); margin-bottom: 2.5em; }
.global-navi::after{ transform: rotateZ(270deg); }
.global-navi > ul{ flex-wrap: wrap; padding: 0 ; }
.global-navi > ul > li{ width: 100%; margin:0 0 2.0em  0;  }
.global-navi > ul > li.logo{ display: block; width: 60%; margin-bottom: 3em; }
.global-navi > ul > li a{ color: #FFF; }
.global-navi > ul > li a span{ font-size: 2.4em ;}

.cont-sp-btn{ display: block; color:#FFF; width: 4.0em; position: absolute; top:2.5em; right: 1.5em; z-index: 2; }
.cont-sp-btn a{ color: #FFF; }
.cont-sp-btn svg{ fill: currentColor; }
.cont-sp-btn .sp-navi-open{ display: block; }
.cont-sp-btn .sp-navi-close{ display: none; }

.part-header.on{  }
.part-header.on{ background:rgba(0,0,0,.9) none; }
.part-header.on::before{ display: block; background-position: left -.5em; background-size: 10em; opacity: .4; }
.part-header.on::after{ display: block; background-position: right -.5em; background-size: 10em; opacity: .4; }
.part-header.on .cont-global-navi::before{ display: block; height: calc(6/36*1em); border-top: calc(8/36*1em) solid #fefefe; border-bottom: calc(6/36*1em) solid #fefefe; }
.part-header.on .cont-global-navi::after{ display: block; height: calc(6/36*1em); border-top: calc(6/36*1em) solid #fefefe; border-bottom: calc(8/36*1em) solid #fefefe; }
.part-header.on .global-navi{ display: flex; }
.part-header.on .cont-sp-btn .sp-navi-open{ display: none; }
.part-header.on .cont-sp-btn .sp-navi-close{ display: block; }


/* body */
.part-body{ top:0; }

.cont-w1200 > .inner{ width: 90%; }
.pc-navi-padding{ display: none; }
.sub-page .pc-navi-padding{ display: block; }
/* content */

.frame-a{ height: inherit; }
.frame-a > .inner{ height: inherit; }

/* TOP-PAGE */


/* movie */
.movie-navi > div{ width: 33.33%; padding: .5em; }
/*
.cont-top-movie{ display: none; }
.cont-top-movie-sp{ margin-bottom: 2em; display: block; }
*/

/* Onair */
.cont-top-onair .cont-top-content{ background-color: rgba(243,137,202,.3); }
.cont-top-onair .cont-top-content::after{ content:""; display: block; width: 100%; height: calc(25/36*1em); background:url(../images/common-deco-line1.png) repeat-x center top; background-size: auto calc(25/36*1em) ; position: relative; margin:2px 0; z-index: 1;  }
.onair-bg-leaf1{width: calc(33em * 0.6) ; height: calc(26.777em * 0.6) ; }
.onair-bg-leaf2{width: calc(33em * 0.6) ; height: calc(26.777em * 0.6) ; }
.onair-cont-list{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 1em; }
.onair-cont-list > .onair-cont-col{ width: 100%;}
/*
.onair-list .col-a{ width: 100%; }
.onair-list .col-b{ width: 35%; }
.onair-list .col-c{ width: 65%; }
.onair-list .col-d{ width: 65%; margin-left: 35%; }
*/

/* introduction */
/*
.pc-navi-padding.intro-pd{ display: block; }
.cont-top-intro{  }
.intro-container{ width: 100%; }
*/

/* story */
.cont-top-story{ }
/* .cont-top-story .cont-top-content{ background-color: rgba(214,186,0,.2); } */
.story-container{ width: 111.111%; margin: 0 0 0 -5.5555%; }
.story-container::before{ height: calc( 240/36*1em*0.7 ); }
.story-container::after{ height: calc( 200/36*1em*0.7 ); }

.cont-story-navi{ margin-bottom: 1em; padding: 0 5em; }
.cont-story-navi > nav ul li{ padding: .4em ;}
.cont-story-navi > nav ul li a{ padding: .5em 0; width: 2.5em; }
.cont-story-navi > nav ul li.intro a{ padding: .5em .8em; }
.cont-story-navi > nav ul li a span{ font-size: 1.111em; }

.story-data{ display: none;}
.story-data{ padding: 2em; margin: 0 3em; border-radius: 1.5em;}
.story-data .ep-title{ padding: 0 0 1.5em 0; margin-bottom: 1.5em; background-size: calc(1071/30*1em*0.7);  }
.story-data .ep-title > span{ font-weight: 900; font-size: 1.444em; letter-spacing: .1em; }
.story-data .ep-title > span.ep-title-label{ font-size: 0.8em; }
.story-data .ep-staff{ font-size: 1em; color: #5e5340; text-align: center; position: relative; z-index: 2; }
.story-data .ep-staff > p{ font-size: .8em; letter-spacing: .1em; line-height: 2.3; margin-bottom: 0; }
.story-data .ep-text{ font-size: 1em; text-align: center; margin-bottom: 1.5em; position: relative; z-index: 2; }
.story-data .ep-text > p{ font-size: 1.222em; letter-spacing: .1em; line-height: 2; margin-bottom: 0 }
.story-data .ep-slider-sceneImage{ max-width: calc(1280/30*1em); padding: .4em; background-color: #f7f3e7; margin:0 auto 3.5em auto;　-webkit-filter: drop-shadow(0 0 .4em #3a3732); filter: drop-shadow(0 0 .4em #3a3732); position: relative; z-index: 2; }
.story-data .ep-slider-sceneImage .slick-dots{ bottom:-2.9em; }
.story-data.crt{ display: block; animation: fadeIn 1.0s 0s ease-out both; }


.intro-text{ position: relative; z-index: 2;}
.intro-text > p{ font-size:1.222em; line-height: 2; text-align: center; }

/* character */
.cont-top-character{ }
.character-bg-leaf{ top:22em;  }
.character-bg-line{ top:26em;  }
.cont-character-navi{ margin: 0 auto 1em auto; }
.character-navi ul > li{ width: 7em; }
.cont-character-data{ width: 100%; height: inherit; min-height: 52em; position: relative; margin-bottom: 2em; }
.character-data{ position: relative; }
.character-data .chr-img{ width: 100%; position: relative; }
.character-data .chr-prof{ width: 90%; position: relative; top:inherit; left: 0; right: 0; margin: 0 auto; }


/* staffcast */
.pc-navi-padding.staffcast-pd{ display: block; }
.cont-top-staffcast{  }
.staffcast-bg-leaf1{width: calc(33em * 0.6) ; height: calc(26.777em * 0.6) ; }
.staffcast-bg-leaf2{width: calc(33em * 0.6) ; height: calc(26.777em * 0.6) ; }
.staffcast-container{ width: 100%;  }


/* bddvd */
.cont-top-bddvd{ }

.bnf-list{ display: flex; flex-wrap: wrap; margin-bottom: 1em; align-items: flex-start; }
.bnf-list > .item-x1{ width: 25%; margin: 0 ; padding: .5em .25em; display: flex; flex-wrap: wrap; align-items: center; }
.bnf-list > .item-x2{ width: 50%; margin: 0 ; padding: .5em .25em; display: flex; flex-wrap: wrap; align-items: top; }
.bnf-list > .item-x1.x1-dbl{ width: 50%; margin: 0 ; padding: .5em .25em; display: flex; flex-wrap: wrap; align-items: top; }
.bnf-list > .item-x1 .item-col{ width: 100%; }
.bnf-list > .item-x2 .item-col{ width: calc((100% - (0.5em * 1)) / 2); margin-right: .5em; }
.bnf-list > .item-x2 .item-col:last-child{ margin: 0; }

.bnf-list .shop{ width: 100%; font-size: 0.888em; font-weight: 700; line-height: 1.2; padding: .2em .2em .2em 0; border-bottom: #3f2f15 dotted 1px; border-left: none; margin-bottom: .5em; }
.bnf-list .thumb{ /* width: 16em; height: 16em;  */padding:0 .5em 1em .5em; text-align: center; margin: .5em auto 0 auto; background:url(https://majotabi.jp/images/bnf-thumb-bg.png) no-repeat center center; background-size: 100%;}
.bnf-list .thumb{ display: flex; align-items: center; justify-content: center; vertical-align: middle; }
.bnf-list .thumb-np{ display: none; }
.bnf-list .data{ width: 100%; }
.bnf-list .excond{ font-size: 0.666em; background-color:rgba(255,255,255,.1); padding: .2em; letter-spacing: -0.05em; margin-bottom: .3em; }
.bnf-list .name{ font-size: 1.0em; color:#9b8400; letter-spacing: -0.05em; margin-bottom: .3em; font-weight: 700; }
.bnf-list .cond{ font-size: 0.666em; margin-bottom: .3em; border:#3f2f15 solid 1px; display: inline-block; padding: .1em .2em; }
.bnf-list .start{ font-size: 0.777em; }


/* music */
.music-list{ max-width: 1000px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; color: #98604d; }
.music-list-col{ width: 100%; margin: 3%; }



/* books */
.cont-top-books{  }
.books-container{}

.books-list .books-list-col{ width: calc( (100% - 2em) / 3 ); margin-bottom: 1em; margin-right: 1em; }
.books-list .books-list-col:nth-of-type(5n){ margin-right: 1em;}
.books-list .books-list-col:nth-of-type(3n){ margin-right: 0;}

}
/* SM ----------------------------------------------------------------------------- */
@media (orientation: portrait) and (max-width: 767px) {
/* background */
.bg-flora-1{ width: calc(0.519 * 33em); height: calc(0.519 * 26.777em); top:114vw; left: 0; }
.bg-flora-2{ width: calc(0.519 * 33em); height: calc(0.519 * 26.777em); top:54%; right: 0; }
.bg-flora-3{ width: calc(0.519 * 33em); height: calc(0.519 * 26.777em); top:95%; left: 0; }



/* TOP-PAGE */
/* main */
.cont-top-visual{ /* height: 110vw; */ }
.cont-top-visual .kv-container{ height: 100%; }
.cont-top-visual .kv-container .kv-bg{ height: 100%; }
.cont-top-visual .kv-container .kv-bg-exspace{ height: calc( 39.5vw + 20vw ); }

.cont-top-visual .kv-container .kv1 .vis{ width: calc( 100vw * 1.3 ); position: absolute; top:0; bottom:0; left:-16vw }
.cont-top-visual .kv-container .kv1 .chara-b{ width: calc(  14.641vw * 1.3 ); top: calc( 42.428vw); left:  calc( 13.713vw - 8vw);}
.cont-top-visual .kv-container .kv1 .chara-a{ width: calc(  42.57vw * 1.3 ); top: calc( 2.999vw); left:  calc( 51.498vw - 8vw);}
/* .cont-top-visual .kv-container .kv1 .onair{ width: 50vw; position: absolute; top:93vw; left: 26vw;} */
.cont-top-visual .kv-container .kv1 .vis{ animation:fade-in 1.4s 0.1s ease-out backwards;}
.cont-top-visual .kv-container .kv1 .chara-b{ animation:kv-fade-in-down 0.3s 2.2s ease-out backwards,fuwafuwa-b 3s 2.5s ease-in-out infinite;}
.cont-top-visual .kv-container .kv1 .chara-a{ animation:kv-fade-in-down 0.6s 2.1s ease-out backwards,fuwafuwa-a 5s 2.7s ease-in-out infinite;}
.cont-top-visual .kv-container .kv1{ display: none; }

.cont-top-visual .kv-container .kv2 .vis{ width: calc(128.5714% * 1.4); position: absolute; top:0; right: -1%; }
.cont-top-visual .kv-container .kv2 .chara{ width: calc(81.7857% * 1.4); left: 10%;}
.cont-top-visual .kv-container .kv2 .vis{ animation:fade-in 1.4s 0.1s ease-out backwards,kv2-vis-slide-sp 2.4s 1.9s ease-out both;}
.cont-top-visual .kv-container .kv2 .chara{ animation:fade-in 1.0s 0.9s ease-out backwards,kv2-chara-slide-sp 2.4s 1.9s ease-out both;}
@keyframes kv2-vis-slide-sp {
  from { transform:translate(0, 0); }
  to { transform:translate(40%, 0); }
}
@keyframes kv2-chara-slide-sp {
  from { transform:translate(0, 0); }
  to { transform:translate(20%, 0); }
}
.cont-top-visual .kv-container .kv2{ display: none; }

.cont-top-visual .kv-container .kv3 .vis{ width: calc(102.6% * 1.4); position: absolute; top:0; right: -40.5%; }
.cont-top-visual .kv-container .kv3 .chara-a{ width: calc(56.5714% * 1.4); left: 15%;}
.cont-top-visual .kv-container .kv3 .chara-b{ width: calc(28.8214% * 1.4); left: 64%;}
.cont-top-visual .kv-container .kv3 .vis{ animation:fade-in 1.4s 0.1s ease-out backwards,kv3-vis-slide 1.4s 1.9s ease-out both;}
.cont-top-visual .kv-container .kv3 .chara-a{ animation:fade-in 1.0s 0.5s ease-out backwards,kv3-chara-slide 1.8s 1.9s ease-out both;}
.cont-top-visual .kv-container .kv3 .chara-b{ animation:fade-in 1.0s 0.5s ease-out backwards,kv3-chara-slide 1.8s 1.9s ease-out both;}
@keyframes kv3-vis-slide {
  from { transform:translate(0, 0); }
  to { transform:translate(-28.0%, 0); }
}
@keyframes kv3-chara-slide {
  from { transform:translate(0, 0); }
  to { transform:translate(-25vw, 0); }
}
.cont-top-visual .kv-container .kv3{ display: none; }

.cont-top-visual .kv-container .kv4 .vis{ width: calc(120.9285% * 1.4); position: absolute; top:0; right: -65%; }
.cont-top-visual .kv-container .kv4 .chara-a{ width: calc(66.5357% * 1.4); left: 17%;}

.cont-top-visual .kv-container .kv4 .vis{ animation:fade-in 1.4s 0.1s ease-out backwards,kv4-vis-slide 2.4s 1.9s ease-out both;}
.cont-top-visual .kv-container .kv4 .chara-a{ animation:fade-in 1.0s 0.5s ease-out backwards,kv4-chara-slide 2.4s 1.9s ease-out both;}

@keyframes kv4-vis-slide {
  from { transform:translate(0, 0); }
  to { transform:translate(-33.5%, 0); }
}
@keyframes kv4-chara-slide {
  from { transform:translate(0, 0); }
  to { transform:translate(-35%, 0); }
}
.cont-top-visual .kv-container .kv4{ display: none; }

.cont-top-visual .kv-container .kv5 .vis{ width: calc(101.3% * 1.4); position: absolute; top:0; right: 0%; }
.cont-top-visual .kv-container .kv5 .chara-a{ width: calc(59.321% * 1.4); left: 21%;}
.cont-top-visual .kv-container .kv5 .logo{ width: 36.856vw; position: absolute; top:4.928vw; left: 53vw;}
.cont-top-visual .kv-container .kv5 .vis{ animation:fade-in 1.4s 0.1s ease-out backwards,kv5-vis-slide 2.4s 1.9s ease-out both;}
.cont-top-visual .kv-container .kv5 .chara-a{ animation:fade-in 1.0s 0.5s ease-out backwards,kv5-chara-slide 2.4s 1.9s ease-out both;}
.cont-top-visual .kv-container .kv5 .logo{ animation:fade-in 1.0s .9s ease-out backwards;}
@keyframes kv5-vis-slide {
  from { transform:translate(0, 0); }
  to { transform:translate(20%, 0); }
}
@keyframes kv5-chara-slide {
  from { transform:translate(0, 0); }
  to { transform:translate(-20%, 0); }
}
.cont-top-visual .kv-container .kv5{ display: none; }

.cont-top-visual .kv-container .kv6 .vis{ width: calc(114.21% * 1.4); position: absolute; top:0; left: -33%; }
.cont-top-visual .kv-container .kv6 .chara-a{ width: calc(56.392% * 1.4); left: 40%;}
.cont-top-visual .kv-container .kv6 .chara-b{ width: calc(64.821% * 1.4); left: 10%;}
.cont-top-visual .kv-container .kv6 .logo{ width: 36.856vw; position: absolute; top:4.928vw; left: 62vw;}
.cont-top-visual .kv-container .kv6 .vis{ animation:fade-in 1.4s 0.1s ease-out backwards,kv6-vis-slide 1.4s 1.9s ease-out both;}
.cont-top-visual .kv-container .kv6 .chara-a{ animation:fade-in 1.0s 0.5s ease-out backwards,kv6-chara-slide 1.8s 1.9s ease-out both;}
.cont-top-visual .kv-container .kv6 .chara-b{ animation:fade-in 1.0s 0.5s ease-out backwards,kv6-chara-slide-b 1.8s 1.9s ease-out both;}
.cont-top-visual .kv-container .kv6 .logo{ animation:fade-in 1.0s .9s ease-out backwards;}
@keyframes kv6-vis-slide {
  from { transform:translate(0, 0); }
  to { transform:translate(14%, 0); }
}
@keyframes kv6-chara-slide {
  from { transform:translate(0, 0); }
  to { transform:translate(-23vw, 0); }
}
@keyframes kv6-chara-slide-b {
  from { transform:translate(0, 0); }
  to { transform:translate(-19vw, 0); }
}
.cont-top-visual .kv-container .kv6{ display: none; }

.cont-top-visual .kv-container .kv7 .vis{ width: calc(100.57% * 1.4); position: absolute; top:0; left: -33%; }
.cont-top-visual .kv-container .kv7 .chara-a{ width: calc(61.428% * 1.4); left: 4%;}
.cont-top-visual .kv-container .kv7 .logo{ width: 36.856vw; position: absolute; top:4.928vw; left: 62vw;}
.cont-top-visual .kv-container .kv7 .vis{ animation:fade-in 1.4s 0.1s ease-out backwards,kv7-vis-slide 1.4s 1.9s ease-out both;;}
.cont-top-visual .kv-container .kv7 .chara-a{ animation:fade-in 1.0s 0.5s ease-out backwards,fuwafuwa-b 3s 0.5s ease-in-out infinite;}
.cont-top-visual .kv-container .kv7 .logo{ animation:fade-in 1.0s .9s ease-out backwards;}
@keyframes kv7-vis-slide {
  from { transform:translate(0, 0); }
  to { transform:translate(23%, 0); }
}

.cont-top-visual .kv-container .kv7{ display: none; }

.cont-top-visual .kv-container .kv8 .vis{ width: 100%; position: absolute; top:0; left: 0; }
.cont-top-visual .kv-container .kv8 .chara-a{ width: 100%; left: 0%; top:10%;}
.cont-top-visual .kv-container .kv8 .logo{ width: 36.856vw; position: absolute; top:4.928vw; left: 9.498vw;}
.cont-top-visual .kv-container .kv8 .vis{ animation:fade-in 1.4s 0.1s ease-out backwards,kv8-vis-slide-sp 1.4s 1.9s ease-out both;}
.cont-top-visual .kv-container .kv8 .chara-a{ animation:fade-in 1.0s 0.5s ease-out backwards,fuwafuwa-b 3s 0.5s ease-in-out infinite;}
.cont-top-visual .kv-container .kv8 .logo{ animation:fade-in 1.0s .9s ease-out backwards;}
@keyframes kv8-vis-slide-sp {
  from { transform:translate(0, 0); }
  to { transform:translate(0,-1.0%); }
}
.cont-top-visual .kv-container .kv8{ display: none; }


.cont-top-visual .kv-container .kv9 .vis{ width: calc(110% * 1.27); position: absolute; top:0; left: -10%; }
.cont-top-visual .kv-container .kv9 .chara-a{ width: calc(45.5% * 1.45); left: 1%; top:3%;}
.cont-top-visual .kv-container .kv9 .logo{ width: 36.856vw; position: absolute; top:4.928vw; left: 62vw;}
.cont-top-visual .kv-container .kv9 .vis{ animation:fade-in 1.4s 0.1s ease-out backwards,kv9-vis-slide 2.4s 1.9s ease-out both;}
.cont-top-visual .kv-container .kv9 .chara-a{ animation:fade-in 1.0s 0.5s ease-out backwards,kv9-chara-slide 2.4s 1.9s ease-out both;}
.cont-top-visual .kv-container .kv9 .logo{ animation:fade-in 1.0s .9s ease-out backwards;}
@keyframes kv9-vis-slide {
  from { transform:translate(0, 0); }
  to { transform:translate(-20.5%, 0); }
}
@keyframes kv9-chara-slide {
  from { transform:translate(0, 0); }
  to { transform:translate(4%, 0); }
}
.cont-top-visual .kv-container .kv9{ display: none; }




.cont-top-visual .kv-container .kv1 .logo,
.cont-top-visual .kv-container .kv2 .logo,
.cont-top-visual .kv-container .kv3 .logo,
.cont-top-visual .kv-container .kv4 .logo,
.cont-top-visual .kv-container .kv5 .logo,
.cont-top-visual .kv-container .kv6 .logo,
.cont-top-visual .kv-container .kv7 .logo,
.cont-top-visual .kv-container .kv8 .logo,
.cont-top-visual .kv-container .kv9 .logo{ width: calc(2 *  36.856vw); top:71vw; left: 14vw; display: none;}

.cont-top-visual .kv-container .op{ background: url(../images/top-main/btm-grad.png) repeat-x left 81vw ; background-size: 20vw; }
.cont-top-visual .kv-container .op .logo{ width: calc( 2 *  36.856vw ); top:33vw; }
/* .cont-top-visual .kv-container .op .oa{ width: 70%; top:59vw; } */
.s3 .cont-top-visual .kv-container .op .logo{ animation:s3-oa-slide 1.5s 0s ease-out both; opacity: 1; }
@keyframes s3-oa-slide {
  from { transform:translate(0, 0); }
  to { transform:translate(0, 64vw); }
}

.cont-top-visual-th{ width: 100%; display: flex; justify-content: center; position: absolute; top:calc(102vw + 22vw ); }
.cont-top-visual-th > div{ width: 16vw; padding: .1vw; }

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

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

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

}