@charset "utf-8";

/*各コンテンツブロック設定 背景 背景パターンと境界線の組み合わせで設定*/


/* panel link色 */
.panel .link:link,.panel .link:visited{
  color: #000;
}
.panel .link:hover,
.panel .link:active {
  color: #ff6c00;
}

.contentBlock {
  padding: 20px 35px 20px;
  position: relative;
}
.topBlock {
  padding: 20px 35px;
  background: url("../../../img/v3/ultraman/ultra_bg01.png") center top;
  border-radius: 10px 10px 0 0;
}
.bgWhile01{
  position: absolute;
  bottom: -1px;
  margin: 0 -35px;
  width: 100%;
  background: url("../../../img/v3/ultraman/ultra_bg_while02.png") repeat-x center bottom;
  background-size: 21px 13px;
  height: 12px;
}
.bgWhile02{
  position: absolute;
  bottom: -1px;
  margin: 0 -35px;
  width: 100%;
  background: url("../../../img/v3/ultraman/ultra_bg_while01.png") repeat-x center bottom;
  background-size: 21px 13px;
  height: 12px;
}
.bgWhile03{
  position: absolute;
  bottom: -1px;
  margin: 0 -35px;
  width: 100%;
  background: url("../../../img/v3/ultraman/ultra_bg_while01.png") repeat-x center bottom;
  background-size: 21px 13px;
  height: 12px;
}

.bgWhile04{
  bottom: -1px;
  margin: -10px -35px;
  padding-top: 10px;
  background: url("../../../img/v3/ultraman/ultra_bg_while02.png") repeat-x center bottom;
  background-size: 21px 13px;
  height: 2px;
}

.block01 {
  background: url("../../../img/v3/ultraman/ultra_bg02.png") center top;
}
.block02 {
  background: url("../../../img/v3/ultraman/ultra_bg01.png") center top;
}
.block03 {
  background: url("../../../img/v3/ultraman/ultra_bg02.png") center top;
}

/*各コンテンツブロック設定 背景　 768px以下*/

@media screen and (max-width:768px) {
  .contentBlock {
    padding: 20px 5px;
  }

  .bgWhile01,.bgWhile02,.bgWhile03{
    margin: 0 0 0 -5px;
  }

  .bgWhile04{
    margin: -12px -5px;
  }

}

/*bannerArea*/

.bannerArea{
  padding: 20px 35px 10px;
  background: url("../../../img/v3/ultraman/ultra_bg01.png") center top;
}
.bannerBlock01{
  margin-bottom: 15px;
}
.bannerBlock01 .img{
  float: left;
  width: 470px;
  height: 140px;
  margin-left: 20px;
}
.bannerBlock01 .img01{
  margin-left: 0;
}
.bannerBlock02 .img{
  float: left;
  width: 310px;
  height: 100px;
  margin-left: 15px;
}
.bannerBlock02 .img01{
  margin-left: 0;
}

.bannerBlock03{
  margin-top: 15px;
}

/*bannerArea 768px以下*/

@media screen and (max-width:768px) {
  .bannerArea{
    padding: 10px 5px;
  }
  .bannerBlock01 .img{
    float: none;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 0 5px 0;
  }
  .bannerBlock01 .img02{
    margin: 0;
  }
  .bannerBlock02 {
    text-align: center;
  }
  .bannerBlock02 .img{
    float: none;
    width: 58%;
    height: auto;
    margin: 0 auto 5px;
  }
  .bannerBlock02 .img03{
    margin: 0 auto;
  }
  .productBlock .blockTitle-B .img {
    width: 155px;
  }
}

/*timeLineArea*/

.timeLineArea{
  padding-bottom: 20px;
  background: url("../../../img/v3/ultraman/ultra_bg01.png") center top;
}

/*timeLineArea 768px以下*/

@media screen and (max-width:768px) {
  .timeLineArea{
    padding: 10px 5px;
  }
}

/* クレジット表記 */
.credit01{
 margin: 10px 0 0;
 text-align: center;
 font-size: 11px;
 font-size: 1.1rem;
 color: #fff;
}
.credit02{
 margin: 10px 0 -10px;
 text-align: center;
 font-size: 11px;
 font-size: 1.1rem;
 color: #fff;
}
.credit03{
 margin: 10px 0 0;
 padding: 0 5px;
 text-align: center;
 font-size: 11px;
 font-size: 1.1rem;
 color: #fff;
}


.mangaBlock{
  background-color: #78F65F;
  padding: 20px 35px;
  position: relative;
  border-radius: 10px 10px 0 0;
}

.mangaInner{
  padding: 15px 40px 15px;
  background: #fff;
}

.mangaBiewer{
  width: 880px;
  height:780px;
}

@media screen and (max-width:768px) {
  .mangaBlock{
    padding:20px 10px;
  }
  .mangaInner{
    padding: 15px 5px 15px;
  }
  .mangaBiewer{
    width: 100%;
    height:480px;
  }
}

.mangaBlockNavigator{
  padding: 0px 35px 10px;
  display: flex;
  justify-content: space-between;
}

.mangaBlockNavigatorButtonBlock:first-child{
  margin-right: 5px;
}

.mangaBlockNavigatorButtonBlock.invisible{
  visibility: hidden;
}

.mangaBlockNavigatorTextArea{
  margin-right: 5px;
}
a.mangaBlockNavigatorButton{
  background-color: #33cc00;
  border-radius: 3px;
  color: #fff;
  display: block;
  padding: 5px 10px;
}
.mangaBlockNavigatorTitle{
  font-size: 1.8rem;
}

@media screen and (max-width:768px) {
  .mangaBlockNavigator{
    padding: 2vw;
    flex-wrap: wrap;
  }

  .mangaBlockNavigatorButtonBlock:first-child{
    margin-right: 2vw;
  }
  .mangaBlockNavigatorButtonBlock{
    order: 2;
    margin-top: 10px;
    margin-bottom: 5px;
    width: 47vw;
    text-align: center;
  }

  .mangaBlockNavigatorTextArea{
    margin-right: 0;
    width: 96vw;
    text-align: center;
  }
  a.mangaBlockNavigatorButton{
    font-size: 1.4rem;
    padding: 10px 0;
  }
  .mangaBlockNavigatorTitle{
    font-size: 1.8rem;
  }
}

.archiveBack{
  background: url(https://d38vrblg2ltm93.cloudfront.net/admin/sd_gundam/SD01/SDGDM_Web_01_06.png) repeat center top;
  width: 100%;
  padding-bottom:10px;
}

.ultraLogoArea{
  width:65%;
  margin: auto;
}

.ultraLogo{
  padding:30px 0px;
  text-align: center;
}

.archiveSns{
  text-align: center;
}

.showManga{
  margin: 5px 0px;
}
.bannerArea .copyright{
  margin-top: 10px;
}
.copyright{
  color:#000;

  font-size:12px;
  font-size:1.2rem;
  text-align:center;
}

.categoryLabel{
  padding:2px 10px;
  background:#6ec575;
  color: white;
}