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

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

■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ 
*/
/* ---- fonts ---- */
body{font-family: YakuHanMP,'Noto Serif JP', serif;}
.no-yakuhan{font-family: 'Noto Serif JP', serif;}

/* ---- common style ---- */
a,a:visited {color: #FFF;}
a:hover,a:active {color: #796bae; }
a.ilink-fr{ color: #FFF; display: inline-block; padding: 5px; background: #7364AA; line-height: 0; margin-bottom: 10px; }
a.ilink-fr:hover{ color: #faaa00; background: #bb0000; }
.hv_fade{ opacity: 1; }
.hv_fade:hover{ opacity: 0.7; cursor: pointer; }
.ilink{ display: inline-block; background-color:#333;  padding: .3em 1.6em .4em 1.4em; font-size: .888em; text-decoration: none; }
.ilink:before{ content:"> "; }
.ilink,
.ilink:visited,
.ilink:active{ color: #fff; }
.ilink:hover{ text-decoration: none; background-color: #796bae; color: #fff; }
/*.ilink:before{ content:"> "; }*/

.hv_bounce.animated{}
.hv_bounce.animated:hover { animation: bounce 1s infinite;}

.ac-bg1{ background-color: #f5f0b2; display: inline-block; }

/* font-color */
.ac-color-w{color: #fff; }/* white */
.ac-color-k{color: #000; }/* black */
.ac-color-base{color: #fff; }/* base */
.ac-color1{color: #ff0078; }/* pink  */
.ac-color2{color:#ac99e3;; }/* light purple */
.ac-color3{color: #f5f0b2; }/* light yellow */
.ac-color4{color: #796bae; }/* purple */

.fnt-ac0{ color:#FFF; }
.fnt-ac1{ color:#796bae; }
.fnt-ac2{ color:#ac99e3; }

.b{ font-weight: 700; }
.exb{ font-weight: 900; }

.text-sdw-w1{text-shadow:
white 1px 1px 0, white -1px -1px 0,/*右下、左上*/
white -1px 1px 0, white 1px -1px 0,/*右上、左下*/
white 0px 1px 0, white  0 -1px 0,/*右、左*/
white -1px 0 0, white 1px 0 0;/*上、下*/}
.text-sdw-2{text-shadow: 1px 1px 10px #2db6a9}

/* list */

/* title */
.ttl1 {display: flex;align-items: center;}
.ttl1:after{border-top: .222em solid;content: "";flex-grow: 1;}
.ttl1:after {margin-left: .3em;}
.ttl2{ border-left: #796bae solid 6px; padding-left: .4em; background-color:rgba(255,255,255,.2);}
.ttl3{ color: #FFF; background: #796bae; padding: .1em .3em; }
.ttl3-il{  }
.ttl3-il > span{ display: inline-block; color: #FFF; background: #796bae; padding: .1em .5em; }

.ttl4{ border: #796bae solid 1px; color: #796bae; padding: .1em .3em; }
.ttl4-il{  }
.ttl4-il > span{ display: inline-block; color: #FFF; border: #796bae solid 1px; padding: .1em .5em; }

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

/* frame */
.frame-rnd05{ border-radius: .5em; }
.frame-rnd10{ border-radius: 1em; }
.frame-rnd15{ border-radius: 1.5em; }
.frame-rnd20{ border-radius: 2em; }

.frame-a{ background-color: rgba(255,255,255,.06); }
.frame-b{ position: relative; padding: 4px; }
.frame-b .lt,.frame-b .rt,.frame-b .lb,.frame-b .rb{ position: absolute; width: 3em; height: 3em; line-height: 0; }
.frame-b .lt{ border-top: #008bf4 solid 1px; border-left: #008bf4 solid 1px; top:0; left:0; }
.frame-b .rt{ border-top: #008bf4 solid 1px; border-right: #008bf4 solid 1px; top:0; right:0; }
.frame-b .lb{ border-bottom: #008bf4 solid 1px; border-left: #008bf4 solid 1px; bottom:0; left:0; }
.frame-b .rb{ border-bottom: #008bf4 solid 1px; border-right: #008bf4 solid 1px; bottom:0; right:0; }
.frame-b .inner{ background-color: rgba(255,255,255,.5); }
.frame-c{ }

.frame-wp{ background: #FFF; border: #ff55be dotted 1px;}
.frame-w{ background: rgba(255,255,255,1);}
.frame-w-op10{ background: rgba(255,255,255,.1);}
.frame-w-op15{ background: rgba(255,255,255,.15);}
.frame-w-op20{ background: rgba(255,255,255,.2);}
.frame-w-op80{ background: rgba(255,255,255,.8);}
.frame-w-op90{ background: rgba(255,255,255,.9);}
.frame-k{ background: rgba(0,0,0,1); }
.frame-k-op10{ background: rgba(0,0,0,.1);}
.frame-k-op15{ background: rgba(0,0,0,.15);}
.frame-k-op20{ background: rgba(0,0,0,.2);}
.frame-k-op60{ background: rgba(0,0,0,.6);}
.frame-img{ display: inline-block; border: rgba(80,124,251,0.3) solid 3px; box-sizing: border-box; line-height: 0; }
.frame-comment{ background: rgba(255,255,255,.95) url(../images/logo-alp10.png) no-repeat center center; color: #333; padding: 2.2em 2.2em; line-height: 2; font-size: 1.222em; background-size: 60%; }

/* h-line */
hr.dot-blue{ border-color: #1f3c8c; border-width: 1px 0px 0px 0px; border-style: dotted; height: 1px; /* 高さ(IE) */ }
hr.sld-blue{ border-color: #1f3c8c; border-width: 1px 0px 0px 0px; border-style: solid; height: 1px; /* 高さ(IE) */ }

.sepline-a{ position: relative; line-height: 0; }
.sepline-a .h{ width: 100%; height: 1px; border-top:#044dbc solid .222em; position: absolute; top: .64em; }
.sepline-a .v{ width: 1px; height: 1.5em; margin: 0 auto; background-color: #044dbc; }

/* accordion */
.acd-label{ }
.acd-label:hover{ cursor: pointer; }
.acd-check{ display: none;}
.acd-cont{ display: none; height: 0; overflow: hidden; transition: 0.5s all ease 0.5s; }
.acd-check:checked ~ .acd-cont{ display: inherit; height: inherit; transition: 0.5s all ease 0s;}
.acd-check:checked + .acd-label{ display: none; }

/* colorbox customize */
#colorbox{}
#cboxOverlay{background:rgba(0,0,0,.9);}
#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); }

svg{max-width: 100%; height: auto; width: auto\9;}

button{
  outline: 0;
  border-color:#ccc;
}

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

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

■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ 
*/
/* ---- Structure ---- */
html,body{ min-height:100%; }
body{ font-size: 18px; color: #fff; background-color:#000 ; 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-middle{ position: relative; }
.part-footer{ position: relative; }

/* background */
.part-background{ background-color: #333; }
.bg-ptn{ position: absolute; top:0; width: 100%; min-height:100%; background:url(../images/bg-ptn.png) repeat ; }
.bg-img{ position: absolute; width: 100%; min-height:100%;}
/* @keyframes bgAnime { 0% { opacity: 0; } 5% { opacity: 1; } 25% { opacity: 1; } 30% { opacity: 0; } 100% { opacity: 0; }} */
@keyframes bgAnime { 0% { opacity: 0; } 5% { opacity: 1; } 25% { opacity: 1; } 30% { opacity: 0; } 100% { opacity: 0; }}
@keyframes bgAnimeOn { 0% { opacity: 0; } 100% { opacity: 1; }}
@keyframes bgAnimeOff { 0% { opacity: 0; } 100% { opacity: 0; }}
.bg-img > div{ position: absolute; top:0; width: 100%; min-height:100%; background-repeat: no-repeat; background-position: center top;  background-size: 100% auto; opacity : 0; animation : bgAnime 20s infinite;   /* 4画像 × 各5s = 20s */}
.bg-img .bg-1{ background-image: url(../images/bg-tv.png);}
.bg-img .bg-2{ background-image: url(../images/bg-ms.png);}
.bg-img .bg-3{ background-image: url(../images/bg-hyoketsu.png);}
.bg-img .bg-4{ background-image: url(../images/bg-rezelos.png);}
.bg-img .bg-5{ background-image: url(../images/bg-rezefini.png);}
.bg-img .bg-anm-1{ animation-delay : 0;}
.bg-img .bg-anm-2{ animation-delay : 5s; }
.bg-img .bg-anm-3{ animation-delay : 10s; }
.bg-img .bg-anm-4{ animation-delay : 15s; }
.bg-img .bg-anm-5{ animation-delay : 20s; }
.bg-img.bg-anim-stop .bg-anm-1{ animation-delay : 0; animation : bgAnimeOn 1s forwards;  }
.bg-img.bg-anim-stop .bg-anm-2{ animation-delay : 0; animation : bgAnimeOff 1s forwards; }
.bg-img.bg-anim-stop .bg-anm-3{ animation-delay : 0; animation : bgAnimeOff 1s forwards; }
.bg-img.bg-anim-stop .bg-anm-4{ animation-delay : 0; animation : bgAnimeOff 1s forwards; }
.bg-img.bg-anim-stop .bg-anm-5{ animation-delay : 0; animation : bgAnimeOff 1s forwards; }

/* header */
.part-header{ }
.cont-global-header{ }
.cont-global-header .inner{ width: 100%; height: 3em; position: relative; }
.cont-global-header h1.site-title{ font-size: 1em; padding-top: .9em; display: block; text-align: center; line-height: 1; }
.cont-global-header h1.site-title > a{ color: #FFF; text-decoration: none; }
.cont-global-header h1.site-title > a:hover{ color: #FFF; text-decoration: none; }

.cont-global-navi{ background-color: rgba(0,0,0,1); }
.cont-global-navi > .inner{ position: relative;}
.global-navi{ width: 100%; height: 2em; margin: 0 auto; list-style-type: none; padding: 0 0 0 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.global-navi li{ margin: 0; padding: 0; display: block; font-size: 0.888em; margin: 0 .5em; line-height: 1; }
.global-navi li.sep:after{ content:"|";  }
.global-navi li a{ color: #FFF; text-decoration: none; }
.global-navi li a:hover{ color:#796bae; }

.cont-series-navi{ background-color: rgba(255,255,255,1); }
.cont-series-navi > .inner{ position: relative;}
.series-navi{ width: 100%; margin: 0 auto; list-style-type: none; padding: 0 0 0 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.series-navi li{ width: 11.111em; margin: 0; padding: 0; display: block; margin: 0 .5em; line-height: 1; }
.series-navi li > a{ display: block; padding: .9em .3888em; position: relative; color:#000; text-decoration: none; }
.series-navi li > a:hover{ color:#796bae; }
.series-navi li > a svg{ display: block; margin-bottom: .5em;  }
.series-navi li > a svg .cls-1{ fill:none;stroke:currentColor;stroke-miterlimit:10;}
.series-navi li > a svg .cls-2{ fill: currentColor;  }
.series-navi li > a .logo{ display: block; width: 93%; position: absolute; top:.3em; left:0; right:0; margin: 0 auto;  }
.series-navi li > a .label{ display: block; font-size: 0.666em; text-align: center; }

.cont-sp-btn{ display: none; }
.page-title{ font-size: 1em; text-align: center; padding: calc( 23 / 18 * 1em ) 0; margin: 3em; }
.page-title > span{ font-size: 2.222em; font-weight: 900; line-height: 1; }

.cont-sub-navi{ position: relative; }
.sub-navi{ width: 100%; list-style-type: none; margin: 0; padding: 0 ; display: flex; justify-content: center; align-items: center; text-align: center; }
.sub-navi li{ width: 33.333%; margin: 0; padding: 0; display: block; font-size: 0.888em; margin: 0; line-height: 1; }
.sub-navi li a{ display: block; background-color: rgba(255,255,255,.9); color: #000; text-decoration: none; padding: 1em 0; font-weight: bold; }
.sub-navi li.crt a,
.sub-navi li a:hover{ color:#FFF; background-color: rgba(121,107,174,.9); }

.cont-subcat-navi{ position: relative; }
.cont-subcat-navi > .inner{ position: relative; background-color: rgba(0,0,0,1);}
.subcat-navi{ width: 100%; list-style-type: none; margin: 0; padding: 1em .5em .5em .5em ; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; }
.subcat-navi li{ margin: 0; padding: 0; display: block; font-size: 0.888em; margin: .5em ; line-height: 1; }
.subcat-navi li a{ display: block; color: #FFF; text-decoration: none; padding: .5em 1.5em; font-weight: bold; }
.subcat-navi li.crt a,
.subcat-navi li a:hover{ color:#FFF; background-color: rgba(121,107,174,.9); }

/* middle */
.cont-main{ padding-top: 1em; }
.cont-sub{ padding-top: 1em; }
.atc-ttl-top{ font-size: 1em; display: block; text-align: center; background:url(../images/atc-ttl-top-bg.png) repeat-x center center;  }
.atc-ttl-top span{ display: inline-block; padding: 0 .2em .5em .2em; font-size: 0.777em; font-weight: bold; line-height: 1; background-color: #000;}
.atc-inner-sub{ width: 95%; max-width: 940px; margin: 0 auto ; padding-bottom: 3em;  }

.cont-sub-entries{ width: 100%; background-color: rgba(0,0,0,1); padding: .5em; }
.cont-sub-entries-inner{ padding: 3em 3em; }
.atc-line{ height: 6px; background:url(../images/atc-ttl-top-bg.png) repeat-x center center; }
.subcat-title{ font-size: 1.111em; color: #796bae; background-color: #FFF; padding: .5em; margin-bottom: 1em; text-align: center; }

.pagetop-navi{ position: sticky; padding: .5em 0; bottom:0; left:0; right:0; margin: 0 auto; z-index: 10; text-align: center; background-color: #000;}
.pagetop-navi a{ display: inline-block; width: calc( 51/18 * 1em );  }

/* footer */
.part-footer{ background: #000; padding: 0 0 1.5em 0; }
.part-footer > .inner{ width: 95%; max-width: 1140px; margin: 0 auto; }

.cont-footer-navi{  border-top: #FFF dotted 1px; }
.footer-navi{ width: 100%; margin: 0 auto; list-style-type: none; padding: 1em 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.footer-navi li{ margin: 0; padding: 0; display: block; font-size: 0.888em; margin: 0 .5em; line-height: 1; }
.footer-navi li.sep:after{ content:"|";  }
.footer-navi li a{ color: #FFF; text-decoration: none; }
.footer-navi li a:hover{ color:#796bae; }

.cont-footer-series-navi{  border-top: #FFF dotted 1px; }
.footer-series-navi{ width: 100%; list-style-type: none; padding: 1.5em 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.footer-series-navi li{ margin: 0; padding: 0; display: block; margin: 0 .5em; }
.footer-series-navi li a{ display: inline-block; font-size: .666em; padding: .3em .6em .4em .5em; text-decoration: none; background-color: #000; border: #FFF solid 1px; color: #FFF; }
.footer-series-navi li a:hover{ background-color: #FFF; border: #FFF solid 1px; color: #000;  }

.cont-footer-banner{  border-top: #FFF dotted 1px; }
.footer-banner{ width: 100%; list-style-type: none; padding: 1.5em 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.footer-banner li{ width: 25%; max-width: 240px; margin: 0; padding: 0; display: block; margin: .25em; }

.footer-copyrihgt{ padding: 0 0; text-align: center; line-height: 1;}
.footer-copyrihgt > span{ color: #FFF; font-size: .555em; }


/* content */
.content-entry{ margin: 0 auto 3em auto; box-sizing: border-box; }
/* .content-entry:last-child{margin-bottom: 0;} */
.content-entry .entry-head{ }
.content-entry .entry-date{ font-size: .888em; font-weight: 900; margin-bottom: .5em; text-align: center; }
.content-entry .entry-title{ font-size: 1.222em; padding-bottom: .3em; font-weight: 900; text-align: center; border-bottom: #FFF solid 1px;}
.content-entry .entry-tag{ display: none; }
.content-entry .entry-body{ padding: 1.2em 0 ; line-height: 1.5;  }


.content-modal{ max-width: 920px; background-color: #FFF; border:#1f3c8c solid .333em ; border-radius: 2em; margin: 0 auto 1em auto; padding: 0; overflow: auto; }

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

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

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

/* TOP-PAGE */
#Page_Top .page-title{ display: none; }

.cont-top-slider{ margin-bottom: 3em; }
.top-slider-container{ width: 100%; position: relative; }
.slider-slick{ }
.slider-slick div{ }
.slider-slick div a{ display: block; padding: 1em; text-align: center; }
.slider-slick div a img{ margin: 0 auto; }
.slider-csr-l{ position: absolute; top:0; left: 0; width: 9.19%; /* width: 9.67%; */ height: 100%; overflow-y: hidden; }
.slider-csr-r{ position: absolute; top:0; right: 0; width: 9.19%; text-align: right; height: 100%; overflow-y: hidden; }
.slider-csr-l:hover,.slider-csr-r:hover{ cursor: pointer; }

.cont-top-news-twitter-movie{ width: 95%; max-width: 1140px; margin: 0 auto 2em auto; position: relative; display: flex; flex-wrap: wrap; }
.cont-top-news{ width: 31%; margin-right: 2.5%; background-color: rgba(0,0,0,1); padding: .5em; }
.cont-top-movie{ width: 33%; margin-right: 2.5%; background-color: rgba(0,0,0,1); padding: .5em; }
.cont-top-twitter{ width: 31%; background-color: rgba(0,0,0,1); padding: .5em; }

.news-container { height: 270px; overflow: hidden; position: relative; }
.news-container dl{ width: 100%; font-size: 1.0em; margin: 0 0 .8em 0; padding: 0; line-height: 1; display: block; list-style-type: none; box-sizing: border-box; }
.news-container dl dt{ display: block; margin-bottom: .3em;}
.news-container dl dt span{ display: inline-block; border: #000 solid 1px; padding: .1em .2em .2em .2em; }
.news-container dl dt span.date{ font-size: 0.777em; color: #FFF; padding-top: .2em; margin-right: .5em; }
.news-container dl dt span.tag{ font-size: 0.444em; border-color: #FFF; }
.news-container dl dt span.tag0{ display: none; }
.news-container dl dt span.tag1:before{ content:"TVアニメ"; }
.news-container dl dt span.tag2:before{ content:"TVアニメ"; }
.news-container dl dt span.tag3:before{ content:"Memory Snow"; }
.news-container dl dt span.tag4:before{ content:"氷結の絆"; }

.news-container dl dd{ display: block; font-size: 0.777em; }
.news-container dl dd a,
.news-container dl dd a:visited{ text-decoration: none; }
.news-container dl dd a:hover{ text-decoration: underline; }

.top-more-btn{ width: 100%; text-align: center; position: absolute; bottom:0;}
.top-more-btn.relate{ position: relative; border: inherit; }
.top-more-btn a{ display: inline-block; background-color:#333;  padding: .3em 1.6em .4em 1.4em; font-size: .888em; text-decoration: none; }

.movie-container { height: 270px; overflow: hidden; position: relative; }
.movie-slick div{ text-align: center; }
.top-movie-btn{ width: 100%; text-align: center; position: absolute; bottom:0;}
.top-movie-btn button{background-color:#333; border-color: #333; padding: .3em .6em .4em .5em; font-size: .888em; color: #FFF; margin: 0 .1em; }

.cont-top-bddvd{ width: 95%; max-width: 1140px; margin: 0 auto 2em auto; background-color: rgba(0,0,0,1); padding: .5em; }
.bddvd-container { position: relative; }
.top-bddvd-container{ width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 1em; }
.top-bddvd-container > div{ width: 20%; }
.top-bddvd-container a{ display: block; padding: 1em; text-decoration: none; color: #FFF; text-align: center; }
.top-bddvd-container a:hover{ background-color: #333; }
.top-bddvd-container .thm{ margin-bottom: .5em; }
.top-bddvd-container .thm img{ width: auto; height: 12em; }
.top-bddvd-container .txt{ font-size: .666em; }

.cont-top-books{ width: 95%; max-width: 1140px; margin: 0 auto 2em auto; background-color: rgba(0,0,0,1); padding: .5em; }
.top-books-container{ width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 1em; }
.top-books-container > div{ width: 20%; }
.top-books-container a{ display: block; padding: 1em; text-decoration: none; color: #FFF; text-align: center; }
.top-books-container a:hover{ background-color: #333; }
.top-books-container .thm{ margin-bottom: .5em; }
.top-books-container .txt{ font-size: .666em; }

.cont-top-tieup{ width: 95%; max-width: 1140px; margin: 0 auto 2em auto; background-color: rgba(0,0,0,1); padding: .5em; }
.tieup-container{ width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 1em; }
.tieup-container > div{ width: 50%; }
.tieup-container.top-tieup-container > div{ width: 33.33%; }
.tieup-container a{ display: block; padding: 1em; text-decoration: none; color: #FFF; text-align: center; }
.tieup-container a:hover{ background-color: #333; }
.tieup-container .thm{ margin-bottom: .5em; }
.tieup-container .txt{ font-size: .666em; }






/* SUB-PAGE */
/* NEWS */
#Page_News .content-entry .entry-title{ padding: .1em; font-weight: normal; text-align: center; background-color: #FFF; color: #796bae; border: none;}

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

/* TIE-UP */
/*
.tieup-list{ display: flex; flex-wrap: wrap; margin-bottom: 2em; }
.tieup-list-cell{ width: 50%; padding: .5em; text-align: center; }
.tieup-list-cell p{ font-size: .777em; margin-bottom: .5em; }
*/

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

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

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

}
/* Custom 1440 ----------------------------------------------------------------------------- */
@media (max-width: 1439px) {

}
/* LG ----------------------------------------------------------------------------- */
@media (max-width: 1199px) {
body{ font-size: calc((100vw / 1200) * 18); }
}
/* MD ----------------------------------------------------------------------------- */
@media (max-width: 991px) {

}
/* SM ----------------------------------------------------------------------------- */
@media (max-width: 767px) {
/* style */
.hv_fade{ opacity: 1; }
.hv_fade:hover{ opacity: 1; }

/* Structure */
body{ font-size: calc((100vw / 960) * 36 ); }

/* background */
.bg-img > div{ position: fixed; }
.bg-ptn{  }

/* header */
.part-header{ position: fixed; z-index: 100; }
.cont-global-header{ background-color: #000; }
.cont-global-header .inner{ height: 4em; }
.cont-global-header h1.site-title{ font-size: .83em; padding: 1.8em 0 0 1em; text-align: left; }

.cont-global-navi{ background-color: rgba(0,0,0,.95); display: none; }
.global-navi{ width: 100%; height: inherit; margin: 0 auto; padding: 0; text-align: center; }
.global-navi li{ width: 100%; padding: 1.0em 0; font-size: 1.333em; }
.global-navi li.sep{ padding: 0; margin: 0; line-height: 0; height: 1px; border-top: #FFF dotted 1px; }
.global-navi li.sep:after{ display: none; }

.cont-series-navi{ background-color: rgba(255,255,255,.95); display: none; }
.series-navi{ width: 100%; margin: 0 auto; list-style-type: none; padding: .5em 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.series-navi li{ width: 40%; padding: 0; display: block; margin: 1% 5%; line-height: 1; }

.cont-sp-btn{ display: block; color:#FFF; width: 2.5em; position: absolute; top:1.0em; right: 1.5em; z-index: 6; }
.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{ height:100%; }
.part-header.on .cont-global-navi{ display: block; }
.part-header.on .cont-series-navi{ display: block; }
.part-header.on .cont-sp-btn .sp-navi-open{ display: none; }
.part-header.on .cont-sp-btn .sp-navi-close{ display: block; }

/* middle */
.cont-main{ padding-top: 5em; }
.cont-sub{ padding-top: 3.5em; }

.cont-sub-entries-inner{ padding: 1.5em 1em; }

.pagetop-navi{ position: relative; }
.pagetop-navi a{ display: inline-block; width: calc( 51/18 * 1em );  }

/* footer */
.part-footer{ background: #000; padding: 0 0 1.5em 0; }

.cont-footer-navi{ display: none; }

.cont-footer-series-navi{ display: none; }

.cont-footer-banner{ }
.footer-banner{ list-style-type: none; padding: 1.5em 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.footer-banner li{ width: 60%; margin: 0; padding: 0; display: block; margin: .5em; }





/* TOP-PAGE */
.slider-slick div a{ display: block; padding: .5em; }

.cont-top-news-twitter-movie{ width: 95%; max-width: inherit; margin: 0 auto 2em auto; position: relative; display: flex; flex-wrap: wrap; }
.cont-top-news{ width: 100%; margin-right: 0; margin-bottom: 2em; }
.cont-top-movie{ width: 100%; margin-right: 0; margin-bottom: 2em;}
.cont-top-twitter{ width: 100%;}

.news-container { height: inherit; overflow: inherit; }

.top-more-btn{ position: relative; }

.movie-container { height: inherit; overflow: inherit;  }
.top-movie-btn{position: relative; }

.top-bddvd-container{ margin-bottom: 1em; }
.top-bddvd-container > div{ width: 50%; }
.top-bddvd-container div:nth-child(5){ display: none; }
.top-bddvd-container a{ padding: .5em; }
.top-bddvd-container .thm img{ width: auto; height: 12.5em; }

.top-books-container{ margin-bottom: 1em; }
.top-books-container > div{ width: 50%; }
.top-books-container div:nth-child(5){ display: none; }
.top-books-container a{ padding: .5em;}

.tieup-container > div{ width: 100%; }
.tieup-container.top-tieup-container > div{ width: 100%; }
.tieup-container a{ padding: .5em;}

/* SUB-PAGE */
.cont-sub{  }

.cont-news-cursor{ width: 90%; }
.news-cursor ul{ padding: 3em 0 3em 0;  }
.news-cursor ul li a span{ width: 3em; height: 3em; }




/* TIE-UP */
.tieup-list{ margin-bottom: 2em; }
.tieup-list-cell{ width: 100%;  }


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

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

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

}
/*
■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■      

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

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

@-webkit-keyframes fadeInLeftSM {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftSM {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftSM {
  -webkit-animation-name: fadeInLeftSM;
  animation-name: fadeInLeftSM;
}

@-webkit-keyframes fadeInDownSM {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -15%, 0);
    transform: translate3d(0, -15%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownSM {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -15%, 0);
    transform: translate3d(0, -15%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownSM {
  -webkit-animation-name: fadeInDownSM;
  animation-name: fadeInDownSM;
}

@-webkit-keyframes fadeInUpSM {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 15%, 0);
    transform: translate3d(0, 15%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpSM {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 15%, 0);
    transform: translate3d(0, 15%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpSM {
  -webkit-animation-name: fadeInUpSM;
  animation-name: fadeInUpSM;
}
/* bounceInUpSM */
@-webkit-keyframes bounceInUpSM {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 5em, 0);
    transform: translate3d(0, 5em, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUpSM {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 5em, 0);
    transform: translate3d(0, 5em, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUpSM {
  -webkit-animation-name: bounceInUpSM;
  animation-name: bounceInUpSM;
}
/* fadeInOut */
@-webkit-keyframes fadeInOut {
	0% {
		opacity: 0;
	}
	
	12.5% {
		opacity: 1;
	}

	37.5% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}
@keyframes fadeInOut {
	0% {
		opacity: 0;
	}
	
	12.5% {
		opacity: 1;
	}

	37.5% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}
.fadeInOut {
  -webkit-animation-name: fadeInOut;
  animation-name: fadeInOut;
}