@charset "UTF-8";

/* base */
.anan_comic{
  position: relative;
  margin: 0 auto;
  background-color: #fffded;
}

h1.main_visual{
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
  background-color: #fff;
}
@media print, screen and (min-width: 641px) {
  .visual-sp{
    display: none !important;
  }
  .anan_comic{
    max-width: 1300px;
    min-width: 1000px;
    padding-bottom: 60px;
  }
  h1.main_visual{
    margin-bottom: 30px;
    height: 275px;
    background: url(/ph/coccoapo/common/img/anan_comic/main_visual_pc.png) no-repeat center 0;
  }
}
@media screen and (max-width: 640px) {
  .visual-pc{
    display: none !important;
  }
  .anan_comic{
    padding-bottom: 40px;
  }
  h1.main_visual{
    margin-bottom: 10px;
    padding-top: 42.5%;
    font-size: 0;
    background: url(/ph/coccoapo/common/img/anan_comic/main_visual_sp.png) no-repeat center 0;
    -webkit-background-size: 100%;
    -ms-background-size: 100%;
    background-size: 100%;
  }
}
/* chara info */
.chara_info>h2,
.chara_info>ul{
  display: none;
}
@media print, screen and (min-width: 641px) {
  .chara_info{
    width: 900px;
    margin: 0 auto 60px;
  }
}
@media screen and (max-width: 640px) {
  .chara_info{
    margin: 0 auto 35px;
  }
}
/* comic */
@media print, screen and (min-width: 641px) {
  .comic_main{
    width: 640px;
    margin: 0 auto 52px;
  }
  .comic_main>h2{
    margin-bottom: 25px;
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .comic_main{
    margin: 0 auto;
  }
  .comic_main>h2{
    margin-bottom: 10px;
  }
}
/* banner */
.bn_box a{
  text-decoration: none;
}
.bn_box a:hover{
  opacity: .6;
  text-decoration: none;
}
.bn_box a.nolink:hover{
  opacity: 1;
}
@media print, screen and (min-width: 641px) {
  .bn_box{
    margin-bottom: 25px;
    text-align: center;
    letter-spacing: -.4em;
  }
  .bn_box>a{
    display: inline-block;
    letter-spacing: normal;
  }
  .bn03>a{
    margin: 0 4px;
  }
  .bn02>a{
    margin: 0 10px;
  }
}
@media screen and (max-width: 640px) {
  .bn_box{
    margin-bottom: 20px;
    padding-left: 3.90625vw;
    padding-right: 3.90625vw;
  }
  .bn_box>a{
    margin-bottom: 10px;
    display: block;
  }
}