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

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

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

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: 20; }
.part-body{ position: relative; }
.part-footer{ position: relative; }


/* background */
#Background .bg-motion{ width: 100%; height: 100vh; background:url(../images/bg-motion-hmn.gif) no-repeat center top; background-size: cover;  position: fixed; top:0; }
#Background .bg-motion img{ width: 100%; height: auto; }
/* #Background .bg-motion-ptn{ width: 100%; height: 100vh; background: rgba(0,0,0,.2) url(../images/common-motion-bg.png) repeat; background-size: 6px; position: fixed; top:0; } */
#Background .bg-motion-ptn{ display: none; }
#Background .bg-art{ width: 100%; height: 100vh; background-size: 100% auto; background-repeat: no-repeat; background-position: center top; position: fixed; top:0; }

/* foreground */
#Foreground .log-select{ width: 100%; height: 100vh; position: fixed; top:0; overflow: auto; background-color: #000; display: flex;flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; pointer-events: all; }
#Foreground .log-select .login,
#Foreground .log-select .logout{ width: 18em; margin: 0 1em; line-height: 1; }
#Foreground .log-select .login a,
#Foreground .log-select .logout a{ display: block; }
#Foreground .log-select .login a:hover{ background-color:rgba(0,158,150,.5); }
#Foreground .log-select .logout a:hover{ background-color:rgba(230,40,40,.5); }

#Foreground .log-select .login{ animation:bounceInUp 1.0s 0s 1 ease-out both; }
#Foreground .log-select .logout{ animation:bounceInUp 1.0s .25s 1 ease-out both; }


#Foreground .log-screen{ width: 100%; height: 100vh; position: fixed; top:0; overflow: auto; display: none; }
#Foreground .log-screen p{ color: #FFF; font-weight: 700; font-size: 1em; font-family: sans-serif; letter-spacing: .1em; animation:log-screen-loading 1.0s 0s infinite ease-out backwards; }
#Foreground .log-screen .login{ display: none; }
#Foreground .log-screen .logout{ display: none; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; width: 100%; height: 100%; background-color: #000; }
#Foreground .log-screen .logout .text{ width: 100%; text-align: center; }
#Foreground .log-screen .logout::after{ content:""; display: block; width: 100%; height: 2px; background-color: #FFF; animation:log-screen-on 3.0s 0s 1 linear backwards; }

#Foreground .log-screen.start{ display: block; }
#Foreground .log-screen.start .login{ display: none; }
#Foreground .log-screen.start .logout{ display: flex; }

#Foreground .log-select.submit .login{ animation:bounceOutUp .75s 0s 1 ease-out both; }
#Foreground .log-select.submit .logout{ animation:bounceOutUp .75s .25s 1 ease-out both; }

#Foreground .log-select.end{ display: none; }
#Foreground .log-screen.end .logout{ animation:log-screen-on 1.0s 1.0s 1 reverse ease-out both; }
#Foreground .log-screen.end .logout .text{ animation:fadeOut 1.0s 0s 1 ease-out both;  }
#Foreground .log-screen.end .logout::after{ animation:fadeOut 1.0s 0s 1 ease-out both; }

@keyframes log-screen-loading {
  0% { opacity: 0; }
  25% { opacity: 1; }
  75% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes log-screen-on {
  0% { width: 0; }
  100% { width: 100%; }
}

/* header */
.part-header{ position: absolute; top:0; }
.cont-global-navi{ width: calc( 460 / 3000 * 100% ); position: absolute; top: 1.5vw; left: 1.5vw; }
.init .cont-global-navi{ display: none; }
.init.s3 .cont-global-navi{ display: block; }

.global-navi-lang{ margin-bottom: .2em; padding-bottom: .1em; }
.global-navi-lang > ul{ display: block; list-style-type: none; padding: 0; margin: 0; position: relative; }
.global-navi-lang > ul > li{ display: block; margin: 0; padding: 0; }
.global-navi-lang > ul > li div{ display: block; font-weight: 900; width: 100%; height: 4em; }
.global-navi-lang > ul > li div a{ position: relative; display: block; width: 50%; }
.global-navi-lang > ul > li div a span{ font-size: .8em; }
.global-navi-lang > ul > li:first-child div{ position: relative; pointer-events: none; }
.global-navi-lang > ul > li:first-child div:before{ content:""; display: block; width: 0;height: 0;border-style: solid;border-width: 4em 15.3em 0 0;border-color: rgba(255,255,255,.2) transparent transparent transparent; position: absolute; top:0; left:0; pointer-events: none; }
.global-navi-lang > ul > li.crt:first-child div:before{ border-color: rgba(230,40,40,.7) transparent transparent transparent;  }
.global-navi-lang > ul > li:first-child div a{ padding: .5em 0 0 1.5em; color: #000; pointer-events: all;}
.global-navi-lang > ul > li.crt:first-child div a{ color: #fff;}
.global-navi-lang > ul > li:last-child div{ position: relative; position: absolute; top:0.1em; pointer-events: none; }
.global-navi-lang > ul > li:last-child div:before{ content:""; display: block; width: 0;height: 0;border-style: solid;border-width: 0 0 4em 15.3em ;border-color: transparent transparent rgba(255,255,255,.2) transparent; position: absolute; bottom:0; right:0; pointer-events: none; }
.global-navi-lang > ul > li.crt:last-child div:before{ border-color: transparent transparent rgba(230,40,40,.7) transparent; }
.global-navi-lang > ul > li:last-child div a{ padding: 2em 1.5em 0 0; margin: 0 0 0 auto; color: #000; text-align: right; pointer-events: all; }
.global-navi-lang > ul > li.crt:last-child div a{ color: #fff; }

.global-navi{ background-color: rgba(255,255,255,.2); }
.global-navi > ul{ display: block; list-style-type: none; padding: 1em; margin: 0; }
.global-navi > ul > li{ display: block; background: url(../images/common-global-navi-icon.png) no-repeat left center; background-size: auto 50%; padding-left: 1em; margin-bottom: .8em; }
.global-navi > ul > li a{ font-weight: 900;  }
.global-navi > ul > li a,.global-navi > ul > li a:visited{ color: #000; }
.global-navi > ul > li a:hover,.global-navi > ul > li a:active{ color: #e62828; }
.global-navi > ul > li a span{ font-size: 1.066em; letter-spacing: 0.05em; }

.cont-skin-btn{ width: 100%; display: block; padding-top: 1em; position: relative;}
.cont-skin-btn .skin-btn-login{ display: none; }
.cont-skin-btn .skin-btn-logout{ display: block; }

.fix-nav .cont-global-navi{ width: 100vw; position: fixed; top:0; left: inherit; }
.init.fix-nav .cont-global-navi{ display: block; }
.fix-nav .global-navi-lang{ margin-bottom: inherit; width: calc( 400 / 3000 * 100% ); }
.fix-nav .global-navi-lang > ul > li div{ height: 3.2em; }
.fix-nav .global-navi-lang > ul > li:first-child div:before{ border-width: 3.2em 13em 0 0; border-color: rgba(255,255,255,.7) transparent transparent transparent;}
.fix-nav .global-navi-lang > ul > li.crt:first-child div:before{ border-color: rgba(230,40,40,.7) transparent transparent transparent;  }
.fix-nav .global-navi-lang > ul > li:first-child div a{ padding: .3em 0 0 .8em; }
.fix-nav .global-navi-lang > ul > li:last-child div:before{ border-width: 0 0 3.2em 13em ; border-color: transparent transparent rgba(255,255,255,.7) transparent;}
.fix-nav .global-navi-lang > ul > li.crt:last-child div:before{ border-color: transparent transparent rgba(230,40,40,.7) transparent; }
.fix-nav .global-navi-lang > ul > li:last-child div a{ padding: 1.2em .8em 0 0; }
.fix-nav .global-navi{ width: calc( 100vw - (400 / 3000 * 100%) - 0.2em - (400 / 3000 * 100%) - 0.2em ); height: 3.3em; position: absolute; top:0; left: calc((400 / 3000 * 100%) + 0.2em); background-color: rgba(255,255,255,.7); }
.fix-nav .global-navi > ul{ padding: .9em 0 0 .3em; margin: 0; }
.fix-nav .global-navi > ul > li{ display: inline-block; padding-left: 1.0em; margin-bottom: inherit; padding-right: 0; }
.fix-nav .global-navi > ul > li:first-child{ background-image: none; }
.fix-nav .global-navi > ul > li a span{ font-size: 1.0em; letter-spacing: 0.01em; }
.fix-nav .cont-skin-btn{ width: calc( 400 / 3000 * 100% ); display: block; padding-top: 0; position: absolute; top:0; right: 0;}


.cont-sp-btn{ width: 100%; display: block; }
.cont-sp-btn{ width: 2.26em; height: 1.366em; margin: 0; top:1.3em; right: 2em; display: block; position: absolute; }
.cont-sp-btn .sp-navi-open{ display: block; }
.cont-sp-btn .sp-navi-close{ display: none; }

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

.cont-subnavi{ }
.cont-subnavi > nav ul{ display: flex; flex-wrap: wrap; justify-content: center; list-style-type: none; margin: 0; padding: 0; }
.cont-subnavi > nav ul li{ display: inline-block; margin: 0; padding: 0 .5em 0 1.2em; background: url(../images/common-subnavi-dots.png) no-repeat left .7em; background-size: .6333em auto; }
.cont-subnavi > nav ul li:first-child,
.cont-subnavi > nav ul li.hd,
.cont-subnavi > nav ul li.hd-pc{ padding: 0 .5em 0 0; background-image: none; }
.cont-subnavi > nav ul li.hd-sp{ }
.cont-subnavi > nav ul li a,.cont-subnavi > nav ul li a:hover{ color: inherit; }
.cont-subnavi > nav ul li a span{ font-size: 1.333em; font-weight: 900; }
.cont-subnavi > nav ul li.crt a{ opacity: .5; pointer-events: none;  }

.cont-subnavi-cursor{ width: 100vw; height: 13vw; position: absolute; left: calc( (16.6665vw * -1) - 2.5em); z-index: 1; pointer-events: none; }
.subnavi-cursor{ width: 100%; min-height: 100%; position: relative; pointer-events: none; }
.subnavi-cursor > ul{ display: block; list-style-type: none; width: 100%; min-height: 100%; position: relative; margin: 0; padding: 0; }
.subnavi-cursor > ul > li{ width: calc( 121 / 30 * 1em ) ; height: calc( 200 / 30 * 1em ) ; display: block; position: absolute; }
.subnavi-cursor > ul > li.left{ top:3em; left: 12em; }
.subnavi-cursor > ul > li.right{ top:3em; right: 12em; }
.subnavi-cursor > ul > li a{ display: block; width: 100%; min-height: 100%; position: relative; pointer-events: all; }
.subnavi-cursor > ul > li.left a{ background: url(../images/common-cursor-l.png) no-repeat center center; background-size: contain; }
.subnavi-cursor > ul > li.right a{ background: url(../images/common-cursor-r.png) no-repeat center center; background-size: contain; }
.subnavi-cursor > ul > li.off a{ display: none; }
.subnavi-cursor > ul > li a:hover{ text-decoration: none; opacity: .8; }

/* body */
.cont-upper{ position: relative; }
.cont-middle{ position: relative; }
.cont-w800{ width: 100%; max-width: 800px; margin: 0 auto; position: relative; }
.cont-w1055{ width: 100%; max-width: 1055px; margin: 0 auto; position: relative; }
.cont-w1200{ width: 100%; max-width: 1200px; margin: 0 auto; position: relative; }
.cont-w1200 > .inner{ width: 93.333%; margin: 0 auto; }
.cont-w1400{ width: 100%; max-width: 1400px; margin: 0 auto; position: relative; }


/* footer */
.part-footer{ }
.cont-global-footer{ margin: 0 auto; padding: 7em 0 .5em 0; position: relative; text-align: center; }
.top-page .cont-global-footer{ background: #000; color:#FFF; }
.footer-copyrihgt{ text-align: center; }
.footer-copyrihgt p{ font-size: 1em; font-weight: 900; margin-bottom: .3em; }
.footer-space{ height: 7em; }
.footer-pagetop{ width: calc( 200/30 * 1em ); height: calc( 121/30 * 1em ); position: fixed;  bottom:2.5em; left:0; right:0; margin: 0 auto; z-index: 10; overflow: hidden; }

.footer-pagetop a{ display: block; position: relative;}
.footer-pagetop{ opacity: 0;}
.footer-pagetop.start{ animation: anm-pagetop-btn .5s 0s ease-out both running;}
/* anm-pagetop-line */
@-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;}



/* content */



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

.fnt-color-0{ color: #000; }
.fnt-color-1{ color: #848484; }
.fnt-color-2{ color: #e62828; }

.ttl1{ background-color: #000; color: #FFF; font-weight: 900; }

.text-sdw-k1{text-shadow:1px 1px 1px #000000;}
.text-sdw-w1{text-shadow:1px 1px 1px #ffffff;}

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

.btn1{ display: inline-block; background: #000; position: relative; }
.btn1 > .inner{ display: inline-block; width: 100%; min-height: 100%; position: relative; }
.btn1 > .inner > a{ display: inline-block; width: 100%; min-height: 100%; padding: .5em 1em; color: #FFF; }
.btn1 > .inner > a:hover{ background-color: #e62828; color: #FFF; }
.btn1 > .inner > a > p{ margin-bottom: 0; }

.btn-bnr > a{ display: block; position: relative; padding: .5em; text-decoration: none; background-color: #FFF; }
.btn-bnr > a::before,.btn-bnr > a::after,.btn-bnr > a > .inner::before,.btn-bnr > a > .inner::after{ content:""; display: block; width: 2em; height: 2em; background: url(../images/common-bnr-btn-bg.png) no-repeat center center; background-size: contain; position: absolute; }
.btn-bnr > a::before{ top:.9em; left:.9em;}
.btn-bnr > a::after{ top:.9em; right:.9em; transform:rotateZ(90deg);}
.btn-bnr > a > .inner{ border: #000 solid .18em; padding: 1.2em 1em 2em 1.2em; line-height: 1; text-align: center; }
.btn-bnr > a > .inner::before{ bottom:.9em; left:.9em; transform:rotateZ(270deg);}
.btn-bnr > a > .inner::after{ bottom:.9em; right:.9em; transform:rotateZ(180deg);}
.btn-bnr .label{ font-size: .888em; margin-bottom: 1em; font-family: base-9-sans, sans-serif; font-weight: 700; font-style: normal; letter-spacing: .1em}
.btn-bnr .text{ font-size: 1.733em; font-weight: 900; margin-bottom: 0; line-height: 1.3; }
.btn-bnr > a { color: #000; }
.btn-bnr > a:hover{ color: #fff; background-color: #000; }

.btn-bnr2 > a{ display: block; position: relative; padding: .3em; text-decoration: none; background-color: #FFF; }
.btn-bnr2 > a::before,.btn-bnr2 > a::after,.btn-bnr2 > a > .inner::before,.btn-bnr2 > a > .inner::after{ content:""; display: block; width: 1em; height: 1em; background: url(../images/common-bnr-btn-bg.png) no-repeat center center; background-size: contain; position: absolute; }
.btn-bnr2 > a::before{ top:.6em; left:.6em;}
.btn-bnr2 > a::after{ top:.6em; right:.6em; transform:rotateZ(90deg);}
.btn-bnr2 > a > .inner{ border: #000 solid .18em; padding: 1em 1em 1em 1em; line-height: 1; text-align: center; }
.btn-bnr2 > a > .inner::before{ bottom:.6em; left:.6em; transform:rotateZ(270deg);}
.btn-bnr2 > a > .inner::after{ bottom:.6em; right:.6em; transform:rotateZ(180deg);}
.btn-bnr2 .text{ font-size: 1.2em; font-weight: 900; margin-bottom: 0; line-height: 1.3; }
.btn-bnr2 > a { color: #000; }
.btn-bnr2 > a:hover{ color: #fff; background-color: #000; }


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

/* entry */
.cont-entries{ max-width: 60em; margin: 0 auto; padding-bottom: 3em; }
.content-entry{ background-color: rgba(255,255,255,.8); box-sizing: border-box; margin-bottom: 3em; }
.content-entry:last-child{margin-bottom: 0;}
.content-entry .entry-head{ padding: 2.5em 2.5em 0 2.5em ;  }
.content-entry .entry-date{ background: url(../images/news/date-icon.png) no-repeat left center; background-size: auto 80%; padding-left: 1.5em; font-weight: normal; margin-bottom: .8em; }
.content-entry .entry-date > span{ font-size: .888em; }
.content-entry .entry-title{ font-size: 1em; color: #000; padding: 0 ; letter-spacing: .05em; }
.content-entry .entry-title > span{ font-size: 1.466em; font-weight: bold; display: block; }
.content-entry .entry-body{ font-size: 1.1em; color: #000; padding: 1em 2.5em 2.5em 2.5em ; line-height: 1.8; letter-spacing: 0.05em; }

/* accordion */
.cont-accordions{ max-width: 60em; margin: 0 auto; padding-bottom: 3em; }
.content-accordion{ background-color: rgba(255,255,255,.8); box-sizing: border-box; padding: .5em 1em; }
.content-accordion:first-child{padding-top: 1em;}
.content-accordion:last-child{padding-bottom: 1em;}
.content-accordion .acd-head{ }
.content-accordion .acd-head > label{ display: block; position: relative; padding: 0; text-decoration: none; background-color: #FFF; margin: 0; line-height: 1; letter-spacing: 0; }
.content-accordion .acd-head > label::before,.content-accordion .acd-head > label::after,.content-accordion .acd-head > label > p::before,.content-accordion .acd-head > label > p::after{ content:""; display: block; width: 1.8em; height: 1.8em; background: url(../images/common-accordion-label-bg.png) no-repeat center center; background-size: contain; position: absolute; }
.content-accordion .acd-head > label::before{ top:.6em; left:.6em;}
.content-accordion .acd-head > label::after{ top:.6em; right:.6em; transform:rotateZ(90deg);}
.content-accordion .acd-head > label > p{ border: #000 solid .18em; padding: 1.4em 1.2em 1.4em 1.2em; margin: 0; line-height: 1; text-align: center; }
.content-accordion .acd-head > label > p::before{ bottom:.6em; left:.6em; transform:rotateZ(270deg);}
.content-accordion .acd-head > label > p::after{ bottom:.6em; right:.6em; transform:rotateZ(180deg);}
.content-accordion .acd-head .label{ font-size: 1.733em; font-weight: 900; margin-bottom: 0; line-height: 1.3; background: url(../images/common-accordion-pls.png) no-repeat .1em .25em; background-size: 1em; padding-left: 1.5em; }
.content-accordion .acd-head .new{ font-size: 1em; font-weight: 900; padding-left: .5em; color:#e62828; animation: flash 2s infinite;}

.content-accordion .acd-body{ background-color: #FFF; font-size: 1.1em; color: #000; padding: 1em 2.5em 2.5em 2.5em ; line-height: 1.8; letter-spacing: 0.05em; }

/*
.acd-label{ background: url(../images/common-accordion-pls.png) no-repeat .1em .9em; background-size: 1em; padding-left: 1.5em; }
.acd-label:hover{ cursor: pointer; }
*/
.content-accordion .acd-check{ display: 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-label{ display: none; }


.modal-data{ display: none; }
.content-modal{ color: #FFF; }
.content-modal .modal-body{ padding: 0; }

.dots{ width: 2.222em; height: 2.222em; margin: 0 auto 3.0em auto; background: url(../images/common-dots.png) no-repeat center center; background-size: 100% 100%; }
.dots2{ width: 2.222em; height: 2.222em; margin: 0 auto 3.0em auto; background: url(../images/top-dots2.png) no-repeat center center; background-size: 100% 100%; }

/* colorbox customize */
#colorbox{}
#cboxOverlay{background:rgba(0,0,0,1);}
#cboxContent{/*  margin:3.61em 2.22em 0 2.22em; */ background:rgba(0,0,0,0); position: relative;}
#cboxLoadedContent{ padding:3.61em 2.22em 0 2.22em; border:none; background:rgba(0,0,0,0); }

#cboxClose{top: 0 /* -3.61em */ ; right: 0 /* 0.27em */ ; display:block; background:url(../images/lib/colorbox/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-k.gif); }
/*
■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ 

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

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

/* TOP-PAGE */

.cont-top-content{ width: 66.666%; margin: 0 auto; }
.cont-top-content > .inner{ padding: 4em 2.5em; }
.content-modal .cont-top-content > .inner{ padding: 1em; }
.top-subtitle{ font-size: 1em; margin-bottom: 2.5em; padding: 0; box-sizing: border-box; text-align: center; }
.top-subtitle > span{ font-size: 3.3em; letter-spacing: .1em; font-family: base-9-sans, sans-serif; font-weight: 700; font-style: normal;}

/* main */
.cont-top-visual{ width: 100%; position: relative; overflow: hidden; }
.cont-top-visual .kv-container{  position: relative; }
.cont-top-visual .kv-container > div{ position: absolute; top:0; }
.cont-top-visual .kv-container .bg{ position: relative; background-color: #000; }
/* .cont-top-visual .kv-container .vis{ width: 100%; position: absolute; top:0;  } */
.cont-top-visual .kv-container .vis{ width: 100%; height:100%; background: url(../images/main/hmn1/kv.jpg) no-repeat center center; background-size: cover; position: absolute; top:0;  }

/*
.cont-top-visual .kv-container .catch{ width: calc( 1869 / 3200 * 100% ); position: absolute; top:2vw; left: 0; right: 0; margin: 0 auto;}
.cont-top-visual .kv-container .oa{ width: calc( 1353 / 3200 * 100% ); position: absolute; top:53vw; left: 0; right: 0; margin: 0 auto;}
.cont-top-visual .kv-container .logo{ width: calc( 1908 / 3200 * 100% ); position: absolute; top:34vw; left: 0; right: 0; margin: 0 auto;}
*/
.cont-top-visual .kv-container .catch{ width: calc(2000/30*1em); height: calc(160/30*1em); background: url(../images/main/hmn1/catch.png) no-repeat center center; background-size: cover; position: absolute; top:2vw; left: 0; right: 0; margin: 0 auto;}
.cont-top-visual .kv-container .oa{ width: calc(2000/30*1em); height: calc(160/30*1em); background: url(../images/main/hmn1/oa.png) no-repeat center center; background-size: cover; position: absolute; top:53vw; left: 0; right: 0; margin: 0 auto;}
.cont-top-visual .kv-container .logo{ width: calc(2000/30*1em); height: calc(500/30*1em); background: url(../images/main/hmn1/logo.png) no-repeat center center; background-size: cover; position: absolute; top:34vw; left: 0; right: 0; margin: 0 auto;}

.cont-top-visual .kv-container .loading{ width: 100%; font-size: 2em; color: #848484; font-family: base-9-sans, sans-serif; font-weight: 700; font-style: normal; letter-spacing: .5em; text-align: center; top:27vw;animation:kv-loading 1.0s 0s infinite ease-out backwards; }
@keyframes kv-loading {
  0% { opacity: 0; }
  25% { opacity: 1; }
  75% { opacity: 1; }
  100% { opacity: 0; }
}
.cont-top-visual .kv-container .loading{ display: none; }
/*
.cont-top-visual .kv-container .catch-w{ width: calc( 1869 / 3200 * 100% * 1.5 ); position: absolute; top:26vw; left: 0; right: 0; margin: 0 auto;}
.cont-top-visual .kv-container .catch-w-fx{ width: calc( 1869 / 3200 * 100% * 1.5 ); position: absolute; top:26vw; left: 0; right: 0; margin: 0 auto;}
*/
.cont-top-visual .kv-container .catch-w{ width: calc(2000/30*1em * 1.5); height: calc(160/30*1em * 1.5); background: url(../images/main/hmn1/catch-fxw.png) no-repeat center center; background-size: cover; position: absolute; top:26vw; left: 0; right: 0; margin: 0 auto;}
.cont-top-visual .kv-container .catch-w-fx{ width: calc(2000/30*1em * 1.5); height: calc(160/30*1em * 1.5); background: url(../images/main/hmn1/catch.png) no-repeat center center; background-size: cover; position: absolute; top:26vw; left: 0; right: 0; margin: 0 auto;}

.init #Background .bg-motion{ display: none; }
.init .cont-top-visual .kv-container .vis{ opacity: 0; }
.init .cont-top-visual .kv-container .catch{ opacity: 0; }
.init .cont-top-visual .kv-container .oa{ opacity: 0; top:34vw; }
.init .cont-top-visual .kv-container .logo{ opacity: 0; top:19vw; }
.init .cont-top-visual .kv-container .catch-w{ opacity: 0; }
.init .cont-top-visual .kv-container .catch-w-fx{ opacity: 0; }

.s1 .cont-top-visual .kv-container .loading{ animation:fadeOut 0.8s 0s ease-out both; }
.s1 .cont-top-visual .kv-container .catch-w{ animation:fadeIn 0.8s 1.0s ease-out both; }
.s1 .cont-top-visual .kv-container .catch-w-fx{ animation:fadeIn 0.5s 2.0s ease-out both; }
.s1 .cont-top-visual .kv-container .vis{ transition: 8s opacity ease-in-out 0.5s; opacity: 1; }
.s1 #Background .bg-motion{ display: block; }

.s2 .cont-top-visual .kv-container .catch-w{ animation:fadeOut 0.5s 0s ease-out both; }
.s2 .cont-top-visual .kv-container .catch-w-fx{ animation:fadeOut 0.5s 0s ease-out both; }
.s2 .cont-top-visual .kv-container .oa{ animation:fadeInUp 1.0s 1.0s ease-out both; }
.s2 .cont-top-visual .kv-container .logo{ animation:fadeInDown 1.0s 1.0s ease-out both; }

.s3 .cont-top-visual .kv-container .oa{ transition: 1.1s top ease-in-out 0s; top: 53vw; }
.s3 .cont-top-visual .kv-container .logo{ transition: 1.1s top ease-in-out 0s; top: 34vw; }
.s3 .cont-top-visual .kv-container .catch{ animation:fadeInDown 1.0s 1.0s ease-out both; }



/* news twitter */
.cont-top-news-twitter{ width: 16.6665%; position: absolute; top:1.5vw; right: 0; color: #FFF; }
.cont-top-news-twitter > .inner{  }
.cont-top-news,
.cont-top-twitter{ width: 100% ; background: rgba( 0,0,0,.2 ); }
.init .cont-top-news-twitter{ display: none; }
.init.s3 .cont-top-news-twitter{ display: block; }

/* news */
.cont-top-news{ margin-bottom: 1em; }
.news-container{ padding: 1em; }
.news-container dl{  margin-bottom: 1.2em; }
.news-container dl:last-child{ margin: 0;}
.news-container dl dt{ background: url(../images/news/date-icon-w.png) no-repeat left center; background-size: auto 60%; padding-left: 1.1em; font-weight: normal; }
.news-container dl dt > span{ font-size: .888em; }
.news-container dl dd{ font-size: .888em; line-height: 1.4; }
.news-container dl dd a,
.news-container dl dd a:visited{ text-decoration: none; color: inherit; }
.news-container dl dd a:hover{ text-decoration: underline; color: inherit; }

/* twitter */
.cont-top-twitter{ padding: 1.5em; }
.twitter-widget-container{ height: 100%; position: relative; overflow: hidden; }
.twitter-widget-container iframe{ min-height: 100%; }



/* introduction */
.cont-top-introduction{ color: #FFF; overflow: hidden; }
.cont-top-introduction .cont-top-content > .inner{ /* background-color: rgba(0,0,0,.5); */ }
.intro-bg{ position: absolute; top:0; background-color: #000; }
.intro-bg img{ opacity: .5; }
.intro-bg-cbg{ display: none; }
.intro-text{ font-size: 1.388em; font-weight: 900; letter-spacing: .1em; line-height: 2.3; }



/* onair */
.cont-top-onair{ background: #000 url(../images/onair/bg.jpg) no-repeat center top; background-size: cover; color: #FFF; }
.onair-bg-cbg{ display: none; }
.onair-subtitle{ font-size: 1em; margin-bottom: 1.5em; text-align: center; font-weight: 900; color: #e62828; }
.onair-subtitle > span{ font-size: 0.8em;}
.onair-text{ text-align: center; font-weight: 900; letter-spacing: .1em; }
.onair-text .oa-text1{ font-size: 3em; margin-bottom: 0; }
.onair-text .oa-text2{ font-size: 2em; }
.onair-text .oa-text3{ font-size: 1.6em; }
.onair-text-en{  }
.onair-text-en .oa-text1{ font-size: 2.8em; margin-bottom: 0; }
.onair-text-en .oa-text2{ font-size: 1.8em; }
.onair-text-en .oa-text3{ font-size: 1.4em; }
.onair-text-en a{ color: #FFF; }
.onair-text-en a:hover{ color: #e62828; }
.onair-text-en .oa-funi{ display: block; width: 30em; padding: 1em; margin: 0 auto 1em auto; 
-webkit-filter:drop-shadow(0px 0px .4em rgba(255,255,255, 1));
filter:drop-shadow(0px 0px .4em rgba(255,255,255, 1)); 
}
.onair-list{ display: flex; flex-wrap: wrap; justify-content: center; text-align: left; border-bottom: #e5e5e5 solid 1px; padding: 1.333em 0; }
.onair-list.first{ border-top: #e5e5e5 solid 1px; }
.onair-list .col-a{ width: 23.25%; }
.onair-list .col-b{ width: 23.25%; }
.onair-list .col-c{ width: 53.5%; }
.onair-list .col-d{ width: 53.5%; margin-left: 46.5%; }
.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.2em; margin: 1.0em 0 0.1em 0;}
.onair-list a{ text-decoration: none; }
.onair-list a:hover{ color: #e62828;  }

.onair-list-regst{ display: flex; flex-wrap: wrap; justify-content: center; text-align: left; border-top: #e5e5e5 solid 1px; border-bottom: #e5e5e5 solid 1px; padding: .7em 0; }
.onair-list-regst > div{ padding: .7em 1.4em; }
.onair-list-regst a{ color: #FFF; text-decoration: none; font-size: 1.2em; }
.onair-list-regst a:hover{ color: #e62828;  }



/* story */
.cont-top-story{ color: #FFF; overflow: hidden; }
.cont-top-story{ background: rgba(0,0,0,.2) url(../images/common-motion-bg.png) repeat; background-size: 6px; }
.cont-top-story .cont-top-content > .inner{ background-color: rgba(0,0,0,.7); }
.story-bg{ position: absolute; top:0; }
.story-text{ font-size: 1.388em; font-weight: 900; letter-spacing: .1em; line-height: 2.3; }

.cont-story-navi{ margin-bottom: 2em; }
.story-data{ display: none;}
.story-data .ep-title-label{ font-size: 1em; text-align: center; }
.story-data .ep-title-label > span{ font-weight: 900; font-size: 1em; }
.story-data .ep-title-label > span::before,.story-data .ep-title-label > span::after{ content:" - "; }
.story-data .ep-title{ font-size: 1em; text-align: center; margin-bottom: 2em; }
.story-data .ep-title > span{ font-weight: 900; font-size: 3em; }
.story-data .ep-staff{ font-size: 1em; text-align: center; }
.story-data .ep-staff > p{ font-size: 1em; font-weight: 900; letter-spacing: .1em; line-height: 2.3; margin-bottom: 0; }
.story-data .ep-text{ font-size: 1em; text-align: center; margin-bottom: 1.5em; text-align: left; }
.story-data .ep-text > p{ font-size: 1.388em; font-weight: 900; letter-spacing: .1em; line-height: 2.3; margin-bottom: 0 }
.story-data .ep-slider-sceneImage{ margin-bottom: 1em; }
.story-data.crt{ display: block; animation: fadeIn 1.0s 0s ease-out both; }
.cont-story-cursor{ top:0em;}



/* staffcast */
.cont-top-staffcast{ background: url(../images/common-paper-bg.jpg) no-repeat center top; background-size: cover; overflow: hidden; }
.staffcast-bg1,
.staffcast-bg2{ position: absolute; bottom:0; }
.staffcast-bg1{ width: calc( 1595 / 30 * 1em ); height: calc( 1764 / 30 * 1em ); background: url(../images/staffcast/bg1.png) no-repeat center center; background-size: cover; left:0;}
.staffcast-bg2{ width: calc( 1496 / 30 * 1em ); height: calc( 2418 / 30 * 1em ); background: url(../images/staffcast/bg2.png) no-repeat center center; background-size: cover; right: 0; }
.staffcast-bgc1,
.staffcast-bgc2{ display: none; }
.inview-act-rep .staffcast-bg1{ transition: 1.5s all ease-in-out 1s; left:0%;}
.inview-act-rep-start .staffcast-bg1{ transition: 1.5s all ease-in-out 1s; left:-5%; }
.inview-act-rep .staffcast-bg2{ transition: 1.5s all ease-in-out 1s; right:0%;}
.inview-act-rep-start .staffcast-bg2{ transition: 1.5s all ease-in-out 1s; right:-15%; }
.cont-top-staffcast .cont-top-content > .inner{ padding-left: 0; padding-right: 0; }

.staffcast-subtitle{ font-size: 1em; margin-bottom: 1.5em; text-align: center; font-weight: 900; color: #e62828; }
.staffcast-subtitle > span{ font-size: 0.8em;}
.staffcast-list{ display: flex; flex-wrap: wrap; justify-content: center; }
.staffcast-list .staffcast-data{ width: 50%; margin-bottom: 1.5em; text-align: center; font-weight: 900; }
.staffcast-list .staffcast-data.single-line{ width: 100%; text-align: center; }
.staffcast-list .staffcast-data .pos{font-size: 1.066em;}
.staffcast-list .staffcast-data .name{font-size: 1.8em;}
.staffcast-list .staffcast-data .org{font-size: 1.066em;}

/* character */
.cont-top-character{ background-color: #000; color: #FFF; overflow: hidden; }
.character-bg1,.character-bg2,.character-bg3{ position: absolute; top:0; width: 100%; min-height: 100%; }
.character-bg1{ background:url(../images/bg-cut1.jpg) no-repeat center center; background-size: cover; }
.character-bg2{ background:url(../images/bg-cut2.jpg) no-repeat center center; background-size: cover; }
.character-bg3{ background:url(../images/bg-cut3.jpg) no-repeat center center; background-size: cover; }
.character-bg1,.character-bg2,.character-bg3 {backface-visibility: hidden; opacity: 0; transform: scale(1.2);animation: CrossFade 12s infinite;}
.character-bg3 { animation-delay: 0s;}
.character-bg2 { animation-delay: 6s;}
.character-bg1 { animation-delay: 12s;}
@keyframes CrossFade {/*エフェクト*/
  25% { opacity: 1; transform: scale(1) rotate(0); }
  60% { opacity: 0; }
}
.cont-top-character .cont-top-content > .inner{ background-color: rgba(0,0,0,.4); }
.cont-character-navi{ margin-bottom: 1em; }

.cont-character-data{ position: relative; z-index: 2;  }


.character-data{ position: relative; display: none; pointer-events:none; }
.character-data .chr-prof{ position: absolute; font-weight: 900; z-index: 3; width: 48%; bottom:7%; right: 3%; pointer-events: none; }
.character-data .chr-prof .name{ font-size: 2em; margin-bottom: 0;}
.character-data .chr-prof .cv{ font-size: 1.066em; margin-bottom: .5em;}
.character-data .chr-prof .cv > span{ color: #e62828; }
.character-data .chr-prof .profile{ font-size: 1.066em; margin-bottom: 0; letter-spacing: .05em;}
.character-data .chr-img{ position: relative; z-index: 2; }
.character-data .chr-img .fig{ position: relative; display: none; }
.character-data .chr-img .fig.crt{ display: block; }
.character-data .chr-img .fig-btn-change{ width: calc(600/30*1em); position: absolute; top:0; left: 21em; pointer-events: auto; animation: fadeIn .2s 1.0s ease-out both; }
.character-data .chr-img .fig-btn-another{ width: calc(400/30*1em); position: absolute; top:4em; left: 24.5em; pointer-events: auto; animation: fadeIn .2s 1.0s ease-out both;}
.character-data .chr-img .fig-img{ position: relative; }

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

.cont-character-cursor{ background: rgba(230,40,40,.8); top:20em;}

/* music */
/* .cont-top-music{ background: url(../images/common-paper-bg.jpg) no-repeat center top; background-size: cover; overflow: hidden; } */
/*
.music-bg1,.music-bg2{ position: absolute; top:0; width: 100%; min-height: 130%; }
.music-bg1{ background: url(../images/music/splat1.png) no-repeat center center; background-size: 100%; }
.music-bg2{ background: url(../images/music/splat2.png) no-repeat center center; background-size: 100%; }
*/
.cont-music-navi{ margin-bottom: 2em; }
.music-data{ display: none;}
.music-data .msc-img{ width: calc( 1200 / 30 * 1em ); position: relative; margin: 0 auto 2em auto; }
.music-data .msc-prof{ font-weight: 900; }
.music-data .msc-prof .title{ font-size: 2em; margin-bottom: 0; text-align: center; }
.music-data .msc-prof .artist{ font-size: 1.2em; text-align: center; }
.music-data .msc-prof .sale{ font-size: 1.2em; color: #e62828; 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; }
.cont-music-cursor{ top:20em;}

.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: 900; color:#000; border-top: #000 solid 2px; border-bottom: #000 solid 2px; padding: .2em; margin-bottom: .5em; }
.bnf-list .shop::before{ content:"■ "; }
.bnf-list .thumb{ display: flex; align-items: center; justify-content: center; vertical-align: middle; padding: 1em; background-color: rgba(255,255,255,.5); }
.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; letter-spacing: -0.05em; margin-bottom: .3em; font-weight: 700; }
.bnf-list .cond{ font-size: 0.777em; margin-bottom: .3em; font-weight: 700; background-color:#e62828; display: inline-block; padding: .1em .2em; color: #FFF; }
.bnf-list .start{ font-size: 0.777em; font-weight: 700; margin-bottom: 1em; }

.bnf-list.bnf-list-news{ font-size: .833em; }

/* bddvd */
/* .cont-top-bddvd{ background: #000 url(../images/onair/bg.jpg) no-repeat center top; background-size: cover; color: #FFF; } */
/* .cont-top-bddvd{ background: url(../images/common-paper-bg.jpg) no-repeat center top; background-size: cover; overflow: hidden; } */
.cont-top-bddvd{ }
.bddvd-bg{ background-color: rgba(255,30,30,.9);  mix-blend-mode: overlay;  position: absolute; top:0; width: 100%; min-height: 100%;}
.cont-bddvd-navi{ margin-bottom: 2em; }
.bddvd-data{ display: none;}
.bddvd-data .bdv-img{ width: calc( 1840 / 30 * 1em ); position: relative; margin: 0 auto 2em auto; }
.bddvd-data .bdv-img-fig{ width: calc( 1400 / 30 * 1em ); position: relative; margin: 0 auto 2em auto; }
.bddvd-data .bdv-prof{ font-weight: 900; }
.bddvd-data .bdv-prof .title{ font-size: 2em; 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: #e62828; 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; }
.cont-bddvd-cursor{ top:15em;}

/* products (music&bddvd) */
.cont-top-products{ background: url(../images/common-paper-bg.jpg) no-repeat center top; background-size: cover; overflow: hidden; }
.products-bg{ display: none; }
.products-bg1,.products-bg2{ position: absolute; top:0; width: 100%; min-height: 130%; }
.products-bg1{ background: url(../images/music/splat1.png) no-repeat center center; background-size: 150%; }
.products-bg2{ background: url(../images/music/splat2.png) no-repeat center center; background-size: 150%; }


/* movie */
.cont-top-movie{ color: #FFF; overflow: hidden; }
.cont-top-movie{ background: rgba(0,0,0,.2) url(../images/common-motion-bg.png) repeat; background-size: 6px; }
.cont-top-movie .cont-top-content > .inner{ background-color: rgba(0,0,0,.7); }

.cont-movie-data{ width: calc(1740 / 30 * 1em); margin: 0 auto 1em auto; }
.movie-data{ display: none; position: relative; }
.movie-data a{ display: block; position: relative; line-height: 1; }
.movie-data a:after{ content:""; display: block; width: 100%; min-height: 100%; top:0; background-image: url(../images/movie/play-btn.png); background-repeat: no-repeat; background-size: 7.333em; background-position: center center; background-color: rgba(0,0,0,.4); position: absolute; z-index: 2; }
.movie-data a:hover:after{ background-color: rgba(0,0,0,.1); }
.movie-data.crt{ display: block; animation: fadeIn 1.0s 0s ease-out both; }

.cont-movie-navi{ display: flex; position: relative; }
.cont-movie-navi .movie-navi{ display: block; width: 90%; order:2; }
.cont-movie-navi .movie-navi ul{ display: block; padding: 0; margin: 0; }
.cont-movie-navi .movie-navi ul li{ padding: .5em; margin: 0; text-align: center; }
.cont-movie-navi .movie-navi ul li a{ color: #FFF; font-weight: 700; }
.cont-movie-navi .movie-navi ul li a img{ margin-bottom: .2em; }

.cont-movie-navi .movie-cursor{ display: block; width: 5%; }
.cont-movie-navi .movie-cursor.left{ order:1; }
.cont-movie-navi .movie-cursor.right{ order:3; }
.cont-movie-navi .movie-cursor a{ display: block; width: 100%; min-height: 100%; background-image: url(../images/common-cursor-l.png); background-repeat: no-repeat ; background-position: left center; background-size: 80%; text-decoration: none; }
.cont-movie-navi .movie-cursor.right a{ background-image: url(../images/common-cursor-r.png); background-position: right center; }



/* special */
.cont-top-special{ background: url(../images/common-paper-bg.jpg) no-repeat center top; background-size: cover; }
.special-bg{ display: none; }
.special-list{ width: 94%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; }
.special-list > div{ width: 49%; margin-right: 1%;  margin-bottom: 1em; }
.special-list > div::nth-child(2n){ margin-right:0;  }

.special-btn{ width: 94%; margin: 0 auto; text-align: center; }

.qst{ line-height: 1.5; margin-bottom: 1.5em; }
.qst .q{ color:#e62828; font-weight: 900; margin-bottom: 1em; border:#e62828 solid .25em; background-color: #FFF; line-height: 1.4; padding: .3em;  }

.qst .a{ font-weight: 700; white-space: pre-line; }
.qst .pos{ display: inline-block; background-color: #000; color: #FFF; font-weight: 700; padding: .3em; font-size: .7em; line-height: 1; margin-bottom: .5em; position: relative; }
.qst .pos .new{ font-size: 1em; font-weight: 900; padding-left: .5em; color:#e62828; animation: flash 2s infinite;}
.qst .pos:before { content: ""; position: absolute; top: 100%; left: 1.3em; margin-left: -.5em; border: .5em solid transparent; border-top: .5em solid #000;}




/* SUB-PAGE */
.sub-page{ background: url(../images/common-paper-bg.jpg) repeat-y center top; background-size: 100% auto; }
.cont-sub-content{ width: 66.666%; margin: 0 auto; }
.cont-sub-content > .inner{ padding: 4em 2.5em; }
.content-modal .cont-top-content > .inner{ padding: 1em; }
.sub-subtitle{ font-size: 1em; margin-bottom: 2.5em; padding: 0; box-sizing: border-box; text-align: center; }
.sub-subtitle > span{ font-size: 3.3em; letter-spacing: .1em; font-family: base-9-sans, sans-serif; font-weight: 700; font-style: normal;}
.sub-conttitle{ font-size: 1em; margin-top: -1.5em; margin-bottom: 2.5em; padding: 0; box-sizing: border-box; text-align: center;  }
.sub-conttitle > p.t1{ font-size: 3.3em; letter-spacing: .1em; font-weight: 900; font-style: normal; margin-bottom: 0.2em; }
.sub-conttitle > p.t2{ font-size: 1em; letter-spacing: .1em; font-weight: 700; font-style: normal; margin-bottom: 0; }
.sub-page #gNavScr{ position: absolute; pointer-events: none; top:100vh; }

/* news */
#Page_News #Background .bg-art{ background-image: url(../images/news/bg-art.png); }
/* special */
#Page_Special #Background .bg-art{ background-image: url(../images/special/bg-art.png); }
/* goods */
#Page_Goods #Background .bg-art{ /* background-image: url(../images/goods/bg-art.png); */ }
.content-entry-goods .entry-body{ padding:.5em ; }


.goods-list{ display: flex; flex-wrap: wrap; justify-content: flex-start; }
.goods-list .goods-data{ width: calc(50% - 1em); padding: 1em; margin: .5em; border-radius: 1em; background-color: #FFF;}
.goods-list .goods-data.x2{ width: calc(100% - 1em); }

.goods-name{ font-weight: bold; font-size: 1.133em; border-bottom: #000 solid .2em; margin-bottom: 1em; } 
.goods-img{ overflow: hidden; border-radius: 1em; line-height: 0; }
.goods-text{ font-size: .8em; }
.goods-spec{ font-size: .666em; margin-bottom: 0; padding: .5em; background-color: rgba(0,0,0,.05); }

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

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

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

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

}
/* MD ----------------------------------------------------------------------------- */
@media (max-width: 991px) {
}
/* SM ----------------------------------------------------------------------------- */
@media (max-width: 767px) {

/* foreground */
#Foreground .log-select .login,
#Foreground .log-select .logout{ width: 12em; margin: 0 1em; line-height: 1; }

/* background */
#Background .bg-motion{ background:url(../images/bg-motion-hmn-sp.gif) no-repeat center top; background-size: cover; }
#Background .bg-art{ background-size: 200% auto;}

/* header */
.part-header.on{  }
.cont-global-navi{ width: 100%; position: fixed; top:0; left: inherit; }
.init .cont-global-navi{ display: block; }
.part-header.on .cont-global-navi{ height: 100vh; background-color: rgba(255,255,255,.85); }


.global-navi-lang{ width: 50%; margin-bottom: 1.5em; padding-bottom: 0; display: none; }
.global-navi-lang > ul > li{ display: inline-block; margin: 0; padding: 0; }
.global-navi-lang > ul > li div{ display: inline-block; width: inherit; height: inherit; }
.global-navi-lang > ul > li div a{ position: relative; display: inline-block; width: inherit; }
.global-navi-lang > ul > li div a span{ font-size: 1.333em; }
.global-navi-lang > ul > li:first-child div{ position: relative; pointer-events: none; }
.global-navi-lang > ul > li:first-child div:before{ display: none; }
.global-navi-lang > ul > li.crt:first-child div:before{ display: none; }
.global-navi-lang > ul > li:first-child div a{ padding: 1.3em 0 0 2.5em; color: #000; pointer-events: all;}
.global-navi-lang > ul > li.crt:first-child div a{ color: #e62828;}
.global-navi-lang > ul > li:last-child div{ position: relative; position: relative; top:inherit; pointer-events: none; }
.global-navi-lang > ul > li:last-child div:before{ display: none; }
.global-navi-lang > ul > li.crt:last-child div:before{ display: none; }
.global-navi-lang > ul > li:last-child div a{ padding: 1.3em 0 0 2.5em; margin: 0; color: #000; text-align: inherit; pointer-events: all; }
.global-navi-lang > ul > li.crt:last-child div a{ color: #e62828; }

.global-navi{ background-color: transparent; display: none; }
.global-navi > ul{ display: block; list-style-type: none; padding: 1em 2.5em; margin: 0; }
.global-navi > ul > li{ background-size: auto 50%; padding-left: 1.5em; margin-bottom: 1.2em; }
.global-navi > ul > li a{ font-weight: 900;  }
.global-navi > ul > li a,.global-navi > ul > li a:visited{ color: #000; }
.global-navi > ul > li a:hover,.global-navi > ul > li a:active{ color: #e62828; }
.global-navi > ul > li a span{ font-size: 1.866em; }

.cont-skin-btn{ display: none; width: 20em; top:inherit; left: 3em; right: inherit; position: relative; padding-top: 1em;}

.fix-nav .cont-global-navi{ width: 100%; position: fixed; top:0; left: inherit; }
.init.fix-nav .cont-global-navi{ display: block; }
.fix-nav .global-navi-lang{ width: 50%; margin-bottom: 1.5em; padding-bottom: 0; display: none; }
.fix-nav .global-navi-lang > ul > li div{ height: inherit; }
.fix-nav .global-navi-lang > ul > li:first-child div:before{ display: none; }
.fix-nav .global-navi-lang > ul > li:first-child div a{ padding: 1.3em 0 0 2.5em; }
.fix-nav .global-navi-lang > ul > li:last-child div:before{ display: none; }
.fix-nav .global-navi-lang > ul > li:last-child div a{ padding: 1.3em 0 0 2.5em; }
.fix-nav .global-navi{ width: inherit; height: auto; position: relative; top:inherit; left: inherit; background-color: transparent; display: none; }
.fix-nav .global-navi > ul{ padding: 1em 2.5em; margin: 0; }
.fix-nav .global-navi > ul > li{ display: block; padding-left: 1.5em; margin-bottom: 1.2em; padding-right: inherit; }
.fix-nav .global-navi > ul > li:first-child{ background-image: url(../images/common-global-navi-icon.png); }
.fix-nav .cont-skin-btn{ display: none; width: 20em; top:inherit; left: 3em; right: inherit; position: relative; padding-top: 1em;}

.cont-sp-btn{ width: 100%; display: block; }
.cont-sp-btn{ width: 2.26em; height: 1.366em; margin: 0; top:1.3em; right: 2em; display: block; position: absolute; }
.cont-sp-btn .sp-navi-open{ display: block; }
.cont-sp-btn .sp-navi-close{ display: none; }


.part-header.on .global-navi-lang{ display: block; }
.part-header.on .global-navi{ display: block; }
.part-header.on .cont-skin-btn{ display: block; }

.part-header.on .cont-sp-btn .sp-navi-open{ display: none; }
.part-header.on .cont-sp-btn .sp-navi-close{ display: block; }


.cont-subnavi{ }
.cont-subnavi > nav ul{ display: flex; flex-wrap: wrap; justify-content: center; list-style-type: none; margin: 0; padding: 0; }
.cont-subnavi > nav ul li{ display: inline-block; margin: 0; padding: 0 .5em 0 1.2em; background: url(../images/common-subnavi-dots.png) no-repeat left .7em; background-size: .6333em auto; }
.cont-subnavi > nav ul li.hd-pc{ display: inline-block; margin: 0; padding: 0 .5em 0 1.2em; background: url(../images/common-subnavi-dots.png) no-repeat left .7em; background-size: .6333em auto; }
.cont-subnavi > nav ul li:first-child,
.cont-subnavi > nav ul li.hd,
.cont-subnavi > nav ul li.hd-sp{ padding: 0 .5em 0 0; background-image: none; }


.cont-subnavi > nav ul li a,.cont-subnavi > nav ul li a:hover{ color: inherit; }
.cont-subnavi > nav ul li a span{ font-size: 1.333em; font-weight: 900; }
.cont-subnavi > nav ul li.crt a{ opacity: .5; pointer-events: none;  }

.cont-subnavi-cursor{ width: 100vw; height: 18vw; position: absolute; left: calc( (16.6665vw * -1) + 3.7em); z-index: 1; }
.subnavi-cursor > ul > li{ width: calc( 121 / 30 * 1em * 0.5 ) ; height: calc( 200 / 30 * 1em * 0.5 ) ;  z-index: 4; }
.subnavi-cursor > ul > li.left{ top:1.5em; left: 0.2em; }
.subnavi-cursor > ul > li.right{ top:1.5em; right: 0.2em; }

/* footer */
.cont-global-footer{ padding: 4em 0 .5em 0;  }
.footer-pagetop{ width: calc( 200/30 * 1em * 0.5 ); height: calc( 121/30 * 1em * 0.5 ); bottom:2.5em; }



.btn-bnr > a{ font-size: .7em; padding: .5em;  }



/* TOP-PAGE */

.cont-top-content{ width: 100%; }
.cont-top-content > .inner{ padding: 4em 2.5em; }
.top-subtitle > span{ font-size: 2.8em;}

.cont-top-visual .kv-container .vis{ background-image: url(../images/main/hmn1/kv-sp.jpg);  }

/*
.cont-top-visual .kv-container .catch{ width: calc( 1869 / 3200 * 100% * 1.5 ); position: absolute; top:98vw; left: 0; right: 0; margin: 0 auto;}
.cont-top-visual .kv-container .oa{ width: calc( 1353 / 3200 * 100% * 1.8 ); position: absolute; top:162vw; left: 0; right: 0; margin: 0 auto;}
.cont-top-visual .kv-container .logo{ width: calc( 1908 / 3200 * 100% * 1.6 ); position: absolute; top:62vw; left: 0; right: 0; margin: 0 auto;}
*/

.cont-top-visual .kv-container .catch{ width: 100vw; height: calc(160/1000*100vw); background-image: url(../images/main/hmn1/catch-sp.png); position: absolute; top:88vw; left: 0; right: 0; margin: 0 auto;}
.cont-top-visual .kv-container .oa{ width: 100vw; height: calc(80/1000*100vw); background-image: url(../images/main/hmn1/oa-sp.png); position: absolute; top:150vw; left: 0; right: 0; margin: 0 auto;}
.cont-top-visual .kv-container .logo{ width: 100vw; height: calc(320/1000*100vw); background-image: url(../images/main/hmn1/logo-sp.png); position: absolute; top:50vw; left: 0; right: 0; margin: 0 auto;}

.cont-top-visual .kv-container .loading{ font-size: 1.5em; letter-spacing: .5em; top:75vw; }

.cont-top-visual .kv-container .catch-w{ width: 100vw; height: calc(270/1000*100vw); background-image: url(../images/main/hmn1/catch-fxw-sp.png); position: absolute; top:62vw; left: 0; right: 0; margin: 0 auto;}
.cont-top-visual .kv-container .catch-w-fx{ width: 100vw; height: calc(270/1000*100vw); background-image: url(../images/main/hmn1/catch-fx-sp.png); position: absolute; top:62vw; left: 0; right: 0; margin: 0 auto;}


.init #Background .bg-motion{ display: none; }
.init .cont-top-visual .kv-container .vis{ opacity: 0; }
.init .cont-top-visual .kv-container .catch{ opacity: 0; }
.init .cont-top-visual .kv-container .oa{ opacity: 0; top:88vw; }
.init .cont-top-visual .kv-container .logo{ opacity: 0; top:62vw; }
.init .cont-top-visual .kv-container .catch-w{ opacity: 0; }
.init .cont-top-visual .kv-container .catch-w-fx{ opacity: 0; }

.s1 .cont-top-visual .kv-container .loading{ animation:fadeOut 0.8s 0s ease-out both; }
.s1 .cont-top-visual .kv-container .catch-w{ animation:fadeIn 0.8s 1.0s ease-out both; }
.s1 .cont-top-visual .kv-container .catch-w-fx{ animation:fadeIn 0.5s 2.0s ease-out both; }
.s1 .cont-top-visual .kv-container .vis{ transition: 8s opacity ease-in-out 0.5s; opacity: 1; }

.s2 .cont-top-visual .kv-container .catch-w{ animation:fadeOut 0.5s 0s ease-out both; }
.s2 .cont-top-visual .kv-container .catch-w-fx{ animation:fadeOut 0.5s 0s ease-out both; }
.s2 .cont-top-visual .kv-container .oa{ animation:fadeInUp 1.0s 1.0s ease-out both; }
.s2 .cont-top-visual .kv-container .logo{ animation:fadeInDown 1.0s 1.0s ease-out both; }

.s3 .cont-top-visual .kv-container .oa{ transition: 1.1s top ease-in-out 0s; top: 150vw; }
.s3 .cont-top-visual .kv-container .logo{ transition: 1.1s top ease-in-out 0s; top: 50vw; }
.s3 .cont-top-visual .kv-container .catch{ animation:fadeInDown 1.0s 1.0s ease-out both; }


/* news twitter */
.cont-top-news-twitter{ width: 100%; position: relative; top:inherit; right: inherit; }
.cont-top-news-twitter{ background: rgba(0,0,0,.2) url(../images/common-motion-bg.png) repeat; background-size: 6px; }
.init .cont-top-news-twitter{ display: block; }
.cont-top-news,
.cont-top-twitter{ width: 100% ; background: rgba( 0,0,0,.7 ); }

/* news */
.cont-top-news{ margin-bottom: 0; }
.news-container{ padding: 2em; }
.news-container dl dt > span{ font-size: 1em; }
.news-container dl dd{ font-size: 1em; }

/* twitter */
.cont-top-twitter{ padding: 2em; }

/* introduction */
.intro-bg{ width: 150%; left:-25%; }
.intro-text{ font-size: 1.388em;  }

/* onair */
.cont-top-onair{ background: #000 url(../images/onair/bg-sp.jpg) no-repeat center top; background-size: cover; }
.onair-text .oa-text1{ font-size: 2.4em; }
.onair-text .oa-text2{ font-size: 2em; }
.onair-text .oa-text3{ font-size: 1.5em; }
.onair-list{ display: flex; flex-wrap: wrap; justify-content: center; text-align: left; border-bottom: #e5e5e5 solid 1px; padding: 1.333em 0; }
.onair-list .col-a{ width: 100%; }
.onair-list .col-b{ width: 37.4%; }
.onair-list .col-c{ width: 62.6%; }
.onair-list .col-d{ width: 62.6%; margin-left: 37.4%; }

.onair-list .name{ font-size: 1.2em; }
.onair-list .schd{ font-size: 1em; }
.onair-list .time{ font-size: 1em; }
.onair-list .extr{ font-size: 1em; }

/* story */
.cont-top-story .cont-top-content > .inner{ background-color: rgba(0,0,0,.5); }
.story-text{ font-size: 1.388em; }

/* staffcast */
.cont-top-staffcast{ background: url(../images/common-paper-bg-sp.jpg) no-repeat center top; background-size: cover; }
.staffcast-bg1{ width: calc( 1595 / 30 * 1em * .7 ); height: calc( 1764 / 30 * 1em * .7 ); left:0;  }
.staffcast-bg2{ width: calc( 1496 / 30 * 1em * .7 ); height: calc( 2418 / 30 * 1em * .7 ); right: 0; top:5%; }
.staffcast-bg1{ background-image: url(../images/staffcast/bg1-sp.png);}
.staffcast-bg2{ background-image: url(../images/staffcast/bg2-sp.png); }

.staffcast-subtitle > span{ font-size: 1.0em;}
.staffcast-list .staffcast-data .pos{font-size: 1.066em;}
.staffcast-list .staffcast-data .name{font-size: 1.466em;}
.staffcast-list .staffcast-data .org{font-size: 1.066em;}

/* character */
.character-bg1{ background:url(../images/bg-cut1-sp.jpg) no-repeat center center; background-size: cover; }
.character-bg2{ background:url(../images/bg-cut2-sp.jpg) no-repeat center center; background-size: cover; }
.character-bg3{ background:url(../images/bg-cut3-sp.jpg) no-repeat center center; background-size: cover; }
.cont-character-data{ padding-top: 2em; }
.character-data .chr-prof{ position: relative; z-index: 3; width: 100%; bottom:inherit; right: inherit; margin-bottom: 2em; }
.cont-character-cursor{ top:25em;}

.cont-character-navi > nav ul li:nth-child(6){ padding-left: .5em; background: none ; }

.character-data .chr-img .fig{ padding-top: 3em; }
.character-data .chr-img .fig-btn-change{ width: calc(600/30*1em * 0.7); top:0; left: 10em; }
.character-data .chr-img .fig-btn-another{ width: calc(400/30*1em * 0.7); top:3em; left: 12.5em; }




/* music */
/*
.cont-top-music{ background: url(../images/common-paper-bg-sp.jpg) no-repeat center top; background-size: cover; }
.music-bg1{ background: url(../images/music/splat1-sp.png) no-repeat center center; background-size: 150%; }
.music-bg2{ background: url(../images/music/splat2-sp.png) no-repeat center center; background-size: 150%; }
*/
.music-data .msc-img{ width: calc( 1200 / 30 * 1em * 0.7 ); }
.cont-music-cursor{ top:15em;}

.bnf-list > .item-x1{ width: 50%; }
.bnf-list > .item-x2{ width: 100%; }
.bnf-list > .item-x1.x1-dbl{ width: 100%; }
.bnf-list > .item-x2 .item-col{ width: 50%; margin: 0 0 .5em 0; padding: 0 0 .5em 0; border-bottom:rgba(255,255,255,.2) solid .111em }
.bnf-list > .item-x2 .item-col:last-child{ margin: 0; padding: 0; border: none; }

/* bddvd */
.cont-top-bddvd{ }
/* .bddvd-bg{ background-color: rgba(255,30,30,.9);  mix-blend-mode: overlay;  position: absolute; top:0; width: 100%; min-height: 100%;} */

.bddvd-data .bdv-img{ width: 100%; }

.cont-bddvd-cursor{ top:10em;}

/* products (music&bddvd) */
.cont-top-products{ background: url(../images/common-paper-bg-sp.jpg) no-repeat center top; background-size: cover; overflow: hidden; }
.products-bg1{ background: url(../images/music/splat1-sp.png) no-repeat center center; background-size: 250%; }
.products-bg2{ background: url(../images/music/splat2-sp.png) no-repeat center center; background-size: 250%; }



/* movie */
.cont-top-movie{ color: #FFF; overflow: hidden; }
.cont-top-movie .cont-top-content > .inner{ background-color: rgba(0,0,0,.7); }
.cont-movie-data{ width: 100%; }
.movie-data a:after{ background-size: 4em; }

/* special */
.cont-top-special{ background: url(../images/common-paper-bg-sp.jpg) no-repeat center top; background-size: cover; }


/* SUB-PAGE */
.sub-page{ background: url(../images/common-paper-bg-sp.jpg) repeat-y center top; background-size: 100% auto; }
.cont-sub-content{ width: 100%; }
.cont-sub-content > .inner{ padding: 4em 2.5em; }
.content-modal .cont-top-content > .inner{ padding: 1em; }
.sub-subtitle{ font-size: 1em; margin-bottom: 2.5em; padding: 0; box-sizing: border-box; text-align: center; }
.sub-subtitle > span{ font-size: 2.8em; letter-spacing: .1em; font-family: base-9-sans, sans-serif; font-weight: 700; font-style: normal;}
.sub-conttitle > p.t1{ font-size: 2.8em;  }
.sub-conttitle > p.t2{ font-size: .933em;  }
.sub-page #gNavScr{ position: absolute; pointer-events: none; top:100vh; }

/* news */
#Page_News #Background .bg-art{ background-image: url(../images/news/bg-art-sp.png); }
/* special */
#Page_Special #Background .bg-art{ background-image: url(../images/special/bg-art-sp.png); }
.special-list > div{ width: 100%; margin-right: 0%;  margin-bottom: 1em; }
.special-list > div::nth-child(2n){ margin-right:0;  }
/* goods */
.content-entry-goods .entry-body{ padding:.5em ; }
.goods-list{ display: flex; flex-wrap: wrap; justify-content: center; }
.goods-list .goods-data{ width: calc(100% - 1em); padding: 1em; margin: .5em; border-radius: 1em; background-color: #FFF;}
.goods-list .goods-data::nth-child(2n){ margin-right:.5em; }

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

}