@charset "UTF-8";
/* ==========================================
*
*  
*
========================================== */

.banner_wrap {
  background: 
  url(../../../core_sys/images/main/assets/line_stripe.jpg) bottom repeat-x
  ,url(../../../core_sys/images/main/assets/bg_bnr.jpg);
  overflow: auto !important;
  padding: 0 20px 10px;
}

#bnu_001_c .banner_wrap {
    background: 
   url(../../../core_sys/images/main/assets/line_stripe.jpg) top repeat-x
  ,url(../../../core_sys/images/main/assets/line_stripe.jpg) bottom repeat-x
  ,url(../../../core_sys/images/main/assets/bg_bnr.jpg);
  padding-top: 10px;
}

.banner_list {
  display: flex;
}

.banner_list>p {
  padding-right: 16px;
  min-width: calc(290px/2);
}

.banner_list img {
  width: calc(290px/2);
  transition:0.5s;
  backface-visibility: hidden;
}

.banner_list img:hover {
  opacity:0.6;
}

@media screen and (min-width: 900px) {
  .banner_list {
    display: flex;
    justify-content: center;
  }
  .banner_list img {
    width: 190px;
  }
}

.footer__head {
  color: #fed4e4;
}

.footer__head--comics img {
  height: 38px;
  position: relative;
  left: 10px;
}

.footer__head--twitter img {
  height: 57px;
  position: relative;
  left: 10px;
}

@media screen and (min-width: 900px) {
  .banner_list {
    display: flex;
    justify-content: center;
  }
  .banner_list img {
    width: 190px;
  }
  .footer__head--comics img, .footer__head--twitter img {
    height: auto;
  }
}

.footer_cont {
  display: flex;
  justify-content: center;
  text-align: center;
  margin: 0;
  flex-direction: column;
}

.footer__head {
  color: #fed4e4;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", serif;
  margin: 1em 0 0.5em;
}

.footer__banner>img{
  width:303px;
  transition:0.5s;
}

.footer__banner>img:hover{
  opacity:0.6;
}

@media screen and (min-width: 900px) {
  .footer_cont {
    flex-direction: row;
  }
  .footer_cont>li {
    flex-basis: 40%;
  }

  .footer__banner>img{
    width:262px;
  }
}

.sociallist {
  display: flex;
  justify-content: center;
}

.sociallist__item {
  width: 45px;
  margin: 0 10px;
}

.sociallist__item img {
  transition: 0.5s;
}

.sociallist__item img:hover {
  filter: hue-rotate(15deg) saturate(6) brightness(97%);
}

.copyrights{
  text-align: center;
}
.copyrights>small {
  color: #fed4e4;
  font-size: 1.1rem;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", serif;
  font-weight:400;
}

.twtter__link {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #d762b2;
  margin: 0 0 5px;
  font-family: 'Droid Serif', serif;
}

.twtter__link img {
  width: 41px;
  margin: 0 10px 0 0;
}

.twitter_area {
  max-width: 300px;
  overflow: hidden;
  line-height: 1.2;
  position: relative;
  height: 330px;
  margin: 0 auto 30px;
  -webkit-overflow-scrolling: touch;
  outline: 4px solid #721837;
}

@media screen and (min-width: 900px){
  .twitter_area {
    width: 250px;
  }
}

.twitter_inner {
  width: 100%;
  height: 100%;
  overflow: auto;
  background: #fff;
  display: flex;
}

.twitter_inner iframe {
  width: 98% !important;
  min-width: initial !important;
  min-height: initial !important;
  max-width: 330px !important;
  margin: 0 auto !important;
}

.footer_logo {
  background: url(../../../core_sys/images/main/assets/bg_paper_white2.jpg);
  padding: 10px 0;
}

.footer_logo__list {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}

.footer_logo__list>li {
  margin: 0 10px;
}

.footer_logo__list img {
  width: 59px;
}

.pagetop_button img {
 width:42px;
}

.pagetop_button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 800;
  cursor: pointer;
}

.pagetop_button::after {
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:42px;
  height:69.47px;
  background: url(../../../core_sys/images/main/common/pagetop_on.png) contain;
  transition:0.5s;
  opacity:0;
  pointer-events: none;
}

@media screen and (min-width: 900px){
  .pagetop_button img {
    width:81px;
  }

  .pagetop_button::after {
    width:81px;
    height:134px;
    background: url(../../../core_sys/images/main/common/pagetop_on.png);
  }
}

.pagetop_button:hover::after {
  opacity:1;
}