body{
  color: #860101;
  background: url(../images/mobile/bg.png);
}
.mainTitle{
  padding: 5% 0 3%;
}
.moreUpdate{
  color: #f00;
  font-size: 1.4rem;
  font-weight: bold;
  padding-top: 2%;
  margin:2% 0 0;
  border-top:3px solid#860101;
}
.lineBox{
  position: absolute;
  left: 0;
  width: 1.4%;
  height: 100%;
  background: #860101;
  z-index: -1;
}
.topBox{
  position: relative;
}
.topImg{
  position: relative;
  z-index: 5;
}
.topScroll{
  position: absolute;
  width: 100%;
  overflow: hidden;
  z-index: 1;
  top: 0;
  height:   57%;
  background: url(../images/mobile/move.jpg);
  -webkit-background-size: auto 100%;
       -o-background-size: auto 100%;
          background-size: auto 100%;
-moz-animation: loop 10s linear -2s infinite ;
-webkit-animation: loop 10s linear -2s infinite ;
-o-animation: loop 10s linear -2s infinite ;
-ms-animation: loop 10s linear -2s infinite ;
}
@-moz-keyframes loop {
0% {background-position-x:-0}
100% {background-position-x:100%}
}

@-webkit-keyframes loop {
0% {background-position-x:-0}
100% {background-position-x:100%}
}

@-o-keyframes loop {
0% {background-position-x:-0}
100% {background-position-x:100%}
}

@-ms-keyframes loop {
0% {-ms-background-position-x:-0}
100% {-ms-background-position-x:100%}
}
.op0{
  opacity: 0;
}

.itemBox{
  padding: 5% 3%;
}
.menuList > li{
  list-style: none;
}
.coOrrange{
  color: #FD2A33;
}
.collaboDate{
  font-size: 1rem;
}
/**/
.updateBox{
  background: url(../images/mobile/update/img01_base02.png);
  padding: 1% 5%;
  margin: -1% 0;
  -webkit-background-size: 100% auto;
       -o-background-size: 100% auto;
          background-size: 100% auto;
}
.updateTitle{
  text-align: center;
  font-weight: bold;
  padding: 2% 0;
}
/*collabo*/
.collaboBase{
  border: 1px solid #860101;
}

.collaboColum{
  display: table-cell;
  vertical-align: top;
}

.collaboTitleBox{
  text-align: center;
  background: #860101;
  color: #fff;
  padding: 5% 0;
}

.collaboTextBox{
  padding: 2%;
  font-size: 12px;
}

.collaboBase.is-middle{
  width: 49%;
  float: left;
  vertical-align: top;
  margin-top: 2%;
}
.collaboBase.is-middle:nth-child(2n){
  margin-left: 2%;
}
.collaboBase.is-reviveLong{
  margin-bottom: 2%;
}
.collaboBase.is-revive{
  float: left;
  width: 49%;
  margin-bottom: 2%;
}
.collaboBase.is-revive:nth-child(2n){
  margin-left: 2%;
}
.collaboTitle.is-revive{
  font-size: 1.2rem;
}
.collaboDate.is-revive{
  font-size: 1rem;
}
.collaboBase.is-next{
  text-align: center;
  padding:  2%;
  margin-top: 2%;
}
/**/
.infoBase{
  background: url(../images/mobile/infomation/img04_base02.png);
  padding: 1% 5%;
  margin: -1% 0;
  -webkit-background-size: 100% auto;
       -o-background-size: 100% auto;
          background-size: 100% auto;
}
.collaboBanner{
  padding-top: 2%;
}

.scheduleBox{
  position: relative;
  border: 1px solid #860101;
  -ms-overflow-x: scroll;
      overflow-x: scroll;
}

.spPt2{
  padding-top: 2%;
}
.spPt3{
  padding-top: 3%;
}
.spPt4{
  padding-top: 4%;
}
.spPt5{
  padding-top: 5%;
}
.spPt6{
  padding-top: 6%;
}

.spPb2{
  padding-bottom: 2%;
}
.spPb3{
  padding-bottom: 3%;
}
.spPb4{
  padding-bottom: 4%;
}
.spPb5{
  padding-bottom: 5%;
}
.spPb6{
  padding-bottom: 6%;
}

.scheduleWrap{
  position: relative;
}
.arrow{
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -12.5px;
  background: url(../images/mobile/arrow_l.png) no-repeat;
  width: 25px;
  height: 43px;
  z-index: 2;
  -webkit-background-size: 25px 43px;
       -o-background-size: 25px 43px;
          background-size: 25px 43px;
}
.arrow.is-on{
  display: block;
}
.arrow.is-next{
  right: 0;
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}

.btnBase{
  display: block;
  text-align: center;
  padding: 10px 0;
  color: #FFF;
  border: solid 2px #fff;
  -webkit-box-shadow: 2px 2px 10px #888;
          box-shadow: 2px 2px 10px #888;
  -webkit-border-radius: 8px;
          border-radius: 8px;
}
.btnBase.is-mushi{
background: -moz-linear-gradient(top,  rgba(0,20,4,1) 0%, rgba(0,20,4,1) 1%, rgba(2,66,29,1) 100%);
background: -webkit-linear-gradient(top,  rgba(0,20,4,1) 0%,rgba(0,20,4,1) 1%,rgba(2,66,29,1) 100%);
background: linear-gradient(to bottom,  rgba(0,20,4,1) 0%,rgba(0,20,4,1) 1%,rgba(2,66,29,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001404', endColorstr='#02421d',GradientType=0 );

}
.btnBase.is-animate{
background: #004B9D;
  border: solid 2px #ff0;
}
/**/
.shingekiBox{
	border: 1px solid #860101;
}
.shingekiText{

	padding: 2%;
	background: #860101;
	color: #fff;
}
.shingekiTxtBox{
	padding-bottom: 2%;
}