@media only screen and (max-width: 320px) { html, body { width: 100%; margin: 0; padding: 0; background-color: #fff; font-size: 86.7%; line-height: 1.5; font-family: "\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33", "Hiragino Kaku Gothic Pro", "\30e1\30a4\30ea\30aa", Meiryo, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", sans-serif; color: #181312; }
  section, article, aside, div, p, img, hr { margin: 0; padding: 0; vertical-align: top; }
  ul, li { margin: 0; padding: 0; list-style: none; overflow: hidden; vertical-align: top; }
  h1, h2, h3, h4 { font-size: 1em; font-weight: normal; margin: 0; padding: 0; }
  a { border: 0; text-decoration: none; }
  span.swapimg { display: block; position: relative; z-index: -1; }
  .cf { *zoom: 1; }
  .cf:after { content: ''; display: block; clear: both; }
  header { width: 100%; margin: 5px auto 0 auto; overflow: hidden; }
  header a.logo { float: left; }
  header img#logo { width: 200px; height: 36px; }
  header a.mobmenu { float: right; padding: 2px 10px 0 0; }
  nav.menu { display: none; position: absolute; z-index: 10000; width: 100%; }
  nav.menu ul { width: 100%; }
  nav.menu ul li { padding: 10px; border-top: 1px #fff solid; background-color: #008c00; text-align: center; }
  nav.menu ul a { color: #fff; }
  nav.menu ul span.swapimg { position: static; z-index: 1; font-size: 1.23rem; }
  footer { width: 100%; margin: 0 auto; font-size: 0; }
  footer ul.presented { width: 100%; padding: 0 10px; margin: 0 auto; box-sizing: border-box; }
  footer ul.presented li { display: inline-block; }
  footer ul.presented li.text { margin: 16px 10px 0 0; width: 100%; margin-bottom: 10px; }
  footer ul.presented li.link { margin: 0 12px 10px 0; }
  footer ul.links { margin-top: 30px; font-size: 0; }
  footer ul.links li { display: inline-block; margin-right: 30px; }
  footer ul.links li a { font-size: 0.87rem; color: #181312; }
  footer div.copy { width: 100%; margin: 50px 0 20px 0; text-align: center; font-size: 1rem; } }
@media only screen and (min-width: 321px) and (max-width: 480px) { html, body { width: 100%; margin: 0; padding: 0; background-color: #fff; font-size: 86.7%; line-height: 1.5; font-family: "\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33", "Hiragino Kaku Gothic Pro", "\30e1\30a4\30ea\30aa", Meiryo, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", sans-serif; color: #181312; }
  section, article, aside, div, p, img, hr { margin: 0; padding: 0; vertical-align: top; }
  ul, li { margin: 0; padding: 0; list-style: none; overflow: hidden; vertical-align: top; }
  h1, h2, h3, h4 { font-size: 1em; font-weight: normal; margin: 0; padding: 0; }
  a { border: 0; text-decoration: none; }
  span.swapimg { display: block; position: relative; z-index: -1; }
  .cf { *zoom: 1; }
  .cf:after { content: ''; display: block; clear: both; }
  header { width: 100%; margin: 5x auto 0 auto; }
  header a.logo { float: left; }
  header img#logo { width: 200px; height: 36px; }
  header a.mobmenu { float: right; padding: 2px 10px 0 0; }
  nav.menu { display: none; position: absolute; z-index: 10000; width: 100%; }
  nav.menu ul { width: 100%; }
  nav.menu ul li { padding: 10px; border-top: 1px #fff solid; background-color: #008c00; text-align: center; }
  nav.menu ul a { color: #fff; }
  nav.menu ul span.swapimg { position: static; z-index: 1; font-size: 1.23rem; }
  footer { width: 100%; margin: 0 auto; font-size: 0; }
  footer ul.presented { width: 100%; padding: 0 10px; margin: 0 auto; box-sizing: border-box; }
  footer ul.presented li { display: inline-block; }
  footer ul.presented li.text { margin: 16px 10px 0 0; width: 100%; margin-bottom: 10px; }
  footer ul.presented li.link { margin: 0 16px 10px 0; }
  footer ul.links { margin-top: 30px; font-size: 0; }
  footer ul.links li { display: inline-block; margin-right: 30px; }
  footer ul.links li a { font-size: 0.87rem; color: #181312; }
  footer div.copy { width: 100%; margin: 50px 0 20px 0; text-align: center; font-size: 1rem; } }
@media only screen and (min-width: 481px) and (max-width: 800px) { html, body { width: 100%; margin: 0; padding: 0; background-color: #fff; font-size: 86.7%; line-height: 1.5; font-family: "\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33", "Hiragino Kaku Gothic Pro", "\30e1\30a4\30ea\30aa", Meiryo, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", sans-serif; color: #181312; }
  section, article, aside, div, p, img, hr { margin: 0; padding: 0; vertical-align: top; }
  ul, li { margin: 0; padding: 0; list-style: none; overflow: hidden; vertical-align: top; }
  h1, h2, h3, h4 { font-size: 1em; font-weight: normal; margin: 0; padding: 0; }
  a { border: 0; text-decoration: none; }
  span.swapimg { display: block; position: relative; z-index: -1; }
  .cf { *zoom: 1; }
  .cf:after { content: ''; display: block; clear: both; }
  header { width: 100%; margin: 5px auto 0 auto; }
  header a.logo { float: left; }
  header img#logo { width: 200px; height: 36px; }
  header a.mobmenu { float: right; padding: 2px 10px 0 0; }
  nav.menu { display: none; position: absolute; z-index: 10000; width: 100%; }
  nav.menu ul { width: 100%; }
  nav.menu ul li { padding: 10px; border-top: 1px #fff solid; background-color: #008c00; text-align: center; }
  nav.menu ul a { color: #fff; }
  nav.menu ul span.swapimg { position: static; z-index: 1; font-size: 1.23rem; }
  footer { width: 100%; margin: 0 auto; font-size: 0; }
  footer ul.presented { width: 100%; padding: 0 10px; margin: 0 auto; box-sizing: border-box; }
  footer ul.presented li { display: inline-block; }
  footer ul.presented li.text { margin: 16px 10px 0 0; width: 100%; margin-bottom: 10px; }
  footer ul.presented li.link { margin: 0 16px 10px 0; }
  footer ul.links { margin-top: 30px; font-size: 0; }
  footer ul.links li { display: inline-block; margin-right: 30px; }
  footer ul.links li a { font-size: 0.87rem; color: #181312; }
  footer div.copy { width: 100%; margin: 50px 0 20px 0; text-align: center; font-size: 1rem; } }
@media only screen and (min-width: 801px) { html, body { width: 100%; margin: 0; padding: 0; background-color: #fff; font-size: 86.7%; line-height: 1.5; font-family: "\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33", "Hiragino Kaku Gothic Pro", "\30e1\30a4\30ea\30aa", Meiryo, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", sans-serif; color: #181312; min-width: 1000px; }
  section, article, aside, div, p, img, hr { margin: 0; padding: 0; vertical-align: top; }
  ul, li { margin: 0; padding: 0; list-style: none; overflow: hidden; vertical-align: top; }
  h1, h2, h3, h4 { font-size: 1em; font-weight: normal; margin: 0; padding: 0; }
  a { border: 0; text-decoration: none; }
  span.swapimg { display: block; position: relative; z-index: -1; }
  .cf { *zoom: 1; }
  .cf:after { content: ''; display: block; clear: both; }
  header { width: 100%; margin: 5px auto 0 auto; width: 1000px; }
  header a.logo { float: left; }
  header img#logo { width: 200px; height: auto; width: 301px; height: 54px; }
  header a.mobmenu { float: right; padding: 2px 10px 0 0; display: none; }
  nav.menu { display: block; float: right; margin-top: 20px; }
  nav.menu ul li { float: left; margin-left: 17px; }
  nav.menu ul a.mn01 { display: block; z-index: 1; width: 83px; height: 18px; background: url(../images/menu01.png?h=30ece0f4) no-repeat; }
  nav.menu ul a.mn02 { display: block; z-index: 1; width: 103px; height: 18px; background: url(../images/menu02.png?h=90623388) no-repeat; }
  nav.menu ul a.mn03 { display: block; z-index: 1; width: 83px; height: 18px; background: url(../images/menu03.png?h=c9c4c83a) no-repeat; }
  nav.menu ul a.mn04 { display: block; z-index: 1; width: 81px; height: 18px; background: url(../images/menu04.png?h=dcb927b5) no-repeat; }
  nav.menu ul a.mn06 { display: block; z-index: 1; width: 157px; height: 18px; background: url(../images/menu06.png?h=1a195be7) no-repeat; }
  footer { width: 100%; margin: 0 auto; font-size: 0; width: 1000px; }
  footer ul.presented { width: 100%; padding: 0 10px; margin: 0 auto; box-sizing: border-box; width: 430px; }
  footer ul.presented li { display: inline-block; }
  footer ul.presented li.text { margin: 16px 10px 0 0; }
  footer ul.presented li.link { margin: 0 16px 10px 0; }
  footer ul.links { margin-top: 30px; font-size: 0; }
  footer ul.links li { display: inline-block; margin-right: 30px; }
  footer ul.links li a { font-size: 0.87rem; color: #181312; }
  footer div.copy { width: 100%; margin: 50px 0 20px 0; text-align: center; font-size: 1rem; } }
header .this-site {
  font-size: 10px;
  font-weight: bold;
  color: #222;
  text-align: center;
  white-space: nowrap;
  margin: 5px auto 10px;
}
@media only screen and (max-width: 320px) {
  header .this-site {
    position: relative;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    width: 400px;
    left: calc((100% - 400px) / 2);
    margin-top: 0;
  }
}
@media only screen and (min-width: 801px) {
  header .this-site {
    margin: 5px auto 15px;
  }
}
/** footer シェア **/
.content-bottomm-sns {
  margin: 0 auto;
  padding: 0 0 40px;
  font-size: 0;
  text-align: center;
}
.content-bottomm-sns li {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0 0 0 10px;
}
.content-bottomm-sns li img {
  width: 32px;
  height: 32px;
}
.content-bottomm-sns li:first-child {
  margin: 0;
}
footer {
  margin: 20px auto 0;
}
footer .note {
  margin: 16px 10px;
  font-size: 9px;
}
footer .note h2 {
  font-size: 9px;
  font-weight: bold;
}
/** footer 広告 **/
.google-ads {
  text-align: center;
}
.google-ads .google-ad { display: inline-block; margin: 0 20px; border: 0; width: 300px; height: 253px; }
@media only screen and (max-width: 320px) {
  .google-ads .google-ad {
    margin: 0 auto;
  }
}
/*追加*/
@media only screen and (min-width: 481px) and (max-width: 800px) {
  footer ul.presented { width: 430px; }
  footer ul.presented li.text { width: 92px; }
}
/** ぐるぐる **/
/* thanks http://projects.lukehaas.me/css-loaders/ */
/*
@-webkit-keyframes lonice-loader-animationad8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}*/
@-webkit-keyframes nice-loader-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes nice-loader-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/** 例のやつ **/
/* 全体共通 */
/** footer 相互リンク **/
.shogakukan-websites {
  text-align: center;
}
.shogakukan-websites > a { display: inline-block; margin: 20px; }
.shogakukan-websites > a img { display: block; width: 450px; height: 80px; }
@media screen and (min-width: 481px) and (max-width: 800px) {
  .shogakukan-websites > a { margin: 20px 0 20px 2vw; }
  .shogakukan-websites > a:first-child { margin-left: 0; }
  .shogakukan-websites > a img { display: block; width: 47vw; height: 8.355555556vw; margin: 0 auto; }
}
@media screen and (max-width: 480px) {
  .shogakukan-websites > a { display: block; position: relative; margin: 20px 0; }
  .shogakukan-websites > a img { display: block; width: calc(100% - 20px); height: 17.037vw; margin: 0 auto; }
}
/* Tag-common */
.tags {
  font-size: 0;
}
.tags li { position: relative; display: inline-block; font-size: 14px; border-style: solid; border-width: 0; border-image-slice: 10 21 21 10 fill; border-image-repeat: stretch repeat; border-image-source: url(../images/tagslist__borderbg.png?h=8bd80b64); border-image-width: 10px 21px 21px 10px; padding: 0 25px 4px 15px; box-sizing: border-box; cursor: pointer; }
.tags li a { color: #181312; }
.nowrap {
  white-space: nowrap;
}
/**
 * max 1000px横幅一杯のバナー
 */
.banner-fullwidth {
  height: 30.6vw;
}
@media only screen and (min-width: 801px) {
  .banner-fullwidth {
    height: 306px;
  }
}
/* トップ */
/** TOPのカルーセル **/
.mainvisual {
  z-index: 1;
  width: 100%;
  height: 30.6vw;
  margin: 10px auto 0 auto;
  overflow: hidden;
}
.mainvisual .main { width: 100%; height: 100%; }
.mainvisual .main .bx-wrapper { margin: 0 auto; border: 0; }
.mainvisual .main .bx-wrapper .bx-pager { bottom: 10px; opacity: 0.5; }
.mainvisual .main a { display: block; }
.mainvisual .main a > img { display: block; width: 100%; }
/** 今日の漫画 **/
.topTodayComics {
  font-size: 0;
}
.topTodayComics > li { display: inline-block; width: calc(100% / 3 - 10px); margin: 5px; font-size: 1.15rem; position: relative; }
.topTodayComics > li .topTodayComics-thumb > img, .topTodayComics > li .topTodayComics-spThumb > img { display: block; width: 100%; }
.topTodayComics > li .topTodayComics-thumb { display: none; }
.topTodayComics > li .topTodayComics-spThumb { display: block; }
/* margin-topを使って、幅基準アスペクト固定の埋め草をつくるテクニック */
.topTodayComics > li .topTodayComics-spThumb::before { content: ""; display: block; margin-top: 100%; }
.topTodayComics > li .topTodayComics-spThumb > img { position: absolute; top: 0; }
.topTodayComics > li .topTodayComics-taglist { display: none; }
/** タグリスト **/
.topTodayComics-taglist li { height: 19px; margin: 0 10px 6px 0; font-size: 7px; border-image-slice: 2 10 2 5 fill; border-image-source: url(../images/top-taglist__borderbg.png?h=2d255bf4); border-image-width: 2px 10px 2px 5px; padding: 2px 12px 0 4px; }
/* とりあえずここにローダー置いておきますね */
/* TODO: mix-inのやつに切り替える */
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 6px solid rgba(255, 255, 255, .2);
  border-right: 6px solid rgba(255, 255, 255, .2);
  border-bottom: 6px solid rgba(255, 255, 255, .2);
  border-left: 6px solid #ffffff;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 48px;
  height: 48px;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/** マンガ一覧 **/
.topComicsList {
  margin: 0 0 0 0;
  font-size: 0;
  box-sizing: border-box;
}
.topComicsList > li { display: inline-block; background-color: #fff; margin: 0 10px 10px 0; width: calc(50vw - 5px); font-size: 0.9rem; }
.topComicsList > li:nth-child(even) { margin-right: 0; }
.topComicsList > li > a { display: block; width: 100%; }
.topComicsList > li > a > img { width: 100%; height: calc(15.30194475vw - 1.530194475px); display: block; }
.topComicsList > li .date { width: 100%; padding: 5px; box-sizing: border-box; }
/** ツイッタータイムライン **/
.twitterTimeline {
  float: left;
  width: 490px;
  height: 350px;
  border: 1px #e1e8ed solid;
  box-sizing: border-box;
}
/** 今後のイベント情報 **/
.upcomingEvents {
  width: 490px;
  height: 350px;
  padding: 15px 15px;
  border: 1px #d4ccc9 solid;
  margin: 0 0 0 510px;
  box-sizing: border-box;
  background: #fff;
}
.upcomingEvents .upcomingEvents-title { width: auto; height: 44px; background: url(../images/top_event.png?h=b5180333) center 0 no-repeat, url(../images/sectionline.png?h=ee6ee062) repeat-x; background-size: auto 100%; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; }
.upcomingEvents .upcomingEvents-events { height: 260px; margin: 19px 0 0 0; font-size: 1.1rem; line-height: 1.3; overflow-y: scroll; }
.upcomingEvents .upcomingEvents-events li { margin-bottom: 13px; }
/** ロゴ **/
.top-header .top-header__top-logo { margin: 0 auto 20px; width: 948px; height: 106px; text-indent: 100%; overflow: hidden; white-space: nowrap; background: url(../images/top_title.png?h=af37b971) no-repeat; }
.top-header .top-header__top-data { float: left; }
.top-header__title-smart .top-header__title-smart--top-data { display: none; }
.top-header__title-smart .top-header__title-smart--title { font-size: 10px; font-weight: bold; color: #222; text-align: center; white-space: nowrap; margin: 5px auto 10px; }
.is-weekend .top-header .top-header__top-logo {
  background-image: url(../images/top_title_weekend.png?h=56c714b1);
}
.ranking {
  display: block;
  z-index: 1;
  width: 180px;
  height: 27px;
  margin: 20px auto 0 auto;
  background: url(../images/link_ranking.png?h=773790dc) no-repeat;
  background-size: auto 100%;
}
/* PC View */
@media only screen and (min-width: 801px) {
  .topTodayComics {
    width: 975px;
    margin: 0 -15px 0 10px;
  }
  .topTodayComics > li { width: 310px; font-size: 1rem; margin: 25px 15px 0 0; }
  .topTodayComics > li .topTodayComics-thumb { display: block; height: 95px; }
  .topTodayComics > li .topTodayComics-spThumb { display: none; }
  .topTodayComics > li .topTodayComics-taglist { display: block; }
  .mainvisual {
    width: 1000px;
    height: 306px;
    max-width: none;
    box-shadow: 0px 0px 10px;
  }
  #react-top-ranking,
  .topRanking {
    min-height: 100px;
  }
  .topRanking > li { display: inline-block; width: 185px; margin: 5px; }
  .topRanking > li .topRanking-rank { display: block; margin-bottom: 3px; }
  .topRanking > li .topRanking-visual { width: 185px; height: 185px; }
  .topRanking > li .topRanking-visual > img { width: 100%; }
  .topRanking > li .topRanking-desription { display: none; }
  .topRanking .loader { margin: 7px auto; }
  .topComicsList {
    margin: 20px 0 0 0;
  }
  .topComicsList > li { width: 490px; margin: 0 20px 20px 0; }
  .topComicsList > li > a,
      .topComicsList > li > a > img { height: 150px; }
}
/* SmartPhone View */
@media only screen and (max-width: 800px) {
  .title-today {
    width: auto;
    height: 26px;
    background: url(../images/top__todaycomic.png?h=de98a0ab) 0 0 no-repeat;
    background-size: auto 100%;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
  .title-ranking {
    width: auto;
    height: 26px;
    background: url(../images/top__ranking.png?h=c9e4c0df) 0 0 no-repeat;
    background-size: auto 100%;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
  #react-top-ranking,
  .topRanking {
    min-height: 480px;
  }
  .topRanking > li { min-height: 90px; margin: 5px; }
  .topRanking > li .topRanking-rank { float: left; margin: 10px; display: block; margin-top: 31px; }
  .topRanking > li .topRanking-visual { float: left; display: block; width: 90px; height: 90px; }
  .topRanking > li .topRanking-visual > img { width: 100%; }
  .topRanking > li .topRanking-desription { margin-left: 145px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 90px; }
  .topRanking > li .topRanking-desription > a { display: block; color: #000; }
  .topRanking > li .topRanking-title { font-size: 1.3rem; line-height: 1.3; }
  .topRanking > li .topRanking-abstract {}
  .topRanking .loader { margin: 7px auto; }
  /* twitter Section */
  .twitterTimeline {
    float: none;
    width: auto;
    height: 350px;
    border: 1px #e1e8ed solid;
    position: relative;
    overflow-y: scroll;
  }
  .upcomingEvents {
    width: auto;
    margin: 20px 0;
  }
  .top-header__title-smart {
    margin: 5px 0 10px;
  }
  .top-header__title-smart:after { content: ''; display: block; clear: both; }
  .top-header__title-smart .top-header__title-smart--top-data { display: block; float: left; width: 32.1%; height: 5.55vw; margin: 0 8px 8px 0; }
  .top-header__title-smart .top-header__title-smart--top-data img { width: 100%; height: 100%; }
  .top-header__title-smart .top-header__title-smart--title { margin: 0; text-align: left; white-space: normal; }
  .top-header .top-header__top-data { float: left; }
  .top-header .top-header__top-logo { display: inline-block; margin: 0; width: 60%; height: 8.55vw; background: url(../images/toplogo__sp.png?h=f9f29c0c) no-repeat; background-size: cover; }
  .top-header .top-header__top-data { display: none; }
  .top-header .mobmenu { padding-top: 8px; }
  .is-weekend .top-header .top-header__top-logo {
    background-image: url(../images/toplogo__sp-weekend.png?h=5c777b34);
  }
}
/* コミック一覧 */
/*
 * マンガ一覧ページ用のCSS
 */
.all-manga-list {
  margin: 16px 0 0;
  border-top: 2px solid #e20a16;
  background: url(../images/background.png?h=c0f7ed18) repeat;
}
.all-manga-list .comics-list__title { margin: 20px auto; height: 48px; width: 1000px; background: url(../images/h2-comics-list.png?h=d35ce6fa) no-repeat; }
.all-manga-list .comics-list__title span { display: none; }
.all-manga-list .manga-list__content { margin: 0 auto; width: 1000px; padding: 20px 20px 0; border: 1px solid #181312; border-bottom: none; background: #fff; box-sizing: border-box; }
.all-manga-list .manga-list__content .manga-list__title { margin:0 auto 20px; width: 958px; height: 46px; background: url(../images/comics-subtitle_rensai.png?h=b0fdf2d9) no-repeat; }
.all-manga-list .manga-list__content .manga-list__title span { display: none; }
.all-manga-list .manga-list__content .manga-list__title.manga-list__title-finish { background: url(../images/comics-subtitle_kanketu.png?h=5d0dc3b5) no-repeat; }
.all-manga-list .manga-list__content .filterTagsList { display: block; }
.all-manga-list .manga-list__content .filterTagsList > li { height: 40px; margin: 0 12px 18px 0; font-size: 16px; border-width: 10px 21px 14px 10px; border-image-repeat: stretch; line-height: 16px; padding: 1px 3px 0 0; }
.all-manga-list .manga-list__content .filterTagsList > li.is-active { border-image-source: url(../images/manga-list__tagslist--select-borderbg.png?h=eca639cc); }
.all-manga-list .manga-list__content .filterTagsSelect { display: none; }
.all-manga-list .manga-list__content .manga-list__list-fisttext { margin: 0 auto 20px; font-size: 16px; text-align: center; }
.all-manga-list .manga-list__content .manga-list__list { margin: 0 -20px 40px 0; font-size: 0; }
.all-manga-list .manga-list__content .manga-list__list li { display: inline-block; width: 306px; margin: 0 20px 20px 0; font-size: 14px; }
.all-manga-list .manga-list__content .manga-list__list li .manga-update-period { height: 32px; margin: 0 0 6px; }
.all-manga-list .manga-list__content .manga-list__list li .manga-list__list--thumbnail { margin: 0 0 10px; }
.all-manga-list .manga-list__content .manga-list__list li h4 { margin: 0 0 3px; font-size: 20px; font-weight: bold; }
.all-manga-list .manga-list__content .manga-list__list li h4 a { color: #181312; }
.all-manga-list .manga-list__content .manga-list__list li .manga-list__list--author { margin: 0 0 3px; font-size: 16px; font-weight: bold; }
.manga-list__list:after {
  content:" ";
  display:block;
  clear:both;
}
/* PV View*/
@media screen and (min-width: 801px)  {
  .all-manga-list .manga-list__content .manga-list__list li .manga-list__list--thumbnail { height: 94px; }
  .all-manga-list .manga-list__content .manga-list__list li .manga-list__list--thumbnail a{ display: block; }
  .all-manga-list .manga-list__content .manga-list__list li .manga-list__list--thumbnail a img { display: block; width: 306px; height: 94px; }
}
/*
 * マンガ一覧　スマフォ用
 */
@media only screen and (max-width: 800px) and (min-width: 320px) {
  .all-manga-list .comics-list__title { width: 100%; height: 8.57143vw; background: url(../images/h2-comics-list-smart.png?h=d2351bd3) no-repeat; background-size: cover; }
  .all-manga-list .manga-list__content { margin: 0 auto; width: 100%; padding: 10px 0 0; font-size: 0; }
  .all-manga-list .manga-list__content .filterTagsList { display: none; }
  .all-manga-list .manga-list__content .filterTagsSelect { display: block; position: relative; overflow: hidden; margin: 0 12px 8px; height: 40px; border: 1px solid #000; border-radius: 6px; }
  .all-manga-list .manga-list__content .filterTagsSelect select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; padding: 10px; background: #fff; border: none; font-size: 14px; }
  .all-manga-list .manga-list__content .filterTagsSelect select option { padding: 3px 0; width: 90%; }
  .all-manga-list .manga-list__content .filterTagsSelect:after { position: absolute; top: 16px; bottom: 0; right: 16px; width: 16px; height: 10px; display: block; content: ""; background: url(../images/manga-list__tagslistsmart--icon.png?h=62282fd2) no-repeat; background-size: cover; }
  .all-manga-list .manga-list__content .manga-list__title { width: 100%; height: 8.2vw; background: url(../images/comics-subtitle_rensai_smart.png?h=f65eb212) no-repeat; background-size: cover; }
  .all-manga-list .manga-list__content .manga-list__title.manga-list__title-finish { background: url(../images/comics-subtitle_kanketu_smart.png?h=7e051662) no-repeat; background-size: cover; }
  .all-manga-list .manga-list__content .manga-list__list-fisttext { margin: 0 auto 20px; font-size: 16px; text-align: center; }
  .all-manga-list .manga-list__content .manga-list__list { margin: 0 0 40px; }
  .all-manga-list .manga-list__content .manga-list__list li { width: calc(50% - 24px); margin: 12px; }
  .all-manga-list .manga-list__content .manga-list__list li .manga-update-period { height: auto; margin: 0 0 1.6vw; }
  .all-manga-list .manga-list__content .manga-list__list li .manga-update-period img{ height: 4.8vw; }
  .all-manga-list .manga-list__content .manga-list__list li .manga-list__list--thumbnail { margin: 0 0 10px; }
  .all-manga-list .manga-list__content .manga-list__list li img { width: 100%; height: 13.98vw; }
  .all-manga-list .manga-list__content .manga-list__list li h4 { font-size: 16px; }
  .all-manga-list .manga-list__content .manga-list__list li .manga-list__list--author { font-size: 14px; }
}
/*
.all-manga-list {
  margin: 16px 0 0;
  border: none;
  background: none;
  .manga-list__content {
    border: none;
    background: none;
  }
}*/
/* マンガ詳細 */
/*detail_common*/
.contents--detail__mainvisual {
  z-index: 1;
  width: 100%;
  margin: 16px auto 0 auto;
  overflow: hidden;
}
.contents--detail__mainvisual img.main { width: 100%; height: auto; animation: anime01 2s ease 0s 1 forwards; -webkit-animation: anime01 2s ease 0s 1 forwards; }
.contents--detail {
  width: 100%;
  border-top: 2px #E20A16 solid;
  background: url(../images/background.png?h=c0f7ed18);
}
.contents--detail section.title { width: 100%; margin: 35px auto 0 auto; text-align: center; }
.contents--detail section.title h1, .contents--detail section.title h2, .contents--detail section.title h4 { line-height: 1; margin: 20px 0 0; }
.contents--detail section.title h1 { font-size: 2.7rem; }
.contents--detail section.title h2 { font-size: 1.6rem; }
.contents--detail section.title h3 { width: 95%; padding-bottom: 10px; margin: 0 auto; font-size: 1.2rem; line-height: 1.3; border-bottom: 1px #e20a16 solid; }
.contents--detail section.title h4 { color: #E20A16; font-size: 1.4rem; margin: 0 0 20px; }
.contents--detail article { width: 100%; margin: 30px auto 0; background: #fff url(../images/backline.png?h=276a7cbf) no-repeat; background-size: contain; border: 1px #181312 solid; border-bottom: 0; box-sizing: border-box; }
.contents--detail article a.visual { display: block; width: 100%; margin-top: 10px; background: url(../images/redbox.png?h=f2900579) no-repeat; background-size: contain; }
.contents--detail article a.visual img { display: block; width: 70%; height: auto; padding: 15px 0; margin: 0 auto; }
.contents--detail article section.date { width: 100%; margin: 20px 0; font-size: 1.6rem; text-align: center; }
.contents--detail article section.date .date-memo { font-size: 1.4rem; }
.contents--detail article a.button { display: block; width: 300px; height: 50px; line-height: 50px; background-color: #008c00; font-size: 1.6rem; color: #fff; text-align: center; margin: 0 auto 10px; }
.contents--detail article section.buttons { margin: 0 auto; text-align: center; }
.contents--detail article section.buttons a.button { min-width: 40px; padding: 0 0.5em; height: 40px; margin: 0 0 10px 6px; font-size: 1.3rem; line-height: 40px; white-space: nowrap; }
.contents--detail article section.buttons a.button span { font-size: 0.86rem; }
.contents--detail article section.specialBanner { width: 96%; margin: 25px auto 0; padding: 20px 0; }
.contents--detail article section.specialBanner img { width: 100%; }
.contents--detail article section.caption { width: 96%; margin: 25px auto 0; padding: 20px 10px; border: 10px #181312 solid; background-color: #fff; box-sizing: border-box; font-size: 1.08rem; line-height: 1.5; }
.contents--detail article .comic-tagslist { text-align: center; }
.contents--detail article .comic-tagslist > li { margin: 0 20px 18px 0; font-size: 18px; line-height: 2.5; }
.contents--detail article section.comments { width: 96%; margin: 25px auto 0; padding: 5px 0; border: 10px #181312 solid; background-color: #fff; box-sizing: border-box; text-align: center; }
.contents--detail article section.comments strong { font-size: 1.6rem; font-weight: normal; }
.contents--detail article div.volumes { margin: 0 10px; text-align: left; }
.contents--detail article div.volumes a.volume { display: inline-block; width: 40px; height: 40px; line-height: 40px; margin: 0 0 10px 6px; box-sizing: border-box; font-size: 1.3rem; color: #008c00; text-align: center; border-bottom: 3px #008c00 solid; }
.contents--detail article div.volumes a.volume span { font-size: 0.86rem; }
.contents--detail article div.volumes a.selected { background-color: #181312; color: #fff; border-bottom: 0; pointer-events: none; }
.contents--detail article .list { height: 200px; margin: 0 10px; overflow-y: scroll; }
.contents--detail article .list .comment { font-size: 0.86rem; line-height: 1.5; text-align: left; }
.contents--detail article .list .comment strong { font-size: 0.86rem; font-weight: normal; color: #e10a15; }
.contents--detail article .list hr { width: 100%; height: 1px; margin-bottom: 10px; background-color: #fff; border: 0; border-bottom: 1px #181312 dotted; }
.contents--detail article section.writer { margin: 35px 10px 0; }
.contents--detail article section.writer span.name { padding: 6px 50px; font-size: 1.3rem; background-color: #fff; border: 1px #e20a16 solid; box-shadow: 5px 5px 0 0 #e20a16; box-sizing: border-box; text-align: center; }
.contents--detail article section.writer ul.data { margin: 12px 0 0; }
.contents--detail article section.writer ul.data li.image { float: left; width: 15.6%; margin-right: 2.1%; }
.contents--detail article section.writer ul.data li.image img { width: 100%; height: auto; }
.contents--detail article section.writer ul.data li.text { float: right; width: 82.3%; font-size: 0.86rem; }
.contents--detail article section.writer ul.data li.text div.link { margin-top: 15px; }
.contents--detail article section.writer ul.data li.text div.link a { color: #181312; }
.contents--detail article section.comics { margin: 40px auto 0; text-align: center; }
.contents--detail article section.comics div.comic { display: inline-block; margin: 0 5px 10px 0; }
.contents--detail article section.comics div.comic img.cover { height: auto; }
.contents--detail article section.comics div.comic a.shopbt { display: block; background-color: #008c00; color: #fff; }
.contents--detail article section.comics div.comic a.digital { margin-top: 1px; }
.contents--detail article section.comics div.comic div.shops { display: none; }
.contents--detail article section.comics div.comic a.shop { display: block; background-color: #fff; border: 2px #181312 solid; box-sizing: border-box; }
.contents--detail article ul.sns { width: 126px; padding: 40px 0; margin: 0 auto; font-size: 0; }
.contents--detail article ul.sns li { display: inline-block; margin-right: 10px; }
.contents--detail article ul.sns li.right { margin-right: 0; }
.comic-tagslist.tags{
  font-size: 0;
}
.comic-tagslist.tags li { position: relative; display: inline-block; font-size: 14px; border-style: solid; border-width: 0; border-image-slice: 20 42 42 20 fill; border-image-repeat: stretch repeat; border-image-source: url(../images/tagslist__borderbg-smart.png?h=b420f8d8); border-image-width: 20px 42px 42px 20px; padding: 0 2.5em 6px 1em; box-sizing: border-box; cursor: pointer; }
.comic-tagslist.tags li a { color: #181312; }
@media only screen and (max-width: 768px) {
  .contents--detail article .comic-tagslist > li {
    font-size: 12px;
    line-height: 2.5;
  }
}
/** アイキャッチなコマ画像 **/
.contents--detail .koma {
  display: block;
  margin-top: 20px;
  background: url(../images/redbox.svg?h=3f896a24);
  background-size: 100% 100%;
  padding: 30px;
  position: relative;
}
.contents--detail .koma .koma-mainImage { display: block; margin: 0 auto; max-width: 700px; width: 100%; position: relative; }
.contents--detail .koma .koma-mainImage > img { display: block; width: 100%; }
.contents--detail .koma .koma-mainImage::after { position: absolute; content: ""; display: block; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/detail_koma_button.png?h=f69aad39) no-repeat; background-size: cover; }
.contents--detail .koma .koma-pr { width: 100%; text-align: center; display: block; margin-top: 30px; margin-bottom: 30px; }
.contents--detail .koma .koma-pr .koma-prImage { display: block; max-width: 700px; margin: 0 auto; width: 100%; }
.contents--detail .koma .koma-pr .koma-prImage > img{ display: block; width: 100%; }
.contents--detail .koma .koma-pr .koma-prImage-readButton { background-color: #008c00; color: #fff; font-size: 2.3rem; line-height: 2; }
.contents--detail .koma.koma--withComic .koma-main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; }
.contents--detail .koma.koma--withComic .koma-main .koma-mainImage { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.contents--detail .koma.koma--withComic .koma-main .koma-mainImage > img { display: block; width: 100%; }
.contents--detail .koma.koma--withComic .koma-main .koma-comicbook { margin-left: 16px; width: 195px; }
.contents--detail .koma.koma--withComic .koma-main .koma-comicbook > * { display: block; }
.contents--detail .koma.koma--withComic .koma-main .koma-comicbook .koma-comicbook-cover > img { display: block; width: 100%; }
.contents--detail .koma.koma--withComic .koma-main .koma-comicbook .koma-comicbook-comment, .contents--detail .koma.koma--withComic .koma-main .koma-comicbook .shopbt { line-height: 1.5; font-size: 1.23rem; padding: 8px 0; margin-top: 2px; text-align: center; }
.contents--detail .koma.koma--withComic .koma-main .koma-comicbook .koma-comicbook-comment { background: #fff; color: #e7313b; }
.contents--detail .koma.koma--withComic .koma-main .koma-comicbook .shopbt { background: #008c00; color: #fff; }
@media only screen and (max-width: 800px)  {
  .contents--detail .koma.koma--withComic .koma-main { display: block; }
  .contents--detail .koma.koma--withComic .koma-main .koma-mainImage { display: block; }
  .contents--detail .koma.koma--withComic .koma-main .koma-comicbook { width: 45%; min-width: 120px; max-width: 180px; margin: 20px auto 0; }
  .contents--detail .koma.koma--withComic .koma-main .koma-comicbook .koma-comicbook-comment, .contents--detail .koma.koma--withComic .koma-main .koma-comicbook .shopbt { font-size: 9px; padding: 4px 8px; white-space: nowrap; }
}
/*320px*/
@media only screen and (max-width: 320px) {
  @keyframes anime01 {
    0% { -webkit-transform: translate(0, 100px); transform: translate(0, 100px); }
    100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  }
  @-webkit-keyframes anime01 {
    0% { -webkit-transform: translate(0, 100px); transform: translate(0, 100px); }
    100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  }
}
/*321~480px*/
@media only screen and (min-width: 321px) and (max-width: 480px) {
  @keyframes anime01 {
    0% { -webkit-transform: translate(0, 147px); transform: translate(0, 147px); }
    100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  }
  @-webkit-keyframes anime01 {
    0% { -webkit-transform: translate(0, 147px); transform: translate(0, 147px); }
    100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  }
  .contents--detail section.title h4 { font-size: 2.3rem; }
  .contents--detail article { background-size: 100%; }
  .contents--detail article section.date { background-color: rgba(255, 255, 255, .9); }
  .contents--detail article section.comics a.shop { display: block; background-color: #fff; }
}
/*~480px*/
@media only screen and (max-width: 480px) {
  .contents--detail article section.buttons a.button { display: inline-block; width: auto; }
  .contents--detail article section.comics div.comic { width: 150px; }
  .contents--detail article section.comics div.comic img.cover { width: 150px; }
  .contents--detail article section.comics a.shopbt { width: 150px; height: 30px; line-height: 30px; font-size: 0.86rem; margin-bottom: 2px; }
  .contents--detail article section.comics a.shop { width: 150px; height: 36px; }
}
/*481~800*/
@media only screen and (min-width: 481px) and (max-width: 800px) {
  @keyframes anime01 {
    0% { -webkit-transform: translate(0, 235px); transform: translate(0, 235px); }
    100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  }
  @-webkit-keyframes anime01 {
    0% { -webkit-transform: translate(0, 235px); transform: translate(0, 235px); }
    100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  }
  .contents--detail section.title h4 { font-size: 2rem; }
  .contents--detail article { background-size: 100%; }
  .contents--detail article a.visual { width: 480px; height: 241px; margin: 10px auto; }
  .contents--detail article section.buttons a.button { display: inline-block; width: auto; }
  .contents--detail article section.writer ul.data { margin: 24px 0; }
  .contents--detail article section.comics div.comic { margin: 0 5px 10px 0; }
  .contents--detail article section.comics div.comic img.cover { width: 150px; }
  .contents--detail article section.comics div.comic a.shopbt { width: 150px; height: 30px; line-height: 30px; font-size: 0.86rem; margin-bottom: 2px; }
  .contents--detail article section.comics div.comic a.shop { width: 150px; height: 36px; }
}
/*801〜*/
@media only screen and (min-width: 801px) {
  .contents--detail__mainvisual {
    width: 1000px;
    height: 306px;
  }
  .contents--detail__mainvisual img.main { width: 1000px; height: 306px; }
  @keyframes anime01 {
    0% { -webkit-transform: translate(0, 306px); transform: translate(0, 306px); }
    100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  }
  @-webkit-keyframes anime01 {
    0% { -webkit-transform: translate(0, 306px); }
    100% { -webkit-transform: translate(0, 0); }
  }
  .contents--detail section.title { width: 1000px; }
  .contents--detail section.title h1 { font-size: 3.85rem; }
  .contents--detail section.title h2 { font-size: 2.31rem; }
  .contents--detail section.title h3 { font-size: 1.69rem; }
  .contents--detail section.title h4 { font-size: 3rem; }
  .contents--detail article { background-size: 100%; width: 1000px; }
  .contents--detail article a.visual { width: 1000px; height: 502px; margin-top: 20px; }
  .contents--detail article a.visual img { width: 700px; height: 432px; padding: 35px 150px 0 150px; }
  .contents--detail article section.date { font-size: 2.31rem; }
  .contents--detail article a.button { font-size: 2.31rem; width: 370px; height: 80px; line-height: 80px; box-sizing: border-box; }
  .contents--detail article section.buttons a.button { display: inline-block; width: auto; }
  .contents--detail article section.buttons a.button span { font-size: 1.23rem; }
  .contents--detail article section.caption { font-size: 1.54rem; }
  .contents--detail article section.comments strong { font-size: 2.31rem; }
  .contents--detail article div.volumes a.volume { width: 60px; height: 60px; line-height: 60px; font-size: 1.85rem; }
  .contents--detail article div.volumes a.volume span { font-size: 1.23rem; }
  .contents--detail article .list { height: 150px; }
  .contents--detail article .list .comment { font-size: 1.23rem; }
  .contents--detail article .list .comment strong { font-size: 1.23rem; }
  .contents--detail article section.writer { margin: 35px 20px 0; }
  .contents--detail article section.writer span.name { font-size: 1.85rem; }
  .contents--detail article section.writer ul.data li.text { font-size: 1.23rem; }
  .contents--detail article section.comics div.comic { width: 200px; margin: 0 16px 10px 0; }
  .contents--detail article section.comics div.comic img.cover { width: 200px; }
  .contents--detail article section.comics div.comic a.shopbt { width: 200px; height: 40px; line-height: 40px; font-size: 1.23rem; margin-bottom: 2px; }
  .contents--detail article section.comics div.comic a.digital { margin-top: 1px; }
  .contents--detail article section.comics div.comic div.shops { display: none; }
  .contents--detail article section.comics div.comic a.shop { width: 200px; height: 36px; border: 3px #181312 solid; }
}
.writer .author-comment {
  margin: 16px 0;
  padding: 5px 0;
}
.writer .author-comment .data .text {
  margin: -5px;
  padding: 5px;
  background: rgba(255, 255, 255, .9);
}
/** legend **/
.legend-new-comics-label {
  display: block;
  margin: 32px auto;
}
@media (max-width: 480px) and (min-width: 320px) {
  .legend-new-comics-label {
    width: calc(100% - 20px);
  }
}
.manga-comments .manga-comments__loading .content-loader { margin: 30px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 8px solid rgba(204, 204, 204, .2); border-right: 8px solid rgba(204, 204, 204, .2); border-bottom: 8px solid rgba(204, 204, 204, .2); border-left: 8px solid #ccc; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation: nice-loader-animation 1.1s infinite linear; animation: nice-loader-animation 1.1s infinite linear; }
.manga-comments .manga-comments__loading .content-loader,
  .manga-comments .manga-comments__loading .content-loader:after { border-radius: 50%; width: 96px; height: 96px; }
.manga-comments .comment { border-bottom: 1px #181312 dotted; margin-bottom: 10px; padding: 10px 0; }
.manga-comments .comment .comment__meta { font-weight: normal; font-size: 12px; line-height: 1.4; }
.manga-comments .comment .comment__episode-title { color: #e10a15; }
.manga-comments .comment .comment__date { margin-left: 1em; color: #666; }
.manga-comments .comment p { margin: 0; font-weight: normal; }
.manga-comments .no-comment { font-weight: bold; font-size: 18px; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.manga-comments .more-comments { padding: 10px 0 20px; }
.manga-comments .more-comments button { display: block; font-size: 15px; padding: 6px; margin: 0 auto; border: 1px solid #181312; text-align: center; text-decoration: none; font-weight: bold; color: #181312; background: #fff; }
.manga-comments .more-comments--loading .content-loader { margin: 10px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 2px solid rgba(204, 204, 204, .2); border-right: 2px solid rgba(204, 204, 204, .2); border-bottom: 2px solid rgba(204, 204, 204, .2); border-left: 2px solid #ccc; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation: nice-loader-animation 1.1s infinite linear; animation: nice-loader-animation 1.1s infinite linear; }
.manga-comments .more-comments--loading .content-loader,
  .manga-comments .more-comments--loading .content-loader:after { border-radius: 50%; width: 32px; height: 32px; }
@media only screen and (min-width: 801px) {
  .manga-comments .no-comment { top: 20%; -webkit-transform: translateY(-20%); transform: translateY(-20%); }
}
/** コメント下部の他紙リンク用バナー */
.additonal-banner {
  display: block;
  width: 100%;
  margin: 40px auto;
}
.additonal-banner a, .additonal-banner img { display: block; width: 100%; height: 100%; }
/** ページ下部の回遊用バナー **/
.comicDetail-migrationRecommends {
  margin-top: 40px;
}
.comicDetail-migrationRecommends > h3 { text-align: center; font-size: 2.31rem; }
.comicDetail-migrationRecommends > iframe { display: block; width: 958px; height: 305px; margin: 8px auto 0; border: 0; }
@media only screen and (max-width: 768px) {
  .comicDetail-migrationRecommends > h3 { font-size: 1.6rem; }
  .comicDetail-migrationRecommends > iframe { display: block; width: 90vw; max-width: 500px; height: calc(90vw * 1.18 + 32px); max-height: 630px; }

  .contents--detail .koma .koma-pr .koma-prImage-readButton {
    font-size: 1.6rem;
    line-height: 2;
  }
}
/* 開催中のイベント情報 */
/*
 * イベント一覧CSS
 */
.events-layout .events-layout__title { margin: 20px auto; height: 48px; width: 1000px; background: url(../images/h2-events.png?h=d33dbd24) no-repeat; }
.events-layout .events-layout__title span { display: none; }
.events-layout .events-layout__pastevent-link { margin: 0 0 24px; padding: 0 30px; text-align: right; }
/* PC View*/
@media only screen and (min-width: 801px) {
  .events-layout__banners {
    margin: 20px auto 0 auto;
    text-align: center;
    box-sizing: border-box;
    width: 960px;
    padding-bottom: 25px;
  }
  .events-layout__banners li { margin-top: 4px; height: 294px; }
  .events-layout__banners li a { display: block; height: 100%; width: 100%; }
  .events-layout__banners li a img { display: block; height: 100%; width: 100%; }
}
/* SmartPhone View*/
@media only screen and (max-width: 800px) {
  .events-layout__banners {
    width: 96%;
    padding-bottom: 10px;
    margin: 10px auto 0 auto;
    background: #fff url(../images/comic_backline.png?h=a6b3e515);
    text-align: center;
  }
  .events-layout__banners li { width: 100%; margin-top: 4px; }
  .events-layout__banners li a { display: block; }
  .events-layout__banners li a img { display: block; width: 100%; height: 29.3vw; }
}
@media only screen and (max-width: 768px) and (min-width: 320px) {
  .events-layout .events-layout__title { width: 100%; height: 8.57143vw; background: url(../images/h2-events_smart.png?h=8384344a) no-repeat; background-size: cover; }
  .events-layout .events-layout__pastevent-link { padding: 0 10px; }
}
/*
 * 過去に開催されたイベント一覧CSS
 */
.event-layout--pasts .event-layout--past__title { margin: 20px auto; height: 48px; width: 1000px; background: url(../images/h2-past-events.png?h=d1caceba) no-repeat; }
.event-layout--pasts .event-layout--past__title span { display: none; }
@media only screen and (max-width: 768px) and (min-width: 320px) {
  .event-layout--pasts .event-layout--past__title { width: 100%; height: 8.57143vw; background: url(../images/h2-past-events_smart.png?h=e30aa504) no-repeat; background-size: cover; }
}
/** 他マンガへの導線リンク **/
.randomMangaBanner {
  margin: 10px auto 30px;
  width: calc(100% - 20px);
  border: 0;
  padding: 0;
  background: transparent;
}
.randomMangaBanner .randomMangaBanner-abstract { font-size: 14px; line-height: 20px; height: 20px; margin: 0; }
.randomMangaBanner .randomMangaBanner-banner { display: block; }
.randomMangaBanner .randomMangaBanner-banner img { border: 0; display: block; width: 100%; }
@media only screen and (max-width: 800px) {
  .randomManagaBanner {
    width: calc(100% - 10px);
  }
}
/* 単行本情報 */
/*
 * 単行本情報用のCSS
 */
/* PC View */
@media only screen and (min-width: 801px) {

  .comics {
    margin: 30px auto 0 auto;
    font-size: 0;
    text-align: center;
    width: 975px;
    margin: 40px -15px 0 20px;
  }

  .comics li { display: inline-block; margin: 0 auto 20px auto; width: 310px; margin: 0 15px 0 0; }

  .comics li .image { height: 487px; width: 310px; }

  .comics li .dante { height: 439px; width: 310px; }

  .comics .shopbt { display: block; margin: 1px auto 0 auto; background-color: #008c00; color: #fff; text-align: center; width: 310px; height: 50px; margin-left: 0; line-height: 50px; font-size: 1.54rem; }

  .comicbooks__banners {
    width: 960px;
    padding-bottom: 25px;
    margin: 70px auto 0 auto;
    text-align: center;
  }

  .comicbooks__banners li { margin-top: 4px; height: 294px; }

  .comicbooks__banners li a { display: block; height: 100%; }

  .comicbooks__banners li img { display: block; width: 100%; height: 100%; }
}
/* SmartPhone View */
@media only screen and (max-width: 800px) {
  .comicbooks__banners {
    width: 96%;
    padding-bottom: 10px;
    margin: 30px auto 0 auto;
    text-align: center;
  }
  .comicbooks__banners li { margin-top: 4px; }
  .comicbooks__banners li a { display: block; }
  .comicbooks__banners li img { display: block; width: 100%; height: 28.7vw; }
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
  .comics {
    width: 96%;
    margin: 30px auto 0 auto;
    font-size: 0;
    text-align: center;
  }
  .comics li { display: inline-block; width: 70%; margin: 0 auto 20px auto; width: 310px; margin: 0 15px 20px 0; }
  .comics li .image { width: 100%; height: 487.41px; }
  .comics li .dante { width: 100%; height: 438.67px; }
  .comics .shopbt { display: block; width: 100%; margin: 1px auto 0 auto; background-color: #008c00; color: #fff; text-align: center; height: 50px; line-height: 50px; font-size: 1.54rem; }
}
@media only screen and (min-width: 321px) and (max-width: 480px) {
  .comics {
    width: 96%;
    margin: 30px auto 0 auto;
    font-size: 0;
    text-align: center;
  }
  .comics li { display: block; width: 50%; margin: 0 auto 20px auto; }
  .comics li .image { width: 100%; }
  .comics li .webry { width: 100%; }
  .comics li .dante { width: 100%; height: 94.56vw; }
  .comics .shopbt { display: block; width: 100%; height: 40px; margin: 1px auto 0 auto; line-height: 40px; font-size: 1.1rem; background-color: #008c00; color: #fff; text-align: center; }
}
@media only screen and (max-width: 320px) {
  .comics {
    width: 96%;
    margin: 30px auto 0 auto;
    font-size: 0;
    text-align: center;
  }
  .comics li { display: block; width: 50%; margin: 0 auto 20px auto; }
  .comics li .image { width: 100%; }
  .comics li .webry { width: 100%; }
  .comics li .dante { width: 100%; height: 94.56vw; }
  .comics .shopbt { display: block; width: 100%; height: 40px; margin: 1px auto 0 auto; line-height: 40px; font-size: 1.1rem; background-color: #008c00; color: #fff; text-align: center; }
}
/* ランキング */
/*
 * ランキングcss
 */
/** ranking loading **/
.ranking-catch-text .ranking-page__loading .content-loader { margin: 0px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 4px solid rgba(204, 204, 204, .2); border-right: 4px solid rgba(204, 204, 204, .2); border-bottom: 4px solid rgba(204, 204, 204, .2); border-left: 4px solid #ccc; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation: nice-loader-animation 1.1s infinite linear; animation: nice-loader-animation 1.1s infinite linear; }
.ranking-catch-text .ranking-page__loading .content-loader,
  .ranking-catch-text .ranking-page__loading .content-loader:after { border-radius: 50%; width: 48px; height: 48px; }
.ranking-list .ranking-page__loading .content-loader { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 8px solid rgba(204, 204, 204, .2); border-right: 8px solid rgba(204, 204, 204, .2); border-bottom: 8px solid rgba(204, 204, 204, .2); border-left: 8px solid #ccc; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation: nice-loader-animation 1.1s infinite linear; animation: nice-loader-animation 1.1s infinite linear; }
.ranking-list .ranking-page__loading .content-loader,
  .ranking-list .ranking-page__loading .content-loader:after { border-radius: 50%; width: 96px; height: 96px; }
/** ranking page **/
.ranking-layout {
  margin: 16px 0 0;
  border-top: 2px solid #e20a16;
  background: url(../images/background.png?h=c0f7ed18) repeat;
}
.ranking-layout .ranking-title { margin: 20px auto; width: 1000px; height: 48px; background: url(../images/h2-ranking.png?h=d8ad8d23) no-repeat; }
.ranking-layout .ranking-title span { display: none; }
.ranking-layout .ranking-content { margin: 0 auto; width: 1000px; min-height: 500px; padding: 20px 20px 100px; border: 1px solid #181312; border-bottom: none; background: #fff; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.ranking-layout .ranking-catch-text { text-align: center; font-size: 16px; font-weight: bold; margin: 0 0 16px; }
.ranking-layout .ranking-nav ul { margin: 0; }
.ranking-layout .ranking-nav ul li { float: left; width: 468px; height: 110px; margin: 0 0 0 20px; background: url(../images/ranking-nav.png?h=23f391fc) no-repeat; background-position: 0 -110px; text-align: center; font-size: 18px; }
.ranking-layout .ranking-nav ul li a { display: block; padding: 25px 0 0; height: 57px; color: #181312; cursor: pointer; }
.ranking-layout .ranking-nav ul li.active { font-size: 24px; font-weight: bold; background-position: 0 0; }
.ranking-layout .ranking-nav ul li.active a { padding: 20px 0 0; height: 62px; }
.ranking-layout .ranking-nav ul li:first-child { margin-left: 0; }
.ranking-layout .ranking-nav ul:after { content:" "; display:block; clear:both; }
.ranking-layout .ranking-list ul li { position: relative; padding: 16px 0;
 /*background: #eee;*/ border-bottom: 1px dotted #000; font-size: 14px; }
.ranking-layout .ranking-list ul li.more { background: url(../images/ranking/more.png?h=09fcaa20) no-repeat center center; border-bottom: none; background-size: 5px 29px; height: 29px; padding: 32px 0; }
.ranking-layout .ranking-list ul li.more > span { display: none; }
.ranking-layout .ranking-list ul li:after { content:" "; display:block; clear:both; }
.ranking-layout .ranking-list ul li .ranking-list__number { float: left; width: 72px; height: 56px; padding: 38px 0 0; margin: 0 8px 0 0; background: url(../images/ranking-list__numberbg_other.png?h=756ad4f5) no-repeat; text-align: center; font-weight: bold; }
.ranking-layout .ranking-list ul li .ranking-list__thumbnail { float: left; margin: 15px 16px 0 0; width: 250px; }
.ranking-layout .ranking-list ul li .ranking-list__thumbnail img { width: 100%; }
.ranking-layout .ranking-list ul li .ranking-list__thumbnail .ranking-list__thumbnail__mainvisual { height: 77px; display: block; }
.ranking-layout .ranking-list ul li .ranking-list__thumbnail .ranking-list__thumbnail__squarevisual { display: none; }
.ranking-layout .ranking-list ul li .ranking-list__info { float: left; width: 396px; margin: 15px 16px 0 0; }
.ranking-layout .ranking-list ul li .ranking-list__info h2 { font-size: 22px; font-weight: bold; line-height: 20px; }
.ranking-layout .ranking-list ul li .ranking-list__info h2 a { color: #181312; }
.ranking-layout .ranking-list ul li .ranking-list__info h3 { font-size: 16px; font-weight: bold; }
.ranking-layout .ranking-list ul li .ranking-list__info .ranking-list__info--text { margin: 0 0 8px; }
.ranking-layout .ranking-list ul li .ranking-list__info .ranking-list__info--voting { font-weight: bold; color: #e10a15; }
.ranking-layout .ranking-list ul li .ranking-list__comicbook { float: left; width: 200px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.ranking-layout .ranking-list ul li .ranking-list__comicbook .ranking-list__comicbook__cover { width: 40%; }
.ranking-layout .ranking-list ul li .ranking-list__comicbook .ranking-list__comicbook__cover > img { width: 100%; height: 114px; }
.ranking-layout .ranking-list ul li .ranking-list__comicbook .ranking-list__comicbook__links { width: 60%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.ranking-layout .ranking-list ul li .ranking-list__comicbook .ranking-list__comicbook__links a:first-child { margin-top: 0; }
.ranking-layout .ranking-list ul li .ranking-list__comicbook .ranking-list__comicbook__paperLink,
      .ranking-layout .ranking-list ul li .ranking-list__comicbook .ranking-list__comicbook__ebookLink { display: block; line-height: 1.5; font-size: 1rem; background-color: #008c00; color: #fff; text-align: center; -webkit-flex-basis: 30px; -ms-flex-preferred-size: 30px; flex-basis: 30px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-top: 1px; box-sizing: border-box; padding: 12px 4px 0; }
.ranking-layout .ranking-list ul li.number01 .ranking-list__number { background-image: url(../images/ranking-list__numberbg_01.png?h=061f2cbd); }
.ranking-layout .ranking-list ul li.number02 .ranking-list__number { background-image: url(../images/ranking-list__numberbg_02.png?h=825cd0ea); }
.ranking-layout .ranking-list ul li.number03 .ranking-list__number { background-image: url(../images/ranking-list__numberbg_03.png?h=c6de4306); }
/*
 * ランキング　スマフォ用
 */
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .ranking-layout .ranking-title { width: 100%; height: 8.57143vw; background: url(../images/h2-ranking-smart.png?h=a5559662) no-repeat; background-size: cover; }
  .ranking-layout .ranking-content { margin: 0 auto; width: 100%; padding: 10px 10px 0; }
  .ranking-layout .ranking-content .ranking-catch-text { font-size: 14px; }
  .ranking-layout .ranking-content .ranking-nav ul { margin: 0; }
  .ranking-layout .ranking-content .ranking-nav ul li { float: left; width: calc(50% - 10px); height: 100%; margin: 0 0 0 20px; background: none; text-align: center; font-size: 16px; padding: 3px 0; border: 1px solid #000; box-sizing: border-box; }
  .ranking-layout .ranking-content .ranking-nav ul li a { padding: 5px 0; display: block; width: 100%; height: 100%; color: #181312; }
  .ranking-layout .ranking-content .ranking-nav ul li.active { font-size: 16px; }
  .ranking-layout .ranking-content .ranking-nav ul li.active a { height: 100%; }
  .ranking-layout .ranking-content .ranking-nav ul li:first-child { margin-left: 0; }
  .ranking-layout .ranking-content .ranking-nav ul:after { content:" "; display:block; clear:both; }
  .ranking-layout .ranking-list { margin: 0 0 50px; }
  .ranking-layout .ranking-list ul li { position: relative; padding: 16px 0; border-bottom: 1px dotted #000; font-size: 14px; }
  .ranking-layout .ranking-list ul li .ranking-list__number { float: left; box-sizing: border-box; width: 40px; height: 52px; padding: 16px 0 0 0; margin: 10px 0 0 0; font-size: 12px; font-weight: bold; text-align: center; background-size: cover; }
  .ranking-layout .ranking-list ul li .ranking-list__thumbnail { margin: 0 0 0 0; padding: 0; width: 30%; }
  .ranking-layout .ranking-list ul li .ranking-list__thumbnail .ranking-list__thumbnail__mainvisual { display: none; }
  .ranking-layout .ranking-list ul li .ranking-list__thumbnail .ranking-list__thumbnail__squarevisual { display: block; width: 100%; height: 29.12vw; }
  .ranking-layout .ranking-list ul li .ranking-list__info { float: none; width: auto; margin: 0 8px 0 calc(30% + 50px); }
  .ranking-layout .ranking-list ul li .ranking-list__info h2 { font-size: 18px; font-weight: bold; line-height: 1.4; }
  .ranking-layout .ranking-list ul li .ranking-list__info h3 { font-size: 16px; font-weight: bold; }
  .ranking-layout .ranking-list ul li .ranking-list__info .ranking-list__info--text { margin: 0 0 8px; }
  .ranking-layout .ranking-list ul li .ranking-list__info .ranking-list__info--voting { font-weight: bold; color: #e10a15; }
  .ranking-layout .ranking-list ul li .ranking-list__info:after { content:" "; display:block; clear:both; }
  .ranking-layout .ranking-list ul li .ranking-list__comicbook { float: none; clear: left; width: auto; margin: 12px 0 0 40px; top: 16px; right: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .ranking-layout .ranking-list ul li .ranking-list__comicbook .ranking-list__comicbook__cover { width: 40%; }
  .ranking-layout .ranking-list ul li .ranking-list__comicbook .ranking-list__comicbook__cover > img { width: 100%; height: 50.49vw; }
  .ranking-layout .ranking-list ul li .ranking-list__comicbook .ranking-list__comicbook__links { display: block; }
  .ranking-layout .ranking-list ul li .ranking-list__comicbook .ranking-list__comicbook__links a:first-child { margin-top: 0; }
  .ranking-layout .ranking-list ul li .ranking-list__comicbook .ranking-list__comicbook__paperLink,
          .ranking-layout .ranking-list ul li .ranking-list__comicbook .ranking-list__comicbook__ebookLink { display: block; line-height: 1.5; font-size: 1rem; background-color: #008c00; color: #fff; text-align: center; -webkit-flex-basis: 63px; -ms-flex-preferred-size: 63px; flex-basis: 63px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-top: 1px; box-sizing: border-box; padding: 8px 4px; }
}
/* うぇぶりーとは？ */
/*
 * うぇぶりーとは用のCSS
 */
/*body {
  background: red;
}*/
.aboutus-layout {
  margin: 16px 0 0;
  border-top: 2px solid #e20a16;
  background: url(../images/background.png?h=c0f7ed18) repeat;
}
.aboutus-layout .aboutus-layout__title { margin: 20px auto; height: 48px; width: 1000px; background: url(../images/h2-aboutus.png?h=24343b5d) no-repeat; }
.aboutus-layout .aboutus-layout__title span { display: none; }
.aboutus-layout .aboutus-content { margin: 0 auto; width: 1000px; padding: 20px 20px 0; border: 1px solid #181312; border-bottom: none; background: #fff; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.aboutus-layout .aboutus-content .aboutus-catchcopy { margin: -20px -20px 0; padding: 64px 20px 240px; background: url(../images/aboutus-catchcopy__bg.png?h=521d6e0b) no-repeat; }
.aboutus-layout .aboutus-content .aboutus-catchcopy__image { height: 445px; }
.aboutus-layout .aboutus-content .aboutus-comment { position: relative; padding:24px; margin:-176px 0 64px; background: #fad4d6; font-size: 18px; line-height: 1.7; }
.aboutus-layout .aboutus-content .aboutus-comment .aboutus-comment__images { display: block; position: absolute; top: 90px; right: 27px; width: 228px; height: 288px; }
.aboutus-layout .aboutus-content .aboutus-comment .aboutus-comment__name { width: 772px; text-align: right; }
.aboutus-layout .aboutus-content .aboutus-environment { padding: 0 40px 40px; }
.aboutus-layout .aboutus-content .aboutus-environment h3 { font-size: 18px; font-weight: bold; }
/*
 * マンガ一覧　スマフォ用
 */
@media only screen and (max-width: 768px) and (min-width: 320px) {
  .aboutus-layout .aboutus-layout__title { width: 100%; height: 8.57143vw; background: url(../images/h2-aboutus-smart.png?h=46ca7ae3) no-repeat; background-size: cover; }
  .aboutus-layout .aboutus-content { margin: 0 auto; width: 100%; padding: 10px 10px 0; }
  .aboutus-layout .aboutus-content .aboutus-catchcopy { margin: -10px -10px 24px; padding: 0 0 50px; background: url(../images/aboutus-catchcopy__bg.png?h=521d6e0b) no-repeat; background-size: cover; }
  .aboutus-layout .aboutus-content .aboutus-catchcopy .aboutus-catchcopy__image { width: 100%; height: 46.81vw; }
  .aboutus-layout .aboutus-content .aboutus-comment { position: relative; padding:12px; margin: -50px 0 32px; font-size: 14px; line-height: 1.5; }
  .aboutus-layout .aboutus-content .aboutus-comment .aboutus-comment__images { position: relative; float: right; top: 0; right: 0; width: 114px; height: 144px; }
  .aboutus-layout .aboutus-content .aboutus-comment .aboutus-comment__images .aboutus-comment__itihara{ width: 100%; height: auto; }
  .aboutus-layout .aboutus-content .aboutus-comment .aboutus-comment__name { width: 100%; }
  .aboutus-layout .aboutus-content .aboutus-comment .aboutus-comment:after { content: ""; display: block; clear: both; }
  .aboutus-layout .aboutus-content .aboutus-environment { padding: 0 0 40px; }
  .aboutus-layout .aboutus-content .aboutus-environment h3 { font-size: 16px; }
}
/*.aboutus-layout {
  margin: 16px 0 0;
  border: none;
  background: none;
  .aboutus-content {
    border: none;
    background: none;
  }
}*/
/* メニューfix */
/*
 * メニュー調整
 */
@media only screen and (min-width: 801px) {
  nav.menu {
    margin: 20px 0 0;
  }
  nav.menu ul li a.mn01 { width: 83px; height: 18px; }
  nav.menu ul li a.mn02 { width: 103px; height: 18px; }
  nav.menu ul li a.mn03 { width: 83px; height: 18px; }
  nav.menu ul li a.mn04 { width: 81px; height: 18px; }
  nav.menu ul li a.mn05 { width: 70px; height: 18px; }
  nav.menu ul li a.mn06 { display: block; z-index: 1; width: 157px; height: 18px; background: url(../images/menu06.png?h=1a195be7) no-repeat; }
}
/* 404など他のページ */
/** event **/
.event-closed {
  margin: 40px auto;
  padding: 10px;
  max-width: 20em;
  border: 2px solid #181312;
  text-align: center;
  font-weight: bold;
}
/*404*/
.error-notfound {
  margin: 16px 0 0;
  border-top: 2px solid #e20a16;
  background: url(../images/background.png?h=c0f7ed18) repeat;
}
.error-notfound .error-notfound__content { margin: 20px auto 0; width: 1000px; padding: 50px 20px 96px; border: 1px solid #181312; border-bottom: none; background: #fff; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.error-notfound .error-notfound__content .error-notfound__images { text-align: center; }
.error-notfound .error-notfound__content .error-notfound__comment { -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-weight: bold; }
.error-notfound .error-notfound__content .error-notfound__backtop { text-align: center; }
@media only screen and (min-width: 767px) {
  .error-notfound .error-notfound__content .error-notfound__comment { margin: 0 auto 42px; width: 880px; height: 227px; padding: 80px 0 0 77px; background: url(../images/404/error-notfound__commtent-bg.png?h=044fc9eb) no-repeat; font-size: 36px; }
  .error-notfound .error-notfound__content .error-notfound__backtop {}

}
@media only screen and (max-width: 768px) and (min-width: 320px) {
  .error-notfound .error-notfound__content { margin: 20px auto 0; width: 100%; padding: 10px 10px 32px; }
  .error-notfound .error-notfound__images { width: 60%; margin: 0 auto 16px; }
  .error-notfound .error-notfound__images img { width: 100%; }
  .error-notfound .error-notfound__comment { margin: 0 auto 32px; width: 80%; height: 100%; padding: 20px; font-size: 18px; border: 4px solid #181312; }
  .error-notfound .error-notfound__backtop { width: 45%; margin: 0 auto 16px; }
  .error-notfound .error-notfound__backtop img { width: 100%; }
}
/* 週末用 */
body.is-weekend {
  background: url(../images/bk_we3.jpg?h=00dbabfe);
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-attachment:fixed;
}
body.is-weekend div#contents, body.is-weekend .all-manga-list, body.is-weekend .ranking-layout, body.is-weekend .aboutus-layout { border-top: none; background: none; }
body.is-weekend header { margin: 0 auto; }
body.is-weekend header .this-site { margin: 0 auto 10px; padding-top: 5px; overflow: hidden; }
@media only screen and (min-width: 801px) {
  header .this-site {
    margin: 0px auto 15px;
  }
}
/* 読切宝箱 */
@media only screen and (max-width: 320px) {
  .contents--yomikiri { width: 100%; margin: 10px 0 20px 0; border-top: 2px #E20A16 solid; background: url(../images/background.png?h=c0f7ed18); }
  .contents--yomikiri article {width: 100%; padding-bottom: 40px; margin: 30px auto 0 auto; background-color: #181312; box-sizing: border-box; }
  .contents--yomikiri article img.title { display: block; width: 100%; height: auto; margin: 0 auto; }
  .contents--yomikiri article hr { display: block; width: 100%; height: 6px; border: none; padding: 0; margin: 0; background: url(../images/yomikiri_line2.png?h=25d44371) repeat-x; }
  .contents--yomikiri article hr.top { height: 9px; background: url(../images/yomikiri_line.png?h=4ef09ad5) repeat-x; }
  .contents--yomikiri article section { display: block; width: 80%; padding: 30px 0; margin: 0 auto; text-align: left; color: #fff; box-sizing: border-box; }
  .contents--yomikiri article section img.visual { display: block; width: 100%; height: auto; margin: 0 auto 5px auto; }
  .contents--yomikiri article section div.date { width: 100%; margin-top: 15px; font-size: 1.5rem; line-height: 1.2; }
  .contents--yomikiri article section span { width: 100%; margin-top: 10px; font-size: 1.3rem; }
  .contents--yomikiri article section h2 { width: 100%; margin-top: 10px; text-align: center; font-size: 1.94rem; line-height: 1.1; }
  .contents--yomikiri article section h3 { width: 100%; margin-top: 5px; text-align: center; font-size: 1.5rem; line-height: 1.1; }
  .contents--yomikiri article section a.read { display: block; width: 70%; height: 42px; margin: 20px auto 0 auto; line-height: 42px; font-size: 1.3rem; background-color: #FFDB40; color: #181312; text-align: center; } }
@media only screen and (min-width: 321px) and (max-width: 480px) {
  .contents--yomikiri { width: 100%; margin: 10px 0 20px 0; border-top: 2px #E20A16 solid; background: url(../images/background.png?h=c0f7ed18); }
  .contents--yomikiri article { width: 100%; padding-bottom: 40px; margin: 30px auto 0 auto; background-color: #181312; box-sizing: border-box; }
  .contents--yomikiri article img.title { display: block; width: 100%; height: auto; margin: 0 auto; }
  .contents--yomikiri article hr { display: block; width: 100%; height: 6px; border: none; padding: 0; margin: 0; background: url(../images/yomikiri_line2.png?h=25d44371) repeat-x; }
  .contents--yomikiri article hr.top { height: 9px; background: url(../images/yomikiri_line.png?h=4ef09ad5) repeat-x; }
  .contents--yomikiri article section { display: block; width: 80%; padding: 30px 0; margin: 0 auto; text-align: left; color: #fff; box-sizing: border-box; }
  .contents--yomikiri article section img.visual { display: block; width: 100%; height: auto; margin: 0 auto 5px auto; }
  .contents--yomikiri article section div.date { width: 100%; margin-top: 15px; font-size: 1.5rem; line-height: 1.2; }
  .contents--yomikiri article section span { width: 100%; margin-top: 10px; font-size: 1.3rem; }
  .contents--yomikiri article section h2 { width: 100%; margin-top: 10px; text-align: center; font-size: 1.94rem; line-height: 1.1; }
  .contents--yomikiri article section h3 { width: 100%; margin-top: 5px; text-align: center; font-size: 1.5rem; line-height: 1.1; }
  .contents--yomikiri article section a.read { display: block; width: 70%; height: 42px; margin: 20px auto 0 auto; line-height: 42px; font-size: 1.3rem; background-color: #FFDB40; color: #181312; text-align: center; } }
@media only screen and (min-width: 481px) and (max-width: 800px) {
  .contents--yomikiri { width: 100%; margin: 10px 0 20px 0; border-top: 2px #E20A16 solid; background: url(../images/background.png?h=c0f7ed18); }
  .contents--yomikiri article { width: 100%; padding-bottom: 40px; margin: 30px auto 0 auto; background-color: #181312; box-sizing: border-box; }
  .contents--yomikiri article img.title { display: block; width: 100%; height: auto; margin: 0 auto; }
  .contents--yomikiri article hr { display: block; width: 100%; height: 6px; border: none; padding: 0; margin: 0; background: url(../images/yomikiri_line2.png?h=25d44371) repeat-x; }
  .contents--yomikiri article hr.top { height: 9px; background: url(../images/yomikiri_line.png?h=4ef09ad5) repeat-x; }
  .contents--yomikiri article section { display: block; width: 80%; padding: 30px 0; margin: 0 auto; text-align: left; color: #fff; box-sizing: border-box; }
  .contents--yomikiri article section img.visual { display: block; width: 100%; height: auto; margin: 0 auto 5px auto; }
  .contents--yomikiri article section div.date { width: 100%; margin-top: 15px; font-size: 1.5rem; line-height: 1.2; }
  .contents--yomikiri article section span { width: 100%; margin-top: 10px; font-size: 1.3rem; }
  .contents--yomikiri article section h2 { width: 100%; margin-top: 10px; text-align: center; font-size: 1.94rem; line-height: 1.1; }
  .contents--yomikiri article section h3 { width: 100%; margin-top: 5px; text-align: center; font-size: 1.5rem; line-height: 1.1; }
  .contents--yomikiri article section a.read { display: block; width: 70%; height: 42px; margin: 20px auto 0 auto; line-height: 42px; font-size: 1.3rem; background-color: #FFDB40; color: #181312; text-align: center; } }
@media only screen and (min-width: 801px) {
  .contents--yomikiri { width: 100%; margin: 10px 0 20px 0; border-top: 2px #E20A16 solid; background: url(../images/background.png?h=c0f7ed18); }
  .contents--yomikiri article { width: 100%; padding-bottom: 40px; margin: 30px auto 0 auto; background-color: #181312; box-sizing: border-box; width: 1000px; }
  .contents--yomikiri article img.title { display: block; width: 100%; height: auto; margin: 0 auto; width: 820px; }
  .contents--yomikiri article hr { display: block; width: 100%; height: 6px; border: none; padding: 0; margin: 0; background: url(../images/yomikiri_line2.png?h=25d44371) repeat-x; }
  .contents--yomikiri article hr.top { height: 9px; background: url(../images/yomikiri_line.png?h=4ef09ad5) repeat-x; }
  .contents--yomikiri article section { display: block; width: 80%; padding: 30px 0; margin: 0 auto; text-align: left; color: #fff; box-sizing: border-box; width: 700px; }
  .contents--yomikiri article section img.visual { display: block; width: 100%; height: auto; margin: 0 auto 5px auto; width: 700px; }
  .contents--yomikiri article section div.date { width: 100%; margin-top: 15px; font-size: 1.5rem; line-height: 1.2; font-size: 2.15rem; }
  .contents--yomikiri article section span { width: 100%; margin-top: 10px; font-size: 1.3rem; font-size: 1.84rem; }
  .contents--yomikiri article section h2 { width: 100%; margin-top: 10px; text-align: center; font-size: 1.94rem; line-height: 1.1; font-size: 2.77rem; }
  .contents--yomikiri article section h3 { width: 100%; margin-top: 5px; text-align: center; font-size: 1.5rem; line-height: 1.1; font-size: 2.15rem; }
  .contents--yomikiri article section a.read { display: block; width: 70%; height: 42px; margin: 20px auto 0 auto; line-height: 42px; font-size: 1.3rem; background-color: #FFDB40; color: #181312; text-align: center; width: 300px; height: 60px; line-height: 60px; font-size: 1.84rem; } }
/* モーダルダイアログ　*/
.modal-dialog-container {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100vw;
  background: rgba(0, 0, 0, .5);
  z-index: 1000;
}
.modal-dialog-container.modal-dialog-container--empty { display: none; }
.modal-dialog-container .modal-dialog-wrapper { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; }
.modal-dialog-container .modal-dialog { position: relative; margin: 0 auto; width: 90vw; border: 3px solid #222; border-radius: 3px; }
.modal-dialog-container .modal-dialog__close-button { position: absolute; background: url(../images/btn-viewer-close.png?h=02423099); background-size: cover; width: 16px; height: 16px; padding: 0; border: 0; right: 4px; top: 4px; }
.modal-dialog-container .modal-dialog__close-button > span { display: none; }
.modal-dialog-container .modal-dialog__close-button:hover { opacity: 0.7 }
.modal-dialog-container .modal-dialog__body { background: #fff; padding: 8px; }
/** 購入ボタンを押した後のダイアログ **/
.modal-dialog--book-shops {
  max-width: 488px;
}
.modal-dialog--book-shops .book-info { border-bottom: 1px solid #e20a16; padding: 0 0 8px 0; min-height: 100px; }
.modal-dialog--book-shops .book-info:after { content: ''; display: block; clear: both; }
.modal-dialog--book-shops .book-info .book-info__cover { float: left; display: block; width: 64px; }
.modal-dialog--book-shops .book-info .book-info__label { margin-left: 74px; font-size: 16px; font-weight: bold; }
.modal-dialog--book-shops .book-info__shogakukanLinks { text-align: center; margin-top: 8px; }
.modal-dialog--book-shops .book-info__shogakukanLinks > a { display: inline-block; width: 45%; margin: 1%; background: #008c00; color: #fff; font-size: 1.2rem; line-height: 32px; }
.modal-dialog--book-shops .shoplinks-label { font-size: 16px; font-weight: bold; text-align: center; margin: 16px auto 8px; }
.modal-dialog--book-shops .shoplinks { margin: -4px; }
.modal-dialog--book-shops .shoplinks > a { display: inline-block; width: 142px; height: 16px; border: 1px solid #ddd; padding: 8px 4px; margin: 4px; }
.modal-dialog--book-shops .shoplinks > a > img { display: block; width: 100%; }
@media (max-width: 560px) {
  .modal-dialog--book-shops .shoplinks > a { width: calc(100% / 3 - 18px); height: calc(100% / 3 / 142 * 32 - 18px / 142 * 32); }
}
@media (max-width: 340px) {
  .modal-dialog--book-shops .shoplinks > a { width: calc(100% / 2 - 18px); height: calc(100% / 2 / 142 * 32 - 18px / 142 * 32); }
}
/* イベント一覧 */
/* コマ一覧 */
/*
 *  コマ一覧ページ用のCSS
 */
.komalist__title {
  margin: 30px 0 0;
  background-color: #e20a16;
  color: white;
  font-size: 1.5rem;
}
.komalist__title span{ display: block; margin: 0 auto; max-width: 1000px; }
.komalist__article{
  background: url(../images/background.png?h=c0f7ed18);
}
.komalists {
  width: 100%;
  margin: 0 auto;
  max-width: 1000px;
}
.komalists .koma { float: left; display: block; margin: 20px 1% 0; width: 48%; }
.komalists .koma .comic_name { padding: 0 5px; font-size: 1rem; background-color: white; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.komalists .koma img { width: 100%; display: block; }