@charset "utf-8";
/*////////////////////////////////////////
  CSS Index
    00.reset
    01.initial settings
    02.layout
    03.header
    04.index
    05.main
    06.footer
    99.add class
////////////////////////////////////////*/

/* 00.reset
////////////////////////////////////////*/
html,body,div,span,h1,h2,h3,h4,h5,h6,
p,dl,dt,dd,ol,ul,li,table,tr,th,td,form,fieldset,label,legend,object,iframe,figure{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: 400;
  vertical-align: baseline;
}
body{
  line-height: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
article,footer,header,main,nav,section,figure{
  display: block;
}
ul{
  list-style: none;
}
body,html,article,footer,header,main,nav,section,
div,span,table,th,td,dl,dt,dd,ol,ul,li,a,img,figure,h1,h2,h3,h4,h5,h6,p,a,:before,:after{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* 01.initial settings
////////////////////////////////////////*/
html{
  scroll-behavior: smooth;
  font-size: 62.5%;
}
body{
  background: #F8F8F8 url('bg.png') center center;
  background-size: 640px 1280px;
  color: #201010;
  font-family: -apple-system,BlinkMacSystemFont,'Helvetica Neue','Hiragino Kaku Gothic ProN',meiryo,sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-feature-setting: 'pkna';
  text-rendering: optimizeLegibility;
  -webkit-transition: background .8s;
  transition: background .8s;
}
@media screen and (min-width: 768px) {
  body{
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1024px) {
  body{
    font-size: 18px;
    font-size: 1.8rem;
    background-size: 1280px 2560px;
  }
}
html,body{
  min-height: 100%;
}
p{
  max-width: 920px;
  margin: 1em auto;
  line-height: 1.4;
}
ol{
  margin: 1em 0;
  padding-left: 3em;
  list-style: decimal-leading-zero;
  line-height: 1.2;
  text-align: left;
}
ol li{
  margin: .6em 0;
}
p br{
  display: none;
}
@media screen and (min-width: 32em) {
  p br{display: block;}
}
em,i{
  font-style: normal;
}
b,em,strong{
  font-weight: 700;
}
img{
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
a{
  text-decoration: none;
}
a img{
  border: none;
  outline: none;
}
a:link{color: #ff3010;}
a:visited{color: #ff3010;}
a:hover{color: #c00040;text-decoration: underline;}
a:active{color: #ff3010;}
::-moz-selection{
  background: #201010;
  color: #f8f8f8;
}
::selection{
  background: #201010;
  color: #f8f8f8;
}
hr{
  border: 0;
  border: none;
  height: 32px;
  background: rgba(32,16,16,.01) url('bg_border.png');
  background: rgba(32,16,16,.01) url('bg_border.svg');
}

/* 02.layout
////////////////////////////////////////*/
.ikusaba{
  position: relative;
  margin: 0 auto;
  padding: 0 0 64px;
  max-width: 1152px;
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-animation: fadeIn 2s;
  animation: fadeIn 2s;
}
header{
  position: relative;
  overflow-y: visible;
  margin: 0 auto;
  height: 16vw;
  max-width: 1152px;
  background: #F8F8F8;
  border-bottom: 2px solid #f04020;
  text-align: center;
}
footer{
  position: relative;
}

/* 03.header
////////////////////////////////////////*/
header > ul{
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.logo{
  position: relative;
  z-index: 1;
}
.logo a{
  display: inline-block;
  left: 0;
  right: 0;
}
.logo img{
  height: auto;
  max-height: 96px;
  max-height: 22vw;
  -webkit-transition: all .2s;
  transition: all .2s;
}
/*menu*/
.menubtn{
  margin: 2px;
  margin: 1vw;
  width: 48px;
  height: 48px;
  width: 14vw;
  height: 14vw;
  background: #F8F8F8 url('menubtn.png') no-repeat;
  background: #F8F8F8 url('menubtn.svg') no-repeat;
  background-size: cover;
  z-index: 393;
}
.menubtn.open{
  background: #F8F8F8 url('closebtn.png') no-repeat;
  background: #F8F8F8 url('closebtn.svg') no-repeat;
  background-size: cover;
}
.AXZnav{
  display: none;
}
.AXZnav_smart{
  position: fixed;
  top: 0;
  left: -16em;
  padding: 56px 0 56px;
  padding: 16vw 0 16vw;
  width: 16em;
  height: 100%;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all .2s;
  transition: all .2s;
  z-index: 292;
  background: #F04020;
}
html,body{
  overflow-x: hidden;
}
.ikusaba.open{
  -webkit-transform: translate3d(16em, 0, 0);
  transform: translate3d(16em, 0, 0);
  overflow: hidden;
}
.AXZnav_smart.open,
footer.open{
  -webkit-transform: translate3d(16em, 0, 0);
  transform: translate3d(16em, 0, 0);
}
.AXZnav_smart ul{
  -webkit-overflow-scrolling: touch;
  font-family: 'Share Tech';
}
.AXZnav_smart li a{
  color: white;
  font-size: 2em;
  line-height: 1.5;
}
.AXZnav_smart li s{
  color: white;
  opacity: .2;
  font-size: 2em;
  line-height: 1.5;
  text-decoration: none;
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(240,64,32,.6) url('bg_borderR.png');
  background: rgba(240,64,32,.6) url('bg_borderR.svg');
}
@media screen and (min-width: 768px) {
  header{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 0;
    position: relative;
    height: 176px;
    overflow-y: auto;
    background: transparent;
    border-bottom: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .logo{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
  }
  .logo img{
    max-height: 160px;
  }
  .logo a{
    position: relative;
  }
  .AXZnav{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    text-align: right;
  }
  .AXZnav li{
    display: inline-block;
  }
  .AXZnav a{
    position: relative;
    display: block;
    margin: .3em .6em;
    font: 700 1.2em 'Titillium Web';
  }
  .AXZnav s{
    display: block;
    padding: .3em .6em;
    font: 700 1em 'Titillium Web';
    text-decoration: none;
    opacity: .2;
  }
  .AXZnav_smart{
    display: none;
  }
  .menubtn{
    display: none;
  }
}

/* 04.index
////////////////////////////////////////*/
html,#AXZindex{
  height: 100%;
}
.splashtext{
  position: absolute;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #f8f8f8 url('../img/AXZcopy.png') no-repeat center center;
  background-size: contain;
  z-index: 999;
}
.splashtext p{
  position: relative;
  top: 3em;
  top: 20vh;
  width: 100%;
  color: #8f8787;
  font: 1.2em 'Share Tech';
  text-align: center;
}
.splashtext p:nth-child(2){
  color: #f04020;
}
.splashbg{
  position: absolute;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #f8f8f8 url('bg.png') center center;
  background-size: 640px 1280px;
  z-index: 555;
}
@media screen and (min-width: 768px) {
  .splashbg{
    background-size: 1280px 2560px;
  }
}

.pickup h2,
.yakiniku h2,
.hidamari h2{
  margin: 1em 0 .6em;
  background: url('bg_point.png') no-repeat top right;
  background: url('bg_point.svg') no-repeat top right;
  color: #f04020;
  font: 700 1.6em 'Titillium Web';
}
.pickup h2{
  margin: 1em 1rem .6rem;
}
.key{
  position: relative;
}
.key h1{
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #f04020;
  font: 400 7em/1.2 'Share Tech';
  font: 400 13.8vw/1.2 'Share Tech';
}
.key div{
  position: absolute;
  bottom: 8px;
}
.symphomation,
.hidamari{
  margin: 0 1em;
}
.info{
  position: relative;
  padding: 8px 8px 12px;
  background: #f04020 url('bg_.png');
  color: white;
  font: 700 1.5em/1.2 'Noto Sans Japanese';
}
.info b{
  color: #ffdf20;
}
.info b,
.info span{
  white-space: nowrap;
  display: inline-block;
  font-weight: inherit;
}
.info:after{
  content: "";
  position: absolute;
  display: block;
  bottom: -8px;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #f04020 transparent transparent transparent;
  border-width: 8px 8px 0 8px;
}
.pickup ul{
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  padding: .4em;
}
.pickup ul li{
  display: inline-block;
  margin: 0;
  width: 240px;
}
.pickup li a{
  display: block;
  border: 1px solid #f04020;
}
.AXZcopy{
  padding: 2em auto;
  min-height: 160px;
  background: rgba(248,248,248,.8) url('../img/AXZcopy.png') no-repeat center center;
  background-size: contain;
  text-align: center;
}
.AXZcopy p{
  margin: 0 auto;
  color: #8f8787;
  font: .8em 'Share Tech';
  text-align: center;
}
@media screen and (min-width: 768px) {
}
.yakiniku .tabetai{
  line-height: 1.4;
  max-height: 400px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  background: #f8f8f8;
  border: 1px solid #b8b8b8;
  border-radius: .4em;
}
.yakiniku .tabetai::-webkit-scrollbar{
  display: none;
}
@media screen and (min-width: 768px) {
  .yakiniku .tabetai{
    max-height: 320px;
  }
}
.yakiniku h3{
  margin: .3em 0;
  padding: 0;
  background: url('bg_border.png');
  background: url('bg_border.svg');
  font: 700 1em/1.8 'Titillium Web';
  border-top: 1px solid #bfb7b7;
}
.yakiniku h4{
  font: 700 1.1em/1.8 sans-serif;
  margin: .3em .6em .3em;
}
.yakiniku time{
  display: inline-block;
  padding: 0 .6em;
  background: url('bg_point.png') no-repeat top left;
  background: url('bg_point.svg') no-repeat top left;
  color: #8f8787;
  font: 700 1em 'Titillium Web';
}
.yakiniku p{
  margin: .3em .6em .3em;
}
.yakiniku ul{
  margin: .3em .6em .3em;
}
.yakiniku li{
  margin: .3em 0;
  padding: .3em;
  background: rgba(32,16,16,.05);
  border-radius: 2px;
  font-size: .85em;
}
.yakiniku p + h3,
.yakiniku ul + h3{
  margin-top: .6em;
}
.yakiniku .em,
.yakiniku a{
  font-weight: 700;
}
.hidamari,.memoria{
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 896px) {
  .aufwachen{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: url('bg_border.png');
    background: url('bg_border.svg');
  }
  .key{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: .4em 0 .4em .4em;
  }
  .key h1{
    bottom: 16px;
    left: 0;
    height: auto;
    font-size: 4em;
    line-height: .8em;
    background: url('bg_point.png') no-repeat top left;
    background: url('bg_point.svg') no-repeat top left;
  }
  .info:after{
    border: 0;
  }
  .pickup{
    position: relative;
    margin: 0;
    width: 40%;
    max-width: 480px;
    padding: .4em;
  }
  .pickup ul{
    position: relative;
    bottom: 0;
    overflow-x: auto;
    overflow-y: auto;
    height: auto;
    white-space: wrap;
  }
  .pickup ul li{
    margin-bottom: .5em;
    display: block;
    width: auto;
  }
  .symphomation{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .yakiniku,
  .hidamari{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: .5em;
  }
}

/* 05.main
////////////////////////////////////////*/
.page{
  padding: 0 1em 3em;
}
.page h1{
  margin: 2em 0 8px;
  width: 100%;
  background: url('bg_point.png') no-repeat top right;
  background: url('bg_point.svg') no-repeat top right;
  color: #8f8787;
  font: 700 1em/1.2 'Noto Sans Japanese';
}
.page h1 em{
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  color: #f04020;
  font: 400 4em/1 'Share Tech';
}
.page h1 time{
  color: #8f8787;
  font: 700 .8em 'Titillium Web';
}
.en{/*h2*/
  margin: 0 0 .5em;
  padding: .15em .3em;
  background: rgba(32,16,16,.01) url('bg_border.png');
  background: rgba(32,16,16,.01) url('bg_border.svg');
  color: #f04020;
  font: 400 3em/1 'Share Tech';
  text-align: center;
}
.jp{/*h2*/
  margin: 0 0 .5em;
  padding: .3em;
  background: rgba(32,16,16,.01) url('bg_border.png');
  background: rgba(32,16,16,.01) url('bg_border.svg');
  font: 700 2em/1.4 'Noto Sans Japanese';
  text-align: center;
}
.sub{/*h4*/
  max-width: 960px;
  margin: 2.8em auto .4em;
  padding: .6em;
  background: #e0e0e0;
  text-align: center;
  font-weight: 700;
  border-radius: 8px;
}
.page > section{
    background: url('bg_point.png') no-repeat top left;
    background: url('bg_point.svg') no-repeat top left;
    padding-top: 8px;
    margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .ikusaba:before{
    content: 'TV Animation SENKIZESSHOU SYMPHOGEAR AXZ';
    display: block;
    margin: 0 1em;
    color: #e0e0e0;
    font: .8em 'Share Tech';
  }
  .page{
    padding: 0 1.5em 4em;
  }
  .page h1 em{
    font-size: 4.5em;
    letter-spacing: .2em;
  }
}
@media screen and (min-width: 1024px) {
  .page{
    padding: 0 2em 4em;
  }
}

/*00 News*/
.symphomation_more h2{
  margin: .2em auto .2em;
  font: 900 2.4em/1.2 'Noto Sans Japanese';
}
.symphomation_more time{
  display: block;
  margin: .4em 0 2em;
  color: #8f8787;
  font: 700 1em 'Titillium Web';
}
.tablelist{
  border-collapse: collapse;
  margin: 1em 0;
  width: 100%;
  background: #f8f8f8;
}
.tablelist th{
  padding: .6em;
  border: 1px solid #201010;
  font-weight: 700;
}
.tablelist td{
  padding: .6em;
  border: 1px solid #201010;
}
.tablelist h3{
  display: inline-block;
  padding: .1em .2em;
  background: #201010;
  color: #f8f8f8;
  border-radius: .2em;
  font: 700 1.2em/1 'Noto Sans Japanese';
}
.jr_text{
  color: #008A00;
}
.jr th{
  background: #008A00;
  color: white;
}
.jr td:first-child{
  font-size: 1.2em;
  font-weight: bold;
}
.sayabashirazuniirareyouka h2{
  margin: .2em auto .2em;
  font: 900 2.4em/1.2 'Noto Sans Japanese';
}
.sayabashirazuniirareyouka h4{
  font: 900 1.5em/1.4 'Noto Sans Japanese';
}
.sayabashirazuniirareyouka ul{
  margin: 0 0 .4em;
  background: #FFFFFF;
  border: 2px solid #6fb900;
}
.sayabashirazuniirareyouka li{
  padding: .8em;
}
.sayabashirazuniirareyouka .ss{
  max-width: 100%;
}
.sayabashirazuniirareyouka strong{
  font: 1.4em 'Titillium Web';
}
.sayabashirazuniirareyouka ul p{
  margin: .4em 0;
}
@media screen and (min-width: 768px) {
  .sayabashirazuniirareyouka ul{
    display: flex;
    align-items: center;
  }
  .sayabashirazuniirareyouka .ss{
    float: left;
    width: 320px;
  }
}
.sayabashirazuniirareyouka a:link,
.sayabashirazuniirareyouka a:visited,
.sayabashirazuniirareyouka a:hover,
.sayabashirazuniirareyouka a:active{
  color: #6fb900;
}
.sayabashirazuniirareyouka .abema{
  background: #6fb900;
  color: #FFFFFF;
  padding: .4em .8em;
  font: 700 1.4em 'Titillium Web';
  text-align: center;
}
.izaoshitemairu h2{
  margin: .6em auto .2em;
  padding: .2em;
  background: url('bg_border.png');
  background: url('bg_border.svg');
  font: 900 2em/1.2 'Noto Sans Japanese';
}
.izaoshitemairu .label{
  background: #f04020;
  color: #FFFFFF;
  padding: .4em .8em;
  font-size: 1.4em;
  font-weight: 700;
  text-align: center;
}
.izaoshitemairu ul{
  margin: 0 auto .3em;
  background: #FFFFFF;
  border: 2px solid #f04020;
  text-align: center;
}
.izaoshitemairu li{
  padding: 0 .3em;
}
.bestofmemoria{
  left: 0;
  width: 100%;
  height: 67px;
  background: #393939 url('../img/bg_memoria.png') top left;
  background-size: 2160px auto;
  -webkit-animation: bgscroll 90s linear infinite;
  animation: bgscroll 90s linear infinite;
}
@media screen and (min-width: 768px) {
  .bestofmemoria{
    height: 135px;
    background-size: 4320px 135px;
    -webkit-animation: bgscroll2 90s linear infinite;
    animation: bgscroll2 90s linear infinite;
  }
}
@-webkit-keyframes bgscroll {
  0% {background-position: 0 0;}
  100% {background-position: -2160px 0;}
}
@keyframes bgscroll {
  0% {background-position: 0 0;}
  100% {background-position: -2160px 0;}
}
@-webkit-keyframes bgscroll2 {
  0% {background-position: 0 0;}
  100% {background-position: -4320px 0;}
}
@keyframes bgscroll2 {
  0% {background-position: 0 0;}
  100% {background-position: -4320px 0;}
}

.niconicolive h4{
  font: 900 1.5em/1.4 'Noto Sans Japanese';
}
.niconicolive ul{
  margin: 0 0 .4em;
  background: #FFFFFF;
  border: 2px solid #252525;
}
.niconicolive li{
  padding: .8em;
}
.niconicolive .ss{
  max-width: 100%;
}
.niconicolive strong{
  font: 1.4em 'Titillium Web';
}
.niconicolive ul p{
  margin: .4em 0;
}
@media screen and (min-width: 768px) {
  .niconicolive ul{
    display: flex;
    align-items: center;
  }
  .niconicolive .ss{
    float: left;
    width: 320px;
  }
}
.niconicolive_label{
  margin-bottom: .4em;
  padding: .46em;
  background: #252525;
  color: #f8f8f8;
  font: 700 1.6em/1.2 'Noto Sans Japanese';
  text-align: center;
}
.ikirunowoakiramenaide{
  padding: 1em;
  background: #F8F8F8;
  border: 3px solid #F04020;
  font-size: 1.2em;
  line-height: 1.6;
}
.ikirunowoakiramenaide b{
  color: #F04020;
}

/*01 Introduction*/
.introduction p{
  margin: 1.6em auto;
  max-width: 46em;
  line-height: 1.6;
}
.introduction .break{
  margin-top: 3.2em;
}
.introduction img{
  border: 1px solid #b8b8b8;
}

/*02 Staff Cast*/
.staff dl,
.cast dl,
.utame dl{
  line-height: 1.2;
  text-align: center;
}
.staff dd,
.cast dd,
.utame dd{
  margin-bottom: 1em;
  font: 700 1.4em/1.2 'Noto Sans Japanese';
}

/*03 On air*/
.onair img{
  margin: 1em auto;
}
.onair_news{/*h3*/
  margin: 1em auto;
  font: 900 1.8em/1.2 'Noto Sans Japanese';
}
.onair_news b{
  color: #f04020;
  font-weight: inherit;
}
.onair_news small{
  font-size: .7em;
}
.onairlist{
  margin: 1em 0 1em;
}
.onairlist h3{
  position: relative;
  margin: 0;
  padding: .4em .4em;
  width: 100%;
  background: #e0e0e0;
  font-size: 1.2em;
  font-weight: 700;
}
.onairlist h3.warning:after{
  content: '';
  position: absolute;
  display: block;
  width: 2em;
  height: 2em;
  top: .1em;
  right: .2em;
  background: transparent url('ic_warning.svg') no-repeat right center;
  background-size: 2em 2em;
}
.onairlist li{
  margin: 2px;
  background: white;
  border: 1px solid #b8b8b8;
  border-radius: 2px;
  line-height: 1.4;
}
.onairlist p{
  margin: .6em;
}
.onairlist i{
  display: inline-block;
  margin-right: .4em;
  padding: 0 .3em;
  border-radius: 2px;
  font: 700 .9em/1.6 'Titillium Web';
  text-align: center;
}
.tag_tv{
  background: #f04020;
  color: white;
}
.tag_rerun{
  background: #b0b0b0;
  color: white;
}
.tag_web{
  background: #80a0d8;
  color: white;
}
.tag_end{
  background: #606060;
  color: white;
}
.onair_more{
  color: #8f8787;
  font: 700 1.4em 'Titillium Web';
  text-align: center;
}
.onairtable{
  border-collapse: collapse;
  margin: 1em 0;
  width: 100%;
  background: #f8f8f8;
  border-radius: 2px;
  line-height: 1.4;
}
.onairtable th{
  padding: .8em .4em;
  background: #e0e0e0;
  border: 1px solid #b8b8b8;
  font-weight: 700;
}
.onairtable td{
  padding: .8em .4em;
  border: 1px solid #b8b8b8;
  font-size: .9em;
}


@media screen and (min-width: 896px) {
  .onairlist{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .onairlist li{
    flex-basis: calc( 50% - 4px);
  }
  .onairlist li.expand{
    flex-basis: 100%;
    width: 100%;
  }
}

/*04 Characters*/
.chlist li{
  display: inline-block;
  margin: .3em .05em;
}
.chlist a{
  display: block;
  width: 48px;
  height: 48px;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  background: url('../characters/img/chlist.png') 0 0;
  background-size: 912px 48px;
  border: 1px solid #f04020;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.ch01 a{background-position: 0 0;}
.ch02 a{background-position: -48px 0;}
.ch03 a{background-position: -96px 0;}
.ch04 a{background-position: -144px 0;}
.ch05 a{background-position: -192px 0;}
.ch06 a{background-position: -240px 0;}
.ch07 a{background-position: -288px 0;}
.ch08 a{background-position: -336px 0;}
.ch09 a{background-position: -384px 0;}
.ch10 a{background-position: -432px 0;}
.ch11 a{background-position: -480px 0;}
.ch12 a{background-position: -528px 0;}
.ch13 a{background-position: -576px 0;}
.ch14 a{background-position: -624px 0;}
.ch15 a{background-position: -672px 0;}
.ch16 a{background-position: -720px 0;}
.ch17 a{background-position: -768px 0;}
.ch18 a{background-position: -816px 0;}
.ch19 a{background-position: -864px 0;}
@media screen and (min-width: 768px) {
  .chlist a{
    display: block;
    width: 96px;
    height: 96px;
    background-size: 1824px 96px;
  }
  .ch01 a{background-position: 0 0;}
  .ch02 a{background-position: -96px 0;}
  .ch03 a{background-position: -192px 0;}
  .ch04 a{background-position: -288px 0;}
  .ch05 a{background-position: -384px 0;}
  .ch06 a{background-position: -480px 0;}
  .ch07 a{background-position: -576px 0;}
  .ch08 a{background-position: -672px 0;}
  .ch09 a{background-position: -768px 0;}
  .ch10 a{background-position: -864px 0;}
  .ch11 a{background-position: -960px 0;}
  .ch12 a{background-position: -1056px 0;}
  .ch13 a{background-position: -1152px 0;}
  .ch14 a{background-position: -1248px 0;}
  .ch15 a{background-position: -1344px 0;}
  .ch16 a{background-position: -1440px 0;}
  .ch17 a{background-position: -1536px 0;}
  .ch18 a{background-position: -1632px 0;}
  .ch19 a{background-position: -1728px 0;}
}
.gungnil{background: url('../characters/img/bg_gungnil.svg') no-repeat top right;}
.amenohabakiri{background: url('../characters/img/bg_amenohabakiri.svg') no-repeat top right;}
.ichaival{background: url('../characters/img/bg_ichaival.svg') no-repeat top right;}
.airget-lamh{background: url('../characters/img/bg_airget-lamh.svg') no-repeat top right;}
.shulshagana{background: url('../characters/img/bg_shulshagana.svg') no-repeat top right;}
.igalima{background: url('../characters/img/bg_igalima.svg') no-repeat top right;}
.lydian{background: url('../characters/img/bg_lydian.svg') no-repeat top right;}
.song{background: url('../characters/img/bg_song.svg') no-repeat top right;}
.ch{
  position: relative;
}
.chimg{
  text-align: right;
}
.kakuremi{
  display: none;
}
.chswitch{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.chswitch li{
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: .2em;
  padding: .4em .6em;
  background-image: url('bg_borderR.png');
  background-image: url('bg_borderR.svg');
  background-color: rgba(240,64,32,.2);
  color: #f04020;
  font-size: .9em;
  font-weight: 700;
  border: 1px solid #f04020;
  border-radius: 1px;
  -webkit-transition: all .2s;
  transition: all .2s;
  cursor: pointer;
}
.chswitch li:hover,
.chswitch li.active{
  background: #f04020;
  color: white;
}
.chname{
  position: absolute;
  top: 1em;
}
.chname h2{
  font: 700 1.6em/1.2 'Noto Sans Japanese';
}
.chname h2.wbr{
  width: 8em;
  font-size: 1.4em;
}
.chname h2 small{
  display: block;
  color: #f04020;
  font: .7em 'Share Tech';
}
.chname h3,
.data{
  display: inline-block;
  margin: .6em 0;
  padding: .2em .5em;
  background: white;
  color: #8f8787;
  border: 1px solid #8f8787;
  border-radius: 2em;
  font-size: 1em;
  font-weight: 700;
}
.chtext{
  position: relative;
}
.chtext p br{
  display: none;
}
.chtext p .br{
  display: block;
}
.otomenohimitsu{
  margin: 0 .5em 1em;
}
.otomenohimitsu li{
  margin-bottom: .4em;
}
.otomenohimitsu span{
  display: inline-block;
  width: 3em;
}
@media screen and (min-width: 896px) {
  .chimg{
    position: absolute;
    width: 100%;
    padding-right: 4em;
  }
  .chname{
    position: relative;
  }
  .chname h2.wbr{
    width: auto;
  }
  .chswitch{
    position: absolute;
    display: block;
    right: 0;
    top: 512px;
  }
  .chswitch li{
    width: 10em;
  }
  .chtext{
    max-width: 20em;
    height: 592px;
  }
  .chtext p br{
    display: block;
  }
}

/*05 Story*/
.prologue p,
.story p{
  margin: 1.6em auto;
  max-width: 46em;
  line-height: 1.6;
}
.story p:first-child{
  margin-top: 4em;
}
.prologue .break,
.story .break{
  margin-top: 3.2em;
}
.story h2{
  margin: 0 0 .5em;
  padding: .6em .3em;
  background: rgba(32,16,16,.01) url('bg_border.png');
  background: rgba(32,16,16,.01) url('bg_border.svg');
  font: 700 1.2em 'Titillium Web';
}
.story h2 em{
  display: block;
  font: 700 1.6em/1.2 'Noto Sans Japanese';
}
.story_ss{
  margin: 2em 0;
}
.story_ss{
  border: 1px solid #201010;
}

/*06 Next*/
.nazopoem p{
  margin: 2em auto;
  font: 700 1.2em/1.2 'Noto Sans Japanese';
  text-align: center;
}
.nazopoem span{
  display: inline-block;
  background: rgba(248,248,248,.8);
  font-weight: inherit;
}
.nexttitle{
  position: relative;
  max-width: 722px;
  margin: 0 auto;
  border: 1px solid #8f8787;
  overflow: hidden;
}
.nexttitle img{
  box-shadow: rgba(0, 0, 0, .6) 0px 2px 4px;
  -moz-box-shadow: rgba(0, 0, 0, .6) 0px 2px 4px;
  -webkit-box-shadow: rgba(0, 0, 0, .6) 0px 2px 4px;
}
.nexttitle_overlay{
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}
.nexttitle_overlay:hover{
  opacity: 0;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(3);
  transform: scale(3);
}
.nextss{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 2em auto;
  max-width: 728px;
}
.nextss li{
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}
.nextss a{
  display: block;
  margin: 2px;
  padding: 0;
  max-width: 180px;
  background: #f04020;
  border: 1px solid #f04020;
  overflow: hidden;
}
.nextss a:hover img{
  opacity: .4;
}
@media screen and (min-width: 480px) {
  .nextss li{
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
  }
}
.nextlink{
  margin: 4em auto 2em;
  text-align: center;
}
.nextlink li{
  display: inline-block;
}
.nextlink a,
.nextlink span{
  display: block;
  margin: .2em .2em .4em;
  width: 2.6em;
  font: 700 1.2em 'Titillium Web';
  text-align: center;
}
.nextlink a{
  -webkit-transition: all .2s;
  transition: all .2s;
}
.nextlink a:link,
.nextlink a:visited{
  background: rgba(255,64,0,.2);
  border: 1px solid #f04020;
}
.nextlink a:hover{
  background: #f04020;
  color: #f8f8f8;
  text-decoration: none;
}
.nextlink span{
  background: #e0e0e0;
  color: #b8b8b8;
}

/*07 Keywords*/
section.keyword{
  padding-bottom: 3em;
}
.keyword h2{
  position: relative;
  margin: 0em 0 .6em;
  padding: .8em;
  background: #F8F8F8;
  border: 1px solid #606060;
  font: 700 1.6em/1.2 'Noto Sans Japanese';
}
.keyword h2:before{
  content: 'Keyword';
  display: block;
  color: #b8b8b8;
  font: .8em 'Titillium Web';
}
.keyword h3{
  margin: .6em .6em 0;
  color: #e0e0e0;
  font: 700 3em 'Titillium Web';
  text-shadow: -1px -1px 0 #b8b8b8, 1px 1px 0 #ffffff;
}
.keyword p{
  margin: 1.6em auto;
  max-width: 46em;
  line-height: 1.6;
}
.keyword .break{
  margin-top: 3.2em;
}
.keyword .break4{
  margin-top: 6.4em;
}
.keyword .break6{
  margin-top: 9.6em;
}
.keyword .break8{
  margin-top: 12.8em;
}
.keylist{
  margin: 1em auto;
}
.keylist li{
  margin: 0;
}
.keylist a{
  display: block;
  margin: 4px;
  padding: 4px;
  background: #f8f8f8;
  border: 1px solid #b8b8b8;
  color: #201010;
  text-decoration: none;
  font-weight: 700;
  line-height: 2.4;
}
.keylist a:visited{
  color: #c0c0c0;
}
.keylist a:before{
  content: '';
  display: inline-block;
  margin-right: 4px;
  width: 4px;
  height: 2.4em;
  background: #b0b0b0;
  vertical-align: middle;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.keylist a:hover:before{
  width: 8px;
  background: #f04020;
}
.keylist a:visited:before{
  background: #c0c0c0;
}
@media screen and (min-width: 40em){
  .keylist{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .keylist li{
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
  .keylist a{
    margin: 2px;
  }
}

/*08 Products*/
.boxlist{
  margin: 0 auto;
  max-width: 960px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.products_cd .boxlist li,
.products_bddvd .boxlist li,
.products_oped .boxlist > li{
  -ms-flex-preferred-size: 48%;
  flex-basis: 48%;
  width: 48%;
  margin: .2em .2em 1em;
  padding: 0;
  overflow: hidden;
  background: #F8F8F8;
  border: 1px solid #b8b8b8;
  border-radius: 2px;
}
.products_cd .boxlist li img,
.products_oped .boxlist li img{
  width: 100%;
  max-width: 384px;
}
.products_bddvd .boxlist li img{
  width: 100%;
  max-width: 480px;
}
.boxlist h3{
  margin: .6em 0;
  padding: .3em;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.2;
}
.boxlist p{
  font-size: .8em;
  margin: 0;
  padding: 4px;
  font-weight: 700;
  background: url('bg_point.png') no-repeat bottom right;
  background: url('bg_point.svg') no-repeat bottom right;
  color: #f04020;
}
.products_oped .boxlist > li{
  text-align: center;
}
.products_oped .boxlist h3 strong{
  font: 700 1.2em 'Titillium Web';
}
.edswitch{
  padding-bottom: .4em;
}
.edswitch li{
  display: inline-block;
  margin: .2em 0;
  padding: .2em .4em;
  border: 1px solid #b8b8b8;
  border-radius: 2px;
  cursor: pointer;
}
.edswitch li:hover,
.edswitch li.active{
  background: #e0e0e0;
}
@media screen and (min-width: 896px){
  .products_cd .boxlist li,
  .products_bddvd .boxlist li{
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
  }
  .products_cd .boxlist li,
  .products_bddvd .boxlist li,
  .products_oped .boxlist > li{
    margin: .5em .5em 1em;
  }
}
.product_name{/*h3*/
  margin: 1em auto;
  font: 900 1.6em/1.2 'Noto Sans Japanese';
  text-align: center;
}
.pkg{
  text-align: center;
}
.pkg img{
  border: 1px solid #8F8787;
}
.release_date{/*h4*/
  font: 900 1.2em/1.2 'Noto Sans Japanese';
  text-align: center;
}
.cd_detail{
  margin: 1em 0;
  line-height: 1.6;
  text-align: center;
}
.gift{
  display: inline-block;
  margin: 0;
  padding: .2em .4em;
  background: rgba(240,64,32,.2);
  color: #f04020;
  font-weight: 700;
  line-height: 1.4;
  border: 1px solid #f04020;
}
.package_detail{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 1em 0;
}
.package_detail li{
  margin: 1em;
  line-height: 1.6;
  font-size: .85em;
}
.package_contents{
  border-collapse: collapse;
  max-width: 960px;
  margin: 1em auto;
  width: 100%;
  background: #f8f8f8;
  line-height: 1.4;
}
.package_contents th{
  padding: .6em .4em;
  border: 1px solid #b8b8b8;
  font-weight: 700;
  text-align: left;
  vertical-align: middle;
}
.package_contents td{
  padding: .6em .4em;
  border: 1px solid #b8b8b8;
}
.package_contents p,
.package_contents ul,
.package_contents ol{
  margin: .6em 0;
}
.package_contents .list_mark{
  list-style: square outside;
  margin: 1em 0;
  padding: 0 0 0 1.6em;
}
.package_contents .list_mark ol{
  padding-left: 1.2em;
  font-size: .85em;
}
.package_ep b{
  display: block;
  font: 900 1.2em/1.4 'Noto Sans Japanese';
}
.gift_list{
  margin: 0 auto;
  max-width: 960px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  background: #e0e0e0;
  border-radius: 8px;
}
.gift_list li{
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  margin: 0;
  padding: .4em 0;
}
.gift_list a{
  display: block;
}
.gift_list img{
  display: block;
  margin: 0 auto .4em;
  border-radius: 8px;
}
.gift_list p{
  margin: 0 .4em;
  padding: .2em;
  height: 100%;
  font-size: .8em;
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (min-width: 896px){
  .gift_list li{
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
  }
}

.gift_list_bdbox{
  margin: 1em auto;
  max-width: 960px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  gap: 1em 1em;
}
.gift_list_bdbox li{
  /*-ms-flex-preferred-size: 50%;*/
  /*flex-basis: 50%;*/
  width: calc( 50% - .5em);
  margin: 0;
  padding: .8em;
  background: #f8f8f8;
  /*border-radius: 8px;*/
  border: 1px solid #b8b8b8;
  font-weight: 700;
}
.gift_list_bdbox a{
  display: block;
}
.gift_list_bdbox img{
  display: block;
  margin: .8em auto .8em;
  border: 1px solid #b8b8b8;
  /*border-radius: 8px;*/
}
.gift_list_bdbox p{
  margin: 0 .4em;
  padding: .2em;
  height: 100%;
  font-size: .8em;
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (min-width: 896px){
  .gift_list_bdbox li{
    /*-ms-flex-preferred-size: 50%;*/
    /*flex-basis: 50%;*/
  }
}

.gift_list_draft{
  margin: 0 auto;
  max-width: 960px;
  background: #e0e0e0;
  border-radius: 8px;
}
.gift_list_draft li{
  margin: 0;
  padding: 0.8em 1em;
  border-bottom: 1px solid #f8f8f8;
}
.spep{
  margin: .4em;
  padding: .6em 1.2em;
  background: #e8e8e8;
  border-radius: .8em;
  font-size: .85em;
}
.pressgift{
  margin: 0 0 .4em;
  padding: .2em .4em;
  background: #f8f8f8;
  color: #f04020;
  border: 1px solid #f04020;
  border-radius: 1px;
  line-height: 1.1;
}
.pressgift b{
    font: 700 1em/1.1 'Noto Sans Japanese';
}

.package_info{
  margin: 1em auto;
  max-width: 920px;
  line-height: 1.4;
}
.package_info li{
  margin: 0 0 1em;
}
.label_bluray{
  display: inline-block;
  margin: 0 0 .6em;
  padding: .1em .4em;
  background: #0095d5;
  color: #f8f8f8;
  border-radius: 4px;
  line-height: 1;
}
.label_dvd{
  display: inline-block;
  margin: 0 0 .6em;
  padding: .2em .4em .1em;
  background: #696969;
  color: #f8f8f8;
  border-radius: 4px;
  line-height: 1;
}

.now_printing_cd{
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 256px;
  background: #e0e0e0;
}
.now_printing_bd{
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 256px;
  background: #e0e0e0;
}
.now_printing_s{
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 256px;
  background: #e0e0e0;
}
.now_printing_s span{
  padding: .2em .6em;
  background: #efefef;
  color: #b7b3b3;
  border: 1px solid #b7b3b3;
  border-radius: 1em;
  font-weight: 700;
  line-height: 1;
}
.now_printing_s:hover{
  text-decoration: none;
}

.page ol{
  margin: 1em auto;
  max-width: 856px;
}
/*09 Goods*/
.goods p{
  margin: 1em auto;
  /*max-width: 46em;*/
}
.goods_name{/*h3*/
  margin: .2em auto 1.2em;
  padding: .2em .6em;
  background: #f8f8f8;
  border-left: 4px solid #f04020;
  font-weight: 700;
}
.goods_name b{
  font: 900 1.6em/1.2 'Noto Sans Japanese';
}
.goods_sample{
  margin: 1em auto;
  text-align: center;
}
.goods_detail{
  margin: 2em auto;
  max-width: 100%;
  width: 100%;
  /*border-spacing: 4px;*/
  border-collapse: collapse;
  background: #f8f8f8;
  font-size: .9em;
  line-height: 1.4;
  /*border-radius: 2px;*/
  word-break:break-all;
}
.goods_detail th{
  padding: .8em .4em;
  background: #e0e0e0;
  font-weight: 700;
  text-align: left;
  border:1px solid #b8b8b8;
}
.goods_detail td{
  padding: .8em .4em;
  border:1px solid #b8b8b8;
  word-break: break-all;
}

.goods_detail .gotolink{
  padding: .6em;
}
.gotolink a{
  display: block;
  padding: .6em;
  border-radius: 2px;
  font-weight: 700;
  text-align: center;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.gotolink a:link,
.gotolink a:visited{
  background: rgba(255,64,0,.2);
  border: 1px solid #f04020;
}
.gotolink a:hover{
  background: #f04020;
  color: #f8f8f8;
  text-decoration: none;
}
.goodslist{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.goodslist li{
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  width: 25%;
  max-width: 260px;
  margin: 4px 0;
  padding: 1px 0 8px;
  overflow: hidden;
  background: #F8F8F8;
}
.goodslist div{
  padding: .2em;
}
.goodslist a{
  display: block;
  outline: 1px solid #f04020;
  vertical-align: top;
}
.goodslist p{
  font-size: .8em;
}
@media screen and (min-width: 960px){
  .goodslist li{
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
  }
}
.goods_pager{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 2em auto;
  max-width: 640px;
}
.goods_pager a,
.goods_pager span{
  display: inline-block;
  padding: 0 .2em;
  font: 700 1.2em/1.4 'Titillium Web';
  text-align: center;
}
.goods_pager a{
  -webkit-transition: all .2s;
  transition: all .2s;
}
.goods_pager a:link,
.goods_pager a:visited{
  background: rgba(255,64,0,.2);
  border: 1px solid #f04020;
}
.goods_pager a:hover{
  background: #f04020;
  color: #f8f8f8;
  text-decoration: none;
}
.goods_pager span{
  background: #e0e0e0;
  color: #808080;
}

/*10 Movie_Listen*/
.movie{
  text-align: center;
}
.movie ul{
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  padding: .4em;
}
.movie ul li{
  display: inline-block;
  margin: 0 2vw 0 0;
  width: 240px;
  width: 80vw;
  max-width: 480px;
}
.movie h3{
  margin: .4em 0;
  padding: .6em;
  background: #e0e0e0;
  font-size: .85em;
  font-weight: 700;
  text-align: center;
}
.movie li a{
  display: block;
  border: 1px solid #f04020;
}
.listen_detail{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 1em auto .4em;
}
.listen_detail ul{
  padding: .2em 0 .2em 1em;
  width: 70%;
  color: #8f8787;
  font-size: .8em;
  line-height: 1.2;
}
.listen_detail li{
  margin: .4em 0;
}
.listen_detail h3{
  display: inline-block;
  margin: 0 0 .6em;
  color: #201010;
  font: 700 1.6em 'Noto Sans Japanese';
}
.listen_detail h3:before{
  content: '♬';
}
.listen_detail div{
  width: 30%;
  max-width: 160px;
}
.listen_detail img{
  display: block;
  border: 1px solid #b8b8b8;
}
.listen_detail audio{
  display: block;
  margin: 0 auto;
  width: 100%;
}

/*11 Spesial*/
.spcover{
  padding: 0 0 1em;
  text-align: center;
}
.spcover a{
  display: inline-block;
  margin: 3px;
  padding: 1px;
  background: #f04020;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.spcover > img{
  width: 100%;
  max-width: 722px;
  border: 1px solid #b8b8b8;
}
.spcover a:link,
.spcover a:visited{
}
.spcover a:hover{
  margin: 0;
  padding: 4px;
}
.splist{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.splist li{
  -ms-flex-preferred-size: 48%;
  flex-basis: 48%;
  width: 48%;
  margin: .2em .2em 2em;
  background: #F8F8F8;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  overflow: hidden;
}
.splist li img{
  width: 100%;
  max-width: 512px;
  border-bottom: 1px solid #d8d8d8;
}
.sp time,
.splist time{
  display: inline-block;
  margin: 0;
  padding: .2em .4em;
  color: #8f8787;
  font: 700 .8em 'Titillium Web';
  text-align: right;
}
.sp h2{
  margin: 0 0 .6em;
  padding: .6em .3em;
  background: rgba(32,16,16,.2) url('bg_border.pnd');
  background: rgba(32,16,16,.2) url('bg_border.svg');
  font: 700 1.6em/1.2 'Noto Sans Japanese';
}
.splist h2{
  margin: 0;
  padding: .2em .3em .6em;
  /*font-family: 'Noto Sans Japanese';*/
  font-size: 1em;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 896px){
  .splist li{
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
  }
}

/*sp01*/
.kurogo{
  margin: 3em auto 1em;
  color: #8f8787;
  font-size: 1.2em;
  font-weight: 700;
}
.kaneko{
  margin: 1em auto;
  font-size: 1.2em;
  background: rgba(248,248,248,.8);
}
.kaneko strong{
  color: #f04020;
  font-weight: 700;
}

/*sp02*/
.sp02 h3{
  margin: .4em 0 .4em;
  padding: .4em;
  background: #e0e0e0;
  border-radius: 2px;
  font: 700 1.2em/1.2 'Noto Sans Japanese';
}
.sp02 p{
  margin: .3em;
}
.list{
  list-style: square outside;
  margin: 1em 0;
  padding: .8em .8em .8em 2em;
  background: white;
  border: 1px solid #f04020;
  color: #f04020;
  border-radius: 4px;
  line-height: 1.4;
  font-weight: 700;
}
.list li{
  margin: .8em 0;
}
.entry{
  padding: 2em 2em 3em;
}
.entry a{
  display: block;
  margin: 0 auto;
  padding: .6em;
  width: 80%;
  min-width: 40%;
  background: #C02000;
  color: #F8F8F8;
  border-width: 1px 1px 4px;
  border-style: solid;
  border-color: #901800;
  border-radius: 2px;
  font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
  font-size: 1.4em;
  font-weight: 700;
  line-height: 2em;
  text-align: center;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.entry a:hover{
  background: #201010;
  color: #C02000;
  text-decoration: none;
}
.go{
  font-weight: 700;
  text-decoration: underline;
}

/*sp03*/
.sp03 h3{
  margin: .4em 0 .4em;
  padding: .4em;
  background: #e0e0e0;
  border-radius: 2px;
  font: 900 1.6em/1.2 'Noto Sans Japanese';
  text-align: center;
}
.sp03 .content{
  margin: 0 auto;
  max-width: 46em;
}
.sp03 .sp_detail{
  padding: .6em;
  background: #f8f8f8;
  border: 4px solid #9966CC;
}
.sp03 .sp_detail h4{
  padding: .6em;
  background: #9966CC;
  color: #f8f8f8;
  font: 700 1em 'Noto Sans Japanese';
  text-align: center;
}

/*sp04*/
.sp04 h3{
  font: 900 1.4em/1.2 'Noto Sans Japanese';
  text-align: center;
}
.sp04 .em{
  font: 700 1.6em 'Noto Sans Japanese';
}
.sp04 .em b{
  color: #f04020;
}
.sp04 h3 b{
  font-size: 1.6em;
  display: block;
}
.sp04 section{
  margin: 1em 0;
  padding: 1em;
  background: rgb(8,0,32) url('../special/img/sp04_bg.jpg');
  color: #ffdf20;
  border-radius: 2px;
}
.sp04 section a{
  display: block;
  margin: 1em auto 0;
  max-width: 480px;
}

/*sp05*/
.accordion h3{
  position: relative;
  margin-bottom: -1px;
  padding: 1em 32px 1em 1em;
  background: #F8F8F8;
  border: 1px solid #606060;
  font-family: 'Titillium Web';
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
}
.accordion h3 em{
  display: block;
  font: 700 1.4em/1.2 'Noto Sans Japanese';
}
.accordion h3:after{
  position: absolute;
  top: calc(50% - 16px);
  right: 0;
  content: url('ic_expand_more.png');
  content: url('ic_expand_more.svg');
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  line-height: 0;
}
.accordion .open{
  background: #e0e0e0;
}
.accordion .open:after{
  -webkit-transform: rotate(540deg);
  transform: rotate(540deg);
}
.accordion section div{
  display: none;
  margin-bottom: -1px;
  padding: .6em;
  background: #f8f8f8;
  border-left: 1px dotted #383838;
  border-right: 1px dotted #383838;
  border-bottom: 1px solid #606060;
}
.epss{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/*sp06*/
.sp06 p{
  margin: 1.6em auto;
  max-width: 46em;
  line-height: 1.6;
}
.sp06 .break{
  margin-top: 3.2em;
}
.sp06 .contents img{
  /*border: .8em solid #f8f8f8;*/
  padding: .6em;
  background: #F8F8F8;
  box-shadow: rgba(0, 0, 0, .3) 1px 2px 6px;
  -moz-box-shadow: rgba(0, 0, 0, .3) 1px 2px 6px;
  -webkit-box-shadow: rgba(0, 0, 0, .3) 1px 2px 6px;
}
.aochan{
  color:#CC6600;
  font-weight: 700;
}
.ayahichan{
  color:#B80040;
  font-weight: 700;
}
.hiyocchi{
  color:#B06070;
  font-weight: 700;
}
.hidesan{
  color: #B02000;
  font-weight: 700;
}

/*sp07,sp08*/
.relay_talk .contents{
  background: rgba(248,248,248,.6);
}
.relay_talk p{
  margin: 1.2em auto;
  max-width: 42em;
  line-height: 1.6;
}
.relay_talk .kurogo{
  margin: 3em auto 1em;
  padding: .6em;
  color: #8f8787;
  font-size: 1em;
  font-weight: 700;
  background: #f8f8f8;
  border: 2px solid #b8b8b8;
  border-radius: .4em;
}
.relay_talk strong{
  display: inline-block;
  padding: .2em .4em;
  font-size: .9em;
  font-weight: 700;
  line-height: 1;
  border-radius: .2em;
}
.aochan_talk strong{
  background: #ff9900;
  color: #f8f8f8;
}
.yukachi_talk strong{
  background: #9966CC;
  color: #f8f8f8;
}
.hidesan_talk strong{
  background: #B02000;
  color: #f8f8f8;
}
.hossy_talk strong{
  position: relative;
  background: #383838;
  color: #f8f8f8;
}
.hossy_talk strong:before{
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: -8px;
  width: 100%;
  height: 1.4em;
  background: #787878;
  border-radius: .2em;
  z-index: -1;
}
.hossy_talk strong:after{
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: -16px;
  width: 100%;
  height: 1.4em;
  background: #b8b8b8;
  border-radius: .2em;
  z-index: -2;
}
.hiyocchi_talk strong{
  background: #B06070;
  color: #f8f8f8;
}
.kunochan_talk strong{
  background: #c8c040;
  color: #f8f8f8;
}
.nanasama_talk strong{
  background: #0080ff;
  color: #f8f8f8;
}
.ayahichan_talk strong{
  background: #B80040;
  color: #f8f8f8;
}
.nanjolno_talk strong{
  background: #f048a0;
  color: #f8f8f8;
}
.kayanon_talk strong{
  background: #208020;
  color: #f8f8f8;
}
.minachan_talk strong{
  background: #D0C060;
  color: #f8f8f8;
}
.shoutan_talk strong{
  background: #50B0E0;
  color: #f8f8f8;
}
.chanrina_talk strong{
  background: #884098;
  color: #f8f8f8;
}
.agematsu_talk strong{
  background: #E35769;
  color: #f8f8f8;
}
.kaneko_talk strong{
  background: #E03232;
  color: #f8f8f8;
}
.tsugaiwing_talk strong{
  background: #E2454E;
  background: -webkit-gradient(linear, left top, left bottom, from(#E35769), to(#E03232));
  background: -webkit-linear-gradient(#E35769, #E03232);
  background: -o-linear-gradient(#E35769, #E03232);
  background: linear-gradient(#E35769, #E03232);
  color: #f8f8f8;
}
.all_talk strong{
  background: #c0c0c0;
  color: #f8f8f8;
}
.all_talk b{
  font-size: 1.6em;
}
.aiueo{
  margin: 1.2em auto;
  max-width: 20em;
  line-height: 1.6;
  font: 900 1.3em/1.6 'Noto Sans Japanese';
}
.aiueo dt{
  float: left;
  width: 5em;
  color: #8f8787;
  text-align: right;
}
.aiueo dd{
  font-weight: 900;
}

/*sp14*/
.livereport .contents{
  background: rgba(248,248,248,.6);
}
.livereport h3{
  padding: 1em .2em;
  font: 900 1.8em/1.2 'Noto Sans Japanese';
}
.livereport p{
  /*text-indent: 1em;*/
  margin: 2em auto;
  max-width: 42em;
  line-height: 1.6;
}
.livecomments{
  margin: 2em auto;
  max-width: 42em;
}
.livecomments p{
  max-width: 40em;
  padding: 1.2em;
  color: #393939;
  font-size: 1em;
  font-weight: 700;
  border-radius: .6em;
}
.livecomments p:nth-child(2n){
  margin-right: 2em;
}
.livecomments p:nth-child(2n+1){
  margin-left: 2em;
}
@media screen and (min-width: 896px){
  .livecomments p:nth-child(2n){
    margin-right: 4em;
  }
  .livecomments p:nth-child(2n+1){
    margin-left: 4em;
  }
}
.chanrina_comment{
  background: #E8E0B0;
}
.shoutan_comment{
  background: #E8E0B0;
}
.minachan_comment{
  background: #E8E0B0;
}
.yukachi_comment{
  background: #DDCCEE;
}
.kayanon_comment{
  background: #DAEADA;
}
.nanjolno_comment{
  background: #FAC2DF;
}
.hiyocchi_comment{
  background: #DDE4E7;
}
.ayahichan_comment{
  background: #E7AABF;
}
.nanasama_comment{
  background: #D4EAFF;
}
.zacho_comment{
  background: #FFEFBF;
}
/*12 Live2018*/
.live_content{
  margin: 0 auto;
  max-width: 46em;
}
.live h3{
  margin: 1em auto 1em;
  padding: .4em 0 .2em;
  background: #201010 url('bg_live.jpg') no-repeat center bottom;
  color: #ffffff;
  /*border: 1px solid #201010;*/
  border-radius: 2em;
  font: 700 1.4em/1.2 'Noto Sans Japanese';
  text-align: center;
  line-height: 1;
}
.live h3 small{
  display: block;
  font: 700 .7em 'Titillium Web';
  color: #ff2000;
}
.live h4{
  font-size: 1.4em;
}
.live_overview{
  background: rgba(248,248,248,.7);
}
.live_overview b{
  display: block;
  font: 900 1.4em/1.6 'Noto Sans Japanese';
}
.live_overview small{
  display: block;
  color: #ff2000;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.2;
}
.live_artist{
  text-align: center;
}
.live_artist li{
  display: inline-block;
  width: 8em;
  margin: .4em;
  vertical-align: top;
}
.live_artist b{
  font: 900 1.4em/1.6 'Noto Sans Japanese';
  display: block;
}
.live_artist small{
  display: block;
  color: #8f8787;
  line-height: 1.2;
}
.live_artist_more{
  color: #8f8787;
  font: 700 1.2em 'Titillium Web';
  text-align: center;
}
.live_ticketinfo{
  position: relative;
  margin: 1em .4em;
  padding: .4em;
  background: #f8f8f8;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  overflow: hidden;
}
.live_ticketinfo p{
  margin: 1em;
}
.normalticket{
  margin: 0 0 1.6em;
  padding: .4em .6em;
  background: #e0e0e0;
  color: #201010;
  font: 700 1em/1 'Noto Sans Japanese';
  border-radius: 2px;
  text-align: center;
}
.end_box{
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4em 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
  color: #b0b0b0;
  font: 700 2em/100% 'Noto Sans Japanese';
  z-index: 128;
}
.data_dl{/*dl*/
  margin: 1.4em 1em;
}
.data_dl dt{
  font-weight: 700;
  color: #605050;
}
.data_dl dt:before{
  content: '◆';
  color: #f04020;
}
.data_dl dd{
  padding: .2em 1em .6em 2em;
  line-height: 1.6;
}
.premiretiket{
  margin: 0 0 1.6em;
  padding: .4em .6em;
  background: #f8f8f8;
  background-image: -webkit-linear-gradient( -45deg, rgb(201,149,65) 0%, rgb(168,126,62) 7%, rgb(201,149,65) 11%, rgb(255,224,82) 15%, rgb(212,175,72) 16%, rgb(168,126,62) 19%, rgb(166,141,96) 25%, rgb(168,126,62) 33%, rgb(201,149,65) 40%, rgb(201,151,53) 47%, rgb(228,188,68) 51%, rgb(255,224,82) 52%, rgb(228,187,74) 56%, rgb(201,149,65) 63%, rgb(217,161,61) 69%, rgb(233,173,56) 74%, rgb(244,209,141) 76%, rgb(255,245,226) 80%, rgb(244,209,141) 86%, rgb(233,173,56) 87%, rgb(201,149,65) 94%, rgb(201,149,65) 98%, rgb(201,149,65) 100%);
  background-image: -ms-linear-gradient( -45deg, rgb(201,149,65) 0%, rgb(168,126,62) 7%, rgb(201,149,65) 11%, rgb(255,224,82) 15%, rgb(212,175,72) 16%, rgb(168,126,62) 19%, rgb(166,141,96) 25%, rgb(168,126,62) 33%, rgb(201,149,65) 40%, rgb(201,151,53) 47%, rgb(228,188,68) 51%, rgb(255,224,82) 52%, rgb(228,187,74) 56%, rgb(201,149,65) 63%, rgb(217,161,61) 69%, rgb(233,173,56) 74%, rgb(244,209,141) 76%, rgb(255,245,226) 80%, rgb(244,209,141) 86%, rgb(233,173,56) 87%, rgb(201,149,65) 94%, rgb(201,149,65) 98%, rgb(201,149,65) 100%);
  color: #201010;
  font: 700 1.1em/1.1 'Noto Sans Japanese';
  text-shadow: 1px 1px 0 #FFCC00;
  border: 1px solid #805040;
  border-radius: 2px;
  text-align: center;
}



.live_headline{
  margin: 1em 0;
  padding: .8em;
  min-height: 2em;
  background: #f8f8f8 url(../live2018/img/bg_livelogo.png) no-repeat right center;
  color: #402020;
  font: 700 1.1em/1.1 'Noto Sans Japanese';
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  /*text-align: right;*/
  background-size: 126px 24px;
}
.livegoods_note{
  list-style: square outside;
  margin: 1em auto;
  padding: 0 1em 0 2em;
  max-width: 56em;
  border-radius: 4px;
  line-height: 1.4;
  font-size: .9em;
  font-weight: 700;
}
.livegoods_note li{
  margin: .4em 0;
}

.livegoods_image a{
  display: inline-block;
  border: 1px solid #f04020;
  border-radius: 4px;
  overflow: hidden;
}
.livegoods h3{
  margin: 1em 0;
  background: #201010;
  color: #f8f8f8;
  font-size: 1.2em;
  font-weight: 700;
}
.livegoods h3 i{
  display: inline-block;
  width: 1em;
  background: #f04020;
  color: #201010;
  font: 2em 'Share Tech';
  text-align: center;
}
.flex .livegoods_image{
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flex .livegoods_detail{
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  padding-left: .5em;
}
.livegoods_detail{
  /*position: relative;*/
}
.livegoods_detail ol{
  font-size: .8em;
}
.livegoods_detail dl{
  margin: 0 0 1em;
  line-height: 1.4;
}
.livegoods_detail dt{
  font: 700 1.2em 'Titillium Web';
}
.livegoods_detail dd{
  padding-left: 1em;
  font-size: .8em;
}
.price{
  margin: .6em 0;
  font: 700 1em 'Titillium Web';
  text-align: right;
}
.price span{
  display: inline-block;
  padding: 0 1.2em;
  background: #f8f8f8;
  border: 2px solid #f04020;
  border-radius: 1.6em;
  color: #f04020;
}
.price b{
  color: #402020;
  font-size: 1.2em;
}
.livegood_sizeindex{
  border-collapse: collapse;
  margin: 1em 0;
  /*width: 100%;*/
  background: #f8f8f8;
  font-size: .8em;
}
.livegood_sizeindex th{
  padding: .3em;
  background: #c0c0c0;
  border: 1px solid #606060;
  font-weight: 700;
}
.livegood_sizeindex td{
  padding: .3em 1.2em;
  border: 1px solid #606060;
}
@media screen and (min-width: 768px) {
  .live_headline{
    background-size: 252px 48px;
    border-radius: 8px;
  }
}

.flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-wrap{
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.border{
  display: inline-block;
  border: 1px solid #c0c0c0;
  border-radius: 4px;
}

.livegoodsshop{
  margin: 1.5em auto;
  max-width: 48em;
  /*background: #f8f8f8;*/
  /*border: 1px solid #c0c0c0;*/
}
.livegoodsshop h3{
  margin: 2em 0;
  padding: .4em 0;
  background: #e0e0e0;
  color: #201010;
  border-left: 4px solid #c0c0c0;
  font-size: .9em;
  line-height: 1.4;
}
.livegoodsshop h4{
  color: #f04020;
  font-weight: 900;
}
.livegoodsshop ul{
  list-style: none outside;
  margin: 1em auto;
  padding: 0 1em 0 2em;
  max-width: 56em;
  border-radius: 4px;
  line-height: 1.4;
  text-indent: -1em;
  font-size: .9em;
  font-weight: 700;
}
.livegoodsshop li{
  margin: .4em 0;
}
.end_bnr{
  background: #000000;
}
.end_bnr img{
  opacity: .6;
}



/* 06.footer
////////////////////////////////////////*/

footer{
  padding: 4em 1em;
  background: #201010 url('bg_footer.jpg') no-repeat center bottom;
  color: white;
  text-align: center;
}
.footlink li{
  margin: .5em 0;
  display: inline-block;
}
.footlink a{
  position: relative;
  display: block;
  margin: .3em .6em;
  font: 700 1em 'Titillium Web';
}
.footlink s{
  display: block;
  padding: .3em .6em;
  font: 700 1em 'Titillium Web';
  text-decoration: none;
  opacity: .2;
}
.copyright{
  font-size: .7em;
}
.LiNKER{
  padding: 1em 1em 2em;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.LiNKER li{
  max-width: 320px;
  width: 30%;
}
.LiNKER img{
  width: 100%;
}
footer h2{
  padding: .3em;
  background: rgba(255,64,0,.2);
  color: #ffdf20;
  font-family: 'Titillium Web';
  font-weight: 700;
}
.otonalink a{
  display: inline-block;
  padding: .3em .6em;
  font-family: 'Titillium Web';
  font-weight: 700;
}
.pagetopbtn{
  position: absolute;
  top: -48px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 96px;
  height: 96px;
  background: transparent url('pagetopbtn.png') no-repeat;
  background: transparent url('pagetopbtn.svg') no-repeat;
  background-size: cover;
}
.hibike{
  margin: 1em 0 2em;
}
.hibike li{
  display: inline-block;
  margin: 0 .6em;
}
.hibike a{
  display: block;
  width: 40px;
  height: 40px;
}
.google{
  background: #dc4e41 url('icon_google.png');
  background: #dc4e41 url('icon_google.svg');
  background-size: cover;
}
.twitter{
  background: #55ACEE url('icon_twitter.png');
  background: #55ACEE url('icon_twitter.svg');
  background-size: cover;
}
.line{
  background: #00b900 url('icon_line.png');
  background: #00b900 url('icon_line.svg');
  background-size: cover;
}
.facebook{
  background: #3c5998 url('icon_facebook.png');
  background: #3c5998 url('icon_facebook.svg');
  background-size: cover;
}
@media screen and (min-width: 768px) {
  footer{
    background-attachment: fixed;
    background-size: cover;
  }
}

/* 99.add class
////////////////////////////////////////*/
.br{
  display: block;
}
.break{
  margin: 2em 0 1em;
}
.break4{
  margin: 4em 0 1em;
}
.break6{
  margin: 6em 0 1em;
}
.break8{
  margin: 8em 0 1em;
}
.em{
  font-weight: bold;
}
.just{
  text-align: center;
}
.new{
  display: inline-block;
  margin: 0 .6em;
  padding: .1em .5em;
  color: #f04020;
  border: 1px solid #f04020;
  border-radius: 1em;
  font: 700 .8em/1 'Titillium Web';
}
.renew{
  display: inline-block;
  -webkit-animation: blink 1s infinite;
  animation: blink 1s infinite;
}
.bnr{
  display: inline-block;
  margin: .3em;
}
.photo{
  padding: .6em;
  background: #F8F8F8;
  box-shadow: rgba(0, 0, 0, .3) 1px 2px 6px;
  -moz-box-shadow: rgba(0, 0, 0, .3) 1px 2px 6px;
  -webkit-box-shadow: rgba(0, 0, 0, .3) 1px 2px 6px;
}
.caption{
  position: relative;
  display: block;
}
.caption:after{
  content: attr(title);
  position: absolute;
  bottom: 0;
  left: 0;
  padding: .6em;
  width: 100%;
  background: rgba(0,0,0,.4);
  color: #f8f8f8;
  font: 400 .9em 'Titillium Web';
  text-shadow: 1px 1px 1px rgba(0,0,0,.8);
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.url{
  display: inline-block;
  width: 100%;
  font-family: 'Titillium Web';
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.text_abema{
  color: #6fb900;
}
.wbr span{
  white-space: nowrap;
  display: inline-block;
  font-weight: inherit;
}
.note{
  font-size: .8em;
  color: #8f8787;
  line-height: 1.4;
}
.note_caution{
  font-size: .8em;
  color: #f04020;
  line-height: 1.4;
}
.komelist{
  margin: 1em 0;
  padding-left: 2em;
  color: #8f8787;
  font-size: .8em;
  text-indent: -1em;
}
.endinfo{
  margin: 1em auto;
  padding: 8px 8px 8px 56px;
  min-height: 48px;
  background: rgba(32,16,16,.4) url('ic_warning.svg') no-repeat 4px center;
  color: white;
  border: 1px solid #8f8787;
  border-radius: 2px;
  font-size: .9em;
  font-weight: 700;
}
.pager{
  margin: 2em auto;
  text-align: center;
}
.pager li{
  display: inline-block;
}
.pager a,
.pager span{
  display: block;
  width: 1.8em;
  font: 700 1.2em/1.8 'Titillium Web';
  text-align: center;
}
.pager a{
  -webkit-transition: all .2s;
  transition: all .2s;
}
.pager a:link,
.pager a:visited{
  background: rgba(255,64,0,.2);
  border: 1px solid #f04020;
}
.pager a:hover,
.pager .here{
  background: #f04020;
  color: #f8f8f8;
  text-decoration: none;
}
.pager span{
  background: #e0e0e0;
  color: #808080;
}
.blink{
  -webkit-animation: blink 1s infinite;
  animation: blink 1s infinite;
}
@-webkit-keyframes blink{
  50%{opacity: .2;}
}
@keyframes blink{
  50%{opacity: .2;}
}
.bounce:hover{
  -webkit-animation: bounce .5s;
  animation: bounce .5s;
}
@-webkit-keyframes bounce{
  0%{-webkit-transform: scale(.8);transform: scale(.8);}
  20%{-webkit-transform: scale(1.2);transform: scale(1.2);}
  40%{-webkit-transform: scale(.9);transform: scale(.9);}
  60%{-webkit-transform: scale(1.1);transform: scale(1.1);}
  80%{-webkit-transform: scale(1);transform: scale(1);}
  100%{-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes bounce{
  0%{-webkit-transform: scale(.8);transform: scale(.8);}
  20%{-webkit-transform: scale(1.2);transform: scale(1.2);}
  40%{-webkit-transform: scale(.9);transform: scale(.9);}
  60%{-webkit-transform: scale(1.1);transform: scale(1.1);}
  80%{-webkit-transform: scale(1);transform: scale(1);}
  100%{-webkit-transform: scale(1);transform: scale(1);}
}
@-webkit-keyframes fadeIn{
  0%{opacity: 0}
  100%{opacity: 1}
}
@keyframes fadeIn{
  0%{opacity: 0}
  100%{opacity: 1}
}
@-webkit-keyframes line{
  0%{left: 0; width: 0%;}
  40%{width: 0%;}
  50%{width: 100%;}
  80%{right: 0;}
  100%{right: 0; width: 0%;}
}
@keyframes line{
  0%{left: 0; width: 0%;}
  40%{width: 0%;}
  50%{width: 100%;}
  80%{right: 0;}
  100%{right: 0; width: 0%;}
}
@-webkit-keyframes spin {
  from{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  to{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes spin {
  from{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  to{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
.beat{
  position: relative;
}
.beat:hover{
  -webkit-animation: beat .1s ease-in-out infinite alternate;
  animation: beat .1s ease-in-out infinite alternate;
}
@-webkit-keyframes beat {
  0%{top: 1px;}
  20%{top: -3px;}
  40%{top: -1px;left: 2px;}
  60%{top: 2px;}
  80%{top: -3px;left: -2px;}
  100%{top: -4px;}
}
@keyframes beat {
  0%{top: 1px;}
  20%{top: -3px;}
  40%{top: -1px;left: 2px;}
  60%{top: 2px;}
  80%{top: -3px;left: -2px;}
  100%{top: -4px;}
}

/*Add*/
/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition: -webkit-transform .4s ease;transition: transform .4s ease;transition:transform .4s ease, -webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-inline-container,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(loader.gif) center center no-repeat}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-close,#swipebox-next,#swipebox-prev{background-image:url(icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-next.disabled,#swipebox-prev.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}.swipebox-touch #swipebox-container:after,.swipebox-touch #swipebox-container:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#080020;background:rgba(32,16,16,.95);}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px #000;background:#000;opacity:.95}#swipebox-top-bar{color:#fff!important;font-size:15px;line-height:43px;font-family:'Titillium Web',Helvetica,Arial,sans-serif}