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

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

■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ 
*/
/* ---- fonts ---- */
@font-face{
font-family: "07yasashisa";
src: url("../fonts/07yasashisa.eot");
src: url("../fonts/07yasashisa.eot?#iefix") format("embedded-opentype"),
url("../fonts/07yasashisa.woff2") format("woff2"),
url("../fonts/07yasashisa.woff") format("woff"),
url("../fonts/07yasashisa.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

body{font-family:YakuHanRP,'07yasashisa',sans-serif;}
.not-ykhn{font-family:'07yasashisa',sans-serif;}
ul.dotlist li:before { font-family:'07yasashisa',sans-serif;}
fnt-modak{ font-family:'Modak', cursive ,sans-serif; }

/* ---- common style ---- */
a,a:visited {color: #ffaaff;}
a:hover,a:active {color: #ff00ff; }
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; padding: 0.3em 0.5em 0.4em 0.5em ; border: #fff solid 2px ; text-decoration: none; border-radius: .6em; font-size: 1em; font-weight: bold; }
.ilink:before{ content:"> "; }
.ilink,
.ilink:visited,
.ilink:active{ color: #fff; }
.ilink:hover{ text-decoration: none; background-color: #fff; color: #ff00ff; }
/*.ilink:before{ content:"> "; }*/
.cb-self{ }

.inview{ animation:inview 0.4s .2s ease-out both paused; }
.inview-start{ animation:inview-start 0.4s .2s ease-out both running; }
@keyframes inview {
  from { opacity: 0; transform: translate3d(0, 2em, 0); }
  to { opacity: 1; transform: none; }
}
@keyframes inview-start {
  from { opacity: 0; transform: translate3d(0, 2em, 0); }
  to { opacity: 1; transform: none; }
}

.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-color1{color: #fff; }/* base color */
.ac-color2{color: #fff447; }/* light yellow */
.ac-color3{color: #ff00ff; }/* purple */

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

.ic-text{ display: inline-block; border: #ff00ff solid 1px; padding: .1em .3em; }

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

/* list */
ol.maru li:before { background-color: #fff; color: #121927; }

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

/* table */
.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; }

/* frame */
.frame-rnd05{ border-radius: .5em; }
.frame-rnd10{ border-radius: 1em; }
.frame-rnd15{ border-radius: 1.5em; }
.frame-rnd20{ border-radius: 2em; }
.frame-a{ border: #ff00ff solid 1px; box-sizing: border-box;}
.frame-b{ background: rgba(254,249,141,0.2); box-sizing: border-box;}
.frame-c{ background-color: #fffaa1; border: #1f3c8c solid .222em; box-sizing: border-box;}
.frame-d{ background-color: #fff; border: #1f3c8c solid .222em; box-sizing: border-box; border-radius: 1em; overflow: auto; line-height: 0;}
.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) */ }

.sep{ height: 2em; background: url(../images/sep.png) no-repeat center center; background-size: auto .7em; }

/* 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-custom.gif); }

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

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

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

html{ height: 100%; }
body{ font-size: 18px; color: #fff; background:#000 url(../images/common-bg-brick.png); background-size: 8.333em auto; position: relative; height: 100%;} 

.part-background{ position: relative; width: 100%; height: auto; min-height: 100%; height: auto !important; position: absolute; }
.bg-grad{ width: 100%;  height: 57.6em;  background-size: inherit auto; }

.part-header{ position: relative; width: 100%; }
.part-middle{ position: relative; width: 100%; min-height: 90vh; }
.part-footer{ position: relative; width: 100%; }


/* header */
.part-header{ background-color: #ff156f; padding-bottom: .277em; }
.part-header > .inner{ position: relative; background:url(../images/common-bg-strp1.png); background-size: 1em auto; box-shadow: rgba(0,0,0,.8) 0 0 .277em; }
.cont-global-navi{ }
.cont-global-navi > .inner{ padding: .5em 1em;}

.global-navi{ max-width: 1000px; margin: 0 auto; list-style-type: none; padding:0; display: flex; flex-wrap: wrap; justify-content: center; }
.global-navi { font-family:'Modak', cursive ,sans-serif; }
.global-navi li{ margin: 0; padding: .5em .5em; display: block;}
.global-navi li a{ color: #fff; font-size: 1.777em; text-decoration: none; line-height: 1; letter-spacing: .05em; 
text-shadow: #900037 .0625em .0625em 0, #900037 -.0625em -.0625em 0,/*右下、左上*/
#900037 -.0625em .0625em 0, #900037 .0625em -.0625em 0,/*右上、左下*/
#900037 0px .0625em 0, #900037  0 -.0625em 0,/*右、左*/
#900037 -.0625em 0 0, #900037 .0625em 0 0,/*上、下*/
rgba(144,0,55,.8) 0 .25em .02em;/*シャドー*/}
.global-navi li a:hover{ opacity: .7; }

.cont-sp-btn{ display: none; }


/* middle */
.cont-mainvis{ width: 100%; margin: 0 auto;}
.cont-main{ width: 100%; max-width: 1200px; margin: 0 auto;}
.cont-sub{ width: 100%; max-width: 1200px; margin: 0 auto; background: url(../images/common-cont-sub-upr.png) no-repeat center top; background-size: 77.77em auto;  }

.cont-sub-navi{ margin: 0 auto; padding: .6em .6em .6em .6em; margin-bottom: 1em; border-radius: 3.5em; }
.sub-navi{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 0; margin: 0; list-style-type: none; }
.sub-navi > li{ display: block; padding: 0; margin: .25em; }
.sub-navi > li:last-child{  }
.sub-navi > li.cs{ opacity: .3; pointer-events: none; }
.sub-navi > li.sep{ width: 100%; height: 0; margin: 0; }
.sub-navi > li.sep.sep-pc{ display: block; }
.sub-navi > li.sep.sep-sp{ display: none; }
.sub-navi > li a{ border: #ff00ff solid .222em; border-radius: 2em; position: relative; display: block; text-decoration: none;}
.sub-navi > li a span{ padding: .5em; min-width: 3em; text-align: center; border: #ae00ae solid .222em; background-color: #5d005d; border-radius: 1.7em; display: block; font-weight: bold;}

.atc-inner{ width: 100%; margin: 0 auto; }
.atc-inner-top{ width: 94%; max-width: 1120px; }
.atc-inner-880{ width: 73.333%; max-width: 880px; }
.atc-inner-1000{ width: 83.333%; max-width: 1000px; }

.atc-ttl{  max-width: 48.888em; padding: 1.5em 0; text-align: center; margin: 0 auto; }
.atc-ttl-top{ font-size: 1em; max-width: 44.444em; margin: 0 auto; text-align: center; position: relative;}
.atc-frame{ border: #ff00ff solid .222em; border-radius: 2em; position: relative; }
.atc-frame-inner{ padding: 1em; border: #ae00ae solid .222em; background-color: #5d005d; border-radius: 1.7em; }

.cont-entries{ padding-bottom: 3em; }
.content-entry{ border: #ff00ff solid .222em; border-radius: 2em; box-sizing: border-box; margin-bottom: 3em; }
.content-entry:last-child{margin-bottom: 0;}
.content-entry .entry-head{ padding: 1.5em ; padding-bottom: 0; margin-bottom: 0; border-top: #ad00ad solid .222em; border-left: #ad00ad solid .222em; border-right: #ad00ad solid .222em; border-radius: 1.7em 1.7em 0 0; background-color: #5d005d; }
.content-entry .entry-body{ padding: 1.5em ; line-height: 1.5; border-bottom: #ad00ad solid .222em; border-left: #ad00ad solid .222em; border-right: #ad00ad solid .222em;border-radius: 0 0  1.7em 1.7em ; background-color: #5d005d; }
.content-entry .entry-date{ font-size: 0.66em; font-weight: normal; margin-bottom: .9em; letter-spacing: 0.05em; color: #5d005d; position: relative; display: inline-block; padding: .2em .5em ; background-color: #fff9a7;border-radius: 1em;}
.content-entry .entry-title{ font-size: 1em; color: #ffb0f9; background: url(../images/entrytitle-icon.png) no-repeat left top; background-size: 1.555em; padding-left: 1.7em; margin-bottom: 0; }
.content-entry .entry-title > span{ font-size: 1.222em; }

.content-single{ margin-bottom: 3em; }

.content-modal{ max-width: 920px; border: #ff00ff solid .222em; border-radius: 2em; box-sizing: border-box; margin: 0 auto 1em auto; padding: 0; overflow: auto; }
.content-modal .entry-body{  padding: 0; overflow: auto; border: #ad00ad solid .222em; border-radius:1.7em ; background-color: #5d005d; }

/* footer */
.part-footer{ width: 100%; margin: 0 auto; padding-top: 1.777em; background: rgba(0,0,0,.1) url(../images/footer-ptn.png) repeat-x center top; background-size: auto 1.777em ; border-top: #ff2478 .333em solid; }
.part-footer > .inner{ width: 100%; padding: .3em 0; margin: 0 auto; background: url(../images/footer-bg.png) no-repeat center top; background-size: cover; }
.ft-pgtop{ width: 3.8333em; height: 3.8333em; position: fixed;  bottom:1em; right: 1em; /* left:calc(50% + 33.33em - 3.8333em ); */ }
.ft-banner{ display: none; }
.ft-copyrihgt{ width: 90%; max-width: 808px; position: relative; margin: 0 auto; }
.ft-copyrihgt .ft-logo{ width: 9.166em; padding:.5em 0; text-align: center; margin: 0 auto;}
.ft-copyrihgt .ft-copy{ color: #FFF; font-size: .333em; padding:.5em 0; text-align: center;}



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

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

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

/* TOP-PAGE */
.cont-top-visual{ width: 100%; margin: 0 auto;}
.kv-container{ width:100%; position: relative; overflow: hidden; }
.kv-container > div{ position: absolute; top:0; }
.kv-container > div img{ width: 100%; }
.kv-container .spc{ position: relative; background-color: #000; }

.kv-container .scn-1{ display: flex; flex-wrap: wrap; }
.kv-container .scn-1 > div{ width: 14.285%; }

.kv-container .scn-f .main{ }
.kv-container .scn-f .onair{ width: 85.714%; position: absolute; top:92.5%; left: 0; right: 0; margin: 0 auto;  }
.kv-container .scn-f .logo{ width: 64.857%; position: absolute; top:.9%; left: 0; right: 0; margin: 0 auto;  }
.kv-container .scn-f .badge{ width: 21.215%; position: absolute; top:80.0%; left: 75.0%; }

.kv-container .scn1-p{ animation-name: anm-scn-k; animation-duration: 1.5s; animation-fill-mode:both; }
.kv-container .scn1-k{ animation-name: anm-scn-k; animation-duration: 1.5s; animation-fill-mode:both; }

.kv-container .scn1-k.k0{ animation-delay: 0; }
.kv-container .scn1-k.k1{ animation-delay: 0.2s; }
.kv-container .scn1-k.k2{ animation-delay: 0.35s; }
.kv-container .scn1-k.k3{ animation-delay: 0.5s; }
.kv-container .scn1-k.k4{ animation-delay: 0.65s; }
.kv-container .scn1-k.k5{ animation-delay: 0.9s; }
.kv-container .scn1-k.k6{ animation-delay: 1.05s; }
.kv-container .scn1-k.k7{ animation-delay: 1.55s; }
.kv-container .scn1-k.k8{ animation-delay: 1.7s; }
.kv-container .scn1-k.k9{ animation-delay: 1.85s; }
.kv-container .scn1-k.k10{ animation-delay: 2.0s; }

.kv-container .scn1-p.p0{ animation-delay: 3.0; }
.kv-container .scn1-p.p1{ animation-delay: 3.1s; }
.kv-container .scn1-p.p2{ animation-delay: 3.1s; }
.kv-container .scn1-p.p3{ animation-delay: 3.1s; }
.kv-container .scn1-p.p4{ animation-delay: 3.1s; }
.kv-container .scn1-p.p5{ animation-delay: 3.3s; }
.kv-container .scn1-p.p6{ animation-delay: 3.3s; }
.kv-container .scn1-p.p7{ animation-delay: 3.3s; }
.kv-container .scn1-p.p8{ animation-delay: 3.5s; }
.kv-container .scn1-p.p9{ animation-delay: 3.5s; }
.kv-container .scn1-p.p10{ animation-delay: 3.5s; }
.kv-container .scn1-p.p11{ animation-delay: 3.5s; }
.kv-container .scn1-p.p12{ animation-delay: 3.7s; }
.kv-container .scn1-p.p13{ animation-delay: 3.7s; }
.kv-container .scn1-p.p14{ animation-delay: 3.7s; }
.kv-container .scn1-p.p15{ animation-delay: 3.9s; }
.kv-container .scn1-p.p16{ animation-delay: 3.9s; }
.kv-container .scn1-p.p17{ animation-delay: 3.9s; }
.kv-container .scn1-p.p18{ animation-delay: 3.9s; }
.kv-container .scn1-p.p19{ animation-delay: 4.0s; }
.kv-container .scn1-p.p20{ animation-delay: 4.0s; }
.kv-container .scn1-p.p21{ animation-delay: 4.0s; }
.kv-container .scn1-p.p22{ animation-delay: 4.0s; }
.kv-container .scn1-p.p23{ animation-delay: 4.0s; }
.kv-container .scn1-p.p24{ animation-delay: 4.0s; }
.kv-container .scn1-p.p25{ animation-delay: 4.0s; }
.kv-container .scn1-p.p26{ animation-delay: 4.0s; }
.kv-container .scn1-p.p27{ animation-delay: 4.0s; }
.kv-container .scn1-p.p28{ animation-delay: 4.0s; }
.kv-container .scn1-p.p29{ animation-delay: 4.0s; }
.kv-container .scn1-p.p30{ animation-delay: 4.0s; }
.kv-container .scn1-p.p31{ animation-delay: 4.0s; }
.kv-container .scn1-p.p32{ animation-delay: 4.0s; }

.kv-container .scn-1{ animation-name: anm-fadeout; animation-duration: 1.5s; animation-fill-mode:both; animation-delay: 5.5s; }
.kv-container .scn-f .onair{ animation-name: anm-onar; animation-duration: 3.5s; animation-fill-mode:both; animation-delay: 6.5s; }
.kv-container .scn-f .logo{ animation-name: anm-lgo; animation-duration: 3.5s; animation-fill-mode:both; animation-delay: 6.5s;}
.kv-container .scn-f .main{ animation-name: anm-fadein; animation-duration: 1.0s; animation-fill-mode:both; animation-delay: 8.5s;}
.kv-container .scn-f .badge{ animation-name: fadeInDownSM; animation-duration: .5s; animation-fill-mode:both; animation-delay: 9.5s; }

@keyframes anm-scn-k {
  from {opacity: 0; transform: translate3d(0, 5%, 0);}
  to {opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes anm-lgo {
  from {opacity: 0; transform: translate3d(0, 20%, 0);}
  30% {opacity: 1; transform: translate3d(0, 10%, 0);}
  70% {opacity: 1; transform: translate3d(0, 10%, 0);}
  to {opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes anm-onar {
  from {opacity: 0; transform: translate3d(0, -1050%, 0);}
  30% {opacity: 1; transform: translate3d(0, -1065%, 0);}
  70% {opacity: 1; transform: translate3d(0, -1065%, 0);}
  to {opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes anm-fadein {
  from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes anm-fadeout {
  from {opacity: 1;}
  to {opacity: 0;}
}

.cont-top-ob{  width: 100%; margin: 0 auto 2em auto; background:url(../images/common-bg-strp1.png); background-size: 1em auto; box-shadow:/* 0px 4px 4px -4px #000000, */0px -4px 2px -4px #000000; text-align: center; padding: .5em 0;   }
.cont-top-ob > .inner{ max-width: 40em; margin: 0 auto; }

.att-info{ padding: .5em 1em; border: #ae00ae solid 1px; background-color: #5d005d; border-radius: 1.7em; margin-bottom: 1em;}
.att-info p{  margin-bottom: 0; font-size: 0.88em; }

.cont-top-news-twitter{ display: flex; flex-wrap: wrap; margin-bottom: 2em; } 
.cont-top-news-twitter .atc-frame-top-inner{ background-position: center 10%; background-size: 250%; }
.cont-top-news{ width: calc( 60% - .5em); margin-right: 1em; }
.cont-top-twitter{ width: calc( 40% - .5em); }

.news-container { overflow-y: auto; min-height: 230px; }
.news-container dl{ font-size: 1.0em; margin: 0 0 .5em 0; color: #222;}
.news-container dl:last-child{ margin: 0;}
.news-container dl dt{ font-size: 0.66em; font-weight: normal; margin-bottom: .2em; letter-spacing: 0.05em; color: #5d005d; position: relative; display: inline-block; padding: .2em .5em ; background-color: #fff9a7;border-radius: 1em; }
.news-container dl dd{ font-size: 0.88em; line-height: 1.4; color: #fff; }
.news-container dl dd a,
.news-container dl dd a:visited{ text-decoration: none; color: #fff; }
.news-container dl dd a:hover{ text-decoration: underline; color: #fff; }

.cont-top-movie{ max-width: 1120px; margin: 0 auto; margin-bottom: 2em; }
.cont-top-movie .atc-frame-top-inner{ padding: 2em 1.5em; }

.cont-top-staff{ width: 90%; max-width: 880px; margin: 0 auto; margin-bottom: 2em; }
.cont-top-staff .atc-frame-top-inner{ padding: 2em 1.5em; background-position: center top; background-size: 150%; }


/* SUB-PAGE */


#Page_News .cont-entries{ }


/* ON AIR */
#Page_Onair{ }
.onair-container{ padding: 1em; }
.onair-block{ display: flex; flex-wrap: wrap; padding: .25em 0; }
.onair-block .col-a{ width: 19%; }
.onair-block .col-b{ width: 26%; }
.onair-block .col-c{ width: 19%; }
.onair-block .col-d{ width: 19%; }
.onair-block .col-ic{ width: 17%; }
.onair-block .col-e{ width: 81%; margin-left: 19%; }
.onair-block .col-f{ width: 100%; }
.onair-block a{ color: #ffaaff; }
.onair-block a:hover{ color: #ff00ff; text-decoration: none; }

.streaming-list{ display: flex; flex-wrap: wrap; }
.streaming-list div{ width: 33.333%; margin-bottom: .9em; line-height: 1.1; }
.streaming-list a{ color: #ffaaff; }
.streaming-list a:hover{ color: #ff00ff; text-decoration: none; }


/* STORY */
#Page_Story .atc-frame-inner.intro-bg{ background: url(../assets/story/intro-bg.jpg) no-repeat center top; background-size: cover; }
#Page_Story .intro-container{ display: flex; flex-wrap: wrap; padding: 1em; }
#Page_Story .intro-container .intro-title{ width: 100%; order: 1; text-align: center; position: relative; font-size: 1em; margin-bottom: 2em; }
#Page_Story .intro-container .intro-title span{ width: 27.77em; display: inline-block; }
#Page_Story .intro-container .fig{ width: 51%; padding: .5em; order: 3; }
#Page_Story .intro-container .p1{ width: 49%; order: 2; }
#Page_Story .intro-container .p2{ width: 100%; order: 4; }

#Page_Story .ep-container{ display: block; padding: 1em; position: relative; }
.ep-title-label{ width: 100%; text-align: center; position: relative; font-size: 1em; margin-bottom: .5em; }
.ep-title-label span{ width: 27.77em; display: inline-block; }
.ep-title{ font-size: 1em; text-align: center; margin: .5em auto 1.5em auto; padding: .7em 1.5em; display: block; font-weight: bold; letter-spacing: .1em; position: relative; }

.ep-title > span.num{ display: inline-block; font-size: 1.4em; color:#ff00ff; padding: .5em; margin-bottom: 1.0em; background-color: rgba(0,0,0,.1); border-radius: 1em; }
.ep-title > span.txt{ display: block; font-size: 1.6em; line-height: 1.6; position: relative; }

.ep-slider-sceneImage{ border: #ff00ff solid .111em; }
.ep-slider-thumb{ display: flex; flex-wrap: wrap;  margin: 0 0 1.0em 0; }
.ep-slider-thumb > div{ width: 15.666%; margin:1.0% .5%;  border-radius: .5em; overflow: hidden; }
.ep-slider-thumb > div:last-child{ }
.ep-staff{ display: none;}
.ep-trailer{ width: 90%; max-width: 720px; margin: 0 auto; padding: 1em 0 0 0; }
.ep-trailer-ttl{ text-align: center; font-weight: 900; font-size: .888em; margin-bottom: .5em; }

#Outline{  }
#StoryData{ display: none; }


/* STAFF&CAST */
#Page_Staffcast .staffcast-container{ display: flex; flex-wrap: wrap; padding: 1em; }
#Page_Staffcast .staffcast-container .l1{ width: calc(50% - .7em); margin-right: .7em; margin-bottom: .5em; padding-top: .2em; text-align: right;}
#Page_Staffcast .staffcast-container .r1{ width: calc(50% - .7em); margin-left: .7em; margin-bottom: .5em;}
#Page_Staffcast .staffcast-container .fl{ width: 100%; margin-bottom: 1.4em; text-align: center;}
#Page_Staffcast .ttl-staff{ display: block; width: calc( 233 / 18 * 1em ); margin: 0 auto 1em auto; padding-top: 1em ; }
#Page_Staffcast .ttl-cast{ display: block; width: calc( 206 / 18 * 1em ); margin: 0 auto 1em auto; padding-top: 1em ; }


/* PRODUCTS */
#Page_Products .ttl-themesong{ display: block; width: calc( 514 / 18 * 1em ); margin: 0 auto 1em auto; }
.ttl-bddvd{ max-width: 31em; margin: 1em auto 1em auto; }
.bddvd-container{ padding: 1em; }
.bddvd-container .jkt{ padding: 0 2em; margin: 0 auto; margin-bottom: 2em; }
.bddvd-container .fig{ max-width: 24em; margin: 0 auto; margin-bottom: 2em; }

.music-container{ padding: 1em; }
.music-container .jkt{ max-width: 27.777em; margin: 0 auto; margin-bottom: 1em; }

#Page_Products .ttl-comics{ display: block; width: calc( 301 / 18 * 1em ); margin: 0 auto 1em auto; padding-top: 1em ; }
#Page_Products .ttl-novel{ display: block; width: calc( 258 / 18 * 1em ); margin: 0 auto 1em auto; padding-top: 1em ; }

#Page_Products .books-container{ display: flex; flex-wrap: wrap; justify-content: center; padding: 1em; }
#Page_Products .books-container > div{ width: calc(33% - 1.4em); margin: .7em; }
#Page_Products .books-container .thm{ margin: 0 auto; margin-bottom: .7em; }

#Page_Products .books-container2{ display: flex; flex-wrap: wrap; justify-content: center; padding: 1em; }
#Page_Products .books-container2 > div{ width: calc(33% - 1.4em); margin: .7em; }
#Page_Products .books-container2 .thm{ width: 100%; margin: 0 auto; margin-bottom: .7em; }


/* CHARACTER */
#Page_Character .atc-frame-inner.chara-bg{ padding: .5em; }
#Page_Character .character-navi{ width: 27.777em; display: flex; flex-wrap: wrap; justify-content: center; position: absolute; top:-2em; left:0; right: 0; margin: 0 auto; }
#Page_Character .character-navi > div{ width: 20%; }

/*
#Page_Character .character-navi > div a{ transform: inherit;}
#Page_Character .character-navi > div a:hover{ transform: translate3d(0, 20%, 0);}
*/

.btnlink{ display: inline-block; border:#ff00ff solid .1em; border-radius: 1.666em; margin-bottom: 0;}
.btnlink > a{ display: inline-block; border:#fff solid .1em; padding: .3em .9em; border-radius: 1.5em; }


/* SPECIAL */
#Page_Special .ttl-special{ display: block; margin: 0 auto 1em auto; padding-top: 1em ; text-align: center; }

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

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

■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ ■■■ 
*/
/* 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) * 28 ); }



/* header */
.part-header{ background-color: inherit; padding: 0; position: fixed; z-index: 5; }
.part-header > .inner{ background:inherit; box-shadow: inherit; }
.cont-global-navi{ }
.cont-global-navi > .inner{ padding: 1.5em 1em;}
.cont-global-navi{ background: none; border: none; display: none;}
.cont-global-navi > .inner{ border: none;}
.global-navi{ flex-wrap: wrap; justify-content: center; padding: 0 2.5em; }
.global-navi li{ width: 100%; padding: 1.1em 0; border-bottom: #900037 dotted .333em; text-align: center; }
.global-navi li:last-child{ border: none; }
.global-navi li a{ font-size: 3em; }
.global-navi li a:hover{ opacity: inherit }

.cont-sp-btn{ display: block;  width: 4em; position: absolute; top:.5em; right: .5em; z-index: 6; }
.cont-sp-btn .sp-navi-open{ display: block; }
.cont-sp-btn .sp-navi-close{ display: none; }

.part-header.on{ height:100%; background-color: #ff156f; }
.part-header.on > .inner{ height:100%; background:url(../images/common-bg-strp1.png); }
.part-header.on .cont-global-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 */

.sub-navi > li{ display: block; padding: 0; margin: .35em; }
.sub-navi > li:last-child{  }
.sub-navi > li.sep.sep-pc{ display: none;}
.sub-navi > li.sep.sep-sp{ display: block;}
.sub-navi > li a span{ padding: .5em; min-width: 3em; font-size: 1.2em;}

.atc-inner{ width: 90%; margin: 0 auto; }
.atc-inner-top{ width: 90%; }
.atc-inner-880{ width: 90%; }
.atc-inner-1000{ width: 90%; }

.atc-ttl{ width: 100%;  padding: 1.0em 0; text-align: center; }

/* footer */
.ft-pgtop{ width: 3.8333em; height: 3.8333em; position: fixed;  bottom:2em; right: 1em; /* left:calc(50% + 33.33em - 3.8333em ); */ }

.ft-copyrihgt{ font-size: .333em; padding:.25em 0;  }
.ft-copyrihgt .ft-logo{ width: 15em; padding: 1em 0; }

/* TOP-PAGE */

/* .kv-container .scn-1 > div{ width: 20%; } */

.kv-container .scn-1{ animation-name: anm-fadeout; animation-duration: 1.5s; animation-fill-mode:both; animation-delay: 5.5s; }
.kv-container .scn-f .onair{ animation-name: anm-fadein; animation-duration: 1.5s; animation-fill-mode:both; animation-delay: 6.5s; }
.kv-container .scn-f .logo{ animation-name: anm-fadein; animation-duration: 1.5s; animation-fill-mode:both; animation-delay: 6.5s;}
.kv-container .scn-f .main{ animation-name: anm-fadein; animation-duration: 1.0s; animation-fill-mode:both; animation-delay: 6.5s;}
.kv-container .scn-f .badge{ animation-name: fadeInDownSM; animation-duration: .5s; animation-fill-mode:both; animation-delay: 7.5s; }

.cont-top-ob > .inner{ max-width: 28em; margin: 0 auto; }
.cont-top-news-twitter{ display: flex; flex-wrap: wrap; margin-bottom: 2em; } 
.cont-top-news{ width: 100%; margin: 0 auto 2em auto;}
.cont-top-twitter{ width: 100%; margin: 0 auto 0 auto;}
.cont-top-news .atc-ttl-top,
.cont-top-twitter .atc-ttl-top{ padding: 0 15%; }
.news-container { min-height: inherit; overflow: inherit; }

.cont-top-intro{ width: 100%;}
.cont-top-staff{ width: 100%;}

.cont-sub{ }

.onair-block{ display: flex; flex-wrap: wrap; padding: .25em 0; }
.onair-block .col-a{ width: 100%; }
.onair-block .col-b{ width: 38%; font-size: .777em; }
.onair-block .col-c{ width: 27%; font-size: .777em; }
.onair-block .col-d{ width: 35%; font-size: .777em; }
.onair-block .col-ic{ width: 100%; font-size: .777em; margin-top: .2em;}
.onair-block .col-e{ width: 100%; font-size: .777em; margin-left: 0; margin-top: .5em; }

.streaming-list div{ width: 50%; }


/* STORY */
#Page_Story .intro-container .intro-title{ order: 1; }
#Page_Story .intro-container .intro-title span{ width: 22em; display: inline-block; }
#Page_Story .intro-container .fig{ width: 100%; padding: inherit; order: 4; }
#Page_Story .intro-container .p1{ width: 100%; order: 2; }
#Page_Story .intro-container .p2{ width: 100%; order: 3; }

#Page_Story .ep-container{ padding: 0.5em; }
.ep-title-label span{ width: 24em; }
.ep-title{ padding: .7em 0; display: block;}
.ep-title > span.txt{ text-align: left; }

.ep-slider-sceneImage{ border: #ff00ff solid .222em; margin-bottom: .25em; }
.ep-slider-thumb > div{ width: 32.333%; margin:.5%;  border-radius: .5em; overflow: hidden; }


/* PRODUCTS */
.ttl-bddvd{ max-width: 20em;}
.bddvd-container .jkt{ padding: 0 0em;  }

#Page_Products .books-container{ display: flex; flex-wrap: wrap; justify-content: center; padding: 1em; }
#Page_Products .books-container > div{ width: calc(100% - 1.4em); margin: .7em; }
#Page_Products .books-container .thm{ width: 80%; margin: 0 auto; margin-bottom: .7em; }

#Page_Products .books-container2{ display: flex; flex-wrap: wrap; justify-content: center; padding: 1em; }
#Page_Products .books-container2 > div{ width: calc(100% - 1.4em); margin: .7em; }
#Page_Products .books-container2 .thm{ width: 80%; margin: 0 auto; margin-bottom: .7em; }

#Page_Character .content-single{ margin-bottom: 5em; }
#Page_Character .character-navi{ width: 22em; top:-3em; }

}
/* 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;
}