@charset "UTF-8";
/* Breakpoint
============================================= */
/* -------------------------------------------
  top-bookSch
------------------------------------------- */
.m-bookSch {
  border-bottom: #dd6188 1px solid;
  border-top: #dd6188 1px solid;
  padding: 12px 0;
  width: 1024px;
}

.m-bookSch .bookSch__tit {
  color: #dd6188;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.m-bookSch .bookSch__tit__img {
  width: 121px;
}

.m-bookSch .bookSch__schText {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  border: #dd6188 2px solid;
  font-size: 1.2rem;
  padding: 1px 10px;
  height: 24px;
  width: 448px;
}

.m-bookSch .bookSch__schSelect {
  background-color: #dd6188;
  height: 24px;
  width: 170px;
  overflow: hidden;
  position: relative;
}

.m-bookSch .bookSch__schSelect::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: #ffffff transparent transparent transparent;
  margin: auto;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  right: 5px;
  top: 0;
}

.m-bookSch .bookSch__schSelect:hover {
  opacity: .8;
}

.m-bookSch .bookSch__schSelect__select {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  border: none;
  background: none;
  color: #fff;
  cursor: pointer;
  font-size: 1.2rem;
  padding-left: 5px;
  height: 24px;
  width: 100%;
}

.m-bookSch _:-ms-lang(x), .m-bookSch .bookSch__schSelect__select {
  padding-left: 0;
}

@-moz-document url-prefix() {
  .m-bookSch .bookSch__schSelect__select {
    padding-left: 0;
  }
}

.m-bookSch .bookSch__schBtn {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #dd6188;
  color: #fff;
  cursor: pointer;
  font-size: 1.3rem;
  height: 24px;
  width: 44px;
}

.m-bookSch .bookSch__keywordTit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #dd6188;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  font-size: 1.4rem;
  height: 24px;
  width: 44px;
}

.m-bookSch .bookSch__keyword {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  color: #dd6188;
  font-size: 1.3rem;
  font-weight: bold;
}

/* -------------------------------------------
  responsive_style
   -画面の横幅が768pxまで-
------------------------------------------- */
@media screen and (max-width: 980px) {
  .m-bookSch .bookSch__tit {
    font-size: 1.3rem;
    padding-bottom: 5px;
  }
  .m-bookSch .bookSch__schSelect__select {
    font-size: 1.0rem;
    padding-left: 2px;
    padding-top: 0;
    height: 28px;
  }
  .m-bookSch .bookSch__schSelect {
    height: 28px;
    width: 110px;
  }
  .m-bookSch .bookSch__schSelect::before {
    border-width: 6px 4px 0 4px;
    right: 2px;
  }
  .m-bookSch .bookSch__schText {
    padding: 1px 5px;
    height: 28px;
    width: 100%;
  }
  .m-bookSch .bookSch__keywordTit {
    font-size: 1.2rem;
    height: 20px;
    width: 40px;
  }
  .m-bookSch .bookSch__keyword {
    font-size: 1.1rem;
  }
  .m-bookSch .bookSch__schBtn {
    display: block;
    height: 28px;
  }
}

.base_button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #CCCCCC;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 200px;
  height: 43px;
  padding: 0 18px;
  cursor: pointer;
  color: #FFFFFF;
}

.base_button .base_button-text {
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF;
}

.base_button.base_button--dark_prev {
  background-color: #777777;
  min-width: 150px;
  border-bottom: 2px solid #444444;
  padding-top: 2px;
}

.base_button.base_button--dark_prev:before {
  content: "<";
  color: #FFFFFF;
  margin-right: 12px;
}

.base_button.base_button--dark_prev.base_button--noarrow:before {
  content: none;
}

.base_button.base_button--dark_prev_screen {
  background-color: #777777;
  width: 296px;
  border-bottom: 2px solid #444444;
  padding-top: 2px;
}

.base_button.base_button--dark_prev_screen:before {
  content: "<";
  color: #FFFFFF;
  margin-right: 12px;
}

.base_button.base_button--dark_prev_screen .base_button-text {
  font-size: 14px;
}

.base_button.base_button--primary {
  background-color: #DD6188;
  border-bottom: 2px solid #CF4570;
  padding: 2px 10px 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.base_button.base_button--primary .base_button-text {
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF;
}

.base_button.base_button--primary_add_member {
  width: 270px;
  background-color: #DD6188;
  border-bottom: 2px solid #CF4570;
  padding-top: 2px;
}

.base_button.base_button--primary_add_member .base_button-text {
  font-size: 15px;
  line-height: 1.3;
  text-align: center;
}

.base_button.base_button--dark_direct_cart {
  min-width: 270px;
  background-color: #939393;
  border-bottom: 2px solid #444444;
  padding-top: 2px;
}

.base_button.base_button--dark_direct_cart .base_button-text {
  font-size: 16px;
}

.base_button.base_button--dark {
  background-color: #777777;
  width: 150px;
  border-bottom: 2px solid #444444;
  padding-top: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.base_button.base_button--dark:before {
  content: "<";
  color: #FFFFFF;
  margin-right: 12px;
}

.base_button.base_button--dark .base_button-text {
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF;
}

.base_button.base_button--member {
  background-color: #AC7827;
  padding: 2px 18px 0 18px;
  border-bottom: 2px solid #88580F;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.base_button.base_button--member .base_button-text {
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF;
}

.base_button.base_button--guide {
  background-color: #EA922B;
  border-bottom: 2px solid #D5770A;
}

.base_button.base_button--use_point {
  min-width: auto;
  width: 100%;
}

.base_button.base_button--reading {
  width: 100%;
  background-color: #EA922B;
  border-bottom: 2px solid #D5770A;
  font-weight: bold;
  font-size: 14px;
}

@media screen and (max-width: 980px) {
  .base_button {
    min-width: auto;
  }
  .base_button.base_button--guide .base_button-text {
    font-size: 14px;
  }
  .base_button.base_button--dark {
    width: 100%;
  }
  .base_button.base_button--dark .base_button-text {
    font-size: 14px;
  }
  .base_button.base_button--primary {
    width: 100%;
  }
  .base_button.base_button--primary .base_button-text {
    font-size: 14px;
  }
  .base_button.base_button--dark_prev {
    width: 100%;
  }
  .base_button.base_button--dark_prev .base_button-text {
    font-size: 14px;
  }
  .base_button.base_button--dark_direct_cart {
    width: 100%;
    min-width: 100%;
  }
  .base_button.base_button--dark_direct_cart .base_button-text {
    font-size: 14px;
  }
  .base_button.base_button--primary_add_member {
    width: 100%;
  }
  .base_button.base_button--primary_add_member .base_button-text {
    font-size: 14px;
  }
  .base_button.base_button--dark {
    width: 100%;
  }
  .base_button.base_button--dark .base_button-text {
    font-size: 12px;
  }
  .base_button.base_button--member {
    width: 100%;
  }
  .base_button.base_button--member .base_button-text {
    font-size: 14px;
  }
}

.select_btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  color: #ffffff;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3';
  padding: 4px;
}

.select_btn .select_btn-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.select_btn .select_btn-text:before {
  content: "";
  display: inline-block;
  background-image: url(/template/default/img/sprite/sprite-common_form.png);
  background-position: -65px -33px;
  width: 16px;
  height: 16px;
  background-size: 82px 66.5px;
  margin-right: 6px;
}

.select_btn .select_btn-text .select_btn-text-item {
  font-size: 1.4rem;
  padding: 5px 0;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
}

.select_btn:link, .select_btn:active, .select_btn:visited, .select_btn:hover {
  cursor: pointer;
}

.select_btn:hover {
  opacity: .8;
}

.select_btn.select_btn--paper_all {
  background-color: #E27F7F;
  border-bottom: 2px solid #D35151;
  font-size: 13px;
  width: 180px;
  height: 30px;
}

.select_btn.select_btn--paper_all .select_btn-text:before {
  content: "";
  display: inline-block;
  background-image: url(/template/default/img/sprite/sprite-common_form.png);
  background-position: -47px 0px;
  width: 18px;
  height: 18px;
  background-size: 82px 66.5px;
}

.select_btn.select_btn--paper_all .select_btn-input:checked + .select_btn-text:before {
  content: "";
  display: inline-block;
  background-image: url(/template/default/img/sprite/sprite-common_form.png);
  background-position: -47px 0px;
  width: 18px;
  height: 18px;
  background-size: 82px 66.5px;
}

.select_btn.select_btn--ebook_all {
  background-color: #EA922B;
  border-bottom: 2px solid #D5770A;
  font-size: 13px;
  width: 180px;
  height: 30px;
}

.select_btn.select_btn--ebook_all .select_btn-text:before {
  content: "";
  display: inline-block;
  background-image: url(/template/default/img/sprite/sprite-common_form.png);
  background-position: -18px -20px;
  width: 18px;
  height: 18px;
  background-size: 82px 66.5px;
}

.select_btn.select_btn--ebook_all .select_btn-input:checked + .select_btn-text:before {
  content: "";
  display: inline-block;
  background-image: url(/template/default/img/sprite/sprite-common_form.png);
  background-position: -18px -20px;
  width: 18px;
  height: 18px;
  background-size: 82px 66.5px;
}

.select_btn.select_btn--release_all {
  background-color: #666666;
  border-bottom: 2px solid #444444;
  font-size: 13px;
  width: 180px;
  height: 30px;
}

.select_btn.select_btn--release_all .select_btn-text:before {
  content: "";
  display: inline-block;
  background-image: url(/template/default/img/sprite/sprite-common_form.png);
  background-position: -29px 0px;
  width: 18px;
  height: 18px;
  background-size: 82px 66.5px;
}

.select_btn.select_btn--release_all:before {
  content: "";
  display: inline-block;
  background-image: url(/template/default/img/sprite/sprite-common_form.png);
  background-position: -29px 0px;
  width: 18px;
  height: 18px;
  background-size: 82px 66.5px;
  margin-right: 6px;
}

.select_btn.select_btn--release_all .select_btn-text:before {
  display: none;
}

.select_btn.select_btn--cart {
  background-color: #DD6188;
  border-bottom: 2px solid #CF4570;
  width: 300px;
  height: 34px;
  font-size: 14px;
}

.select_btn.select_btn--cart:before {
  content: "";
  display: inline-block;
  background-image: url(/template/default/img/sprite/sprite-common_form.png);
  background-position: 0px 0px;
  width: 29px;
  height: 20px;
  background-size: 82px 66.5px;
  margin-right: 5px;
}

.select_btn.select_btn--cart .select_btn-text:before {
  display: none;
}

.select_btn.select_btn--paper {
  background-color: #E27F7F;
  border-bottom: 2px solid #D35151;
  font-size: 13px;
  height: 100%;
  width: 100%;
}

.select_btn.select_btn--paper .select_btn-input:checked + .select_btn-text:before {
  content: "";
  display: inline-block;
  background-image: url(/template/default/img/sprite/sprite-common_form.png);
  background-position: -47px 0px;
  width: 18px;
  height: 18px;
  background-size: 82px 66.5px;
}

.select_btn.select_btn--ebook {
  background-color: #EA922B;
  border-bottom: 2px solid #D5770A;
  font-size: 13px;
  height: 100%;
  width: 100%;
}

.select_btn.select_btn--ebook .select_btn-input:checked + .select_btn-text:before {
  content: "";
  display: inline-block;
  background-image: url(/template/default/img/sprite/sprite-common_form.png);
  background-position: -18px -20px;
  width: 18px;
  height: 18px;
  background-size: 82px 66.5px;
}

@media screen and (max-width: 980px) {
  .select_btn.select_btn--paper, .select_btn.select_btn--ebook {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 100%;
    line-height: 1.2;
    padding: 6px 2px;
  }
  .select_btn.select_btn--paper .select_btn-text:before, .select_btn.select_btn--ebook .select_btn-text:before {
    margin-right: 3px;
  }
  .select_btn .select_btn-text .select_btn-text-select {
    display: none;
  }
  .select_btn .select_btn-text .select_btn-text-item {
    font-size: 12px;
  }
  .select_btn.select_btn--release_all, .select_btn.select_btn--cart {
    width: auto;
    height: auto;
    padding: 10px 5px;
    font-size: 12px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.cassette_card {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  border: 1px solid #DDDDDD;
  width: 100%;
  word-break: break-all;
  background-color: #FFFFFF;
  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: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.cassette_card .cassette_card-contents {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 14px 10px 14px 10px;
}

.cassette_card .cassette_card-contents.cassette--recommend {
  padding-bottom: 14px;
}

.cassette_card .cassette_card-contents .cassette_card-contents-object {
  margin-right: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 116px;
  height: 181px;
}

.cassette_card .cassette_card-contents .cassette_card-contents-object img {
  border: #ad791b 1px solid;
  width: auto;
  height: auto;
  max-width: 116px;
  max-height: 181px;
}

.cassette_card .cassette_card-contents .cassette_card-contents-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.cassette_card .cassette_card-action {
  padding: 0 10px 14px 10px;
}

@media screen and (max-width: 980px) {
  .cassette_card .cassette_card-contents {
    display: block;
    padding-bottom: 10px;
  }
  .cassette_card .cassette_card-contents .cassette_card-contents-object {
    margin-right: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cassette_card .cassette_card-contents .cassette_card-contents-object img {
    max-height: 130px;
  }
  .cassette_card .cassette_card-contents .cassette_card-contents-body {
    margin-top: 10px;
  }
  .cassette_card .cassette_card-more {
    display: none;
  }
  .cassette_card .cassette_card-action {
    padding: 0 4px 10px 4px;
  }
}

.cassette_card_detail {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  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-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cassette_card_detail .cassette_card_detail-day {
  font-size: 12px;
  color: #A56C0F;
  font-weight: bold;
}

.cassette_card_detail .cassette_card_detail-label {
  font-size: 16px;
}

.cassette_card_detail .cassette_card_detail-title {
  font-size: 16px;
  font-weight: bold;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-top: 12px;
  line-height: 1.2;
}

.cassette_card_detail .cassette_card_detail-text {
  margin-top: 12px;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, "MS PGothic", arial, helvetica, sans-serif;
  line-height: 1.5;
  font-size: 1.3rem;
}

.cassette_card_detail .cassette_card_detail-text.cassette_card_detail-text--date {
  font-size: 1.1rem;
}

.cassette_card_detail .cassette_card_detail-more {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, "MS PGothic", arial, helvetica, sans-serif;
  padding-top: 10px;
  margin-top: auto;
  text-align: right;
}

.cassette_card_detail .cassette_card_detail-more:before {
  content: "▶";
  display: inline-block;
  color: #DD6188;
}

.cassette_card_detail .cassette_card_detail-more .cassette_card_detail-more-action {
  color: #DD6188;
  text-decoration: underline;
}

.cassette_card_detail .cassette_card_detail-author {
  font-size: 12px;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, "MS PGothic", arial, helvetica, sans-serif;
}

@media screen and (max-width: 980px) {
  .cassette_card_detail .cassette_card_detail-text {
    display: none;
  }
  .cassette_card_detail .cassette_card_detail-title {
    margin-top: 8px;
  }
  .cassette_card_detail .cassette_card_detail-more {
    display: none;
  }
}

.cassette_card_label {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  display: inline-block;
  color: #FFFFFF;
  border-radius: 18px;
  font-size: 11px;
  padding: 2px 8px;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, "MS PGothic", arial, helvetica, sans-serif;
}

.cassette_card_label.cassette_card_label--5, .cassette_card_label.cassette_card_label--24, .cassette_card_label.cassette_card_label--42, .cassette_card_label.cassette_card_label--49, .cassette_card_label.cassette_card_label--romance {
  background-color: #FF8067;
}

.cassette_card_label.cassette_card_label--6 {
  background-color: #6DB6FE;
}

.cassette_card_label.cassette_card_label--7 {
  background-color: #B26879;
}

.cassette_card_label.cassette_card_label--8, .cassette_card_label.cassette_card_label--9, .cassette_card_label.cassette_card_label--26, .cassette_card_label.cassette_card_label--38, .cassette_card_label.cassette_card_label--45, .cassette_card_label.cassette_card_label--79, .cassette_card_label.cassette_card_label--historical {
  background-color: #8AC051;
}

.cassette_card_label.cassette_card_label--10 {
  background-color: #F66284;
}

.cassette_card_label.cassette_card_label--11 {
  background-color: #B74954;
}

.cassette_card_label.cassette_card_label--12 {
  background-color: #EF8263;
}

.cassette_card_label.cassette_card_label--91 {
  background-color: #ADD44F;
}

.cassette_card_label.cassette_card_label--92 {
  background-color: #F7C643;
}

.cassette_card_label.cassette_card_label--93 {
  background-color: #EC68A2;
}

.cassette_card_label.cassette_card_label--19 {
  background-color: #F0DDCC;
}

.cassette_card_label.cassette_card_label--16, .cassette_card_label.cassette_card_label--30, .cassette_card_label.cassette_card_label--64, .cassette_card_label.cassette_card_label--111 {
  background-color: #3366CC;
}

.cassette_card_label.cassette_card_label--36, .cassette_card_label.cassette_card_label--43 {
  background-color: #E9008F;
}

.cassette_card_label.cassette_card_label--37, .cassette_card_label.cassette_card_label--44 {
  background-color: #C9003E;
}

.cassette_card_label.cassette_card_label--39, .cassette_card_label.cassette_card_label--46 {
  background-color: #8100A8;
}

.cassette_card_label.cassette_card_label--40, .cassette_card_label.cassette_card_label--47 {
  background-color: #F41F25;
}

.cassette_card_label.cassette_card_label--41, .cassette_card_label.cassette_card_label--48 {
  background-color: #BA8CBC;
}

.cassette_card_label.cassette_card_label--romantic {
  background-color: #9981FF;
}

.cassette_card_label.cassette_card_label--thriller {
  background-color: #54A9D2;
}

.cassette_card_label.cassette_card_label--human {
  background-color: #4CBFCA;
}

.commic_label {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  border-radius: 18px;
  display: inline-block;
  text-align: center;
  padding: 2px 10px;
}

.commic_label.commic_label--romance, .commic_label.commic_label--49 {
  background-color: #E5004F;
}

.commic_label.commic_label--pure, .commic_label.commic_label--43 {
  background-color: #E9008F;
}

.commic_label.commic_label--passion, .commic_label.commic_label--44 {
  background-color: #C9003E;
}

.commic_label.commic_label--historical, .commic_label.commic_label--45 {
  background-color: #2FC275;
}

.commic_label.commic_label--suspense, .commic_label.commic_label--46 {
  background-color: #8100A8;
}

.commic_label.commic_label--fantasy, .commic_label.commic_label--48 {
  background-color: #BA8CBC;
}

.commic_label.commic_label--seasonal, .commic_label.commic_label--47 {
  background-color: #F41F25;
}

/* -------------------------------------------
  top-hero
------------------------------------------- */
.m-hero .hero__crsel {
  background-color: #ececec;
}

.m-hero .hero__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.m-hero .hero__item__img {
  width: 1024px;
}

.m-hero .hero__dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.m-hero .hero__dots > li:not(:first-child) {
  margin-left: 10px;
}

.m-hero .hero__dots > li > button {
  background-color: #e6d7bb;
  cursor: pointer;
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg) skew(10deg, 10deg);
          transform: rotate(45deg) skew(10deg, 10deg);
}

.m-hero .hero__dots > li > button:hover {
  opacity: .8;
}

.m-hero .hero__dots > li.slick-active > button {
  background-color: #ad791b;
}

.m-hero .slick-dotted.slick-slider {
  margin-bottom: 20px;
}

.m-hero .pickLink__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #b9b0aa;
  position: relative;
  height: 40px;
  width: 366px;
}

.m-hero .pickLink__item::before {
  content: '';
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 1px solid #fff;
  position: absolute;
  top: 2px;
  left: 2px;
}

.m-hero .pickLink__item__img {
  width: 290.5px;
}

/* -------------------------------------------
  responsive_style
   -画面の横幅が768pxまで-
------------------------------------------- */
@media screen and (max-width: 980px) {
  .m-hero .hero__item__img {
    width: auto;
  }
  .m-hero .pickLink__item {
    margin: 0 auto;
    width: 76vw;
    max-width: 366px;
  }
  .m-hero .pickLink__item__img {
    width: 60vw;
    max-width: 290.5px;
  }
}

.pagenation {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  border: 1px solid #E56994;
  min-width: 25px;
  height: 25px;
  width: auto;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px;
}

.pagenation.is-active {
  background-color: #E56994;
  color: #fff;
}

.pagenation.pagenation--page {
  display: none;
}

@media screen and (max-width: 980px) {
  .pagenation {
    border: 1px solid #F6F6F6;
    width: 35px;
    height: 35px;
  }
  .pagenation.pagenation--prev, .pagenation.pagenation--next, .pagenation.pagenation--page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    border: none;
    font-size: 10px;
    background-color: #f6f6f6;
  }
  .pagenation.pagenation--prev {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .pagenation.pagenation--prev:before {
    content: "<";
    margin-right: 5px;
  }
  .pagenation.pagenation--next {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .pagenation.pagenation--next:after {
    content: ">";
    margin-left: 5px;
  }
  .pagenation.pagenation--page {
    background-color: #DD6188;
    color: #fff;
  }
}

.result_info_box {
  width: 1024px;
  margin: 0 auto;
}

@media screen and (max-width: 980px) {
  .result_info_box {
    padding: 0 10px;
    width: 100%;
  }
}

/* -------------------------------------------

------------------------------------------- */
.mr_harle_link {
  width: 700px;
}

.news {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

.news .news-header {
  text-align: center;
}

.news .news-header:before {
  content: "";
  background-image: url(/template/default/img/sprite/sprite-comic_novel_titlebar.png);
  background-position: 0px -110px;
  width: 200px;
  height: 27.5px;
  background-size: 400px 192.5px;
  display: inline-block;
  width: 200px;
  height: 28px;
}

.news .news-header .news-header-title {
  margin-top: 7px;
  color: #F04D86;
  font-weight: bold;
  font-size: 16px;
}

.news .news-body {
  margin-top: 15px;
}

@media screen and (max-width: 980px) {
  .news .news-header .news-header-title {
    font-size: 14px;
  }
  .news .new-body {
    padding: 0 10px;
  }
}

.news_cassette {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  width: 886px;
  padding: 20px 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.news_cassette .news_cassette-date {
  margin-right: 40px;
  line-height: 1.7;
  color: #F04D86;
}

.news_cassette .news_cassette-text {
  line-height: 1.7;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.news_cassette .news_cassette-text > a {
  color: #531000;
  text-decoration: underline;
}

@media screen and (max-width: 980px) {
  .news_cassette {
    padding: 10px;
    display: block;
  }
  .news_cassette .news_cassette-date {
    margin-right: 0;
    font-size: 12px;
  }
  .news_cassette .news_cassette-text {
    margin-top: 5px;
    font-size: 12px;
  }
}

/* -------------------------------------------
  top-section
------------------------------------------- */
.m-section {
  padding: 48px 0;
  position: relative;
}

.m-section.section-new {
  background-color: #f3ebdd;
}

.m-section.section-new::before {
  content: "";
  background: url(/template/default/img/bg-top-section-new.png) left top no-repeat;
  background-size: 150px 113px;
  display: block;
  height: 113px;
  width: 150px;
  position: absolute;
  left: 204px;
  top: 48px;
}

.m-section.section-rcmd {
  background-color: #ffebec;
}

.m-section .section__heading {
  text-align: center;
}

.m-section .section__heading__img {
  margin: 0 auto;
  text-align: center;
}

.m-section .section__heading__img.heading-new {
  width: 155.5px;
}

.m-section .section__heading__img.heading-new-novel {
  width: 226px;
}

.m-section .section__heading__img.heading-new-comic {
  width: 226px;
}

.m-section .section__heading__img.heading-rcmd {
  width: 217.5px;
}

.m-section .section__heading__img.heading-rcmd-novel {
  width: 226px;
}

.m-section .section__heading__img.heading-rcmd-comic {
  width: 226px;
}

.m-section .arrows__prev {
  background-color: #ad791b;
  border-radius: 2px;
  cursor: pointer;
  height: 60px;
  width: 32px;
  position: absolute;
  left: -47px;
  top: 113px;
}

.m-section .arrows__next {
  background-color: #ad791b;
  border-radius: 2px;
  cursor: pointer;
  height: 60px;
  width: 32px;
  position: absolute;
  right: -47px;
  top: 113px;
}

.m-section .arrows__prev__icon {
  background-image: url(../img/spr-top.png);
  background-repeat: no-repeat;
  background-size: 18px 106px;
  display: block;
  text-indent: -9999px;
  margin: 0 auto;
  width: 14px;
  height: 22.5px;
  background-position: -2px -2px;
}

.m-section .arrows__next__icon {
  background-image: url(../img/spr-top.png);
  background-repeat: no-repeat;
  background-size: 18px 106px;
  display: block;
  text-indent: -9999px;
  margin: 0 auto;
  width: 14px;
  height: 22.5px;
  background-position: -2px -28.5px;
}

.m-bookCard {
  display: block;
  width: 136px;
}

.m-bookCard .bookCard__date {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: url(/template/default/img/bg-top-bookcard__date.png) center top no-repeat;
  background-size: 135.5px 19.5px;
  color: #fff;
  font-size: 1.0rem;
  font-weight: bold;
  letter-spacing: 1px;
  height: 19.5px;
  width: 135.5px;
}

.m-bookCard .bookCard__thum {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  border: #ad791b 2px solid;
  margin-top: 14px;
  height: 212px;
  width: 136px;
}

.m-bookCard .bookCard__thum.bookCard-comic {
  height: 189px;
}

.m-bookCard .bookCard__thum__img {
  border: #ad791b 1px solid;
  height: auto;
  width: auto;
  max-height: 204px;
  max-width: 128px;
}

.m-bookCard .bookCard__tit {
  color: #393939;
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 10px;
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.m-bookCard .bookCard__tit__book {
  border-bottom: #393939 1px solid;
  display: inline-block;
  font-size: 1.3rem;
  line-height: 1.3;
  margin-bottom: 5px;
}

.m-writerCard {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  background-color: #ecb7c5;
  position: relative;
}

.m-writerCard:not(.writerCard-pickup) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 0 0 3px #ecb7c5 inset, 0px 0px 0px 4px #fff inset;
          box-shadow: 0 0 0 3px #ecb7c5 inset, 0px 0px 0px 4px #fff inset;
  height: 70px;
  width: 208px;
}

.m-writerCard:not(.writerCard-pickup)::before {
  content: "";
  display: block;
  background: url(/template/default/img/bg-top-writercard_upper.png) top center no-repeat;
  background-size: 200.5px 16.5px;
  margin: auto;
  height: 16.5px;
  width: 200.5px;
  position: absolute;
  left: 0;
  right: 0;
  top: 4px;
}

.m-writerCard:not(.writerCard-pickup)::after {
  content: "";
  display: block;
  background: url(/template/default/img/bg-top-writercard_lower.png) top center no-repeat;
  background-size: 200.5px 16.5px;
  margin: auto;
  height: 16.5px;
  width: 200.5px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4px;
}

.m-writerCard.writerCard-pickup {
  display: block;
  margin: auto;
  height: 150px;
  width: 214px;
}

.m-writerCard.writerCard-pickup::before {
  content: "";
  border-left: #c4346c 2px solid;
  border-right: #c4346c 2px solid;
  display: block;
  height: 138px;
  width: 226px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.m-writerCard.writerCard-pickup .writerCard__tit {
  margin: 0 auto;
}

.m-writerCard.writerCard-novel {
  padding: 10px;
}

.m-writerCard.writerCard-comic .writerCard__tit {
  font-size: 1.6rem;
  padding-top: 6px;
}

.m-writerCard .writerCard__cap {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #540a00;
  border-radius: 50px;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  height: 50px;
  width: 50px;
}

.m-writerCard .writerCard__tit {
  color: #480000;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}

.m-writerCard .writerCard__tit__spell {
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
  padding-top: 2px;
  text-align: center;
}

.m-writerCard .writerCard__desc {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  color: #480000;
  font-size: 1.3rem;
  line-height: 1.4;
  padding: 10px 10px 0 10px;
  position: relative;
}

.m-writerCard .writerCard__desc::before {
  content: "";
  background: url(/template/default/img/bg-top-writercard__desc.png) top center no-repeat;
  background-size: 189px 11px;
  display: block;
  margin: auto;
  height: 11px;
  width: 189px;
  position: absolute;
  left: 0;
  right: 0;
  top: -11px;
}

.m-writerCard .writerCard__desc .writerCard__thum {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 123px;
  width: 214px;
}

.m-writerCard .writerCard__desc .writerCard__thum__img {
  height: auto;
  width: auto;
  max-height: 123px;
  max-width: 214px;
}

.m-newArvl .newArvl__tit {
  color: #ab792c;
  font-size: 1.7rem;
  font-weight: bold;
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.m-newArvl .newArvl-list__tit {
  color: #ab792c;
  font-size: 1.5rem;
  font-weight: bold;
  width: 160px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

@media screen\0 {
  .m-newArvl .newArvl-list__tit {
    letter-spacing: -1px;
  }
}

.m-newArvl .newArvl-list__link {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  color: #531000;
  font-size: 1.3rem;
  text-decoration: underline;
  padding-left: 6px;
  position: relative;
}

.m-newArvl .newArvl-list__link::before {
  content: "";
  display: block;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent #531100;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
}

.m-newArvl .newArvl-list__pict {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  color: #fff;
  border-radius: 15px;
  font-size: 1.1rem;
  margin-left: 6px;
  padding: 2px 6px 0 6px;
  height: 15px;
}

.m-newArvl .newArvl-list__pict.pict-sale {
  background-color: #dd6188;
}

.m-newArvl .newArvl-list__pict.pict-reserve {
  background-color: #e491a5;
}

/* -------------------------------------------
  responsive_style
   -画面の横幅が768pxまで-
------------------------------------------- */
@media screen and (max-width: 980px) {
  .m-section {
    padding: 28px 0;
  }
  .m-section.section-new::before {
    background-size: 26.5vw 20vw;
    height: 20vw;
    width: 26.5vw;
    left: 4vw;
    top: 4vw;
  }
  .m-section .section__heading__img.heading-new {
    width: 34vw;
    max-width: 155.5px;
  }
  .m-section .section__heading__img.heading-new-novel {
    width: 49.5vw;
    max-width: 226px;
  }
  .m-section .section__heading__img.heading-new-comic {
    width: 49.5vw;
    max-width: 226px;
  }
  .m-section .section__heading__img.heading-rcmd {
    width: 47.5vw;
    max-width: 217.5px;
  }
  .m-section .section__heading__img.heading-rcmd-novel {
    width: 49.5vw;
    max-width: 226px;
  }
  .m-section .section__heading__img.heading-rcmd-comic {
    width: 49.5vw;
    max-width: 226px;
  }
  .m-section .arrows__prev {
    background-color: inherit;
    border-radius: 2px;
    cursor: pointer;
    height: 16vw;
    width: 8vw;
    position: absolute;
    left: 0;
    top: 30vw;
  }
  .m-section .arrows__next {
    background-color: inherit;
    border-radius: 2px;
    cursor: pointer;
    height: 16vw;
    width: 8vw;
    position: absolute;
    right: 0;
    top: 30vw;
  }
  .m-section .arrows__prev__icon {
    background-position: -2px -55px;
  }
  .m-section .arrows__next__icon {
    background-position: -2px -81.5px;
  }
  .m-bookCard {
    width: 36vw;
  }
  .m-bookCard .bookCard__date {
    background-size: 36vw 5vw;
    height: 5vw;
    width: 36vw;
  }
  .m-bookCard .bookCard__thum {
    margin-top: 8px;
    height: 56vw;
    width: 36vw;
  }
  .m-bookCard .bookCard__thum.bookCard-comic {
    height: 50vw;
  }
  .m-bookCard .bookCard__thum__img {
    max-height: calc(56vw - 8px);
    max-width: calc(36vw - 8px);
  }
  .m-writerCard:not(.writerCard-pickup) {
    height: 14vw;
    width: 42vw;
  }
  .m-writerCard:not(.writerCard-pickup)::before {
    background-size: 40vw 3vw;
    height: 3vw;
    width: 40vw;
  }
  .m-writerCard:not(.writerCard-pickup)::after {
    background-size: 40vw 3vw;
    height: 3vw;
    width: 40vw;
  }
  .m-writerCard .writerCard__cap {
    font-size: 1.1rem;
    border-radius: 48px;
    height: 48px;
    width: 48px;
    white-space: nowrap;
  }
  .m-writerCard .writerCard__tit {
    font-size: 1.6rem;
    white-space: nowrap;
  }
  .m-writerCard:not(.writerCard-pickup) .writerCard__tit {
    font-size: 1.4rem;
  }
  .m-writerCard:not(.writerCard-pickup) .writerCard__tit__spell {
    font-size: 1.0rem;
  }
  .m-newArvl {
    /*.newArvl-list__link {
      font-size: 1.2rem;
    }
    .newArvl-list__pict {
      border-radius: 13px;
      font-size: 1.0rem;
      margin-left: 4px;
      padding: 1.5px 5px 0 5px;
      height: 13px;
    }*/
  }
  .m-newArvl .newArvl__tit {
    font-size: 1.5rem;
  }
  .m-newArvl .newArvl-list__tit {
    width: 100%;
  }
}

/* -------------------------------------------
  top-themeSch
------------------------------------------- */
.m-themeSch {
  background-color: #e7e4e2;
  padding: 15px 17px;
  width: 1024px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.m-themeSch .themeSch__heading__img {
  width: 411px;
}

.m-themeList {
  position: relative;
}

.m-themeList .themeList__item {
  border-bottom: #a88266 1px dashed;
  display: block;
  padding-bottom: 2px;
  text-align: center;
  width: 142px;
}

.m-themeList .themeList__item__text {
  font-size: 1.7rem;
}

.m-themeList::before {
  content: "";
  display: block;
  background: url(/template/default/img//bg-top-themelist.png) right top no-repeat;
  background-size: 96.5px 91.5px;
  margin: auto;
  height: 91.5px;
  width: 96.5px;
  position: absolute;
  right: 58px;
  top: -50px;
}

.m-themePick {
  width: 227px;
}

.m-themePick .themePick__tit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #a88266;
  color: #fff;
  font-size: 2.1rem;
  height: 35px;
  width: 227px;
}

.m-themePick .themePick__desc {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-size: 1.3rem;
  line-height: 1.6;
  padding: 12px 0 0 4px;
}

.m-themePick .themePick__link {
  display: inline-block;
}

.m-themePick .themePick__link__img {
  width: 60px;
}

/* -------------------------------------------
  responsive_style
   -画面の横幅が768pxまで-
------------------------------------------- */
@media screen and (max-width: 980px) {
  .m-themeSch {
    padding: 10px;
  }
  .m-themeSch .themeSch__heading__img {
    margin: 0 auto;
    width: 80vw;
  }
  .m-themeList::before {
    content: none;
  }
  .m-themeList .themeList__item {
    width: 32vw;
  }
  .m-themeList .themeList__item__text {
    font-size: 1.4rem;
  }
  .m-themePick {
    padding: 0 40px;
    width: 100%;
  }
  .m-themePick .themePick__tit {
    font-size: 1.6rem;
    padding: 8px 0 6px 0;
    height: auto;
    width: 100%;
  }
  .m-themePick .themePick__desc {
    font-size: 1.2rem;
  }
}

/* -------------------------------------------
  top-writerSch
------------------------------------------- */
.m-writerSch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.m-writerSch .writerSch__tit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #dd6188;
  height: 29px;
  width: 149px;
}

.m-writerSch .writerSch__tit__img {
  margin-left: -1rem;
}

.m-writerSch .writerSch__tit__img.writerSch-writer {
  width: 98.5px;
}

.m-writerSch .writerSch__tit__img.writerSch-comic {
  width: 114px;
}

.m-writerSch .writerSch__btn {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #dd6188;
  color: #fff;
  cursor: pointer;
  font-size: 1.4rem;
  height: 29px;
  width: 60px;
}

.m-writerSch-frame {
  background-color: #fff;
  border: #dd6188 1px solid;
  padding: 10px 0;
  height: 90px;
  width: 214px;
  overflow: auto;
}

.m-writerSch-frame .writerSch__itemTit {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-size: 1.3rem;
  font-weight: bold;
  padding: 0 15px 5px 15px;
}

.m-writerSch-frame .writerSch__item {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  display: block;
  font-size: 1.3rem;
  padding: 4px 5px 2px 15px;
}

.m-writerSch-frame .writerSch__item:hover {
  background-color: #fff2f6;
}

.m-writerSch-select .writerSch__schSelect {
  background-color: #fff;
  border: #dd6188 1px solid;
  height: 29px;
  width: 400px;
  overflow: hidden;
  position: relative;
}

.m-writerSch-select .writerSch__schSelect::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: #dd6188 transparent transparent transparent;
  margin: auto;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  right: 10px;
  top: 0;
}

.m-writerSch-select .writerSch__schSelect__select {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  border: none;
  background: none;
  cursor: pointer;
  font-size: 1.3rem;
  padding-left: 15px;
  height: 29px;
  width: 100%;
}

@media screen and (max-width: 980px) {
  div::-webkit-scrollbar {
    height: 2px;
  }
}

div::-webkit-scrollbar {
  background-color: #fff2f6;
  border-left: #dd6188 1px solid;
  width: 15px;
}

div::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-bottom: #dd6188 1px solid;
  border-left: #dd6188 1px solid;
  border-top: #dd6188 1px solid;
}

/* -------------------------------------------
  responsive_style
   -画面の横幅が768pxまで-
------------------------------------------- */
@media screen and (max-width: 980px) {
  .m-writerSch {
    margin-top: 15px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .m-writerSch .writerSch__tit {
    width: 29vw;
  }
  .m-writerSch .writerSch__tit__img.writerSch-writer {
    width: 21.5vw;
  }
  .m-writerSch .writerSch__tit__img.writerSch-comic {
    width: 25vw;
  }
  .m-writerSch .writerSch__btn {
    font-size: 1.3rem;
    width: 12vw;
  }
  .m-writerSch-frame {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    height: 35vw;
    width: 67%;
  }
  .m-writerSch-frame .writerSch__itemTit {
    font-size: 1.2rem;
    padding-bottom: 7px;
  }
  .m-writerSch-frame .writerSch__item {
    font-size: 1.2rem;
    padding: 9px 5px 7px 15px;
  }
  .m-writerSch-select .writerSch__schSelect {
    width: 47vw;
  }
  .m-writerSch-select .writerSch__schSelect__select {
    font-size: 1.2rem;
    padding-left: 10px;
  }
}

/* -------------------------------------------
  top-bookSch
------------------------------------------- */
.l-bookSch {
  margin-top: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.l-bookSch .l-bookSch-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.l-bookSch .l-bookSch-form-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.l-bookSch .l-bookSch-form-item {
  margin-left: 5px;
}

.l-bookSch .l-bookSch-form-item.item-schSelect {
  margin-left: 0;
}

.l-bookSch .l-bookSch-keyword {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 415px;
}

.l-bookSch .l-bookSch-keyword-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -8px;
}

.l-bookSch .l-bookSch-keyword-item {
  margin-left: 20px;
}

/* -------------------------------------------
  responsive_style
   -画面の横幅が768pxまで-
------------------------------------------- */
@media screen and (max-width: 980px) {
  .l-bookSch {
    margin-top: 25px;
    padding: 0 15px;
  }
  .l-bookSch .l-bookSch-inner {
    display: block;
  }
  .l-bookSch .l-bookSch-keyword {
    margin-top: 15px;
    width: 100%;
  }
  .l-bookSch .l-bookSch-form {
    display: block;
  }
  .l-bookSch .l-bookSch-form-item:first-child {
    margin-left: 0;
    width: 100%;
  }
  .l-bookSch .l-bookSch-form-item.item-schBtn {
    text-align: center;
  }
  .l-bookSch .l-bookSch-keyword-item {
    margin-left: 4vw;
    white-space: nowrap;
  }
}

.l-base_button.l-base_button--multiple_center {
  margin-top: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.l-base_button.l-base_button--multiple_center > li {
  margin-left: 30px;
}

.l-base_button.l-base_button--multiple_center > li:first-child {
  margin-left: 0;
}

.l-base_button.l-base_button--multiple_between {
  margin-top: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.l-base_button.l-base_button--multiple_vertical {
  margin-top: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.l-base_button.l-base_button--multiple_vertical .l-base_button-list > li {
  margin-top: 40px;
}

.l-base_button.l-base_button--multiple_vertical .l-base_button-list > li:first-child {
  margin-top: 0;
}

.l-base_button.l-base_button--multiple_vertical_full {
  margin-top: 40px;
}

.l-base_button.l-base_button--multiple_vertical_full .l-base_button-list > li {
  margin-top: 20px;
}

.l-base_button.l-base_button--multiple_vertical_full .l-base_button-list > li:first-child {
  margin-top: 0;
}

@media screen and (max-width: 980px) {
  .l-base_button {
    padding: 0 10px;
  }
  .l-base_button.l-base_button--multiple_center {
    width: 100%;
    margin-top: 30px;
  }
  .l-base_button.l-base_button--multiple_center > li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 10px;
  }
}

.l-cassette_card {
  width: 982px;
  min-width: 982px;
  margin: 0 auto;
}

.l-cassette_card .l-cassette_card-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: -20px;
  margin-left: -20px;
}

.l-cassette_card .l-cassette_card-inner > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 314px;
  margin-top: 20px;
  margin-left: 20px;
}

@media screen and (max-width: 980px) {
  .l-cassette_card {
    width: 100%;
    min-width: 100%;
    padding: 0 10px;
  }
  .l-cassette_card .l-cassette_card-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-top: -10px;
    margin-left: -10px;
    padding: 01px;
  }
  .l-cassette_card .l-cassette_card-inner > li {
    width: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 calc(50% - 10px);
        -ms-flex: 0 1 calc(50% - 10px);
            flex: 0 1 calc(50% - 10px);
    margin-left: 10px;
    margin-top: 10px;
  }
}

/* -------------------------------------------
  top-hero
------------------------------------------- */
.l-hero {
  margin: 0 auto;
  width: 1024px;
}

.l-hero .l-hero-dots {
  text-align: center;
}

.l-hero .l-hero-dots-inner {
  display: inline-block;
}

.l-hero .l-hero-pickLink {
  margin-left: auto;
  margin-top: -20px;
  width: 366px;
}

/* -------------------------------------------
  responsive_style
   -画面の横幅が768pxまで-
------------------------------------------- */
@media screen and (max-width: 980px) {
  .l-hero .l-hero-pickLink {
    margin: 10px auto 0 auto;
    width: 100%;
  }
}

.l-pagenation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px auto 0 auto;
  padding-bottom: 10px;
  width: 1024px;
}

.l-pagenation.l-pagenation--my {
  width: auto;
}

.l-pagenation > li {
  margin-left: 7px;
}

.l-pagenation > li:first-child {
  margin-left: 0;
}

@media screen and (max-width: 980px) {
  .l-pagenation {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 10px;
  }
  .l-pagenation.l-pagenation--page, .l-pagenation.l-pagenation--my {
    width: 100%;
    padding: 10px;
  }
  .l-pagenation.l-pagenation--page > li, .l-pagenation.l-pagenation--my > li {
    margin-left: 5px;
  }
  .l-pagenation.l-pagenation--page > li:first-child, .l-pagenation.l-pagenation--my > li:first-child {
    margin-left: 0;
  }
}

/* -------------------------------------------
  mr_harle
------------------------------------------- */
.l-mr_harle_link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 35px;
}

.l-mr_harle_link .mr_harle {
  width: 700px;
  height: auto;
}

.l-news {
  margin-top: 28px;
  margin: 28px auto 0 auto;
  width: 800px;
}

@media screen and (max-width: 980px) {
  .l-news {
    margin-top: 15px;
    width: 90%;
  }
}

.l-news_cassette {
  border-top: 1px dotted #666;
}

.l-news_cassette > li {
  border-bottom: 1px dotted #666;
}

/* -------------------------------------------
  top-section
------------------------------------------- */
.l-section {
  max-width: 1024px;
  margin: 35px auto 0 auto;
}

.l-section .l-section-blc {
  margin-top: 35px;
}

.l-section .l-section-bookList-wrp {
  margin: 38px auto 0 auto;
  width: 872px;
  position: relative;
}

.l-section .l-section-bookList-inner {
  overflow: hidden;
}

.l-section .l-section-bookList {
  width: 920px;
}

.l-section .l-section-writerList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 33px;
  padding-left: 40px;
}

.l-section .l-writerList-pickup {
  margin-right: 20px;
  position: relative;
  height: 162px;
  width: 226px;
}

.l-section .l-writerList-pickup::before {
  content: "";
  display: block;
  background: url(/template/default/img//bg-top-writercard-pickup_upper.png) top center no-repeat;
  background-size: 226px 14px;
  margin: auto;
  height: 14px;
  width: 226px;
  position: absolute;
  left: 0;
  right: 0;
  top: -6px;
  z-index: 1;
}

.l-section .l-writerList-pickup::after {
  content: "";
  display: block;
  background: url(/template/default/img//bg-top-writercard-pickup_lower.png) top center no-repeat;
  background-size: 226px 14px;
  margin: auto;
  height: 14px;
  width: 226px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 6px;
  z-index: 1;
}

.l-section .l-writerList-pickup .l-writerCard-tit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 18px;
}

.l-section .l-writerList-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: -6px;
  padding-bottom: 6px;
  width: 664px;
}

.l-section .l-writerList-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 70px;
  width: 208px;
  position: relative;
}

.l-newArvl {
  margin-top: 30px;
  padding: 0 76px;
}

.l-newArvl .l-newArvl-tit {
  border-bottom: #d0b487 1px solid;
  padding-bottom: 8px;
}

.l-newArvl .l-newArvl-list {
  border-bottom: #d0b487 1px dotted;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 17px;
  padding-bottom: 17px;
}

.l-newArvl .l-newArvl-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.l-newArvl .l-newArvl-item:not(:first-child) {
  margin-left: 20px;
}

/* -------------------------------------------
  responsive_style
   -画面の横幅が768pxまで-
------------------------------------------- */
@media screen and (max-width: 980px) {
  .l-section {
    margin-top: 25px;
    width: auto;
  }
  .l-section .l-section-blc {
    margin-top: 25px;
  }
  .l-section .l-section-bookList-wrp {
    margin-top: 8px;
    padding: 0 9vw;
    width: 100%;
  }
  .l-section .l-section-bookList {
    width: calc(100% + 9vw);
  }
  .l-section .l-section-bookList-item {
    margin-top: 20px;
  }
  .l-section .l-section-writerList {
    display: block;
    margin-top: 28px;
    padding-left: 0;
    padding: 0 6vw;
    width: 100%;
  }
  .l-section .l-writerList-pickup {
    margin: 0 auto;
  }
  .l-section .l-writerList-list {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%;
  }
  .l-section .l-writerList-item {
    margin-top: 15px;
    height: 14vw;
    width: 42vw;
  }
  .l-newArvl {
    margin-top: 15px;
    padding: 0 20px;
  }
  .l-newArvl .l-newArvl-tit {
    padding-bottom: 5px;
  }
  .l-newArvl .l-newArvl-list {
    -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
            flex-flow: wrap;
  }
  .l-newArvl .l-newArvl-item {
    margin-top: 13px;
    width: 50%;
  }
  .l-newArvl .l-newArvl-item:not(:first-child) {
    margin-left: 0;
  }
}

/* -------------------------------------------
  top-themeSch
------------------------------------------- */
.l-themeSch {
  margin-top: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.l-themeSch .l-themeSch-inner {
  border: #a88266 2px solid;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  outline: #a88266 1px solid;
  outline-offset: -5px;
  padding: 30px 42px 24px 42px;
  position: relative;
}

.l-themeSch .l-themeSch-inner::before {
  content: "";
  display: block;
  background: url(/template/default/img//bg-top-themesch_upper.png) center top no-repeat;
  background-size: 1009px 24px;
  margin: auto;
  height: 24px;
  width: 1009px;
  position: absolute;
  left: 50%;
  top: -10px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.l-themeSch .l-themeSch-inner::after {
  content: "";
  display: block;
  background: url(/template/default/img//bg-top-themesch_lower.png) center top no-repeat;
  background-size: 1009px 24px;
  margin: auto;
  height: 24px;
  width: 1009px;
  position: absolute;
  left: 50%;
  bottom: -11px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.l-themeList {
  margin-top: 13px;
}

.l-themeList .l-themeList-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 478px;
}

.l-themeList .l-themeList-list.themeList-bottom {
  width: 646px;
}

.l-themeList .l-themeList-item {
  margin-top: 15px;
}

.l-themePick .l-themePick-link {
  margin-top: 10px;
  text-align: right;
}

/* -------------------------------------------
  responsive_style
   -画面の横幅が768pxまで-
------------------------------------------- */
@media screen and (max-width: 980px) {
  .l-themeSch .l-themeSch-inner {
    display: block;
    padding: 20px;
  }
  .l-themeSch .l-themeSch-inner::before {
    content: none;
  }
  .l-themeSch .l-themeSch-inner::after {
    content: none;
  }
  .l-themeList {
    margin-top: 5px;
  }
  .l-themeList .l-themeList-list {
    padding: 0 20px;
    width: 100%;
  }
  .l-themeList .l-themeList-list.themeList-bottom {
    width: 100%;
  }
  .l-themePick {
    margin-top: 30px;
  }
}

/* -------------------------------------------
  top-writerSch
------------------------------------------- */
.l-writerSch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 25px;
  padding-bottom: 20px;
}

.l-writerSch.writerSch-comic {
  padding-bottom: 0;
}

.l-writerSch .l-writerSch-list:not(:first-child) {
  margin-top: 10px;
}

.l-writerSch .l-writerSch-item {
  padding: 2px 0;
}

/* -------------------------------------------
  responsive_style
   -画面の横幅が768pxまで-
------------------------------------------- */
@media screen and (max-width: 980px) {
  .l-writerSch {
    display: block;
    margin-top: 10px;
    padding: 0 6vw 10px 6vw;
  }
}

.l-merit_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.l-merit_list > li {
  margin-left: 20px;
}

.l-merit_list > li:first-child {
  margin-left: 0;
}

@media screen and (max-width: 980px) {
  .l-merit_list {
    display: inherit;
    padding: 0 20px;
  }
  .l-merit_list > li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 0;
    margin-top: 20px;
  }
  .l-merit_list > li:first-child {
    margin-top: 0;
  }
}

.l-subscription_merit {
  margin-top: 30px;
}

.l-subscription_course {
  margin-top: 50px;
}

.l-course_card {
  /*width: 964px;*/
}

.l-course_card .l-course_card-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: -20px;
}

.l-course_card .l-course_card-inner > li {
  width: 308px;
  margin: 20px 10px 0 10px;
}

.l-course_card.l-course_card--single {
  margin-top: 20px;
}

.l-course_card.l-course_card--single .l-course_card-inner {
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.l-course_card.l-course_card--single .l-course_card-inner > li {
  margin: 0;
}

@media screen and (max-width: 980px) {
  .l-course_card {
    margin-left: 0;
    width: 100%;
  }
  .l-course_card .l-course_card-inner {
    display: inherit;
    margin-top: -10px;
    margin-left: 0;
    padding: 0;
    width: auto;
  }
  .l-course_card .l-course_card-inner > li {
    width: 290px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (max-width: 980px) {
  .l-course {
    margin-top: 20px;
  }
}

.l-guide {
  margin-top: 30px;
}

.l-guide_section {
  margin-top: 30px;
}

@media screen and (max-width: 980px) {
  .l-guide_section {
    margin-top: 20px;
  }
}

.l-subscription_action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -15px;
}

.l-subscription_action > li {
  margin-left: 15px;
}

@media screen and (max-width: 980px) {
  .l-subscription_action {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-left: -10px;
  }
  .l-subscription_action > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 calc(50% - 10px);
        -ms-flex: 0 1 calc(50% - 10px);
            flex: 0 1 calc(50% - 10px);
  }
  .l-subscription_action > li:nth-child(n + 3) {
    margin-top: 5px;
  }
}

.l-course_tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.l-course_tab > li {
  margin-left: 1px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media screen and (max-width: 980px) {
  .l-course_tab {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .l-course_tab > li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 calc(50% - 1px);
        -ms-flex: 0 1 calc(50% - 1px);
            flex: 0 1 calc(50% - 1px);
  }
  .l-course_tab > li:nth-child(n + 3) {
    margin-top: 1px;
  }
}

.l-step > li {
  margin-top: 15px;
}

.l-step > li:first-child {
  margin-top: 0;
}

.l-step > li:after {
  content: "";
  background: url(/template/default/img/hlqn_corse_frow_arrow@2x.png) no-repeat;
  display: inline-block;
  background-size: 100%;
  width: 22px;
  height: 22px;
  position: relative;
  left: 11px;
  margin-top: 11px;
}

.l-step > li:last-child:after {
  display: none;
}

.l-schedule .l-schedule-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.l-schedule .l-schedule-list > li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  border: 1px solid #D5D5D5;
}

.l-schedule .l-schedule-list > li:first-child {
  border-right: none;
}

.l-schedule .l-schedule-list:nth-child(n + 2) {
  margin-top: 10px;
}

.routine,
.routine_course_detail {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

.section_h1 .section_h1-header {
  background-color: #FDE0E2;
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.section_h1 .section_h1-header .section_h1-header-title {
  font-size: 20px;
  color: #393939;
  font-weight: bold;
  width: 1024px;
  margin: 0 auto;
}

.section_h1 .section_h1-body {
  width: 1024px;
  margin: 20px auto 0 auto;
}

@media screen and (max-width: 980px) {
  .section_h1 .section_h1-header .section_h1-header-title {
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
  }
  .section_h1 .section_h1-body {
    width: 100%;
  }
}

.merit .merit-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.merit .merit-header .merit-header-title {
  background-color: #DD6188;
  width: 467PX;
  height: 62px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 28px;
  font-weight: bold;
  color: #FFFFFF;
}

.merit .merit-body {
  margin-top: 30px;
}

.merit .merit-body .merit-body-text {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.merit .merit-body .merit-body-list {
  margin-top: 30px;
  padding-top: 30px;
}

@media screen and (max-width: 980px) {
  .merit {
    padding: 0 10px;
  }
  .merit .merit-header .merit-header-title {
    font-size: 16px;
    height: 40px;
  }
  .merit .merit-body {
    margin-top: 10px;
  }
  .merit .merit-body .merit-body-text {
    font-size: 12px;
  }
  .merit .merit-body .merit-body-list {
    padding: 0;
  }
}

.merit_list {
  width: 230px;
  height: 186px;
  border: 1px solid #DD6188;
  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-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  position: relative;
  padding: 35px 15px 10px 15px;
}

.merit_list .merit_list-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  border-radius: 50%;
  background-color: #DD6188;
  width: 68px;
  height: 68px;
  position: absolute;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  top: -25px;
  left: 50%;
}

.merit_list .merit_list-header .merit_list-header-text {
  font-size: 12px;
}

.merit_list .merit_list-header .merit_list-title-number {
  font-size: 28px;
  margin-top: 3px;
}

.merit_list .merit_list-header .merit_list--number {
  font-size: 18px;
  margin-top: 3px;
}

.merit_list .merit_list-title {
  line-height: 1.2;
  font-size: 24px;
  font-weight: bold;
  color: #DD6188;
  padding-top: 20px;
  text-align: center;
}

.merit_list .merit_list-text {
  margin-top: 10px;
  line-height: 1.5;
  text-align: center;
}

@media screen and (max-width: 980px) {
  .merit_list {
    width: auto;
    height: auto;
    padding: 10px;
  }
  .merit_list .merit_list-header {
    width: 33px;
    height: 33px;
    top: -16px;
  }
  .merit_list .merit_list-header .merit_list-header-text {
    display: none;
  }
  .merit_list .merit_list-header br {
    display: none;
  }
  .merit_list .merit_list-title {
    font-size: 14px;
    padding-top: 14px;
  }
  .merit_list .merit_list-title br {
    display: none;
  }
  .merit_list .merit_list-text {
    line-height: 1.2;
    margin-top: 6px;
  }
  .merit_list .merit_list-header .merit_list-title-number {
    font-size: 15px;
  }
}

.course {
  width: 964px;
  margin: 0 auto;
  padding: 20px;
  margin-top: 20px;
  background-color: #FDE0E2;
}

@media screen and (max-width: 980px) {
  .course {
    width: 100%;
    padding: 20px 10px;
  }
  .course .course-note {
    padding: 0 10px;
  }
  .course .course-note .course-note-text {
    margin-top: 20px;
  }
}

.course-note {
  margin-top: 20px;
  line-height: 1.5;
  padding: 0 30px;
}

.course-note .course-note-text {
  margin-top: 30px;
}

.guide {
  width: 1024px;
  margin: 0 auto;
}

.guide .guide-header {
  font-size: 18px;
  font-weight: bold;
  color: #C4346C;
  border-bottom: 1px solid #C4346C;
  padding-bottom: 9px;
  text-align: center;
}

.guide .guide-body {
  margin-top: 30px;
}

.guide .guide-body .guide-body-read {
  font-size: 16px;
}

.guide .guide-body .guide-body-list {
  margin-top: 20px;
}

.guide .guide-body .guide-body-list > li {
  margin-top: 8px;
  line-height: 1.6;
}

.guide .guide-body .guide-body-list > li:first-child {
  margin-top: 0;
}

@media screen and (max-width: 980px) {
  .guide {
    width: 100%;
    padding: 0 10px;
  }
  .guide .guide-body {
    margin-top: 20px;
  }
  .guide .guide-body .guide-body-read {
    font-size: 14px;
    line-height: 1.3;
  }
}

.guide_section .guide_section-header {
  font-weight: bold;
  font-size: 16px;
  color: #C4346C;
}

.guide_section .guide_section-header .guide_section-header-caution {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.guide_section .guide_section-header .guide_section-header-caution:before {
  content: "";
  background-image: url(/template/default/img/sprite/sprite-subscription_icon.png);
  background-position: -127px 0px;
  width: 23px;
  height: 23px;
  background-size: 150px 127px;
  display: inline-block;
  margin-right: 5px;
}

.guide_section .guide_section-body {
  margin-top: 20px;
}

.guide_section .guide_section-body .guide_section-body-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 25px;
}

.guide_section .guide_section-body .guide_section-body-list {
  margin-top: 20px;
}

.guide_section .guide_section-body .guide_section-body-list > li {
  margin-top: 8px;
  line-height: 1.5;
}

.guide_section .guide_section-body .guide_section-body-list > li:first-child {
  margin-top: 0;
}

.guide_section .guide_section-body .guide_section-body-cash {
  margin-top: 20px;
}

.guide_section .guide_section-body .guide_section-body-profile {
  margin-top: 50px;
}

.guide_section .guide_section-body .guide_section-body-action {
  margin-top: 50px;
}

@media screen and (max-width: 980px) {
  .guide_section .guide_section-body {
    margin-top: 15px;
  }
  .guide_section .guide_section-body .guide_section-body-info {
    margin-top: 15px;
  }
  .guide_section .guide_section-body .guide_section-body-list {
    margin-top: 15px;
  }
  .guide_section .guide_section-body .guide_section-body-list > li {
    margin-top: 5px;
  }
  .guide_section .guide_section-body .guide_section-body-action {
    margin-top: 30px;
  }
}

.guide_info {
  background-color: #FFF0F0;
  padding: 25px 30px;
  display: inline-block;
}

.guide_info .guide_info-text {
  line-height: 1.5;
}

@media screen and (max-width: 980px) {
  .guide_info {
    padding: 15px 20px;
  }
}

.cash_select .cash_select-text {
  line-height: 1.5;
}

.cash_select .cash_select-object {
  margin-top: 15px;
  text-align: center;
}

.cash_select .cash_select-object img {
  width: 100%;
  height: auto;
  max-width: 569px;
  display: inline-block;
}

.cash_select .cash_select-note {
  margin-top: 15px;
}

.shop_profile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.shop_profile .shop_profile-object {
  margin-right: 30px;
  width: 123px;
  height: 123px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #ADADAD;
}

.shop_profile .shop_profile-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.shop_profile .shop_profile-body .shop_profile-body-title {
  font-size: 18px;
  font-weight: bold;
}

.shop_profile .shop_profile-body .shop_profile-body-text {
  margin-top: 20px;
  line-height: 1.3;
  font-size: 16px;
}

.subscription_action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 31px;
  padding: 7px 15px 7px 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #DD6188;
  border-radius: 30px;
  font-size: 16px;
  position: relative;
}

.subscription_action:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 16px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #F04D86;
}

.subscription_action:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 22px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 10px;
  height: 8px;
  border: 4px solid transparent;
  border-left: 5px solid #FFFFFF;
}

@media screen and (max-width: 980px) {
  .subscription_action {
    font-size: 10px;
    line-height: 1.2;
    padding: 8px 15px 7px 30px;
    width: 100%;
    height: auto;
  }
  .subscription_action:before {
    top: 50%;
    left: 8px;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .subscription_action:after {
    top: 50%;
    left: 14px;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}

.subscription_course {
  padding: 40px 0;
  background-color: #FDE0E2;
}

.subscription_course .subscription_course-inner {
  width: 1024px;
  margin: 0 auto;
}

.subscription_course .subscription_course-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: -20px;
  margin-left: -20px;
}

.subscription_course .subscription_course-list_item {
  margin-top: 20px;
  margin-left: 20px;
}

.subscription_course .subscription_course-note {
  margin-top: 25px;
}

.subscription_course .subscription_course-read {
  font-size: 16px;
  line-height: 1.5;
}

.subscription_course .subscription_course-read:last-child {
  margin-top: 16px;
}

.subscription_course .subscription_course-read_link {
  display: inline-block;
  color: #DD6188;
  text-decoration: underline;
}

.course_card {
  border-radius: 10px;
  width: 100%;
  border: 2px solid #DD6188;
  padding: 8px;
  position: relative;
  display: inline-block;
  background-color: #FFFFFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}

.course_card:before {
  content: "";
  border-radius: 10px;
  display: inline-block;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  border: 1px solid #DD6188;
  position: absolute;
  top: 8px;
  left: 8px;
}

.course_card .course_card-header {
  background-color: #DD6188;
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFFFFF;
  font-weight: bold;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  padding: 15px 5px;
}

.course_card .course_card-header .course_card-header-title {
  font-size: 22px;
}

.course_card .course_card-header .course_card-header-sub {
  font-size: 16px;
  margin-top: 10px;
}

.course_card .course_card-header .course_cad-header-emphasis {
  font-size: 22px;
}

.course_card .course_card-body {
  padding: 10px;
}

.course_card .course_card-body .course_card-body-object {
  text-align: center;
}

.course_card .course_card-body .course_card-body-object img {
  width: 100%;
  height: auto;
  max-width: 179px;
  display: inline-block;
}

.course_card .course_card-body .course_card-body-text {
  margin-top: 20px;
  font-size: 14px;
  color: #DD6188;
  padding-left: 26px;
  position: relative;
  line-height: 1.3;
}

.course_card .course_card-body .course_card-body-text:before {
  content: "";
  position: absolute;
  top: 0;
  left: 4px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #F04D86;
}

.course_card .course_card-body .course_card-body-text:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 10px;
  height: 8px;
  border: 4px solid transparent;
  border-left: 5px solid #FFFFFF;
}

.course_card.course_card--single {
  width: 605px;
}

@media screen and (max-width: 980px) {
  .course_card {
    width: 100%;
  }
  .course_card .course_card-body {
    text-align: center;
  }
  .course_card .course_card-body .course_card-body-text {
    display: inline-block;
  }
  .course_card.course_card--single {
    width: 100%;
  }
}

.course_content .course_content-body {
  margin-top: 40px;
}

.course_content .course_content-footer {
  border-top: 1px solid #DD6188;
  margin-top: 42px;
  padding-top: 20px;
}

.course_content .course_content-footer .course_content-footer-action {
  margin-top: 50px;
}

@media screen and (max-width: 980px) {
  .course_content .course_content-body {
    margin-top: 30px;
  }
  .course_content .course_content-footer {
    padding: 20px 10px 0 10px;
  }
  .course_content .course_content-footer .course_content-footer-action {
    margin-top: 30px;
  }
}

.course_content_note .course_content_note-title {
  font-weight: bold;
  font-size: 16px;
  color: #C4346C;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.course_content_note .course_content_note-title:before {
  content: "";
  background: url(/template/default/img/hlqn_corse_coution@2x.png);
  display: inline-block;
  background-size: 100%;
  width: 23px;
  height: 23px;
  margin-right: 6px;
}

.course_content_note .course_content_note-list {
  margin-top: 20px;
}

.course_content_note .course_content_note-list > li {
  margin-top: 6px;
  line-height: 1.5;
}

.course_content_note .course_content_note-list > li:first-child {
  margin-top: 0;
}

.course_tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #FDE0E2;
  height: 60px;
}

.course_tab .course_tab-main {
  font-size: 16px;
  font-weight: bold;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, "MS PGothic", arial, helvetica, sans-serif;
  color: rgba(113, 113, 113, .66);
}

.course_tab .course_tab-sub {
  margin-top: 5px;
  font-size: 15px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: rgba(113, 113, 113, .66);
}

.course_tab.is-active {
  background-color: #DD6188;
}

.course_tab.is-active .course_tab-main {
  color: #FFFFFF;
}

.course_tab.is-active .course_tab-sub {
  color: #FFFFFF;
}

@media screen and (max-width: 980px) {
  .course_tab {
    padding: 10px;
    height: 44px;
  }
  .course_tab .course_tab-main {
    font-size: 14px;
  }
  .course_tab .course_tab-sub {
    font-size: 10px;
  }
}

.course_detail .course_detail-header .course_detail-header-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 28px;
  font-weight: bold;
  color: #DD6188;
}

.course_detail .course_detail-header .course_detail-header-title:before, .course_detail .course_detail-header .course_detail-header-title:after {
  content: "";
  display: block;
  height: 1px;
  background: #DD6188;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.course_detail .course_detail-header .course_detail-header-title:before {
  margin-right: .5em;
}

.course_detail .course_detail-header .course_detail-header-title:after {
  margin-left: .5em;
}

.course_detail .course_detail-header .course_detail-header-sub {
  color: #DD6188;
  font-size: 16px;
  text-align: center;
  margin-top: 10px;
}

.course_detail .course_detail-body {
  margin-top: 30px;
}

.course_detail_item {
  background-color: #FEEFEA;
  padding: 30px 100px;
}

.course_detail_item.course_detail-item--hqcr {
  background-color: #FAE9F9;
}

.course_detail_item .course_detail_item-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.course_detail_item .course_detail_item-action {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.course_detail_item .course_detail_item-action .course_detail_item-action-btn {
  margin-left: 20px;
}

.course_detail_item .course_detail_item-action .course_detail_item-action-btn:first-child {
  margin-left: 0;
}

@media screen and (max-width: 980px) {
  .course_detail_item {
    padding: 10px;
  }
  .course_detail_item .course_detail_item-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .course_detail_item .course_detail_item-action .course_detail_item-action-btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 10px;
  }
}

.setitem .setitem-header {
  color: #DD6188;
  font-size: 18px;
  margin-top: 10px;
}

.setitem .setitem-header .setitem-header-emphasis {
  font-weight: bold;
  font-size: 20px;
}

.setitem .setitem-main {
  margin-top: 20px;
}

.setitem .setitem-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}

.setitem .setitem-label > li {
  margin-left: 10px;
}

.setitem .setitem-label > li:first-child {
  margin-left: 0;
}

.setitem .setitem-label > li .setitem-label-item {
  display: inline-block;
  color: #FFFFFF;
  font-size: 14px;
  padding: 5px 12px;
  border-radius: 15px;
  background-color: #DD6188;
}

@media screen and (max-width: 980px) {
  .setitem .setitem-header {
    font-size: 16px;
  }
  .setitem .setitem-label > li .setitem-label-item {
    font-size: 12px;
  }
}

.corse_detail_note {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #FFFFFF;
  padding: 10px 20px;
  width: 366px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px;
  /*&:after {
		content: "";
		background: url(/template/default/img/hlqn_corse_illust.png) no-repeat;
		display: inline-block;
		background-size: 100%;
		width: calc(108px / 2);
		height: calc(206px / 2);
		margin-left: 20px;
	}*/
}

.corse_detail_note .corse_detail_note-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.5;
}

@media screen and (max-width: 980px) {
  .corse_detail_note {
    width: 100%;
    margin-top: 15px;
  }
}

.corse_select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.corse_select:before {
  content: "";
  background: url(/template/default/img/hlqn_corse_sell_arrow@2x.png) no-repeat;
  display: inline-block;
  background-size: 100%;
  width: 37px;
  height: 37px;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

.corse_select .corse_select-normal {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  margin-right: 30px;
}

.corse_select .corse_select-normal .corse_select-normal-header {
  font-size: 18px;
}

.corse_select .corse_select-normal .corse_select-normal-price {
  font-size: 18px;
  text-decoration: line-through;
  color: #F20001;
  margin-top: 10px;
}

.corse_select .corse_select-normal .corse_select-normal-price_item {
  color: #333333;
}

.corse_select .corse_select-regular {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
  margin-left: 30px;
}

.corse_select .corse_select-regular .corse_select-regular-header {
  font-size: 20px;
  color: #E21111;
}

.corse_select .corse_select-regular .corse_select-regular-text {
  margin-top: 10px;
  font-size: 20px;
  color: #E21111;
}

.corse_select .corse_select-regular .corse_select-regular-text .corse_select-regular-text_emphasis {
  font-weight: bold;
  font-size: 26px;
}

@media screen and (max-width: 980px) {
  .corse_select .corse_select-normal {
    margin-right: 10px;
  }
  .corse_select .corse_select-normal .corse_select-normal-header {
    font-size: 16px;
  }
  .corse_select .corse_select-normal .corse_select-normal-price {
    font-size: 16px;
  }
  .corse_select .corse_select-regular {
    margin-left: 10px;
  }
  .corse_select .corse_select-regular .corse_select-regular-header {
    font-size: 18px;
  }
  .corse_select .corse_select-regular .corse_select-regular-text {
    font-size: 18px;
  }
}

.grid-item {
  /* IE10+???? */
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  /* ??????????? */
  grid-column: 1 / 3;
}

.grid_course {
  display: -ms-grid;
  display: grid;
  grid-template-rows: auto auto auto 1fr 34px;
  -ms-grid-rows: auto auto auto 1fr 34px;
  grid-template-columns: 1fr 1fr;
  -ms-grid-colums: 1fr 1fr;
}

.grid_course .grid_course-header {
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
}

.grid_course .grid_course-schedule {
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column: 1;
  grid-column: 1;
  margin: 30px 36px 0 0;
}

.grid_course .grid_course-flow {
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column: 2;
  grid-column: 2;
  margin-top: 30px;
}

.grid_course .grid_course-lineup {
  -ms-grid-row: 3;
  grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
  padding-top: 11px;
  margin-top: 30px;
}

.grid_course .grid_course-action {
  -ms-grid-row: 4;
  grid-row: 4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

@media screen and (max-width: 980px) {
  .grid_course {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    padding: 0 10px;
  }
  .grid_course .grid_course-schedule {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 1;
    grid-column: 1;
    margin-right: 0;
  }
  .grid_course .grid_course-flow {
    -ms-grid-row: 3;
    grid-row: 3;
    -ms-grid-column: 1;
    grid-column: 1;
    margin-top: 30px;
  }
  .grid_course .grid_course-lineup {
    -ms-grid-row: 4;
    grid-row: 4;
    -ms-grid-column: 1;
    grid-column: 1;
    padding-top: 11px;
    margin-top: 30px;
  }
  .grid_course .grid_course-action {
    -ms-grid-row: 5;
    grid-row: 5;
    -ms-grid-column: 1;
    grid-column: 1;
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
  }
}

.course_cassette {
  width: 512px;
}

.course_cassette .course_cassette-header .course_cassette-header-title {
  color: #DD6188;
  font-weight: bold;
  font-size: 20px;
  border-bottom: 2px solid #DD6188;
  display: inline-block;
  padding-bottom: 5px;
}

.course_cassette .course_cassette-body {
  margin-top: 25px;
  text-align: center;
}

.course_cassette .course_cassette-body > img {
  max-width: 512px;
}

.course_cassette .course_cassette-note {
  margin-top: 20px;
}

@media screen and (max-width: 980px) {
  .course_cassette .course_cassette-header {
    text-align: center;
  }
  .course_cassette .course_cassette-header .course_cassette-header-title {
    display: block;
  }
}

.corse_detail_thum {
  text-align: center;
}

.step {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.step .step-header {
  color: #DD6188;
  font-size: 14px;
  font-weight: bold;
  margin-right: 25px;
  padding-top: 6px;
}

.step .step-header .step-header-emphasis {
  font-size: 16px;
}

.step .step-read {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.step .step-read .step-read-main {
  line-height: 1.2;
  font-size: 20px;
}

.step .step-read .step-read-main .step-read-main-emphasis {
  color: #E21111;
}

.step .step-read .step-read-sub {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.5;
}

@media screen and (max-width: 980px) {
  .step .step-header {
    padding-top: 3px;
  }
  .step .step-read .step-read-main {
    font-size: 18px;
  }
  .step .step-read .step-read-sub {
    margin-top: 3px;
    font-size: 11px;
  }
}

.schedule {
  width: 100%;
  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;
}

.schedule .schedule-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #DD6188;
  font-size: 11px;
  color: #FFFFFF;
  height: 25px;
  border-bottom: 1px solid #D5D5D5;
}

.schedule .schedule-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
}

.schedule .schedule-list > li {
  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;
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.schedule .schedule-list > li .schedule-list-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 26px;
  -webkit-box-sizing: border-gox;
          box-sizing: border-gox;
  justify-content: center;
  align-items: center;
  background-color: #FDE0E2;
  font-size: 11px;
  color: #333333;
  border-bottom: 1px solid #D5D5D5;
}

.schedule .schedule-list > li .schedule-list-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #FFFFFF;
  padding: 10px;
  height: 100%;
  min-height: 70px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px;
  line-height: 1.5;
}

.schedule .schedule-list > li .schedule-list-text > span {
  margin-top: 5px;
}

.schedule .schedule-list > li .schedule-list-text > span:first-child {
  margin-top: 0;
}

.schedule .schedule-list > li .schedule-list-text_emphasis {
  font-weight: bold;
}

.schedule .schedule-list > li:first-child .schedule-list-title {
  border-right: 1px solid #D5D5D5;
}

.schedule .schedule-list > li:first-child .schedule-list-text {
  border-right: 1px solid #D5D5D5;
}

@media screen and (max-width: 980px) {
  .schedule .schedule-list > li .schedule-list-text {
    padding: 5px;
  }
}

.linup {
  border: 1px dashed #A56C0F;
  padding: 30px 20px;
  position: relative;
}

.linup .linup-header {
  position: relative;
  display: inline-block;
  top: -33px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  padding: 0 10px;
  font-size: 20px;
  font-weight: bold;
  color: #A56C0F;
  background-color: #FFFFFF;
}

@media screen and (max-width: 980px) {
  .linup {
    padding: 20px 10px;
  }
}

.select_btn {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  color: #ffffff;
  padding: 4px;
}

.select_btn .select_btn-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.select_btn .select_btn-text:before {
  content: "";
  display: inline-block;
  background-image: url(/template/default/img/sprite/sprite-common_form.png);
  background-position: -65px -33px;
  width: 16px;
  height: 16px;
  background-size: 82px 66.5px;
  margin-right: 6px;
}

.select_btn .select_btn-text .select_btn-text-main {
  display: inline-block;
  font-weight: bold;
}

.select_btn .select_btn-text .select_btn-text-sub {
  color: #E21111;
  background-color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 10px;
  margin-top: 7px;
  display: inline-block;
}

.select_btn .select_btn-text .select_btn-text-sub.select_btn--postpay {
  color: #4267b2;
}

.select_btn .select_btn-text .select_btn-text-item {
  font-size: 1.4rem;
  padding: 5px 0;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
}

.select_btn:link, .select_btn:active, .select_btn:visited, .select_btn:hover {
  cursor: pointer;
}

.select_btn:hover {
  opacity: .8;
}

.select_btn.select_btn--cart {
  border-radius: 5px;
  background-color: #E21111;
  border-bottom: 2px solid #D01219;
  width: 300px;
  height: 85px;
  font-size: 17px;
}

.select_btn.select_btn--cart.select_btn--postpay {
  background-color: #4267b2;
  border-bottom: 2px solid #29487d;
}

.select_btn.select_btn--cart:before {
  content: none;
  display: inline-block;
  background-image: url(/template/default/img/sprite/sprite-common_form.png);
  background-position: 0px 0px;
  width: 29px;
  height: 20px;
  background-size: 82px 66.5px;
  margin-right: 5px;
  margin-left: -15px;
}

.select_btn.select_btn--cart .select_btn-text:before {
  display: none;
}

@media screen and (max-width: 980px) {
  .select_btn .select_btn-text .select_btn-text-select {
    display: none;
  }
  .select_btn .select_btn-text .select_btn-text-item {
    font-size: 12px;
  }
  .select_btn.select_btn--cart {
    width: 100%;
    height: auto;
    padding: 10px 5px;
    font-size: 12px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.course_list .course_detail-header-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 28px;
  font-weight: bold;
  color: #DD6188;
  width: 962px;
  margin: 50px auto 0 auto;
}

.course_list .course_detail-header-title:before, .course_list .course_detail-header-title:after {
  content: "";
  display: block;
  height: 1px;
  background: #DD6188;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.course_list .course_detail-header-title:before {
  margin-right: .5em;
}

.course_list .course_detail-header-title:after {
  margin-left: .5em;
}

@media screen and (max-width: 980px) {
  .course_list .course_detail-header-title {
    font-size: 2.0rem;
    width: 100%;
  }
}