@charset "UTF-8";
/*
 * _variables.css
 *
 */
/*
* reset.css
*
* Copyright 2015, softbankMobile
*
*/
body {
  -webkit-text-size-adjust: none;
  color: #333;
  line-height: 1.5em;
  width: 100%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  font-family: Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
  word-wrap: break-word;
}

table {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

q:before, q:after {
  content: "";
}

abbr, acronym {
  border: 0;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, th, td {
  font-size: 14px;
  line-height: 1.5;
}

.xSmallFont {
  font-size: 10px;
  line-height: 1.5;
}

.smallFont {
  font-size: 12px;
  line-height: 1.5;
}

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

.xLargeFont {
  font-size: 18px;
  line-height: 1.5;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  zoom: 1;
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
}

/*----header-----*/
header {
  border-bottom: 1px solid #4BCDED;
  background: #fff;
  z-index: 10;
  position: absolute;
  width: 100%;
}

header nav {
  width: auto;
  float: right;
  text-align: right;
}

header nav ul li {
  text-align: center;
  display: inline-block;
}

header nav ul li a {
  text-decoration: none;
  color: #333;
}

header nav ul li a div {
  font-size: 10px;
  display: block;
}

.max_pc_size {
  max-width: 1550px;
}

@media screen and (min-width: 1600px) {
  .mr_auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/*---- categorySelect -----*/
#categorySelect {
  background: #d9dde4;
  background-size: 4px auto;
  margin-bottom: 8px;
}

#categorySelect ul {
  width: 100%;
}

#categorySelect ul li {
  width: 50%;
  float: left;
  margin: 7px 0px;
}

#categorySelect ul li a {
  text-decoration: none;
  color: #333;
}

#categorySelect ul li a div {
  display: block;
  padding: 16px 0px;
  text-align: center;
  font-size: 16px;
  background: #FFF;
  border-radius: 2px;
  background-clip: padding-box;
  border: 2px solid #E3E3E3;
  margin: -1px;
  line-height: 1em;
  border-bottom: solid 4px #4BCDED;
}

/*---- myApplyBox -----*/
.firstAcess {
  text-align: center;
  margin: 10px 0px 10px;
}

/*---- firstNotice -----*/
.firstNotice {
  text-align: center;
  margin: 0px 0px 10px;
  margin-top: 20px;
}

/*---- myBookIndex ----*/
#myBookIndex {
  margin-bottom: 10px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1550px;
  position: relative;
}

#myBookIndex .myBookIndexTab,
#myBookIndex .myBookIndexTab2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  margin-bottom: 9px;
}

#myBookIndex .myBookIndexTab li,
#myBookIndex .myBookIndexTab2 li {
  -webkit-box-flex: 1;
  box-flex: 1;
  width: 1000px;
  background: url(../images/tab_border.png) no-repeat right center;
  background-size: 1px auto;
}

#myBookIndex .myBookIndexTab li:last-child,
#myBookIndex .myBookIndexTab2 li:last-child {
  background: none;
}

#myBookIndex .myBookIndexTab li a,
#myBookIndex .myBookIndexTab2 li a {
  text-decoration: none;
}

#myBookIndex .myBookIndexTab li div,
#myBookIndex .myBookIndexTab2 li div {
  display: block;
  font-size: 16px;
  line-height: 1em;
}

#myBookIndex .myBookIndexTab li a.select div,
#myBookIndex .myBookIndexTab2 li a.select div {
  border-bottom: 4px solid #4BCDED;
  color: #333;
}

#myBookIndex .myBookIndexTab li div img,
#myBookIndex .myBookIndexTab2 li div img {
  width: 14px;
  vertical-align: 0px;
  margin-right: 3px;
}

/*---- newsBannerSlide ----*/
#newsBannerSlide {
  background: #ffffff;
  padding-top: 10px;
  padding-bottom: 4px;
  margin-bottom: 20px;
}

#newsBannerSlide img.slick-f-img {
  max-width: 636px;
  width: 95%;
  margin: 0 auto;
  border: 1px solid #FFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*-------- contentTitle --------*/
.contentTitle {
  color: #000000;
}

/*---- bookSlide ----*/
.sll_btn {
  left: 1.5%;
}

.slr_btn {
  right: 1.5%;
}

.slBtn {
  background-color: #4BCDED;
  width: 30px;
  height: 55px;
  position: absolute;
  border-radius: 5px;
  cursor: pointer;
  z-index: 5;
}

.l_delta {
  position: relative;
  display: inline-block;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #fff transparent transparent;
  top: 18px;
  left: 9px;
}

.r_delta {
  position: relative;
  display: inline-block;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #fff;
  top: 18px;
  left: 11px;
}

/*---- newRelease ----*/
div.bookListWrap {
  overflow: hidden;
  overflow-x: scroll;
}

div.bookListWrap ul.bookList {
  display: -webkit-box;
  display: box;
  -webkit-transform: translate3d(0, 0, 0);
}

.bookListNoWrap {
  position: relative;
  min-height: 230px;
  overflow: hidden;
  margin: 5px auto;
  max-width: 1550px;
}

@media all and (-ms-high-contrast: none) {
  div.bookListNoWrap ul.bookList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.bookListNoWrap ul.bookList {
  display: -webkit-box;
  overflow: hidden;
}

ul.bookList li {
  margin-right: 15px;
  position: relative;
  margin-bottom: 13px;
}

ul.bookList li figure, ul.bookListSort li figure {
  display: table;
  width: 50px;
  margin: 0px;
  padding: 0px;
}

ul.bookList li figure a {
  text-decoration: none;
  display: block;
  position: relative;
  margin-bottom: 5px;
}

ul.bookList.more li figure a.bookText:after, .leavewraper a.bookText:after {
  content: "詳しく";
  background: url(../images/ico_arrow_gray_right.png) no-repeat right center;
  background-size: 6px auto;
  color: #999999;
  font-size: 13px;
  padding-right: 10px;
}

ul.bookList li figure a.bookText {
  margin-bottom: 0;
}

figure a.bookText {
  padding-bottom: 20px;
}

figure .bookText figcaption {
  display: none;
}

ul.bookList.more li figure a.bookText:after, .leavewraper a.bookText:after {
  content: "詳しく";
  position: absolute;
  right: 0;
  bottom: 0px;
  padding-right: 16px;
  text-decoration: none;
  color: #777777;
  background: url(../images/move-to-next.png) no-repeat right top;
  background-position: 48px 3px;
  background-size: 16px;
  font-size: 16px;
}

.leavewraper a.bookText:after {
  position: inherit;
  background-position: 48px 0px;
}

@media all and (-ms-high-contrast: none) {
  ul.bookList.more li figure a.bookText:after, .leavewraper a.bookText:after {
    background-position: 38px 2px;
  }
}
ul.bookList li figure .all:after {
  content: "全読";
  position: absolute;
  bottom: 0px;
  text-align: center;
  padding: 3px;
  background: #eb4938;
  font-size: 13px;
  color: #FFF;
  line-height: 1em;
  right: 1px;
  z-index: 5;
}

ul.bookList li figure .newMagazine:before {
  content: "新刊";
  background: rgb(255, 172, 13);
  position: absolute;
  bottom: 0;
  font-size: 13px;
  color: #FFF;
  text-align: center;
  padding: 3px;
  line-height: 1em;
  z-index: 5;
}

ul.bookList li figure .newComic:before {
  content: "新着";
  background: rgb(255, 172, 13);
  position: absolute;
  font-size: 13px;
  color: #FFF;
  text-align: center;
  padding: 3px;
  line-height: 1em;
  z-index: 5;
}

ul.bookList li figure .closeComic:before {
  content: "今月まで";
  background: #ff3800;
  position: absolute;
  font-size: 13px;
  color: #FFF;
  text-align: center;
  padding: 3px;
  line-height: 1em;
  left: 0;
  z-index: 5;
}

ul.bookList li figure .read:after {
  content: "既読";
  background: rgb(115, 115, 115) url(../images/ico_read.png) no-repeat 31px;
  background-size: 11px auto;
  position: absolute;
  bottom: 0px;
  font-size: 13px;
  color: #FFF;
  text-align: center;
  padding: 3px 15px 4px 3px;
  line-height: 1em;
  right: 0;
  z-index: 5;
}

ul.bookList li figure .bookmark:before {
  content: "既読";
  background: rgb(115, 115, 115) url(../images/ico_read.png) no-repeat 27px;
  background-size: 6px auto;
  position: absolute;
  font-size: 11px;
  color: #FFF;
  text-align: center;
  border-radius: 3px;
  padding: 3px 15px 3px 3px;
  line-height: 1em;
  right: 2px;
  z-index: 5;
}

ul.bookList li figure .rental {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  font-size: 14px;
  color: #FFF;
  text-align: center;
  line-height: 1.2em;
  height: 38px;
  padding-top: 5px;
  width: 100%;
  z-index: 5;
}

ul.bookList.imgS li.lastItem figure a:after {
  display: table-cell;
  padding: 0;
  content: "もっと\a見る";
  white-space: pre;
  color: #FFFFFF;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  background: none;
}

/*
 * common.css
 *
 * Copyright 2015, softbankMobile
 *
 */
a {
  color: #0060cb;
}

img {
  vertical-align: top;
}

footer {
  background: #4BCDED;
  background-size: 4px auto;
  font-size: 12px;
  text-align: center;
  padding-top: 16px;
  padding-bottom: 16px;
}

.copyright, .footer {
  margin: 0 4% 15px;
  color: #999;
  padding-top: 15px;
  text-align: center;
}

#appLink {
  height: auto;
  width: 100vw;
  max-height: 100px;
  position: fixed;
  bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.9);
}

#topApplink {
  height: auto;
  width: 100vw;
  max-height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#bnrapplink {
  background-image: url(../images/bnr_appdl.png);
  height: 100%;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

#appLinkSpace {
  height: auto;
  width: 100vw;
  max-height: 100px;
  bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
}

.trn {
  opacity: 0.5;
}

#appLink a {
  text-decoration: none;
}

#top-app {
  height: 68px;
  border-bottom: 1px solid #67CC67;
  background-color: #eeeeee;
}

#eventlink {
  height: 68px;
  background-color: #eeeeee;
}

#bnreventlink {
  background-image: url(../images/event_banner_2.png);
  height: 100%;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

#bnrfloating {
  max-height: 100px;
  max-width: 100%;
}

#bnrspace {
  max-height: 100px;
  max-width: 100%;
}

#bnrfloatingbatu {
  max-height: 100px;
  max-width: 20px;
  padding-left: 10px;
}

#close-balloon {
  float: none;
  top: 0%;
  position: absolute;
}

#close-balloon p {
  font-size: 30px;
  color: #6595ff;
}

#bookmark-tooltip-on, #bookmark-tooltip-off {
  padding: 10px 20px;
  position: absolute;
  top: -99999px;
  right: -99999px;
  z-index: 2000;
  background: #020202;
  color: white;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  width: 250px;
  text-align: center;
}

#bookmark-tooltip-on:after, #bookmark-tooltip-off:after {
  bottom: 100%;
  right: 15px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(2, 2, 2, 0);
  border-bottom-color: #020202;
  border-width: 10px;
}

#bookmark-tooltip-on:before {
  content: "お気に入りに追加しました";
}

#bookmark-tooltip-off:before {
  content: "お気に入りから削除しました";
}

.pageContent > p {
  margin-bottom: 25px;
}

.pageContent .purchaseStateMsg {
  font-size: 22px;
  font-weight: bold;
  padding-top: 25px;
}

#purchaseDetail {
  text-align: center;
}

.panel {
  display: block;
  padding: 0 0 10px;
  text-align: center;
}

.panel p {
  font-size: 22px;
  font-weight: bold;
}

.panel p span {
  font-size: 12px;
  font-weight: normal;
}

.load {
  display: block;
  text-align: center;
}

.load p {
  font-size: 12px;
  font-weight: normal;
  padding-bottom: 13px;
}

.load img {
  padding-bottom: 10px;
}

.panel#dm p {
  font-size: 14px;
  font-weight: bold;
}

.load#dm {
  display: block;
  text-align: center;
}

.load#dm p {
  font-size: 12px;
  font-weight: normal;
  padding-bottom: 13px;
}

.load#dm img {
  padding-bottom: 10px;
}

.button {
  display: block;
  padding: 15px 0px;
  text-align: center;
  font-size: 18px;
  background: #FFF;
  border-radius: 2px;
  background-clip: padding-box;
  border: 2px solid #E3E3E3;
  margin: -1px;
  line-height: 1em;
  text-decoration: none;
  color: #333333;
}

.button.green {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e1f655), to(#c5d84b));
  background-image: linear-gradient(top, #e1f655, #c5d84b);
  border: 1px solid #d4e04c;
}

.buttonGroup {
  margin: 0 5px;
}

.buttonGroup li {
  margin-bottom: 20px;
  text-align: center;
}

.buttonRead {
  margin: 10px 0 0;
  background-color: #4BCDED;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4BCDED), to(#4BCDED));
  background-image: linear-gradient(top, #4BCDED, #4BCDED);
  border: none;
  border-bottom: solid 2px #008202;
  border-radius: 4px;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-align: center;
  -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
          box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  color: white;
  vertical-align: 2px;
}

.buttonRead:active {
  border-bottom: solid 2px #78b97a;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.buttonReadApp {
  margin: 10px 0 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e63968), to(#e63968));
  background-image: linear-gradient(top, #e63968, #e63968);
  border: none;
  border-bottom: solid 2px #801c37;
  border-radius: 4px;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-align: center;
  -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
          box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  color: white;
  vertical-align: 2px;
}

.yomuButton {
  display: block;
  width: 150px;
  height: 45px;
  background-image: url(../images/sashikae_20200128/20200205/syousai_45px/yomu.png);
  background-position: 0 0;
  background-size: 72px auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  margin-bottom: 10px;
}

.buttonRead-off {
  margin: 10px 0 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ccc));
  background-image: linear-gradient(top, #ccc, #ccc);
  border: 1px solid #aaa;
  color: #aaa;
}

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

.smallButton li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  margin-right: 15px;
  -ms-flex: 1;
      flex: 1;
  -webkit-flex: 1;
}

.smallButton li:last-child {
  margin-right: 0px;
}

.mensTitle {
  color: #75bfe2;
}

.ladiesTitle {
  color: #f9a7a9;
}

.subTitle {
  color: #666666;
}

.firstTitle {
  margin-top: 25px;
}

.moreOpen, .moreClose, .moreOpenArasuji, .moreCloseArasuji {
  text-align: left;
  margin: 15px 0;
  font-weight: bold;
}
.moreOpen a, .moreClose a, .moreOpenArasuji a, .moreCloseArasuji a {
  color: #646262;
  font-weight: bold;
}
.moreOpen a:hover, .moreClose a:hover, .moreOpenArasuji a:hover, .moreCloseArasuji a:hover {
  text-decoration: underline;
}

.moreOpen::before, .moreOpenArasuji::before {
  content: "▼";
}

.moreClose::before, .moreCloseArasuji::before {
  content: "▲";
}

.moreOpen a, .moreClose a, .moreRight a, .moreOpenArasuji a, .moreCloseArasuji a {
  background-size: 5px 4px;
  -webkit-background-size: 5px 4px;
  -moz-background-size: 5px 4px;
  -o-background-size: 5px 4px;
  background-repeat: no-repeat;
  background-position: left center;
  text-decoration: none;
}

.moreRight a {
  padding-left: 10px;
  background-image: url(../images/ico_arrow_blue_right.png);
}

.moreContent {
  display: none;
}

.note {
  margin-bottom: 5px;
  text-indent: -1em;
  padding-left: 1em;
  font-size: 10px;
}

.alignCenter {
  text-align: center;
}

.contactForm h2 {
  font-size: 16px;
}

.contactForm input[type=text] {
  width: 100%;
  margin-bottom: 25px;
  padding: 5px;
  border-radius: 5px;
  border: 2px solid #4BCDED;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.contactForm input[type=checkbox] {
  display: none;
}

.contactForm input[type=checkbox] + label {
  margin-bottom: 15px;
  padding-left: 25px;
  position: relative;
}

.contactForm input[type=checkbox] + label::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  border: 2px solid #4BCDED;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}

.contactForm input[type=checkbox]:checked + label::after {
  content: "";
  display: block;
  width: 16px;
  height: 8px;
  margin-top: -5px;
  position: absolute;
  left: 3px;
  top: 50%;
  border-left: 3px solid #E71063;
  border-bottom: 3px solid #E71063;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.contactForm ul.checkbox {
  margin-bottom: 20px;
}

.contactForm ul.checkbox li {
  margin-bottom: 10px;
  font-size: 16px;
}

#enquete {
  margin-top: -5px;
}

.newRelease, .articleRanking {
  position: relative;
}

.openList {
  margin-bottom: 20px;
}

.openListTitle {
  display: block;
  height: auto;
  margin-bottom: 15px;
  padding: 12px 0;
  position: relative;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  background: #f9f7f7;
  z-index: 0;
  font-size: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.openListTitle h3 {
  margin-bottom: 0;
  padding-right: 50px;
}

.openListBody {
  position: relative;
  margin-right: auto;
  margin-left: auto;
}

.openListTitle .button {
  width: 44px;
  height: 44px;
  padding: 0;
  position: absolute;
  right: 4px;
  top: 50%;
  margin-top: -22px;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.openListTitle .button {
  background-image: url(../images/btn_close.png);
}

.openListTitle .button.active {
  background-image: url(../images/btn_open.png);
}

.closeSection {
  display: none;
}

.buttonBoxYomu {
  display: block;
  padding: 5px 0px;
  text-align: center;
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold;
  color: Black; /*文字色*/
  background: #FFF;
  border: solid 3px #4BCDED; /*線*/
  border-radius: 10px; /*角の丸み*/
  text-decoration: none;
}

.buttonYomuApp {
  display: block;
  padding: 8px 0px;
  text-align: center;
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold;
  color: #FFF; /*文字色*/
  background: #E63968;
  border-radius: 10px; /*角の丸み*/
  text-decoration: none;
}

.buttonBookmarkWord {
  width: 60%;
  height: 36px;
  display: inline-block;
  text-align: right;
  vertical-align: middle;
  font-size: 17px;
  margin: 3px;
  font-weight: bold;
  color: Black;
  background: #FFF;
  border: solid 3px #FFF;
  border-radius: 10px;
}

.bookmarkCheck {
  width: 36px;
  height: 36px;
  background-image: url(../images/Book-48_check.png);
  background-size: contain;
  display: inline-block;
  float: right;
}

.nobookmarkCheck {
  width: 36px;
  height: 36px;
  background-image: url(../images/Book-48_star.png);
  background-size: contain;
  display: inline-block;
  float: right;
}

.bookmarkBlock {
  display: block;
  height: 55px;
}

.buttonBookmark {
  margin-bottom: 10px;
}

#bookInformation {
  margin-bottom: 20px;
  position: relative;
}

#bookInformation h2 {
  margin-bottom: 20px;
}

#bookInformation .newMagazine:before {
  content: "新刊";
  background: rgb(255, 172, 13);
  position: absolute;
  bottom: 0;
  font-size: 13px;
  color: #FFF;
  text-align: center;
  padding: 3px;
  line-height: 1em;
  left: 0;
  z-index: 5;
}

#bookInformation .newComic:before {
  content: "新着";
  background: rgb(255, 172, 13);
  position: absolute;
  bottom: 0;
  font-size: 13px;
  color: #FFF;
  text-align: center;
  padding: 3px;
  line-height: 1em;
  left: 0;
  z-index: 5;
}

#bookInformation .all:after {
  content: "全読";
  background: #eb4938;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 13px;
  color: #FFF;
  text-align: center;
  line-height: 1em;
  padding: 3px;
  z-index: 5;
}

#bookInformation .closeComic:before {
  content: "今月まで";
  background: #ff3800;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 13px;
  color: #FFF;
  text-align: center;
  padding: 3px;
  line-height: 1em;
  z-index: 5;
}

#bookInformation .read:after {
  content: "既読";
  background: rgb(115, 115, 115) url(../images/ico_read.png) no-repeat 31px;
  background-size: 12px auto;
  position: absolute;
  right: 5px;
  bottom: 0;
  font-size: 13px;
  color: #FFF;
  text-align: center;
  padding: 3px 23px 3px 8px;
  line-height: 1em;
  right: 0;
  z-index: 5;
}

#bookInformation .rental {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  font-size: 13px;
  color: #FFF;
  text-align: center;
  line-height: 1.2em;
  height: 38px;
  padding-top: 5px;
  width: 100%;
  z-index: 5;
}

.bookIndex {
  margin-bottom: 20px;
}

.bookIndex dl {
  padding-left: 37.5px;
  overflow: hidden;
  position: relative;
  color: #666666;
}

.bookIndex dl.all:before {
  content: "全読";
  margin-top: -9px;
  padding: 3px;
  background: #eb4938;
  border-radius: 3px;
  font-size: 10px;
  color: #FFF;
  position: absolute;
  left: 0;
  top: 50%;
  line-height: 1em;
}

.bookIndex dt {
  display: inline-block;
  padding-right: 30px;
}

.bookIndex dd {
  position: absolute;
  margin-top: -10px;
  top: 50%;
  right: 0;
}

.bookIndex h3 {
  margin-bottom: 15px;
}

.bookIndex .moreOpen:after {
  content: "目次を表示";
}

.bookIndex .moreClose:after {
  content: "目次を閉じる";
}

.bookDetail {
  margin-bottom: 25px;
}

.bookDetail .moreOpen:after {
  content: "詳細を表示";
}

.bookDetail .moreClose:after {
  content: "詳細を閉じる";
}

.contentTab .writer {
  margin-bottom: 15px;
}

.contentTab .limit {
  height: 60px;
}

.writer {
  min-width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 20px 0;
}

_:-ms-lang(x), .writer {
  width: 480px;
}

.writer a {
  display: inline-block;
  margin: 3px;
  background-color: #4BCDED;
  border-radius: 30px;
  padding: 2px 20px;
  text-decoration: none;
  color: white;
  font-weight: bold;
  border: solid 1px #4BCDED;
}

.writer a:hover {
  background-color: white;
  color: #4BCDED;
  border: solid 1px #4BCDED;
}

.writer a:before {
  content: "# ";
}

p.writer.popTags {
  text-align: center;
}

a.taghover {
  background-color: white;
  color: #4BCDED;
}

.plan {
  margin-bottom: 10px;
  font-size: 10px;
  height: 21px;
  padding-top: 3px;
  padding-left: 8px;
  width: 100%;
}

.planFree {
  background: url(../images/planFree.png) no-repeat;
  background-size: auto 21px;
  width: 70px;
}

.planOff {
  background: url(../images/planOff.png) no-repeat;
  background-size: auto 21px;
}

.planEnd {
  background: url(../images/planEnd.png) no-repeat;
  background-size: auto 21px;
}

.planRental {
  background: url(../images/planRental.png) no-repeat;
  background-size: auto 21px;
}

.limit {
  text-align: right;
}

.tryRead {
  border: 1px solid #999999;
  margin-bottom: 25px;
  color: #666666;
}

.tryReadInner {
  padding: 15px;
  position: relative;
}

.tryRead strong {
  font-size: 18px;
  color: #8db21c;
}

.tryReadText {
  display: table-cell;
  width: 100%;
}

.tryReadButton {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
  text-align: right;
}

.tryRead .openListTitle {
  padding-left: 15px;
  margin-bottom: 0;
}

.atryRead ul.bookList li:first-child {
  margin-left: 15px;
}

.tryRead .buttonRead {
  min-width: 150px;
  margin: 0;
}

.tryRead .openListBody {
  padding: 15px;
}

.tryRead ul.bookList li:first-child {
  margin-left: 0;
}

.featureBook p {
  margin: 0 0 15px 15px;
  color: #666666;
}

.featureTitle {
  background: url(../images/ico_feature.png) no-repeat left center;
  background-size: 26px auto;
  -webkit-background-size: 26px auto;
  -moz-background-size: 26px auto;
  -o-background-size: 26px auto;
  font-size: 16px;
  padding: 8px 0px 5px 30px;
  line-height: 1em;
  margin-bottom: 8px;
  margin-left: 15px;
}

.featureBook .openListTitle {
  padding: 10px 0 11px;
}

#categoryMenu .featureTitle {
  color: white;
  font-weight: bold;
  margin: 0;
  padding: 8px 0px 5px 30px;
  background-image: url(../images/ico_feature_white.png);
}

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  width: 8000px;
  display: block;
}

.slick-track:before, .slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-dots {
  display: -webkit-box;
  display: box;
  text-align: center;
  box-pack: center;
  -webkit-box-pack: center;
}

/* IE10 ~ hack */
@media all and (-ms-high-contrast: none) {
  .slick-dots {
    display: -ms-flexbox !important;
    -ms-flex-pack: center;
  }
}
.slick-dots li.slick-active {
  background: url(../images/ico_control_on.png) no-repeat center center;
  background-size: 8px auto;
}

.slick-dots li {
  display: block;
  padding: 8px 5px;
  background: url(../images/ico_control_off.png) no-repeat center center;
  background-size: 8px auto;
  height: 8px;
  width: 8px;
  text-indent: -1000px;
  overflow: hidden;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  height: 8px;
  width: 8px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.tabBody #tab1 {
  display: block;
}

.tabBody {
  overflow: hidden;
}

#myBookIndex .pager {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  font-size: 16px;
}

#myBookIndex .pager li {
  display: inline-block;
  font-size: 16px;
  border: 1px solid #D9D9D6;
  border-radius: 3px;
  background-color: #E5E5E5;
  cursor: pointer;
}

#myBookIndex .pager .current {
  padding: 0 10px;
  cursor: initial;
}

#myBookIndex .pager li a {
  padding: 0 10px;
  text-decoration: none;
}

#myBookIndex .pager .disable {
  color: #333;
  cursor: initial;
  pointer-events: none;
}

#popup {
  position: absolute;
  top: 30px;
  left: 15px;
  right: 15px;
  height: 90vh;
  background: #b9d62f;
  overflow: hidden;
  border: 3px solid #b9d62f;
  border-radius: 10px;
  -webkit-box-shadow: 5px 5px 35px rgba(0, 0, 0, 0.25);
          box-shadow: 5px 5px 35px rgba(0, 0, 0, 0.25);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  z-index: 15;
}

#popupHeader {
  padding: 20px;
  background: #b9d62f;
  position: relative;
  height: 95px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

#popupHeader h1 {
  padding-right: 40px;
  font-size: 18px;
}

.buttonClosePopup {
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -13px;
  background-image: url(../images/ico_close_popup.png);
  background-size: 25px auto;
  -webkit-background-size: 25px auto;
  -moz-background-size: 25px auto;
  -o-background-size: 25px auto;
}

#popupInner {
  position: absolute;
  top: 95px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  max-height: 100%;
  overflow: scroll;
  color: #FFFFFF;
  background: #020202;
}

#popupInner h2 {
  margin-left: 0;
}

#popupInner strong {
  color: #b9d62f;
}

.popupMenu {
  width: 100%;
  display: table;
  margin: 20px 0;
  padding: 5px 0;
  border-top: 1px solid #6a6a6a;
  border-bottom: 1px solid #6a6a6a;
}

.popupMenu li {
  text-align: center;
  vertical-align: middle;
  background-image: url(../images/ico_arrow_green.png);
  background-position: 95% center;
  background-repeat: no-repeat;
  background-size: 7px auto;
  -webkit-background-size: 7px auto;
  -moz-background-size: 7px auto;
  -o-background-size: 7px auto;
  padding: 5px;
}

.popupMenuS li {
  display: table-cell;
  width: 50%;
}

.popupMenuL li {
  display: block;
  width: 100%;
}

.popupMenuS li:first-child {
  margin-left: -1px;
  border-right: 1px solid #6a6a6a;
}

.popupMenu li a {
  display: block;
  text-decoration: none;
  color: #b9d62f;
}

#recommendItemsPopup, #newReleaseComicPopup {
  margin-bottom: 20px;
}

#popupInner .bookList li:first-child {
  margin-left: 0;
}

#popupInner .bookList.more li figure a {
  color: #FFFFFF;
}

#popupInner .bookList.more li figure a:after {
  color: #DADADA;
}

.popupButton {
  display: inline-block;
  padding: 15px 50px;
  background: #555555;
  color: #FFFFFF;
  border-radius: 20px;
  border: none;
}

#categoryMenu > ul li {
  display: inline-block;
  padding: 0;
}

#categoryMenu > ul li h1,
#categoryMenu > ul li h2 {
  font-size: 18px;
  padding-top: 3px;
  color: white;
  font-weight: bold;
}

#categoryMenu > ul li a {
  text-decoration: none;
  color: #333;
}

#categoryMenu .categoryMenuButton {
  float: right;
  padding: 0;
}

#categoryMenu .categoryMenuButton ul li {
  margin-left: 10px;
  padding: 0;
  position: relative;
}

#categoryMenu .categoryMenuButton ul li.border {
  padding-left: 15px;
  border-left: 1px solid #028804;
}

#categoryMenu .categoryMenuButton ul li a.button {
  display: block;
  text-align: center;
  font-size: 16px;
  background: #FFF;
  border-radius: 19px;
  border-bottom: #FFFFFF;
}

#categoryMenu .categoryMenuButton ul li a.button:after {
  content: "";
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

#categoryMenu .categoryMenuButton ul li a.category {
  width: 90px;
  padding: 11px 0px 9px;
}

#categoryMenu .categoryMenuButton ul li a.category:after {
  width: 4px;
  height: 5px;
  position: absolute;
  top: 15px;
  right: 12px;
  background-image: url(../images/ico_arrow_black.png);
}

#categoryMenu .categoryMenuButton ul li a.sort {
  padding: 11px 12px 9px 25px;
}

#categoryMenu .categoryMenuButton ul li a.sort:after {
  width: 7px;
  height: 13px;
  position: absolute;
  top: 12px;
  left: 15px;
  background-image: url(../images/ico_my_sort.png);
}

#categoryMenu .categoryMenuButton ul li a.delete {
  padding: 11px 12px 9px 34px;
}

#categoryMenu .categoryMenuButton ul li a.delete:after {
  width: 12px;
  height: 15px;
  position: absolute;
  top: 10px;
  left: 15px;
  background-image: url(../images/ico_my_delete.png);
}

ul.bookShelfDelete .bookShelfThumb span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
  width: 59px;
  height: 59px;
  background: url(../images/ico_delete_check.png) no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  z-index: 1;
}

ul.bookShelfDelete .select .bookShelfThumb span:after {
  background-position: -59px 0;
}

ul.bookShelfDelete .select .bookShelfThumb img {
  -webkit-filter: brightness(50%);
  filter: brightness(50%);
}

ul.bookShelfSort {
  display: block !important;
}

ul.bookShelfSort > li {
  float: none;
  margin: 0 !important;
  padding: 15px 0;
  position: relative;
  border-bottom: 1px solid #e5e8eb;
}

ul.bookShelfSort .bookShelfThumb {
  display: table-cell;
  margin-right: 13px;
}

ul.bookShelfSort li figure {
  width: 100% !important;
}

.sortFigcaption {
  display: table-cell !important;
  padding-left: 15px;
  position: relative;
  width: 100%;
}

ul.sortButton {
  display: -webkit-box;
  display: box;
  position: absolute;
  left: 15px;
  bottom: 5px;
  right: 2px;
  text-align: center;
}

@media all and (-ms-high-contrast: none) {
  ul.sortButton, #selectDelete ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .sortFigcaption p {
    position: absolute;
    top: 0;
  }
}
ul.sortButton li {
  -webkit-box-flex: 1;
  box-flex: 1;
  width: 50%;
  margin: 0 !important;
}

ul.sortButton li:first-child {
  margin: 0 10px 0 0 !important;
}

ul.sortButton li a {
  position: relative;
}

ul.sortButton li a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -5px 0 0 -4px;
  width: 12px;
  height: 9px;
  background: url(../images/ico_arrow_sort.png) no-repeat;
  background-size: 24px auto;
  -webkit-background-size: 24px auto;
  -moz-background-size: 24px auto;
  -o-background-size: 24px auto;
}

ul.sortButton a.low:before {
  background-position: 0 0;
}

ul.sortButton li.invalid a.low:before {
  background-position: -12px 0;
}

ul.sortButton a.up:before {
  background-position: 0 -9px;
}

ul.sortButton li.invalid a.up:before {
  background-position: -12px -9px;
}

.tabNaviInvalid a {
  color: #999999;
}

.tabNaviCategory {
  margin-bottom: 15px;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  text-align: center;
  position: relative;
  background: #FFFFFF;
}

.tabNaviCategory li {
  display: inline-block;
  width: 33.333%;
  padding: 0;
}

.tabNaviCategory li a {
  display: block;
  color: #999999;
}

.tabNaviCategory li div {
  display: inline-block;
  padding-top: 15px;
  padding-bottom: 15px;
}

.tabNaviCategory .select div {
  padding-right: 10px;
  color: #666666;
  font-weight: bold;
  background: url(../images/ico_arrow_gray_bottom.png) no-repeat right center;
  background-size: 5px auto;
  -webkit-background-size: 5px auto;
  -moz-background-size: 5px auto;
  -o-background-size: 5px auto;
}

.tabNaviCategory span.after, .tabNaviCategory span.before {
  bottom: 100%;
  left: 50px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.tabNaviCategory span.after {
  border-bottom-color: #FFFFFF;
  border-width: 7px;
  margin-left: -7px;
}

.tabNaviCategory span.before {
  border-bottom-color: #c4c4c4;
  border-width: 8px;
  margin-left: -8px;
}

#tab1 .tabNaviCategory span.after, #tab1 .tabNaviCategory span.before {
  left: 466px;
}

#selectDelete {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10000;
}

#selectDelete ul {
  display: -webkit-box;
  display: box;
  text-align: center;
}

#selectDelete ul li {
  box-flex: 1;
  width: 1000px;
  -webkit-box-flex: 1;
}

#selectDelete ul li:first-child {
  margin-right: 15px;
}

#selectDelete .button {
  border-radius: 5px;
}

.term {
  margin: 10px 0 0;
  color: #666666;
}

.spContentTxt .bnr {
  max-width: 636px;
  margin: 0 auto 20px;
}

.spContent div.bnr {
  width: 100%;
  max-width: 636px;
  margin: 0 auto;
}

.spContent .bnr img, .spContentTxt .bnr img {
  width: 100%;
}

.bottomSp {
  margin-bottom: 70px;
}

img.loading {
  background: url(../images/loading.gif) no-repeat;
  background-position: 50% 50%;
}

.bookShelfThumb img.loading {
  min-width: 100px;
}

.bookShelfThumb img.loading.sbmLoadComplete {
  min-width: 0;
}

.info_date {
  padding-bottom: 16px !important;
  margin-bottom: 0px !important;
}

.checklist {
  margin-bottom: 15px;
  margin-right: auto;
  margin-left: auto;
}

.checklist tr th {
  background: #f7f7f7;
  font-weight: normal;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  border: 1px solid #999999;
}

.checklist tr:first-child th {
  padding-top: 15px;
  padding-bottom: 15px;
}

.checklist tr td {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  border: 1px solid #999999;
}

.checklist tr:first-child td {
  padding-top: 15px;
  padding-bottom: 15px;
}

.checklist a {
  text-decoration: none;
}

.ratingMessage {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(50, 50, 50, 0.3);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  display: none;
  z-index: 15;
}

.ratingMessage.open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
  display: block;
}

.ratingMessageContainer {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: 4em auto;
  top: 150px;
  background: #FFF;
  border-radius: 0.25em 0.25em 0.4em 0.4em;
  text-align: center;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.ratingMessageContainer p {
  padding: 2em 1em;
  font-size: 14px;
}

.ratingMessageButtons {
  content: "";
  display: table;
  clear: both;
  width: 100%;
}

.ratingMessageButtons > li {
  float: left;
  width: 50%;
}

.ratingMessageButtons > li > a {
  display: block;
  height: 50px;
  line-height: 50px;
  border: solid 1px #D9D9D6;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 10px;
  color: #333333;
  text-decoration: none;
}

strong.all:before {
  content: "全読";
  margin-top: 0px;
  padding: 3px;
  background: #eb4938;
  border-radius: 3px;
  font-size: 10px;
  color: #FFF;
  position: relative;
  left: 0;
  top: -4px;
  line-height: 2em;
}

.accordion-list-group {
  position: relative;
  margin-bottom: 15px;
}

.accordion-list-group > .group-title {
  position: relative;
  background: url(../images/ico_section_title.png) no-repeat left center;
  background-size: 12px auto;
  font-size: 16px;
  padding: 5px 0 5px 19px;
  line-height: 1em;
  margin-bottom: 8px;
  margin-left: 0;
  font-weight: bold;
}

.accordion-list-group > .group-list {
  position: relative;
  border: solid 1px #D9D9D6;
  border-radius: 2px;
  line-height: 22px;
}

.accordion-list-group > .group-list > .list-item {
  position: relative;
}

.accordion-list-group > .group-list > .list-item > .item-title {
  position: relative;
  font-weight: bold;
  padding: 10px;
}

.accordion-list-group > .group-list > .list-item > .item-title:before {
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-top: solid 2px #D9D9D6;
  border-right: solid 2px #D9D9D6;
  margin-top: -7px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.accordion-list-group > .group-list > .list-item.active > .item-title:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.accordion-list-group > .group-list > .list-item > .item-body {
  position: relative;
  padding: 10px;
  display: none;
}

.accordion-list-group > .group-list > .list-item.active > .item-body {
  display: block;
}

.accordion-list-group > .group-list > .list-item:not(:first-child), .accordion-list-group > .group-list > .list-item > .item-body {
  border-top: solid 1px #D9D9D6;
}

.regulation-content > h3,
.regulation-content > h4 {
  font-weight: bold;
  margin-bottom: 10px;
}

.regulation-content > p {
  font-size: 13px;
  line-height: normal;
}

.regulation-content table {
  margin-top: -20px;
}

.regulation-content th {
  font-size: 13px;
  line-height: normal;
}

.regulation-content td {
  font-size: 13px;
  line-height: normal;
}

#howtoviewer {
  margin: 15px 15px 29px;
}

#howtoviewer h2 {
  font-size: 14px;
  line-height: 18px;
  color: #FFF;
  text-align: center;
  background-color: #4e4e4e;
  padding: 5px 0;
}

#howtoviewer h2 .icnQuestion {
  margin-right: 5px;
}

#howtoviewer h2 .icnQuestion img {
  width: 18px;
  height: 18px;
}

#howtoviewer img {
  vertical-align: bottom;
}

#howtoviewer .stepFlow {
  border: solid 1px #ccc;
}

#howtoviewer .stepFlow li {
  display: table;
  background-image: url(../images/howtoviewer/icon_arrow.png), url(../images/howtoviewer/bg_line_boittom.png);
  background-repeat: no-repeat, repeat-x;
  background-position: center bottom, left bottom;
  background-size: 44px, 1px;
  padding: 16px 0 20px;
  width: 100%;
}

#howtoviewer .stepFlow li:last-child {
  font-size: 18px;
  font-weight: bold;
  color: #01aa02;
  text-align: center;
  background: none;
}

#howtoviewer .stepFlow li dl {
  display: table-cell;
  vertical-align: top;
}

#howtoviewer .stepFlow li dl dt {
  line-height: 1;
  margin-bottom: 10px;
}

#howtoviewer .stepFlow li dl dt img {
  width: 69px;
  height: auto;
}

#howtoviewer .stepFlow li dl dd {
  padding: 0 18px;
}

#howtoviewer .stepFlow li dl dd .icon {
  margin: 0 2px;
}

#howtoviewer .stepFlow li dl dd .icon img {
  vertical-align: -3px;
  width: 20px;
  height: auto;
}

#howtoviewer .stepFlow li dl dd .notes {
  display: block;
  margin-top: 10px;
}

#howtoviewer .stepFlow li figure {
  display: table-cell;
  vertical-align: top;
  width: 137px;
}

#howtoviewer .stepFlow li figure img {
  width: 100%;
  height: auto;
}

.schedule-content {
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
}

.schedule-content > table {
  width: 100%;
  margin-bottom: 10px;
}

.schedule-content th, .schedule-content td {
  padding: 5px 5px;
  text-align: center;
  border: 1px solid #999;
  font-size: 12px;
}

.schedule-content thead tr th, .schedule-content thead tr td {
  background: #F7F7F7;
}

#privateModeAlert, #browserAlert, #versionAlert, #casicMenteAlert {
  border: solid 2px #4BCDED;
  margin: 10px;
  padding: 4px;
  border-radius: 4px;
  display: none;
}

#privateModeAlert.active, #browserAlert.active, #versionAlert.active, #casicMenteAlert.active {
  display: block;
}

#privateModeAlert > p, #browserAlert > p, #versionAlert > p, #casicMenteAlert > p {
  font-size: 13px;
  line-height: 1.2;
}

.emoji {
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
}

.devices-content p {
  position: relative;
  border: 1px solid #D9D9D6;
  border-radius: 2px;
  line-height: 22px;
  padding: 10px;
}

.title_box {
  position: relative;
}

.order50 {
  position: absolute;
  top: 5px;
  right: 80px;
  font-size: 16px;
  padding: 4px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.fw_b {
  font-weight: bold;
}

.campaignWrap {
  width: 85%;
  margin: 0 auto 20px;
  text-align: center;
  padding-top: 20px;
}

.list01 {
  list-style-type: disc;
  margin-left: 20px;
}

.link01 {
  color: #999;
  font-size: 16px;
  font-weight: bold;
}

.err_tx {
  text-decoration: underline;
  padding: 10px;
  color: red;
}

.mb20 {
  margin-bottom: 20px;
}

.mb10 {
  margin-bottom: 10px;
}

.sp_img, .tb_img {
  display: none;
}

.ta_l {
  text-align: left;
}

.clear:after {
  content: "";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}

/*キャンペーン用*/
.campaignBanner02 a {
  display: block;
}

.campaignBanner02 img, .cmp_mainImage img, .icon_campaign img, .cmp_btnimg img, .top_btnimg img, .present_img img {
  width: 100%;
}

.cmp_mainImage {
  width: 100%;
  max-width: 957px;
  margin: 0 auto 20px;
  padding-top: 20px;
}

.icon_campaign {
  margin-bottom: 40px;
}

.icon_campaign p, .detail_tx01 p {
  margin-bottom: 15px;
}

.icon_campaign .tx_img01 {
  max-width: 812px;
  margin: 0 auto 20px;
}

.bnr_img01 {
  max-width: 451px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.cmp_btnimg {
  max-width: 483px;
  margin: 0 auto 40px;
}

.top_btnimg {
  max-width: 363px;
  margin: 0 auto 40px;
}

.bnr_img01 a, .top_btnimg a, .cmp_btnimg a {
  display: block;
}

.detail_tx01 {
  max-width: 900px;
  margin: 0 auto;
}

.tb_img {
  display: none;
}

.present_img {
  max-width: 959px;
  margin: 0 auto 20px;
  width: 100%;
}

.info_tx01 {
  color: #eb3d3d;
  font-weight: bold;
  margin-bottom: 40px;
}

.info_tx02 {
  text-align: center;
  margin-bottom: 20px;
}

.cmp_footerNavi {
  padding: 20px 0px;
  background-color: #e3e3e3;
  text-align: center;
}

.cmp_footerNavi a {
  color: #a6a6a6;
  text-decoration: none;
}

.cmp_copy {
  text-align: center;
  margin: 35px 4%;
  color: #999;
}

.cmp_footer {
  background: url(/images/lp/sp/bg_header.png) repeat;
  background-size: 4px;
  height: 54px;
  width: 100%;
  position: absolute;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
  text-align: center;
  padding-top: 35px;
  color: #FFF;
}

.campaign_info {
  height: 100%;
  width: 100%;
  margin-bottom: 2%;
}

.caption {
  color: #ee3d6d;
  font-weight: 700;
}

.dmBanner, .dmBanner img {
  width: 100%;
  margin-bottom: 2%;
}

.dm_tx {
  margin-bottom: 2% !important;
}

#student_info {
  background-color: #eb2f7b;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  padding: 11px;
  border: 1px;
}

#student_info a {
  color: #fff;
  text-decoration: none;
}

.logo_giga_top {
  width: 100px;
  vertical-align: top;
}

.logo_giga_bottom {
  width: 100px;
  vertical-align: bottom;
}

ul#giga_footer {
  margin-bottom: 10px;
}

ul#giga_footer li a {
  display: block;
  text-decoration: none;
  padding: 15px 4%;
  color: #ccc;
  border-bottom: 1px solid #666;
  background: url(/images/lp/sp/arrow_right.png) right center no-repeat #474747;
  background-size: 8px;
  background-position-x: 95%;
}

#ch {
  padding: 0 0 0 0;
}

/*-------- searchForm --------*/
#contentsSearch form .searchForm {
  width: 100%;
  text-align: center;
}

#contentsSearch .searchForm dd .searchButton {
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 80px;
  height: auto;
  padding: 5px 5px;
  text-align: center;
  background-color: #4BCDED;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4BCDED), to(#4BCDED));
  background-image: linear-gradient(top, #4BCDED, #4BCDED);
  font-weight: bold;
  border-bottom: solid 2px #008202;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
          box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  color: white;
  margin: 0px 0 10px 0;
  vertical-align: 2px;
}

#contentsSearch .searchForm dd .searchButton:active {
  border-bottom: solid 2px #78b97a;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

#contentsSearch .searchForm dd .contentsKey {
  width: 500px;
  height: 24px;
  border: solid 1px #808080;
  margin: 0 0 10px 0;
  padding: 3px 4px;
}

#contentsSearch .contentsType input, #contentsSearch .safeSearch input {
  display: none;
}

#contentsSearch .contentsType label, #contentsSearch .safeSearch label {
  display: block;
  float: left;
  cursor: pointer;
  width: 60px;
  margin: 0;
  padding: 6px 20px;
  background: #f2f2f2;
  color: #333333;
  text-align: center;
  line-height: 1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border: solid 1px #e5e5e5;
}

#contentsSearch .contentsType label:first-of-type, #contentsSearch .safeSearch label:first-of-type {
  border-radius: 20px 0 0 20px;
}

#contentsSearch .contentsType label:last-of-type, #contentsSearch .safeSearch label:last-of-type {
  border-radius: 0 20px 20px 0;
}

#contentsSearch .contentsType input[type=radio]:checked + label, #contentsSearch .safeSearch input[type=radio]:checked + label {
  color: white;
  background-color: #4BCDED;
  border: solid 1px #4BCDED;
}

#contentsSearch .contentsWrap {
  display: inline-block;
  margin: 20px 0;
}

#contentsSearch .contentsTypeWrap {
  margin-right: 20px;
}

#contentsSearch .contentsWrap dt {
  line-height: 2em;
  text-align: initial;
  font-weight: bold;
  margin-right: 10px;
  display: inline-block;
  vertical-align: top;
}

#contentsSearch .contentsWrap dd {
  display: inline-block;
}

#contentsSearch .contentsTypeWrap, #contentsSearch .safeSearchWrap {
  display: inline-block;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#nothing {
  text-align: center;
}

#nothing div {
  font-size: 15px;
}

#nothing .hint {
  max-width: 600px;
  margin: 15px auto;
  text-align: left;
}

@media screen and (min-width: 0px) and (max-width: 600px) {
  #nothing .hint {
    margin: 15px 2%;
  }
}
#nothing img {
  padding: 30px 0 30px 0;
}

.search_server_error {
  text-align: left;
  margin-left: 10px;
}

#search_loading {
  display: none;
  text-align: center;
  margin: 10px auto;
}

.search_disabled {
  background-color: #808080;
}

#search_loading_book {
  display: none;
  text-align: center;
  margin: 10px auto;
}

#leaveMsg {
  margin: 20px 0;
  list-style: disc;
}

#leaveMsg li {
  margin: 10px;
}

/*-------- leave --------*/
.leave p, .leave li {
  font-size: 19px;
}

.leave span {
  font-size: 20px;
  font-weight: bold;
}

.leaveDate {
  background-color: #e0e3e4;
  margin-bottom: 10px;
  text-align: center;
}

.leaveDate span {
  font-size: 20px;
  color: black;
  font-weight: bold;
}

.leave a {
  text-decoration: none;
}

.leave h1.contentTitle,
.leave h2.contentTitle {
  font-size: 25px;
  text-align: center;
  padding: 15px;
  color: #000000;
}

li.leaveBanner {
  margin: 5px;
  text-align: center;
}

.leaveInfomation p {
  text-align: center;
  margin: 2px;
}

.leaveCaution li {
  border: solid 2px red;
  margin: 15px 0px;
  padding: 15px;
}

.leaveCaution li:before {
  margin-top: -22px;
  margin-left: -32px;
  content: " ";
  float: left;
  width: 30px;
  height: 30px;
  background-image: url(/images/warning.png);
  background-size: 30px 30px;
  background-repeat: no-repeat;
}

.leaveCaution li b {
  font-size: 20px;
}

.leaveGuide {
  margin: 15px auto 25px;
}

.leaveGuide li {
  margin: 15px 5px;
  text-align: center;
  padding: 5px;
}

.leave .button, .leave .buttonRead {
  margin: 10px 0 0;
  font-size: 17px;
  color: white;
  font-weight: bold;
  background-color: #4BCDED;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4BCDED), to(#4BCDED));
  background-image: linear-gradient(top, #4BCDED, #4BCDED);
  border: none;
  border-bottom: solid 2px #4BCDED;
  border-radius: 4px;
  padding: 10px;
  display: block;
  -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
          box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  cursor: pointer;
  outline: none;
  vertical-align: 2px;
}

.leaveGuide a.button {
  width: 300px;
  margin: auto;
  padding: 20px;
}

.buttonLeave {
  margin: 10px 0 0;
  color: black;
  font-weight: bold;
  background-image: -webkit-linear-gradient(top, #f5f5f5, #eaebec);
  background-color: #f1f1f2;
  border: none;
  border-bottom: solid 2px #afafaf;
  padding: 10px;
  display: block;
  -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
          box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  cursor: pointer;
  outline: none;
  vertical-align: 2px;
  line-height: 80px;
  border-radius: 11px;
  font-size: 30px;
  text-align: center;
}

.leavewraper {
  text-align: center;
  margin: 0 50px;
  vertical-align: middle;
}

.leavewraper article.pageContent {
  display: inline-block;
  max-width: 290px;
  vertical-align: middle;
}

.leavewraper .bookImage img {
  width: 150px;
  height: auto;
}

.readSample {
  margin: auto;
  margin-top: 10px;
  width: 150px;
}

.leavewraper a.buttonRead {
  bottom: 0;
  width: 110px;
}

.leavewraper a.buttonFree {
  background-color: #44D2BC;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#44D2BC), to(#44D2BC));
  background-image: linear-gradient(top, #44D2BC, #44D2BC);
  border-bottom: solid 2px #44D2BC;
}

.leavewraper h3.sectionTitle {
  text-align: left;
  font-weight: bold;
  margin-top: 25px;
}

p.cancelButton, p.leaveButton {
  width: 350px;
  height: 116px;
  margin: 10px auto;
}

p.tryButton {
  width: 250px;
  height: 116px;
  margin: 10px auto;
}

.cancelButton a.button,
.tryButton a.button {
  line-height: 80px;
  border-radius: 11px;
  font-size: 30px;
}

.contentLeave {
  display: table-cell;
  width: 49%;
  height: 100%;
  position: relative;
}

p.displayCenterPC {
  text-align: center;
}

/*--------- bmBannerOn ---------*/
#bmBnWrap {
  padding: 7px;
}

#bmBannerOn {
  padding: 1.5%;
  background-image: -webkit-linear-gradient(top, #ffffff, #edeff1);
  border-radius: 5px;
  border: 1px solid #dcddde;
  position: relative;
  -webkit-box-shadow: 0px 0px 12px #ccc;
  box-shadow: 0px 0px 12px #ccc;
  display: table;
  width: 97%;
  margin: 0 auto;
}

#bmBannerOn p {
  width: 90%;
  vertical-align: middle;
  font-size: 17px;
  font-weight: bold;
  color: #495a61;
  display: table-cell;
  padding-left: 10px;
}

#bmBannerOn div {
  display: table-cell;
}

#bmBannerOn div:first-child {
  width: 8%;
}

#bmBannerOn img {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 5px;
  text-align: center;
  -webkit-box-shadow: 0px 0px 10px #ccc;
          box-shadow: 0px 0px 10px #ccc;
  display: table-cell;
  margin-left: 0;
  vertical-align: middle;
}

#bmBannerOn div:last-child {
  min-width: 25px;
  width: 2%;
  vertical-align: top;
  text-align: right;
}

.bmBnOff {
  width: 25px;
  height: 25px;
  background-color: #ccc;
  color: #fff;
  text-align: center;
  border-radius: 25px;
  font-size: 18px;
  display: block;
}

#bmBannerOn img.home {
  height: 24px;
  min-width: inherit;
  width: auto;
  padding: 0 3px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  display: inline-block;
}

.campaign_form {
  margin: 0 0 10px 0;
}

#err_msg4campaign_code {
  color: #ff0000;
}

/*---追随バナー----*/
.fixbanner {
  width: 100%;
  height: 120px;
  position: fixed;
  left: 0;
  bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #FFF;
  background-color: rgba(127, 127, 127, 0.9);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  text-align: center;
  -webkit-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
  z-index: 9;
}

.fixbanner p {
  font-size: 0.9rem;
  color: #FFFFFF;
  text-align: center;
  letter-spacing: 0.05em;
  position: relative;
  display: inline-block;
  margin-top: 10px;
}

.fixbanner div.purchase {
  width: 300px;
  height: 50px;
  background: #e63968;
  color: #FFFFFF;
  text-align: center;
  border: none;
  font-weight: bold;
  cursor: pointer;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 10px;
  border-radius: 8px;
}

.fixbanner div.purchase a {
  font-size: 20px;
  text-decoration: none;
  color: #FFFFFF;
  display: block;
  margin: 0 auto;
  display: block;
}

/*-------- articlewraper --------*/
.articlewraper {
  display: table;
  min-width: 300px;
}

.contentarticle a.summery {
  display: block;
  text-decoration: none;
  color: black;
  width: 100%;
}

.contentarticle a.articleText {
  display: block;
  text-align: start;
  text-decoration: none;
  -ms-flex-item-align: end;
      align-self: flex-end;
  width: 100%;
  position: absolute;
  bottom: 0px;
}

.contentarticle {
  display: table-cell;
  width: 100%;
  padding: 0 0 20px 0;
  vertical-align: top;
  position: relative;
}

.article-title {
  position: relative;
  font-size: 16px;
  padding: 5px 0 13px;
  line-height: 1em;
  border-bottom: solid 1px #e0e0e0;
}

.article-title span {
  font-size: 26px;
  color: #e23e70;
  font-weight: bold;
}

article.spContent {
  height: 280px;
  padding-bottom: 20px;
}

/*---- articleBookIndexTab ----*/
#myBookIndex {
  margin-bottom: 20px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1550px;
  position: relative;
}

/*---- articleBookIndexTab ----*/
#myBookIndex .articleBookIndexTab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  margin: 0 60px 16px;
  padding: 5px 0 13px;
}

#myBookIndex .articleBookIndexTab li {
  -webkit-box-flex: 1;
  box-flex: 1;
  width: 1000px;
  background: url(../images/tab_border.png) no-repeat right center;
  background-size: 1px auto;
  padding: 0 20px;
}

#myBookIndex .articleBookIndexTab li:last-child {
  background: none;
}

#myBookIndex .articleBookIndexTab li a {
  text-decoration: none;
}

#myBookIndex .articleBookIndexTab li div {
  display: block;
  font-size: 16px;
  line-height: 1em;
}

#myBookIndex .articleBookIndexTab li a.select div {
  border-bottom: 4px solid #4BCDED;
  color: #333;
}

#myBookIndex .articleBookIndexTab li div img {
  width: 14px;
  vertical-align: 0px;
  margin-right: 3px;
}

#ordinary_tag {
  margin: auto;
}

#adult_tag {
  margin: auto;
}

.buttonWrapper {
  margin: 10px 0 0;
}

.loginOtherPhone {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

.loginOtherPhone a {
  color: #000000;
}

.inner {
  display: table;
  width: 100%;
}

.header_component {
  display: table-cell;
  vertical-align: middle;
}

.header_component h1 {
  line-height: 48.4px;
  font-size: 10px;
}

.header_component h1#detail {
  line-height: 48.4px;
  font-size: 10px;
}

.fontred {
  color: #f3182e;
}

.mtyw30 {
  margin-top: -30px;
}

.campaignnotice {
  font-size: 18px;
  text-align: center;
  margin: 0px 0px 10px;
}

.campaignfontboldred {
  font-size: 18px;
  font-weight: bold;
  color: red;
}

.campeignfontbold {
  font-size: 18px;
  font-weight: bold;
}

.campeignfont {
  font-size: 18px;
}

.campaignnoticebold {
  text-align: center;
  margin: 0px 0px 10px;
  font-size: 18px;
  font-weight: bold;
}

.campaignnoticeboldleft {
  text-align: left;
  margin: 0px 0px 10px;
  font-size: 18px;
  font-weight: bold;
}

.campaignmargin {
  margin: 15px 15px 0;
}

.campaignredunderline {
  color: red;
  text-decoration: underline;
}

.disc_list01 {
  list-style-type: disc;
  margin-left: 20px;
}

#breadcrumb {
  background-color: rgb(155, 225, 157);
  display: block;
  height: 35px;
  margin-top: -20px;
}

#breadcrumb .breadcrumblist {
  width: 94%;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

#breadcrumb ul li {
  padding-top: 5px;
  padding-right: 14px;
  margin-right: 3px;
  font-size: 16px;
  background-size: 7px auto;
  float: left;
  background: url(/images/ico_linkarrow_gr_d.png) no-repeat right center;
}

#breadcrumb ul li:last-child {
  background: none;
  padding-right: 0px;
  margin-right: 0px;
}

.more_btn {
  margin-bottom: 4px;
  text-align: right;
  margin-right: 80px;
}

.more_btn a {
  color: #333333;
  border: 1px #cbd4dd solid;
  display: inline-block;
  background: url(/images/ico_btnarrow_bl.png) no-repeat 10px center;
  border-radius: 6px;
  padding: 2px 8px 2px 24px;
  text-decoration: none;
}

.book_nm {
  font-size: 15px;
  font-weight: bolder;
  color: #4BCDED;
}

#descriptionMagazine {
  padding: 15px;
}

#descriptionMagazine .description {
  border: 1px #4BCDED solid;
  padding: 8px;
  margin-top: 10px;
}

*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  height: 100%;
  -webkit-overflow-scrolling: touch;
}

/* Avoid Chrome to see Safari hack */
@supports (-webkit-touch-callout: none) {
  body {
    /* The hack for Safari */
    height: -webkit-fill-available;
  }
}
body {
  -webkit-text-size-adjust: none;
  font-family: Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
  color: #646262;
  font-size: calc(1rem + (1vw - 7.68px) * 0.6944);
  line-height: 1.5;
  font-size: 14px;
  background-color: #ffffff;
}

#wrap {
  width: 100%;
  padding: 0;
  margin: 0;
}

h2 {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin: 60px 0;
  color: black;
}

h3 {
  font-size: 20px;
  margin: 20px 0;
}

h3.usertitle {
  background: #4BCDED;
  color: #646262;
  padding: 10px 0;
}

h4 {
  text-align: center;
  margin: 20px 0;
  font-weight: bold;
  color: #646262;
  font-size: 20px;
}

a {
  text-decoration: none !important;
}

a.visited {
  text-decoration: none !important;
}

.f35 {
  font-size: 35px;
}

.f30 {
  font-size: 30px;
}

.f25 {
  font-size: 25px;
}

.f20 {
  font-size: 20px;
}

.f17 {
  font-size: 17px;
}

.f15 {
  font-size: 15px;
}

.red {
  color: red;
}

.center {
  text-align: center;
}

.mt40 {
  margin-top: 40px;
}

.mt60 {
  margin-top: 60px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb60 {
  margin-bottom: 60px;
}

.mt40 {
  margin-top: 40px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb80 {
  margin-bottom: 80px;
}

.mrl40 {
  margin: 0 40px;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

.h20 {
  height: 20px;
}

.bold {
  font-weight: bold;
}

.redlabel {
  background: red;
  padding: 5px;
  color: white;
}

.pt40 {
  padding-top: 40px;
}

button:focus {
  outline: 0;
}

.btn-group {
  width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/*----header-----*/
.divcenter {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

header {
  border-bottom: 1px solid #aeb6b5;
  background: #ffffff;
  z-index: 10;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 767px) {
  header {
    height: 43px;
  }
}
header .divcenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
}

header h1 {
  width: 220px;
  height: 37px;
  background: url(/images/logo.png) no-repeat;
  background-size: contain;
  text-indent: -9999px;
  display: inline-block;
  margin-top: 7px;
}

.subtitle {
  display: inline-block;
  font-size: 10px;
  position: relative;
  top: 9px;
}

.nonmember-login {
  margin: 5px;
  padding: 5px 10px;
  border: solid 1px #4BCDED;
  color: #4BCDED;
  display: inline-block;
  border-radius: 5px;
}

header nav {
  width: auto;
  text-align: right;
}

header nav ul li {
  text-align: center;
  display: inline-block;
  margin: 0 7px;
}

header nav ul li a {
  text-decoration: none;
  color: #333;
}

header nav ul li a div {
  font-size: 10px;
  display: block;
}

header nav ul li#search {
  height: 47px;
}
header nav ul li#search a {
  display: inline-block;
  margin-top: 5px;
}
header nav ul li#search a img {
  height: 19px;
  width: auto;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  header nav ul li#search {
    height: 43px;
  }
  header nav ul li#search a {
    margin: 3px;
    padding: 0 5px;
    padding-top: 3px;
  }
  header nav ul li#search a img {
    height: 18px;
    margin-bottom: 2px;
  }
}
@media screen and (max-width: 360px) {
  header nav ul li#search a {
    padding: 0 0;
    padding-top: 3px;
  }
}

header nav ul li#history {
  height: 47px;
}
header nav ul li#history a {
  display: inline-block;
  margin-top: 5px;
}
header nav ul li#history a img {
  height: 20px;
  width: auto;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  header nav ul li#history {
    height: 43px;
  }
  header nav ul li#history a {
    margin: 0;
    padding: 0 5px;
    padding-top: 5px;
    padding-right: 11px;
  }
  header nav ul li#history a img {
    height: 20px;
    margin-bottom: 2px;
  }
}
@media screen and (max-width: 360px) {
  header nav ul li#history a {
    padding: 0 0;
    padding-top: 3px;
  }
  header nav ul li#history a img {
    margin-bottom: 3px;
  }
}

header nav ul li#login {
  height: 47px;
}
header nav ul li#login a {
  display: inline-block;
  margin-top: 5px;
}
header nav ul li#login a img {
  height: 22px;
  width: auto;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  header nav ul li#login {
    height: 43px;
  }
  header nav ul li#login a {
    margin: 0;
    padding: 0 5px;
    padding-top: 3px;
  }
  header nav ul li#login a img {
    margin-bottom: 2px;
  }
}
@media screen and (max-width: 360px) {
  header nav ul li#login a {
    padding: 0 0;
    padding-top: 3px;
  }
  header nav ul li#login a img {
    height: 18px;
  }
}

header nav ul li#setting {
  background: url(../images/ico_setting.png) no-repeat center 5px;
  background-size: auto 26px;
  display: none;
}

.max_pc_size {
  max-width: 1550px;
}

.breadcrumb {
  padding: 10px 0 0;
}
.breadcrumb .bread-text .category, .breadcrumb .bread-text .last {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
}
.breadcrumb .bread-text .category {
  max-width: 27%;
}
.breadcrumb .bread-text .last {
  max-width: 50%;
}
@media screen and (max-width: 767px) {
  .breadcrumb .bread-text .category {
    max-width: 25%;
  }
  .breadcrumb .bread-text .last {
    max-width: 25%;
  }
}
@media screen and (min-width: 0px) and (max-width: 360px) {
  .breadcrumb .bread-text .category {
    max-width: 25%;
  }
  .breadcrumb .bread-text .last {
    max-width: 25%;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumb {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
  }
}

.bread-text {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

/* menu */
.drawer {
  position: relative;
}

.drawer_menu_icon {
  height: 15px;
  width: auto;
  margin-bottom: 5px;
  margin-top: 3px;
}

.drawer_checkbox {
  display: none;
}

.drawer_icon {
  cursor: pointer;
  display: block;
  width: 56px;
  height: 59px;
  position: absolute;
  right: 0;
  top: -25px;
}

.drawer div {
  font-size: 10px;
  position: relative;
  right: 7px;
}

.drawer label.menu {
  font-size: 11px;
  position: relative;
  right: 2px;
  display: block;
  color: #333;
}

.drawer_overlay {
  background: #000;
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
}

.drawer_menu {
  background: #ffffff;
  color: #000000;
  width: 70%;
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  right: -700px;
}
@media screen and (min-width: 768px) {
  .drawer_menu {
    width: 300px;
  }
}
@media screen and (min-width: 1024px) {
  .drawer_menu {
    width: 370px;
  }
}
.drawer_menu ul li {
  text-align: left;
  padding-left: 10px;
  margin-bottom: 20px;
  display: block;
}

.drawer_menu {
  z-index: 50;
}

.drawer_overlay {
  z-index: 2;
}

.drawer_checkbox:checked ~ .drawer_icon .drawer_icon-parts {
  background: transparent;
}

.drawer_checkbox:checked ~ .drawer_icon .drawer_icon-parts:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
  top: 0;
}

.drawer_checkbox:checked ~ .drawer_icon .drawer_icon-parts:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  top: 0;
}

.drawer_checkbox:checked ~ .drawer_overlay {
  opacity: 0.3;
  pointer-events: auto;
}

.drawer_checkbox:checked ~ .drawer_menu {
  right: 0;
}

.overflow-hidden {
  overflow: hidden !important;
}

.drawer_icon-parts,
.drawer_icon-parts:after,
.drawer_icon-parts:before,
.drawer_overlay,
.drawer_menu {
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}

.drawer_menu ul {
  margin-top: 50px;
}

.drawer_item {
  display: block;
}

/*sub menu */
.submenu {
  position: relative;
  color: black;
  border-bottom: 1px solid #aeb6b5;
}

.submenu ul {
  list-style: none;
  overflow: hidden;
  font-size: 0;
  padding: 0;
  margin: 0;
  display: block;
  margin: 0 auto;
  width: 100%;
  position: relative;
  padding-bottom: 2px;
}

.submenu ul li {
  display: inline-block;
  width: 33.33%;
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
}

.submenu ul li a {
  display: block;
  font-size: 16px;
  text-decoration: none;
  color: black;
  padding: 10px 15px 10px 15px;
}

.submenu ul li:hover {
  color: #e34668;
}
.submenu ul li:hover a {
  color: #e34668;
}

.submenu ul li a:active,
.submenu ul li a:focus {
  color: #e34668;
}

.submenu ul li a:active,
.submenu ul li a:focus {
  color: #e34668;
}

.submenu ul li.active a {
  color: #e34668 !important;
}

.submenu ul li:nth-child(1):hover .homeicon,
.submenu ul li:nth-child(1) a:active .homeicon,
.submenu ul li:nth-child(1) a:focus .homeicon,
.submenu ul li.active a .homeicon {
  background: url(/images/home_icon_current.png) top no-repeat;
  width: 26px;
  height: 25px;
  background-size: contain;
  display: inline-block;
}

.submenu ul li:nth-child(1):hover ~ .marker {
  left: 0% !important;
  color: #e34668;
}

.submenu ul li:nth-child(2):hover ~ .marker {
  left: 33% !important;
  color: #e34668;
}

.submenu ul li:nth-child(2):hover .magicon,
.submenu ul li:nth-child(2) a:active .magicon,
.submenu ul li:nth-child(2) a:focus .magicon,
.submenu ul li.active a .magicon {
  background: url(/images/mag_icon_current.png) top no-repeat;
  width: 26px;
  height: 25px;
  background-size: contain;
  display: inline-block;
  vertical-align: bottom;
}

.submenu ul li:nth-child(3):hover ~ .marker,
.submenu ul li:nth-child(3):active ~ .marker,
.submenu ul li:nth-child(3):focus ~ .marker {
  left: 66% !important;
  color: #e34668;
}

.submenu ul li:hover .mangaicon,
.submenu ul li:nth-child(3) a:active .mangaicon,
.submenu ul li:nth-child(3) a:focus .mangaicon,
.submenu ul li.active a .mangaicon {
  background: url(/images/manga_icon_current.png) top no-repeat;
  width: 26px;
  height: 25px;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
}

.submenu ul li a {
  display: block;
  font-size: 16px;
  text-decoration: none;
  color: black;
  padding: 10px 15px 10px 15px;
}

.submenu .marker {
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transform-style: preserve-3d;
  -webkit-transform: translateZ(0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  position: absolute;
  left: -100%;
  bottom: 0;
  height: 4px;
  width: 33.33%;
  background-color: #e34668;
}

.submenu-four {
  position: relative;
  color: black;
  border-bottom: 1px solid #aeb6b5;
}
.submenu-four .tabs_user {
  -ms-overflow-style: none; /* IE, Edge 対応 */
  scrollbar-width: none; /* Firefox 対応 */
}

.submenu-four .tabs_user::-webkit-scrollbar { /* Chrome, Safari 対応 */
  display: none;
}

.submenu-four ul {
  list-style: none;
  overflow: hidden;
  font-size: 0;
  padding: 0;
  margin: 0;
  display: block;
  margin: 0 auto;
  width: 100%;
  position: relative;
  text-align: center;
}

.submenu-four ul li {
  display: inline-block;
  text-align: center;
  height: 63px;
}

.submenu-four ul li:nth-child(1).active ~ .marker {
  left: 2%;
  color: #e34668;
}

.submenu-four ul li:nth-child(1):hover ~ .marker,
.submenu-four ul li:nth-child(1) a:active ~ .marker,
.submenu-four ul li:nth-child(1) a:focus ~ .marker {
  left: 2% !important;
  color: #e34668;
}

.submenu-four ul li:nth-child(2).active ~ .marker {
  left: 22%;
  color: #e34668;
}

.submenu-four ul li:nth-child(2):hover ~ .marker,
.submenu-four ul li:nth-child(2) a:active ~ .marker,
.submenu-four ul li:nth-child(2) a:focus ~ .marker {
  left: 22% !important;
  color: #e34668;
}

.submenu-four ul li:nth-child(3).active ~ .marker {
  left: 42.5%;
  color: #e34668;
}

.submenu-four ul li:nth-child(3):hover ~ .marker,
.submenu-four ul li:nth-child(3) a:active ~ .marker,
.submenu-four ul li:nth-child(3) a:focus ~ .marker {
  left: 42.5% !important;
  color: #e34668;
}

.submenu-four ul li:nth-child(4).active ~ .marker {
  left: 62.5%;
  color: #e34668;
}

.submenu-four ul li:nth-child(4):hover ~ .marker,
.submenu-four ul li:nth-child(4) a:active ~ .marker,
.submenu-four ul li:nth-child(4) a:focus ~ .marker {
  left: 62.5% !important;
  color: #e34668;
}

.submenu-four ul li a {
  display: block;
  font-size: 16px;
  text-decoration: none;
  color: black;
  padding: 20px 15px 15px 15px;
}

.submenu-four ul li a:hover {
  color: #e34668;
  border-bottom: 4px solid #e34668;
}

.submenu-four .marker {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  width: 15%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-left: 10%;
}

/* submenu two */
.submenu-two {
  position: relative;
  color: black;
  border-bottom: 1px solid #aeb6b5;
}

.submenu-two ul {
  list-style: none;
  overflow: hidden;
  font-size: 0;
  padding: 0;
  margin: 0;
  display: block;
  margin: 0 auto;
  width: 100%;
  position: relative;
  padding-bottom: 2px;
}

.submenu-two ul li {
  display: inline-block;
  width: 50%;
  text-align: center;
}

.submenu-two ul li:nth-child(1).active ~ .marker {
  left: 0%;
  color: #e34668;
}

.submenu-two ul li:nth-child(1):hover ~ .marker {
  left: 0% !important;
  color: #e34668;
}

.submenu-two ul li:nth-child(2).active ~ .marker {
  left: 50%;
  color: #e34668;
}

.submenu-two ul li:nth-child(2):hover ~ .marker {
  left: 50% !important;
  color: #e34668;
}

.submenu-two ul li:nth-child(3).active ~ .marker {
  left: 100%;
  color: #e34668;
}

.submenu-two ul li:nth-child(3):hover ~ .marker {
  left: 100% !important;
  color: #e34668;
}

.submenu-two ul li a {
  display: block;
  font-size: 16px;
  text-decoration: none;
  color: black;
  padding: 20px 15px 15px 15px;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.submenu-two ul li a:hover {
  color: #e34668;
}

.submenu-two .marker {
  position: absolute;
  left: 0%;
  bottom: 0;
  height: 4px;
  width: 50%;
  background-color: #e34668;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.slidemenu-close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-weight: 100;
  margin-top: 10px;
  display: block;
  text-align: right;
  cursor: pointer;
}
.slidemenu-close span {
  display: inline-block;
  width: 50px; /*枠の大きさ*/
  height: 50px; /*枠の大きさ*/
  position: relative;
}
.slidemenu-close span::before, .slidemenu-close span::after {
  content: "";
  display: block;
  width: 24px; /*バツ線の長さ*/
  height: 2px; /*バツ線の太さ*/
  background: #000;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: 0% 50%;
      -ms-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
  position: absolute;
  left: 51%;
}
.slidemenu-close span::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  left: auto;
  right: 14%;
}

/* content */
.content {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.row {
  position: relative;
}

.tag {
  margin: 40px 0;
}

.tag ul li {
  display: inline-block;
}

a.tagname {
  border: 2px solid #4BCDED;
  border-radius: 10px;
  padding: 2px 13px !important;
  margin-right: 10px;
  margin-bottom: 5px;
  display: inline-block;
  color: #646262;
  cursor: pointer;
}
a.tagname:hover {
  background: #4BCDED;
  border: 2px solid #4BCDED;
}
a.tagname span::before {
  content: "# ";
}

a.genrename {
  border: 3px solid #4BCDED;
  padding: 10px 30px;
  margin-right: 40px;
  color: black;
}

a.genrename:hover {
  background: #4BCDED;
  border: 3px solid #4BCDED;
  color: black;
}

.bannerlist {
  padding-bottom: 80px;
}

.bannerlist img {
  width: 281px;
  margin: 0 24px;
  margin-bottom: 5px;
}

.bg-diagonal {
  position: relative;
  color: black;
  background: #4BCDED;
  margin-top: 80px;
  margin-bottom: 80px;
  z-index: -2;
}

.bg-diagonal:before,
.bg-diagonal:after {
  position: absolute;
  content: "";
  border-style: solid;
}

.bg-diagonal:before {
  top: 0;
  margin-top: -80px;
  border-width: 0 0 5rem 100vw;
  border-color: transparent #4BCDED #4BCDED transparent;
}

.bg-diagonal:after {
  bottom: 0;
  margin-bottom: -80px;
  border-width: 5rem 100vw 0 0;
  border-color: #4BCDED transparent transparent #4BCDED;
}

.booklogo {
  width: 165px;
  margin: 0 auto;
  text-align: center;
  display: block;
  position: relative;
  top: -80px;
}

.marginmin {
  margin-top: -60px;
}

.leftbox {
  display: inline-block;
  width: 45%;
  vertical-align: top;
}

.rightbox {
  display: inline-block;
  width: 45%;
  text-align: center;
  vertical-align: top;
}

.sns img {
  width: 44px;
  height: 44px;
  margin: 11px 3px;
}

.breakword {
  display: none;
}

/* basic */
.carousel-wrap {
  width: 100%;
  display: block;
  overflow: auto;
  position: relative;
  margin: 0;
}

/* footer */
footer {
  background: #4BCDED;
  padding: 20px 0;
  text-align: center;
}

/* new btn */
.arrow {
  background: url(/images/top/arrow.png) no-repeat;
  background-size: contain;
  position: absolute;
  right: 10px;
  top: 40%;
  height: 12px;
  width: 12px;
  display: inline-block;
}

.arrow-white {
  background: url(/images/top/arrow_white.png) no-repeat;
  background-size: contain;
  position: absolute;
  right: 10px;
  top: 40%;
  height: 12px;
  width: 12px;
  display: inline-block;
}

.smallarrow {
  background: url(/images/top/smallarrow.png) no-repeat;
  background-size: contain;
  position: absolute;
  right: 4px;
  top: 37%;
  height: 12px;
  width: 12px;
  display: inline-block;
}

.smallarrow_white {
  background: url(/images/smallarrow_white.png) no-repeat;
  background-size: contain;
  position: absolute;
  right: 4px;
  top: 37%;
  height: 12px;
  width: 12px;
  display: inline-block;
}

.check {
  background: url(/images/check.png) no-repeat;
  background-size: contain;
  position: absolute;
  right: 7px;
  top: 37%;
  float: right;
  height: 12px;
  width: 12px;
  display: inline-block;
}

.star {
  background: url(/images/star.png) no-repeat;
  background-size: contain;
  position: absolute;
  right: 9px;
  top: 37%;
  float: right;
  height: 12px;
  width: 12px;
  display: inline-block;
}

.w500 {
  width: 100%;
  max-width: 510px !important;
  display: block;
  margin: 0 auto;
}

.w300 {
  width: 310px !important;
  display: inline-block;
  margin: 0 auto 20px;
}

.w50 { /* _topから移動、なぜ50？？？ */
  width: 450px;
  display: inline-block;
  margin: 0 50px 20px 0;
}

.btn {
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 2px;
  padding: 13px 25px 13px 17px;
  border: none;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  -webkit-transition: color 0.2s linear, background-color 0.2s linear;
  transition: color 0.2s linear, background-color 0.2s linear;
  position: relative;
  -moz-transition: color 0.2s linear, background-color 0.2s linear;
  -ms-transition: color 0.2s linear, background-color 0.2s linear;
  -o-transition: color 0.2s linear, background-color 0.2s linear;
}

.btn.btn-red {
  background-color: #d0343a;
  color: white;
  display: block;
}

.btn.btn-info {
  background-color: #4BCDED;
}

.btn.btn-info.btn-border {
  border-color: #4BCDED;
  color: #646262;
}

.btn.btn-info:hover {
  background-color: #4BCDED;
  color: #646262;
}

.btn.btn-danger {
  background-color: #c0392b;
}

.btn.btn-danger.btn-border {
  border-color: #c0392b;
  color: #c0392b;
}

.btn.btn-danger.btn-3d {
  -webkit-box-shadow: inset 0 -2px 0 #6d2018;
          box-shadow: inset 0 -2px 0 #6d2018;
}

.btn.btn-danger:hover {
  background-color: #962d22;
  color: #ffffff;
}

.btn.btn-lg {
  font-size: 14px;
  padding: 17px 50px;
}

.btn.btn-sm {
  font-size: 14px;
}

.btn.btn-xs {
  font-size: 11px;
  padding: 7px 12px;
}

.btn.btn-border {
  border: 2px solid;
  background: transparent;
}

.slick-prev {
  left: 0 !important;
}

/* menu */
.submenu ul li {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}

.submenu .homeicon {
  background: url(/images/home_icon.png) top no-repeat;
  width: 26px;
  height: 25px;
  background-size: contain;
  margin: 0 20px 0px 0;
  display: inline-block;
  position: relative;
  top: 2px;
}

.submenu .magicon {
  background: url(/images/mag_icon.png) top no-repeat;
  width: 26px;
  height: 25px;
  background-size: contain;
  margin: 0 20px 0 0;
  display: inline-block;
  vertical-align: bottom;
}

.submenu .mangaicon {
  background: url(/images/manga_icon.png) top no-repeat;
  width: 26px;
  height: 25px;
  background-size: contain;
  margin: 0 20px 0 0;
  display: inline-block;
  vertical-align: middle;
}

/* slider */
.slick-slide {
  margin: 10px 10px 20px 0px;
}

.slick-list {
  margin: 0 auto !important;
}

#newsBannerSlide .slick-list {
  width: initial;
}
@media screen and (min-width: 768px) {
  #newsBannerSlide .slick-list {
    height: 265px !important;
  }
}
#newsBannerSlide .slick-list .slick-slide img {
  height: initial;
}

.kuwashiku {
  font-size: 12px;
  color: #646262;
  text-align: right;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: "";
}

.c-go-top {
  background: #4BCDED;
  bottom: 130px;
  border-radius: 100%;
  border: 1px solid white;
  color: #eee;
  display: none;
  font-size: 17px;
  opacity: 0.8;
  padding: 15px 10px;
  position: fixed;
  right: 5%;
  text-decoration: none;
  z-index: 9;
  font-weight: bold;
}
.c-go-top.login {
  bottom: 20px;
}

.c-go-top:hover,
.c-go-top:focus,
.c-go-top:active,
.c-go-top:visited {
  color: #ffffff;
  outline: 0;
  text-decoration: none;
}

.thumbnail-image {
  position: relative;
}
.thumbnail-image.new-magazine::before {
  content: "新刊";
  background: rgb(255, 172, 13);
  position: absolute;
  bottom: 0;
  font-size: 13px;
  color: #ffffff;
  text-align: center;
  padding: 3px;
  line-height: 1em;
  z-index: 5;
  left: 0;
}
.thumbnail-image.new-manga::before {
  content: "新着";
  background: rgb(255, 172, 13);
  position: absolute;
  font-size: 13px;
  color: #ffffff;
  text-align: center;
  padding: 3px;
  line-height: 1em;
  z-index: 5;
  left: 0;
  bottom: 0;
}
.thumbnail-image.zenyomi::after {
  content: "全読";
  position: absolute;
  bottom: 0px;
  text-align: center;
  padding: 3px;
  background: #eb4938;
  font-size: 13px;
  color: #ffffff;
  line-height: 1em;
  right: 1px;
  z-index: 5;
}
.thumbnail-image.read::after {
  content: "既読";
  background: rgb(115, 115, 115) url(/images/ico_read.png) no-repeat 31px;
  background-size: 11px auto;
  position: absolute;
  bottom: 0px;
  font-size: 13px;
  color: #ffffff;
  text-align: center;
  padding: 3px 15px 4px 3px;
  line-height: 1em;
  right: 0;
  z-index: 5;
}
.thumbnail-image.near-close::before {
  content: "今月まで";
  background: #ff3800;
  position: absolute;
  font-size: 13px;
  color: #ffffff;
  text-align: center;
  padding: 3px;
  line-height: 1em;
  left: 0;
  bottom: 0;
  z-index: 5;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-120 {
  margin-bottom: 120px !important;
}

.pre-wrap {
  white-space: pre-wrap;
}

.pre-line {
  white-space: pre-line;
}

.nowrap {
  white-space: nowrap;
  font-size: 0;
}

.mr-0 {
  margin-right: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.color-link {
  color: #0060cb;
}

.color-black-strong {
  color: #000000;
}

.word-break-all {
  word-break: break-all;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.main-title {
  background-color: #4BCDED;
}
.main-title h2 {
  text-align: center;
  font-size: 20px;
  margin: 0;
  padding: 10px 0;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .main-title h2 {
    padding: 10px 27px;
  }
}

/*-------- /special のみのプロパティ  --------*/
article.spContent {
  margin: 0 1% 20px;
  width: 31.33%;
  height: auto;
}

@media screen and (min-width: 0px) and (max-width: 1010px) {
  .header,
  .content,
  .breadcrumb {
    padding-left: 20px;
    padding-right: 20px;
  }
  .lefthead {
    padding-left: 20px;
  }
}
@media screen and (min-width: 0px) and (max-width: 768px) {
  header nav {
    padding-right: 20px;
  }
  .lefthead {
    padding-left: 20px;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .is-header-fixed {
    position: fixed;
    top: 0;
  }
  .is-header-fixed + * {
    margin-top: 43px;
  }
  header h1 {
    margin-top: 9px;
    width: 190px;
    height: 27px;
    background-size: contain;
  }
  .mt-submenu {
    margin-top: 43px;
  }
  .subtitle {
    display: none;
  }
  h2 {
    margin: 40px 0;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  body {
    font-size: 14px;
    line-height: 1.5;
  }
  .submenu .homeicon,
  .submenu .magicon,
  .submenu .mangaicon,
  .submenu ul li:nth-child(1).active .homeicon,
  .submenu ul li:nth-child(2).active .magicon,
  .submenu ul li:nth-child(3).active .mangaicon {
    height: 25px;
  }
  .submenu ul li a {
    padding: 15px 15px 10px 15px;
  }
  .lefthead {
    padding-left: 10px;
  }
  .submenu-four ul li {
    width: auto;
  }
  .submenu-four ul li a {
    padding: 20px 15px 6px 15px;
  }
  .slick-prev,
  .slick-next {
    display: none !important;
  }
  .drawer div {
    right: 0;
  }
}
@media screen and (min-width: 0px) and (max-width: 704px) {
  .subtitle {
    font-size: 11px;
  }
}
@media screen and (min-width: 0px) and (max-width: 617px) {
  .breakword {
    display: block;
  }
}
@media screen and (min-width: 0px) and (max-width: 520px) {
  .content {
    padding: 0 5%;
  }
  .submenu .homeicon,
  .submenu ul li:nth-child(1).active .homeicon {
    margin: 0 5px 0px 0;
  }
}
@media screen and (min-width: 0px) and (max-width: 472px) {
  header nav {
    margin-top: -2px;
  }
  header nav ul li#search {
    background-size: auto 18px;
  }
  header nav ul li#myBookchelf {
    background-size: auto 21px;
  }
  header nav ul li#login {
    background-size: auto 18px;
  }
  header nav ul li {
    margin: 0px;
  }
  .drawer_icon {
    height: 65px;
  }
  .subtitle {
    display: none;
  }
  .drawer_icon {
    margin-top: 2px;
  }
  .drawer div {
    font-size: 11px;
  }
  header nav ul li a div {
    font-size: 11px;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .submenu .magicon,
  .submenu ul li:nth-child(2).active .magicon,
  .submenu ul li:nth-child(2):hover .magicon {
    margin-right: 5px;
  }
  .submenu .mangaicon,
  .submenu ul li:nth-child(3).active .mangaicon,
  .submenu ul li:nth-child(3):hover .mangaicon {
    margin-right: 5px;
  }
}
@media screen and (min-width: 0px) and (max-width: 400px) {
  .submenu .homeicon,
  .submenu ul li:nth-child(1).active .homeicon {
    width: 26px;
    margin: 0 10px 0px 0;
  }
  .submenu .magicon,
  .submenu ul li:nth-child(2).active .magicon,
  .submenu ul li:nth-child(2):hover .magicon {
    width: 26px;
    margin: 0 5px 3px 0;
  }
  .submenu .mangaicon,
  .submenu ul li:nth-child(3).active .mangaicon,
  .submenu ul li:nth-child(3):hover .mangaicon {
    width: 26px;
    margin: 0 5px 3px 0;
  }
  .likecomment-2col {
    width: 50% !important;
  }
  header nav ul li a div {
    font-size: 10px;
  }
}
.btn-group {
  text-align: center;
}

@media screen and (min-width: 0px) and (max-width: 382px) {
  .drawer_icon {
    width: 51px;
    height: 59px;
  }
  .drawer_icon-parts,
  .drawer_icon-parts:before,
  .drawer_icon-parts:after {
    width: 22px;
  }
}
@media screen and (min-width: 0px) and (max-width: 356px) {
  .drawer_icon {
    width: 52px;
    height: 77px;
  }
  .submenu ul li a {
    padding: 15px 10px 10px 10px;
  }
  .submenu .magicon,
  .submenu ul li:nth-child(2).active .magicon {
    margin: 0 5px 2px 0;
  }
  .submenu .mangaicon,
  .submenu ul li:nth-child(3).active .mangaicon {
    margin: 0 5px 2px 0;
  }
  header nav {
    margin-top: 2px;
  }
  header nav ul li {
    margin-top: 0;
  }
  header nav ul li a div {
    width: 40px;
  }
  header nav ul li#search div {
    font-size: 10px;
    line-height: 1;
  }
  header nav ul li#myBookchelf div {
    font-size: 10px;
    line-height: 1;
  }
  header nav ul li#login div {
    font-size: 10px;
    line-height: 1;
  }
}
@media screen and (min-width: 0px) and (max-width: 320px) {
  header h1 {
    margin-top: 10px;
    width: 160px;
  }
  header nav ul li {
    margin: 0;
  }
  header nav {
    padding-right: 10px !important;
  }
  .drawer_icon {
    width: 47px;
    top: -49px;
  }
}
@media screen and (min-width: 0px) and (max-width: 264px) {
  header h1 {
    width: 80px;
  }
  .lefthead {
    padding-left: 5px;
  }
}
.ellipses::after {
  content: "...";
}

.no-padding {
  padding: 0 !important;
}

.display-inline-block {
  display: inline-block;
}

.mt-10 {
  margin-top: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

#searchMagazine h2 {
  margin: 0;
}

.display-none {
  display: none !important;
}

.no-transform {
  -webkit-transform: initial !important;
      -ms-transform: initial !important;
          transform: initial !important;
}

.no-transition {
  -webkit-transition: initial !important;
  transition: initial !important;
}

/*-------- backnumber --------*/
.books-table-container {
  display: -ms-grid;
  display: grid;
  max-width: 100%;
  overflow: auto;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  justify-items: center;
  row-gap: 1em;
}
.books-table-container .item {
  display: block;
  max-width: 150px;
}
.books-table-container .book-nm-title {
  overflow: hidden;
}
.books-table-container .book-nm-title p {
  font-size: 12px;
  text-align: left;
  color: #646262;
  margin-top: 8px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.books-table-container .thumbnail-image img {
  height: 185px;
}
.books-table-container.representative-number {
  margin-left: 2%;
}
.books-table-container.representative-number .display-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.books-table-container.representative-number .item {
  max-width: 100%;
}
.books-table-container.representative-number .thumbnail-image img {
  height: 185px;
}
.books-table-container.representative-number .right-box {
  margin: 0% 2%;
  width: 17vw;
}
.books-table-container.representative-number .right-box .book-nm {
  font-size: 14px;
  font-weight: bold;
  color: rgb(115, 115, 115);
}
.books-table-container.representative-number .right-box .author {
  margin: 3px 0px;
  font-size: 12px;
}
.books-table-container.representative-number .right-box .description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 12px;
}
.books-table-container.representative-number .right-box .btn-box {
  margin: 10px 0px 10px 0px;
}
.books-table-container.representative-number .right-box .btn-box .btn {
  display: inline-block;
  width: 48%;
  padding: 0px 0px 0px 0px;
}

.u-padding-0 {
  padding: 0px !important;
}
.u-padding-1 {
  padding: 1px !important;
}
.u-padding-2 {
  padding: 2px !important;
}
.u-padding-3 {
  padding: 3px !important;
}
.u-padding-4 {
  padding: 4px !important;
}
.u-padding-5 {
  padding: 5px !important;
}
.u-padding-6 {
  padding: 6px !important;
}
.u-padding-7 {
  padding: 7px !important;
}
.u-padding-8 {
  padding: 8px !important;
}
.u-padding-9 {
  padding: 9px !important;
}
.u-padding-10 {
  padding: 10px !important;
}
.u-padding-11 {
  padding: 11px !important;
}
.u-padding-12 {
  padding: 12px !important;
}
.u-padding-13 {
  padding: 13px !important;
}
.u-padding-14 {
  padding: 14px !important;
}
.u-padding-15 {
  padding: 15px !important;
}
.u-padding-16 {
  padding: 16px !important;
}
.u-padding-17 {
  padding: 17px !important;
}
.u-padding-18 {
  padding: 18px !important;
}
.u-padding-19 {
  padding: 19px !important;
}
.u-padding-20 {
  padding: 20px !important;
}
.u-padding-21 {
  padding: 21px !important;
}
.u-padding-22 {
  padding: 22px !important;
}
.u-padding-23 {
  padding: 23px !important;
}
.u-padding-24 {
  padding: 24px !important;
}
.u-padding-25 {
  padding: 25px !important;
}
.u-padding-26 {
  padding: 26px !important;
}
.u-padding-27 {
  padding: 27px !important;
}
.u-padding-28 {
  padding: 28px !important;
}
.u-padding-29 {
  padding: 29px !important;
}
.u-padding-30 {
  padding: 30px !important;
}
.u-padding-31 {
  padding: 31px !important;
}
.u-padding-32 {
  padding: 32px !important;
}
.u-padding-33 {
  padding: 33px !important;
}
.u-padding-34 {
  padding: 34px !important;
}
.u-padding-35 {
  padding: 35px !important;
}
.u-padding-36 {
  padding: 36px !important;
}
.u-padding-37 {
  padding: 37px !important;
}
.u-padding-38 {
  padding: 38px !important;
}
.u-padding-39 {
  padding: 39px !important;
}
.u-padding-40 {
  padding: 40px !important;
}
.u-padding-41 {
  padding: 41px !important;
}
.u-padding-42 {
  padding: 42px !important;
}
.u-padding-43 {
  padding: 43px !important;
}
.u-padding-44 {
  padding: 44px !important;
}
.u-padding-45 {
  padding: 45px !important;
}
.u-padding-46 {
  padding: 46px !important;
}
.u-padding-47 {
  padding: 47px !important;
}
.u-padding-48 {
  padding: 48px !important;
}
.u-padding-49 {
  padding: 49px !important;
}
.u-padding-50 {
  padding: 50px !important;
}
.u-padding-51 {
  padding: 51px !important;
}
.u-padding-52 {
  padding: 52px !important;
}
.u-padding-53 {
  padding: 53px !important;
}
.u-padding-54 {
  padding: 54px !important;
}
.u-padding-55 {
  padding: 55px !important;
}
.u-padding-56 {
  padding: 56px !important;
}
.u-padding-57 {
  padding: 57px !important;
}
.u-padding-58 {
  padding: 58px !important;
}
.u-padding-59 {
  padding: 59px !important;
}
.u-padding-60 {
  padding: 60px !important;
}
.u-padding-61 {
  padding: 61px !important;
}
.u-padding-62 {
  padding: 62px !important;
}
.u-padding-63 {
  padding: 63px !important;
}
.u-padding-64 {
  padding: 64px !important;
}
.u-padding-65 {
  padding: 65px !important;
}
.u-padding-66 {
  padding: 66px !important;
}
.u-padding-67 {
  padding: 67px !important;
}
.u-padding-68 {
  padding: 68px !important;
}
.u-padding-69 {
  padding: 69px !important;
}
.u-padding-70 {
  padding: 70px !important;
}
.u-padding-71 {
  padding: 71px !important;
}
.u-padding-72 {
  padding: 72px !important;
}
.u-padding-73 {
  padding: 73px !important;
}
.u-padding-74 {
  padding: 74px !important;
}
.u-padding-75 {
  padding: 75px !important;
}
.u-padding-76 {
  padding: 76px !important;
}
.u-padding-77 {
  padding: 77px !important;
}
.u-padding-78 {
  padding: 78px !important;
}
.u-padding-79 {
  padding: 79px !important;
}
.u-padding-80 {
  padding: 80px !important;
}
.u-padding-81 {
  padding: 81px !important;
}
.u-padding-82 {
  padding: 82px !important;
}
.u-padding-83 {
  padding: 83px !important;
}
.u-padding-84 {
  padding: 84px !important;
}
.u-padding-85 {
  padding: 85px !important;
}
.u-padding-86 {
  padding: 86px !important;
}
.u-padding-87 {
  padding: 87px !important;
}
.u-padding-88 {
  padding: 88px !important;
}
.u-padding-89 {
  padding: 89px !important;
}
.u-padding-90 {
  padding: 90px !important;
}
.u-padding-91 {
  padding: 91px !important;
}
.u-padding-92 {
  padding: 92px !important;
}
.u-padding-93 {
  padding: 93px !important;
}
.u-padding-94 {
  padding: 94px !important;
}
.u-padding-95 {
  padding: 95px !important;
}
.u-padding-96 {
  padding: 96px !important;
}
.u-padding-97 {
  padding: 97px !important;
}
.u-padding-98 {
  padding: 98px !important;
}
.u-padding-99 {
  padding: 99px !important;
}
.u-pt-0 {
  padding-top: 0px !important;
}
.u-pt-1 {
  padding-top: 1px !important;
}
.u-pt-2 {
  padding-top: 2px !important;
}
.u-pt-3 {
  padding-top: 3px !important;
}
.u-pt-4 {
  padding-top: 4px !important;
}
.u-pt-5 {
  padding-top: 5px !important;
}
.u-pt-6 {
  padding-top: 6px !important;
}
.u-pt-7 {
  padding-top: 7px !important;
}
.u-pt-8 {
  padding-top: 8px !important;
}
.u-pt-9 {
  padding-top: 9px !important;
}
.u-pt-10 {
  padding-top: 10px !important;
}
.u-pt-11 {
  padding-top: 11px !important;
}
.u-pt-12 {
  padding-top: 12px !important;
}
.u-pt-13 {
  padding-top: 13px !important;
}
.u-pt-14 {
  padding-top: 14px !important;
}
.u-pt-15 {
  padding-top: 15px !important;
}
.u-pt-16 {
  padding-top: 16px !important;
}
.u-pt-17 {
  padding-top: 17px !important;
}
.u-pt-18 {
  padding-top: 18px !important;
}
.u-pt-19 {
  padding-top: 19px !important;
}
.u-pt-20 {
  padding-top: 20px !important;
}
.u-pt-21 {
  padding-top: 21px !important;
}
.u-pt-22 {
  padding-top: 22px !important;
}
.u-pt-23 {
  padding-top: 23px !important;
}
.u-pt-24 {
  padding-top: 24px !important;
}
.u-pt-25 {
  padding-top: 25px !important;
}
.u-pt-26 {
  padding-top: 26px !important;
}
.u-pt-27 {
  padding-top: 27px !important;
}
.u-pt-28 {
  padding-top: 28px !important;
}
.u-pt-29 {
  padding-top: 29px !important;
}
.u-pt-30 {
  padding-top: 30px !important;
}
.u-pt-31 {
  padding-top: 31px !important;
}
.u-pt-32 {
  padding-top: 32px !important;
}
.u-pt-33 {
  padding-top: 33px !important;
}
.u-pt-34 {
  padding-top: 34px !important;
}
.u-pt-35 {
  padding-top: 35px !important;
}
.u-pt-36 {
  padding-top: 36px !important;
}
.u-pt-37 {
  padding-top: 37px !important;
}
.u-pt-38 {
  padding-top: 38px !important;
}
.u-pt-39 {
  padding-top: 39px !important;
}
.u-pt-40 {
  padding-top: 40px !important;
}
.u-pt-41 {
  padding-top: 41px !important;
}
.u-pt-42 {
  padding-top: 42px !important;
}
.u-pt-43 {
  padding-top: 43px !important;
}
.u-pt-44 {
  padding-top: 44px !important;
}
.u-pt-45 {
  padding-top: 45px !important;
}
.u-pt-46 {
  padding-top: 46px !important;
}
.u-pt-47 {
  padding-top: 47px !important;
}
.u-pt-48 {
  padding-top: 48px !important;
}
.u-pt-49 {
  padding-top: 49px !important;
}
.u-pt-50 {
  padding-top: 50px !important;
}
.u-pt-51 {
  padding-top: 51px !important;
}
.u-pt-52 {
  padding-top: 52px !important;
}
.u-pt-53 {
  padding-top: 53px !important;
}
.u-pt-54 {
  padding-top: 54px !important;
}
.u-pt-55 {
  padding-top: 55px !important;
}
.u-pt-56 {
  padding-top: 56px !important;
}
.u-pt-57 {
  padding-top: 57px !important;
}
.u-pt-58 {
  padding-top: 58px !important;
}
.u-pt-59 {
  padding-top: 59px !important;
}
.u-pt-60 {
  padding-top: 60px !important;
}
.u-pt-61 {
  padding-top: 61px !important;
}
.u-pt-62 {
  padding-top: 62px !important;
}
.u-pt-63 {
  padding-top: 63px !important;
}
.u-pt-64 {
  padding-top: 64px !important;
}
.u-pt-65 {
  padding-top: 65px !important;
}
.u-pt-66 {
  padding-top: 66px !important;
}
.u-pt-67 {
  padding-top: 67px !important;
}
.u-pt-68 {
  padding-top: 68px !important;
}
.u-pt-69 {
  padding-top: 69px !important;
}
.u-pt-70 {
  padding-top: 70px !important;
}
.u-pt-71 {
  padding-top: 71px !important;
}
.u-pt-72 {
  padding-top: 72px !important;
}
.u-pt-73 {
  padding-top: 73px !important;
}
.u-pt-74 {
  padding-top: 74px !important;
}
.u-pt-75 {
  padding-top: 75px !important;
}
.u-pt-76 {
  padding-top: 76px !important;
}
.u-pt-77 {
  padding-top: 77px !important;
}
.u-pt-78 {
  padding-top: 78px !important;
}
.u-pt-79 {
  padding-top: 79px !important;
}
.u-pt-80 {
  padding-top: 80px !important;
}
.u-pt-81 {
  padding-top: 81px !important;
}
.u-pt-82 {
  padding-top: 82px !important;
}
.u-pt-83 {
  padding-top: 83px !important;
}
.u-pt-84 {
  padding-top: 84px !important;
}
.u-pt-85 {
  padding-top: 85px !important;
}
.u-pt-86 {
  padding-top: 86px !important;
}
.u-pt-87 {
  padding-top: 87px !important;
}
.u-pt-88 {
  padding-top: 88px !important;
}
.u-pt-89 {
  padding-top: 89px !important;
}
.u-pt-90 {
  padding-top: 90px !important;
}
.u-pt-91 {
  padding-top: 91px !important;
}
.u-pt-92 {
  padding-top: 92px !important;
}
.u-pt-93 {
  padding-top: 93px !important;
}
.u-pt-94 {
  padding-top: 94px !important;
}
.u-pt-95 {
  padding-top: 95px !important;
}
.u-pt-96 {
  padding-top: 96px !important;
}
.u-pt-97 {
  padding-top: 97px !important;
}
.u-pt-98 {
  padding-top: 98px !important;
}
.u-pt-99 {
  padding-top: 99px !important;
}
.u-pt-0p {
  padding-top: 0% !important;
}
.u-pt-1p {
  padding-top: 1% !important;
}
.u-pt-2p {
  padding-top: 2% !important;
}
.u-pt-3p {
  padding-top: 3% !important;
}
.u-pt-4p {
  padding-top: 4% !important;
}
.u-pt-5p {
  padding-top: 5% !important;
}
.u-pt-6p {
  padding-top: 6% !important;
}
.u-pt-7p {
  padding-top: 7% !important;
}
.u-pt-8p {
  padding-top: 8% !important;
}
.u-pt-9p {
  padding-top: 9% !important;
}
.u-pt-10p {
  padding-top: 10% !important;
}
.u-pt-11p {
  padding-top: 11% !important;
}
.u-pt-12p {
  padding-top: 12% !important;
}
.u-pt-13p {
  padding-top: 13% !important;
}
.u-pt-14p {
  padding-top: 14% !important;
}
.u-pt-15p {
  padding-top: 15% !important;
}
.u-pt-16p {
  padding-top: 16% !important;
}
.u-pt-17p {
  padding-top: 17% !important;
}
.u-pt-18p {
  padding-top: 18% !important;
}
.u-pt-19p {
  padding-top: 19% !important;
}
.u-pt-20p {
  padding-top: 20% !important;
}
.u-pt-21p {
  padding-top: 21% !important;
}
.u-pt-22p {
  padding-top: 22% !important;
}
.u-pt-23p {
  padding-top: 23% !important;
}
.u-pt-24p {
  padding-top: 24% !important;
}
.u-pt-25p {
  padding-top: 25% !important;
}
.u-pt-26p {
  padding-top: 26% !important;
}
.u-pt-27p {
  padding-top: 27% !important;
}
.u-pt-28p {
  padding-top: 28% !important;
}
.u-pt-29p {
  padding-top: 29% !important;
}
.u-pt-30p {
  padding-top: 30% !important;
}
.u-pt-31p {
  padding-top: 31% !important;
}
.u-pt-32p {
  padding-top: 32% !important;
}
.u-pt-33p {
  padding-top: 33% !important;
}
.u-pt-34p {
  padding-top: 34% !important;
}
.u-pt-35p {
  padding-top: 35% !important;
}
.u-pt-36p {
  padding-top: 36% !important;
}
.u-pt-37p {
  padding-top: 37% !important;
}
.u-pt-38p {
  padding-top: 38% !important;
}
.u-pt-39p {
  padding-top: 39% !important;
}
.u-pt-40p {
  padding-top: 40% !important;
}
.u-pt-41p {
  padding-top: 41% !important;
}
.u-pt-42p {
  padding-top: 42% !important;
}
.u-pt-43p {
  padding-top: 43% !important;
}
.u-pt-44p {
  padding-top: 44% !important;
}
.u-pt-45p {
  padding-top: 45% !important;
}
.u-pt-46p {
  padding-top: 46% !important;
}
.u-pt-47p {
  padding-top: 47% !important;
}
.u-pt-48p {
  padding-top: 48% !important;
}
.u-pt-49p {
  padding-top: 49% !important;
}
.u-pt-50p {
  padding-top: 50% !important;
}
.u-pt-51p {
  padding-top: 51% !important;
}
.u-pt-52p {
  padding-top: 52% !important;
}
.u-pt-53p {
  padding-top: 53% !important;
}
.u-pt-54p {
  padding-top: 54% !important;
}
.u-pt-55p {
  padding-top: 55% !important;
}
.u-pt-56p {
  padding-top: 56% !important;
}
.u-pt-57p {
  padding-top: 57% !important;
}
.u-pt-58p {
  padding-top: 58% !important;
}
.u-pt-59p {
  padding-top: 59% !important;
}
.u-pt-60p {
  padding-top: 60% !important;
}
.u-pt-61p {
  padding-top: 61% !important;
}
.u-pt-62p {
  padding-top: 62% !important;
}
.u-pt-63p {
  padding-top: 63% !important;
}
.u-pt-64p {
  padding-top: 64% !important;
}
.u-pt-65p {
  padding-top: 65% !important;
}
.u-pt-66p {
  padding-top: 66% !important;
}
.u-pt-67p {
  padding-top: 67% !important;
}
.u-pt-68p {
  padding-top: 68% !important;
}
.u-pt-69p {
  padding-top: 69% !important;
}
.u-pt-70p {
  padding-top: 70% !important;
}
.u-pt-71p {
  padding-top: 71% !important;
}
.u-pt-72p {
  padding-top: 72% !important;
}
.u-pt-73p {
  padding-top: 73% !important;
}
.u-pt-74p {
  padding-top: 74% !important;
}
.u-pt-75p {
  padding-top: 75% !important;
}
.u-pt-76p {
  padding-top: 76% !important;
}
.u-pt-77p {
  padding-top: 77% !important;
}
.u-pt-78p {
  padding-top: 78% !important;
}
.u-pt-79p {
  padding-top: 79% !important;
}
.u-pt-80p {
  padding-top: 80% !important;
}
.u-pt-81p {
  padding-top: 81% !important;
}
.u-pt-82p {
  padding-top: 82% !important;
}
.u-pt-83p {
  padding-top: 83% !important;
}
.u-pt-84p {
  padding-top: 84% !important;
}
.u-pt-85p {
  padding-top: 85% !important;
}
.u-pt-86p {
  padding-top: 86% !important;
}
.u-pt-87p {
  padding-top: 87% !important;
}
.u-pt-88p {
  padding-top: 88% !important;
}
.u-pt-89p {
  padding-top: 89% !important;
}
.u-pt-90p {
  padding-top: 90% !important;
}
.u-pt-91p {
  padding-top: 91% !important;
}
.u-pt-92p {
  padding-top: 92% !important;
}
.u-pt-93p {
  padding-top: 93% !important;
}
.u-pt-94p {
  padding-top: 94% !important;
}
.u-pt-95p {
  padding-top: 95% !important;
}
.u-pt-96p {
  padding-top: 96% !important;
}
.u-pt-97p {
  padding-top: 97% !important;
}
.u-pt-98p {
  padding-top: 98% !important;
}
.u-pt-99p {
  padding-top: 99% !important;
}
.u-pb-0 {
  padding-bottom: 0px !important;
}
.u-pb-1 {
  padding-bottom: 1px !important;
}
.u-pb-2 {
  padding-bottom: 2px !important;
}
.u-pb-3 {
  padding-bottom: 3px !important;
}
.u-pb-4 {
  padding-bottom: 4px !important;
}
.u-pb-5 {
  padding-bottom: 5px !important;
}
.u-pb-6 {
  padding-bottom: 6px !important;
}
.u-pb-7 {
  padding-bottom: 7px !important;
}
.u-pb-8 {
  padding-bottom: 8px !important;
}
.u-pb-9 {
  padding-bottom: 9px !important;
}
.u-pb-10 {
  padding-bottom: 10px !important;
}
.u-pb-11 {
  padding-bottom: 11px !important;
}
.u-pb-12 {
  padding-bottom: 12px !important;
}
.u-pb-13 {
  padding-bottom: 13px !important;
}
.u-pb-14 {
  padding-bottom: 14px !important;
}
.u-pb-15 {
  padding-bottom: 15px !important;
}
.u-pb-16 {
  padding-bottom: 16px !important;
}
.u-pb-17 {
  padding-bottom: 17px !important;
}
.u-pb-18 {
  padding-bottom: 18px !important;
}
.u-pb-19 {
  padding-bottom: 19px !important;
}
.u-pb-20 {
  padding-bottom: 20px !important;
}
.u-pb-21 {
  padding-bottom: 21px !important;
}
.u-pb-22 {
  padding-bottom: 22px !important;
}
.u-pb-23 {
  padding-bottom: 23px !important;
}
.u-pb-24 {
  padding-bottom: 24px !important;
}
.u-pb-25 {
  padding-bottom: 25px !important;
}
.u-pb-26 {
  padding-bottom: 26px !important;
}
.u-pb-27 {
  padding-bottom: 27px !important;
}
.u-pb-28 {
  padding-bottom: 28px !important;
}
.u-pb-29 {
  padding-bottom: 29px !important;
}
.u-pb-30 {
  padding-bottom: 30px !important;
}
.u-pb-31 {
  padding-bottom: 31px !important;
}
.u-pb-32 {
  padding-bottom: 32px !important;
}
.u-pb-33 {
  padding-bottom: 33px !important;
}
.u-pb-34 {
  padding-bottom: 34px !important;
}
.u-pb-35 {
  padding-bottom: 35px !important;
}
.u-pb-36 {
  padding-bottom: 36px !important;
}
.u-pb-37 {
  padding-bottom: 37px !important;
}
.u-pb-38 {
  padding-bottom: 38px !important;
}
.u-pb-39 {
  padding-bottom: 39px !important;
}
.u-pb-40 {
  padding-bottom: 40px !important;
}
.u-pb-41 {
  padding-bottom: 41px !important;
}
.u-pb-42 {
  padding-bottom: 42px !important;
}
.u-pb-43 {
  padding-bottom: 43px !important;
}
.u-pb-44 {
  padding-bottom: 44px !important;
}
.u-pb-45 {
  padding-bottom: 45px !important;
}
.u-pb-46 {
  padding-bottom: 46px !important;
}
.u-pb-47 {
  padding-bottom: 47px !important;
}
.u-pb-48 {
  padding-bottom: 48px !important;
}
.u-pb-49 {
  padding-bottom: 49px !important;
}
.u-pb-50 {
  padding-bottom: 50px !important;
}
.u-pb-51 {
  padding-bottom: 51px !important;
}
.u-pb-52 {
  padding-bottom: 52px !important;
}
.u-pb-53 {
  padding-bottom: 53px !important;
}
.u-pb-54 {
  padding-bottom: 54px !important;
}
.u-pb-55 {
  padding-bottom: 55px !important;
}
.u-pb-56 {
  padding-bottom: 56px !important;
}
.u-pb-57 {
  padding-bottom: 57px !important;
}
.u-pb-58 {
  padding-bottom: 58px !important;
}
.u-pb-59 {
  padding-bottom: 59px !important;
}
.u-pb-60 {
  padding-bottom: 60px !important;
}
.u-pb-61 {
  padding-bottom: 61px !important;
}
.u-pb-62 {
  padding-bottom: 62px !important;
}
.u-pb-63 {
  padding-bottom: 63px !important;
}
.u-pb-64 {
  padding-bottom: 64px !important;
}
.u-pb-65 {
  padding-bottom: 65px !important;
}
.u-pb-66 {
  padding-bottom: 66px !important;
}
.u-pb-67 {
  padding-bottom: 67px !important;
}
.u-pb-68 {
  padding-bottom: 68px !important;
}
.u-pb-69 {
  padding-bottom: 69px !important;
}
.u-pb-70 {
  padding-bottom: 70px !important;
}
.u-pb-71 {
  padding-bottom: 71px !important;
}
.u-pb-72 {
  padding-bottom: 72px !important;
}
.u-pb-73 {
  padding-bottom: 73px !important;
}
.u-pb-74 {
  padding-bottom: 74px !important;
}
.u-pb-75 {
  padding-bottom: 75px !important;
}
.u-pb-76 {
  padding-bottom: 76px !important;
}
.u-pb-77 {
  padding-bottom: 77px !important;
}
.u-pb-78 {
  padding-bottom: 78px !important;
}
.u-pb-79 {
  padding-bottom: 79px !important;
}
.u-pb-80 {
  padding-bottom: 80px !important;
}
.u-pb-81 {
  padding-bottom: 81px !important;
}
.u-pb-82 {
  padding-bottom: 82px !important;
}
.u-pb-83 {
  padding-bottom: 83px !important;
}
.u-pb-84 {
  padding-bottom: 84px !important;
}
.u-pb-85 {
  padding-bottom: 85px !important;
}
.u-pb-86 {
  padding-bottom: 86px !important;
}
.u-pb-87 {
  padding-bottom: 87px !important;
}
.u-pb-88 {
  padding-bottom: 88px !important;
}
.u-pb-89 {
  padding-bottom: 89px !important;
}
.u-pb-90 {
  padding-bottom: 90px !important;
}
.u-pb-91 {
  padding-bottom: 91px !important;
}
.u-pb-92 {
  padding-bottom: 92px !important;
}
.u-pb-93 {
  padding-bottom: 93px !important;
}
.u-pb-94 {
  padding-bottom: 94px !important;
}
.u-pb-95 {
  padding-bottom: 95px !important;
}
.u-pb-96 {
  padding-bottom: 96px !important;
}
.u-pb-97 {
  padding-bottom: 97px !important;
}
.u-pb-98 {
  padding-bottom: 98px !important;
}
.u-pb-99 {
  padding-bottom: 99px !important;
}
.u-pb-0p {
  padding-bottom: 0% !important;
}
.u-pb-1p {
  padding-bottom: 1% !important;
}
.u-pb-2p {
  padding-bottom: 2% !important;
}
.u-pb-3p {
  padding-bottom: 3% !important;
}
.u-pb-4p {
  padding-bottom: 4% !important;
}
.u-pb-5p {
  padding-bottom: 5% !important;
}
.u-pb-6p {
  padding-bottom: 6% !important;
}
.u-pb-7p {
  padding-bottom: 7% !important;
}
.u-pb-8p {
  padding-bottom: 8% !important;
}
.u-pb-9p {
  padding-bottom: 9% !important;
}
.u-pb-10p {
  padding-bottom: 10% !important;
}
.u-pb-11p {
  padding-bottom: 11% !important;
}
.u-pb-12p {
  padding-bottom: 12% !important;
}
.u-pb-13p {
  padding-bottom: 13% !important;
}
.u-pb-14p {
  padding-bottom: 14% !important;
}
.u-pb-15p {
  padding-bottom: 15% !important;
}
.u-pb-16p {
  padding-bottom: 16% !important;
}
.u-pb-17p {
  padding-bottom: 17% !important;
}
.u-pb-18p {
  padding-bottom: 18% !important;
}
.u-pb-19p {
  padding-bottom: 19% !important;
}
.u-pb-20p {
  padding-bottom: 20% !important;
}
.u-pb-21p {
  padding-bottom: 21% !important;
}
.u-pb-22p {
  padding-bottom: 22% !important;
}
.u-pb-23p {
  padding-bottom: 23% !important;
}
.u-pb-24p {
  padding-bottom: 24% !important;
}
.u-pb-25p {
  padding-bottom: 25% !important;
}
.u-pb-26p {
  padding-bottom: 26% !important;
}
.u-pb-27p {
  padding-bottom: 27% !important;
}
.u-pb-28p {
  padding-bottom: 28% !important;
}
.u-pb-29p {
  padding-bottom: 29% !important;
}
.u-pb-30p {
  padding-bottom: 30% !important;
}
.u-pb-31p {
  padding-bottom: 31% !important;
}
.u-pb-32p {
  padding-bottom: 32% !important;
}
.u-pb-33p {
  padding-bottom: 33% !important;
}
.u-pb-34p {
  padding-bottom: 34% !important;
}
.u-pb-35p {
  padding-bottom: 35% !important;
}
.u-pb-36p {
  padding-bottom: 36% !important;
}
.u-pb-37p {
  padding-bottom: 37% !important;
}
.u-pb-38p {
  padding-bottom: 38% !important;
}
.u-pb-39p {
  padding-bottom: 39% !important;
}
.u-pb-40p {
  padding-bottom: 40% !important;
}
.u-pb-41p {
  padding-bottom: 41% !important;
}
.u-pb-42p {
  padding-bottom: 42% !important;
}
.u-pb-43p {
  padding-bottom: 43% !important;
}
.u-pb-44p {
  padding-bottom: 44% !important;
}
.u-pb-45p {
  padding-bottom: 45% !important;
}
.u-pb-46p {
  padding-bottom: 46% !important;
}
.u-pb-47p {
  padding-bottom: 47% !important;
}
.u-pb-48p {
  padding-bottom: 48% !important;
}
.u-pb-49p {
  padding-bottom: 49% !important;
}
.u-pb-50p {
  padding-bottom: 50% !important;
}
.u-pb-51p {
  padding-bottom: 51% !important;
}
.u-pb-52p {
  padding-bottom: 52% !important;
}
.u-pb-53p {
  padding-bottom: 53% !important;
}
.u-pb-54p {
  padding-bottom: 54% !important;
}
.u-pb-55p {
  padding-bottom: 55% !important;
}
.u-pb-56p {
  padding-bottom: 56% !important;
}
.u-pb-57p {
  padding-bottom: 57% !important;
}
.u-pb-58p {
  padding-bottom: 58% !important;
}
.u-pb-59p {
  padding-bottom: 59% !important;
}
.u-pb-60p {
  padding-bottom: 60% !important;
}
.u-pb-61p {
  padding-bottom: 61% !important;
}
.u-pb-62p {
  padding-bottom: 62% !important;
}
.u-pb-63p {
  padding-bottom: 63% !important;
}
.u-pb-64p {
  padding-bottom: 64% !important;
}
.u-pb-65p {
  padding-bottom: 65% !important;
}
.u-pb-66p {
  padding-bottom: 66% !important;
}
.u-pb-67p {
  padding-bottom: 67% !important;
}
.u-pb-68p {
  padding-bottom: 68% !important;
}
.u-pb-69p {
  padding-bottom: 69% !important;
}
.u-pb-70p {
  padding-bottom: 70% !important;
}
.u-pb-71p {
  padding-bottom: 71% !important;
}
.u-pb-72p {
  padding-bottom: 72% !important;
}
.u-pb-73p {
  padding-bottom: 73% !important;
}
.u-pb-74p {
  padding-bottom: 74% !important;
}
.u-pb-75p {
  padding-bottom: 75% !important;
}
.u-pb-76p {
  padding-bottom: 76% !important;
}
.u-pb-77p {
  padding-bottom: 77% !important;
}
.u-pb-78p {
  padding-bottom: 78% !important;
}
.u-pb-79p {
  padding-bottom: 79% !important;
}
.u-pb-80p {
  padding-bottom: 80% !important;
}
.u-pb-81p {
  padding-bottom: 81% !important;
}
.u-pb-82p {
  padding-bottom: 82% !important;
}
.u-pb-83p {
  padding-bottom: 83% !important;
}
.u-pb-84p {
  padding-bottom: 84% !important;
}
.u-pb-85p {
  padding-bottom: 85% !important;
}
.u-pb-86p {
  padding-bottom: 86% !important;
}
.u-pb-87p {
  padding-bottom: 87% !important;
}
.u-pb-88p {
  padding-bottom: 88% !important;
}
.u-pb-89p {
  padding-bottom: 89% !important;
}
.u-pb-90p {
  padding-bottom: 90% !important;
}
.u-pb-91p {
  padding-bottom: 91% !important;
}
.u-pb-92p {
  padding-bottom: 92% !important;
}
.u-pb-93p {
  padding-bottom: 93% !important;
}
.u-pb-94p {
  padding-bottom: 94% !important;
}
.u-pb-95p {
  padding-bottom: 95% !important;
}
.u-pb-96p {
  padding-bottom: 96% !important;
}
.u-pb-97p {
  padding-bottom: 97% !important;
}
.u-pb-98p {
  padding-bottom: 98% !important;
}
.u-pb-99p {
  padding-bottom: 99% !important;
}
.u-pl-0 {
  padding-left: 0px !important;
}
.u-pl-1 {
  padding-left: 1px !important;
}
.u-pl-2 {
  padding-left: 2px !important;
}
.u-pl-3 {
  padding-left: 3px !important;
}
.u-pl-4 {
  padding-left: 4px !important;
}
.u-pl-5 {
  padding-left: 5px !important;
}
.u-pl-6 {
  padding-left: 6px !important;
}
.u-pl-7 {
  padding-left: 7px !important;
}
.u-pl-8 {
  padding-left: 8px !important;
}
.u-pl-9 {
  padding-left: 9px !important;
}
.u-pl-10 {
  padding-left: 10px !important;
}
.u-pl-11 {
  padding-left: 11px !important;
}
.u-pl-12 {
  padding-left: 12px !important;
}
.u-pl-13 {
  padding-left: 13px !important;
}
.u-pl-14 {
  padding-left: 14px !important;
}
.u-pl-15 {
  padding-left: 15px !important;
}
.u-pl-16 {
  padding-left: 16px !important;
}
.u-pl-17 {
  padding-left: 17px !important;
}
.u-pl-18 {
  padding-left: 18px !important;
}
.u-pl-19 {
  padding-left: 19px !important;
}
.u-pl-20 {
  padding-left: 20px !important;
}
.u-pl-21 {
  padding-left: 21px !important;
}
.u-pl-22 {
  padding-left: 22px !important;
}
.u-pl-23 {
  padding-left: 23px !important;
}
.u-pl-24 {
  padding-left: 24px !important;
}
.u-pl-25 {
  padding-left: 25px !important;
}
.u-pl-26 {
  padding-left: 26px !important;
}
.u-pl-27 {
  padding-left: 27px !important;
}
.u-pl-28 {
  padding-left: 28px !important;
}
.u-pl-29 {
  padding-left: 29px !important;
}
.u-pl-30 {
  padding-left: 30px !important;
}
.u-pl-31 {
  padding-left: 31px !important;
}
.u-pl-32 {
  padding-left: 32px !important;
}
.u-pl-33 {
  padding-left: 33px !important;
}
.u-pl-34 {
  padding-left: 34px !important;
}
.u-pl-35 {
  padding-left: 35px !important;
}
.u-pl-36 {
  padding-left: 36px !important;
}
.u-pl-37 {
  padding-left: 37px !important;
}
.u-pl-38 {
  padding-left: 38px !important;
}
.u-pl-39 {
  padding-left: 39px !important;
}
.u-pl-40 {
  padding-left: 40px !important;
}
.u-pl-41 {
  padding-left: 41px !important;
}
.u-pl-42 {
  padding-left: 42px !important;
}
.u-pl-43 {
  padding-left: 43px !important;
}
.u-pl-44 {
  padding-left: 44px !important;
}
.u-pl-45 {
  padding-left: 45px !important;
}
.u-pl-46 {
  padding-left: 46px !important;
}
.u-pl-47 {
  padding-left: 47px !important;
}
.u-pl-48 {
  padding-left: 48px !important;
}
.u-pl-49 {
  padding-left: 49px !important;
}
.u-pl-50 {
  padding-left: 50px !important;
}
.u-pl-51 {
  padding-left: 51px !important;
}
.u-pl-52 {
  padding-left: 52px !important;
}
.u-pl-53 {
  padding-left: 53px !important;
}
.u-pl-54 {
  padding-left: 54px !important;
}
.u-pl-55 {
  padding-left: 55px !important;
}
.u-pl-56 {
  padding-left: 56px !important;
}
.u-pl-57 {
  padding-left: 57px !important;
}
.u-pl-58 {
  padding-left: 58px !important;
}
.u-pl-59 {
  padding-left: 59px !important;
}
.u-pl-60 {
  padding-left: 60px !important;
}
.u-pl-61 {
  padding-left: 61px !important;
}
.u-pl-62 {
  padding-left: 62px !important;
}
.u-pl-63 {
  padding-left: 63px !important;
}
.u-pl-64 {
  padding-left: 64px !important;
}
.u-pl-65 {
  padding-left: 65px !important;
}
.u-pl-66 {
  padding-left: 66px !important;
}
.u-pl-67 {
  padding-left: 67px !important;
}
.u-pl-68 {
  padding-left: 68px !important;
}
.u-pl-69 {
  padding-left: 69px !important;
}
.u-pl-70 {
  padding-left: 70px !important;
}
.u-pl-71 {
  padding-left: 71px !important;
}
.u-pl-72 {
  padding-left: 72px !important;
}
.u-pl-73 {
  padding-left: 73px !important;
}
.u-pl-74 {
  padding-left: 74px !important;
}
.u-pl-75 {
  padding-left: 75px !important;
}
.u-pl-76 {
  padding-left: 76px !important;
}
.u-pl-77 {
  padding-left: 77px !important;
}
.u-pl-78 {
  padding-left: 78px !important;
}
.u-pl-79 {
  padding-left: 79px !important;
}
.u-pl-80 {
  padding-left: 80px !important;
}
.u-pl-81 {
  padding-left: 81px !important;
}
.u-pl-82 {
  padding-left: 82px !important;
}
.u-pl-83 {
  padding-left: 83px !important;
}
.u-pl-84 {
  padding-left: 84px !important;
}
.u-pl-85 {
  padding-left: 85px !important;
}
.u-pl-86 {
  padding-left: 86px !important;
}
.u-pl-87 {
  padding-left: 87px !important;
}
.u-pl-88 {
  padding-left: 88px !important;
}
.u-pl-89 {
  padding-left: 89px !important;
}
.u-pl-90 {
  padding-left: 90px !important;
}
.u-pl-91 {
  padding-left: 91px !important;
}
.u-pl-92 {
  padding-left: 92px !important;
}
.u-pl-93 {
  padding-left: 93px !important;
}
.u-pl-94 {
  padding-left: 94px !important;
}
.u-pl-95 {
  padding-left: 95px !important;
}
.u-pl-96 {
  padding-left: 96px !important;
}
.u-pl-97 {
  padding-left: 97px !important;
}
.u-pl-98 {
  padding-left: 98px !important;
}
.u-pl-99 {
  padding-left: 99px !important;
}
.u-pl-0p {
  padding-left: 0% !important;
}
.u-pl-1p {
  padding-left: 1% !important;
}
.u-pl-2p {
  padding-left: 2% !important;
}
.u-pl-3p {
  padding-left: 3% !important;
}
.u-pl-4p {
  padding-left: 4% !important;
}
.u-pl-5p {
  padding-left: 5% !important;
}
.u-pl-6p {
  padding-left: 6% !important;
}
.u-pl-7p {
  padding-left: 7% !important;
}
.u-pl-8p {
  padding-left: 8% !important;
}
.u-pl-9p {
  padding-left: 9% !important;
}
.u-pl-10p {
  padding-left: 10% !important;
}
.u-pl-11p {
  padding-left: 11% !important;
}
.u-pl-12p {
  padding-left: 12% !important;
}
.u-pl-13p {
  padding-left: 13% !important;
}
.u-pl-14p {
  padding-left: 14% !important;
}
.u-pl-15p {
  padding-left: 15% !important;
}
.u-pl-16p {
  padding-left: 16% !important;
}
.u-pl-17p {
  padding-left: 17% !important;
}
.u-pl-18p {
  padding-left: 18% !important;
}
.u-pl-19p {
  padding-left: 19% !important;
}
.u-pl-20p {
  padding-left: 20% !important;
}
.u-pl-21p {
  padding-left: 21% !important;
}
.u-pl-22p {
  padding-left: 22% !important;
}
.u-pl-23p {
  padding-left: 23% !important;
}
.u-pl-24p {
  padding-left: 24% !important;
}
.u-pl-25p {
  padding-left: 25% !important;
}
.u-pl-26p {
  padding-left: 26% !important;
}
.u-pl-27p {
  padding-left: 27% !important;
}
.u-pl-28p {
  padding-left: 28% !important;
}
.u-pl-29p {
  padding-left: 29% !important;
}
.u-pl-30p {
  padding-left: 30% !important;
}
.u-pl-31p {
  padding-left: 31% !important;
}
.u-pl-32p {
  padding-left: 32% !important;
}
.u-pl-33p {
  padding-left: 33% !important;
}
.u-pl-34p {
  padding-left: 34% !important;
}
.u-pl-35p {
  padding-left: 35% !important;
}
.u-pl-36p {
  padding-left: 36% !important;
}
.u-pl-37p {
  padding-left: 37% !important;
}
.u-pl-38p {
  padding-left: 38% !important;
}
.u-pl-39p {
  padding-left: 39% !important;
}
.u-pl-40p {
  padding-left: 40% !important;
}
.u-pl-41p {
  padding-left: 41% !important;
}
.u-pl-42p {
  padding-left: 42% !important;
}
.u-pl-43p {
  padding-left: 43% !important;
}
.u-pl-44p {
  padding-left: 44% !important;
}
.u-pl-45p {
  padding-left: 45% !important;
}
.u-pl-46p {
  padding-left: 46% !important;
}
.u-pl-47p {
  padding-left: 47% !important;
}
.u-pl-48p {
  padding-left: 48% !important;
}
.u-pl-49p {
  padding-left: 49% !important;
}
.u-pl-50p {
  padding-left: 50% !important;
}
.u-pl-51p {
  padding-left: 51% !important;
}
.u-pl-52p {
  padding-left: 52% !important;
}
.u-pl-53p {
  padding-left: 53% !important;
}
.u-pl-54p {
  padding-left: 54% !important;
}
.u-pl-55p {
  padding-left: 55% !important;
}
.u-pl-56p {
  padding-left: 56% !important;
}
.u-pl-57p {
  padding-left: 57% !important;
}
.u-pl-58p {
  padding-left: 58% !important;
}
.u-pl-59p {
  padding-left: 59% !important;
}
.u-pl-60p {
  padding-left: 60% !important;
}
.u-pl-61p {
  padding-left: 61% !important;
}
.u-pl-62p {
  padding-left: 62% !important;
}
.u-pl-63p {
  padding-left: 63% !important;
}
.u-pl-64p {
  padding-left: 64% !important;
}
.u-pl-65p {
  padding-left: 65% !important;
}
.u-pl-66p {
  padding-left: 66% !important;
}
.u-pl-67p {
  padding-left: 67% !important;
}
.u-pl-68p {
  padding-left: 68% !important;
}
.u-pl-69p {
  padding-left: 69% !important;
}
.u-pl-70p {
  padding-left: 70% !important;
}
.u-pl-71p {
  padding-left: 71% !important;
}
.u-pl-72p {
  padding-left: 72% !important;
}
.u-pl-73p {
  padding-left: 73% !important;
}
.u-pl-74p {
  padding-left: 74% !important;
}
.u-pl-75p {
  padding-left: 75% !important;
}
.u-pl-76p {
  padding-left: 76% !important;
}
.u-pl-77p {
  padding-left: 77% !important;
}
.u-pl-78p {
  padding-left: 78% !important;
}
.u-pl-79p {
  padding-left: 79% !important;
}
.u-pl-80p {
  padding-left: 80% !important;
}
.u-pl-81p {
  padding-left: 81% !important;
}
.u-pl-82p {
  padding-left: 82% !important;
}
.u-pl-83p {
  padding-left: 83% !important;
}
.u-pl-84p {
  padding-left: 84% !important;
}
.u-pl-85p {
  padding-left: 85% !important;
}
.u-pl-86p {
  padding-left: 86% !important;
}
.u-pl-87p {
  padding-left: 87% !important;
}
.u-pl-88p {
  padding-left: 88% !important;
}
.u-pl-89p {
  padding-left: 89% !important;
}
.u-pl-90p {
  padding-left: 90% !important;
}
.u-pl-91p {
  padding-left: 91% !important;
}
.u-pl-92p {
  padding-left: 92% !important;
}
.u-pl-93p {
  padding-left: 93% !important;
}
.u-pl-94p {
  padding-left: 94% !important;
}
.u-pl-95p {
  padding-left: 95% !important;
}
.u-pl-96p {
  padding-left: 96% !important;
}
.u-pl-97p {
  padding-left: 97% !important;
}
.u-pl-98p {
  padding-left: 98% !important;
}
.u-pl-99p {
  padding-left: 99% !important;
}
.u-pr-0 {
  padding-right: 0px !important;
}
.u-pr-1 {
  padding-right: 1px !important;
}
.u-pr-2 {
  padding-right: 2px !important;
}
.u-pr-3 {
  padding-right: 3px !important;
}
.u-pr-4 {
  padding-right: 4px !important;
}
.u-pr-5 {
  padding-right: 5px !important;
}
.u-pr-6 {
  padding-right: 6px !important;
}
.u-pr-7 {
  padding-right: 7px !important;
}
.u-pr-8 {
  padding-right: 8px !important;
}
.u-pr-9 {
  padding-right: 9px !important;
}
.u-pr-10 {
  padding-right: 10px !important;
}
.u-pr-11 {
  padding-right: 11px !important;
}
.u-pr-12 {
  padding-right: 12px !important;
}
.u-pr-13 {
  padding-right: 13px !important;
}
.u-pr-14 {
  padding-right: 14px !important;
}
.u-pr-15 {
  padding-right: 15px !important;
}
.u-pr-16 {
  padding-right: 16px !important;
}
.u-pr-17 {
  padding-right: 17px !important;
}
.u-pr-18 {
  padding-right: 18px !important;
}
.u-pr-19 {
  padding-right: 19px !important;
}
.u-pr-20 {
  padding-right: 20px !important;
}
.u-pr-21 {
  padding-right: 21px !important;
}
.u-pr-22 {
  padding-right: 22px !important;
}
.u-pr-23 {
  padding-right: 23px !important;
}
.u-pr-24 {
  padding-right: 24px !important;
}
.u-pr-25 {
  padding-right: 25px !important;
}
.u-pr-26 {
  padding-right: 26px !important;
}
.u-pr-27 {
  padding-right: 27px !important;
}
.u-pr-28 {
  padding-right: 28px !important;
}
.u-pr-29 {
  padding-right: 29px !important;
}
.u-pr-30 {
  padding-right: 30px !important;
}
.u-pr-31 {
  padding-right: 31px !important;
}
.u-pr-32 {
  padding-right: 32px !important;
}
.u-pr-33 {
  padding-right: 33px !important;
}
.u-pr-34 {
  padding-right: 34px !important;
}
.u-pr-35 {
  padding-right: 35px !important;
}
.u-pr-36 {
  padding-right: 36px !important;
}
.u-pr-37 {
  padding-right: 37px !important;
}
.u-pr-38 {
  padding-right: 38px !important;
}
.u-pr-39 {
  padding-right: 39px !important;
}
.u-pr-40 {
  padding-right: 40px !important;
}
.u-pr-41 {
  padding-right: 41px !important;
}
.u-pr-42 {
  padding-right: 42px !important;
}
.u-pr-43 {
  padding-right: 43px !important;
}
.u-pr-44 {
  padding-right: 44px !important;
}
.u-pr-45 {
  padding-right: 45px !important;
}
.u-pr-46 {
  padding-right: 46px !important;
}
.u-pr-47 {
  padding-right: 47px !important;
}
.u-pr-48 {
  padding-right: 48px !important;
}
.u-pr-49 {
  padding-right: 49px !important;
}
.u-pr-50 {
  padding-right: 50px !important;
}
.u-pr-51 {
  padding-right: 51px !important;
}
.u-pr-52 {
  padding-right: 52px !important;
}
.u-pr-53 {
  padding-right: 53px !important;
}
.u-pr-54 {
  padding-right: 54px !important;
}
.u-pr-55 {
  padding-right: 55px !important;
}
.u-pr-56 {
  padding-right: 56px !important;
}
.u-pr-57 {
  padding-right: 57px !important;
}
.u-pr-58 {
  padding-right: 58px !important;
}
.u-pr-59 {
  padding-right: 59px !important;
}
.u-pr-60 {
  padding-right: 60px !important;
}
.u-pr-61 {
  padding-right: 61px !important;
}
.u-pr-62 {
  padding-right: 62px !important;
}
.u-pr-63 {
  padding-right: 63px !important;
}
.u-pr-64 {
  padding-right: 64px !important;
}
.u-pr-65 {
  padding-right: 65px !important;
}
.u-pr-66 {
  padding-right: 66px !important;
}
.u-pr-67 {
  padding-right: 67px !important;
}
.u-pr-68 {
  padding-right: 68px !important;
}
.u-pr-69 {
  padding-right: 69px !important;
}
.u-pr-70 {
  padding-right: 70px !important;
}
.u-pr-71 {
  padding-right: 71px !important;
}
.u-pr-72 {
  padding-right: 72px !important;
}
.u-pr-73 {
  padding-right: 73px !important;
}
.u-pr-74 {
  padding-right: 74px !important;
}
.u-pr-75 {
  padding-right: 75px !important;
}
.u-pr-76 {
  padding-right: 76px !important;
}
.u-pr-77 {
  padding-right: 77px !important;
}
.u-pr-78 {
  padding-right: 78px !important;
}
.u-pr-79 {
  padding-right: 79px !important;
}
.u-pr-80 {
  padding-right: 80px !important;
}
.u-pr-81 {
  padding-right: 81px !important;
}
.u-pr-82 {
  padding-right: 82px !important;
}
.u-pr-83 {
  padding-right: 83px !important;
}
.u-pr-84 {
  padding-right: 84px !important;
}
.u-pr-85 {
  padding-right: 85px !important;
}
.u-pr-86 {
  padding-right: 86px !important;
}
.u-pr-87 {
  padding-right: 87px !important;
}
.u-pr-88 {
  padding-right: 88px !important;
}
.u-pr-89 {
  padding-right: 89px !important;
}
.u-pr-90 {
  padding-right: 90px !important;
}
.u-pr-91 {
  padding-right: 91px !important;
}
.u-pr-92 {
  padding-right: 92px !important;
}
.u-pr-93 {
  padding-right: 93px !important;
}
.u-pr-94 {
  padding-right: 94px !important;
}
.u-pr-95 {
  padding-right: 95px !important;
}
.u-pr-96 {
  padding-right: 96px !important;
}
.u-pr-97 {
  padding-right: 97px !important;
}
.u-pr-98 {
  padding-right: 98px !important;
}
.u-pr-99 {
  padding-right: 99px !important;
}
.u-pr-0p {
  padding-right: 0% !important;
}
.u-pr-1p {
  padding-right: 1% !important;
}
.u-pr-2p {
  padding-right: 2% !important;
}
.u-pr-3p {
  padding-right: 3% !important;
}
.u-pr-4p {
  padding-right: 4% !important;
}
.u-pr-5p {
  padding-right: 5% !important;
}
.u-pr-6p {
  padding-right: 6% !important;
}
.u-pr-7p {
  padding-right: 7% !important;
}
.u-pr-8p {
  padding-right: 8% !important;
}
.u-pr-9p {
  padding-right: 9% !important;
}
.u-pr-10p {
  padding-right: 10% !important;
}
.u-pr-11p {
  padding-right: 11% !important;
}
.u-pr-12p {
  padding-right: 12% !important;
}
.u-pr-13p {
  padding-right: 13% !important;
}
.u-pr-14p {
  padding-right: 14% !important;
}
.u-pr-15p {
  padding-right: 15% !important;
}
.u-pr-16p {
  padding-right: 16% !important;
}
.u-pr-17p {
  padding-right: 17% !important;
}
.u-pr-18p {
  padding-right: 18% !important;
}
.u-pr-19p {
  padding-right: 19% !important;
}
.u-pr-20p {
  padding-right: 20% !important;
}
.u-pr-21p {
  padding-right: 21% !important;
}
.u-pr-22p {
  padding-right: 22% !important;
}
.u-pr-23p {
  padding-right: 23% !important;
}
.u-pr-24p {
  padding-right: 24% !important;
}
.u-pr-25p {
  padding-right: 25% !important;
}
.u-pr-26p {
  padding-right: 26% !important;
}
.u-pr-27p {
  padding-right: 27% !important;
}
.u-pr-28p {
  padding-right: 28% !important;
}
.u-pr-29p {
  padding-right: 29% !important;
}
.u-pr-30p {
  padding-right: 30% !important;
}
.u-pr-31p {
  padding-right: 31% !important;
}
.u-pr-32p {
  padding-right: 32% !important;
}
.u-pr-33p {
  padding-right: 33% !important;
}
.u-pr-34p {
  padding-right: 34% !important;
}
.u-pr-35p {
  padding-right: 35% !important;
}
.u-pr-36p {
  padding-right: 36% !important;
}
.u-pr-37p {
  padding-right: 37% !important;
}
.u-pr-38p {
  padding-right: 38% !important;
}
.u-pr-39p {
  padding-right: 39% !important;
}
.u-pr-40p {
  padding-right: 40% !important;
}
.u-pr-41p {
  padding-right: 41% !important;
}
.u-pr-42p {
  padding-right: 42% !important;
}
.u-pr-43p {
  padding-right: 43% !important;
}
.u-pr-44p {
  padding-right: 44% !important;
}
.u-pr-45p {
  padding-right: 45% !important;
}
.u-pr-46p {
  padding-right: 46% !important;
}
.u-pr-47p {
  padding-right: 47% !important;
}
.u-pr-48p {
  padding-right: 48% !important;
}
.u-pr-49p {
  padding-right: 49% !important;
}
.u-pr-50p {
  padding-right: 50% !important;
}
.u-pr-51p {
  padding-right: 51% !important;
}
.u-pr-52p {
  padding-right: 52% !important;
}
.u-pr-53p {
  padding-right: 53% !important;
}
.u-pr-54p {
  padding-right: 54% !important;
}
.u-pr-55p {
  padding-right: 55% !important;
}
.u-pr-56p {
  padding-right: 56% !important;
}
.u-pr-57p {
  padding-right: 57% !important;
}
.u-pr-58p {
  padding-right: 58% !important;
}
.u-pr-59p {
  padding-right: 59% !important;
}
.u-pr-60p {
  padding-right: 60% !important;
}
.u-pr-61p {
  padding-right: 61% !important;
}
.u-pr-62p {
  padding-right: 62% !important;
}
.u-pr-63p {
  padding-right: 63% !important;
}
.u-pr-64p {
  padding-right: 64% !important;
}
.u-pr-65p {
  padding-right: 65% !important;
}
.u-pr-66p {
  padding-right: 66% !important;
}
.u-pr-67p {
  padding-right: 67% !important;
}
.u-pr-68p {
  padding-right: 68% !important;
}
.u-pr-69p {
  padding-right: 69% !important;
}
.u-pr-70p {
  padding-right: 70% !important;
}
.u-pr-71p {
  padding-right: 71% !important;
}
.u-pr-72p {
  padding-right: 72% !important;
}
.u-pr-73p {
  padding-right: 73% !important;
}
.u-pr-74p {
  padding-right: 74% !important;
}
.u-pr-75p {
  padding-right: 75% !important;
}
.u-pr-76p {
  padding-right: 76% !important;
}
.u-pr-77p {
  padding-right: 77% !important;
}
.u-pr-78p {
  padding-right: 78% !important;
}
.u-pr-79p {
  padding-right: 79% !important;
}
.u-pr-80p {
  padding-right: 80% !important;
}
.u-pr-81p {
  padding-right: 81% !important;
}
.u-pr-82p {
  padding-right: 82% !important;
}
.u-pr-83p {
  padding-right: 83% !important;
}
.u-pr-84p {
  padding-right: 84% !important;
}
.u-pr-85p {
  padding-right: 85% !important;
}
.u-pr-86p {
  padding-right: 86% !important;
}
.u-pr-87p {
  padding-right: 87% !important;
}
.u-pr-88p {
  padding-right: 88% !important;
}
.u-pr-89p {
  padding-right: 89% !important;
}
.u-pr-90p {
  padding-right: 90% !important;
}
.u-pr-91p {
  padding-right: 91% !important;
}
.u-pr-92p {
  padding-right: 92% !important;
}
.u-pr-93p {
  padding-right: 93% !important;
}
.u-pr-94p {
  padding-right: 94% !important;
}
.u-pr-95p {
  padding-right: 95% !important;
}
.u-pr-96p {
  padding-right: 96% !important;
}
.u-pr-97p {
  padding-right: 97% !important;
}
.u-pr-98p {
  padding-right: 98% !important;
}
.u-pr-99p {
  padding-right: 99% !important;
}
.u-ptb-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-ptb-1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
.u-ptb-2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.u-ptb-3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
.u-ptb-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.u-ptb-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.u-ptb-6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.u-ptb-7 {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
.u-ptb-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-ptb-9 {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}
.u-ptb-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.u-ptb-11 {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}
.u-ptb-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.u-ptb-13 {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}
.u-ptb-14 {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}
.u-ptb-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.u-ptb-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-ptb-17 {
  padding-top: 17px !important;
  padding-bottom: 17px !important;
}
.u-ptb-18 {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}
.u-ptb-19 {
  padding-top: 19px !important;
  padding-bottom: 19px !important;
}
.u-ptb-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.u-ptb-21 {
  padding-top: 21px !important;
  padding-bottom: 21px !important;
}
.u-ptb-22 {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}
.u-ptb-23 {
  padding-top: 23px !important;
  padding-bottom: 23px !important;
}
.u-ptb-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-ptb-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
.u-ptb-26 {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}
.u-ptb-27 {
  padding-top: 27px !important;
  padding-bottom: 27px !important;
}
.u-ptb-28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}
.u-ptb-29 {
  padding-top: 29px !important;
  padding-bottom: 29px !important;
}
.u-ptb-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.u-ptb-31 {
  padding-top: 31px !important;
  padding-bottom: 31px !important;
}
.u-ptb-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-ptb-33 {
  padding-top: 33px !important;
  padding-bottom: 33px !important;
}
.u-ptb-34 {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}
.u-ptb-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}
.u-ptb-36 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}
.u-ptb-37 {
  padding-top: 37px !important;
  padding-bottom: 37px !important;
}
.u-ptb-38 {
  padding-top: 38px !important;
  padding-bottom: 38px !important;
}
.u-ptb-39 {
  padding-top: 39px !important;
  padding-bottom: 39px !important;
}
.u-ptb-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-ptb-41 {
  padding-top: 41px !important;
  padding-bottom: 41px !important;
}
.u-ptb-42 {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}
.u-ptb-43 {
  padding-top: 43px !important;
  padding-bottom: 43px !important;
}
.u-ptb-44 {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}
.u-ptb-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}
.u-ptb-46 {
  padding-top: 46px !important;
  padding-bottom: 46px !important;
}
.u-ptb-47 {
  padding-top: 47px !important;
  padding-bottom: 47px !important;
}
.u-ptb-48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-ptb-49 {
  padding-top: 49px !important;
  padding-bottom: 49px !important;
}
.u-ptb-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.u-ptb-51 {
  padding-top: 51px !important;
  padding-bottom: 51px !important;
}
.u-ptb-52 {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}
.u-ptb-53 {
  padding-top: 53px !important;
  padding-bottom: 53px !important;
}
.u-ptb-54 {
  padding-top: 54px !important;
  padding-bottom: 54px !important;
}
.u-ptb-55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}
.u-ptb-56 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}
.u-ptb-57 {
  padding-top: 57px !important;
  padding-bottom: 57px !important;
}
.u-ptb-58 {
  padding-top: 58px !important;
  padding-bottom: 58px !important;
}
.u-ptb-59 {
  padding-top: 59px !important;
  padding-bottom: 59px !important;
}
.u-ptb-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.u-ptb-61 {
  padding-top: 61px !important;
  padding-bottom: 61px !important;
}
.u-ptb-62 {
  padding-top: 62px !important;
  padding-bottom: 62px !important;
}
.u-ptb-63 {
  padding-top: 63px !important;
  padding-bottom: 63px !important;
}
.u-ptb-64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}
.u-ptb-65 {
  padding-top: 65px !important;
  padding-bottom: 65px !important;
}
.u-ptb-66 {
  padding-top: 66px !important;
  padding-bottom: 66px !important;
}
.u-ptb-67 {
  padding-top: 67px !important;
  padding-bottom: 67px !important;
}
.u-ptb-68 {
  padding-top: 68px !important;
  padding-bottom: 68px !important;
}
.u-ptb-69 {
  padding-top: 69px !important;
  padding-bottom: 69px !important;
}
.u-ptb-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}
.u-ptb-71 {
  padding-top: 71px !important;
  padding-bottom: 71px !important;
}
.u-ptb-72 {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}
.u-ptb-73 {
  padding-top: 73px !important;
  padding-bottom: 73px !important;
}
.u-ptb-74 {
  padding-top: 74px !important;
  padding-bottom: 74px !important;
}
.u-ptb-75 {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}
.u-ptb-76 {
  padding-top: 76px !important;
  padding-bottom: 76px !important;
}
.u-ptb-77 {
  padding-top: 77px !important;
  padding-bottom: 77px !important;
}
.u-ptb-78 {
  padding-top: 78px !important;
  padding-bottom: 78px !important;
}
.u-ptb-79 {
  padding-top: 79px !important;
  padding-bottom: 79px !important;
}
.u-ptb-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
.u-ptb-81 {
  padding-top: 81px !important;
  padding-bottom: 81px !important;
}
.u-ptb-82 {
  padding-top: 82px !important;
  padding-bottom: 82px !important;
}
.u-ptb-83 {
  padding-top: 83px !important;
  padding-bottom: 83px !important;
}
.u-ptb-84 {
  padding-top: 84px !important;
  padding-bottom: 84px !important;
}
.u-ptb-85 {
  padding-top: 85px !important;
  padding-bottom: 85px !important;
}
.u-ptb-86 {
  padding-top: 86px !important;
  padding-bottom: 86px !important;
}
.u-ptb-87 {
  padding-top: 87px !important;
  padding-bottom: 87px !important;
}
.u-ptb-88 {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}
.u-ptb-89 {
  padding-top: 89px !important;
  padding-bottom: 89px !important;
}
.u-ptb-90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}
.u-ptb-91 {
  padding-top: 91px !important;
  padding-bottom: 91px !important;
}
.u-ptb-92 {
  padding-top: 92px !important;
  padding-bottom: 92px !important;
}
.u-ptb-93 {
  padding-top: 93px !important;
  padding-bottom: 93px !important;
}
.u-ptb-94 {
  padding-top: 94px !important;
  padding-bottom: 94px !important;
}
.u-ptb-95 {
  padding-top: 95px !important;
  padding-bottom: 95px !important;
}
.u-ptb-96 {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}
.u-ptb-97 {
  padding-top: 97px !important;
  padding-bottom: 97px !important;
}
.u-ptb-98 {
  padding-top: 98px !important;
  padding-bottom: 98px !important;
}
.u-ptb-99 {
  padding-top: 99px !important;
  padding-bottom: 99px !important;
}
.u-px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.u-px-1 {
  padding-left: 1px !important;
  padding-right: 1px !important;
}
.u-px-2 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.u-px-3 {
  padding-left: 3px !important;
  padding-right: 3px !important;
}
.u-px-4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.u-px-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.u-px-6 {
  padding-left: 6px !important;
  padding-right: 6px !important;
}
.u-px-7 {
  padding-left: 7px !important;
  padding-right: 7px !important;
}
.u-px-8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.u-px-9 {
  padding-left: 9px !important;
  padding-right: 9px !important;
}
.u-px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.u-px-11 {
  padding-left: 11px !important;
  padding-right: 11px !important;
}
.u-px-12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.u-px-13 {
  padding-left: 13px !important;
  padding-right: 13px !important;
}
.u-px-14 {
  padding-left: 14px !important;
  padding-right: 14px !important;
}
.u-px-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.u-px-16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.u-px-17 {
  padding-left: 17px !important;
  padding-right: 17px !important;
}
.u-px-18 {
  padding-left: 18px !important;
  padding-right: 18px !important;
}
.u-px-19 {
  padding-left: 19px !important;
  padding-right: 19px !important;
}
.u-px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.u-px-21 {
  padding-left: 21px !important;
  padding-right: 21px !important;
}
.u-px-22 {
  padding-left: 22px !important;
  padding-right: 22px !important;
}
.u-px-23 {
  padding-left: 23px !important;
  padding-right: 23px !important;
}
.u-px-24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.u-px-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.u-px-26 {
  padding-left: 26px !important;
  padding-right: 26px !important;
}
.u-px-27 {
  padding-left: 27px !important;
  padding-right: 27px !important;
}
.u-px-28 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}
.u-px-29 {
  padding-left: 29px !important;
  padding-right: 29px !important;
}
.u-px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.u-px-31 {
  padding-left: 31px !important;
  padding-right: 31px !important;
}
.u-px-32 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
.u-px-33 {
  padding-left: 33px !important;
  padding-right: 33px !important;
}
.u-px-34 {
  padding-left: 34px !important;
  padding-right: 34px !important;
}
.u-px-35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}
.u-px-36 {
  padding-left: 36px !important;
  padding-right: 36px !important;
}
.u-px-37 {
  padding-left: 37px !important;
  padding-right: 37px !important;
}
.u-px-38 {
  padding-left: 38px !important;
  padding-right: 38px !important;
}
.u-px-39 {
  padding-left: 39px !important;
  padding-right: 39px !important;
}
.u-px-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.u-px-41 {
  padding-left: 41px !important;
  padding-right: 41px !important;
}
.u-px-42 {
  padding-left: 42px !important;
  padding-right: 42px !important;
}
.u-px-43 {
  padding-left: 43px !important;
  padding-right: 43px !important;
}
.u-px-44 {
  padding-left: 44px !important;
  padding-right: 44px !important;
}
.u-px-45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}
.u-px-46 {
  padding-left: 46px !important;
  padding-right: 46px !important;
}
.u-px-47 {
  padding-left: 47px !important;
  padding-right: 47px !important;
}
.u-px-48 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}
.u-px-49 {
  padding-left: 49px !important;
  padding-right: 49px !important;
}
.u-px-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}
.u-px-51 {
  padding-left: 51px !important;
  padding-right: 51px !important;
}
.u-px-52 {
  padding-left: 52px !important;
  padding-right: 52px !important;
}
.u-px-53 {
  padding-left: 53px !important;
  padding-right: 53px !important;
}
.u-px-54 {
  padding-left: 54px !important;
  padding-right: 54px !important;
}
.u-px-55 {
  padding-left: 55px !important;
  padding-right: 55px !important;
}
.u-px-56 {
  padding-left: 56px !important;
  padding-right: 56px !important;
}
.u-px-57 {
  padding-left: 57px !important;
  padding-right: 57px !important;
}
.u-px-58 {
  padding-left: 58px !important;
  padding-right: 58px !important;
}
.u-px-59 {
  padding-left: 59px !important;
  padding-right: 59px !important;
}
.u-px-60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}
.u-px-61 {
  padding-left: 61px !important;
  padding-right: 61px !important;
}
.u-px-62 {
  padding-left: 62px !important;
  padding-right: 62px !important;
}
.u-px-63 {
  padding-left: 63px !important;
  padding-right: 63px !important;
}
.u-px-64 {
  padding-left: 64px !important;
  padding-right: 64px !important;
}
.u-px-65 {
  padding-left: 65px !important;
  padding-right: 65px !important;
}
.u-px-66 {
  padding-left: 66px !important;
  padding-right: 66px !important;
}
.u-px-67 {
  padding-left: 67px !important;
  padding-right: 67px !important;
}
.u-px-68 {
  padding-left: 68px !important;
  padding-right: 68px !important;
}
.u-px-69 {
  padding-left: 69px !important;
  padding-right: 69px !important;
}
.u-px-70 {
  padding-left: 70px !important;
  padding-right: 70px !important;
}
.u-px-71 {
  padding-left: 71px !important;
  padding-right: 71px !important;
}
.u-px-72 {
  padding-left: 72px !important;
  padding-right: 72px !important;
}
.u-px-73 {
  padding-left: 73px !important;
  padding-right: 73px !important;
}
.u-px-74 {
  padding-left: 74px !important;
  padding-right: 74px !important;
}
.u-px-75 {
  padding-left: 75px !important;
  padding-right: 75px !important;
}
.u-px-76 {
  padding-left: 76px !important;
  padding-right: 76px !important;
}
.u-px-77 {
  padding-left: 77px !important;
  padding-right: 77px !important;
}
.u-px-78 {
  padding-left: 78px !important;
  padding-right: 78px !important;
}
.u-px-79 {
  padding-left: 79px !important;
  padding-right: 79px !important;
}
.u-px-80 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}
.u-px-81 {
  padding-left: 81px !important;
  padding-right: 81px !important;
}
.u-px-82 {
  padding-left: 82px !important;
  padding-right: 82px !important;
}
.u-px-83 {
  padding-left: 83px !important;
  padding-right: 83px !important;
}
.u-px-84 {
  padding-left: 84px !important;
  padding-right: 84px !important;
}
.u-px-85 {
  padding-left: 85px !important;
  padding-right: 85px !important;
}
.u-px-86 {
  padding-left: 86px !important;
  padding-right: 86px !important;
}
.u-px-87 {
  padding-left: 87px !important;
  padding-right: 87px !important;
}
.u-px-88 {
  padding-left: 88px !important;
  padding-right: 88px !important;
}
.u-px-89 {
  padding-left: 89px !important;
  padding-right: 89px !important;
}
.u-px-90 {
  padding-left: 90px !important;
  padding-right: 90px !important;
}
.u-px-91 {
  padding-left: 91px !important;
  padding-right: 91px !important;
}
.u-px-92 {
  padding-left: 92px !important;
  padding-right: 92px !important;
}
.u-px-93 {
  padding-left: 93px !important;
  padding-right: 93px !important;
}
.u-px-94 {
  padding-left: 94px !important;
  padding-right: 94px !important;
}
.u-px-95 {
  padding-left: 95px !important;
  padding-right: 95px !important;
}
.u-px-96 {
  padding-left: 96px !important;
  padding-right: 96px !important;
}
.u-px-97 {
  padding-left: 97px !important;
  padding-right: 97px !important;
}
.u-px-98 {
  padding-left: 98px !important;
  padding-right: 98px !important;
}
.u-px-99 {
  padding-left: 99px !important;
  padding-right: 99px !important;
}

.u-font-weight-bold {
  font-weight: bold !important;
}

.u-margin-0 {
  margin: 0px !important;
}
.u-margin-1 {
  margin: 1px !important;
}
.u-margin-2 {
  margin: 2px !important;
}
.u-margin-3 {
  margin: 3px !important;
}
.u-margin-4 {
  margin: 4px !important;
}
.u-margin-5 {
  margin: 5px !important;
}
.u-margin-6 {
  margin: 6px !important;
}
.u-margin-7 {
  margin: 7px !important;
}
.u-margin-8 {
  margin: 8px !important;
}
.u-margin-9 {
  margin: 9px !important;
}
.u-margin-10 {
  margin: 10px !important;
}
.u-margin-11 {
  margin: 11px !important;
}
.u-margin-12 {
  margin: 12px !important;
}
.u-margin-13 {
  margin: 13px !important;
}
.u-margin-14 {
  margin: 14px !important;
}
.u-margin-15 {
  margin: 15px !important;
}
.u-margin-16 {
  margin: 16px !important;
}
.u-margin-17 {
  margin: 17px !important;
}
.u-margin-18 {
  margin: 18px !important;
}
.u-margin-19 {
  margin: 19px !important;
}
.u-margin-20 {
  margin: 20px !important;
}
.u-margin-21 {
  margin: 21px !important;
}
.u-margin-22 {
  margin: 22px !important;
}
.u-margin-23 {
  margin: 23px !important;
}
.u-margin-24 {
  margin: 24px !important;
}
.u-margin-25 {
  margin: 25px !important;
}
.u-margin-26 {
  margin: 26px !important;
}
.u-margin-27 {
  margin: 27px !important;
}
.u-margin-28 {
  margin: 28px !important;
}
.u-margin-29 {
  margin: 29px !important;
}
.u-margin-30 {
  margin: 30px !important;
}
.u-margin-31 {
  margin: 31px !important;
}
.u-margin-32 {
  margin: 32px !important;
}
.u-margin-33 {
  margin: 33px !important;
}
.u-margin-34 {
  margin: 34px !important;
}
.u-margin-35 {
  margin: 35px !important;
}
.u-margin-36 {
  margin: 36px !important;
}
.u-margin-37 {
  margin: 37px !important;
}
.u-margin-38 {
  margin: 38px !important;
}
.u-margin-39 {
  margin: 39px !important;
}
.u-margin-40 {
  margin: 40px !important;
}
.u-margin-41 {
  margin: 41px !important;
}
.u-margin-42 {
  margin: 42px !important;
}
.u-margin-43 {
  margin: 43px !important;
}
.u-margin-44 {
  margin: 44px !important;
}
.u-margin-45 {
  margin: 45px !important;
}
.u-margin-46 {
  margin: 46px !important;
}
.u-margin-47 {
  margin: 47px !important;
}
.u-margin-48 {
  margin: 48px !important;
}
.u-margin-49 {
  margin: 49px !important;
}
.u-margin-50 {
  margin: 50px !important;
}
.u-margin-51 {
  margin: 51px !important;
}
.u-margin-52 {
  margin: 52px !important;
}
.u-margin-53 {
  margin: 53px !important;
}
.u-margin-54 {
  margin: 54px !important;
}
.u-margin-55 {
  margin: 55px !important;
}
.u-margin-56 {
  margin: 56px !important;
}
.u-margin-57 {
  margin: 57px !important;
}
.u-margin-58 {
  margin: 58px !important;
}
.u-margin-59 {
  margin: 59px !important;
}
.u-margin-60 {
  margin: 60px !important;
}
.u-margin-61 {
  margin: 61px !important;
}
.u-margin-62 {
  margin: 62px !important;
}
.u-margin-63 {
  margin: 63px !important;
}
.u-margin-64 {
  margin: 64px !important;
}
.u-margin-65 {
  margin: 65px !important;
}
.u-margin-66 {
  margin: 66px !important;
}
.u-margin-67 {
  margin: 67px !important;
}
.u-margin-68 {
  margin: 68px !important;
}
.u-margin-69 {
  margin: 69px !important;
}
.u-margin-70 {
  margin: 70px !important;
}
.u-margin-71 {
  margin: 71px !important;
}
.u-margin-72 {
  margin: 72px !important;
}
.u-margin-73 {
  margin: 73px !important;
}
.u-margin-74 {
  margin: 74px !important;
}
.u-margin-75 {
  margin: 75px !important;
}
.u-margin-76 {
  margin: 76px !important;
}
.u-margin-77 {
  margin: 77px !important;
}
.u-margin-78 {
  margin: 78px !important;
}
.u-margin-79 {
  margin: 79px !important;
}
.u-margin-80 {
  margin: 80px !important;
}
.u-margin-81 {
  margin: 81px !important;
}
.u-margin-82 {
  margin: 82px !important;
}
.u-margin-83 {
  margin: 83px !important;
}
.u-margin-84 {
  margin: 84px !important;
}
.u-margin-85 {
  margin: 85px !important;
}
.u-margin-86 {
  margin: 86px !important;
}
.u-margin-87 {
  margin: 87px !important;
}
.u-margin-88 {
  margin: 88px !important;
}
.u-margin-89 {
  margin: 89px !important;
}
.u-margin-90 {
  margin: 90px !important;
}
.u-margin-91 {
  margin: 91px !important;
}
.u-margin-92 {
  margin: 92px !important;
}
.u-margin-93 {
  margin: 93px !important;
}
.u-margin-94 {
  margin: 94px !important;
}
.u-margin-95 {
  margin: 95px !important;
}
.u-margin-96 {
  margin: 96px !important;
}
.u-margin-97 {
  margin: 97px !important;
}
.u-margin-98 {
  margin: 98px !important;
}
.u-margin-99 {
  margin: 99px !important;
}
.u-margin-100 {
  margin: 100px !important;
}
.u-margin-101 {
  margin: 101px !important;
}
.u-margin-102 {
  margin: 102px !important;
}
.u-margin-103 {
  margin: 103px !important;
}
.u-margin-104 {
  margin: 104px !important;
}
.u-margin-105 {
  margin: 105px !important;
}
.u-margin-106 {
  margin: 106px !important;
}
.u-margin-107 {
  margin: 107px !important;
}
.u-margin-108 {
  margin: 108px !important;
}
.u-margin-109 {
  margin: 109px !important;
}
.u-margin-110 {
  margin: 110px !important;
}
.u-margin-111 {
  margin: 111px !important;
}
.u-margin-112 {
  margin: 112px !important;
}
.u-margin-113 {
  margin: 113px !important;
}
.u-margin-114 {
  margin: 114px !important;
}
.u-margin-115 {
  margin: 115px !important;
}
.u-margin-116 {
  margin: 116px !important;
}
.u-margin-117 {
  margin: 117px !important;
}
.u-margin-118 {
  margin: 118px !important;
}
.u-margin-119 {
  margin: 119px !important;
}
.u-margin-120 {
  margin: 120px !important;
}
.u-margin-121 {
  margin: 121px !important;
}
.u-margin-122 {
  margin: 122px !important;
}
.u-margin-123 {
  margin: 123px !important;
}
.u-margin-124 {
  margin: 124px !important;
}
.u-margin-125 {
  margin: 125px !important;
}
.u-margin-126 {
  margin: 126px !important;
}
.u-margin-127 {
  margin: 127px !important;
}
.u-margin-128 {
  margin: 128px !important;
}
.u-margin-129 {
  margin: 129px !important;
}
.u-margin-130 {
  margin: 130px !important;
}
.u-margin-131 {
  margin: 131px !important;
}
.u-margin-132 {
  margin: 132px !important;
}
.u-margin-133 {
  margin: 133px !important;
}
.u-margin-134 {
  margin: 134px !important;
}
.u-margin-135 {
  margin: 135px !important;
}
.u-margin-136 {
  margin: 136px !important;
}
.u-margin-137 {
  margin: 137px !important;
}
.u-margin-138 {
  margin: 138px !important;
}
.u-margin-139 {
  margin: 139px !important;
}
.u-margin-140 {
  margin: 140px !important;
}
.u-margin-141 {
  margin: 141px !important;
}
.u-margin-142 {
  margin: 142px !important;
}
.u-margin-143 {
  margin: 143px !important;
}
.u-margin-144 {
  margin: 144px !important;
}
.u-margin-145 {
  margin: 145px !important;
}
.u-margin-146 {
  margin: 146px !important;
}
.u-margin-147 {
  margin: 147px !important;
}
.u-margin-148 {
  margin: 148px !important;
}
.u-margin-149 {
  margin: 149px !important;
}
.u-margin-150 {
  margin: 150px !important;
}
.u-margin-151 {
  margin: 151px !important;
}
.u-margin-152 {
  margin: 152px !important;
}
.u-margin-153 {
  margin: 153px !important;
}
.u-margin-154 {
  margin: 154px !important;
}
.u-margin-155 {
  margin: 155px !important;
}
.u-margin-156 {
  margin: 156px !important;
}
.u-margin-157 {
  margin: 157px !important;
}
.u-margin-158 {
  margin: 158px !important;
}
.u-margin-159 {
  margin: 159px !important;
}
.u-margin-160 {
  margin: 160px !important;
}
.u-margin-161 {
  margin: 161px !important;
}
.u-margin-162 {
  margin: 162px !important;
}
.u-margin-163 {
  margin: 163px !important;
}
.u-margin-164 {
  margin: 164px !important;
}
.u-margin-165 {
  margin: 165px !important;
}
.u-margin-166 {
  margin: 166px !important;
}
.u-margin-167 {
  margin: 167px !important;
}
.u-margin-168 {
  margin: 168px !important;
}
.u-margin-169 {
  margin: 169px !important;
}
.u-margin-170 {
  margin: 170px !important;
}
.u-margin-171 {
  margin: 171px !important;
}
.u-margin-172 {
  margin: 172px !important;
}
.u-margin-173 {
  margin: 173px !important;
}
.u-margin-174 {
  margin: 174px !important;
}
.u-margin-175 {
  margin: 175px !important;
}
.u-margin-176 {
  margin: 176px !important;
}
.u-margin-177 {
  margin: 177px !important;
}
.u-margin-178 {
  margin: 178px !important;
}
.u-margin-179 {
  margin: 179px !important;
}
.u-margin-180 {
  margin: 180px !important;
}
.u-margin-181 {
  margin: 181px !important;
}
.u-margin-182 {
  margin: 182px !important;
}
.u-margin-183 {
  margin: 183px !important;
}
.u-margin-184 {
  margin: 184px !important;
}
.u-margin-185 {
  margin: 185px !important;
}
.u-margin-186 {
  margin: 186px !important;
}
.u-margin-187 {
  margin: 187px !important;
}
.u-margin-188 {
  margin: 188px !important;
}
.u-margin-189 {
  margin: 189px !important;
}
.u-margin-190 {
  margin: 190px !important;
}
.u-margin-191 {
  margin: 191px !important;
}
.u-margin-192 {
  margin: 192px !important;
}
.u-margin-193 {
  margin: 193px !important;
}
.u-margin-194 {
  margin: 194px !important;
}
.u-margin-195 {
  margin: 195px !important;
}
.u-margin-196 {
  margin: 196px !important;
}
.u-margin-197 {
  margin: 197px !important;
}
.u-margin-198 {
  margin: 198px !important;
}
.u-margin-199 {
  margin: 199px !important;
}
.u-margin-200 {
  margin: 200px !important;
}
.u-mt-0 {
  margin-top: 0px !important;
}
.u-mt-1 {
  margin-top: 1px !important;
}
.u-mt-2 {
  margin-top: 2px !important;
}
.u-mt-3 {
  margin-top: 3px !important;
}
.u-mt-4 {
  margin-top: 4px !important;
}
.u-mt-5 {
  margin-top: 5px !important;
}
.u-mt-6 {
  margin-top: 6px !important;
}
.u-mt-7 {
  margin-top: 7px !important;
}
.u-mt-8 {
  margin-top: 8px !important;
}
.u-mt-9 {
  margin-top: 9px !important;
}
.u-mt-10 {
  margin-top: 10px !important;
}
.u-mt-11 {
  margin-top: 11px !important;
}
.u-mt-12 {
  margin-top: 12px !important;
}
.u-mt-13 {
  margin-top: 13px !important;
}
.u-mt-14 {
  margin-top: 14px !important;
}
.u-mt-15 {
  margin-top: 15px !important;
}
.u-mt-16 {
  margin-top: 16px !important;
}
.u-mt-17 {
  margin-top: 17px !important;
}
.u-mt-18 {
  margin-top: 18px !important;
}
.u-mt-19 {
  margin-top: 19px !important;
}
.u-mt-20 {
  margin-top: 20px !important;
}
.u-mt-21 {
  margin-top: 21px !important;
}
.u-mt-22 {
  margin-top: 22px !important;
}
.u-mt-23 {
  margin-top: 23px !important;
}
.u-mt-24 {
  margin-top: 24px !important;
}
.u-mt-25 {
  margin-top: 25px !important;
}
.u-mt-26 {
  margin-top: 26px !important;
}
.u-mt-27 {
  margin-top: 27px !important;
}
.u-mt-28 {
  margin-top: 28px !important;
}
.u-mt-29 {
  margin-top: 29px !important;
}
.u-mt-30 {
  margin-top: 30px !important;
}
.u-mt-31 {
  margin-top: 31px !important;
}
.u-mt-32 {
  margin-top: 32px !important;
}
.u-mt-33 {
  margin-top: 33px !important;
}
.u-mt-34 {
  margin-top: 34px !important;
}
.u-mt-35 {
  margin-top: 35px !important;
}
.u-mt-36 {
  margin-top: 36px !important;
}
.u-mt-37 {
  margin-top: 37px !important;
}
.u-mt-38 {
  margin-top: 38px !important;
}
.u-mt-39 {
  margin-top: 39px !important;
}
.u-mt-40 {
  margin-top: 40px !important;
}
.u-mt-41 {
  margin-top: 41px !important;
}
.u-mt-42 {
  margin-top: 42px !important;
}
.u-mt-43 {
  margin-top: 43px !important;
}
.u-mt-44 {
  margin-top: 44px !important;
}
.u-mt-45 {
  margin-top: 45px !important;
}
.u-mt-46 {
  margin-top: 46px !important;
}
.u-mt-47 {
  margin-top: 47px !important;
}
.u-mt-48 {
  margin-top: 48px !important;
}
.u-mt-49 {
  margin-top: 49px !important;
}
.u-mt-50 {
  margin-top: 50px !important;
}
.u-mt-51 {
  margin-top: 51px !important;
}
.u-mt-52 {
  margin-top: 52px !important;
}
.u-mt-53 {
  margin-top: 53px !important;
}
.u-mt-54 {
  margin-top: 54px !important;
}
.u-mt-55 {
  margin-top: 55px !important;
}
.u-mt-56 {
  margin-top: 56px !important;
}
.u-mt-57 {
  margin-top: 57px !important;
}
.u-mt-58 {
  margin-top: 58px !important;
}
.u-mt-59 {
  margin-top: 59px !important;
}
.u-mt-60 {
  margin-top: 60px !important;
}
.u-mt-61 {
  margin-top: 61px !important;
}
.u-mt-62 {
  margin-top: 62px !important;
}
.u-mt-63 {
  margin-top: 63px !important;
}
.u-mt-64 {
  margin-top: 64px !important;
}
.u-mt-65 {
  margin-top: 65px !important;
}
.u-mt-66 {
  margin-top: 66px !important;
}
.u-mt-67 {
  margin-top: 67px !important;
}
.u-mt-68 {
  margin-top: 68px !important;
}
.u-mt-69 {
  margin-top: 69px !important;
}
.u-mt-70 {
  margin-top: 70px !important;
}
.u-mt-71 {
  margin-top: 71px !important;
}
.u-mt-72 {
  margin-top: 72px !important;
}
.u-mt-73 {
  margin-top: 73px !important;
}
.u-mt-74 {
  margin-top: 74px !important;
}
.u-mt-75 {
  margin-top: 75px !important;
}
.u-mt-76 {
  margin-top: 76px !important;
}
.u-mt-77 {
  margin-top: 77px !important;
}
.u-mt-78 {
  margin-top: 78px !important;
}
.u-mt-79 {
  margin-top: 79px !important;
}
.u-mt-80 {
  margin-top: 80px !important;
}
.u-mt-81 {
  margin-top: 81px !important;
}
.u-mt-82 {
  margin-top: 82px !important;
}
.u-mt-83 {
  margin-top: 83px !important;
}
.u-mt-84 {
  margin-top: 84px !important;
}
.u-mt-85 {
  margin-top: 85px !important;
}
.u-mt-86 {
  margin-top: 86px !important;
}
.u-mt-87 {
  margin-top: 87px !important;
}
.u-mt-88 {
  margin-top: 88px !important;
}
.u-mt-89 {
  margin-top: 89px !important;
}
.u-mt-90 {
  margin-top: 90px !important;
}
.u-mt-91 {
  margin-top: 91px !important;
}
.u-mt-92 {
  margin-top: 92px !important;
}
.u-mt-93 {
  margin-top: 93px !important;
}
.u-mt-94 {
  margin-top: 94px !important;
}
.u-mt-95 {
  margin-top: 95px !important;
}
.u-mt-96 {
  margin-top: 96px !important;
}
.u-mt-97 {
  margin-top: 97px !important;
}
.u-mt-98 {
  margin-top: 98px !important;
}
.u-mt-99 {
  margin-top: 99px !important;
}
.u-mt-100 {
  margin-top: 100px !important;
}
.u-mt-101 {
  margin-top: 101px !important;
}
.u-mt-102 {
  margin-top: 102px !important;
}
.u-mt-103 {
  margin-top: 103px !important;
}
.u-mt-104 {
  margin-top: 104px !important;
}
.u-mt-105 {
  margin-top: 105px !important;
}
.u-mt-106 {
  margin-top: 106px !important;
}
.u-mt-107 {
  margin-top: 107px !important;
}
.u-mt-108 {
  margin-top: 108px !important;
}
.u-mt-109 {
  margin-top: 109px !important;
}
.u-mt-110 {
  margin-top: 110px !important;
}
.u-mt-111 {
  margin-top: 111px !important;
}
.u-mt-112 {
  margin-top: 112px !important;
}
.u-mt-113 {
  margin-top: 113px !important;
}
.u-mt-114 {
  margin-top: 114px !important;
}
.u-mt-115 {
  margin-top: 115px !important;
}
.u-mt-116 {
  margin-top: 116px !important;
}
.u-mt-117 {
  margin-top: 117px !important;
}
.u-mt-118 {
  margin-top: 118px !important;
}
.u-mt-119 {
  margin-top: 119px !important;
}
.u-mt-120 {
  margin-top: 120px !important;
}
.u-mt-121 {
  margin-top: 121px !important;
}
.u-mt-122 {
  margin-top: 122px !important;
}
.u-mt-123 {
  margin-top: 123px !important;
}
.u-mt-124 {
  margin-top: 124px !important;
}
.u-mt-125 {
  margin-top: 125px !important;
}
.u-mt-126 {
  margin-top: 126px !important;
}
.u-mt-127 {
  margin-top: 127px !important;
}
.u-mt-128 {
  margin-top: 128px !important;
}
.u-mt-129 {
  margin-top: 129px !important;
}
.u-mt-130 {
  margin-top: 130px !important;
}
.u-mt-131 {
  margin-top: 131px !important;
}
.u-mt-132 {
  margin-top: 132px !important;
}
.u-mt-133 {
  margin-top: 133px !important;
}
.u-mt-134 {
  margin-top: 134px !important;
}
.u-mt-135 {
  margin-top: 135px !important;
}
.u-mt-136 {
  margin-top: 136px !important;
}
.u-mt-137 {
  margin-top: 137px !important;
}
.u-mt-138 {
  margin-top: 138px !important;
}
.u-mt-139 {
  margin-top: 139px !important;
}
.u-mt-140 {
  margin-top: 140px !important;
}
.u-mt-141 {
  margin-top: 141px !important;
}
.u-mt-142 {
  margin-top: 142px !important;
}
.u-mt-143 {
  margin-top: 143px !important;
}
.u-mt-144 {
  margin-top: 144px !important;
}
.u-mt-145 {
  margin-top: 145px !important;
}
.u-mt-146 {
  margin-top: 146px !important;
}
.u-mt-147 {
  margin-top: 147px !important;
}
.u-mt-148 {
  margin-top: 148px !important;
}
.u-mt-149 {
  margin-top: 149px !important;
}
.u-mt-150 {
  margin-top: 150px !important;
}
.u-mt-151 {
  margin-top: 151px !important;
}
.u-mt-152 {
  margin-top: 152px !important;
}
.u-mt-153 {
  margin-top: 153px !important;
}
.u-mt-154 {
  margin-top: 154px !important;
}
.u-mt-155 {
  margin-top: 155px !important;
}
.u-mt-156 {
  margin-top: 156px !important;
}
.u-mt-157 {
  margin-top: 157px !important;
}
.u-mt-158 {
  margin-top: 158px !important;
}
.u-mt-159 {
  margin-top: 159px !important;
}
.u-mt-160 {
  margin-top: 160px !important;
}
.u-mt-161 {
  margin-top: 161px !important;
}
.u-mt-162 {
  margin-top: 162px !important;
}
.u-mt-163 {
  margin-top: 163px !important;
}
.u-mt-164 {
  margin-top: 164px !important;
}
.u-mt-165 {
  margin-top: 165px !important;
}
.u-mt-166 {
  margin-top: 166px !important;
}
.u-mt-167 {
  margin-top: 167px !important;
}
.u-mt-168 {
  margin-top: 168px !important;
}
.u-mt-169 {
  margin-top: 169px !important;
}
.u-mt-170 {
  margin-top: 170px !important;
}
.u-mt-171 {
  margin-top: 171px !important;
}
.u-mt-172 {
  margin-top: 172px !important;
}
.u-mt-173 {
  margin-top: 173px !important;
}
.u-mt-174 {
  margin-top: 174px !important;
}
.u-mt-175 {
  margin-top: 175px !important;
}
.u-mt-176 {
  margin-top: 176px !important;
}
.u-mt-177 {
  margin-top: 177px !important;
}
.u-mt-178 {
  margin-top: 178px !important;
}
.u-mt-179 {
  margin-top: 179px !important;
}
.u-mt-180 {
  margin-top: 180px !important;
}
.u-mt-181 {
  margin-top: 181px !important;
}
.u-mt-182 {
  margin-top: 182px !important;
}
.u-mt-183 {
  margin-top: 183px !important;
}
.u-mt-184 {
  margin-top: 184px !important;
}
.u-mt-185 {
  margin-top: 185px !important;
}
.u-mt-186 {
  margin-top: 186px !important;
}
.u-mt-187 {
  margin-top: 187px !important;
}
.u-mt-188 {
  margin-top: 188px !important;
}
.u-mt-189 {
  margin-top: 189px !important;
}
.u-mt-190 {
  margin-top: 190px !important;
}
.u-mt-191 {
  margin-top: 191px !important;
}
.u-mt-192 {
  margin-top: 192px !important;
}
.u-mt-193 {
  margin-top: 193px !important;
}
.u-mt-194 {
  margin-top: 194px !important;
}
.u-mt-195 {
  margin-top: 195px !important;
}
.u-mt-196 {
  margin-top: 196px !important;
}
.u-mt-197 {
  margin-top: 197px !important;
}
.u-mt-198 {
  margin-top: 198px !important;
}
.u-mt-199 {
  margin-top: 199px !important;
}
.u-mt-200 {
  margin-top: 200px !important;
}
.u-mt-0p {
  margin-top: 0% !important;
}
.u-mt-1p {
  margin-top: 1% !important;
}
.u-mt-2p {
  margin-top: 2% !important;
}
.u-mt-3p {
  margin-top: 3% !important;
}
.u-mt-4p {
  margin-top: 4% !important;
}
.u-mt-5p {
  margin-top: 5% !important;
}
.u-mt-6p {
  margin-top: 6% !important;
}
.u-mt-7p {
  margin-top: 7% !important;
}
.u-mt-8p {
  margin-top: 8% !important;
}
.u-mt-9p {
  margin-top: 9% !important;
}
.u-mt-10p {
  margin-top: 10% !important;
}
.u-mt-11p {
  margin-top: 11% !important;
}
.u-mt-12p {
  margin-top: 12% !important;
}
.u-mt-13p {
  margin-top: 13% !important;
}
.u-mt-14p {
  margin-top: 14% !important;
}
.u-mt-15p {
  margin-top: 15% !important;
}
.u-mt-16p {
  margin-top: 16% !important;
}
.u-mt-17p {
  margin-top: 17% !important;
}
.u-mt-18p {
  margin-top: 18% !important;
}
.u-mt-19p {
  margin-top: 19% !important;
}
.u-mt-20p {
  margin-top: 20% !important;
}
.u-mt-21p {
  margin-top: 21% !important;
}
.u-mt-22p {
  margin-top: 22% !important;
}
.u-mt-23p {
  margin-top: 23% !important;
}
.u-mt-24p {
  margin-top: 24% !important;
}
.u-mt-25p {
  margin-top: 25% !important;
}
.u-mt-26p {
  margin-top: 26% !important;
}
.u-mt-27p {
  margin-top: 27% !important;
}
.u-mt-28p {
  margin-top: 28% !important;
}
.u-mt-29p {
  margin-top: 29% !important;
}
.u-mt-30p {
  margin-top: 30% !important;
}
.u-mt-31p {
  margin-top: 31% !important;
}
.u-mt-32p {
  margin-top: 32% !important;
}
.u-mt-33p {
  margin-top: 33% !important;
}
.u-mt-34p {
  margin-top: 34% !important;
}
.u-mt-35p {
  margin-top: 35% !important;
}
.u-mt-36p {
  margin-top: 36% !important;
}
.u-mt-37p {
  margin-top: 37% !important;
}
.u-mt-38p {
  margin-top: 38% !important;
}
.u-mt-39p {
  margin-top: 39% !important;
}
.u-mt-40p {
  margin-top: 40% !important;
}
.u-mt-41p {
  margin-top: 41% !important;
}
.u-mt-42p {
  margin-top: 42% !important;
}
.u-mt-43p {
  margin-top: 43% !important;
}
.u-mt-44p {
  margin-top: 44% !important;
}
.u-mt-45p {
  margin-top: 45% !important;
}
.u-mt-46p {
  margin-top: 46% !important;
}
.u-mt-47p {
  margin-top: 47% !important;
}
.u-mt-48p {
  margin-top: 48% !important;
}
.u-mt-49p {
  margin-top: 49% !important;
}
.u-mt-50p {
  margin-top: 50% !important;
}
.u-mt-51p {
  margin-top: 51% !important;
}
.u-mt-52p {
  margin-top: 52% !important;
}
.u-mt-53p {
  margin-top: 53% !important;
}
.u-mt-54p {
  margin-top: 54% !important;
}
.u-mt-55p {
  margin-top: 55% !important;
}
.u-mt-56p {
  margin-top: 56% !important;
}
.u-mt-57p {
  margin-top: 57% !important;
}
.u-mt-58p {
  margin-top: 58% !important;
}
.u-mt-59p {
  margin-top: 59% !important;
}
.u-mt-60p {
  margin-top: 60% !important;
}
.u-mt-61p {
  margin-top: 61% !important;
}
.u-mt-62p {
  margin-top: 62% !important;
}
.u-mt-63p {
  margin-top: 63% !important;
}
.u-mt-64p {
  margin-top: 64% !important;
}
.u-mt-65p {
  margin-top: 65% !important;
}
.u-mt-66p {
  margin-top: 66% !important;
}
.u-mt-67p {
  margin-top: 67% !important;
}
.u-mt-68p {
  margin-top: 68% !important;
}
.u-mt-69p {
  margin-top: 69% !important;
}
.u-mt-70p {
  margin-top: 70% !important;
}
.u-mt-71p {
  margin-top: 71% !important;
}
.u-mt-72p {
  margin-top: 72% !important;
}
.u-mt-73p {
  margin-top: 73% !important;
}
.u-mt-74p {
  margin-top: 74% !important;
}
.u-mt-75p {
  margin-top: 75% !important;
}
.u-mt-76p {
  margin-top: 76% !important;
}
.u-mt-77p {
  margin-top: 77% !important;
}
.u-mt-78p {
  margin-top: 78% !important;
}
.u-mt-79p {
  margin-top: 79% !important;
}
.u-mt-80p {
  margin-top: 80% !important;
}
.u-mt-81p {
  margin-top: 81% !important;
}
.u-mt-82p {
  margin-top: 82% !important;
}
.u-mt-83p {
  margin-top: 83% !important;
}
.u-mt-84p {
  margin-top: 84% !important;
}
.u-mt-85p {
  margin-top: 85% !important;
}
.u-mt-86p {
  margin-top: 86% !important;
}
.u-mt-87p {
  margin-top: 87% !important;
}
.u-mt-88p {
  margin-top: 88% !important;
}
.u-mt-89p {
  margin-top: 89% !important;
}
.u-mt-90p {
  margin-top: 90% !important;
}
.u-mt-91p {
  margin-top: 91% !important;
}
.u-mt-92p {
  margin-top: 92% !important;
}
.u-mt-93p {
  margin-top: 93% !important;
}
.u-mt-94p {
  margin-top: 94% !important;
}
.u-mt-95p {
  margin-top: 95% !important;
}
.u-mt-96p {
  margin-top: 96% !important;
}
.u-mt-97p {
  margin-top: 97% !important;
}
.u-mt-98p {
  margin-top: 98% !important;
}
.u-mt-99p {
  margin-top: 99% !important;
}
.u-mt-100p {
  margin-top: 100% !important;
}
.u-mt-101p {
  margin-top: 101% !important;
}
.u-mt-102p {
  margin-top: 102% !important;
}
.u-mt-103p {
  margin-top: 103% !important;
}
.u-mt-104p {
  margin-top: 104% !important;
}
.u-mt-105p {
  margin-top: 105% !important;
}
.u-mt-106p {
  margin-top: 106% !important;
}
.u-mt-107p {
  margin-top: 107% !important;
}
.u-mt-108p {
  margin-top: 108% !important;
}
.u-mt-109p {
  margin-top: 109% !important;
}
.u-mt-110p {
  margin-top: 110% !important;
}
.u-mt-111p {
  margin-top: 111% !important;
}
.u-mt-112p {
  margin-top: 112% !important;
}
.u-mt-113p {
  margin-top: 113% !important;
}
.u-mt-114p {
  margin-top: 114% !important;
}
.u-mt-115p {
  margin-top: 115% !important;
}
.u-mt-116p {
  margin-top: 116% !important;
}
.u-mt-117p {
  margin-top: 117% !important;
}
.u-mt-118p {
  margin-top: 118% !important;
}
.u-mt-119p {
  margin-top: 119% !important;
}
.u-mt-120p {
  margin-top: 120% !important;
}
.u-mt-121p {
  margin-top: 121% !important;
}
.u-mt-122p {
  margin-top: 122% !important;
}
.u-mt-123p {
  margin-top: 123% !important;
}
.u-mt-124p {
  margin-top: 124% !important;
}
.u-mt-125p {
  margin-top: 125% !important;
}
.u-mt-126p {
  margin-top: 126% !important;
}
.u-mt-127p {
  margin-top: 127% !important;
}
.u-mt-128p {
  margin-top: 128% !important;
}
.u-mt-129p {
  margin-top: 129% !important;
}
.u-mt-130p {
  margin-top: 130% !important;
}
.u-mt-131p {
  margin-top: 131% !important;
}
.u-mt-132p {
  margin-top: 132% !important;
}
.u-mt-133p {
  margin-top: 133% !important;
}
.u-mt-134p {
  margin-top: 134% !important;
}
.u-mt-135p {
  margin-top: 135% !important;
}
.u-mt-136p {
  margin-top: 136% !important;
}
.u-mt-137p {
  margin-top: 137% !important;
}
.u-mt-138p {
  margin-top: 138% !important;
}
.u-mt-139p {
  margin-top: 139% !important;
}
.u-mt-140p {
  margin-top: 140% !important;
}
.u-mt-141p {
  margin-top: 141% !important;
}
.u-mt-142p {
  margin-top: 142% !important;
}
.u-mt-143p {
  margin-top: 143% !important;
}
.u-mt-144p {
  margin-top: 144% !important;
}
.u-mt-145p {
  margin-top: 145% !important;
}
.u-mt-146p {
  margin-top: 146% !important;
}
.u-mt-147p {
  margin-top: 147% !important;
}
.u-mt-148p {
  margin-top: 148% !important;
}
.u-mt-149p {
  margin-top: 149% !important;
}
.u-mt-150p {
  margin-top: 150% !important;
}
.u-mt-151p {
  margin-top: 151% !important;
}
.u-mt-152p {
  margin-top: 152% !important;
}
.u-mt-153p {
  margin-top: 153% !important;
}
.u-mt-154p {
  margin-top: 154% !important;
}
.u-mt-155p {
  margin-top: 155% !important;
}
.u-mt-156p {
  margin-top: 156% !important;
}
.u-mt-157p {
  margin-top: 157% !important;
}
.u-mt-158p {
  margin-top: 158% !important;
}
.u-mt-159p {
  margin-top: 159% !important;
}
.u-mt-160p {
  margin-top: 160% !important;
}
.u-mt-161p {
  margin-top: 161% !important;
}
.u-mt-162p {
  margin-top: 162% !important;
}
.u-mt-163p {
  margin-top: 163% !important;
}
.u-mt-164p {
  margin-top: 164% !important;
}
.u-mt-165p {
  margin-top: 165% !important;
}
.u-mt-166p {
  margin-top: 166% !important;
}
.u-mt-167p {
  margin-top: 167% !important;
}
.u-mt-168p {
  margin-top: 168% !important;
}
.u-mt-169p {
  margin-top: 169% !important;
}
.u-mt-170p {
  margin-top: 170% !important;
}
.u-mt-171p {
  margin-top: 171% !important;
}
.u-mt-172p {
  margin-top: 172% !important;
}
.u-mt-173p {
  margin-top: 173% !important;
}
.u-mt-174p {
  margin-top: 174% !important;
}
.u-mt-175p {
  margin-top: 175% !important;
}
.u-mt-176p {
  margin-top: 176% !important;
}
.u-mt-177p {
  margin-top: 177% !important;
}
.u-mt-178p {
  margin-top: 178% !important;
}
.u-mt-179p {
  margin-top: 179% !important;
}
.u-mt-180p {
  margin-top: 180% !important;
}
.u-mt-181p {
  margin-top: 181% !important;
}
.u-mt-182p {
  margin-top: 182% !important;
}
.u-mt-183p {
  margin-top: 183% !important;
}
.u-mt-184p {
  margin-top: 184% !important;
}
.u-mt-185p {
  margin-top: 185% !important;
}
.u-mt-186p {
  margin-top: 186% !important;
}
.u-mt-187p {
  margin-top: 187% !important;
}
.u-mt-188p {
  margin-top: 188% !important;
}
.u-mt-189p {
  margin-top: 189% !important;
}
.u-mt-190p {
  margin-top: 190% !important;
}
.u-mt-191p {
  margin-top: 191% !important;
}
.u-mt-192p {
  margin-top: 192% !important;
}
.u-mt-193p {
  margin-top: 193% !important;
}
.u-mt-194p {
  margin-top: 194% !important;
}
.u-mt-195p {
  margin-top: 195% !important;
}
.u-mt-196p {
  margin-top: 196% !important;
}
.u-mt-197p {
  margin-top: 197% !important;
}
.u-mt-198p {
  margin-top: 198% !important;
}
.u-mt-199p {
  margin-top: 199% !important;
}
.u-mt-200p {
  margin-top: 200% !important;
}
.u-mb-0 {
  margin-bottom: 0px !important;
}
.u-mb-1 {
  margin-bottom: 1px !important;
}
.u-mb-2 {
  margin-bottom: 2px !important;
}
.u-mb-3 {
  margin-bottom: 3px !important;
}
.u-mb-4 {
  margin-bottom: 4px !important;
}
.u-mb-5 {
  margin-bottom: 5px !important;
}
.u-mb-6 {
  margin-bottom: 6px !important;
}
.u-mb-7 {
  margin-bottom: 7px !important;
}
.u-mb-8 {
  margin-bottom: 8px !important;
}
.u-mb-9 {
  margin-bottom: 9px !important;
}
.u-mb-10 {
  margin-bottom: 10px !important;
}
.u-mb-11 {
  margin-bottom: 11px !important;
}
.u-mb-12 {
  margin-bottom: 12px !important;
}
.u-mb-13 {
  margin-bottom: 13px !important;
}
.u-mb-14 {
  margin-bottom: 14px !important;
}
.u-mb-15 {
  margin-bottom: 15px !important;
}
.u-mb-16 {
  margin-bottom: 16px !important;
}
.u-mb-17 {
  margin-bottom: 17px !important;
}
.u-mb-18 {
  margin-bottom: 18px !important;
}
.u-mb-19 {
  margin-bottom: 19px !important;
}
.u-mb-20 {
  margin-bottom: 20px !important;
}
.u-mb-21 {
  margin-bottom: 21px !important;
}
.u-mb-22 {
  margin-bottom: 22px !important;
}
.u-mb-23 {
  margin-bottom: 23px !important;
}
.u-mb-24 {
  margin-bottom: 24px !important;
}
.u-mb-25 {
  margin-bottom: 25px !important;
}
.u-mb-26 {
  margin-bottom: 26px !important;
}
.u-mb-27 {
  margin-bottom: 27px !important;
}
.u-mb-28 {
  margin-bottom: 28px !important;
}
.u-mb-29 {
  margin-bottom: 29px !important;
}
.u-mb-30 {
  margin-bottom: 30px !important;
}
.u-mb-31 {
  margin-bottom: 31px !important;
}
.u-mb-32 {
  margin-bottom: 32px !important;
}
.u-mb-33 {
  margin-bottom: 33px !important;
}
.u-mb-34 {
  margin-bottom: 34px !important;
}
.u-mb-35 {
  margin-bottom: 35px !important;
}
.u-mb-36 {
  margin-bottom: 36px !important;
}
.u-mb-37 {
  margin-bottom: 37px !important;
}
.u-mb-38 {
  margin-bottom: 38px !important;
}
.u-mb-39 {
  margin-bottom: 39px !important;
}
.u-mb-40 {
  margin-bottom: 40px !important;
}
.u-mb-41 {
  margin-bottom: 41px !important;
}
.u-mb-42 {
  margin-bottom: 42px !important;
}
.u-mb-43 {
  margin-bottom: 43px !important;
}
.u-mb-44 {
  margin-bottom: 44px !important;
}
.u-mb-45 {
  margin-bottom: 45px !important;
}
.u-mb-46 {
  margin-bottom: 46px !important;
}
.u-mb-47 {
  margin-bottom: 47px !important;
}
.u-mb-48 {
  margin-bottom: 48px !important;
}
.u-mb-49 {
  margin-bottom: 49px !important;
}
.u-mb-50 {
  margin-bottom: 50px !important;
}
.u-mb-51 {
  margin-bottom: 51px !important;
}
.u-mb-52 {
  margin-bottom: 52px !important;
}
.u-mb-53 {
  margin-bottom: 53px !important;
}
.u-mb-54 {
  margin-bottom: 54px !important;
}
.u-mb-55 {
  margin-bottom: 55px !important;
}
.u-mb-56 {
  margin-bottom: 56px !important;
}
.u-mb-57 {
  margin-bottom: 57px !important;
}
.u-mb-58 {
  margin-bottom: 58px !important;
}
.u-mb-59 {
  margin-bottom: 59px !important;
}
.u-mb-60 {
  margin-bottom: 60px !important;
}
.u-mb-61 {
  margin-bottom: 61px !important;
}
.u-mb-62 {
  margin-bottom: 62px !important;
}
.u-mb-63 {
  margin-bottom: 63px !important;
}
.u-mb-64 {
  margin-bottom: 64px !important;
}
.u-mb-65 {
  margin-bottom: 65px !important;
}
.u-mb-66 {
  margin-bottom: 66px !important;
}
.u-mb-67 {
  margin-bottom: 67px !important;
}
.u-mb-68 {
  margin-bottom: 68px !important;
}
.u-mb-69 {
  margin-bottom: 69px !important;
}
.u-mb-70 {
  margin-bottom: 70px !important;
}
.u-mb-71 {
  margin-bottom: 71px !important;
}
.u-mb-72 {
  margin-bottom: 72px !important;
}
.u-mb-73 {
  margin-bottom: 73px !important;
}
.u-mb-74 {
  margin-bottom: 74px !important;
}
.u-mb-75 {
  margin-bottom: 75px !important;
}
.u-mb-76 {
  margin-bottom: 76px !important;
}
.u-mb-77 {
  margin-bottom: 77px !important;
}
.u-mb-78 {
  margin-bottom: 78px !important;
}
.u-mb-79 {
  margin-bottom: 79px !important;
}
.u-mb-80 {
  margin-bottom: 80px !important;
}
.u-mb-81 {
  margin-bottom: 81px !important;
}
.u-mb-82 {
  margin-bottom: 82px !important;
}
.u-mb-83 {
  margin-bottom: 83px !important;
}
.u-mb-84 {
  margin-bottom: 84px !important;
}
.u-mb-85 {
  margin-bottom: 85px !important;
}
.u-mb-86 {
  margin-bottom: 86px !important;
}
.u-mb-87 {
  margin-bottom: 87px !important;
}
.u-mb-88 {
  margin-bottom: 88px !important;
}
.u-mb-89 {
  margin-bottom: 89px !important;
}
.u-mb-90 {
  margin-bottom: 90px !important;
}
.u-mb-91 {
  margin-bottom: 91px !important;
}
.u-mb-92 {
  margin-bottom: 92px !important;
}
.u-mb-93 {
  margin-bottom: 93px !important;
}
.u-mb-94 {
  margin-bottom: 94px !important;
}
.u-mb-95 {
  margin-bottom: 95px !important;
}
.u-mb-96 {
  margin-bottom: 96px !important;
}
.u-mb-97 {
  margin-bottom: 97px !important;
}
.u-mb-98 {
  margin-bottom: 98px !important;
}
.u-mb-99 {
  margin-bottom: 99px !important;
}
.u-mb-100 {
  margin-bottom: 100px !important;
}
.u-mb-101 {
  margin-bottom: 101px !important;
}
.u-mb-102 {
  margin-bottom: 102px !important;
}
.u-mb-103 {
  margin-bottom: 103px !important;
}
.u-mb-104 {
  margin-bottom: 104px !important;
}
.u-mb-105 {
  margin-bottom: 105px !important;
}
.u-mb-106 {
  margin-bottom: 106px !important;
}
.u-mb-107 {
  margin-bottom: 107px !important;
}
.u-mb-108 {
  margin-bottom: 108px !important;
}
.u-mb-109 {
  margin-bottom: 109px !important;
}
.u-mb-110 {
  margin-bottom: 110px !important;
}
.u-mb-111 {
  margin-bottom: 111px !important;
}
.u-mb-112 {
  margin-bottom: 112px !important;
}
.u-mb-113 {
  margin-bottom: 113px !important;
}
.u-mb-114 {
  margin-bottom: 114px !important;
}
.u-mb-115 {
  margin-bottom: 115px !important;
}
.u-mb-116 {
  margin-bottom: 116px !important;
}
.u-mb-117 {
  margin-bottom: 117px !important;
}
.u-mb-118 {
  margin-bottom: 118px !important;
}
.u-mb-119 {
  margin-bottom: 119px !important;
}
.u-mb-120 {
  margin-bottom: 120px !important;
}
.u-mb-121 {
  margin-bottom: 121px !important;
}
.u-mb-122 {
  margin-bottom: 122px !important;
}
.u-mb-123 {
  margin-bottom: 123px !important;
}
.u-mb-124 {
  margin-bottom: 124px !important;
}
.u-mb-125 {
  margin-bottom: 125px !important;
}
.u-mb-126 {
  margin-bottom: 126px !important;
}
.u-mb-127 {
  margin-bottom: 127px !important;
}
.u-mb-128 {
  margin-bottom: 128px !important;
}
.u-mb-129 {
  margin-bottom: 129px !important;
}
.u-mb-130 {
  margin-bottom: 130px !important;
}
.u-mb-131 {
  margin-bottom: 131px !important;
}
.u-mb-132 {
  margin-bottom: 132px !important;
}
.u-mb-133 {
  margin-bottom: 133px !important;
}
.u-mb-134 {
  margin-bottom: 134px !important;
}
.u-mb-135 {
  margin-bottom: 135px !important;
}
.u-mb-136 {
  margin-bottom: 136px !important;
}
.u-mb-137 {
  margin-bottom: 137px !important;
}
.u-mb-138 {
  margin-bottom: 138px !important;
}
.u-mb-139 {
  margin-bottom: 139px !important;
}
.u-mb-140 {
  margin-bottom: 140px !important;
}
.u-mb-141 {
  margin-bottom: 141px !important;
}
.u-mb-142 {
  margin-bottom: 142px !important;
}
.u-mb-143 {
  margin-bottom: 143px !important;
}
.u-mb-144 {
  margin-bottom: 144px !important;
}
.u-mb-145 {
  margin-bottom: 145px !important;
}
.u-mb-146 {
  margin-bottom: 146px !important;
}
.u-mb-147 {
  margin-bottom: 147px !important;
}
.u-mb-148 {
  margin-bottom: 148px !important;
}
.u-mb-149 {
  margin-bottom: 149px !important;
}
.u-mb-150 {
  margin-bottom: 150px !important;
}
.u-mb-151 {
  margin-bottom: 151px !important;
}
.u-mb-152 {
  margin-bottom: 152px !important;
}
.u-mb-153 {
  margin-bottom: 153px !important;
}
.u-mb-154 {
  margin-bottom: 154px !important;
}
.u-mb-155 {
  margin-bottom: 155px !important;
}
.u-mb-156 {
  margin-bottom: 156px !important;
}
.u-mb-157 {
  margin-bottom: 157px !important;
}
.u-mb-158 {
  margin-bottom: 158px !important;
}
.u-mb-159 {
  margin-bottom: 159px !important;
}
.u-mb-160 {
  margin-bottom: 160px !important;
}
.u-mb-161 {
  margin-bottom: 161px !important;
}
.u-mb-162 {
  margin-bottom: 162px !important;
}
.u-mb-163 {
  margin-bottom: 163px !important;
}
.u-mb-164 {
  margin-bottom: 164px !important;
}
.u-mb-165 {
  margin-bottom: 165px !important;
}
.u-mb-166 {
  margin-bottom: 166px !important;
}
.u-mb-167 {
  margin-bottom: 167px !important;
}
.u-mb-168 {
  margin-bottom: 168px !important;
}
.u-mb-169 {
  margin-bottom: 169px !important;
}
.u-mb-170 {
  margin-bottom: 170px !important;
}
.u-mb-171 {
  margin-bottom: 171px !important;
}
.u-mb-172 {
  margin-bottom: 172px !important;
}
.u-mb-173 {
  margin-bottom: 173px !important;
}
.u-mb-174 {
  margin-bottom: 174px !important;
}
.u-mb-175 {
  margin-bottom: 175px !important;
}
.u-mb-176 {
  margin-bottom: 176px !important;
}
.u-mb-177 {
  margin-bottom: 177px !important;
}
.u-mb-178 {
  margin-bottom: 178px !important;
}
.u-mb-179 {
  margin-bottom: 179px !important;
}
.u-mb-180 {
  margin-bottom: 180px !important;
}
.u-mb-181 {
  margin-bottom: 181px !important;
}
.u-mb-182 {
  margin-bottom: 182px !important;
}
.u-mb-183 {
  margin-bottom: 183px !important;
}
.u-mb-184 {
  margin-bottom: 184px !important;
}
.u-mb-185 {
  margin-bottom: 185px !important;
}
.u-mb-186 {
  margin-bottom: 186px !important;
}
.u-mb-187 {
  margin-bottom: 187px !important;
}
.u-mb-188 {
  margin-bottom: 188px !important;
}
.u-mb-189 {
  margin-bottom: 189px !important;
}
.u-mb-190 {
  margin-bottom: 190px !important;
}
.u-mb-191 {
  margin-bottom: 191px !important;
}
.u-mb-192 {
  margin-bottom: 192px !important;
}
.u-mb-193 {
  margin-bottom: 193px !important;
}
.u-mb-194 {
  margin-bottom: 194px !important;
}
.u-mb-195 {
  margin-bottom: 195px !important;
}
.u-mb-196 {
  margin-bottom: 196px !important;
}
.u-mb-197 {
  margin-bottom: 197px !important;
}
.u-mb-198 {
  margin-bottom: 198px !important;
}
.u-mb-199 {
  margin-bottom: 199px !important;
}
.u-mb-200 {
  margin-bottom: 200px !important;
}
.u-mb-0p {
  margin-top: 0% !important;
}
.u-mb-1p {
  margin-top: 1% !important;
}
.u-mb-2p {
  margin-top: 2% !important;
}
.u-mb-3p {
  margin-top: 3% !important;
}
.u-mb-4p {
  margin-top: 4% !important;
}
.u-mb-5p {
  margin-top: 5% !important;
}
.u-mb-6p {
  margin-top: 6% !important;
}
.u-mb-7p {
  margin-top: 7% !important;
}
.u-mb-8p {
  margin-top: 8% !important;
}
.u-mb-9p {
  margin-top: 9% !important;
}
.u-mb-10p {
  margin-top: 10% !important;
}
.u-mb-11p {
  margin-top: 11% !important;
}
.u-mb-12p {
  margin-top: 12% !important;
}
.u-mb-13p {
  margin-top: 13% !important;
}
.u-mb-14p {
  margin-top: 14% !important;
}
.u-mb-15p {
  margin-top: 15% !important;
}
.u-mb-16p {
  margin-top: 16% !important;
}
.u-mb-17p {
  margin-top: 17% !important;
}
.u-mb-18p {
  margin-top: 18% !important;
}
.u-mb-19p {
  margin-top: 19% !important;
}
.u-mb-20p {
  margin-top: 20% !important;
}
.u-mb-21p {
  margin-top: 21% !important;
}
.u-mb-22p {
  margin-top: 22% !important;
}
.u-mb-23p {
  margin-top: 23% !important;
}
.u-mb-24p {
  margin-top: 24% !important;
}
.u-mb-25p {
  margin-top: 25% !important;
}
.u-mb-26p {
  margin-top: 26% !important;
}
.u-mb-27p {
  margin-top: 27% !important;
}
.u-mb-28p {
  margin-top: 28% !important;
}
.u-mb-29p {
  margin-top: 29% !important;
}
.u-mb-30p {
  margin-top: 30% !important;
}
.u-mb-31p {
  margin-top: 31% !important;
}
.u-mb-32p {
  margin-top: 32% !important;
}
.u-mb-33p {
  margin-top: 33% !important;
}
.u-mb-34p {
  margin-top: 34% !important;
}
.u-mb-35p {
  margin-top: 35% !important;
}
.u-mb-36p {
  margin-top: 36% !important;
}
.u-mb-37p {
  margin-top: 37% !important;
}
.u-mb-38p {
  margin-top: 38% !important;
}
.u-mb-39p {
  margin-top: 39% !important;
}
.u-mb-40p {
  margin-top: 40% !important;
}
.u-mb-41p {
  margin-top: 41% !important;
}
.u-mb-42p {
  margin-top: 42% !important;
}
.u-mb-43p {
  margin-top: 43% !important;
}
.u-mb-44p {
  margin-top: 44% !important;
}
.u-mb-45p {
  margin-top: 45% !important;
}
.u-mb-46p {
  margin-top: 46% !important;
}
.u-mb-47p {
  margin-top: 47% !important;
}
.u-mb-48p {
  margin-top: 48% !important;
}
.u-mb-49p {
  margin-top: 49% !important;
}
.u-mb-50p {
  margin-top: 50% !important;
}
.u-mb-51p {
  margin-top: 51% !important;
}
.u-mb-52p {
  margin-top: 52% !important;
}
.u-mb-53p {
  margin-top: 53% !important;
}
.u-mb-54p {
  margin-top: 54% !important;
}
.u-mb-55p {
  margin-top: 55% !important;
}
.u-mb-56p {
  margin-top: 56% !important;
}
.u-mb-57p {
  margin-top: 57% !important;
}
.u-mb-58p {
  margin-top: 58% !important;
}
.u-mb-59p {
  margin-top: 59% !important;
}
.u-mb-60p {
  margin-top: 60% !important;
}
.u-mb-61p {
  margin-top: 61% !important;
}
.u-mb-62p {
  margin-top: 62% !important;
}
.u-mb-63p {
  margin-top: 63% !important;
}
.u-mb-64p {
  margin-top: 64% !important;
}
.u-mb-65p {
  margin-top: 65% !important;
}
.u-mb-66p {
  margin-top: 66% !important;
}
.u-mb-67p {
  margin-top: 67% !important;
}
.u-mb-68p {
  margin-top: 68% !important;
}
.u-mb-69p {
  margin-top: 69% !important;
}
.u-mb-70p {
  margin-top: 70% !important;
}
.u-mb-71p {
  margin-top: 71% !important;
}
.u-mb-72p {
  margin-top: 72% !important;
}
.u-mb-73p {
  margin-top: 73% !important;
}
.u-mb-74p {
  margin-top: 74% !important;
}
.u-mb-75p {
  margin-top: 75% !important;
}
.u-mb-76p {
  margin-top: 76% !important;
}
.u-mb-77p {
  margin-top: 77% !important;
}
.u-mb-78p {
  margin-top: 78% !important;
}
.u-mb-79p {
  margin-top: 79% !important;
}
.u-mb-80p {
  margin-top: 80% !important;
}
.u-mb-81p {
  margin-top: 81% !important;
}
.u-mb-82p {
  margin-top: 82% !important;
}
.u-mb-83p {
  margin-top: 83% !important;
}
.u-mb-84p {
  margin-top: 84% !important;
}
.u-mb-85p {
  margin-top: 85% !important;
}
.u-mb-86p {
  margin-top: 86% !important;
}
.u-mb-87p {
  margin-top: 87% !important;
}
.u-mb-88p {
  margin-top: 88% !important;
}
.u-mb-89p {
  margin-top: 89% !important;
}
.u-mb-90p {
  margin-top: 90% !important;
}
.u-mb-91p {
  margin-top: 91% !important;
}
.u-mb-92p {
  margin-top: 92% !important;
}
.u-mb-93p {
  margin-top: 93% !important;
}
.u-mb-94p {
  margin-top: 94% !important;
}
.u-mb-95p {
  margin-top: 95% !important;
}
.u-mb-96p {
  margin-top: 96% !important;
}
.u-mb-97p {
  margin-top: 97% !important;
}
.u-mb-98p {
  margin-top: 98% !important;
}
.u-mb-99p {
  margin-top: 99% !important;
}
.u-mb-100p {
  margin-top: 100% !important;
}
.u-mb-101p {
  margin-top: 101% !important;
}
.u-mb-102p {
  margin-top: 102% !important;
}
.u-mb-103p {
  margin-top: 103% !important;
}
.u-mb-104p {
  margin-top: 104% !important;
}
.u-mb-105p {
  margin-top: 105% !important;
}
.u-mb-106p {
  margin-top: 106% !important;
}
.u-mb-107p {
  margin-top: 107% !important;
}
.u-mb-108p {
  margin-top: 108% !important;
}
.u-mb-109p {
  margin-top: 109% !important;
}
.u-mb-110p {
  margin-top: 110% !important;
}
.u-mb-111p {
  margin-top: 111% !important;
}
.u-mb-112p {
  margin-top: 112% !important;
}
.u-mb-113p {
  margin-top: 113% !important;
}
.u-mb-114p {
  margin-top: 114% !important;
}
.u-mb-115p {
  margin-top: 115% !important;
}
.u-mb-116p {
  margin-top: 116% !important;
}
.u-mb-117p {
  margin-top: 117% !important;
}
.u-mb-118p {
  margin-top: 118% !important;
}
.u-mb-119p {
  margin-top: 119% !important;
}
.u-mb-120p {
  margin-top: 120% !important;
}
.u-mb-121p {
  margin-top: 121% !important;
}
.u-mb-122p {
  margin-top: 122% !important;
}
.u-mb-123p {
  margin-top: 123% !important;
}
.u-mb-124p {
  margin-top: 124% !important;
}
.u-mb-125p {
  margin-top: 125% !important;
}
.u-mb-126p {
  margin-top: 126% !important;
}
.u-mb-127p {
  margin-top: 127% !important;
}
.u-mb-128p {
  margin-top: 128% !important;
}
.u-mb-129p {
  margin-top: 129% !important;
}
.u-mb-130p {
  margin-top: 130% !important;
}
.u-mb-131p {
  margin-top: 131% !important;
}
.u-mb-132p {
  margin-top: 132% !important;
}
.u-mb-133p {
  margin-top: 133% !important;
}
.u-mb-134p {
  margin-top: 134% !important;
}
.u-mb-135p {
  margin-top: 135% !important;
}
.u-mb-136p {
  margin-top: 136% !important;
}
.u-mb-137p {
  margin-top: 137% !important;
}
.u-mb-138p {
  margin-top: 138% !important;
}
.u-mb-139p {
  margin-top: 139% !important;
}
.u-mb-140p {
  margin-top: 140% !important;
}
.u-mb-141p {
  margin-top: 141% !important;
}
.u-mb-142p {
  margin-top: 142% !important;
}
.u-mb-143p {
  margin-top: 143% !important;
}
.u-mb-144p {
  margin-top: 144% !important;
}
.u-mb-145p {
  margin-top: 145% !important;
}
.u-mb-146p {
  margin-top: 146% !important;
}
.u-mb-147p {
  margin-top: 147% !important;
}
.u-mb-148p {
  margin-top: 148% !important;
}
.u-mb-149p {
  margin-top: 149% !important;
}
.u-mb-150p {
  margin-top: 150% !important;
}
.u-mb-151p {
  margin-top: 151% !important;
}
.u-mb-152p {
  margin-top: 152% !important;
}
.u-mb-153p {
  margin-top: 153% !important;
}
.u-mb-154p {
  margin-top: 154% !important;
}
.u-mb-155p {
  margin-top: 155% !important;
}
.u-mb-156p {
  margin-top: 156% !important;
}
.u-mb-157p {
  margin-top: 157% !important;
}
.u-mb-158p {
  margin-top: 158% !important;
}
.u-mb-159p {
  margin-top: 159% !important;
}
.u-mb-160p {
  margin-top: 160% !important;
}
.u-mb-161p {
  margin-top: 161% !important;
}
.u-mb-162p {
  margin-top: 162% !important;
}
.u-mb-163p {
  margin-top: 163% !important;
}
.u-mb-164p {
  margin-top: 164% !important;
}
.u-mb-165p {
  margin-top: 165% !important;
}
.u-mb-166p {
  margin-top: 166% !important;
}
.u-mb-167p {
  margin-top: 167% !important;
}
.u-mb-168p {
  margin-top: 168% !important;
}
.u-mb-169p {
  margin-top: 169% !important;
}
.u-mb-170p {
  margin-top: 170% !important;
}
.u-mb-171p {
  margin-top: 171% !important;
}
.u-mb-172p {
  margin-top: 172% !important;
}
.u-mb-173p {
  margin-top: 173% !important;
}
.u-mb-174p {
  margin-top: 174% !important;
}
.u-mb-175p {
  margin-top: 175% !important;
}
.u-mb-176p {
  margin-top: 176% !important;
}
.u-mb-177p {
  margin-top: 177% !important;
}
.u-mb-178p {
  margin-top: 178% !important;
}
.u-mb-179p {
  margin-top: 179% !important;
}
.u-mb-180p {
  margin-top: 180% !important;
}
.u-mb-181p {
  margin-top: 181% !important;
}
.u-mb-182p {
  margin-top: 182% !important;
}
.u-mb-183p {
  margin-top: 183% !important;
}
.u-mb-184p {
  margin-top: 184% !important;
}
.u-mb-185p {
  margin-top: 185% !important;
}
.u-mb-186p {
  margin-top: 186% !important;
}
.u-mb-187p {
  margin-top: 187% !important;
}
.u-mb-188p {
  margin-top: 188% !important;
}
.u-mb-189p {
  margin-top: 189% !important;
}
.u-mb-190p {
  margin-top: 190% !important;
}
.u-mb-191p {
  margin-top: 191% !important;
}
.u-mb-192p {
  margin-top: 192% !important;
}
.u-mb-193p {
  margin-top: 193% !important;
}
.u-mb-194p {
  margin-top: 194% !important;
}
.u-mb-195p {
  margin-top: 195% !important;
}
.u-mb-196p {
  margin-top: 196% !important;
}
.u-mb-197p {
  margin-top: 197% !important;
}
.u-mb-198p {
  margin-top: 198% !important;
}
.u-mb-199p {
  margin-top: 199% !important;
}
.u-mb-200p {
  margin-top: 200% !important;
}
.u-ml-0 {
  margin-left: 0px !important;
}
.u-ml-1 {
  margin-left: 1px !important;
}
.u-ml-2 {
  margin-left: 2px !important;
}
.u-ml-3 {
  margin-left: 3px !important;
}
.u-ml-4 {
  margin-left: 4px !important;
}
.u-ml-5 {
  margin-left: 5px !important;
}
.u-ml-6 {
  margin-left: 6px !important;
}
.u-ml-7 {
  margin-left: 7px !important;
}
.u-ml-8 {
  margin-left: 8px !important;
}
.u-ml-9 {
  margin-left: 9px !important;
}
.u-ml-10 {
  margin-left: 10px !important;
}
.u-ml-11 {
  margin-left: 11px !important;
}
.u-ml-12 {
  margin-left: 12px !important;
}
.u-ml-13 {
  margin-left: 13px !important;
}
.u-ml-14 {
  margin-left: 14px !important;
}
.u-ml-15 {
  margin-left: 15px !important;
}
.u-ml-16 {
  margin-left: 16px !important;
}
.u-ml-17 {
  margin-left: 17px !important;
}
.u-ml-18 {
  margin-left: 18px !important;
}
.u-ml-19 {
  margin-left: 19px !important;
}
.u-ml-20 {
  margin-left: 20px !important;
}
.u-ml-21 {
  margin-left: 21px !important;
}
.u-ml-22 {
  margin-left: 22px !important;
}
.u-ml-23 {
  margin-left: 23px !important;
}
.u-ml-24 {
  margin-left: 24px !important;
}
.u-ml-25 {
  margin-left: 25px !important;
}
.u-ml-26 {
  margin-left: 26px !important;
}
.u-ml-27 {
  margin-left: 27px !important;
}
.u-ml-28 {
  margin-left: 28px !important;
}
.u-ml-29 {
  margin-left: 29px !important;
}
.u-ml-30 {
  margin-left: 30px !important;
}
.u-ml-31 {
  margin-left: 31px !important;
}
.u-ml-32 {
  margin-left: 32px !important;
}
.u-ml-33 {
  margin-left: 33px !important;
}
.u-ml-34 {
  margin-left: 34px !important;
}
.u-ml-35 {
  margin-left: 35px !important;
}
.u-ml-36 {
  margin-left: 36px !important;
}
.u-ml-37 {
  margin-left: 37px !important;
}
.u-ml-38 {
  margin-left: 38px !important;
}
.u-ml-39 {
  margin-left: 39px !important;
}
.u-ml-40 {
  margin-left: 40px !important;
}
.u-ml-41 {
  margin-left: 41px !important;
}
.u-ml-42 {
  margin-left: 42px !important;
}
.u-ml-43 {
  margin-left: 43px !important;
}
.u-ml-44 {
  margin-left: 44px !important;
}
.u-ml-45 {
  margin-left: 45px !important;
}
.u-ml-46 {
  margin-left: 46px !important;
}
.u-ml-47 {
  margin-left: 47px !important;
}
.u-ml-48 {
  margin-left: 48px !important;
}
.u-ml-49 {
  margin-left: 49px !important;
}
.u-ml-50 {
  margin-left: 50px !important;
}
.u-ml-51 {
  margin-left: 51px !important;
}
.u-ml-52 {
  margin-left: 52px !important;
}
.u-ml-53 {
  margin-left: 53px !important;
}
.u-ml-54 {
  margin-left: 54px !important;
}
.u-ml-55 {
  margin-left: 55px !important;
}
.u-ml-56 {
  margin-left: 56px !important;
}
.u-ml-57 {
  margin-left: 57px !important;
}
.u-ml-58 {
  margin-left: 58px !important;
}
.u-ml-59 {
  margin-left: 59px !important;
}
.u-ml-60 {
  margin-left: 60px !important;
}
.u-ml-61 {
  margin-left: 61px !important;
}
.u-ml-62 {
  margin-left: 62px !important;
}
.u-ml-63 {
  margin-left: 63px !important;
}
.u-ml-64 {
  margin-left: 64px !important;
}
.u-ml-65 {
  margin-left: 65px !important;
}
.u-ml-66 {
  margin-left: 66px !important;
}
.u-ml-67 {
  margin-left: 67px !important;
}
.u-ml-68 {
  margin-left: 68px !important;
}
.u-ml-69 {
  margin-left: 69px !important;
}
.u-ml-70 {
  margin-left: 70px !important;
}
.u-ml-71 {
  margin-left: 71px !important;
}
.u-ml-72 {
  margin-left: 72px !important;
}
.u-ml-73 {
  margin-left: 73px !important;
}
.u-ml-74 {
  margin-left: 74px !important;
}
.u-ml-75 {
  margin-left: 75px !important;
}
.u-ml-76 {
  margin-left: 76px !important;
}
.u-ml-77 {
  margin-left: 77px !important;
}
.u-ml-78 {
  margin-left: 78px !important;
}
.u-ml-79 {
  margin-left: 79px !important;
}
.u-ml-80 {
  margin-left: 80px !important;
}
.u-ml-81 {
  margin-left: 81px !important;
}
.u-ml-82 {
  margin-left: 82px !important;
}
.u-ml-83 {
  margin-left: 83px !important;
}
.u-ml-84 {
  margin-left: 84px !important;
}
.u-ml-85 {
  margin-left: 85px !important;
}
.u-ml-86 {
  margin-left: 86px !important;
}
.u-ml-87 {
  margin-left: 87px !important;
}
.u-ml-88 {
  margin-left: 88px !important;
}
.u-ml-89 {
  margin-left: 89px !important;
}
.u-ml-90 {
  margin-left: 90px !important;
}
.u-ml-91 {
  margin-left: 91px !important;
}
.u-ml-92 {
  margin-left: 92px !important;
}
.u-ml-93 {
  margin-left: 93px !important;
}
.u-ml-94 {
  margin-left: 94px !important;
}
.u-ml-95 {
  margin-left: 95px !important;
}
.u-ml-96 {
  margin-left: 96px !important;
}
.u-ml-97 {
  margin-left: 97px !important;
}
.u-ml-98 {
  margin-left: 98px !important;
}
.u-ml-99 {
  margin-left: 99px !important;
}
.u-ml-100 {
  margin-left: 100px !important;
}
.u-ml-101 {
  margin-left: 101px !important;
}
.u-ml-102 {
  margin-left: 102px !important;
}
.u-ml-103 {
  margin-left: 103px !important;
}
.u-ml-104 {
  margin-left: 104px !important;
}
.u-ml-105 {
  margin-left: 105px !important;
}
.u-ml-106 {
  margin-left: 106px !important;
}
.u-ml-107 {
  margin-left: 107px !important;
}
.u-ml-108 {
  margin-left: 108px !important;
}
.u-ml-109 {
  margin-left: 109px !important;
}
.u-ml-110 {
  margin-left: 110px !important;
}
.u-ml-111 {
  margin-left: 111px !important;
}
.u-ml-112 {
  margin-left: 112px !important;
}
.u-ml-113 {
  margin-left: 113px !important;
}
.u-ml-114 {
  margin-left: 114px !important;
}
.u-ml-115 {
  margin-left: 115px !important;
}
.u-ml-116 {
  margin-left: 116px !important;
}
.u-ml-117 {
  margin-left: 117px !important;
}
.u-ml-118 {
  margin-left: 118px !important;
}
.u-ml-119 {
  margin-left: 119px !important;
}
.u-ml-120 {
  margin-left: 120px !important;
}
.u-ml-121 {
  margin-left: 121px !important;
}
.u-ml-122 {
  margin-left: 122px !important;
}
.u-ml-123 {
  margin-left: 123px !important;
}
.u-ml-124 {
  margin-left: 124px !important;
}
.u-ml-125 {
  margin-left: 125px !important;
}
.u-ml-126 {
  margin-left: 126px !important;
}
.u-ml-127 {
  margin-left: 127px !important;
}
.u-ml-128 {
  margin-left: 128px !important;
}
.u-ml-129 {
  margin-left: 129px !important;
}
.u-ml-130 {
  margin-left: 130px !important;
}
.u-ml-131 {
  margin-left: 131px !important;
}
.u-ml-132 {
  margin-left: 132px !important;
}
.u-ml-133 {
  margin-left: 133px !important;
}
.u-ml-134 {
  margin-left: 134px !important;
}
.u-ml-135 {
  margin-left: 135px !important;
}
.u-ml-136 {
  margin-left: 136px !important;
}
.u-ml-137 {
  margin-left: 137px !important;
}
.u-ml-138 {
  margin-left: 138px !important;
}
.u-ml-139 {
  margin-left: 139px !important;
}
.u-ml-140 {
  margin-left: 140px !important;
}
.u-ml-141 {
  margin-left: 141px !important;
}
.u-ml-142 {
  margin-left: 142px !important;
}
.u-ml-143 {
  margin-left: 143px !important;
}
.u-ml-144 {
  margin-left: 144px !important;
}
.u-ml-145 {
  margin-left: 145px !important;
}
.u-ml-146 {
  margin-left: 146px !important;
}
.u-ml-147 {
  margin-left: 147px !important;
}
.u-ml-148 {
  margin-left: 148px !important;
}
.u-ml-149 {
  margin-left: 149px !important;
}
.u-ml-150 {
  margin-left: 150px !important;
}
.u-ml-151 {
  margin-left: 151px !important;
}
.u-ml-152 {
  margin-left: 152px !important;
}
.u-ml-153 {
  margin-left: 153px !important;
}
.u-ml-154 {
  margin-left: 154px !important;
}
.u-ml-155 {
  margin-left: 155px !important;
}
.u-ml-156 {
  margin-left: 156px !important;
}
.u-ml-157 {
  margin-left: 157px !important;
}
.u-ml-158 {
  margin-left: 158px !important;
}
.u-ml-159 {
  margin-left: 159px !important;
}
.u-ml-160 {
  margin-left: 160px !important;
}
.u-ml-161 {
  margin-left: 161px !important;
}
.u-ml-162 {
  margin-left: 162px !important;
}
.u-ml-163 {
  margin-left: 163px !important;
}
.u-ml-164 {
  margin-left: 164px !important;
}
.u-ml-165 {
  margin-left: 165px !important;
}
.u-ml-166 {
  margin-left: 166px !important;
}
.u-ml-167 {
  margin-left: 167px !important;
}
.u-ml-168 {
  margin-left: 168px !important;
}
.u-ml-169 {
  margin-left: 169px !important;
}
.u-ml-170 {
  margin-left: 170px !important;
}
.u-ml-171 {
  margin-left: 171px !important;
}
.u-ml-172 {
  margin-left: 172px !important;
}
.u-ml-173 {
  margin-left: 173px !important;
}
.u-ml-174 {
  margin-left: 174px !important;
}
.u-ml-175 {
  margin-left: 175px !important;
}
.u-ml-176 {
  margin-left: 176px !important;
}
.u-ml-177 {
  margin-left: 177px !important;
}
.u-ml-178 {
  margin-left: 178px !important;
}
.u-ml-179 {
  margin-left: 179px !important;
}
.u-ml-180 {
  margin-left: 180px !important;
}
.u-ml-181 {
  margin-left: 181px !important;
}
.u-ml-182 {
  margin-left: 182px !important;
}
.u-ml-183 {
  margin-left: 183px !important;
}
.u-ml-184 {
  margin-left: 184px !important;
}
.u-ml-185 {
  margin-left: 185px !important;
}
.u-ml-186 {
  margin-left: 186px !important;
}
.u-ml-187 {
  margin-left: 187px !important;
}
.u-ml-188 {
  margin-left: 188px !important;
}
.u-ml-189 {
  margin-left: 189px !important;
}
.u-ml-190 {
  margin-left: 190px !important;
}
.u-ml-191 {
  margin-left: 191px !important;
}
.u-ml-192 {
  margin-left: 192px !important;
}
.u-ml-193 {
  margin-left: 193px !important;
}
.u-ml-194 {
  margin-left: 194px !important;
}
.u-ml-195 {
  margin-left: 195px !important;
}
.u-ml-196 {
  margin-left: 196px !important;
}
.u-ml-197 {
  margin-left: 197px !important;
}
.u-ml-198 {
  margin-left: 198px !important;
}
.u-ml-199 {
  margin-left: 199px !important;
}
.u-ml-200 {
  margin-left: 200px !important;
}
.u-ml-0p {
  margin-top: 0% !important;
}
.u-ml-1p {
  margin-top: 1% !important;
}
.u-ml-2p {
  margin-top: 2% !important;
}
.u-ml-3p {
  margin-top: 3% !important;
}
.u-ml-4p {
  margin-top: 4% !important;
}
.u-ml-5p {
  margin-top: 5% !important;
}
.u-ml-6p {
  margin-top: 6% !important;
}
.u-ml-7p {
  margin-top: 7% !important;
}
.u-ml-8p {
  margin-top: 8% !important;
}
.u-ml-9p {
  margin-top: 9% !important;
}
.u-ml-10p {
  margin-top: 10% !important;
}
.u-ml-11p {
  margin-top: 11% !important;
}
.u-ml-12p {
  margin-top: 12% !important;
}
.u-ml-13p {
  margin-top: 13% !important;
}
.u-ml-14p {
  margin-top: 14% !important;
}
.u-ml-15p {
  margin-top: 15% !important;
}
.u-ml-16p {
  margin-top: 16% !important;
}
.u-ml-17p {
  margin-top: 17% !important;
}
.u-ml-18p {
  margin-top: 18% !important;
}
.u-ml-19p {
  margin-top: 19% !important;
}
.u-ml-20p {
  margin-top: 20% !important;
}
.u-ml-21p {
  margin-top: 21% !important;
}
.u-ml-22p {
  margin-top: 22% !important;
}
.u-ml-23p {
  margin-top: 23% !important;
}
.u-ml-24p {
  margin-top: 24% !important;
}
.u-ml-25p {
  margin-top: 25% !important;
}
.u-ml-26p {
  margin-top: 26% !important;
}
.u-ml-27p {
  margin-top: 27% !important;
}
.u-ml-28p {
  margin-top: 28% !important;
}
.u-ml-29p {
  margin-top: 29% !important;
}
.u-ml-30p {
  margin-top: 30% !important;
}
.u-ml-31p {
  margin-top: 31% !important;
}
.u-ml-32p {
  margin-top: 32% !important;
}
.u-ml-33p {
  margin-top: 33% !important;
}
.u-ml-34p {
  margin-top: 34% !important;
}
.u-ml-35p {
  margin-top: 35% !important;
}
.u-ml-36p {
  margin-top: 36% !important;
}
.u-ml-37p {
  margin-top: 37% !important;
}
.u-ml-38p {
  margin-top: 38% !important;
}
.u-ml-39p {
  margin-top: 39% !important;
}
.u-ml-40p {
  margin-top: 40% !important;
}
.u-ml-41p {
  margin-top: 41% !important;
}
.u-ml-42p {
  margin-top: 42% !important;
}
.u-ml-43p {
  margin-top: 43% !important;
}
.u-ml-44p {
  margin-top: 44% !important;
}
.u-ml-45p {
  margin-top: 45% !important;
}
.u-ml-46p {
  margin-top: 46% !important;
}
.u-ml-47p {
  margin-top: 47% !important;
}
.u-ml-48p {
  margin-top: 48% !important;
}
.u-ml-49p {
  margin-top: 49% !important;
}
.u-ml-50p {
  margin-top: 50% !important;
}
.u-ml-51p {
  margin-top: 51% !important;
}
.u-ml-52p {
  margin-top: 52% !important;
}
.u-ml-53p {
  margin-top: 53% !important;
}
.u-ml-54p {
  margin-top: 54% !important;
}
.u-ml-55p {
  margin-top: 55% !important;
}
.u-ml-56p {
  margin-top: 56% !important;
}
.u-ml-57p {
  margin-top: 57% !important;
}
.u-ml-58p {
  margin-top: 58% !important;
}
.u-ml-59p {
  margin-top: 59% !important;
}
.u-ml-60p {
  margin-top: 60% !important;
}
.u-ml-61p {
  margin-top: 61% !important;
}
.u-ml-62p {
  margin-top: 62% !important;
}
.u-ml-63p {
  margin-top: 63% !important;
}
.u-ml-64p {
  margin-top: 64% !important;
}
.u-ml-65p {
  margin-top: 65% !important;
}
.u-ml-66p {
  margin-top: 66% !important;
}
.u-ml-67p {
  margin-top: 67% !important;
}
.u-ml-68p {
  margin-top: 68% !important;
}
.u-ml-69p {
  margin-top: 69% !important;
}
.u-ml-70p {
  margin-top: 70% !important;
}
.u-ml-71p {
  margin-top: 71% !important;
}
.u-ml-72p {
  margin-top: 72% !important;
}
.u-ml-73p {
  margin-top: 73% !important;
}
.u-ml-74p {
  margin-top: 74% !important;
}
.u-ml-75p {
  margin-top: 75% !important;
}
.u-ml-76p {
  margin-top: 76% !important;
}
.u-ml-77p {
  margin-top: 77% !important;
}
.u-ml-78p {
  margin-top: 78% !important;
}
.u-ml-79p {
  margin-top: 79% !important;
}
.u-ml-80p {
  margin-top: 80% !important;
}
.u-ml-81p {
  margin-top: 81% !important;
}
.u-ml-82p {
  margin-top: 82% !important;
}
.u-ml-83p {
  margin-top: 83% !important;
}
.u-ml-84p {
  margin-top: 84% !important;
}
.u-ml-85p {
  margin-top: 85% !important;
}
.u-ml-86p {
  margin-top: 86% !important;
}
.u-ml-87p {
  margin-top: 87% !important;
}
.u-ml-88p {
  margin-top: 88% !important;
}
.u-ml-89p {
  margin-top: 89% !important;
}
.u-ml-90p {
  margin-top: 90% !important;
}
.u-ml-91p {
  margin-top: 91% !important;
}
.u-ml-92p {
  margin-top: 92% !important;
}
.u-ml-93p {
  margin-top: 93% !important;
}
.u-ml-94p {
  margin-top: 94% !important;
}
.u-ml-95p {
  margin-top: 95% !important;
}
.u-ml-96p {
  margin-top: 96% !important;
}
.u-ml-97p {
  margin-top: 97% !important;
}
.u-ml-98p {
  margin-top: 98% !important;
}
.u-ml-99p {
  margin-top: 99% !important;
}
.u-ml-100p {
  margin-top: 100% !important;
}
.u-ml-101p {
  margin-top: 101% !important;
}
.u-ml-102p {
  margin-top: 102% !important;
}
.u-ml-103p {
  margin-top: 103% !important;
}
.u-ml-104p {
  margin-top: 104% !important;
}
.u-ml-105p {
  margin-top: 105% !important;
}
.u-ml-106p {
  margin-top: 106% !important;
}
.u-ml-107p {
  margin-top: 107% !important;
}
.u-ml-108p {
  margin-top: 108% !important;
}
.u-ml-109p {
  margin-top: 109% !important;
}
.u-ml-110p {
  margin-top: 110% !important;
}
.u-ml-111p {
  margin-top: 111% !important;
}
.u-ml-112p {
  margin-top: 112% !important;
}
.u-ml-113p {
  margin-top: 113% !important;
}
.u-ml-114p {
  margin-top: 114% !important;
}
.u-ml-115p {
  margin-top: 115% !important;
}
.u-ml-116p {
  margin-top: 116% !important;
}
.u-ml-117p {
  margin-top: 117% !important;
}
.u-ml-118p {
  margin-top: 118% !important;
}
.u-ml-119p {
  margin-top: 119% !important;
}
.u-ml-120p {
  margin-top: 120% !important;
}
.u-ml-121p {
  margin-top: 121% !important;
}
.u-ml-122p {
  margin-top: 122% !important;
}
.u-ml-123p {
  margin-top: 123% !important;
}
.u-ml-124p {
  margin-top: 124% !important;
}
.u-ml-125p {
  margin-top: 125% !important;
}
.u-ml-126p {
  margin-top: 126% !important;
}
.u-ml-127p {
  margin-top: 127% !important;
}
.u-ml-128p {
  margin-top: 128% !important;
}
.u-ml-129p {
  margin-top: 129% !important;
}
.u-ml-130p {
  margin-top: 130% !important;
}
.u-ml-131p {
  margin-top: 131% !important;
}
.u-ml-132p {
  margin-top: 132% !important;
}
.u-ml-133p {
  margin-top: 133% !important;
}
.u-ml-134p {
  margin-top: 134% !important;
}
.u-ml-135p {
  margin-top: 135% !important;
}
.u-ml-136p {
  margin-top: 136% !important;
}
.u-ml-137p {
  margin-top: 137% !important;
}
.u-ml-138p {
  margin-top: 138% !important;
}
.u-ml-139p {
  margin-top: 139% !important;
}
.u-ml-140p {
  margin-top: 140% !important;
}
.u-ml-141p {
  margin-top: 141% !important;
}
.u-ml-142p {
  margin-top: 142% !important;
}
.u-ml-143p {
  margin-top: 143% !important;
}
.u-ml-144p {
  margin-top: 144% !important;
}
.u-ml-145p {
  margin-top: 145% !important;
}
.u-ml-146p {
  margin-top: 146% !important;
}
.u-ml-147p {
  margin-top: 147% !important;
}
.u-ml-148p {
  margin-top: 148% !important;
}
.u-ml-149p {
  margin-top: 149% !important;
}
.u-ml-150p {
  margin-top: 150% !important;
}
.u-ml-151p {
  margin-top: 151% !important;
}
.u-ml-152p {
  margin-top: 152% !important;
}
.u-ml-153p {
  margin-top: 153% !important;
}
.u-ml-154p {
  margin-top: 154% !important;
}
.u-ml-155p {
  margin-top: 155% !important;
}
.u-ml-156p {
  margin-top: 156% !important;
}
.u-ml-157p {
  margin-top: 157% !important;
}
.u-ml-158p {
  margin-top: 158% !important;
}
.u-ml-159p {
  margin-top: 159% !important;
}
.u-ml-160p {
  margin-top: 160% !important;
}
.u-ml-161p {
  margin-top: 161% !important;
}
.u-ml-162p {
  margin-top: 162% !important;
}
.u-ml-163p {
  margin-top: 163% !important;
}
.u-ml-164p {
  margin-top: 164% !important;
}
.u-ml-165p {
  margin-top: 165% !important;
}
.u-ml-166p {
  margin-top: 166% !important;
}
.u-ml-167p {
  margin-top: 167% !important;
}
.u-ml-168p {
  margin-top: 168% !important;
}
.u-ml-169p {
  margin-top: 169% !important;
}
.u-ml-170p {
  margin-top: 170% !important;
}
.u-ml-171p {
  margin-top: 171% !important;
}
.u-ml-172p {
  margin-top: 172% !important;
}
.u-ml-173p {
  margin-top: 173% !important;
}
.u-ml-174p {
  margin-top: 174% !important;
}
.u-ml-175p {
  margin-top: 175% !important;
}
.u-ml-176p {
  margin-top: 176% !important;
}
.u-ml-177p {
  margin-top: 177% !important;
}
.u-ml-178p {
  margin-top: 178% !important;
}
.u-ml-179p {
  margin-top: 179% !important;
}
.u-ml-180p {
  margin-top: 180% !important;
}
.u-ml-181p {
  margin-top: 181% !important;
}
.u-ml-182p {
  margin-top: 182% !important;
}
.u-ml-183p {
  margin-top: 183% !important;
}
.u-ml-184p {
  margin-top: 184% !important;
}
.u-ml-185p {
  margin-top: 185% !important;
}
.u-ml-186p {
  margin-top: 186% !important;
}
.u-ml-187p {
  margin-top: 187% !important;
}
.u-ml-188p {
  margin-top: 188% !important;
}
.u-ml-189p {
  margin-top: 189% !important;
}
.u-ml-190p {
  margin-top: 190% !important;
}
.u-ml-191p {
  margin-top: 191% !important;
}
.u-ml-192p {
  margin-top: 192% !important;
}
.u-ml-193p {
  margin-top: 193% !important;
}
.u-ml-194p {
  margin-top: 194% !important;
}
.u-ml-195p {
  margin-top: 195% !important;
}
.u-ml-196p {
  margin-top: 196% !important;
}
.u-ml-197p {
  margin-top: 197% !important;
}
.u-ml-198p {
  margin-top: 198% !important;
}
.u-ml-199p {
  margin-top: 199% !important;
}
.u-ml-200p {
  margin-top: 200% !important;
}
.u-mr-0 {
  margin-right: 0px !important;
}
.u-mr-1 {
  margin-right: 1px !important;
}
.u-mr-2 {
  margin-right: 2px !important;
}
.u-mr-3 {
  margin-right: 3px !important;
}
.u-mr-4 {
  margin-right: 4px !important;
}
.u-mr-5 {
  margin-right: 5px !important;
}
.u-mr-6 {
  margin-right: 6px !important;
}
.u-mr-7 {
  margin-right: 7px !important;
}
.u-mr-8 {
  margin-right: 8px !important;
}
.u-mr-9 {
  margin-right: 9px !important;
}
.u-mr-10 {
  margin-right: 10px !important;
}
.u-mr-11 {
  margin-right: 11px !important;
}
.u-mr-12 {
  margin-right: 12px !important;
}
.u-mr-13 {
  margin-right: 13px !important;
}
.u-mr-14 {
  margin-right: 14px !important;
}
.u-mr-15 {
  margin-right: 15px !important;
}
.u-mr-16 {
  margin-right: 16px !important;
}
.u-mr-17 {
  margin-right: 17px !important;
}
.u-mr-18 {
  margin-right: 18px !important;
}
.u-mr-19 {
  margin-right: 19px !important;
}
.u-mr-20 {
  margin-right: 20px !important;
}
.u-mr-21 {
  margin-right: 21px !important;
}
.u-mr-22 {
  margin-right: 22px !important;
}
.u-mr-23 {
  margin-right: 23px !important;
}
.u-mr-24 {
  margin-right: 24px !important;
}
.u-mr-25 {
  margin-right: 25px !important;
}
.u-mr-26 {
  margin-right: 26px !important;
}
.u-mr-27 {
  margin-right: 27px !important;
}
.u-mr-28 {
  margin-right: 28px !important;
}
.u-mr-29 {
  margin-right: 29px !important;
}
.u-mr-30 {
  margin-right: 30px !important;
}
.u-mr-31 {
  margin-right: 31px !important;
}
.u-mr-32 {
  margin-right: 32px !important;
}
.u-mr-33 {
  margin-right: 33px !important;
}
.u-mr-34 {
  margin-right: 34px !important;
}
.u-mr-35 {
  margin-right: 35px !important;
}
.u-mr-36 {
  margin-right: 36px !important;
}
.u-mr-37 {
  margin-right: 37px !important;
}
.u-mr-38 {
  margin-right: 38px !important;
}
.u-mr-39 {
  margin-right: 39px !important;
}
.u-mr-40 {
  margin-right: 40px !important;
}
.u-mr-41 {
  margin-right: 41px !important;
}
.u-mr-42 {
  margin-right: 42px !important;
}
.u-mr-43 {
  margin-right: 43px !important;
}
.u-mr-44 {
  margin-right: 44px !important;
}
.u-mr-45 {
  margin-right: 45px !important;
}
.u-mr-46 {
  margin-right: 46px !important;
}
.u-mr-47 {
  margin-right: 47px !important;
}
.u-mr-48 {
  margin-right: 48px !important;
}
.u-mr-49 {
  margin-right: 49px !important;
}
.u-mr-50 {
  margin-right: 50px !important;
}
.u-mr-51 {
  margin-right: 51px !important;
}
.u-mr-52 {
  margin-right: 52px !important;
}
.u-mr-53 {
  margin-right: 53px !important;
}
.u-mr-54 {
  margin-right: 54px !important;
}
.u-mr-55 {
  margin-right: 55px !important;
}
.u-mr-56 {
  margin-right: 56px !important;
}
.u-mr-57 {
  margin-right: 57px !important;
}
.u-mr-58 {
  margin-right: 58px !important;
}
.u-mr-59 {
  margin-right: 59px !important;
}
.u-mr-60 {
  margin-right: 60px !important;
}
.u-mr-61 {
  margin-right: 61px !important;
}
.u-mr-62 {
  margin-right: 62px !important;
}
.u-mr-63 {
  margin-right: 63px !important;
}
.u-mr-64 {
  margin-right: 64px !important;
}
.u-mr-65 {
  margin-right: 65px !important;
}
.u-mr-66 {
  margin-right: 66px !important;
}
.u-mr-67 {
  margin-right: 67px !important;
}
.u-mr-68 {
  margin-right: 68px !important;
}
.u-mr-69 {
  margin-right: 69px !important;
}
.u-mr-70 {
  margin-right: 70px !important;
}
.u-mr-71 {
  margin-right: 71px !important;
}
.u-mr-72 {
  margin-right: 72px !important;
}
.u-mr-73 {
  margin-right: 73px !important;
}
.u-mr-74 {
  margin-right: 74px !important;
}
.u-mr-75 {
  margin-right: 75px !important;
}
.u-mr-76 {
  margin-right: 76px !important;
}
.u-mr-77 {
  margin-right: 77px !important;
}
.u-mr-78 {
  margin-right: 78px !important;
}
.u-mr-79 {
  margin-right: 79px !important;
}
.u-mr-80 {
  margin-right: 80px !important;
}
.u-mr-81 {
  margin-right: 81px !important;
}
.u-mr-82 {
  margin-right: 82px !important;
}
.u-mr-83 {
  margin-right: 83px !important;
}
.u-mr-84 {
  margin-right: 84px !important;
}
.u-mr-85 {
  margin-right: 85px !important;
}
.u-mr-86 {
  margin-right: 86px !important;
}
.u-mr-87 {
  margin-right: 87px !important;
}
.u-mr-88 {
  margin-right: 88px !important;
}
.u-mr-89 {
  margin-right: 89px !important;
}
.u-mr-90 {
  margin-right: 90px !important;
}
.u-mr-91 {
  margin-right: 91px !important;
}
.u-mr-92 {
  margin-right: 92px !important;
}
.u-mr-93 {
  margin-right: 93px !important;
}
.u-mr-94 {
  margin-right: 94px !important;
}
.u-mr-95 {
  margin-right: 95px !important;
}
.u-mr-96 {
  margin-right: 96px !important;
}
.u-mr-97 {
  margin-right: 97px !important;
}
.u-mr-98 {
  margin-right: 98px !important;
}
.u-mr-99 {
  margin-right: 99px !important;
}
.u-mr-100 {
  margin-right: 100px !important;
}
.u-mr-101 {
  margin-right: 101px !important;
}
.u-mr-102 {
  margin-right: 102px !important;
}
.u-mr-103 {
  margin-right: 103px !important;
}
.u-mr-104 {
  margin-right: 104px !important;
}
.u-mr-105 {
  margin-right: 105px !important;
}
.u-mr-106 {
  margin-right: 106px !important;
}
.u-mr-107 {
  margin-right: 107px !important;
}
.u-mr-108 {
  margin-right: 108px !important;
}
.u-mr-109 {
  margin-right: 109px !important;
}
.u-mr-110 {
  margin-right: 110px !important;
}
.u-mr-111 {
  margin-right: 111px !important;
}
.u-mr-112 {
  margin-right: 112px !important;
}
.u-mr-113 {
  margin-right: 113px !important;
}
.u-mr-114 {
  margin-right: 114px !important;
}
.u-mr-115 {
  margin-right: 115px !important;
}
.u-mr-116 {
  margin-right: 116px !important;
}
.u-mr-117 {
  margin-right: 117px !important;
}
.u-mr-118 {
  margin-right: 118px !important;
}
.u-mr-119 {
  margin-right: 119px !important;
}
.u-mr-120 {
  margin-right: 120px !important;
}
.u-mr-121 {
  margin-right: 121px !important;
}
.u-mr-122 {
  margin-right: 122px !important;
}
.u-mr-123 {
  margin-right: 123px !important;
}
.u-mr-124 {
  margin-right: 124px !important;
}
.u-mr-125 {
  margin-right: 125px !important;
}
.u-mr-126 {
  margin-right: 126px !important;
}
.u-mr-127 {
  margin-right: 127px !important;
}
.u-mr-128 {
  margin-right: 128px !important;
}
.u-mr-129 {
  margin-right: 129px !important;
}
.u-mr-130 {
  margin-right: 130px !important;
}
.u-mr-131 {
  margin-right: 131px !important;
}
.u-mr-132 {
  margin-right: 132px !important;
}
.u-mr-133 {
  margin-right: 133px !important;
}
.u-mr-134 {
  margin-right: 134px !important;
}
.u-mr-135 {
  margin-right: 135px !important;
}
.u-mr-136 {
  margin-right: 136px !important;
}
.u-mr-137 {
  margin-right: 137px !important;
}
.u-mr-138 {
  margin-right: 138px !important;
}
.u-mr-139 {
  margin-right: 139px !important;
}
.u-mr-140 {
  margin-right: 140px !important;
}
.u-mr-141 {
  margin-right: 141px !important;
}
.u-mr-142 {
  margin-right: 142px !important;
}
.u-mr-143 {
  margin-right: 143px !important;
}
.u-mr-144 {
  margin-right: 144px !important;
}
.u-mr-145 {
  margin-right: 145px !important;
}
.u-mr-146 {
  margin-right: 146px !important;
}
.u-mr-147 {
  margin-right: 147px !important;
}
.u-mr-148 {
  margin-right: 148px !important;
}
.u-mr-149 {
  margin-right: 149px !important;
}
.u-mr-150 {
  margin-right: 150px !important;
}
.u-mr-151 {
  margin-right: 151px !important;
}
.u-mr-152 {
  margin-right: 152px !important;
}
.u-mr-153 {
  margin-right: 153px !important;
}
.u-mr-154 {
  margin-right: 154px !important;
}
.u-mr-155 {
  margin-right: 155px !important;
}
.u-mr-156 {
  margin-right: 156px !important;
}
.u-mr-157 {
  margin-right: 157px !important;
}
.u-mr-158 {
  margin-right: 158px !important;
}
.u-mr-159 {
  margin-right: 159px !important;
}
.u-mr-160 {
  margin-right: 160px !important;
}
.u-mr-161 {
  margin-right: 161px !important;
}
.u-mr-162 {
  margin-right: 162px !important;
}
.u-mr-163 {
  margin-right: 163px !important;
}
.u-mr-164 {
  margin-right: 164px !important;
}
.u-mr-165 {
  margin-right: 165px !important;
}
.u-mr-166 {
  margin-right: 166px !important;
}
.u-mr-167 {
  margin-right: 167px !important;
}
.u-mr-168 {
  margin-right: 168px !important;
}
.u-mr-169 {
  margin-right: 169px !important;
}
.u-mr-170 {
  margin-right: 170px !important;
}
.u-mr-171 {
  margin-right: 171px !important;
}
.u-mr-172 {
  margin-right: 172px !important;
}
.u-mr-173 {
  margin-right: 173px !important;
}
.u-mr-174 {
  margin-right: 174px !important;
}
.u-mr-175 {
  margin-right: 175px !important;
}
.u-mr-176 {
  margin-right: 176px !important;
}
.u-mr-177 {
  margin-right: 177px !important;
}
.u-mr-178 {
  margin-right: 178px !important;
}
.u-mr-179 {
  margin-right: 179px !important;
}
.u-mr-180 {
  margin-right: 180px !important;
}
.u-mr-181 {
  margin-right: 181px !important;
}
.u-mr-182 {
  margin-right: 182px !important;
}
.u-mr-183 {
  margin-right: 183px !important;
}
.u-mr-184 {
  margin-right: 184px !important;
}
.u-mr-185 {
  margin-right: 185px !important;
}
.u-mr-186 {
  margin-right: 186px !important;
}
.u-mr-187 {
  margin-right: 187px !important;
}
.u-mr-188 {
  margin-right: 188px !important;
}
.u-mr-189 {
  margin-right: 189px !important;
}
.u-mr-190 {
  margin-right: 190px !important;
}
.u-mr-191 {
  margin-right: 191px !important;
}
.u-mr-192 {
  margin-right: 192px !important;
}
.u-mr-193 {
  margin-right: 193px !important;
}
.u-mr-194 {
  margin-right: 194px !important;
}
.u-mr-195 {
  margin-right: 195px !important;
}
.u-mr-196 {
  margin-right: 196px !important;
}
.u-mr-197 {
  margin-right: 197px !important;
}
.u-mr-198 {
  margin-right: 198px !important;
}
.u-mr-199 {
  margin-right: 199px !important;
}
.u-mr-200 {
  margin-right: 200px !important;
}
.u-mr-0p {
  margin-top: 0% !important;
}
.u-mr-1p {
  margin-top: 1% !important;
}
.u-mr-2p {
  margin-top: 2% !important;
}
.u-mr-3p {
  margin-top: 3% !important;
}
.u-mr-4p {
  margin-top: 4% !important;
}
.u-mr-5p {
  margin-top: 5% !important;
}
.u-mr-6p {
  margin-top: 6% !important;
}
.u-mr-7p {
  margin-top: 7% !important;
}
.u-mr-8p {
  margin-top: 8% !important;
}
.u-mr-9p {
  margin-top: 9% !important;
}
.u-mr-10p {
  margin-top: 10% !important;
}
.u-mr-11p {
  margin-top: 11% !important;
}
.u-mr-12p {
  margin-top: 12% !important;
}
.u-mr-13p {
  margin-top: 13% !important;
}
.u-mr-14p {
  margin-top: 14% !important;
}
.u-mr-15p {
  margin-top: 15% !important;
}
.u-mr-16p {
  margin-top: 16% !important;
}
.u-mr-17p {
  margin-top: 17% !important;
}
.u-mr-18p {
  margin-top: 18% !important;
}
.u-mr-19p {
  margin-top: 19% !important;
}
.u-mr-20p {
  margin-top: 20% !important;
}
.u-mr-21p {
  margin-top: 21% !important;
}
.u-mr-22p {
  margin-top: 22% !important;
}
.u-mr-23p {
  margin-top: 23% !important;
}
.u-mr-24p {
  margin-top: 24% !important;
}
.u-mr-25p {
  margin-top: 25% !important;
}
.u-mr-26p {
  margin-top: 26% !important;
}
.u-mr-27p {
  margin-top: 27% !important;
}
.u-mr-28p {
  margin-top: 28% !important;
}
.u-mr-29p {
  margin-top: 29% !important;
}
.u-mr-30p {
  margin-top: 30% !important;
}
.u-mr-31p {
  margin-top: 31% !important;
}
.u-mr-32p {
  margin-top: 32% !important;
}
.u-mr-33p {
  margin-top: 33% !important;
}
.u-mr-34p {
  margin-top: 34% !important;
}
.u-mr-35p {
  margin-top: 35% !important;
}
.u-mr-36p {
  margin-top: 36% !important;
}
.u-mr-37p {
  margin-top: 37% !important;
}
.u-mr-38p {
  margin-top: 38% !important;
}
.u-mr-39p {
  margin-top: 39% !important;
}
.u-mr-40p {
  margin-top: 40% !important;
}
.u-mr-41p {
  margin-top: 41% !important;
}
.u-mr-42p {
  margin-top: 42% !important;
}
.u-mr-43p {
  margin-top: 43% !important;
}
.u-mr-44p {
  margin-top: 44% !important;
}
.u-mr-45p {
  margin-top: 45% !important;
}
.u-mr-46p {
  margin-top: 46% !important;
}
.u-mr-47p {
  margin-top: 47% !important;
}
.u-mr-48p {
  margin-top: 48% !important;
}
.u-mr-49p {
  margin-top: 49% !important;
}
.u-mr-50p {
  margin-top: 50% !important;
}
.u-mr-51p {
  margin-top: 51% !important;
}
.u-mr-52p {
  margin-top: 52% !important;
}
.u-mr-53p {
  margin-top: 53% !important;
}
.u-mr-54p {
  margin-top: 54% !important;
}
.u-mr-55p {
  margin-top: 55% !important;
}
.u-mr-56p {
  margin-top: 56% !important;
}
.u-mr-57p {
  margin-top: 57% !important;
}
.u-mr-58p {
  margin-top: 58% !important;
}
.u-mr-59p {
  margin-top: 59% !important;
}
.u-mr-60p {
  margin-top: 60% !important;
}
.u-mr-61p {
  margin-top: 61% !important;
}
.u-mr-62p {
  margin-top: 62% !important;
}
.u-mr-63p {
  margin-top: 63% !important;
}
.u-mr-64p {
  margin-top: 64% !important;
}
.u-mr-65p {
  margin-top: 65% !important;
}
.u-mr-66p {
  margin-top: 66% !important;
}
.u-mr-67p {
  margin-top: 67% !important;
}
.u-mr-68p {
  margin-top: 68% !important;
}
.u-mr-69p {
  margin-top: 69% !important;
}
.u-mr-70p {
  margin-top: 70% !important;
}
.u-mr-71p {
  margin-top: 71% !important;
}
.u-mr-72p {
  margin-top: 72% !important;
}
.u-mr-73p {
  margin-top: 73% !important;
}
.u-mr-74p {
  margin-top: 74% !important;
}
.u-mr-75p {
  margin-top: 75% !important;
}
.u-mr-76p {
  margin-top: 76% !important;
}
.u-mr-77p {
  margin-top: 77% !important;
}
.u-mr-78p {
  margin-top: 78% !important;
}
.u-mr-79p {
  margin-top: 79% !important;
}
.u-mr-80p {
  margin-top: 80% !important;
}
.u-mr-81p {
  margin-top: 81% !important;
}
.u-mr-82p {
  margin-top: 82% !important;
}
.u-mr-83p {
  margin-top: 83% !important;
}
.u-mr-84p {
  margin-top: 84% !important;
}
.u-mr-85p {
  margin-top: 85% !important;
}
.u-mr-86p {
  margin-top: 86% !important;
}
.u-mr-87p {
  margin-top: 87% !important;
}
.u-mr-88p {
  margin-top: 88% !important;
}
.u-mr-89p {
  margin-top: 89% !important;
}
.u-mr-90p {
  margin-top: 90% !important;
}
.u-mr-91p {
  margin-top: 91% !important;
}
.u-mr-92p {
  margin-top: 92% !important;
}
.u-mr-93p {
  margin-top: 93% !important;
}
.u-mr-94p {
  margin-top: 94% !important;
}
.u-mr-95p {
  margin-top: 95% !important;
}
.u-mr-96p {
  margin-top: 96% !important;
}
.u-mr-97p {
  margin-top: 97% !important;
}
.u-mr-98p {
  margin-top: 98% !important;
}
.u-mr-99p {
  margin-top: 99% !important;
}
.u-mr-100p {
  margin-top: 100% !important;
}
.u-mr-101p {
  margin-top: 101% !important;
}
.u-mr-102p {
  margin-top: 102% !important;
}
.u-mr-103p {
  margin-top: 103% !important;
}
.u-mr-104p {
  margin-top: 104% !important;
}
.u-mr-105p {
  margin-top: 105% !important;
}
.u-mr-106p {
  margin-top: 106% !important;
}
.u-mr-107p {
  margin-top: 107% !important;
}
.u-mr-108p {
  margin-top: 108% !important;
}
.u-mr-109p {
  margin-top: 109% !important;
}
.u-mr-110p {
  margin-top: 110% !important;
}
.u-mr-111p {
  margin-top: 111% !important;
}
.u-mr-112p {
  margin-top: 112% !important;
}
.u-mr-113p {
  margin-top: 113% !important;
}
.u-mr-114p {
  margin-top: 114% !important;
}
.u-mr-115p {
  margin-top: 115% !important;
}
.u-mr-116p {
  margin-top: 116% !important;
}
.u-mr-117p {
  margin-top: 117% !important;
}
.u-mr-118p {
  margin-top: 118% !important;
}
.u-mr-119p {
  margin-top: 119% !important;
}
.u-mr-120p {
  margin-top: 120% !important;
}
.u-mr-121p {
  margin-top: 121% !important;
}
.u-mr-122p {
  margin-top: 122% !important;
}
.u-mr-123p {
  margin-top: 123% !important;
}
.u-mr-124p {
  margin-top: 124% !important;
}
.u-mr-125p {
  margin-top: 125% !important;
}
.u-mr-126p {
  margin-top: 126% !important;
}
.u-mr-127p {
  margin-top: 127% !important;
}
.u-mr-128p {
  margin-top: 128% !important;
}
.u-mr-129p {
  margin-top: 129% !important;
}
.u-mr-130p {
  margin-top: 130% !important;
}
.u-mr-131p {
  margin-top: 131% !important;
}
.u-mr-132p {
  margin-top: 132% !important;
}
.u-mr-133p {
  margin-top: 133% !important;
}
.u-mr-134p {
  margin-top: 134% !important;
}
.u-mr-135p {
  margin-top: 135% !important;
}
.u-mr-136p {
  margin-top: 136% !important;
}
.u-mr-137p {
  margin-top: 137% !important;
}
.u-mr-138p {
  margin-top: 138% !important;
}
.u-mr-139p {
  margin-top: 139% !important;
}
.u-mr-140p {
  margin-top: 140% !important;
}
.u-mr-141p {
  margin-top: 141% !important;
}
.u-mr-142p {
  margin-top: 142% !important;
}
.u-mr-143p {
  margin-top: 143% !important;
}
.u-mr-144p {
  margin-top: 144% !important;
}
.u-mr-145p {
  margin-top: 145% !important;
}
.u-mr-146p {
  margin-top: 146% !important;
}
.u-mr-147p {
  margin-top: 147% !important;
}
.u-mr-148p {
  margin-top: 148% !important;
}
.u-mr-149p {
  margin-top: 149% !important;
}
.u-mr-150p {
  margin-top: 150% !important;
}
.u-mr-151p {
  margin-top: 151% !important;
}
.u-mr-152p {
  margin-top: 152% !important;
}
.u-mr-153p {
  margin-top: 153% !important;
}
.u-mr-154p {
  margin-top: 154% !important;
}
.u-mr-155p {
  margin-top: 155% !important;
}
.u-mr-156p {
  margin-top: 156% !important;
}
.u-mr-157p {
  margin-top: 157% !important;
}
.u-mr-158p {
  margin-top: 158% !important;
}
.u-mr-159p {
  margin-top: 159% !important;
}
.u-mr-160p {
  margin-top: 160% !important;
}
.u-mr-161p {
  margin-top: 161% !important;
}
.u-mr-162p {
  margin-top: 162% !important;
}
.u-mr-163p {
  margin-top: 163% !important;
}
.u-mr-164p {
  margin-top: 164% !important;
}
.u-mr-165p {
  margin-top: 165% !important;
}
.u-mr-166p {
  margin-top: 166% !important;
}
.u-mr-167p {
  margin-top: 167% !important;
}
.u-mr-168p {
  margin-top: 168% !important;
}
.u-mr-169p {
  margin-top: 169% !important;
}
.u-mr-170p {
  margin-top: 170% !important;
}
.u-mr-171p {
  margin-top: 171% !important;
}
.u-mr-172p {
  margin-top: 172% !important;
}
.u-mr-173p {
  margin-top: 173% !important;
}
.u-mr-174p {
  margin-top: 174% !important;
}
.u-mr-175p {
  margin-top: 175% !important;
}
.u-mr-176p {
  margin-top: 176% !important;
}
.u-mr-177p {
  margin-top: 177% !important;
}
.u-mr-178p {
  margin-top: 178% !important;
}
.u-mr-179p {
  margin-top: 179% !important;
}
.u-mr-180p {
  margin-top: 180% !important;
}
.u-mr-181p {
  margin-top: 181% !important;
}
.u-mr-182p {
  margin-top: 182% !important;
}
.u-mr-183p {
  margin-top: 183% !important;
}
.u-mr-184p {
  margin-top: 184% !important;
}
.u-mr-185p {
  margin-top: 185% !important;
}
.u-mr-186p {
  margin-top: 186% !important;
}
.u-mr-187p {
  margin-top: 187% !important;
}
.u-mr-188p {
  margin-top: 188% !important;
}
.u-mr-189p {
  margin-top: 189% !important;
}
.u-mr-190p {
  margin-top: 190% !important;
}
.u-mr-191p {
  margin-top: 191% !important;
}
.u-mr-192p {
  margin-top: 192% !important;
}
.u-mr-193p {
  margin-top: 193% !important;
}
.u-mr-194p {
  margin-top: 194% !important;
}
.u-mr-195p {
  margin-top: 195% !important;
}
.u-mr-196p {
  margin-top: 196% !important;
}
.u-mr-197p {
  margin-top: 197% !important;
}
.u-mr-198p {
  margin-top: 198% !important;
}
.u-mr-199p {
  margin-top: 199% !important;
}
.u-mr-200p {
  margin-top: 200% !important;
}
.u-mtb-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-mtb-1 {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}
.u-mtb-2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}
.u-mtb-3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}
.u-mtb-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.u-mtb-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.u-mtb-6 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}
.u-mtb-7 {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}
.u-mtb-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-mtb-9 {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}
.u-mtb-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.u-mtb-11 {
  margin-top: 11px !important;
  margin-bottom: 11px !important;
}
.u-mtb-12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.u-mtb-13 {
  margin-top: 13px !important;
  margin-bottom: 13px !important;
}
.u-mtb-14 {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}
.u-mtb-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.u-mtb-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-mtb-17 {
  margin-top: 17px !important;
  margin-bottom: 17px !important;
}
.u-mtb-18 {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}
.u-mtb-19 {
  margin-top: 19px !important;
  margin-bottom: 19px !important;
}
.u-mtb-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.u-mtb-21 {
  margin-top: 21px !important;
  margin-bottom: 21px !important;
}
.u-mtb-22 {
  margin-top: 22px !important;
  margin-bottom: 22px !important;
}
.u-mtb-23 {
  margin-top: 23px !important;
  margin-bottom: 23px !important;
}
.u-mtb-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-mtb-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.u-mtb-26 {
  margin-top: 26px !important;
  margin-bottom: 26px !important;
}
.u-mtb-27 {
  margin-top: 27px !important;
  margin-bottom: 27px !important;
}
.u-mtb-28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}
.u-mtb-29 {
  margin-top: 29px !important;
  margin-bottom: 29px !important;
}
.u-mtb-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.u-mtb-31 {
  margin-top: 31px !important;
  margin-bottom: 31px !important;
}
.u-mtb-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-mtb-33 {
  margin-top: 33px !important;
  margin-bottom: 33px !important;
}
.u-mtb-34 {
  margin-top: 34px !important;
  margin-bottom: 34px !important;
}
.u-mtb-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}
.u-mtb-36 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}
.u-mtb-37 {
  margin-top: 37px !important;
  margin-bottom: 37px !important;
}
.u-mtb-38 {
  margin-top: 38px !important;
  margin-bottom: 38px !important;
}
.u-mtb-39 {
  margin-top: 39px !important;
  margin-bottom: 39px !important;
}
.u-mtb-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-mtb-41 {
  margin-top: 41px !important;
  margin-bottom: 41px !important;
}
.u-mtb-42 {
  margin-top: 42px !important;
  margin-bottom: 42px !important;
}
.u-mtb-43 {
  margin-top: 43px !important;
  margin-bottom: 43px !important;
}
.u-mtb-44 {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}
.u-mtb-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}
.u-mtb-46 {
  margin-top: 46px !important;
  margin-bottom: 46px !important;
}
.u-mtb-47 {
  margin-top: 47px !important;
  margin-bottom: 47px !important;
}
.u-mtb-48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-mtb-49 {
  margin-top: 49px !important;
  margin-bottom: 49px !important;
}
.u-mtb-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.u-mtb-51 {
  margin-top: 51px !important;
  margin-bottom: 51px !important;
}
.u-mtb-52 {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}
.u-mtb-53 {
  margin-top: 53px !important;
  margin-bottom: 53px !important;
}
.u-mtb-54 {
  margin-top: 54px !important;
  margin-bottom: 54px !important;
}
.u-mtb-55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}
.u-mtb-56 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}
.u-mtb-57 {
  margin-top: 57px !important;
  margin-bottom: 57px !important;
}
.u-mtb-58 {
  margin-top: 58px !important;
  margin-bottom: 58px !important;
}
.u-mtb-59 {
  margin-top: 59px !important;
  margin-bottom: 59px !important;
}
.u-mtb-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}
.u-mtb-61 {
  margin-top: 61px !important;
  margin-bottom: 61px !important;
}
.u-mtb-62 {
  margin-top: 62px !important;
  margin-bottom: 62px !important;
}
.u-mtb-63 {
  margin-top: 63px !important;
  margin-bottom: 63px !important;
}
.u-mtb-64 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}
.u-mtb-65 {
  margin-top: 65px !important;
  margin-bottom: 65px !important;
}
.u-mtb-66 {
  margin-top: 66px !important;
  margin-bottom: 66px !important;
}
.u-mtb-67 {
  margin-top: 67px !important;
  margin-bottom: 67px !important;
}
.u-mtb-68 {
  margin-top: 68px !important;
  margin-bottom: 68px !important;
}
.u-mtb-69 {
  margin-top: 69px !important;
  margin-bottom: 69px !important;
}
.u-mtb-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}
.u-mtb-71 {
  margin-top: 71px !important;
  margin-bottom: 71px !important;
}
.u-mtb-72 {
  margin-top: 72px !important;
  margin-bottom: 72px !important;
}
.u-mtb-73 {
  margin-top: 73px !important;
  margin-bottom: 73px !important;
}
.u-mtb-74 {
  margin-top: 74px !important;
  margin-bottom: 74px !important;
}
.u-mtb-75 {
  margin-top: 75px !important;
  margin-bottom: 75px !important;
}
.u-mtb-76 {
  margin-top: 76px !important;
  margin-bottom: 76px !important;
}
.u-mtb-77 {
  margin-top: 77px !important;
  margin-bottom: 77px !important;
}
.u-mtb-78 {
  margin-top: 78px !important;
  margin-bottom: 78px !important;
}
.u-mtb-79 {
  margin-top: 79px !important;
  margin-bottom: 79px !important;
}
.u-mtb-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}
.u-mtb-81 {
  margin-top: 81px !important;
  margin-bottom: 81px !important;
}
.u-mtb-82 {
  margin-top: 82px !important;
  margin-bottom: 82px !important;
}
.u-mtb-83 {
  margin-top: 83px !important;
  margin-bottom: 83px !important;
}
.u-mtb-84 {
  margin-top: 84px !important;
  margin-bottom: 84px !important;
}
.u-mtb-85 {
  margin-top: 85px !important;
  margin-bottom: 85px !important;
}
.u-mtb-86 {
  margin-top: 86px !important;
  margin-bottom: 86px !important;
}
.u-mtb-87 {
  margin-top: 87px !important;
  margin-bottom: 87px !important;
}
.u-mtb-88 {
  margin-top: 88px !important;
  margin-bottom: 88px !important;
}
.u-mtb-89 {
  margin-top: 89px !important;
  margin-bottom: 89px !important;
}
.u-mtb-90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}
.u-mtb-91 {
  margin-top: 91px !important;
  margin-bottom: 91px !important;
}
.u-mtb-92 {
  margin-top: 92px !important;
  margin-bottom: 92px !important;
}
.u-mtb-93 {
  margin-top: 93px !important;
  margin-bottom: 93px !important;
}
.u-mtb-94 {
  margin-top: 94px !important;
  margin-bottom: 94px !important;
}
.u-mtb-95 {
  margin-top: 95px !important;
  margin-bottom: 95px !important;
}
.u-mtb-96 {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}
.u-mtb-97 {
  margin-top: 97px !important;
  margin-bottom: 97px !important;
}
.u-mtb-98 {
  margin-top: 98px !important;
  margin-bottom: 98px !important;
}
.u-mtb-99 {
  margin-top: 99px !important;
  margin-bottom: 99px !important;
}
.u-mtb-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}
.u-mtb-101 {
  margin-top: 101px !important;
  margin-bottom: 101px !important;
}
.u-mtb-102 {
  margin-top: 102px !important;
  margin-bottom: 102px !important;
}
.u-mtb-103 {
  margin-top: 103px !important;
  margin-bottom: 103px !important;
}
.u-mtb-104 {
  margin-top: 104px !important;
  margin-bottom: 104px !important;
}
.u-mtb-105 {
  margin-top: 105px !important;
  margin-bottom: 105px !important;
}
.u-mtb-106 {
  margin-top: 106px !important;
  margin-bottom: 106px !important;
}
.u-mtb-107 {
  margin-top: 107px !important;
  margin-bottom: 107px !important;
}
.u-mtb-108 {
  margin-top: 108px !important;
  margin-bottom: 108px !important;
}
.u-mtb-109 {
  margin-top: 109px !important;
  margin-bottom: 109px !important;
}
.u-mtb-110 {
  margin-top: 110px !important;
  margin-bottom: 110px !important;
}
.u-mtb-111 {
  margin-top: 111px !important;
  margin-bottom: 111px !important;
}
.u-mtb-112 {
  margin-top: 112px !important;
  margin-bottom: 112px !important;
}
.u-mtb-113 {
  margin-top: 113px !important;
  margin-bottom: 113px !important;
}
.u-mtb-114 {
  margin-top: 114px !important;
  margin-bottom: 114px !important;
}
.u-mtb-115 {
  margin-top: 115px !important;
  margin-bottom: 115px !important;
}
.u-mtb-116 {
  margin-top: 116px !important;
  margin-bottom: 116px !important;
}
.u-mtb-117 {
  margin-top: 117px !important;
  margin-bottom: 117px !important;
}
.u-mtb-118 {
  margin-top: 118px !important;
  margin-bottom: 118px !important;
}
.u-mtb-119 {
  margin-top: 119px !important;
  margin-bottom: 119px !important;
}
.u-mtb-120 {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}
.u-mtb-121 {
  margin-top: 121px !important;
  margin-bottom: 121px !important;
}
.u-mtb-122 {
  margin-top: 122px !important;
  margin-bottom: 122px !important;
}
.u-mtb-123 {
  margin-top: 123px !important;
  margin-bottom: 123px !important;
}
.u-mtb-124 {
  margin-top: 124px !important;
  margin-bottom: 124px !important;
}
.u-mtb-125 {
  margin-top: 125px !important;
  margin-bottom: 125px !important;
}
.u-mtb-126 {
  margin-top: 126px !important;
  margin-bottom: 126px !important;
}
.u-mtb-127 {
  margin-top: 127px !important;
  margin-bottom: 127px !important;
}
.u-mtb-128 {
  margin-top: 128px !important;
  margin-bottom: 128px !important;
}
.u-mtb-129 {
  margin-top: 129px !important;
  margin-bottom: 129px !important;
}
.u-mtb-130 {
  margin-top: 130px !important;
  margin-bottom: 130px !important;
}
.u-mtb-131 {
  margin-top: 131px !important;
  margin-bottom: 131px !important;
}
.u-mtb-132 {
  margin-top: 132px !important;
  margin-bottom: 132px !important;
}
.u-mtb-133 {
  margin-top: 133px !important;
  margin-bottom: 133px !important;
}
.u-mtb-134 {
  margin-top: 134px !important;
  margin-bottom: 134px !important;
}
.u-mtb-135 {
  margin-top: 135px !important;
  margin-bottom: 135px !important;
}
.u-mtb-136 {
  margin-top: 136px !important;
  margin-bottom: 136px !important;
}
.u-mtb-137 {
  margin-top: 137px !important;
  margin-bottom: 137px !important;
}
.u-mtb-138 {
  margin-top: 138px !important;
  margin-bottom: 138px !important;
}
.u-mtb-139 {
  margin-top: 139px !important;
  margin-bottom: 139px !important;
}
.u-mtb-140 {
  margin-top: 140px !important;
  margin-bottom: 140px !important;
}
.u-mtb-141 {
  margin-top: 141px !important;
  margin-bottom: 141px !important;
}
.u-mtb-142 {
  margin-top: 142px !important;
  margin-bottom: 142px !important;
}
.u-mtb-143 {
  margin-top: 143px !important;
  margin-bottom: 143px !important;
}
.u-mtb-144 {
  margin-top: 144px !important;
  margin-bottom: 144px !important;
}
.u-mtb-145 {
  margin-top: 145px !important;
  margin-bottom: 145px !important;
}
.u-mtb-146 {
  margin-top: 146px !important;
  margin-bottom: 146px !important;
}
.u-mtb-147 {
  margin-top: 147px !important;
  margin-bottom: 147px !important;
}
.u-mtb-148 {
  margin-top: 148px !important;
  margin-bottom: 148px !important;
}
.u-mtb-149 {
  margin-top: 149px !important;
  margin-bottom: 149px !important;
}
.u-mtb-150 {
  margin-top: 150px !important;
  margin-bottom: 150px !important;
}
.u-mtb-151 {
  margin-top: 151px !important;
  margin-bottom: 151px !important;
}
.u-mtb-152 {
  margin-top: 152px !important;
  margin-bottom: 152px !important;
}
.u-mtb-153 {
  margin-top: 153px !important;
  margin-bottom: 153px !important;
}
.u-mtb-154 {
  margin-top: 154px !important;
  margin-bottom: 154px !important;
}
.u-mtb-155 {
  margin-top: 155px !important;
  margin-bottom: 155px !important;
}
.u-mtb-156 {
  margin-top: 156px !important;
  margin-bottom: 156px !important;
}
.u-mtb-157 {
  margin-top: 157px !important;
  margin-bottom: 157px !important;
}
.u-mtb-158 {
  margin-top: 158px !important;
  margin-bottom: 158px !important;
}
.u-mtb-159 {
  margin-top: 159px !important;
  margin-bottom: 159px !important;
}
.u-mtb-160 {
  margin-top: 160px !important;
  margin-bottom: 160px !important;
}
.u-mtb-161 {
  margin-top: 161px !important;
  margin-bottom: 161px !important;
}
.u-mtb-162 {
  margin-top: 162px !important;
  margin-bottom: 162px !important;
}
.u-mtb-163 {
  margin-top: 163px !important;
  margin-bottom: 163px !important;
}
.u-mtb-164 {
  margin-top: 164px !important;
  margin-bottom: 164px !important;
}
.u-mtb-165 {
  margin-top: 165px !important;
  margin-bottom: 165px !important;
}
.u-mtb-166 {
  margin-top: 166px !important;
  margin-bottom: 166px !important;
}
.u-mtb-167 {
  margin-top: 167px !important;
  margin-bottom: 167px !important;
}
.u-mtb-168 {
  margin-top: 168px !important;
  margin-bottom: 168px !important;
}
.u-mtb-169 {
  margin-top: 169px !important;
  margin-bottom: 169px !important;
}
.u-mtb-170 {
  margin-top: 170px !important;
  margin-bottom: 170px !important;
}
.u-mtb-171 {
  margin-top: 171px !important;
  margin-bottom: 171px !important;
}
.u-mtb-172 {
  margin-top: 172px !important;
  margin-bottom: 172px !important;
}
.u-mtb-173 {
  margin-top: 173px !important;
  margin-bottom: 173px !important;
}
.u-mtb-174 {
  margin-top: 174px !important;
  margin-bottom: 174px !important;
}
.u-mtb-175 {
  margin-top: 175px !important;
  margin-bottom: 175px !important;
}
.u-mtb-176 {
  margin-top: 176px !important;
  margin-bottom: 176px !important;
}
.u-mtb-177 {
  margin-top: 177px !important;
  margin-bottom: 177px !important;
}
.u-mtb-178 {
  margin-top: 178px !important;
  margin-bottom: 178px !important;
}
.u-mtb-179 {
  margin-top: 179px !important;
  margin-bottom: 179px !important;
}
.u-mtb-180 {
  margin-top: 180px !important;
  margin-bottom: 180px !important;
}
.u-mtb-181 {
  margin-top: 181px !important;
  margin-bottom: 181px !important;
}
.u-mtb-182 {
  margin-top: 182px !important;
  margin-bottom: 182px !important;
}
.u-mtb-183 {
  margin-top: 183px !important;
  margin-bottom: 183px !important;
}
.u-mtb-184 {
  margin-top: 184px !important;
  margin-bottom: 184px !important;
}
.u-mtb-185 {
  margin-top: 185px !important;
  margin-bottom: 185px !important;
}
.u-mtb-186 {
  margin-top: 186px !important;
  margin-bottom: 186px !important;
}
.u-mtb-187 {
  margin-top: 187px !important;
  margin-bottom: 187px !important;
}
.u-mtb-188 {
  margin-top: 188px !important;
  margin-bottom: 188px !important;
}
.u-mtb-189 {
  margin-top: 189px !important;
  margin-bottom: 189px !important;
}
.u-mtb-190 {
  margin-top: 190px !important;
  margin-bottom: 190px !important;
}
.u-mtb-191 {
  margin-top: 191px !important;
  margin-bottom: 191px !important;
}
.u-mtb-192 {
  margin-top: 192px !important;
  margin-bottom: 192px !important;
}
.u-mtb-193 {
  margin-top: 193px !important;
  margin-bottom: 193px !important;
}
.u-mtb-194 {
  margin-top: 194px !important;
  margin-bottom: 194px !important;
}
.u-mtb-195 {
  margin-top: 195px !important;
  margin-bottom: 195px !important;
}
.u-mtb-196 {
  margin-top: 196px !important;
  margin-bottom: 196px !important;
}
.u-mtb-197 {
  margin-top: 197px !important;
  margin-bottom: 197px !important;
}
.u-mtb-198 {
  margin-top: 198px !important;
  margin-bottom: 198px !important;
}
.u-mtb-199 {
  margin-top: 199px !important;
  margin-bottom: 199px !important;
}
.u-mtb-200 {
  margin-top: 200px !important;
  margin-bottom: 200px !important;
}
.u-mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.u-mx-1 {
  margin-left: 1px !important;
  margin-right: 1px !important;
}
.u-mx-2 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}
.u-mx-3 {
  margin-left: 3px !important;
  margin-right: 3px !important;
}
.u-mx-4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.u-mx-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.u-mx-6 {
  margin-left: 6px !important;
  margin-right: 6px !important;
}
.u-mx-7 {
  margin-left: 7px !important;
  margin-right: 7px !important;
}
.u-mx-8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.u-mx-9 {
  margin-left: 9px !important;
  margin-right: 9px !important;
}
.u-mx-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.u-mx-11 {
  margin-left: 11px !important;
  margin-right: 11px !important;
}
.u-mx-12 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}
.u-mx-13 {
  margin-left: 13px !important;
  margin-right: 13px !important;
}
.u-mx-14 {
  margin-left: 14px !important;
  margin-right: 14px !important;
}
.u-mx-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.u-mx-16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.u-mx-17 {
  margin-left: 17px !important;
  margin-right: 17px !important;
}
.u-mx-18 {
  margin-left: 18px !important;
  margin-right: 18px !important;
}
.u-mx-19 {
  margin-left: 19px !important;
  margin-right: 19px !important;
}
.u-mx-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.u-mx-21 {
  margin-left: 21px !important;
  margin-right: 21px !important;
}
.u-mx-22 {
  margin-left: 22px !important;
  margin-right: 22px !important;
}
.u-mx-23 {
  margin-left: 23px !important;
  margin-right: 23px !important;
}
.u-mx-24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
.u-mx-25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}
.u-mx-26 {
  margin-left: 26px !important;
  margin-right: 26px !important;
}
.u-mx-27 {
  margin-left: 27px !important;
  margin-right: 27px !important;
}
.u-mx-28 {
  margin-left: 28px !important;
  margin-right: 28px !important;
}
.u-mx-29 {
  margin-left: 29px !important;
  margin-right: 29px !important;
}
.u-mx-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.u-mx-31 {
  margin-left: 31px !important;
  margin-right: 31px !important;
}
.u-mx-32 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}
.u-mx-33 {
  margin-left: 33px !important;
  margin-right: 33px !important;
}
.u-mx-34 {
  margin-left: 34px !important;
  margin-right: 34px !important;
}
.u-mx-35 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}
.u-mx-36 {
  margin-left: 36px !important;
  margin-right: 36px !important;
}
.u-mx-37 {
  margin-left: 37px !important;
  margin-right: 37px !important;
}
.u-mx-38 {
  margin-left: 38px !important;
  margin-right: 38px !important;
}
.u-mx-39 {
  margin-left: 39px !important;
  margin-right: 39px !important;
}
.u-mx-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.u-mx-41 {
  margin-left: 41px !important;
  margin-right: 41px !important;
}
.u-mx-42 {
  margin-left: 42px !important;
  margin-right: 42px !important;
}
.u-mx-43 {
  margin-left: 43px !important;
  margin-right: 43px !important;
}
.u-mx-44 {
  margin-left: 44px !important;
  margin-right: 44px !important;
}
.u-mx-45 {
  margin-left: 45px !important;
  margin-right: 45px !important;
}
.u-mx-46 {
  margin-left: 46px !important;
  margin-right: 46px !important;
}
.u-mx-47 {
  margin-left: 47px !important;
  margin-right: 47px !important;
}
.u-mx-48 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}
.u-mx-49 {
  margin-left: 49px !important;
  margin-right: 49px !important;
}
.u-mx-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
.u-mx-51 {
  margin-left: 51px !important;
  margin-right: 51px !important;
}
.u-mx-52 {
  margin-left: 52px !important;
  margin-right: 52px !important;
}
.u-mx-53 {
  margin-left: 53px !important;
  margin-right: 53px !important;
}
.u-mx-54 {
  margin-left: 54px !important;
  margin-right: 54px !important;
}
.u-mx-55 {
  margin-left: 55px !important;
  margin-right: 55px !important;
}
.u-mx-56 {
  margin-left: 56px !important;
  margin-right: 56px !important;
}
.u-mx-57 {
  margin-left: 57px !important;
  margin-right: 57px !important;
}
.u-mx-58 {
  margin-left: 58px !important;
  margin-right: 58px !important;
}
.u-mx-59 {
  margin-left: 59px !important;
  margin-right: 59px !important;
}
.u-mx-60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}
.u-mx-61 {
  margin-left: 61px !important;
  margin-right: 61px !important;
}
.u-mx-62 {
  margin-left: 62px !important;
  margin-right: 62px !important;
}
.u-mx-63 {
  margin-left: 63px !important;
  margin-right: 63px !important;
}
.u-mx-64 {
  margin-left: 64px !important;
  margin-right: 64px !important;
}
.u-mx-65 {
  margin-left: 65px !important;
  margin-right: 65px !important;
}
.u-mx-66 {
  margin-left: 66px !important;
  margin-right: 66px !important;
}
.u-mx-67 {
  margin-left: 67px !important;
  margin-right: 67px !important;
}
.u-mx-68 {
  margin-left: 68px !important;
  margin-right: 68px !important;
}
.u-mx-69 {
  margin-left: 69px !important;
  margin-right: 69px !important;
}
.u-mx-70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}
.u-mx-71 {
  margin-left: 71px !important;
  margin-right: 71px !important;
}
.u-mx-72 {
  margin-left: 72px !important;
  margin-right: 72px !important;
}
.u-mx-73 {
  margin-left: 73px !important;
  margin-right: 73px !important;
}
.u-mx-74 {
  margin-left: 74px !important;
  margin-right: 74px !important;
}
.u-mx-75 {
  margin-left: 75px !important;
  margin-right: 75px !important;
}
.u-mx-76 {
  margin-left: 76px !important;
  margin-right: 76px !important;
}
.u-mx-77 {
  margin-left: 77px !important;
  margin-right: 77px !important;
}
.u-mx-78 {
  margin-left: 78px !important;
  margin-right: 78px !important;
}
.u-mx-79 {
  margin-left: 79px !important;
  margin-right: 79px !important;
}
.u-mx-80 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}
.u-mx-81 {
  margin-left: 81px !important;
  margin-right: 81px !important;
}
.u-mx-82 {
  margin-left: 82px !important;
  margin-right: 82px !important;
}
.u-mx-83 {
  margin-left: 83px !important;
  margin-right: 83px !important;
}
.u-mx-84 {
  margin-left: 84px !important;
  margin-right: 84px !important;
}
.u-mx-85 {
  margin-left: 85px !important;
  margin-right: 85px !important;
}
.u-mx-86 {
  margin-left: 86px !important;
  margin-right: 86px !important;
}
.u-mx-87 {
  margin-left: 87px !important;
  margin-right: 87px !important;
}
.u-mx-88 {
  margin-left: 88px !important;
  margin-right: 88px !important;
}
.u-mx-89 {
  margin-left: 89px !important;
  margin-right: 89px !important;
}
.u-mx-90 {
  margin-left: 90px !important;
  margin-right: 90px !important;
}
.u-mx-91 {
  margin-left: 91px !important;
  margin-right: 91px !important;
}
.u-mx-92 {
  margin-left: 92px !important;
  margin-right: 92px !important;
}
.u-mx-93 {
  margin-left: 93px !important;
  margin-right: 93px !important;
}
.u-mx-94 {
  margin-left: 94px !important;
  margin-right: 94px !important;
}
.u-mx-95 {
  margin-left: 95px !important;
  margin-right: 95px !important;
}
.u-mx-96 {
  margin-left: 96px !important;
  margin-right: 96px !important;
}
.u-mx-97 {
  margin-left: 97px !important;
  margin-right: 97px !important;
}
.u-mx-98 {
  margin-left: 98px !important;
  margin-right: 98px !important;
}
.u-mx-99 {
  margin-left: 99px !important;
  margin-right: 99px !important;
}
.u-mx-100 {
  margin-left: 100px !important;
  margin-right: 100px !important;
}
.u-mx-101 {
  margin-left: 101px !important;
  margin-right: 101px !important;
}
.u-mx-102 {
  margin-left: 102px !important;
  margin-right: 102px !important;
}
.u-mx-103 {
  margin-left: 103px !important;
  margin-right: 103px !important;
}
.u-mx-104 {
  margin-left: 104px !important;
  margin-right: 104px !important;
}
.u-mx-105 {
  margin-left: 105px !important;
  margin-right: 105px !important;
}
.u-mx-106 {
  margin-left: 106px !important;
  margin-right: 106px !important;
}
.u-mx-107 {
  margin-left: 107px !important;
  margin-right: 107px !important;
}
.u-mx-108 {
  margin-left: 108px !important;
  margin-right: 108px !important;
}
.u-mx-109 {
  margin-left: 109px !important;
  margin-right: 109px !important;
}
.u-mx-110 {
  margin-left: 110px !important;
  margin-right: 110px !important;
}
.u-mx-111 {
  margin-left: 111px !important;
  margin-right: 111px !important;
}
.u-mx-112 {
  margin-left: 112px !important;
  margin-right: 112px !important;
}
.u-mx-113 {
  margin-left: 113px !important;
  margin-right: 113px !important;
}
.u-mx-114 {
  margin-left: 114px !important;
  margin-right: 114px !important;
}
.u-mx-115 {
  margin-left: 115px !important;
  margin-right: 115px !important;
}
.u-mx-116 {
  margin-left: 116px !important;
  margin-right: 116px !important;
}
.u-mx-117 {
  margin-left: 117px !important;
  margin-right: 117px !important;
}
.u-mx-118 {
  margin-left: 118px !important;
  margin-right: 118px !important;
}
.u-mx-119 {
  margin-left: 119px !important;
  margin-right: 119px !important;
}
.u-mx-120 {
  margin-left: 120px !important;
  margin-right: 120px !important;
}
.u-mx-121 {
  margin-left: 121px !important;
  margin-right: 121px !important;
}
.u-mx-122 {
  margin-left: 122px !important;
  margin-right: 122px !important;
}
.u-mx-123 {
  margin-left: 123px !important;
  margin-right: 123px !important;
}
.u-mx-124 {
  margin-left: 124px !important;
  margin-right: 124px !important;
}
.u-mx-125 {
  margin-left: 125px !important;
  margin-right: 125px !important;
}
.u-mx-126 {
  margin-left: 126px !important;
  margin-right: 126px !important;
}
.u-mx-127 {
  margin-left: 127px !important;
  margin-right: 127px !important;
}
.u-mx-128 {
  margin-left: 128px !important;
  margin-right: 128px !important;
}
.u-mx-129 {
  margin-left: 129px !important;
  margin-right: 129px !important;
}
.u-mx-130 {
  margin-left: 130px !important;
  margin-right: 130px !important;
}
.u-mx-131 {
  margin-left: 131px !important;
  margin-right: 131px !important;
}
.u-mx-132 {
  margin-left: 132px !important;
  margin-right: 132px !important;
}
.u-mx-133 {
  margin-left: 133px !important;
  margin-right: 133px !important;
}
.u-mx-134 {
  margin-left: 134px !important;
  margin-right: 134px !important;
}
.u-mx-135 {
  margin-left: 135px !important;
  margin-right: 135px !important;
}
.u-mx-136 {
  margin-left: 136px !important;
  margin-right: 136px !important;
}
.u-mx-137 {
  margin-left: 137px !important;
  margin-right: 137px !important;
}
.u-mx-138 {
  margin-left: 138px !important;
  margin-right: 138px !important;
}
.u-mx-139 {
  margin-left: 139px !important;
  margin-right: 139px !important;
}
.u-mx-140 {
  margin-left: 140px !important;
  margin-right: 140px !important;
}
.u-mx-141 {
  margin-left: 141px !important;
  margin-right: 141px !important;
}
.u-mx-142 {
  margin-left: 142px !important;
  margin-right: 142px !important;
}
.u-mx-143 {
  margin-left: 143px !important;
  margin-right: 143px !important;
}
.u-mx-144 {
  margin-left: 144px !important;
  margin-right: 144px !important;
}
.u-mx-145 {
  margin-left: 145px !important;
  margin-right: 145px !important;
}
.u-mx-146 {
  margin-left: 146px !important;
  margin-right: 146px !important;
}
.u-mx-147 {
  margin-left: 147px !important;
  margin-right: 147px !important;
}
.u-mx-148 {
  margin-left: 148px !important;
  margin-right: 148px !important;
}
.u-mx-149 {
  margin-left: 149px !important;
  margin-right: 149px !important;
}
.u-mx-150 {
  margin-left: 150px !important;
  margin-right: 150px !important;
}
.u-mx-151 {
  margin-left: 151px !important;
  margin-right: 151px !important;
}
.u-mx-152 {
  margin-left: 152px !important;
  margin-right: 152px !important;
}
.u-mx-153 {
  margin-left: 153px !important;
  margin-right: 153px !important;
}
.u-mx-154 {
  margin-left: 154px !important;
  margin-right: 154px !important;
}
.u-mx-155 {
  margin-left: 155px !important;
  margin-right: 155px !important;
}
.u-mx-156 {
  margin-left: 156px !important;
  margin-right: 156px !important;
}
.u-mx-157 {
  margin-left: 157px !important;
  margin-right: 157px !important;
}
.u-mx-158 {
  margin-left: 158px !important;
  margin-right: 158px !important;
}
.u-mx-159 {
  margin-left: 159px !important;
  margin-right: 159px !important;
}
.u-mx-160 {
  margin-left: 160px !important;
  margin-right: 160px !important;
}
.u-mx-161 {
  margin-left: 161px !important;
  margin-right: 161px !important;
}
.u-mx-162 {
  margin-left: 162px !important;
  margin-right: 162px !important;
}
.u-mx-163 {
  margin-left: 163px !important;
  margin-right: 163px !important;
}
.u-mx-164 {
  margin-left: 164px !important;
  margin-right: 164px !important;
}
.u-mx-165 {
  margin-left: 165px !important;
  margin-right: 165px !important;
}
.u-mx-166 {
  margin-left: 166px !important;
  margin-right: 166px !important;
}
.u-mx-167 {
  margin-left: 167px !important;
  margin-right: 167px !important;
}
.u-mx-168 {
  margin-left: 168px !important;
  margin-right: 168px !important;
}
.u-mx-169 {
  margin-left: 169px !important;
  margin-right: 169px !important;
}
.u-mx-170 {
  margin-left: 170px !important;
  margin-right: 170px !important;
}
.u-mx-171 {
  margin-left: 171px !important;
  margin-right: 171px !important;
}
.u-mx-172 {
  margin-left: 172px !important;
  margin-right: 172px !important;
}
.u-mx-173 {
  margin-left: 173px !important;
  margin-right: 173px !important;
}
.u-mx-174 {
  margin-left: 174px !important;
  margin-right: 174px !important;
}
.u-mx-175 {
  margin-left: 175px !important;
  margin-right: 175px !important;
}
.u-mx-176 {
  margin-left: 176px !important;
  margin-right: 176px !important;
}
.u-mx-177 {
  margin-left: 177px !important;
  margin-right: 177px !important;
}
.u-mx-178 {
  margin-left: 178px !important;
  margin-right: 178px !important;
}
.u-mx-179 {
  margin-left: 179px !important;
  margin-right: 179px !important;
}
.u-mx-180 {
  margin-left: 180px !important;
  margin-right: 180px !important;
}
.u-mx-181 {
  margin-left: 181px !important;
  margin-right: 181px !important;
}
.u-mx-182 {
  margin-left: 182px !important;
  margin-right: 182px !important;
}
.u-mx-183 {
  margin-left: 183px !important;
  margin-right: 183px !important;
}
.u-mx-184 {
  margin-left: 184px !important;
  margin-right: 184px !important;
}
.u-mx-185 {
  margin-left: 185px !important;
  margin-right: 185px !important;
}
.u-mx-186 {
  margin-left: 186px !important;
  margin-right: 186px !important;
}
.u-mx-187 {
  margin-left: 187px !important;
  margin-right: 187px !important;
}
.u-mx-188 {
  margin-left: 188px !important;
  margin-right: 188px !important;
}
.u-mx-189 {
  margin-left: 189px !important;
  margin-right: 189px !important;
}
.u-mx-190 {
  margin-left: 190px !important;
  margin-right: 190px !important;
}
.u-mx-191 {
  margin-left: 191px !important;
  margin-right: 191px !important;
}
.u-mx-192 {
  margin-left: 192px !important;
  margin-right: 192px !important;
}
.u-mx-193 {
  margin-left: 193px !important;
  margin-right: 193px !important;
}
.u-mx-194 {
  margin-left: 194px !important;
  margin-right: 194px !important;
}
.u-mx-195 {
  margin-left: 195px !important;
  margin-right: 195px !important;
}
.u-mx-196 {
  margin-left: 196px !important;
  margin-right: 196px !important;
}
.u-mx-197 {
  margin-left: 197px !important;
  margin-right: 197px !important;
}
.u-mx-198 {
  margin-left: 198px !important;
  margin-right: 198px !important;
}
.u-mx-199 {
  margin-left: 199px !important;
  margin-right: 199px !important;
}
.u-mx-200 {
  margin-left: 200px !important;
  margin-right: 200px !important;
}

.u-text-align-center {
  text-align: center !important;
}
.u-text-align-left {
  text-align: left !important;
}
.u-text-align-right {
  text-align: right !important;
}

/*----- サイドメニュー対応 -----*/
#sidenav ~ main {
  display: inline-block;
  width: calc(100% - 270px);
  vertical-align: top;
}

#sidenav {
  display: inline-block;
  width: 210px;
  vertical-align: top;
  margin-bottom: 30px;
}

#sidenav .btn_l_list li a {
  border-bottom: 0;
}

#sidenav .btn_s_list li a {
  width: 100%;
  padding-left: 10px;
  border-right: 1px solid #D9D9D6;
}

#sidenav .btn_l_list li:nth-child(2n) a {
  border-right: 1px solid #D9D9D6;
}

#sidenav .btn_s_list li:nth-child(2n-1) a::after {
  content: "";
  display: none;
}

#sidenav .btn_s_list li:last-child a {
  border-bottom: 0;
}

#sidenav .btn_l_list li a {
  padding: 0;
  text-align: center;
}

#sidenav > article:last-child {
  border-bottom: 1px solid #D9D9D6;
}

#sidenav #searchMangaCategory {
  margin-bottom: 0;
}

@media screen and (max-width: 980px) {
  #sidenav ~ main {
    width: 100%;
  }
  #sidenav {
    display: none;
  }
}
.buttonBookmarkWord {
  width: 60%;
  height: 36px;
  display: inline-block;
  text-align: right;
  vertical-align: middle;
  font-size: 13px;
  margin: 8px 0 0 0;
  font-weight: bold;
  color: Black;
  background: #ffffff;
  border: none;
  border-radius: 0;
}

/* accordion */
#accordion-contents h3 {
  color: #000000;
  text-align: center;
  font-weight: bold;
}
#accordion-contents .accordion {
  width: 100%;
  margin: 0 auto;
  border-radius: 5px;
}
#accordion-contents .accordion-header,
#accordion-contents .accordion-body {
  background: white;
}
#accordion-contents .accordion-header {
  padding: 10px;
  color: black;
  cursor: pointer;
  letter-spacing: 0.1em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-transform: uppercase;
}
#accordion-contents .accordion__item {
  border-bottom: solid 1px #e4e5e4;
}
#accordion-contents .accordion__item .accordion__item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
#accordion-contents .accordion-header:hover {
  background: #4BCDED;
  position: relative;
  z-index: 5;
}
#accordion-contents .accordion-body {
  display: none;
}
#accordion-contents .accordion-body__contents {
  padding: 1.5em 1.5em;
  font-size: 0.85em;
}
#accordion-contents .accordion-body__contents * {
  font-size: 11.9px;
}
#accordion-contents .accordion__item.active:last-child .accordion-header {
  border-radius: none;
}
#accordion-contents .accordion:first-child > .accordion__item > .accordion-header {
  border-bottom: 1px solid transparent;
}
#accordion-contents .accordion__item > .accordion-header:after {
  content: "";
  background: url(/images/arrow02.png) center no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  float: right;
  position: relative;
  top: -2px;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
#accordion-contents .accordion__item.active > .accordion-header:after {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
#accordion-contents .accordion__item .accordion__item .accordion-header {
  background: #f1f1f1;
  color: #353535;
}
#accordion-contents .faq ul li {
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}
#accordion-contents .faq ul li:last-child {
  border-bottom: 0;
}
#accordion-contents .topbtn {
  width: 95px;
  border: 3px solid #4BCDED;
  float: right;
  border-radius: 10px;
  position: relative;
  color: #646262;
  padding-left: 3px;
}
#accordion-contents a.topbtn:hover {
  background: #4BCDED;
}
#accordion-contents .mt15 {
  margin-top: 15px;
}
#accordion-contents .leftbtn {
  margin-top: 14px;
  float: right;
}
#accordion-contents .topbtn .arrow {
  top: 4px;
  right: 0;
}
#accordion-contents .datebtn {
  font-size: 20px;
}

/* Slider */
.slider {
  width: 100%;
}

.slider {
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.slider.slick-initialized {
  opacity: 1;
}

.slick-slide {
  margin: 10px 5px 15px 5px;
}

#cs2 .slick-slide {
  margin: 10px 5px 0px 5px;
}

.slick-slide a {
  display: block;
}

.slick-slide img {
  width: auto;
  height: 195px;
}

.cs6 .slick-prev, .cs6 .slick-next {
  top: 41%;
}

.slick-slide {
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

.slick-current {
  opacity: 1;
}

.slick-loading .slick-list {
  background: #ffffff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
}
/* Arrows */
.slick-prev, .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  width: 25px !important;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slide-arrow {
  width: 25px !important;
}

.slick-prev {
  left: 4%;
  z-index: 10000;
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: 4%;
  z-index: 10000;
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

/* Slider */
.slider {
  width: 100%;
}

.slider {
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.slider.slick-initialized {
  opacity: 1;
}

.slick-slide {
  margin: 10px 0 0 0;
}

#cs2 .slick-slide {
  margin: 10px 15px 0px 15px;
}

.slick-slide a {
  display: block;
}

.cs6 .slick-prev, .cs6 .slick-next {
  top: 41%;
}

.slick-slide {
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

.slick-current {
  opacity: 1;
}

.slick-loading .slick-list {
  background: #ffffff url("/images/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;
  src: url("/fonts/slick.eot");
  src: url("/fonts/slick.eot?#iefix") format("embedded-opentype"), url("/fonts/slick.woff") format("woff"), url("/fonts/slick.ttf") format("truetype"), url("/fonts/slick.svg#slick") format("svg");
}
/* Arrows */
.slick-prev, .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 32px;
  height: 58px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  width: 40px !important;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slide-arrow {
  width: 25px !important;
}

.slick-prev {
  left: 20px;
  z-index: 2;
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: 0px;
  z-index: 2;
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

.image-modal {
  background-color: #ffffff;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 50px;
}
.image-modal .cropper-container {
  margin-bottom: 50px;
}
.image-modal .cropper-container .cropper-view-box {
  border-radius: 50%;
}
.image-modal .btn-group {
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}
.image-modal .btn-group .confirm {
  margin-bottom: 10px;
}
.image-modal .modal-close {
  text-align: center;
}

.result-modal {
  border-radius: 3px;
  background-color: #ffffff;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px 20px;
}
.result-modal p:first-child {
  font-size: 18px;
  color: #646262;
  text-align: center;
  margin-bottom: 50px;
}
.result-modal .modal-close {
  text-align: center;
}

/*--------
 Common CSS
--------------*/
@media screen and (max-width: 767px) {
  a {
    color: #0060cb;
  }
  img {
    vertical-align: top;
  }
  /*-------- header --------*/
  header {
    height: 43px;
  }
  header #logo a {
    display: block;
    padding: 8px 15px;
  }
  .sp_dsp_n {
    display: none;
  }
  /*-------- wrapper --------*/
  /*-------- sectionTitle --------*/
  /*-------- subTitle --------*/
  /*-------- moreRight --------*/
  /*-------- bookList --------*/
  /*ui変更追加分*/
  /*-------- categorySelect --------*/
  /*-------- myBookIndex --------*/
  /*-------- newsBanner --------*/
  /*-------- newsBannerSlide --------*/
  /*-------- contentTitle --------*/
  /*-------- breadcrumb --------*/
  /*-------- pageContent --------*/
  /*-------- openListTitle --------*/
  /*-------- buttonBookmark --------*/
  /*-------- buttonGroup --------*/
  /*-------- bookInformation --------*/
  /*-------- searchBook --------*/
  /*-------- plan --------*/
  /*-------- bookIndex --------*/
  /*-------- categoryMenu --------*/
  /*-------- bookShelfList --------*/
  /*-------- bookShelfSort --------*/
  /*-------- tabNaviCategory --------*/
  /*-------- selectDelete --------*/
  /*-------- spContentクラスは/specialのみ --------*/
  /*-------- nav --------*/
  /*-------- links --------*/
  /*-------- links_l --------*/
  /*-------- search list --------*/
  /*-------- firstAcess --------*/
  /*-------- firstNotice --------*/
  /* leave */
  /* purchase */
  /*-------- キャンペーンバナー --------*/
  /*キャンペーン*/
  /*1周年キャンペーン*/
  /*-------- searchForm --------*/
  /*--------- bmBannerOn ---------*/
  /*************
  footer
  *************/
  /*************
  block
  *************/
  /*************
  credit
  *************/
  /*************
  inquiry-input
  *************/
  /*************
  inquiry-confirm
  *************/
  /*************
  inquiry-complete
  *************/
  /*-------- articlewraper --------*/
  /*-------- articleBookIndexTab --------*/
  /*-----------------
  アプリバナー
  -----------------*/
  /*
  * leave.tpl/leave.yahoo.tpl
  */
  /*-------- caution --------*/
  /*--------- bmBannerOn ---------*/
  /* mansion login */
  /*-------- backnumber --------*/
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  header #logo a {
    padding: 8px 10px;
  }
}
@media screen and (max-width: 767px) {
  header #logo img {
    width: 95px;
  }
  header nav {
    -webkit-box-flex: 1;
    box-flex: 1;
    text-align: right;
    padding-right: 10px;
  }
  .order50 {
    right: 10px;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  header nav {
    padding-right: 10px;
  }
}
@media screen and (max-width: 767px) and (max-width: 355px) {
  header #logo a {
    padding: 8px 10px 8px 15px;
  }
  header nav ul li#searchArticle,
  header nav ul li#search,
  header nav ul li#myBookchelf,
  header nav ul li#myBookchelf.login,
  header nav ul li#menu {
    background-size: auto 17px;
  }
  header nav {
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) {
  #wrapper.app_wrap {
    padding-top: 0;
  }
  .sectionTitle {
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0px 5px 19px;
    line-height: 1em;
    margin-bottom: 8px;
    margin-left: 15px;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .sectionTitle {
    margin-left: 40px;
  }
}
@media screen and (max-width: 767px) {
  .pageContent > .sectionTitle {
    margin-left: 0;
  }
  .subTitle {
    margin-left: 15px;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .subTitle {
    margin-left: 40px;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 767px) {
  .moreRight {
    text-align: right;
    position: relative;
  }
  ul.bookList li:first-child {
    margin-left: 15px;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  ul.bookList li:first-child {
    margin-left: 40px;
  }
}
@media screen and (max-width: 767px) {
  ul.bookList li figure .rental {
    margin-right: 15px;
  }
  #bookInformation .rental {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    line-height: 1.2em;
    height: 38px;
    padding-top: 5px;
    margin-right: 15px;
    width: 100%;
    z-index: 5;
  }
  ul.bookList.imgL li figure img {
    height: 160px;
    width: auto;
  }
  ul.bookList.imgL li figure a.newMagazine:before,
  ul.bookList.imgL li figure a.newComic:before,
  ul.bookList.imgL li figure a.read:before,
  ul.bookList.imgL li figure a.bookmark:before,
  ul.bookList.imgL li figure a.all:after,
  ul.bookList.imgL li figure a.closeComic:before {
    top: 140px;
  }
  ul.bookList.imgL li figure a .rental {
    top: 103px;
  }
  ul.bookList.imgM li figure img {
    height: 133px;
  }
  ul.bookList.imgM li figure a.newMagazine:before,
  ul.bookList.imgM li figure a.newComic:before,
  ul.bookList.imgM li figure a.read:before,
  ul.bookList.imgM li figure a.bookmark:before,
  ul.bookList.imgM li figure a.all:after,
  ul.bookList.imgM li figure a.closeComic:before {
    top: 115px;
  }
  ul.bookList.imgM li figure a .rental {
    top: 90px;
  }
  ul.bookList.imgS li figure img {
    height: 160px;
    width: auto;
  }
  ul.bookList.imgS li figure a.newMagazine:before,
  ul.bookList.imgS li figure a.newComic:before,
  ul.bookList.imgS li figure a.read:before,
  ul.bookList.imgS li figure a.bookmark:before,
  ul.bookList.imgS li figure a.all:after,
  ul.bookList.imgS li figure a.closeComic:before {
    top: 140px;
  }
  ul.bookList.imgS li figure a .rental {
    top: 68px;
    font-size: 12px;
    height: 33px;
  }
  .bookListSlider {
    width: 100%;
    height: auto;
  }
  .bookListSlider li {
    height: auto;
  }
  .title_box {
    position: relative;
  }
  .order50 {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 16px;
    padding: 4px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
  }
  #categorySelect {
    padding: 0px 1px;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  #categorySelect {
    padding: 6px 40px;
  }
}
@media screen and (max-width: 767px) {
  #categorySelect ul li a div {
    padding: 16px 0px;
  }
  #categorySelect ul li a div img {
    height: 20px;
    width: auto;
  }
  .btn_l_list {
    display: block;
  }
  .btn_l_list li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .btn_l_list a {
    text-align: left;
    padding: 12px 8px;
  }
  .btn_l_list li,
  .btn_s_list li {
    border-bottom: 1px solid #D9D9D6;
  }
  .btn_l_list a:hover,
  .btn_s_list a:hover {
    background-color: #4BCDED;
    opacity: 1;
  }
  .btn_s_list {
    display: block;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btn_s_list li {
    width: 100%;
  }
  .btn_a_list li:nth-child(2n) a::after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .btn_s_list a {
    padding: 12px 8px;
  }
  .btn_s_list li:after {
    content: "";
    height: 1px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background: #ccc;
  }
  .btn_l_list a,
  .btn_s_list a {
    display: block;
    position: relative;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .btn_l_list li:first-child a::after,
  .btn_s_list li:nth-child(2n-1) a::after {
    content: "";
    display: block;
    width: 1px;
    height: 16px;
    background-color: #e5e5e5;
    position: absolute;
    top: 50%;
    right: 0;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  #myBookIndex .myBookIndexTab {
    padding-right: 7px;
    padding-left: 7px;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  #myBookIndex .myBookIndexTab {
    padding-right: 32px;
    padding-left: 32px;
  }
}
@media screen and (max-width: 767px) {
  #myBookIndex .myBookIndexTab li {
    padding-right: 14px;
    padding-left: 14px;
  }
  #myBookIndex .myBookIndexTab li div {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #myBookIndex .tabNavi3 {
    padding-right: 15px;
    padding-left: 15px;
  }
  #myBookIndex .tabNavi3 li {
    padding: 0;
  }
  #myBookIndex .tabNavi3 li div {
    font-size: 12px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  #myBookIndex .tabNavi3 {
    padding-right: 30px;
    padding-left: 30px;
  }
  #myBookIndex .tabNavi3 li {
    padding: 0 10px;
  }
  #myBookIndex .tabNavi3 li div {
    font-size: 16px;
    line-height: 1em;
  }
}
@media screen and (max-width: 767px) {
  #myBookIndex .myBookIndexTab li a.select div {
    padding-bottom: 6px;
  }
  #newsBanner {
    background: #eaebde;
    padding-top: 10px;
    padding-bottom: 4px;
    margin-bottom: 20px;
  }
  #newsBanner .banner {
    display: -webkit-box;
    display: box;
    overflow: hidden;
  }
  #newsBanner .banner img {
    width: 100%;
    max-width: 320px;
    border: 1px solid #ffffff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  #newsBanner .banner li:first-child {
    margin-left: 40px;
  }
  #newsBanner .banner a {
    margin-right: 15px;
  }
  #newsBanner .banner img {
    width: 320px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) {
  #newsBanner .controller {
    display: -webkit-box;
    display: box;
    text-align: center;
    box-pack: center;
    -webkit-box-pack: center;
  }
  #newsBanner .controller li {
    display: block;
    padding: 8px 5px;
    background: url(../images/ico_control_off.png) no-repeat center center;
    background-size: 8px auto;
    height: 8px;
    width: 8px;
    text-indent: -1000px;
    overflow: hidden;
  }
  #newsBanner .controller li.select {
    background: url(../images/ico_control_on.png) no-repeat center center;
    background-size: 8px auto;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  #newsBannerSlide .banner a {
    margin-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  .contentTitle {
    margin-bottom: 20px;
    padding: 7px 0 7px 0;
    font-size: 18px;
    font-weight: bold;
    background: #4BCDED;
    border-top: 1px solid #4BCDED;
    position: relative;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .contentTitle {
    padding: 7px 50px 7px 40px;
  }
}
@media screen and (max-width: 767px) {
  #breadcrumb .breadcrumblistOmission li {
    max-width: 27%;
  }
  #breadcrumb .breadcrumblistOmission .breadcrumbItem,
  #breadcrumb .breadcrumblistOmission li a {
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .pageContent {
    margin: 15px;
    text-align: left;
  }
  .pageContent > p {
    margin-bottom: 25px;
  }
  .pageContent h2.thx {
    margin-bottom: 20px;
    border: 1px solid #c1dc23;
    background: #e4f07c;
    font-size: 24px;
    font-weight: bold;
    color: #52a01b;
    text-align: center;
    padding: 12px;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .openListTitle {
    padding: 12px 0 12px 40px;
  }
  .openListTitle > h2 {
    margin-left: 0;
  }
  .featureBook .openListTitle {
    padding-left: 25px;
  }
  .featureBook .openListTitle > h2 {
    margin-left: 15px;
  }
  .openListTitle .button {
    right: 40px;
  }
  .openListBody p {
    margin: 0 40px 15px;
  }
  .tryRead .openListTitle .button {
    right: 4px;
  }
  .tryRead .openListBody p {
    margin: 0 0 15px;
  }
  .tryRead .note {
    margin-top: -15px !important;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .buttonBookmark {
    right: 40px;
  }
}
@media screen and (max-width: 767px) {
  .blTLButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .blTLButton li {
    width: 50%;
  }
  .blTLButton li a {
    width: 80%;
    margin: auto;
  }
  .bookInformation {
    display: table;
    border-collapse: separate;
  }
  .bookText {
    display: table-cell;
    width: 100%;
    position: relative;
  }
  .bookText .button {
    margin: 0 0 13px 0;
  }
  #setLaunchAppButtonText {
    margin-top: -13px;
  }
  .buttonWrapper {
    position: absolute;
    width: 100%;
    font-weight: bold;
  }
  figure a.bookText {
    padding-bottom: 17px;
  }
  figure a.bookText:after {
    padding-right: 12px;
    background-position: 40px 0px;
    background-size: 13px;
    font-size: 14px;
  }
  ul.bookList.more li figure a.bookText:after {
    padding-right: 17px;
    background-position: 39px 2px;
    background-size: 14px;
    font-size: 13px;
  }
  .bookImage,
  .bookImage2 {
    display: table-cell;
    vertical-align: top;
    position: relative;
    padding-right: 15px;
  }
  .bookImage img {
    width: 150px;
    height: auto;
  }
  #bookInformation .read:after,
  #bookInformation .all:after {
    right: 15px;
  }
  #bookInformation .read:after {
    background: rgb(115, 115, 115) url(../images/ico_read.png) no-repeat 36px;
    background-size: 12px auto;
    padding: 3px 18px 3px 8px;
  }
  #bookInformation .rental {
    width: 120px;
  }
  .searchBook {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
  }
  .searchBook a {
    display: block;
    padding: 13px 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 1em;
    color: Black;
    background: #ffffff;
    border: solid 3px #4BCDED;
    border-radius: 10px;
    text-decoration: none;
  }
  .contentTab {
    display: none;
  }
  .bookIndex dt {
    display: inline-block;
  }
  .bookIndex dd:before {
    content: "…";
  }
  #categoryMenu {
    background: #4BCDED;
    background-size: 4px auto;
    padding: 7px 15px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  #categoryMenu {
    padding: 7px 40px;
  }
}
@media screen and (max-width: 767px) {
  ul.bookShelfList {
    display: block !important;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  ul.bookShelfList {
    display: block !important;
  }
}
@media screen and (max-width: 767px) {
  ul.bookShelfList li {
    float: left;
    width: 33%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-right: 0px !important;
  }
  ul.bookShelfList li:first-child {
    margin-left: 0;
  }
  ul.bookList li figure div.bookShelfThumb {
    margin-bottom: 5px;
    position: relative;
    display: table-cell;
    vertical-align: bottom;
  }
  ul.bookList li figure a {
    margin-bottom: 8px;
  }
  ul.bookShelfList li figure {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  ul.bookShelfList li figure img {
    margin-bottom: 0 !important;
  }
  ul.bookShelfList li figcaption {
    margin-top: 5px;
    height: auto;
  }
  ul.bookShelfList li img {
    height: 135px;
    width: auto;
  }
}
@media screen and (max-width: 767px) and (min-width: 636px) and (max-width: 767px) {
  ul.bookShelfList li img {
    height: 160px;
  }
}
@media screen and (max-width: 767px) and (min-width: 0px) and (max-width: 374px) {
  ul.bookShelfList li img {
    height: 120px;
  }
}
@media screen and (max-width: 767px) {
  ul.bookList li figure div.bookShelfThumb:before,
  ul.bookList li figure div.bookShelfThumb:after {
    bottom: 0;
  }
  ul.bookShelfList li figure .rental,
  ul.bookShelfSort li figure .rental {
    bottom: 0;
  }
  ul.bookList li figure .all:after {
    right: 0px;
  }
  ul.bookShelfSort {
    margin: 0 15px 25px;
  }
  ul.bookShelfSort img {
    max-width: 88px;
    max-height: 140px;
  }
  ul.bookShelfSort figcaption p {
    max-height: 60px;
    overflow: hidden;
  }
  ul.sortButton li a {
    height: 40px;
    padding: 0;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  ul.bookShelfSort {
    margin: 0 40px 25px;
  }
}
@media screen and (max-width: 767px) {
  .tabNaviCategory {
    margin: 8px 15px 15px;
  }
  .tabNaviCategory:after,
  .tabNaviCategory:before {
    left: 50px;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .tabNaviCategory {
    margin: 8px 40px 15px;
  }
  .tabNaviCategory:after,
  .tabNaviCategory:before {
    left: 75px;
  }
}
@media screen and (max-width: 767px) {
  #selectDelete ul {
    padding: 15px 15px;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  #selectDelete ul {
    padding: 15px 40px;
  }
}
@media screen and (max-width: 767px) {
  article.spContent {
    width: auto;
    margin: 5px 15px;
  }
  .spContent > p {
    margin-bottom: 25px;
  }
  .spContent .moreRight {
    margin-bottom: 0;
    top: 10px;
    padding-right: 0px;
  }
  .spContent > .sectionTitle {
    margin-left: 0;
  }
  .spContentTxt {
    margin: 0 15px 15px;
  }
  .spContentTxt .bnr {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .spContentTxt {
    margin: 0 40px 15px;
  }
}
@media screen and (max-width: 767px) {
  div#drawerMenuWrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    background: rgba(0, 0, 0, 0.6);
    z-index: 49;
    display: none;
  }
  nav#drawerMenu {
    position: fixed;
    top: 0;
    right: -270px;
    background: #f8f8f8;
    width: 270px;
    /* 540 */
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 50;
    display: none;
    overflow-y: auto;
  }
  div#drawerMenuWrapper.open {
    display: block;
  }
  nav#drawerMenu.open {
    display: block;
  }
  div#drawerMenuWrapper.open {
    display: block;
  }
  nav#drawerMenu h2.sectionTitle {
    margin-top: 15px;
    margin-left: 15px;
  }
  nav#drawerMenu ul {
    margin: 15px 0 0 0;
    border-top: 1px solid #D9D9D6;
  }
  nav#drawerMenu ul.margin0 {
    margin: 0 0 0 0;
  }
  nav#drawerMenu li {
    display: block;
    position: relative;
    line-height: 1.4em;
    padding: 15px 30px 15px 15px;
    border-bottom: 1px solid #D9D9D6;
    background: #f1f1f1;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
  }
  nav#drawerMenu li a {
    display: block;
    color: #333333;
    text-decoration: none;
  }
  nav#drawerMenu li a span {
    font-size: 12px;
    color: #0056ff;
  }
  nav#drawerMenu li a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 1px #aeaeae;
    border-right: solid 1px #aeaeae;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
  }
  ul.links {
    margin: 15px 0 0 0;
  }
  ul.links {
    margin: 0 0 0 0;
  }
  ul.links a,
  li.type_title2 {
    float: left;
    width: 100%;
    display: block;
    position: relative;
    padding: 4px 8px;
    border-bottom: 1px solid #D9D9D6;
    border-right: 1px solid #D9D9D6;
    background: #f1f1f1;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  ul.links li:nth-child(1) a {
    border-top: 1px solid #D9D9D6;
  }
  ul.links:nth-child(odd) a {
    border-right: none;
  }
  ul.links a:after {
    width: 100%;
    /* 383px */
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 1px #aeaeae;
    border-right: solid 1px #aeaeae;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
  }
  li.type_title1 a {
    padding: 10px 0 10px 15px !important;
    background-color: #ffffff;
  }
  li.type_title1 img {
    max-width: 15px;
    float: left;
    margin-right: 5px;
  }
  li.type_title1 p {
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding-top: 3px;
  }
  li.type_title2 {
    font-size: 15px;
    width: 100%;
    background-image: none;
    background-color: #E5E5E5;
    border-top: none !important;
    padding: 4px 8px;
  }
  li.type_title2 img {
    vertical-align: middle !important;
  }
  .mb45 {
    margin-bottom: 10px !important;
  }
  .bt_n {
    border-top: none !important;
  }
  .bb_n {
    border-bottom: none !important;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  ul.links a {
    padding: 0 0 0 32px;
  }
  ul.links a:after {
    right: 40px;
  }
}
@media screen and (max-width: 767px) {
  ul.links_l {
    margin: 15px 0 0 0;
  }
  ul.links_l a {
    width: 100%;
    display: block;
    position: relative;
    line-height: 25px;
    padding: 0;
    border-bottom: 1px solid #D9D9D6;
    border-right: 1px solid #D9D9D6;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 30px 10px 10px;
  }
  ul.links_l li:nth-child(1) a {
    border-top: 1px solid #D9D9D6;
  }
  ul.links_l:nth-child(odd) a {
    border-right: none;
  }
  ul.links_l a:after {
    width: 100%;
    /* 383px */
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 1px #aeaeae;
    border-right: solid 1px #aeaeae;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  ul.links_l a {
    padding: 0;
  }
  ul.links_l a:after {
    right: 40px;
  }
}
@media screen and (max-width: 767px) {
  #searchMangaCategory {
    margin-bottom: 10px;
  }
  .firstAcess {
    padding: 0px 15px;
  }
  .firstAcess img {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .firstAcess {
    text-align: center;
    padding: 0px 40px;
  }
}
@media screen and (max-width: 767px) {
  .oneFreeAcess {
    text-align: center;
    padding: 15px 15px;
  }
  .oneFreeAcess img {
    width: 100%;
  }
  ul.bookList li figure figcaption.personal {
    -webkit-line-clamp: 99;
  }
  #myApplyBox h2 {
    font-size: 38px;
    font-weight: bold;
    text-align: center;
    margin-top: -10px;
  }
  #myApplyBox h2 span {
    font-size: 14px;
  }
  #myApplyBox p {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-bottom: -15px;
    color: red;
  }
  .firstNotice {
    padding: 0px 15px;
  }
  .firstNotice img {
    width: 100%;
  }
  .firstNotice a {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
  }
  .firstNotice p {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .firstNotice {
    text-align: center;
    padding: 0px 40px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .leave p,
  .leave li {
    font-size: 16px;
  }
  #wrapper.leave h2 span {
    font-size: 18px;
    color: #777;
  }
  .leave span {
    font-size: 16px;
    font-weight: bold;
  }
  .leaveDate span {
    font-size: 20px;
    color: black;
    font-weight: bold;
  }
  .leaveDate h3 {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    color: #09bbbb;
  }
  p.campaignText {
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
  }
  .campaignImage {
    margin: 5px;
  }
  .campaignImage img {
    width: 100%;
  }
  .leaveCaution li {
    background-size: 10%;
    font-size: 16px;
  }
  .leaveContent h4 {
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    background-color: #a4defc;
    margin-bottom: 10px;
  }
  .leave h1.contentTitle {
    font-size: 22px;
  }
  .leaveGuide a.button {
    width: 250px;
    padding: 20px;
  }
  .leavewraper {
    margin: 0;
  }
  .leavewraper article.pageContent {
    width: 100%;
  }
  .leavewraper a.buttonRead {
    bottom: 20px;
  }
  .leavewraper .bookImage img {
    width: 125px;
    height: auto;
  }
  .bookImage2 img {
    width: auto;
    height: 128px;
  }
  #spreadImage {
    width: auto;
    height: 128px;
  }
  p.cancelButton,
  p.leaveButton,
  p.tryButton {
    max-width: 100%;
    height: auto;
    margin: 10px auto;
  }
  .cancelButton a.button,
  .leaveButton a.buttonLeave,
  .tryButton a.button {
    line-height: 35px;
    border-radius: 5px;
    font-size: 20px;
    margin: auto 45px;
  }
  .leavewraper .contentarticle {
    height: 180px;
  }
  .leavewraper a.bookText:after {
    padding-right: 17px;
    background-position: 41px 0px;
    background-size: 15px;
    font-size: 13px;
  }
  ul.purchase {
    text-align: center;
  }
  ul.purchase li {
    display: inline-block;
    padding-left: 8px;
  }
  ul.purchase li:first-child {
    border-right: 1px solid #ccc;
    padding: 0 8px 0 0;
  }
  ul.purchase li.single {
    padding: 10px 0 10px 0;
    display: block;
  }
  .purchase a {
    color: #333;
  }
  p.purchase {
    text-align: center;
  }
  h3.purchase {
    padding: 20px 0;
    text-align: center;
  }
  h3.purchase img {
    width: 100%;
    max-width: 320px;
  }
  .purchase .freeone {
    color: #f00;
    margin-bottom: 0px;
    font-size: x-small;
  }
  .purchaseBtn {
    max-width: 320px;
    margin: auto;
  }
  h2 .subtitle-magazine {
    font-size: 22px;
    text-align: center;
    padding: 15px;
    color: white;
  }
  h2 .subtitle-manga {
    font-size: 22px;
    text-align: center;
    padding: 15px;
    color: white;
  }
  table.purchase tr th,
  table.purchase tr td {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .menu_link {
    margin-bottom: 20px;
  }
  .menu_link li {
    margin-bottom: 10px;
  }
  #purchaseRegulationBox {
    height: 300px;
    display: inline-block;
    margin: 10px 0 30px 0;
    overflow-y: scroll;
    border: solid 1px #b6b6b6;
  }
  .checkboxGroup {
    margin: 0 0 20px 0;
  }
  .noLink {
    pointer-events: none;
  }
  .blPromote,
  .tlPromote {
    text-align: center;
    color: #999999;
    margin: 10px 0;
    font-size: 10px;
  }
  .blPromote .promoteWord,
  .tlPromote .promoteWord {
    font-size: 10px;
  }
  .topBanner,
  .campaignBanner {
    text-align: center;
    margin: 10px 0px 10px;
    padding: 0px 15px;
  }
  .campaignBannerComment {
    text-align: center;
    color: #0056ff;
    font-weight: bold;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .topBanner,
  .campaignBanner {
    text-align: center;
    padding: 0px 40px;
  }
}
@media screen and (max-width: 767px) {
  .topBanner img,
  .campaignBanner img {
    width: 100%;
  }
  .sp_img {
    display: block;
  }
  .pc_img {
    display: none;
  }
  .cmp_mainImage {
    padding-top: 0;
  }
  .campaignWrap {
    padding-top: 0;
    width: 90%;
  }
  .cmp_btnimg {
    max-width: 578px;
  }
  .top_btnimg {
    max-width: 369px;
  }
  .bnr_img01 {
    max-width: 592px;
  }
  .tb_img {
    display: block;
  }
  .icon_campaign .tx_img01 {
    max-width: 594px;
  }
  .present_img {
    max-width: 640px;
  }
  .campaign_subtitle {
    color: #000000;
    padding: 7px 0 7px 0;
    font-size: 16px;
    font-weight: bold;
    background: #4BCDED;
    border-top: 1px solid #4BCDED;
    position: relative;
    text-align: center;
  }
  .thumbArea4dm {
    width: 100%;
    padding: 10px 0;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
  }
  .thumbArea4dm ul {
    display: block;
    margin: auto;
  }
  .thumbArea4dm ul li,
  ul.footerNavi {
    margin-bottom: 10px;
  }
  .thumbArea4dm ul li {
    width: 25%;
    height: 30%;
    vertical-align: top;
    float: left;
  }
  .thumbArea4dm ul li:nth-child(n+7) {
    display: none;
  }
  .thumbArea4dm ul li span {
    display: block;
    line-height: 1.2;
    margin-top: 5px;
    color: #333;
    font-size: 12px;
    text-align: center;
  }
  .thumbArea4dm img {
    height: 87px;
    left: 50%;
    position: relative;
    margin-left: -34px;
  }
  #btn_top_giga {
    width: 60%;
  }
  header #logo img#logo_giga {
    width: 125px;
  }
  #what_student {
    font-size: 16px;
    background-color: #4BCDED;
    padding: 7px 15px;
    border: 1px;
  }
  .contentTitleYear {
    margin-bottom: -10px;
    padding: 7px 0 7px 0;
    font-size: 18px;
    background: #4BCDED;
    border-top: 1px solid #bed300;
    position: relative;
    color: #000000;
    font-weight: bold;
  }
  #contentsSearch .contentsWrap dt {
    margin-right: 10px;
    width: 28%;
  }
  #contentsSearch .contentsWrap dd {
    width: 65%;
  }
  #contentsSearch .contentsTypeWrap {
    min-width: 350px;
    margin: 0 0 10px 0;
  }
  #contentsSearch .safeSearchWrap {
    min-width: 350px;
  }
  #contentsSearch .contentsType label,
  #contentsSearch .safeSearch label {
    padding: 6px 2px;
  }
  #contentsSearch .searchForm dd .contentsKey {
    width: 70%;
  }
  #bmBannerOn p {
    font-size: 12px;
    padding-left: 5%;
  }
  #bmBannerOn img.home {
    height: 19px;
  }
  #bmBannerOn div:first-child {
    width: 12%;
  }
}
@media screen and (max-width: 767px) and (min-width: 600px) {
  #bmBannerOn div:first-child {
    width: 6%;
  }
  #bmBannerOn p {
    padding-left: 2%;
  }
}
@media screen and (max-width: 767px) {
  .btnDm {
    width: 80%;
  }
  .bookListNoWrap {
    margin: 0 auto 0;
    min-height: 195px;
  }
  footer {
    text-align: center;
  }
  .textcomment {
    font-size: 10px;
    color: #ffffff;
  }
  .onlyPC {
    display: none;
  }
  .hideSP {
    display: none;
  }
  .credit-input section.email .btn-group {
    margin-top: 50px;
  }
  .credit-input h2 {
    font-weight: bold;
    background: #4BCDED;
    background-size: 4px auto;
  }
  .credit-input .title {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 5px;
  }
  .credit-input .title img {
    max-width: 15px;
    float: left;
    margin-right: 5px;
  }
  .credit-input .title p {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding-top: 3px;
  }
  .credit-input .content {
    padding: 30px 15px;
  }
  .credit-input .content > div:first-child {
    margin-top: 0;
  }
  .credit-input .content > div:last-child {
    margin-bottom: 0;
  }
  .credit-input .content .title {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 20px;
  }
  .credit-input .content .title img {
    max-width: 15px;
    float: left;
    margin-right: 5px;
  }
  .credit-input .content .title p {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding-top: 3px;
  }
  .credit-input .content .mail {
    width: 100%;
  }
  .credit-input .content .mail label {
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
  }
  .credit-input .content .mail .input {
    width: 100%;
  }
  .credit-input .content .mail .input input {
    border: solid 1px #a5a5a5;
    border-radius: 3px;
    width: 100%;
    ime-mode: disabled;
    height: 24px;
    margin-bottom: 5px;
  }
  .credit-input .content .mail .input small {
    display: block;
    color: #6f6f6f;
  }
  .credit-input .content .card-num {
    margin-bottom: 15px;
    width: 100%;
  }
  .credit-input .content .card-num label {
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
  }
  .credit-input .content .card-num .input {
    width: 100%;
  }
  .credit-input .content .card-num .input input {
    border: solid 1px #a5a5a5;
    border-radius: 3px;
    width: 100%;
    ime-mode: disabled;
    height: 24px;
    margin-bottom: 5px;
  }
  .credit-input .content .card-num .input small {
    display: block;
    color: #6f6f6f;
  }
  .credit-input .content .enable-period {
    margin-bottom: 15px;
    width: 100%;
  }
  .credit-input .content .enable-period label {
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
  }
  .credit-input .content .enable-period .input {
    width: 100%;
  }
  .credit-input .content .enable-period .input select {
    height: 24px;
  }
  .credit-input .content .enable-period .input span {
    padding-left: 10px;
    padding-right: 20px;
    height: 24px;
    vertical-align: bottom;
  }
  .credit-input .content .card-sec {
    margin-bottom: 30px;
    width: 100%;
  }
  .credit-input .content .card-sec label {
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
  }
  .credit-input .content .card-sec .input {
    width: 100%;
    display: inline-block;
  }
  .credit-input .content .card-sec .input input {
    max-width: 100px;
    border: solid 1px #a5a5a5;
    border-radius: 3px;
    ime-mode: disabled;
    height: 24px;
    margin-bottom: 5px;
  }
  .credit-input .content .card-sec .input small {
    display: block;
    color: #6f6f6f;
  }
  .credit-input .content .input.credit-error .credit-input-error {
    margin-bottom: 25px;
  }
  .credit-input .content .notes {
    margin-top: 30px;
    margin-bottom: 30px;
    border: solid 1px #a5a5a5;
    padding: 15px;
    border-radius: 3px;
  }
  .credit-input .content .notes section {
    width: 100%;
  }
  .credit-input .content .notes section .section-title {
    margin-bottom: 15px;
    font-weight: bold;
  }
  .credit-input .content .notes section .section-detail img {
    width: 100%;
    margin-bottom: 20px;
  }
  .credit-input .content .notes section .section-detail .section-explain .red {
    margin-bottom: 10px;
  }
  .credit-input .content .notes section .section-detail .section-explain .red .box {
    display: inline-block;
    width: 20px;
    height: 14px;
    border: solid 2px #e63968;
  }
  .credit-input .content .notes section .section-detail .section-explain .red p {
    display: inline-block;
    color: #e63968;
    font-weight: bold;
  }
  .credit-input .content .notes section .section-detail .section-explain > p {
    font-weight: bold;
    margin-bottom: 5px;
  }
  .credit-input .content .notes section .section-detail .section-explain > p:last-child {
    font-size: 12px;
    color: #6f6f6f;
    font-weight: initial;
  }
  .credit-input .content .notes section.common-credit {
    border-bottom: dashed 2px #6f6f6f;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .credit-input .content .caution {
    margin-bottom: 50px;
  }
  .credit-input .content .caution h4 {
    font-weight: bold;
    margin-bottom: 10px;
  }
  .credit-input .content .caution h4 img {
    max-width: 11px;
    float: left;
    margin-right: 5px;
  }
  .credit-input .content .caution p {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .credit-input .content .caution .detail {
    border-radius: 3px;
    padding: 10px 0;
  }
  .credit-input .content .caution .detail li {
    font-size: 12px;
    color: #6f6f6f;
    margin-bottom: 10px;
  }
  .credit-input .content .btn-group {
    text-align: center;
    width: 100%;
  }
  .credit-input .content .input label.credit-input-error {
    display: block;
    color: #e63968;
    width: 100%;
  }
  .credit-input .content .input input.credit-input-error {
    border-color: #e63968;
  }
  .credit-input > section.email:last-child .btn-group {
    margin-top: 50px;
  }
  .credit-input .hide-sp {
    display: none;
  }
  .credit-complete .content {
    padding: 15px;
  }
  .credit-complete .content .title {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 5px;
  }
  .credit-complete .content .title img {
    max-width: 15px;
    float: left;
    margin-right: 5px;
  }
  .credit-complete .content .title p {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding-top: 3px;
    margin: 0 0 10px;
  }
  .credit-complete .content p {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .credit-complete .content .credit-detail {
    width: 100%;
    border: solid 1px #a5a5a5;
    border-collapse: separate;
    border-radius: 3px;
    margin-bottom: 30px;
  }
  .credit-complete .content .credit-detail tr td {
    padding: 10px;
    border-bottom: solid 1px #a5a5a5;
  }
  .credit-complete .content .credit-detail tr:last-child td {
    border-bottom: 0;
  }
  .credit-complete .content .credit-detail tr .title {
    width: 35%;
    background-color: #e8e8e8;
    font-size: 12px;
    border-right: solid 1px #a5a5a5;
  }
  .credit-complete .content .supplement {
    margin-bottom: 50px;
  }
  .credit-complete .content .supplement p {
    color: #6f6f6f;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 5px;
  }
  .credit-complete .content .btn-group {
    text-align: center;
    margin-bottom: 25px;
  }
  .credit-complete .content .btn-group button {
    cursor: pointer;
    padding: 8px 0;
    color: #ffffff;
    -webkit-box-shadow: 0 4px 0 0 #ca215a;
            box-shadow: 0 4px 0 0 #ca215a;
    border: 0;
    background-color: #e63968;
    border-radius: 3px;
    font-size: 16px;
    width: 100%;
    max-width: 200px;
  }
  .credit-complete .content .btn-entry {
    text-align: center;
    margin-bottom: 25px;
  }
  .credit-complete .content .btn-entry button {
    cursor: pointer;
    padding: 8px 0;
    color: #ffffff;
    border: 0;
    background-color: #e63968;
    border-radius: 3px;
    font-size: 14px;
    width: 100%;
    max-width: 210px;
  }
  .credit-complete .content .btn-entry button span {
    font-size: 20px;
    font-weight: bold;
  }
  .credit-complete .content .btn-entry-app {
    text-align: center;
    margin-bottom: 25px;
  }
  .credit-complete .content .btn-entry-app button {
    cursor: pointer;
    padding: 8px 0;
    color: #ffffff;
    border: 0;
    background: -moz-linear-gradient(top, #2dc7fe, #1d6ff6);
    border-radius: 3px;
    font-size: 14px;
    width: 100%;
    max-width: 210px;
  }
  .credit-complete .content .btn-entry-app button span {
    font-size: 20px;
    font-weight: bold;
  }
  .credit-complete .content .btn-entry-continue {
    text-align: center;
    margin-bottom: 25px;
  }
  .credit-complete .content .btn-entry-continue button {
    cursor: pointer;
    padding: 8px 0;
    color: #ffffff;
    border: 0;
    background-color: #4BCDED;
    border-radius: 3px;
    font-size: 14px;
    width: 100%;
    max-width: 210px;
  }
  .credit-complete .content .btn-entry-continue button span {
    font-size: 20px;
    font-weight: bold;
  }
  .cpbtn {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
  }
  .cpbtn img {
    max-width: 90%;
  }
  .cpbunner {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 25px;
  }
  .cpbunner img {
    max-width: 90%;
  }
  .credit-info h2 {
    background: #4BCDED;
    background-size: 4px auto;
    font-weight: bold;
  }
  .credit-info .content {
    padding: 30px 15px;
  }
  .credit-info .content section {
    margin-bottom: 30px;
  }
  .credit-info .content .title {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 20px;
  }
  .credit-info .content .title img {
    max-width: 15px;
    float: left;
    margin-right: 5px;
  }
  .credit-info .content .title p {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding-top: 3px;
  }
  .credit-info .content p {
    margin-bottom: 10px;
  }
  .credit-info .content .info-detail {
    width: 100%;
    border: solid 1px #a5a5a5;
    border-collapse: separate;
    border-radius: 3px;
    margin-bottom: 15px;
  }
  .credit-info .content .info-detail tr td {
    padding: 10px;
    border-bottom: solid 1px #a5a5a5;
  }
  .credit-info .content .info-detail tr:last-child td {
    border-bottom: 0;
  }
  .credit-info .content .info-detail tr .title {
    width: 35%;
    background-color: #e8e8e8;
    font-size: 12px;
    border-right: solid 1px #a5a5a5;
  }
  .credit-info .content .info-edit {
    margin-bottom: 50px;
  }
  .credit-info .content .info-edit p {
    color: #6f6f6f;
    font-size: 12px;
    margin-bottom: 10px;
  }
  .credit-info .content .info-edit .btn-group {
    text-align: right;
  }
  .credit-info .content .credit-next {
    margin-bottom: 50px;
  }
  .credit-info .content .credit-next p {
    text-align: left;
    font-weight: bold;
    margin-bottom: 30px;
  }
  .credit-info .content .credit-next time {
    border: solid 1px #a5a5a5;
    border-radius: 3px;
    padding: 15px 25px;
    font-size: 18px;
  }
  .credit-info .content .btn-group {
    text-align: center;
  }
  .credit-error h2 {
    font-size: 18px;
    background: #4BCDED;
    background-size: 4px auto;
    padding: 7px 15px;
    color: white;
    font-weight: bold;
  }
  .credit-error .content {
    padding: 15px;
  }
  .credit-error .content .title {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
  }
  .credit-error .content .title img {
    max-width: 15px;
    float: left;
    margin-right: 5px;
  }
  .credit-error .content .title p {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding-top: 3px;
  }
  .credit-error .content .error-detail {
    margin-bottom: 50px;
  }
  .credit-error .content .error-detail p {
    margin-bottom: 10px;
  }
  .credit-error .content .error-detail .error-code {
    color: #e63968;
    font-weight: bold;
  }
  .credit-error .content .btn-group {
    text-align: center;
  }
  .credit-error .content .btn-group button {
    cursor: pointer;
    padding: 8px 0;
    color: #ffffff;
    border: 0;
    -webkit-box-shadow: 0 4px 0 0 #969696;
            box-shadow: 0 4px 0 0 #969696;
    background-color: #ababab;
    border-radius: 3px;
    font-size: 16px;
    width: 100%;
    max-width: 200px;
  }
  .inquiry-input .inquiry-form-list {
    padding: 0 15px;
  }
  .inquiry-input .inquiry-form-list .memo {
    margin-bottom: 30px;
  }
  .inquiry-input .inquiry-form-list .memo p {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .inquiry-input .inquiry-form-list .content-detail .content-title {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .inquiry-input .inquiry-form-list .content-detail p {
    font-size: 12px;
    margin-bottom: 25px;
  }
  .inquiry-input .inquiry-form-list .input {
    margin-bottom: 20px;
  }
  .inquiry-input .inquiry-form-list .input label {
    font-weight: bold;
    display: block;
    width: 100%;
    color: #6f6f6f;
    margin-bottom: 3px;
  }
  .inquiry-input .inquiry-form-list .input label.input-error {
    font-size: 12px;
    color: #e63968;
    font-weight: initial;
  }
  .inquiry-input .inquiry-form-list .input input {
    width: 100%;
    border: solid 1px #a5a5a5;
    border-radius: 3px;
    height: 30px;
  }
  .inquiry-input .inquiry-form-list .input input.input-error {
    border-color: #e63968;
  }
  .inquiry-input .inquiry-form-list .input textarea {
    width: 100%;
    border: solid 1px #a5a5a5;
    border-radius: 3px;
  }
  .inquiry-input .inquiry-form-list .input textarea.input-error {
    border-color: #e63968;
  }
  .inquiry-input .inquiry-form-list .input select {
    display: block;
    width: 100%;
    border: solid 1px #a5a5a5;
    border-radius: 3px;
    height: 30px;
    margin-bottom: 5px;
  }
  .inquiry-input .inquiry-form-list .btn-group {
    margin-bottom: 30px;
    text-align: center;
  }
  .inquiry-input .inquiry-form-list .btn-group .submit {
    cursor: pointer;
  }
  .inquiry-confirm .inquiry-form-list {
    padding: 0 15px;
  }
  .inquiry-confirm .inquiry-form-list .detail {
    margin-bottom: 30px;
    width: 100%;
  }
  .inquiry-confirm .inquiry-form-list .detail tbody tr td {
    padding: 15px;
    border: 0;
    width: 60%;
  }
  .inquiry-confirm .inquiry-form-list .detail tbody tr td.title {
    width: 37%;
    font-size: 12px;
    border: 0;
  }
  .inquiry-confirm .inquiry-form-list .btn-group {
    margin-bottom: 30px;
    text-align: center;
  }
  .inquiry-confirm .inquiry-form-list .btn-group button {
    cursor: pointer;
  }
  .inquiry-confirm .inquiry-form-list .btn-group button:last-child {
    margin-bottom: 0;
  }
  .inquiry-complete .content {
    padding: 0 15px;
  }
  .inquiry-complete .content .complete-msg {
    text-align: center;
    font-size: 18px;
    margin: 40px;
  }
  .inquiry-complete .content .btn-group {
    margin-bottom: 30px;
    text-align: center;
    height: 43px;
  }
  .inquiry-complete .content .btn-group button {
    cursor: pointer;
  }
  .article-title span {
    font-size: 24px;
  }
  #myBookIndex .articleBookIndexTab {
    padding-right: 7px;
    padding-left: 7px;
    margin: 0 0 16px;
  }
}
@media screen and (max-width: 767px) and (min-width: 636px) and (max-width: 767px) {
  #myBookIndex .articleBookIndexTab {
    margin: 0 20px 16px;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  #myBookIndex .articleBookIndexTab {
    margin: 0 20px 16px;
  }
}
@media screen and (max-width: 767px) {
  #myBookIndex .articleBookIndexTab li {
    padding-right: 14px;
    padding-left: 14px;
  }
  #myBookIndex .articleBookIndexTab li div {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #myBookIndex .articleBookIndexTab li a.select div {
    padding-bottom: 6px;
  }
  .contentarticle a.articleText {
    bottom: 20px;
  }
  .more_btn {
    margin-bottom: 8px;
    text-align: right;
    margin-right: 5px;
  }
  .is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 7;
    width: 100%;
  }
  .is-hide {
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  .withMargin {
    margin-left: 15px;
    margin-right: 15px;
  }
  .mangabutton {
    display: block;
    padding: 15px 0px;
    text-align: center;
    font-size: 12px;
    background: #ffffff;
    border-radius: 2px;
    background-clip: padding-box;
    border: 2px solid #E3E3E3;
    margin: -1px;
    line-height: 1em;
    text-decoration: none;
    color: #333333;
    border-bottom: solid 4px #67CC67;
  }
  .caution {
    text-align: center;
    margin-bottom: 30px;
  }
  .caution p {
    font-size: 14px;
    font-weight: bold;
    color: #f90505;
  }
  .thumbnail-image img {
    height: 150px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  #bmBannerOn p {
    font-size: 12px;
    padding-left: 5%;
  }
  #bmBannerOn img.home {
    height: 19px;
  }
  #bmBannerOn div:first-child {
    width: 12%;
  }
}
@media screen and (max-width: 767px) and (min-width: 600px) {
  #bmBannerOn div:first-child {
    width: 6%;
  }
  #bmBannerOn p {
    padding-left: 2%;
  }
}
@media screen and (max-width: 767px) {
  #login_wrapper {
    width: 90%;
    height: auto;
    padding: 20px 0;
  }
  #login_button_group {
    width: auto;
  }
  .input_text input {
    width: 100%;
  }
  #input_id_url {
    width: 100%;
  }
  .input_submit {
    width: 100%;
    margin: 32px 0 0 0;
  }
  .submit_cancel {
    width: 100%;
  }
  .err_msg {
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  #login_wrapper {
    height: 680px;
  }
}
@media screen and (max-width: 767px) {
  .owl-carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .owl-carousel .item {
    margin-right: 10px;
  }
  .books-table-container {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: repeat(3, auto);
    -ms-grid-rows: auto [100];
    grid-template-rows: auto;
  }
  .books-table-container .thumbnail-image img {
    height: 135px;
  }
  .books-table-container .item {
    max-width: 115px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  .books-table-container .thumbnail-image img {
    height: 130px;
  }
}
@media screen and (max-width: 767px) and (max-width: 359px) {
  .books-table-container .thumbnail-image img {
    height: 115px;
  }
  .books-table-container .item {
    max-width: 100px;
  }
}
@media screen and (max-width: 767px) {
  .books-table-container *:nth-of-type(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .books-table-container *:nth-of-type(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .books-table-container *:nth-of-type(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .books-table-container *:nth-of-type(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .books-table-container *:nth-of-type(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .books-table-container *:nth-of-type(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .books-table-container *:nth-of-type(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .books-table-container *:nth-of-type(8) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .books-table-container *:nth-of-type(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .books-table-container *:nth-of-type(10) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .books-table-container *:nth-of-type(11) {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
  }
  .books-table-container *:nth-of-type(12) {
    -ms-grid-row: 4;
    -ms-grid-column: 3;
  }
  .books-table-container *:nth-of-type(13) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .books-table-container *:nth-of-type(14) {
    -ms-grid-row: 5;
    -ms-grid-column: 2;
  }
  .books-table-container *:nth-of-type(15) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
  }
  .books-table-container.representative-number {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, auto);
    -ms-grid-rows: auto [100];
    grid-template-rows: auto;
  }
  .books-table-container.representative-number .right-box {
    width: 60vw;
  }
  .books-table-container.representative-number .thumbnail-image img {
    height: 135px;
    max-width: 30vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  .books-table-container.representative-number .thumbnail-image img {
    height: 130px;
  }
}
@media screen and (max-width: 767px) and (max-width: 359px) {
  .books-table-container.representative-number .thumbnail-image img {
    height: 115px;
  }
}
@media screen and (max-width: 767px) {
  .books-table-container.representative-number *:nth-of-type(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .books-table-container.representative-number *:nth-of-type(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .books-table-container.representative-number *:nth-of-type(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .books-table-container.representative-number *:nth-of-type(4) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .books-table-container.representative-number *:nth-of-type(5) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .books-table-container.representative-number *:nth-of-type(6) {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
  }
  .books-table-container.representative-number *:nth-of-type(7) {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
  }
  .books-table-container.representative-number *:nth-of-type(8) {
    -ms-grid-row: 8;
    -ms-grid-column: 1;
  }
  .books-table-container.representative-number *:nth-of-type(9) {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
  }
  .books-table-container.representative-number *:nth-of-type(10) {
    -ms-grid-row: 10;
    -ms-grid-column: 1;
  }
  .books-table-container.representative-number *:nth-of-type(11) {
    -ms-grid-row: 11;
    -ms-grid-column: 1;
  }
  .books-table-container.representative-number *:nth-of-type(12) {
    -ms-grid-row: 12;
    -ms-grid-column: 1;
  }
  .books-table-container.representative-number *:nth-of-type(13) {
    -ms-grid-row: 13;
    -ms-grid-column: 1;
  }
  .books-table-container.representative-number *:nth-of-type(14) {
    -ms-grid-row: 14;
    -ms-grid-column: 1;
  }
  .books-table-container.representative-number *:nth-of-type(15) {
    -ms-grid-row: 15;
    -ms-grid-column: 1;
  }
}
@media screen and (min-width: 768px) {
  a {
    color: #0060cb;
  }
  img {
    vertical-align: top;
  }
  /*-------- header --------*/
  header {
    height: 47px;
  }
  header #logo a {
    display: block;
    padding: 5px 40px;
  }
  .mw_550 {
    max-width: 550px;
    margin: auto;
  }
  header #logo img {
    width: 129px;
  }
  header nav {
    -webkit-box-flex: 1;
    box-flex: 1;
    text-align: right;
  }
  /*-------- sectionTitle --------*/
  /*-------- subTitle --------*/
  /*-------- moreRight --------*/
  /*-------- bookList --------*/
  /*-------- myBookIndex --------*/
  /*-------- newsBanner --------*/
  /*-------- newsBannerSlide --------*/
  /*-------- contentTitle --------*/
  /*-------- pageContent --------*/
  /*-------- buttonBookmark --------*/
  /*-------- buttonGroup --------*/
  /*-------- bookInformation --------*/
  /*-------- bookInformation--------*/
  /*-------- searchBook --------*/
  /*-------- plan --------*/
  /*-------- featureBook --------*/
  /*-------- tryRead --------*/
  /*-------- categoryMenu --------*/
  /*-------- bookShelfList --------*/
  /*-------- bookShelfSort --------*/
  /*-------- bookShelfSort --------*/
  /*-------- tabNaviCategory --------*/
  /*-------- selectDelete --------*/
  /*-------- spContent --------*/
  /*-------- nav --------*/
  /*-------- links --------*/
  /*-------- links_l --------*/
  /*-------- settingInfo --------*/
  /*-------- search list --------*/
  /*-------- firstAcess --------*/
  /*-------- firstNotice --------*/
  /* purchase */
  /*-------- キャンペーンバナー --------*/
  /*************
  credit
  *************/
  /*************
  inquiry-input
  *************/
  /*************
  inquiry-confirm
  *************/
  /*************
  inquiry-confirm
  *************/
  /*-------- articleContent --------*/
  /*-------- articleBookIndexTab --------*/
  /*-------- caution --------*/
  /* mansion login */
  /* ul.btn_l_list,ul.btn_s_list */
  /*-------- backnumber --------*/
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 930px) {
  .header_component h1 {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  header nav ul li#search,
  header nav ul li#myBookchelf,
  header nav ul li#myBookchelf.login,
  header nav ul li#setting {
    display: inline-block;
  }
  .nomenu {
    border-bottom: 0;
  }
  #wrapper.app_wrap {
    padding-top: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  .w50 { /* _topから移動。何の50??不要であれば消す */
    width: 328px;
  }
}
@media screen and (min-width: 768px) {
  .sectionTitle {
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0px 5px 19px;
    line-height: 1em;
    margin-bottom: 8px;
    margin-left: 30px;
  }
  .pageContent > .sectionTitle {
    margin-left: 0;
  }
  .subTitle {
    margin-left: 30px;
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .subTitle {
    margin-left: 50px;
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 768px) {
  .moreRight {
    text-align: right;
    position: relative;
  }
  div.bookListWrap {
    /* scroll */
    -webkit-overflow-scrolling: touch;
  }
  div.bookListNoWrap ul.bookList {
    /* scroll */
    -webkit-overflow-scrolling: touch;
  }
  ul.bookList li figure .rental {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    line-height: 1.2em;
    height: 38px;
    padding-top: 5px;
    width: 100%;
    z-index: 5;
  }
  ul.bookList.imgL li figure img {
    height: 195px;
  }
  ul.bookList.imgL li figure a.newMagazine:before,
  ul.bookList.imgL li figure a.newComic:before,
  ul.bookList.imgL li figure a.read:before,
  ul.bookList.imgL li figure a.bookmark:before,
  ul.bookList.imgL li figure a.all:after,
  ul.bookList.imgL li figure a.closeComic:before {
    top: 176px;
  }
  ul.bookList.imgL li figure a .rental {
    top: 112px;
  }
  ul.bookList.imgM li figure img {
    height: 150px;
  }
  ul.bookList.imgM li figure a.newMagazine:before,
  ul.bookList.imgM li figure a.newComic:before,
  ul.bookList.imgM li figure a.read:before,
  ul.bookList.imgM li figure a.bookmark:before,
  ul.bookList.imgM li figure a.all:after,
  ul.bookList.imgM li figure a.closeComic:before {
    top: 132px;
  }
  ul.bookList.imgM li figure a .rental {
    top: 107px;
  }
  ul.bookList.imgS li figure img {
    height: 195px;
  }
  ul.bookList.imgS li figure a.newMagazine:before,
  ul.bookList.imgS li figure a.newComic:before,
  ul.bookList.imgS li figure a.read:before,
  ul.bookList.imgS li figure a.bookmark:before,
  ul.bookList.imgS li figure a.all:after,
  ul.bookList.imgS li figure a.closeComic:before {
    top: 175px;
  }
  ul.bookList.imgS li figure a .rental {
    top: 97px;
  }
  ul.bookList.imgS li.lastItem figure a {
    display: table;
    background: #767171;
    width: 96px;
    height: 140px;
    text-align: center;
  }
  #categorySelect ul li a div img {
    height: 20px;
    width: auto;
  }
  #myBookIndex .myBookIndexTab,
  #myBookIndex .myBookIndexTab2 {
    padding-right: 60px;
    padding-left: 60px;
  }
  #myBookIndex .myBookIndexTab li,
  #myBookIndex .myBookIndexTab2 li {
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
  }
  #myBookIndex .myBookIndexTab li div,
  #myBookIndex .myBookIndexTab2 li div {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  #myBookIndex .myBookIndexTab li a.select div,
  #myBookIndex .myBookIndexTab2 li a.select div {
    padding-bottom: 11px;
  }
  #newsBanner {
    background: #eaebde;
    padding-top: 10px;
    padding-bottom: 4px;
    margin-bottom: 20px;
  }
  #newsBanner .banner {
    display: -webkit-box;
    display: box;
    overflow: hidden;
  }
  #newsBanner .banner img {
    width: 318px;
    border: 1px solid #ffffff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #newsBanner .banner li:first-child {
    margin-left: 30px;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  #newsBanner .banner li:first-child {
    margin-left: 80px;
  }
}
@media screen and (min-width: 768px) {
  #newsBanner .banner a {
    margin-right: 15px;
  }
  #newsBanner .controller {
    display: -webkit-box;
    display: box;
    text-align: center;
    box-pack: center;
    -webkit-box-pack: center;
  }
  #newsBanner .controller li {
    display: block;
    padding: 8px 5px;
    background: url(../images/ico_control_off.png) no-repeat center center;
    background-size: 8px auto;
    height: 8px;
    width: 8px;
    text-indent: -1000px;
    overflow: hidden;
  }
  #newsBanner .controller li.select {
    background: url(../images/ico_control_on.png) no-repeat center center;
    background-size: 8px auto;
  }
  #newsBannerSlide li.slick-f-list {
    margin-right: 15px;
  }
  .contentTitle {
    margin-bottom: 20px;
    padding: 7px 50px 7px 30px;
    font-size: 18px;
    background: #4BCDED;
    border-top: 1px solid #bed300;
    position: relative;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .contentTitle {
    padding: 7px 120px 7px 80px;
  }
}
@media screen and (min-width: 768px) {
  .pageContent {
    margin: 15px 10px;
    padding: 0 20px;
    text-align: left;
  }
  .pageContent h2.thx {
    margin-bottom: 20px;
    border: 1px solid #c1dc23;
    background: #e4f07c;
    font-size: 24px;
    font-weight: bold;
    color: #52a01b;
    text-align: center;
    padding: 12px;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .pageContent {
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media screen and (min-width: 768px) {
  .buttonBookmark {
    right: 30px;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .buttonBookmark {
    right: 80px;
  }
}
@media screen and (min-width: 768px) {
  .mx_w500 {
    width: 500px;
    margin: 0 auto;
  }
  .blTLButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .blTLButton li {
    width: 50%;
  }
  .blTLButton li a {
    width: 80%;
    margin: auto;
  }
  #bookWrapper {
    display: table;
    margin-bottom: 30px;
  }
  #bookInformation {
    display: table-cell;
    padding-right: 20px;
  }
  .bookImage,
  .bookImage2 {
    display: inline-block;
    position: relative;
  }
  .articlewraper img {
    width: 160px;
    height: auto;
  }
  .bookImage img,
  .bookImage2 img {
    width: auto;
    height: 160px;
  }
  #spreadImage {
    width: auto;
    height: 160px;
  }
  #bookInformation .new:before {
    font-size: 18px;
    padding: 5px 10px;
  }
  #bookInformation .read:after {
    font-size: 13px;
    padding: 3px 17px 3px 3px;
  }
  #bookInformation .rental {
    font-size: 18px;
    padding: 10px 0;
  }
  #bookInformation {
    display: table-cell;
    vertical-align: top;
  }
  .bookIndex {
    display: table-cell;
    width: 100%;
    position: relative;
  }
  .bookDetail {
    display: table-cell;
    width: 100%;
  }
  .searchBook {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
  }
  .searchBook a {
    width: 200px;
    display: block;
    padding: 13px 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 1em;
    color: Black;
    background: #ffffff;
    border: solid 3px #4BCDED;
    border-radius: 10px;
    text-decoration: none;
  }
  .contentSP {
    display: none;
  }
  .featureBook p {
    margin-left: 30px;
  }
  .featureTitle {
    margin-left: 30px;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .featureBook p {
    margin: 0 80px;
  }
  .featureTitle {
    margin: 0 80px;
  }
}
@media screen and (min-width: 768px) {
  .tryRead {
    margin-bottom: 30px;
  }
  #categoryMenu {
    background: #4BCDED;
    background-size: 4px auto;
    padding: 7px 30px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  #categoryMenu {
    padding: 7px 80px;
  }
}
@media screen and (min-width: 768px) {
  ul.bookShelfList {
    display: block !important;
    margin: 0px 15px !important;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  ul.bookShelfList {
    display: block !important;
  }
}
@media screen and (min-width: 768px) {
  ul.bookShelfList li {
    float: left;
    width: 16.6%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-right: 0px !important;
  }
  ul.bookShelfList li:first-child {
    margin-left: 0;
  }
  ul.bookList li figure div.bookShelfThumb {
    margin-bottom: 5px;
    position: relative;
    display: table-cell;
    vertical-align: bottom;
  }
  ul.bookShelfList li figure {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  ul.bookShelfList li figure img {
    margin-bottom: 0 !important;
  }
  ul.bookShelfList li figcaption {
    height: auto;
    margin-top: 5px;
  }
  ul.bookShelfList li img {
    max-width: none;
    max-height: 195px;
    width: auto;
  }
}
@media screen and (min-width: 768px) and (min-width: 1101px) and (max-width: 1300px) {
  ul.bookShelfList li img {
    height: 160px;
    max-width: 113px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1100px) {
  ul.bookShelfList li {
    width: 25%;
  }
  ul.bookShelfList li img {
    height: 195px;
    max-width: 138px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 950px) {
  ul.bookShelfList li img {
    height: 130px;
    max-width: 90px;
  }
}
@media screen and (min-width: 768px) {
  ul.bookList li figure div.bookShelfThumb:before,
  ul.bookList li figure div.bookShelfThumb:after {
    bottom: 0;
  }
  ul.bookShelfList li figure .rental,
  ul.bookShelfSort li figure .rental {
    bottom: 0;
  }
  ul.bookShelfSort {
    margin: 0 15px 25px;
  }
  ul.bookShelfSort img {
    max-width: 88px;
    max-height: 140px;
  }
  ul.bookShelfSort figcaption p {
    max-height: 60px;
    overflow: hidden;
  }
  ul.sortButton li a {
    height: 48px;
    padding: 0;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  ul.bookShelfSort {
    margin: 0 40px 25px;
  }
}
@media screen and (min-width: 768px) {
  ul.bookShelfSort {
    margin: 0 30px 25px;
  }
  ul.bookShelfSort img {
    max-width: 105px;
    max-height: 150px;
  }
  ul.bookShelfSort figcaption p {
    max-height: 80px;
    overflow: hidden;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  ul.bookShelfSort {
    margin: 0 80px 25px;
  }
}
@media screen and (min-width: 768px) {
  .tabNaviCategory {
    margin: 8px 80px 30px;
  }
  .tabNaviCategory:after,
  .tabNaviCategory:before {
    left: 100px;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .tabNaviCategory:after,
  .tabNaviCategory:before {
    left: 130px;
  }
}
@media screen and (min-width: 768px) {
  #selectDelete ul {
    padding: 15px 30px;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  #selectDelete ul {
    padding: 15px 80px;
  }
}
@media screen and (min-width: 768px) {
  .spContentBox {
    letter-spacing: -0.4em;
    margin-left: 30px;
  }
}
@media screen and (min-width: 768px) and (min-width: 981px) {
  .spContent {
    margin: 0 1% 30px;
    width: 31.33%;
  }
}
@media screen and (min-width: 768px) {
  .spContent div.bnr {
    float: none;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .spContentBox {
    letter-spacing: -0.4em;
    margin-left: 80px;
  }
}
@media screen and (min-width: 768px) {
  .spContent .moreRight {
    margin-bottom: 0;
    top: 10px;
    padding-right: 0px;
  }
  .spContent > .sectionTitle {
    margin-left: 0;
  }
  .spContentTxt {
    margin: 0 30px 30px;
  }
  .spContentTxt .bnr {
    padding-right: 35px;
  }
  .spContentTxt p {
    display: table-cell;
    vertical-align: middle;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .spContentTxt {
    margin: 0 80px 30px;
  }
}
@media screen and (min-width: 768px) {
  div#drawerMenuWrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    background: rgba(0, 0, 0, 0.6);
    z-index: 49;
    display: none;
  }
  nav#drawerMenu {
    position: fixed;
    top: 0;
    right: -270px;
    background: #f8f8f8;
    width: 270px;
    /* 960 */
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 50;
    display: none;
    overflow-y: auto;
  }
  div#drawerMenuWrapper.open {
    display: block;
  }
  nav#drawerMenu.open {
    display: block;
  }
  nav#drawerMenu h2.sectionTitle {
    margin-top: 15px;
    margin-left: 15px;
  }
  nav#drawerMenu ul {
    margin: 15px 0 0 0;
    border-top: 1px solid #D9D9D6;
  }
  nav#drawerMenu ul.margin0 {
    margin: 0 0 0 0;
  }
  nav#drawerMenu li {
    display: block;
    position: relative;
    line-height: 1.4em;
    padding: 15px 30px 15px 15px;
    border-bottom: 1px solid #D9D9D6;
    background: #f1f1f1;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
  }
  nav#drawerMenu li a {
    display: block;
    color: #333333;
    text-decoration: none;
  }
  nav#drawerMenu li a span {
    font-size: 12px;
  }
  nav#drawerMenu li a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 1px #aeaeae;
    border-right: solid 1px #aeaeae;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
  }
  ul.links {
    margin: 15px 0 0 0;
  }
  ul.links {
    margin: 0 0 0 0;
  }
  li.type_title2,
  ul.links a {
    float: left;
    width: 50%;
    /* 383px */
    display: block;
    position: relative;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 40px;
    border-bottom: 1px solid #D9D9D6;
    border-right: 1px solid #D9D9D6;
    background-color: #F2F2F2;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  li.type_title2:after,
  ul.links a:after {
    width: 50%;
    /* 383px */
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 1px #aeaeae;
    border-right: solid 1px #aeaeae;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
  }
  li.type_title2.no-arrow:after {
    display: none;
  }
  li.type_title1 a {
    font-weight: bold;
    width: 100%;
    border-top: 1px solid #D9D9D6;
    border-bottom: none;
    background-color: #ffffff;
    padding: 10px 0 10px 10px !important;
  }
  li.type_title2 {
    border-top: 1px solid #D9D9D6;
    font-size: 14px;
    width: 100%;
    background-image: none;
    background-color: #E5E5E5;
    padding: 0 0 0 15px;
  }
  li.type_title1 img {
    max-width: 15px;
    float: left;
    margin-right: 5px;
  }
  li.type_title1 p {
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding-top: 3px;
  }
  li.type_title2 img {
    vertical-align: middle !important;
  }
  .type_title1,
  .type_title2 {
    padding: 0;
  }
  .mb15 {
    margin-bottom: 15px !important;
  }
  .mb45 {
    margin-bottom: 45px !important;
  }
  .bb1 {
    border-bottom: 1px solid #D9D9D6 !important;
  }
  .bt_n {
    border-top: none !important;
  }
  .bb_n {
    border-bottom: none !important;
  }
  .bg {
    background-color: #F2F2F2;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  ul.links a {
    padding: 0 0 0 90px;
  }
}
@media screen and (min-width: 768px) {
  ul.links_l {
    margin: 0 0 0 0;
  }
  ul.links_l a {
    width: 100%;
    /* 383px */
    display: block;
    position: relative;
    height: 50px;
    line-height: 50px;
    padding: 0;
    border-bottom: 1px solid #D9D9D6;
    border-right: 1px solid #D9D9D6;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  ul.links_l li:nth-child(1) a {
    border-top: 1px solid #D9D9D6;
  }
  ul.links_l:nth-child(odd) a {
    border-right: none;
  }
  ul.links_l a:after {
    width: 50%;
    /* 383px */
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 1px #aeaeae;
    border-right: solid 1px #aeaeae;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  ul.links_l a {
    padding: 0;
  }
  ul.links_l a:after {
    right: 40px;
  }
}
@media screen and (min-width: 768px) {
  #settingInfo {
    margin-bottom: 29px;
  }
  #searchMangaCategory {
    margin-bottom: 29px;
  }
  .checklist {
    margin-bottom: 27px;
    max-width: 384px;
    margin-right: auto;
    margin-left: auto;
  }
  #contentsKey {
    text-align: center;
  }
  .search_server_error {
    text-align: center;
  }
  #contentsKey input.contentsKey {
    width: auto;
  }
  .firstAcess {
    padding: 0px 30px;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .firstAcess {
    text-align: center;
    padding: 0px 80px;
  }
}
@media screen and (min-width: 768px) {
  .firstAcess img {
    width: 100%;
    max-width: 70%;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .oneFreeAcess {
    text-align: center;
    padding: 20px 80px;
  }
  .oneFreeAcess img {
    width: 100%;
    max-width: 45%;
  }
}
@media screen and (min-width: 768px) {
  #myApplyBox h2 {
    font-size: 38px;
    font-weight: bold;
    text-align: center;
    margin-top: -5px;
  }
  #myApplyBox h2 span {
    font-size: 20px;
  }
  #myApplyBox p {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-bottom: -15px;
    color: red;
  }
  .firstNotice {
    padding: 0px 30px;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .firstNotice {
    text-align: center;
    padding: 0px 80px;
  }
}
@media screen and (min-width: 768px) {
  .firstNotice img {
    width: 100%;
    max-width: 70%;
  }
  .firstNotice p {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
  }
  .firstNotice a {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
  }
  #wrapper.leave h3 span {
    font-size: 18px;
    color: #777;
  }
  .leaveDate h3 {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    color: #09bbbb;
  }
  .campaignText {
    text-align: center;
  }
  .campaignImage {
    margin: auto;
    width: 48%;
    padding-bottom: 10px;
  }
  .campaignImage img {
    width: 100%;
  }
  #wrapper.leave p.cau {
    margin-top: 12px;
    font-size: 18px;
    font-weight: bold;
    color: #eb4314;
  }
  .leaveContent {
    margin: auto 200px;
  }
}
@media screen and (min-width: 768px) and (min-width: 635px) and (max-width: 970px) {
  .leaveContent {
    margin: auto 100px;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .leavewraper article.pageContent {
    max-width: 40%;
    margin: 15px 30px;
  }
}
@media screen and (min-width: 768px) {
  .leavewraper {
    text-align: center;
    margin: 0 30px;
    vertical-align: middle;
  }
}
@media screen and (min-width: 768px) and (min-width: 769px) {
  .leavewraper {
    margin: auto 80px;
  }
}
@media screen and (min-width: 768px) {
  ul.purchase {
    text-align: center;
  }
  ul.purchase li {
    display: inline-block;
    padding-left: 8px;
  }
  ul.purchase li:first-child {
    border-right: 1px solid #ccc;
    padding: 0 8px 0 0;
  }
  ul.purchase li.single {
    padding: 10px 0 10px 0;
    display: block;
  }
  .purchase a {
    color: #333;
  }
  p.purchase {
    text-align: center;
  }
  h3.purchase {
    padding: 20px 0;
    text-align: center;
  }
  h3.purchase img {
    width: 100%;
    max-width: 640px;
  }
  .purchase .freeone {
    color: #f00;
    margin-bottom: 0px;
  }
  .purchaseBtn {
    max-width: 320px;
    margin: auto;
  }
  table.purchase tr th,
  table.purchase tr td {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .menu_link {
    text-align: center;
    margin: 10px 0 20px;
  }
  .menu_link li {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    border-right: 1px solid;
  }
  .menu_link li:first-child {
    padding-left: none;
  }
  .menu_link li:last-child {
    padding-right: none;
    border-right: none;
  }
  #purchaseRegulationBox {
    max-width: 640px;
    height: 300px;
    display: inline-block;
    margin: 10px 0 30px 0;
    overflow-y: scroll;
    border: solid 1px #b6b6b6;
  }
  .checkboxGroup {
    margin: 0 0 20px 0;
  }
  .noLink {
    pointer-events: none;
  }
  .blPromote,
  .tlPromote {
    text-align: center;
    color: #999999;
    margin: 10px 0;
  }
  .topBanner,
  .campaignBanner {
    text-align: center;
    margin: 10px 0px 10px;
    padding: 0px 30px;
  }
  .campaignBannerComment {
    text-align: center;
    color: #0056ff;
    font-weight: bold;
  }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .topBanner,
  .campaignBanner {
    text-align: center;
    padding: 0px 80px;
  }
}
@media screen and (min-width: 768px) {
  .topBanner img,
  .campaignBanner img {
    width: 100%;
    max-width: 500px;
  }
  .icon_campaign .tx_img01,
  .icon_campaign .tx_img02 {
    max-width: 593px;
    margin: 0 auto 20px;
    width: 100%;
  }
  .icon_campaign .tx_img02 img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .campaignWrap {
    padding-top: 0;
  }
  .tb_img {
    display: block;
  }
  .tx_img01 .pc_img {
    display: none;
  }
  .cmp_mainImage {
    padding-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .campaign_subtitle {
    color: #000000;
    padding: 7px 0 7px 0;
    font-size: 18px;
    font-weight: bold;
    background: #4BCDED;
    border-top: 1px solid #4BCDED;
    position: relative;
    text-align: center;
  }
  h2 .subtitle-magazine {
    height: 55px;
    background: url(../images/lp/sp/subtitle_01.png) no-repeat;
    background-size: auto 55px;
  }
  h2 .subtitle-manga {
    height: 55px;
    background: url(../images/lp/sp/subtitle_02.png) no-repeat;
    background-size: auto 55px;
  }
  .thumbArea4dm {
    width: 100%;
    padding: 10px 0;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
  }
  .thumbArea4dm ul {
    display: block;
    margin: auto;
  }
  .thumbArea4dm ul li,
  ul.footerNavi {
    margin-bottom: 10px;
  }
  .thumbArea4dm ul li {
    width: 25%;
    height: 30%;
    vertical-align: top;
    float: left;
  }
  .thumbArea4dm ul li:nth-child(n+7) {
    display: none;
  }
  .thumbArea4dm ul li span {
    display: block;
    line-height: 1.2;
    margin-top: 5px;
    color: #333;
    font-size: 12px;
    text-align: center;
  }
  .thumbArea4dm img {
    height: 130px;
    left: 50%;
    position: relative;
    margin-left: -34px;
  }
  .pc_img {
    margin-top: 10%;
  }
  #btn_top_giga {
    width: 40%;
  }
  header #logo img#logo_giga {
    width: 170px;
  }
  #what_student {
    font-size: 16px;
    background-color: #4BCDED;
    padding: 7px 30px;
    border: 1px;
  }
}
@media screen and (min-width: 768px) and (min-width: 981px) {
  .pageContent {
    padding: 0;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 768px) {
  .pageContent .displayCenterPC {
    text-align: center;
  }
  .pageContent .displayCenterPC .pcBtn {
    display: inline-block;
    width: 200px;
  }
  .pcCenter {
    text-align: center;
  }
  .pcBtn {
    width: 200px;
    display: inline-block;
  }
  ul.btn_l_list a,
  ul.btn_s_list a {
    float: left;
    width: 50%;
    display: block;
    position: relative;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #D9D9D6;
    color: #333333;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    padding: 0 0 0 90px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .btn_l_list li:first-child a::after,
  .btn_s_list li:nth-child(2n-1) a::after {
    content: "";
    display: block;
    width: 1px;
    height: 16px;
    background-color: #e5e5e5;
    position: absolute;
    top: 50%;
    right: 0;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .btn_l_list a:hover,
  .btn_s_list a:hover {
    background-color: #4BCDED;
    opacity: 1;
  }
  li.btn_l_list:after {
    width: 50%;
    /* 383px */
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 1px #aeaeae;
    border-right: solid 1px #aeaeae;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
  }
  .credit-input section.email .btn-group {
    margin-top: 70px;
  }
  .credit-input h2 {
    font-weight: bold;
    background: #4BCDED;
    background-size: 4px auto;
  }
  .credit-input .title {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 5px;
  }
  .credit-input .title img {
    max-width: 15px;
    float: left;
    margin-right: 5px;
  }
  .credit-input .title p {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding-top: 3px;
  }
  .credit-input .content {
    margin: 0 auto;
    max-width: 1024px;
    padding: 40px 80px;
  }
  .credit-input .content > div:first-child {
    margin-top: 0;
  }
  .credit-input .content > div:last-child {
    margin-bottom: 0;
  }
  .credit-input .content .title {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 20px;
  }
  .credit-input .content .title img {
    max-width: 15px;
    float: left;
    margin-right: 5px;
  }
  .credit-input .content .title p {
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    padding-top: 3px;
  }
  .credit-input .content .mail {
    margin-bottom: 15px;
    width: 100%;
  }
  .credit-input .content .mail label {
    font-size: 20px;
    display: inline-block;
    width: 30%;
    vertical-align: top;
  }
  .credit-input .content .mail .input {
    width: 67%;
    display: inline-block;
  }
  .credit-input .content .mail .input input {
    font-size: 20px;
    border: solid 1px #a5a5a5;
    border-radius: 3px;
    max-width: 600px;
    width: 100%;
    ime-mode: disabled;
    height: 40px;
    margin-bottom: 5px;
  }
  .credit-input .content .mail .input small {
    display: block;
    color: #6f6f6f;
    font-size: 16px;
  }
  .credit-input .content .card-num {
    margin-bottom: 15px;
    width: 100%;
  }
  .credit-input .content .card-num label {
    font-size: 20px;
    vertical-align: top;
    display: inline-block;
    width: 30%;
  }
  .credit-input .content .card-num .input {
    width: 67%;
    display: inline-block;
  }
  .credit-input .content .card-num .input input {
    font-size: 20px;
    vertical-align: top;
    border: solid 1px #a5a5a5;
    border-radius: 3px;
    max-width: 500px;
    width: 100%;
    ime-mode: disabled;
    height: 40px;
  }
  .credit-input .content .card-num .input .small-group {
    display: inline-block;
  }
  .credit-input .content .card-num .input .small-group small {
    display: block;
    color: #6f6f6f;
    font-size: 16px;
  }
  .credit-input .content .enable-period {
    margin-bottom: 15px;
    width: 100%;
  }
  .credit-input .content .enable-period label {
    font-size: 20px;
    display: inline-block;
    width: 30%;
  }
  .credit-input .content .enable-period .input {
    display: inline-block;
  }
  .credit-input .content .enable-period .input select {
    font-size: 20px;
    height: 28px;
  }
  .credit-input .content .enable-period .input span {
    font-size: 20px;
    padding-left: 10px;
    padding-right: 20px;
    height: 24px;
    vertical-align: bottom;
  }
  .credit-input .content .card-sec {
    margin-bottom: 50px;
    width: 100%;
  }
  .credit-input .content .card-sec label {
    font-size: 20px;
    display: inline-block;
    width: 30%;
    vertical-align: top;
  }
  .credit-input .content .card-sec .input {
    width: 67%;
    display: inline-block;
  }
  .credit-input .content .card-sec .input input {
    font-size: 20px;
    max-width: 100px;
    border: solid 1px #a5a5a5;
    border-radius: 3px;
    ime-mode: disabled;
    height: 40px;
  }
  .credit-input .content .card-sec .input .small-group {
    display: inline-block;
  }
  .credit-input .content .card-sec .input .small-group small {
    display: block;
    color: #6f6f6f;
  }
  .credit-input .content .input.credit-error .credit-input-error {
    margin-bottom: 25px;
  }
  .credit-input .content .notes {
    margin-top: 30px;
    border: solid 1px #a5a5a5;
    padding: 30px;
    border-radius: 3px;
  }
  .credit-input .content .notes section {
    width: 100%;
  }
  .credit-input .content .notes section .section-title {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: bold;
  }
  .credit-input .content .notes section .section-title small {
    font-size: 16px;
    color: #6f6f6f;
  }
  .credit-input .content .notes section .section-detail {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
  .credit-input .content .notes section .section-detail .img-memo {
    width: 100%;
  }
  .credit-input .content .notes section .section-detail .img-memo img {
    width: 100%;
    max-width: 300px;
    margin-bottom: 20px;
  }
  .credit-input .content .notes section .section-detail .section-explain {
    padding-left: 25px;
  }
  .credit-input .content .notes section .section-detail .section-explain .red {
    margin-bottom: 10px;
  }
  .credit-input .content .notes section .section-detail .section-explain .red .box {
    display: inline-block;
    width: 30px;
    height: 16px;
    border: solid 2px #e63968;
  }
  .credit-input .content .notes section .section-detail .section-explain .red p {
    font-size: 18px;
    display: inline-block;
    color: #e63968;
    font-weight: bold;
  }
  .credit-input .content .notes section .section-detail .section-explain > p {
    font-weight: bold;
    margin-bottom: 5px;
  }
  .credit-input .content .notes section .section-detail .section-explain > p:last-child {
    font-size: 16px;
    color: #6f6f6f;
    font-weight: initial;
  }
  .credit-input .content .notes section.common-credit {
    border-bottom: dashed 2px #6f6f6f;
    padding-bottom: 15px;
    margin-bottom: 30px;
  }
  .credit-input .content .caution {
    margin-bottom: 50px;
    margin-top: 50px;
  }
  .credit-input .content .caution h4 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  .credit-input .content .caution h4 img {
    max-width: 11px;
    float: left;
    margin-right: 5px;
  }
  .credit-input .content .caution p {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .credit-input .content .caution .detail {
    border-radius: 3px;
  }
  .credit-input .content .caution .detail li {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .credit-input .content .btn-group {
    text-align: center;
    width: 100%;
  }
  .credit-input .content .input label.credit-input-error {
    display: block;
    color: #e63968;
    width: 100%;
  }
  .credit-input .content .input input.credit-input-error {
    border-color: #e63968;
  }
  .credit-input > section.email:last-child .btn-group {
    margin-top: 50px;
  }
  .credit-input .hide-pc {
    display: none;
  }
  .credit-complete .content {
    max-width: 1024px;
    margin: 0 auto;
    padding: 15px 80px;
  }
  .credit-complete .content .title {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 5px;
  }
  .credit-complete .content .title img {
    max-width: 15px;
    float: left;
    margin-right: 5px;
  }
  .credit-complete .content .title p {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    padding-top: 3px;
    margin: 0 0 15px;
  }
  .credit-complete .content p {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .credit-complete .content .credit-detail {
    width: 100%;
    border: solid 1px #a5a5a5;
    border-collapse: separate;
    border-radius: 3px;
    margin-bottom: 30px;
  }
  .credit-complete .content .credit-detail tr td {
    padding: 10px;
    border-bottom: solid 1px #a5a5a5;
  }
  .credit-complete .content .credit-detail tr:last-child td {
    border-bottom: 0;
  }
  .credit-complete .content .credit-detail tr .title {
    width: 25%;
    background-color: #e8e8e8;
    font-size: 18px;
    border-right: solid 1px #a5a5a5;
  }
  .credit-complete .content .supplement {
    margin-bottom: 50px;
  }
  .credit-complete .content .supplement p {
    color: #6f6f6f;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 5px;
  }
  .credit-complete .content .btn-group {
    text-align: center;
    margin-bottom: 30px;
  }
  .credit-complete .content .btn-group button {
    cursor: pointer;
    color: #ffffff;
    padding: 8px 0;
    border-radius: 3px;
    -webkit-box-shadow: 0 4px 0 0 #ca215a;
            box-shadow: 0 4px 0 0 #ca215a;
    border: 0;
    background-color: #e63968;
    font-size: 22px;
    width: 100%;
    max-width: 220px;
  }
  .credit-complete .content .btn-entry {
    text-align: center;
    margin-bottom: 30px;
  }
  .credit-complete .content .btn-entry button {
    cursor: pointer;
    color: #ffffff;
    padding: 8px 0;
    border-radius: 3px;
    border: 0;
    background-color: #e63968;
    font-size: 20px;
    width: 100%;
    max-width: 320px;
  }
  .credit-complete .content .btn-entry button span {
    font-size: 30px;
    font-weight: bold;
  }
  .credit-complete .content .btn-entry-app {
    text-align: center;
    margin-bottom: 30px;
  }
  .credit-complete .content .btn-entry-app button {
    cursor: pointer;
    color: #ffffff;
    padding: 8px 0;
    border-radius: 3px;
    border: 0;
    background: -moz-linear-gradient(top, #2dc7fe, #1d6ff6);
    font-size: 20px;
    width: 100%;
    max-width: 320px;
  }
  .credit-complete .content .btn-entry-app button span {
    font-size: 30px;
    font-weight: bold;
  }
  .credit-complete .content .btn-entry-continue {
    text-align: center;
    margin-bottom: 30px;
  }
  .credit-complete .content .btn-entry-continue button {
    cursor: pointer;
    color: #ffffff;
    padding: 8px 0;
    border-radius: 3px;
    border: 0;
    background-color: #4BCDED;
    font-size: 20px;
    width: 100%;
    max-width: 320px;
  }
  .credit-complete .content .btn-entry-continue button span {
    font-size: 30px;
    font-weight: bold;
  }
  .cpbtn {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
  }
  .cpbtn img {
    max-width: 500px;
  }
  .cpbunner {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 25px;
  }
  .cpbunner img {
    max-width: 500px;
  }
  .credit-info h2 {
    font-weight: bold;
    background: #4BCDED;
    background-size: 4px auto;
  }
  .credit-info .content {
    max-width: 1024px;
    margin: 0 auto;
    padding: 15px 80px;
  }
  .credit-info .content section {
    margin-bottom: 50px;
  }
  .credit-info .content .title {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 20px;
  }
  .credit-info .content .title img {
    max-width: 15px;
    float: left;
    margin-right: 5px;
  }
  .credit-info .content .title p {
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    padding-top: 3px;
  }
  .credit-info .content p {
    margin-bottom: 10px;
  }
  .credit-info .content .info-detail {
    width: 100%;
    border: solid 1px #a5a5a5;
    border-collapse: separate;
    border-radius: 3px;
    margin-bottom: 30px;
  }
  .credit-info .content .info-detail tr td {
    padding: 10px;
    border-bottom: solid 1px #a5a5a5;
    font-size: 20px;
  }
  .credit-info .content .info-detail tr:last-child td {
    border-bottom: 0;
  }
  .credit-info .content .info-detail tr .title {
    width: 25%;
    background-color: #e8e8e8;
    border-right: solid 1px #a5a5a5;
  }
  .credit-info .content .info-edit {
    margin-bottom: 50px;
  }
  .credit-info .content .info-edit p {
    display: inline-block;
    color: #6f6f6f;
    font-size: 16px;
    margin-bottom: 5px;
  }
  .credit-info .content .credit-next {
    margin-bottom: 50px;
  }
  .credit-info .content .credit-next p {
    font-weight: bold;
    margin-bottom: 30px;
  }
  .credit-info .content .credit-next time {
    border: solid 1px #a5a5a5;
    border-radius: 3px;
    padding: 15px 25px;
    font-size: 18px;
  }
  .credit-info .content .btn-group {
    text-align: center;
    margin-top: 20px;
  }
  .credit-error h2 {
    font-size: 18px;
    background: #4BCDED;
    background-size: 4px auto;
    padding: 7px 80px;
    color: white;
    font-weight: bold;
  }
  .credit-error .content {
    max-width: 1024px;
    margin: 0 auto;
    padding: 15px 80px;
  }
  .credit-error .content .title {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 20px;
  }
  .credit-error .content .title img {
    max-width: 15px;
    float: left;
    margin-right: 5px;
  }
  .credit-error .content .title p {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding-top: 3px;
  }
  .credit-error .content .error-detail {
    margin-bottom: 50px;
  }
  .credit-error .content .error-detail p {
    margin-bottom: 10px;
  }
  .credit-error .content .error-detail .error-code {
    color: #e63968;
    font-weight: bold;
  }
  .credit-error .content .btn-group {
    text-align: center;
  }
  .credit-error .content .btn-group button {
    cursor: pointer;
    padding: 8px 0;
    color: #ffffff;
    border: 0;
    -webkit-box-shadow: 0 4px 0 0 #969696;
            box-shadow: 0 4px 0 0 #969696;
    background-color: #ababab;
    border-radius: 3px;
    font-size: 22px;
    width: 100%;
    max-width: 230px;
  }
  .inquiry-input .inquiry-form-list {
    padding: 0 80px;
    width: 60%;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
  }
  .inquiry-input .inquiry-form-list .memo {
    margin-bottom: 30px;
  }
  .inquiry-input .inquiry-form-list .memo p {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .inquiry-input .inquiry-form-list .content-detail .content-title {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .inquiry-input .inquiry-form-list .content-detail p {
    margin-bottom: 25px;
  }
  .inquiry-input .inquiry-form-list .input {
    margin-bottom: 20px;
  }
  .inquiry-input .inquiry-form-list .input label {
    font-weight: bold;
    display: block;
    width: 100%;
    color: #6f6f6f;
    margin-bottom: 3px;
  }
  .inquiry-input .inquiry-form-list .input label.input-error {
    font-size: 12px;
    color: #e63968;
    font-weight: initial;
  }
  .inquiry-input .inquiry-form-list .input input {
    max-width: 300px;
    width: 100%;
    border: solid 1px #a5a5a5;
    border-radius: 3px;
    height: 30px;
  }
  .inquiry-input .inquiry-form-list .input input.input-error {
    border-color: #e63968;
  }
  .inquiry-input .inquiry-form-list .input textarea {
    width: 100%;
    border: solid 1px #a5a5a5;
    border-radius: 3px;
  }
  .inquiry-input .inquiry-form-list .input textarea.input-error {
    border-color: #e63968;
  }
  .inquiry-input .inquiry-form-list .input select {
    display: block;
    max-width: 300px;
    width: 100%;
    border: solid 1px #a5a5a5;
    border-radius: 3px;
    height: 30px;
    margin-bottom: 5px;
  }
  .inquiry-input .inquiry-form-list .input .input-error input {
    border-color: #e63968;
  }
  .inquiry-input .inquiry-form-list .input .input-error textarea {
    border-color: #e63968;
  }
  .inquiry-input .inquiry-form-list .btn-group {
    margin-bottom: 30px;
    text-align: center;
  }
  .inquiry-input .inquiry-form-list .btn-group .submit {
    cursor: pointer;
  }
  .inquiry-confirm .inquiry-form-list {
    padding: 0 80px;
    width: 60%;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
  }
  .inquiry-confirm .inquiry-form-list .detail {
    margin-bottom: 30px;
    width: 100%;
  }
  .inquiry-confirm .inquiry-form-list .detail tbody tr td {
    padding: 15px;
    border: 0;
    width: 70%;
  }
  .inquiry-confirm .inquiry-form-list .detail tbody tr td.title {
    width: 27%;
    font-size: 12px;
    border: 0;
  }
  .inquiry-confirm .inquiry-form-list .btn-group {
    margin-bottom: 20px;
  }
  .inquiry-confirm .inquiry-form-list .btn-group button {
    cursor: pointer;
  }
  .inquiry-complete .content {
    padding: 0 80px;
    width: 60%;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
  }
  .inquiry-complete .content .complete-msg {
    text-align: center;
    font-size: 18px;
    margin: 40px;
  }
  .inquiry-complete .content .btn-group {
    margin-bottom: 30px;
    text-align: center;
    height: 43px;
  }
  .inquiry-complete .content .btn-group button {
    cursor: pointer;
  }
}
@media screen and (min-width: 768px) and (min-width: 981px) {
  .articleContent {
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  #myBookIndex .articleBookIndexTab {
    margin: 0 60px 16px;
  }
}
@media screen and (min-width: 768px) and (min-width: 769px) and (max-width: 980px) {
  #myBookIndex .articleBookIndexTab {
    margin: 0 80px 16px;
  }
}
@media screen and (min-width: 768px) and (min-width: 635px) and (max-width: 768px) {
  #myBookIndex .articleBookIndexTab {
    margin: 0 30px 16px;
  }
}
@media screen and (min-width: 768px) {
  #myBookIndex .articleBookIndexTab li div {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  #myBookIndex .articleBookIndexTab li a.select div {
    padding-bottom: 11px;
  }
  .contentarticle a.articleText {
    bottom: 0px;
  }
  .mangabutton {
    display: block;
    padding: 15px 0px;
    text-align: center;
    font-size: 18px;
    background: #ffffff;
    border-radius: 2px;
    background-clip: padding-box;
    border: 2px solid #E3E3E3;
    margin: -1px;
    line-height: 1em;
    text-decoration: none;
    color: #333333;
    border-bottom: solid 4px #67CC67;
  }
  .caution {
    text-align: center;
    margin-bottom: 30px;
  }
  .caution p {
    font-size: 16px;
    font-weight: bold;
    color: #f90505;
  }
  .thumbnail-image img {
    height: 195px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media screen and (min-width: 768px) and (min-width: 800px) and (max-width: 1024px) {
  .thumbnail-image img {
    height: 165px;
  }
}
@media screen and (min-width: 768px) {
  .is-fixed {
    position: initial;
  }
  #login_wrapper {
    width: 80%;
  }
  #login_button_group {
    width: 35%;
    display: inline-block;
  }
  .input_submit {
    margin: 30px 0 0 0;
  }
  .btn_l_list a,
  .btn_s_list a {
    width: 50%;
  }
  .sp_only {
    display: none;
  }
  .books-table-container {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(5, 1fr);
    -ms-grid-rows: auto [100];
    grid-template-rows: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1080px) {
  .books-table-container .thumbnail-image img {
    height: 170px;
  }
  .books-table-container .item {
    max-width: 140px;
  }
}
@media screen and (min-width: 768px) {
  .books-table-container *:nth-of-type(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .books-table-container *:nth-of-type(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .books-table-container *:nth-of-type(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .books-table-container *:nth-of-type(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
  .books-table-container *:nth-of-type(5) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .books-table-container *:nth-of-type(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .books-table-container *:nth-of-type(7) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .books-table-container *:nth-of-type(8) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .books-table-container *:nth-of-type(9) {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
  }
  .books-table-container *:nth-of-type(10) {
    -ms-grid-row: 2;
    -ms-grid-column: 5;
  }
  .books-table-container *:nth-of-type(11) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .books-table-container *:nth-of-type(12) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .books-table-container *:nth-of-type(13) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .books-table-container *:nth-of-type(14) {
    -ms-grid-row: 3;
    -ms-grid-column: 4;
  }
  .books-table-container *:nth-of-type(15) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }
  .books-table-container.representative-number {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: auto [100];
    grid-template-rows: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 980px) {
  .books-table-container.representative-number .thumbnail-image img {
    height: 170px;
  }
  .books-table-container.representative-number .right-box {
    width: 28vw;
  }
}
@media screen and (min-width: 768px) {
  .books-table-container.representative-number *:nth-of-type(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .books-table-container.representative-number *:nth-of-type(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .books-table-container.representative-number *:nth-of-type(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .books-table-container.representative-number *:nth-of-type(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .books-table-container.representative-number *:nth-of-type(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .books-table-container.representative-number *:nth-of-type(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .books-table-container.representative-number *:nth-of-type(7) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .books-table-container.representative-number *:nth-of-type(8) {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
  }
  .books-table-container.representative-number *:nth-of-type(9) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .books-table-container.representative-number *:nth-of-type(10) {
    -ms-grid-row: 5;
    -ms-grid-column: 2;
  }
  .books-table-container.representative-number *:nth-of-type(11) {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
  }
  .books-table-container.representative-number *:nth-of-type(12) {
    -ms-grid-row: 6;
    -ms-grid-column: 2;
  }
  .books-table-container.representative-number *:nth-of-type(13) {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
  }
  .books-table-container.representative-number *:nth-of-type(14) {
    -ms-grid-row: 7;
    -ms-grid-column: 2;
  }
  .books-table-container.representative-number *:nth-of-type(15) {
    -ms-grid-row: 8;
    -ms-grid-column: 1;
  }
  .books-table-container.representative-number *:nth-of-type(16) {
    -ms-grid-row: 8;
    -ms-grid-column: 2;
  }
}
#top {
  /*tab 2 */
  /*tab */
  /* accordion plus min */
}
#top h2 {
  font-size: 20px;
}
#top .searchtitle {
  background: #4BCDED;
}
#top .searchtitle h2 {
  text-align: center;
  margin: 0;
  padding: 10px 0;
  text-align: left;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
#top h3 {
  color: black;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}
#top h4 {
  color: black;
  text-align: left;
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 14px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  #top h4 {
    margin-bottom: 10px;
  }
}
#top h5 {
  font-size: 16px;
  margin-top: 20px;
  font-weight: 700;
}
#top .left {
  text-align: left !important;
}
#top .borderbot {
  display: block;
  border-bottom: 2px solid #aeb6b5;
  padding-bottom: 5px;
  text-align: left;
}
#top h4.borderbot {
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #top h4.borderbot {
    margin-bottom: 10px;
  }
}
#top .tabs {
  padding-top: 1em;
  margin-bottom: 1em;
  background-color: #ffffff;
}
#top .tabs_label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#top .tabs_label,
#top .tabs_label > li {
  padding: 0;
  margin: -20px auto -8px;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
#top .tabs_label > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  font-size: 1.125em;
  padding: 10px 30px;
  font-weight: bold;
  margin: 0 0 0 0.5em;
  font-weight: bold;
  border-bottom: 4px solid transparent;
}
#top .tabs_label > li:hover {
  color: #e34668;
}
#top .tabs_label > li.current {
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 4px solid #e34668;
  color: #e34668;
}
#top .tabs_contents > div {
  border-top: none;
  padding: 1em;
  display: none;
}
#top .tabs_contents > div.current {
  display: block;
}
#top .tabs_contents > div {
  background-color: #ffffff;
}
#top ul.tabs li {
  background: none;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
}
#top .tab-contents {
  display: none;
  margin: 0 0 30px;
}
#top .tab-contents.current {
  display: inherit;
}
#top .tab-contents .tag a.tagname {
  padding: 5px 10px;
  margin-right: 0;
}
#top .tag ul {
  text-align: center;
}
#top .img01 {
  width: 552px;
}
#top .leftimg {
  width: 350px;
  text-align: center;
  display: block;
  margin: 20px auto;
}
#top .rightimg {
  width: 351px;
  text-align: center;
  display: block;
  margin: 20px auto;
}
#top .renewalblock {
  display: inline-block;
  font-size: 20px !important;
}
#top .rankingnumber {
  font-size: 17px;
  font-weight: bold;
  vertical-align: top;
  color: #e34668;
  display: block;
  text-align: left;
}
#top .heart {
  background: url(/images/heart.png) no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
}
#top .leftimg02 {
  width: 292px;
  text-align: center;
  display: block;
  margin: 20px auto;
}
#top .rightimg02 {
  width: 231px;
  text-align: center;
  display: block;
  margin: -10px auto 20px;
}
#top .taisho {
  padding: 20px 0 80px;
}
#top ul.magrow li {
  display: inline-block;
}
#top ul.magrow li img {
  width: 78px;
}
#top .snsbox {
  padding: 0 0 80px;
}
#top .tanmatsu {
  padding: 0 0 80px;
}
#top .priceimg {
  width: 398px;
}
#top .vercen {
  vertical-align: middle !important;
}
#top .heartbox {
  margin: 0;
}
#top .topbtn {
  width: 95px;
  border: 3px solid #4BCDED;
  float: right;
  border-radius: 10px;
  position: relative;
  color: #646262;
  padding-left: 3px;
}
#top a.topbtn:hover {
  background: #4BCDED;
}
#top .leftbtn {
  margin-top: 5px;
  float: right;
}
#top .topbtn .arrow {
  top: 4px;
  right: 0;
}
#top .tabg {
  padding: 10px 26px;
  color: black;
  display: inline-block;
  cursor: pointer;
}
#top .tabg.current {
  color: #e34668;
  font-weight: bold;
}
#top .tabs {
  padding-top: 1em;
  margin-bottom: 1em;
  background-color: #ffffff;
}
#top .tabs_label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#top .tabs_label,
#top .tabs_label > li {
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-bottom: -8px;
}
#top .tabs_label > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  font-size: 1.125em;
  padding: 10px 30px;
  font-weight: bold;
  margin: 0 0 0 0.5em;
  border-bottom: 4px solid transparent;
}
#top .tabs_label > li:hover {
  color: #e34668;
}
#top .tabs_label > li.current {
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 4px solid #e34668;
  color: #e34668;
}
#top .tabs_content > div {
  border-top: none;
  padding: 1em;
  display: none;
}
#top .tabs_content > div.current {
  display: block;
}
#top .tabs_content > div {
  background-color: #ffffff;
}
#top ul.tab li {
  background: none;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
}
#top .tab-content {
  display: none;
  margin: 0 0 30px;
}
#top .sp .tab-content {
  margin: 0;
  padding: 0 !important;
}
#top .tab-content.current {
  display: inherit;
}
#top ul.tabs_user {
  overflow-x: auto;
  white-space: nowrap;
}
#top ul.tabs_user li {
  white-space: initial;
}
#top h3#rankingmanga {
  margin-bottom: 10px;
}
#top .mtm20 {
  margin-top: 0;
}
#top .accordions {
  display: block;
  font-size: inherit;
  margin: 0px;
  position: relative;
}
#top input.accordions-toggle {
  display: none;
  position: absolute;
  visibility: hidden;
  left: 50%;
  top: 50%;
  z-index: 1;
}
#top .accordions__header {
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  position: relative;
  z-index: 2;
}
#top .accordions__header:hover:before, #top .accordions__header:hover:after {
  background-color: black;
}
#top .accordions__header:before, #top .accordions__header:after {
  background-color: black;
  content: "";
  display: block;
  position: absolute;
  z-index: 3;
}
#top .accordions__header:before {
  height: 2px;
  margin-top: -1px;
  top: 50%;
  right: 20px;
  width: 8px;
}
#top .accordions__header:after {
  height: 8px;
  margin-top: -4px;
  top: 50%;
  right: 23px;
  width: 2px;
}
#top .accordions-toggle:checked + .accordions .accordions__header {
  color: black;
}
#top .accordions-toggle:checked + .accordions .accordions__header:hover {
  border-color: #15967d;
  color: white;
}
#top .accordions-toggle:checked + .accordions .accordions__header:before {
  background-color: black;
}
#top .accordions-toggle:checked + .accordions .accordions__header:after {
  display: none;
}
#top .accordions:last-child input:checked ~ .accordions__header {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
#top .accordions__content {
  background-color: white;
  display: none;
}
#top input:checked.accordions-toggle ~ .accordions__content {
  display: block;
}
#top .banner-list {
  width: 100%;
  text-align: center;
}
#top .banner-list li {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
  width: 400px;
}
#top .banner-list li a {
  width: 400px;
}
#top .banner-list li a img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  #top .banner-list li {
    width: 300px;
  }
  #top .banner-list li a {
    width: 300px;
  }
}
#top .book_nm_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: right;
}
#top .book_nm_box .book_nm {
  width: 110px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#top .p-top-freewordsearch {
  text-align: center;
}
#top .p-top-freewordsearch__btn {
  display: inline-block;
  width: 450px;
  margin: 0 auto;
}
@media screen and (max-width: 1000px) {
  #top .accordion {
    width: 100%;
  }
  #top .bannerlist {
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
  }
  #top .bannerlist img {
    width: 43%;
    margin: 8px;
    display: inline-block;
  }
  #top .priceimg {
    max-width: 308px;
  }
  #top .img01 {
    max-width: 402px;
  }
}
@media screen and (max-width: 767px) {
  #top .leftbox {
    display: block;
  }
  #top .rightbox {
    display: block;
  }
  #top .leftbox,
  #top .rightbox {
    width: 100%;
  }
  #top .priceimg {
    width: 338px;
  }
  #top .sns img {
    margin: 6px 4px 10px;
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  #top .sns img {
    margin: 6px 0 10px;
  }
}
@media screen and (max-width: 767px) {
  #top .img01 {
    width: 309px;
  }
  #top .rightimg {
    width: 310px;
    margin-top: 60px;
  }
  #top ul.magrow li img {
    width: 75px;
    margin-bottom: 10px;
  }
  #top .w75 {
    width: 75%;
    display: block;
    margin: 0 auto;
  }
  #top .mt10 {
    margin-top: 10px;
  }
  #top .book_nm_box .book_nm {
    width: 80px;
  }
  #top .p-top-freewordsearch__btn {
    width: 100%;
  }
}
#top .leftbtn {
  margin-top: 5px;
  float: right;
}
#top .leftbtn .topbtn {
  width: 95px;
  border: 3px solid #4BCDED;
  float: right;
  border-radius: 10px;
  position: relative;
  color: #646262;
  padding-left: 3px;
}
#top .leftbtn .topbtn:hover {
  background: #4BCDED;
}
#top #search-ui {
  margin-top: 10px;
  padding: 0 5%;
}
#top #search-ui .search-ui {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#top #search-ui .search-ui__category {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  color: #646262;
  padding: 2px;
  border: 1px solid #737373;
  border-radius: 5px;
  text-decoration: none;
  background-color: #e5e5e5;
}
#top #search-ui .search-ui__textbox {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: inline-block;
  max-width: 532px;
  height: 40px;
  width: calc(100% - 60px);
}
#top #search-ui .search-ui__textbox__text {
  width: calc(100% - 4px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url(/images/top/search_gray.png) 5px 7px no-repeat;
  background-size: 22px 22px;
  padding: 8px 0 8px 35px;
  margin-left: 5px;
  font-size: 14px;
  border-radius: 5px 0 0 5px;
  border: 1px solid #737373;
  border-right: none;
}
#top #search-ui .search-ui__textbox__text::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
#top #search-ui .search-ui__textbox__clear {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  border: solid 1px #ffffff;
  border-radius: 50%;
  background-color: #646262;
  visibility: hidden;
}
#top #search-ui .search-ui__textbox__clear::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 10px;
  background: #ffffff;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
#top #search-ui .search-ui__textbox__clear::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 10px;
  background: #ffffff;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
#top #search-ui .search-ui__submit {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  height: 39px;
  margin: 0;
  padding: 6px 10px;
  box-sizing: border-box;
  font-size: 19px;
  font-weight: bold;
  color: #646262;
  width: 60px;
  border-radius: 0 5px 5px 0;
  border-style: solid;
  border: 1px solid #737373;
  background-color: #e5e5e5;
  cursor: pointer;
}
#top #search-ui .search-ui-form {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
}
#top #search-ui .search-ui__condition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0;
  width: calc(100% - 55px);
  max-width: 500px;
}

/*-------- header --------*/
.header {
  background: url(/images/lp/sp/bg_header.png) repeat;
  background-size: 4px;
  height: 54px;
  width: 100%;
  position: absolute;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
}
.header .logo {
  position: absolute;
  top: 50%;
  margin-top: -13px;
}
.header .logo-book {
  width: 125px;
  height: 26px;
  left: 4%;
  display: block;
  background: url(/images/lp/pc/logo_book.png) no-repeat;
  background-size: 100% auto;
}
.header .logo-sbm {
  width: 89px;
  height: 15px;
  right: 4%;
  display: block;
  margin-top: -5px;
  background: url(/images/lp/pc/logo_sbm.png) no-repeat;
  background-size: 100% auto;
}

.contentTitle {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  background: #4BCDED;
  border-top: 1px solid #4BCDED;
  position: relative;
  color: #000000;
}

.purchase.pageContent {
  text-align: center;
}

.checkImage img {
  width: 100%;
  max-width: 1150px;
  margin-bottom: 40px;
}

/*-------- footerNavi --------*/
ul.footerNavi {
  padding: 30px 0px;
  background-color: #474747;
  text-align: center;
}
ul.footerNavi li {
  display: inline-block;
  padding: 0px 15px;
  border-right: 1px solid #ccc;
  line-height: 1;
}
ul.footerNavi li:last-child {
  border-right: none;
}
ul.footerNavi li a {
  color: #ccc;
}
ul.footerNavi li a:hover {
  color: #9DBC07;
}

/*-------- footer --------*/
footer {
  background: #4BCDED;
  background-size: 4px auto;
  font-size: 12px;
  text-align: center;
  padding-top: 16px;
  padding-bottom: 16px;
}

a.naviGotoTop {
  display: none;
}

.footer {
  text-align: center;
  margin: 0 4% 15px;
  color: #999;
  padding-top: 15px;
}

.textcomment {
  font-size: 10px;
  color: #ffffff;
}

.pc_only {
  display: none;
}

/*-------- wrapper --------*/
.tcenter {
  text-align: center;
}

.display-inline-block {
  display: inline-block;
}

.mt-10 {
  margin-top: 10px !important;
}

.commentform {
  text-align: center;
}

.group {
  position: relative;
  margin-bottom: 45px;
  margin: 0 auto;
  max-width: 500px;
  width: 100%;
}

.commentform input {
  font-size: 18px;
  padding: 10px 10px 10px 5px;
  display: block;
  width: 100%;
  max-width: 500px;
  border: none;
  border-bottom: 1px solid #757575;
  margin: 0 auto;
}
.commentform input:focus {
  outline: none;
}
.commentform label {
  color: #999;
  font-size: 14px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: -10px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .commentform label {
    font-size: 13px;
  }
}
@media screen and (max-width: 359px) {
  .commentform label {
    font-size: 11px;
  }
}
.commentform label.non-nickname {
  top: 10px;
  font-size: 18px;
}
.commentform input {
  border-radius: 0;
}
.commentform input:focus ~ label, .commentform input:valid ~ label {
  color: #4BCDED;
}
.commentform input:focus ~ label.non-nickname, .commentform input:valid ~ label.non-nickname {
  top: 0;
}

/* LABEL */
/* active state */
.textarea:focus + .profiletext label, .textarea:valid + .profiletext label {
  top: 0px;
  font-size: 14px;
  color: #4BCDED;
}

/* BOTTOM BARS ================================= */
.bar {
  position: relative;
  display: block;
  width: 500px;
}
.bar:before, .bar:after {
  content: "";
  height: 2px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: #4BCDED;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.bar:before {
  left: 50%;
}
.bar:after {
  right: 50%;
}

/* active state */
.commentform input:focus ~ .bar:before, .commentform input:focus ~ .bar:after {
  width: 50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position: absolute;
  height: 60%;
  width: 100px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}

/* active state */
.commentform input:focus ~ .highlight {
  -webkit-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
  from {
    background: #4BCDED;
  }
  to {
    width: 0;
    background: transparent;
  }
}
@keyframes inputHighlighter {
  from {
    background: #4BCDED;
  }
  to {
    width: 0;
    background: transparent;
  }
}
.commentbox {
  margin: 40px auto 0;
}

.commentform textarea {
  width: 100%;
  max-width: 500px;
  height: 200px;
  padding-left: 3px;
}

.c-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 1.5rem;
  padding: 20px;
  text-align: left;
}

.c-media_image {
  margin-right: 0;
}

.tab-content .c-media_image {
  margin-right: 0;
  display: inline-block;
}
.tab-content .c-media_image img {
  width: 180px;
  display: inline-block;
}

.c-media_body > :last-child {
  margin-bottom: 0;
}

.c-media-middle {
  -webkit-box-align: normal;
  -ms-flex-align: normal;
      align-items: normal;
}

@media screen and (min-width: 480px) {
  .c-media--block\@sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
  }
  .c-media--block__image\@sm {
    margin-right: 1rem;
  }
  .c-media--block__body\@sm {
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .c-media--block\@md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
  }
  .c-media--block__image\@md {
    margin-right: 1rem;
  }
  .c-media--block__body\@md {
    text-align: left;
  }
  .radio {
    display: inline-block;
  }
}
.c-image-circle {
  border-radius: 50%;
  border: 1px solid lightgray;
}

#count_message {
  float: right;
}

.radio {
  margin: 1.5rem;
}
.radio input[type=radio] {
  position: absolute;
  opacity: 0;
  border-radius: 2px;
  background-image: -webkit-linear-gradient(top, rgb(186, 0, 0) 0%, rgb(255, 59, 59) 49%);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.radio input[type=radio] + .radio-label:before {
  content: "";
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  top: -0.2em;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
.radio input[type=radio]:checked + .radio-label:before {
  background-color: black;
  border-radius: 50px !important;
  -webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
          box-shadow: inset 0 0 0 4px #f4f4f4;
}
.radio input[type=radio]:focus + .radio-label:before {
  outline: none;
  border-color: #3197EE;
}
.radio input[type=radio]:disabled + .radio-label:before {
  -webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
          box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.radio input[type=radio] + .radio-label:empty:before {
  margin-right: 0;
}

.f20 {
  font-size: 2em;
  margin-top: 0 !important;
}

.guest-name {
  text-align: center;
  width: 94px;
  margin-top: 20px;
  max-width: 65%;
}

a#seeMore {
  display: block;
  color: #646262;
  margin: 0 auto;
  line-height: 50px;
  width: 30%;
  border-radius: 30px;
  text-decoration: none;
  border: 3px #4BCDED solid;
  background: #4BCDED;
  opacity: 0.7;
  margin-bottom: 50px;
}
a#seeMore:hover {
  opacity: 1;
}

p#count_nick {
  float: right;
}

/*tab */
.tabs {
  padding-top: 1em;
  margin-bottom: 1em;
  background-color: #ffffff;
}

.tabs_labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.tabs_labels > li > a {
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  display: flex;
  justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  font-size: 1.125em;
  padding: 10px 40px;
  font-weight: bold;
  margin: 0 0 0 0.5em;
  font-weight: bold;
  border-bottom: 4px solid white;
}
.tabs_labels > li > a:hover {
  color: #e34668;
}
.tabs_labels > li > a.current {
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 4px solid #e34668;
  color: #e34668;
}

.tabs_content > div {
  border-top: none;
  padding: 1em;
  display: none;
  background-color: #ffffff;
}
.tabs_content > div.current {
  display: block;
}

.more {
  background: url(/images/comment/arrow.png) top left no-repeat;
  width: 200px;
  height: 50px;
  border: none;
  margin: 50px auto;
  display: block;
  cursor: pointer;
}

.moredown {
  background: url(/images/comment/down.png) top left no-repeat;
  width: 200px;
  height: 50px;
  border: none;
  margin: 50px auto;
  display: block;
}

.profile-menu {
  margin: 30px 0;
}

.profile-picture {
  border-radius: 100%;
  overflow: hidden;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.big-profile-picture {
  margin: 0 auto;
  width: 150px;
  height: 150px;
}

.magicon {
  background: url(/images/mag_icon.png) top no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
  margin: 0 20px 0 0;
  display: inline-block;
  vertical-align: bottom;
}

.mangaicon {
  background: url(/images/manga_icon.png) top no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
  margin: 0 20px 0 0;
  display: inline-block;
  vertical-align: bottom;
}

.c-media_report {
  font-size: 20px;
  width: 80px;
  text-align: center;
  margin-top: -20px;
}

p.pull-right {
  float: right;
}

.c-media_body p {
  line-height: 1.5;
}

.more2 {
  background: url(/images/comment/arrow.png) top left no-repeat;
  width: 200px;
  height: 50px;
  border: none;
  margin: 50px auto;
  display: block;
}

.moredown2 {
  background: url(/images/comment/down.png) top left no-repeat;
  width: 200px;
  height: 50px;
  border: none;
  margin: 50px auto;
  display: block;
}

.c-media_report p {
  font-size: 30px;
}

.c-media_body {
  margin: 0 40px;
  width: 100%;
}

.profile-menu h2 {
  margin: 0 auto 20px !important;
}

ul.tabs {
  margin: 0 0 20px;
  padding: 0px;
  list-style: none;
}
ul.tabs li {
  background: none;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
}

.tab-content {
  display: none;
  padding: 15px;
  margin: 0 0 30px;
}
.tab-content.current {
  display: inherit;
}

.tagname {
  display: inline-table;
}

.kuwashiku {
  margin: 4px 0;
}

.moretext {
  background: lightblue;
  color: navy;
  font-size: 13px;
  padding: 3px;
  cursor: pointer;
}

.hidetext {
  background-position: center;
  text-indent: -9999px;
}

li.tab-link:nth-child(1).current .magicon, li.tab-link:nth-child(1):hover .magicon {
  background: url(/images/mag_icon_current.png) top no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
  margin: 0 20px 0 0;
  display: inline-block;
  vertical-align: bottom;
}
li.tab-link:nth-child(2).current .mangaicon, li.tab-link:nth-child(2):hover .mangaicon {
  background: url(/images/manga_icon_current.png) top no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
  margin: 0 20px 0 0;
  display: inline-block;
  vertical-align: bottom;
}
li.tab-link a {
  color: #646262;
}
li.tab-link.current a {
  color: #e34668;
}

.usertitle {
  margin: 20px 0;
}

.userf20 {
  font-size: 20px !important;
}

.commentlist .c-media_image img {
  width: 100px;
}

.tab-content .smallarrow {
  position: relative;
  left: -20px;
}
.tab-content .smallarrow::before {
  content: initial;
}

.rotate {
  transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
}

.commentlist .c-media_body {
  width: 100%;
}

a.report-link {
  font-size: 32px;
  display: block;
  text-align: center;
}
a.tagname {
  position: relative;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .commentlist .c-media_image {
    margin-right: 0;
  }
  .commentlist .c-media_body {
    width: 70%;
    margin-left: 20px;
  }
  .tab-content .c-media_body {
    width: 1000%;
    margin: 0 40px;
  }
  .commentlist .c-media_image img {
    width: 66px !important;
  }
  .tabs_labels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .tabs_labels > li > a {
    margin: 0 10px 0;
    padding: 0 20px 10px;
    font-size: 15px;
  }
  .tabs_labels > li.current > a {
    padding-bottom: 10px;
    border-bottom: 4px solid #e34668;
  }
  .c-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
  }
  .c-media_report {
    width: 100%;
  }
  .media_image_mag {
    display: inline-block;
  }
  .c-media_body .more {
    margin: 10px auto;
    background-size: 15%;
    height: 32px;
  }
  .tab-content {
    padding: 20px 0 0 !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 500px) {
  .tab-content .c-media_image img {
    width: 100px;
  }
  .tab-content .c-media_body {
    width: 1000%;
    margin: 0 20px;
  }
}
.delivery-schedule-tag {
  font-size: 11px;
  background-color: #cc3333;
  text-align: center;
  color: #ffffff;
  padding: 1px;
  width: 60px;
  margin-left: auto;
  margin-right: auto;
}

.next-release-date-tag {
  font-size: 11px;
  background-color: #737373;
  text-align: center;
  color: #ffffff;
  padding: 1px;
  width: 60px;
}

#myhondana {
  /* modal */
  /*tab */
  /*tab 2 */
}
#myhondana button.tagname {
  cursor: pointer;
  border: 3px solid #4BCDED;
  border-radius: 15px;
  padding: 10px 30px;
  margin-right: 40px;
  color: black;
  background-color: #ffffff;
}
#myhondana button.tagname:hover {
  background: #4BCDED;
  border: 3px solid #4BCDED;
  color: black;
  background-color: #ffffff;
}
#myhondana #media-clone {
  display: none;
}
#myhondana ul.delete .thumbnail a {
  position: relative;
}
#myhondana ul.delete .thumbnail a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 42px 0 0 -30px;
  width: 59px;
  height: 59px;
  background: url(/images/ico_delete_check.png) no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  z-index: 1;
}
#myhondana ul.delete .thumbnail input[id^=delete-]:checked ~ a::after {
  background-position: -59px 0;
}
#myhondana ul.delete .thumbnail input[id^=delete-]:checked ~ a img {
  -webkit-filter: brightness(60%);
          filter: brightness(60%);
}
#myhondana .thumbnail input[id^=delete-] {
  display: none;
}
#myhondana .tabg {
  padding: 10px 30px;
  color: black;
  display: inline-block;
  margin-bottom: 20px;
  cursor: pointer;
}
#myhondana .tabg.current {
  color: #e34668;
  font-weight: bold;
}
#myhondana .tagname:last-child {
  margin-right: 0px;
}
#myhondana .small-profile-picture {
  width: 140px;
  height: 140px;
}
#myhondana .small-profile-picture img {
  width: 140px;
}
#myhondana .tabs_user {
  max-width: 511px;
  margin: 30px auto 0;
  text-align: center;
}
#myhondana h2.commenthis {
  margin: 0 0 30px;
}
#myhondana .profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 540px;
  margin: 60px auto;
}
#myhondana .profiletext label {
  margin-top: -20px !important;
}
#myhondana .editprofile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 340px;
  margin: 60px auto;
}
#myhondana .threecol {
  width: 30%;
}
#myhondana .threecol .arrow {
  right: 10px;
}
#myhondana .profile-right {
  width: 100%;
  margin-left: 50px;
}
#myhondana .userbox {
  text-align: center;
}
#myhondana .userbox p {
  margin-bottom: 50px;
}
#myhondana .userbox .btn {
  margin-bottom: 60px;
}
#myhondana .likebox,
#myhondana .combox {
  display: inline-block;
  text-align: center;
  margin: 20px 0px;
}
#myhondana .profile-sub {
  max-width: 330px;
  margin: 0 auto 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
#myhondana .likebox img {
  width: 60px;
  margin-bottom: 20px;
}
#myhondana .likebox p {
  font-size: 20px;
  font-weight: bold;
  color: #d7443e;
}
#myhondana .combox p {
  font-size: 20px;
  font-weight: bold;
  color: #646262;
}
#myhondana .combox img {
  width: 60px;
  margin-bottom: 13px;
}
#myhondana .c-media_body {
  position: relative;
}
@media screen and (max-width: 767px) {
  #myhondana .c-media_body {
    margin-right: 0;
  }
}
@media screen and (max-width: 359px) {
  #myhondana .c-media_body .postingdate {
    font-size: 12px;
  }
}
#myhondana .postingdate {
  display: inline-block;
  margin-bottom: 20px;
}
#myhondana .trash {
  background: url(/images/trash.png) no-repeat top left;
  background-size: contain;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  right: 0;
  cursor: pointer;
}
#myhondana .postingdate {
  color: #bbb;
}
#myhondana .modale:before {
  content: "";
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
#myhondana .opened:before {
  display: block;
}
#myhondana .opened .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  top: 20%;
}
#myhondana .modal-dialog {
  background: #fefefe;
  border: #333333 solid 0px;
  border-radius: 5px;
  margin-left: -200px;
  text-align: center;
  position: fixed;
  left: 55.5%;
  top: -100%;
  z-index: 11;
  width: 360px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  -webkit-transform: translate(0, -500%);
  -ms-transform: translate(0, -500%);
  transform: translate(0, -500%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
#myhondana .modal-dialog {
  padding: 40px 20px;
}
#myhondana .modal-header {
  padding: 20px 0;
  color: #646262;
}
#myhondana .btn-close {
  font-size: 50px;
  position: absolute;
  right: 20px;
  top: 0;
  color: #646262;
}
#myhondana .modal-dialog .tagname {
  margin-right: 10px;
}
#myhondana .eventlist {
  margin: 20px auto;
  padding: 0 20px;
  line-height: 2;
  max-width: 600px;
}
#myhondana .eventdetail {
  margin: 0 0 20px;
}
#myhondana .ready {
  background: #00a0e9;
  color: white;
  padding: 5px;
  float: left;
  margin-right: 12px;
}
#myhondana .over {
  background: #d0d3d4;
  color: black;
  padding: 5px 12px;
  float: left;
  margin-right: 12px;
}
#myhondana .sharei {
  background: #f39800;
  color: white;
  padding: 5px 12px;
  float: left;
  margin-right: 12px;
}
#myhondana .btngray {
  background: #d0d3d4;
  color: black;
  width: 268px;
  display: inline-block;
}
#myhondana .period {
  margin-top: 20px;
}
#myhondana .f15 {
  font-size: 18px;
}
#myhondana .eventc_box p {
  margin: 30px 0;
}
#myhondana .tabs {
  padding-top: 1em;
  margin-bottom: 1em;
  background-color: #ffffff;
}
#myhondana .tabs_labelgreen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#myhondana .tabs_labelgreen,
#myhondana .tabs_labelgreen > li {
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
#myhondana .tabs_labelgreen > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  font-size: 1.125em;
  padding: 10px 70px;
  font-weight: bold;
  margin: 0 0 0 0.5em;
  border: 2px solid #4BCDED;
  border-radius: 30px;
}
#myhondana .tabs_labelgreen > li a {
  color: #646262;
}
#myhondana .tabs_labelgreen > li:hover > a {
  color: #e34668;
}
#myhondana .tabs_labelgreen > li.current {
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #000000;
  background: #4BCDED;
  border-radius: 30px;
}
#myhondana .tabs_labelgreen > li.current a {
  color: #000000;
}
#myhondana .tabs_contentgreen > div {
  border-top: none;
  padding: 1em;
  display: none;
}
#myhondana .tabs_contentgreen > div.current {
  display: block;
}
#myhondana .tabs_contentgreen > div {
  background-color: #ffffff;
}
#myhondana ul.tabs li {
  background: none;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
}
#myhondana .tab-contentgreen {
  display: none;
  padding: 15px 0;
  margin: 0 0 30px;
}
#myhondana .tab-contentgreen.current {
  display: inherit;
}
#myhondana .tabs {
  padding-top: 1em;
  margin-bottom: 1em;
  background-color: #ffffff;
}
#myhondana .tabs_label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#myhondana .tabs_label,
#myhondana .tabs_label > li {
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-bottom: -8px;
}
#myhondana .tabs_label > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  font-size: 1.125em;
  padding: 10px 30px;
  font-weight: bold;
  margin: 0 0 0 0.5em;
  border-bottom: 4px solid transparent;
}
#myhondana .tabs_label > li:hover {
  color: #e34668;
}
#myhondana .tabs_label > li.current {
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 4px solid #e34668;
  color: #e34668;
}
#myhondana .tabs_contents > div {
  border-top: none;
  padding: 1em;
  display: none;
}
#myhondana .tabs_contents > div.current {
  display: block;
}
#myhondana .tabs_contents > div {
  background-color: #ffffff;
}
#myhondana ul.tabs li {
  background: none;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
}
#myhondana .tab-contents {
  display: none;
  margin: 0 0 30px;
}
#myhondana .tab-contents.current {
  display: inherit;
}
#myhondana .tab-contents .tag a.tagname {
  padding: 5px 10px;
  margin-right: 0;
}
#myhondana .tag ul {
  text-align: center;
}
#myhondana h5.eventtitle {
  color: black;
  font-weight: bold;
  font-size: 18px;
}
#myhondana .eventlist .btn {
  display: inline-block;
  text-align: center;
  width: 268px;
  padding: 17px 0;
}
#myhondana .eventdetail {
  padding-left: 64px;
}
#myhondana .eventlist p {
  line-height: 2;
  clear: both;
}
#myhondana .mtb50 {
  margin: 30px 0;
}
#myhondana .redpink {
  color: #e34668;
}
#myhondana .popularbox {
  display: contents;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  vertical-align: top;
}
#myhondana .popularimg {
  display: inline-block;
  padding: 10px 5px;
  vertical-align: top;
  margin: 0 10px;
  width: 14.3%;
}
#myhondana .popularimg img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 171px;
}
#myhondana a.trash.oncenter:link, #myhondana a.trash.oncenter:visited, #myhondana a.trash.oncenter:active {
  color: #646262 !important;
}
#myhondana .kuwashiku {
  margin: 4px 0;
}
#myhondana .oncenter {
  display: block;
  margin: 40px auto 10px;
  text-align: left;
  padding-left: 32px;
  width: 63px;
  position: relative;
}
#myhondana .mtb30 {
  margin: 50px 0;
}
#myhondana .book_nm_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: right;
}
#myhondana .book_nm_box .book_nm {
  width: 110px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  #myhondana .popularimg {
    width: 21.8%;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  #myhondana .tabs_user {
    margin: 20px auto 0;
  }
  #myhondana .profile {
    margin: 0 auto 60px;
  }
  #myhondana .tab-content {
    padding: 0 !important;
    margin-top: 20px;
  }
  #myhondana .tabg {
    margin-bottom: 0;
  }
  #myhondana .tabs_labelgreen > li {
    padding: 10px 40px;
  }
  #myhondana .mtb50 {
    margin: 0 0 30px;
  }
  #myhondana .mtb30 {
    margin: 30px 0 45px;
  }
  #myhondana .eventdetail {
    margin: 0;
  }
  #myhondana p.nokori {
    line-height: normal;
  }
  #myhondana .popularimg {
    margin: 0;
    padding: 10px 0;
    padding-right: 5px;
    width: 32.5%;
  }
  #myhondana .book_nm_box .book_nm {
    width: 80px;
  }
}
@media screen and (min-width: 0px) and (max-width: 668px) {
  #myhondana .tabg {
    padding: 10px 13px;
  }
}
@media screen and (min-width: 0px) and (max-width: 550px) {
  #myhondana .likebox img {
    width: 50px;
  }
  #myhondana .combox img {
    width: 50px;
  }
  #myhondana .likebox,
  #myhondana .combox {
    margin: 20px 30px 20px 50px;
  }
}
@media screen and (max-width: 767px) {
  #myhondana .popularimg img {
    height: 142px;
  }
}
@media screen and (min-width: 0px) and (max-width: 532px) {
  #myhondana .popularimg {
    margin: 0;
    padding: 10px 8px;
  }
}
@media screen and (min-width: 0px) and (max-width: 518px) {
  #myhondana .likebox img {
    width: 40px;
  }
  #myhondana .combox img {
    width: 40px;
  }
  #myhondana .likebox,
  #myhondana .combox {
    margin: 20px 20px 20px 20px;
  }
  #myhondana .profile-right {
    margin-left: 50px;
  }
}
@media screen and (min-width: 0px) and (max-width: 514px) {
  #myhondana .popularimg {
    margin: 0;
    padding: 10px 5px;
  }
}
@media screen and (min-width: 0px) and (max-width: 460px) {
  #myhondana .likebox img {
    width: 35px;
  }
  #myhondana .combox img {
    width: 35px;
  }
  #myhondana .likebox,
  #myhondana .combox {
    margin: 20px 33px 20px 20px;
  }
  #myhondana .profile-right {
    margin-left: 30px;
  }
}
@media screen and (min-width: 0px) and (max-width: 400px) {
  #myhondana .popularimg {
    margin: 0;
    padding: 10px 5px;
  }
}
@media screen and (min-width: 0px) and (max-width: 375px) {
  #myhondana .tabg {
    padding: 10px 8px;
  }
  #myhondana .likebox,
  #myhondana .combox {
    margin: 20px 10px 20px 20px;
  }
  #myhondana .combox img {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 0px) and (max-width: 360px) {
  #myhondana .tabs_user .tab-link {
    padding: 10px 2px;
  }
  #myhondana .tabs_label .tab-link {
    padding-left: 25px;
    padding-right: 25px;
  }
  #myhondana .popularimg {
    width: 31.5%;
  }
  #myhondana .popularimg img {
    height: 115px;
  }
  #myhondana .book_nm_box .book_nm {
    width: 70px;
  }
}
@media screen and (min-width: 0px) and (max-width: 350px) {
  #myhondana .likebox img {
    width: 30px;
  }
  #myhondana .combox img {
    width: 30px;
    margin-bottom: 17px;
  }
  #myhondana .likebox,
  #myhondana .combox {
    margin: 20px 8px 20px;
  }
}
@media screen and (min-width: 768px) {
  #myhondana .popularimg img {
    height: 177px;
  }
}

#select-image-box {
  text-align: center;
}
#select-image-box img {
  height: 60vh;
  max-width: 500px;
}

#search {
  /*tab 2 */
  /* .slideThree */
  /* end .slideThree */
  /* Layout: */
  /* modal */
  /* pagination */
}
#search h2 {
  font-size: 20px;
}
#search .search-btn {
  background-color: #cc3333;
  color: #ffffff;
  width: 100%;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 16px;
}
#search .search-btn .arrow {
  font-size: 16px;
  color: #ffffff;
}
#search .search-btn .search-btn {
  background: url(/images/arrow_white.png) no-repeat;
}
#search .search-type-title {
  margin: 20px 0;
}
#search .searchtitle {
  background: #4BCDED;
}
#search .searchtitle h2 {
  text-align: center;
  margin: 0;
  padding: 10px 0;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
#search .tabs {
  padding-top: 1em;
  margin-bottom: 1em;
  background-color: #ffffff;
}
#search .tabs_labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#search .tabs_labels,
#search .tabs_labels > li > a {
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
#search .tabs_labels.result-keyword,
#search .tabs_labels > li > a.result-keyword {
  margin-bottom: 40px;
}
#search .tabs_labels.current .magicon, #search .tabs_labels:hover .magicon,
#search .tabs_labels > li > a.current .magicon,
#search .tabs_labels > li > a:hover .magicon {
  background: url(/images/mag_icon_current.png) top no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
  margin: 0 20px 0 0;
}
#search .tabs_labels.current .mangaicon, #search .tabs_labels:hover .mangaicon,
#search .tabs_labels > li > a.current .mangaicon,
#search .tabs_labels > li > a:hover .mangaicon {
  background: url(/images/manga_icon_current.png) top no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
  margin: 0 20px 0 0;
}
#search .tabs_labels {
  margin-top: 20px;
}
#search .tabs_labels > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  font-size: 1.125em;
  padding: 10px 40px;
  font-weight: bold;
  margin: 0 0 0 0.5em;
  font-weight: bold;
  border-bottom: 4px solid white;
  color: #646262;
}
#search .tabs_labels > li:hover {
  color: #e34668;
}
#search .tabs_labels > li:hover > a {
  color: #e34668;
}
@media screen and (max-width: 767px) {
  #search .tabs_labels > li:hover {
    color: #646262;
  }
  #search .tabs_labels > li:hover > a {
    color: #646262;
  }
}
#search .tabs_labels > li > a:hover {
  color: #e34668;
}
@media screen and (max-width: 767px) {
  #search .tabs_labels > li > a:hover {
    color: #646262;
  }
}
#search .tabs_labels > li.current > a {
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 4px solid #e34668;
  color: #e34668;
}
#search .tabs_labels > li.current > a {
  color: #e34668;
}
#search .tabs_labels.tab-search {
  margin-bottom: 30px;
}
#search .tabs_labels.tab-search > li > a {
  margin: 0 0 0 0.5em;
}
@media screen and (max-width: 767px) {
  #search .tabs_labels.tab-search > li > a {
    margin-right: 12px;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  #search .tabs_labels.tab-search {
    margin-bottom: 0px;
  }
}
#search .search-type-tab {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  #search .search-type-tab {
    margin-bottom: 0px;
  }
}
#search .tabs_content > div {
  border-top: none;
  padding: 1em;
  display: none;
}
#search .tabs_content > div.current {
  display: block;
}
#search .tabs_content > div {
  background-color: #ffffff;
}
#search ul.tabs li {
  background: none;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
}
#search .tab-content {
  display: none;
  padding: 15px;
  margin: 0 0 30px;
}
#search .tab-content.current {
  display: inherit;
}
#search .tabs {
  padding-top: 1em;
  margin-bottom: 1em;
  background-color: #ffffff;
}
#search .tabs_label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#search .tabs_label,
#search .tabs_label > li {
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
#search .tabs_label.result-keyword,
#search .tabs_label > li.result-keyword {
  margin-bottom: 20px;
}
#search .tabs_label > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  font-size: 1.125em;
  padding: 10px 40px;
  font-weight: bold;
  margin: 0 0 0 0.5em;
  font-weight: bold;
  border-bottom: 4px solid white;
}
#search .tabs_label > li:hover {
  color: #e34668;
}
#search .tabs_label > li.current {
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 4px solid #e34668;
  color: #e34668;
}
#search .tabs_contents > div {
  border-top: none;
  padding: 1em;
  display: none;
}
#search .tabs_contents > div.current {
  display: block;
}
#search .tabs_contents > div {
  background-color: #ffffff;
}
#search ul.tabs li {
  background: none;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
}
#search .tab-contents {
  display: none;
  margin: 0 0 30px;
}
#search .tab-contents.current {
  display: inherit;
}
#search .tab-contents .tag a.tagname {
  padding: 5px 10px;
  margin-right: 0;
}
#search .tag ul {
  text-align: center;
}
#search .inputsearch {
  background: url(/images/search_gray.png) 5px 5px no-repeat;
  background-size: 22px 22px;
  padding: 8px 0 8px 40px;
  border: 2px solid #999;
  width: 100%;
  max-width: 532px;
  margin: 0 auto;
  display: block;
  margin-bottom: 30px;
}
#search .input-article {
  margin-bottom: 30px;
}
#search .searchbox {
  margin: 20px auto;
  width: 530px;
}
#search .searchbox p {
  display: inline-block;
  margin-right: 20px;
  text-align: left;
}
#search .green {
  color: #4BCDED;
}
#search .mt40 {
  margin-top: 40px;
}
#search .words-sentences-container {
  margin-bottom: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
  vertical-align: middle;
  text-align: right;
}
#search .words-sentences-container input[type=radio] {
  visibility: hidden;
  width: 0;
}
#search .words-sentences-container input[type=radio]:checked + label {
  background-color: #4BCDED;
  color: black;
}
#search .words-sentences-container label {
  font-size: 12px;
  border: 1px solid #4BCDED;
  border-left: 0;
  padding: 8px;
  display: block;
  text-align: center;
  width: 150px;
  color: black;
  cursor: pointer;
}
#search .words-sentences-container label:nth-of-type(1) {
  border-radius: 10px 0 0 10px;
  border-left: 1px solid #4BCDED;
}
#search .words-sentences-container label:last-child {
  border-radius: 0 10px 10px 0;
}
#search .searchmag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#search .searchmag_image {
  display: inline-block;
}
#search .searchmag_detail {
  display: inline-block;
}
#search .row {
  margin: 0 auto;
  max-width: 852px;
}
#search .col-right {
  margin-left: 40px;
}
#search .col {
  display: inline-block;
  margin-bottom: 40px;
}
#search .col img {
  width: 180px;
}
#search .search_detail {
  width: 200px;
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
  position: relative;
  height: 253px;
}
#search .search_number {
  color: #646262;
  position: absolute;
  bottom: 0;
  text-align: left;
}
#search .magicon {
  background: url(/images/mag_icon.png) top no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
  margin: 0 20px 0 0;
  display: inline-block;
  position: relative;
  bottom: -7px;
  vertical-align: top;
}
#search .mangaicon {
  background: url(/images/manga_icon.png) top no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
  margin: 0 20px 0 0;
  display: inline-block;
  position: relative;
  bottom: -7px;
  vertical-align: top;
}
#search .marginmins {
  margin-bottom: 0;
}
#search .modale:before {
  content: "";
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
#search .opened:before {
  display: block;
}
#search .opened .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  top: 20%;
}
#search .modal-dialog {
  background: #fefefe;
  border: #333333 solid 0px;
  border-radius: 5px;
  margin-left: -200px;
  text-align: center;
  position: fixed;
  left: 55.5%;
  top: -100%;
  z-index: 11;
  width: 360px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  -webkit-transform: translate(0, -500%);
  -ms-transform: translate(0, -500%);
  transform: translate(0, -500%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
#search .modal-dialog {
  padding: 40px 20px;
}
#search .modal-header {
  padding: 20px 0;
  color: #646262;
}
#search .btn-close {
  font-size: 50px;
  position: absolute;
  right: 20px;
  top: 0;
  color: #646262;
}
#search .modal-dialog .tagname {
  margin-right: 10px;
}
#search .search_detail p.title {
  color: black !important;
  text-align: left;
}
#search .tab-content {
  padding: 0;
}
#search .popularbox {
  display: contents;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  vertical-align: top;
}
#search .popularimg {
  display: inline-block;
  padding: 10px 5px;
  vertical-align: top;
  margin: 0 10px;
}
#search .popularimg img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 126px;
}
#search .rankingnumber {
  font-size: 17px;
  font-weight: bold;
  vertical-align: top;
  color: #e34668;
}
#search .middle {
  width: 22rem;
  margin: 20px auto 40px;
  text-align: center;
}
#search .middle ul,
#search .middle li {
  list-style: none;
  display: inline;
  padding-left: 0px;
}
#search .middle li:hover a {
  color: #646262;
  background-color: #d3d1d0;
}
#search .middle li.active a {
  color: #646262;
  background-color: #4BCDED;
}
#search .middle li:first-child a:after {
  content: "Previous";
}
#search .middle li:nth-child(2) {
  counter-reset: pagination;
}
#search .middle li:last-child a:after {
  content: "Next";
}
#search .middle li a {
  border-radius: 0.2rem;
  color: #646262;
  background-color: #4BCDED;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  padding: 0.5rem 0.9rem;
}
#search .middle li a {
  display: none;
}
#search .middle li:first-child a {
  display: inline-block;
}
#search .middle li:first-child a:after {
  content: "<";
}
#search .middle li:last-child a {
  display: inline-block;
}
#search .middle li:last-child a:after {
  content: ">";
}
#search .middle li:nth-child(2) a {
  display: inline-block;
}
#search .middle li:nth-child(3) a {
  display: inline-block;
}
#search .middle li:nth-child(4) a {
  display: inline-block;
}
#search .middle li:nth-child(5) a {
  display: inline-block;
}
#search .middle li:nth-last-child(2) a {
  display: inline-block;
}
#search .middle li:nth-last-child(3) {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  #search .likecomment {
    width: 100%;
  }
  #search .bookdetail_top {
    margin: 0;
  }
  #search .bookdetail_left {
    max-width: 320px;
    display: table-cell;
    margin-right: 20px;
  }
  #search .bookdetail_right {
    display: table-cell;
  }
  #search .bookdetail_right .btn {
    text-align: center;
  }
  #search .buybox {
    width: 100%;
  }
  #search .buyleft {
    padding: 10px;
  }
  #search .f20 {
    font-size: 14px;
  }
  #search .f35 {
    font-size: 25px;
  }
  #search .f15 {
    font-size: 11px;
  }
  #search .bookdetail {
    padding: 40px 0 0;
    clear: both;
    position: relative;
  }
  #search .buyright {
    top: 0;
    right: 3%;
  }
  #search .buyright .arrow {
    right: 0px;
  }
  #search .buyright .btn {
    padding: 13px 10px;
    margin: 20px 0;
  }
  #search .slick-prev,
  #search .slick-next {
    display: none !important;
  }
  #search .c-media {
    padding: 0;
  }
  #search .tagcircle {
    display: inline-block;
  }
  #search .c-media_image img {
    width: 60px;
  }
  #search .commentlist {
    margin-top: 20px;
  }
  #search .c-media_cover img {
    width: 74px;
  }
  #search .likebox .number,
  #search .commentbox .number,
  #search .writecommentbox .number {
    font-size: 18px;
  }
  #search .more2 {
    width: 180px !important;
  }
  #search .isatsu {
    font-size: 15px;
  }
  #search .writecommentbox {
    margin: 0;
  }
  #search .likecomment {
    margin-top: 20px;
  }
  #search h2.arasuji {
    margin: 40px auto 20px !important;
  }
  #search .discoff {
    margin-left: 0;
  }
  #search .zenyomilabel {
    margin: 0;
    font-size: 19px;
  }
  #search .bookdetail_left {
    width: 152px;
    vertical-align: top;
    position: relative;
    top: 0;
  }
  #search .bookcover img {
    -o-object-fit: contain;
       object-fit: contain;
    vertical-align: top !important;
    position: absolute;
    top: 0 !important;
    margin-top: 0;
    padding-top: 0;
  }
  #search .likecomment {
    width: 75%;
  }
  #search .likecomment-2col {
    width: 52%;
  }
  #search .commentbox .number {
    margin-top: 6px;
  }
  #search .tag ul {
    text-align: center;
  }
  #search a.tagname {
    margin-right: 0;
  }
  #search .tabsbox .tabs_labels > li > a {
    padding: 0;
    margin-right: 12px;
  }
  #search .tabsbox .tabs_labels > li > a.current .mangaicon, #search .tabsbox .tabs_labels > li > a:hover .mangaicon {
    background: url(/images/manga_icon_current.png) top no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
    margin: 0 20px 0 0;
  }
  #search .tabsbox .tabs_labels > li:nth-child(2) > a {
    margin-right: 0;
  }
  #search .searchtitle h2 {
    text-align: center;
    padding: 10px 27px;
  }
  #search .inputsearch {
    max-width: 325px;
  }
  #search .searchbox p {
    margin-right: 10px;
  }
  #search .col img {
    width: 110px;
  }
  #search .col-right {
    margin-left: 0;
  }
  #search .search_detail {
    width: 200px;
    height: 160px;
  }
  #search .words-sentences-container {
    width: 58%;
  }
  #search .smallcon {
    width: 40%;
  }
  #search .searchbox {
    width: 100%;
    display: block;
    text-align: center;
  }
  #search .tag {
    margin: 40px auto;
    max-width: 327px;
  }
  #search .row {
    text-align: center;
  }
}
@media screen and (max-width: 500px) {
  #search label {
    width: 100px;
    font-size: 0.9rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 400px) {
  #search .likecomment {
    width: 80%;
  }
  #search .likebox {
    margin: 0 20px;
  }
  #search .c-media_image img {
    width: 60px;
  }
  #search .commentlist {
    margin-top: 20px;
  }
  #search .bookdetail_left {
    width: 152px;
    vertical-align: top;
    position: relative;
    top: 0;
  }
  #search .bookcover img {
    -o-object-fit: contain;
       object-fit: contain;
    vertical-align: top !important;
    position: absolute;
    top: 0 !important;
    margin-top: 0;
    padding-top: 0;
  }
  #search .search_detail {
    width: 136px;
    height: 160px;
    margin-left: 10px;
  }
  #search .words-sentences-container {
    width: 74%;
  }
  #search .smallcon {
    width: 40%;
  }
}
@media screen and (min-width: 0px) and (max-width: 375px) {
  #search .bookdetail_right {
    width: 48%;
  }
  #search label {
    width: 100px;
    font-size: 0.7rem;
  }
  #search .inputsearch {
    max-width: 317px;
  }
}
@media screen and (min-width: 0px) and (max-width: 330px) {
  #search .words-sentences-container {
    width: 67%;
    font-size: 13px;
  }
  #search .smallcon {
    width: 40%;
  }
}
@media screen and (min-width: 0px) and (max-width: 320px) {
  #search .bookdetail_right {
    width: 40%;
  }
  #search .buyleft {
    zoom: 0.8;
  }
}

#search-article {
  /*tab 2 */
  /* .slideThree */
  /* end .slideThree */
  /* Layout: */
  /* modal */
  /* pagination */
}
#search-article .search-type-title {
  margin: 20px 0;
  font-size: 20px;
}
#search-article .tabs_labels.search-type-tab {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  #search-article .tabs_labels.search-type-tab {
    margin-bottom: 0px;
  }
}
#search-article .tabs_labels.search-type-tab ul {
  margin-bottom: 0;
}
#search-article .search-btn {
  background-color: #cc3333;
  color: #ffffff;
  width: 100%;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 16px;
  margin-bottom: 15px;
}
#search-article .search-btn .arrow {
  font-size: 16px;
  color: #ffffff;
}
#search-article .search-btn .search-btn {
  background: url(/images/arrow_white.png) no-repeat;
}
#search-article .searchtitle {
  background: #4BCDED;
}
#search-article .searchtitle h2 {
  font-size: 20px;
  text-align: center;
  margin: 0;
  padding: 10px 0;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
#search-article .w50 {
  width: 450px;
  display: inline-block;
  margin: 0 50px 20px 0;
}
#search-article .tabs {
  padding-top: 1em;
  margin-bottom: 1em;
  background-color: #ffffff;
}
#search-article .tabs_labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#search-article .tabs_labels,
#search-article .tabs_labels > li > a {
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
#search-article .tabs_labels.result-keyword,
#search-article .tabs_labels > li > a.result-keyword {
  margin-bottom: 40px;
}
#search-article .tabs_labels.current .magicon, #search-article .tabs_labels:hover .magicon,
#search-article .tabs_labels > li > a.current .magicon,
#search-article .tabs_labels > li > a:hover .magicon {
  background: url(/images/mag_icon_current.png) top no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
  margin: 0 20px 0 0;
}
#search-article .tabs_labels.current .mangaicon, #search-article .tabs_labels:hover .mangaicon,
#search-article .tabs_labels > li > a.current .mangaicon,
#search-article .tabs_labels > li > a:hover .mangaicon {
  background: url(/images/manga_icon_current.png) top no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
  margin: 0 20px 0 0;
}
#search-article .tabs_labels {
  margin-top: 20px;
  margin-bottom: 30px;
}
#search-article .tabs_labels > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  font-size: 1.125em;
  padding: 10px 40px;
  font-weight: bold;
  margin: 0 0 0 0.5em;
  font-weight: bold;
  border-bottom: 4px solid white;
}
#search-article .tabs_labels > li > a a {
  color: #646262;
}
#search-article .tabs_labels > li:hover {
  color: #e34668;
}
#search-article .tabs_labels > li:hover > a {
  color: #e34668;
}
@media screen and (max-width: 767px) {
  #search-article .tabs_labels > li:hover {
    color: #646262;
  }
  #search-article .tabs_labels > li:hover > a {
    color: #646262;
  }
}
#search-article .tabs_labels > li > a:hover {
  color: #e34668;
}
@media screen and (max-width: 767px) {
  #search-article .tabs_labels > li > a:hover {
    color: #646262;
  }
}
#search-article .tabs_labels > li.current > a {
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 4px solid #e34668;
  color: #e34668;
}
#search-article .tabs_labels > li.current > a {
  color: #e34668;
}
#search-article .tabs_content > div {
  border-top: none;
  padding: 1em;
  display: none;
}
#search-article .tabs_content > div.current {
  display: block;
}
#search-article .tabs_content > div {
  background-color: #ffffff;
}
#search-article ul.tabs li {
  background: none;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
}
#search-article .tabs_labels.tab-search {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  #search-article .tabs_labels.tab-search {
    margin-bottom: 0px;
  }
}
#search-article .search-type-tab {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  #search-article .search-type-tab {
    margin-bottom: 0px;
  }
}
#search-article .tab-content {
  display: none;
  padding: 15px;
  margin: 0 0 30px;
}
#search-article .tab-content.current {
  display: inherit;
}
#search-article .tabs {
  padding-top: 1em;
  margin-bottom: 1em;
  background-color: #ffffff;
}
#search-article .tabs_label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#search-article .tabs_label,
#search-article .tabs_label > li {
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
#search-article .tabs_label.result-keyword,
#search-article .tabs_label > li.result-keyword {
  margin-bottom: 20px;
}
#search-article .tabs_label > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  font-size: 1.125em;
  padding: 10px 40px;
  font-weight: bold;
  margin: 0 0 0 0.5em;
  font-weight: bold;
  border-bottom: 4px solid white;
}
#search-article .tabs_label > li:hover {
  color: #e34668;
}
#search-article .tabs_label > li.current > a {
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 4px solid #e34668;
  color: #e34668;
}
#search-article .tabs_contents > div {
  border-top: none;
  padding: 1em;
  display: none;
}
#search-article .tabs_contents > div.current {
  display: block;
}
#search-article .tabs_contents > div {
  background-color: #ffffff;
}
#search-article ul.tabs li {
  background: none;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
}
#search-article .tab-contents {
  display: none;
  margin: 0 0 30px;
}
#search-article .tab-contents.current {
  display: inherit;
}
#search-article .tab-contents .tag a.tagname {
  padding: 5px 10px;
  margin-right: 0;
}
#search-article .tag ul {
  text-align: center;
}
#search-article .inputsearch {
  background: url(/images/search_gray.png) 5px 5px no-repeat;
  background-size: 22px 22px;
  padding: 8px 0 8px 40px;
  border: 2px solid #999;
  width: 100%;
  max-width: 532px;
  margin: 0 auto;
  display: block;
}
#search-article .input-article {
  margin-bottom: 30px;
}
#search-article .searchbox {
  margin: 20px auto;
  width: 530px;
}
#search-article .searchbox p {
  display: inline-block;
  margin-right: 20px;
  text-align: left;
}
#search-article .green {
  color: #4BCDED;
}
#search-article .mt40 {
  margin-top: 40px;
}
#search-article .words-sentences-container {
  margin-bottom: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
  vertical-align: middle;
  text-align: right;
}
#search-article .words-sentences-container input[type=radio] {
  visibility: hidden;
  width: 0;
}
#search-article .words-sentences-container input[type=radio]:checked + label {
  background-color: #4BCDED;
  color: black;
}
#search-article .words-sentences-container label {
  font-size: 12px;
  border: 1px solid #4BCDED;
  border-left: 0;
  padding: 8px;
  display: block;
  text-align: center;
  width: 150px;
  color: black;
  cursor: pointer;
}
#search-article .words-sentences-container label:nth-of-type(1) {
  border-radius: 10px 0 0 10px;
  border-left: 1px solid #4BCDED;
}
#search-article .words-sentences-container label:last-child {
  border-radius: 0 10px 10px 0;
}
#search-article .searchmag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#search-article .searchmag_image {
  display: inline-block;
}
#search-article .searchmag_detail {
  display: inline-block;
}
#search-article .row {
  margin: 0 auto;
  max-width: 852px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#search-article .col-right {
  margin-left: 40px;
}
#search-article .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #search-article .col {
    width: 100%;
  }
}
#search-article .col img {
  width: auto;
  height: 220px;
}
#search-article .search_detail {
  width: 200px;
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
  position: relative;
}
#search-article .search_number {
  color: #646262;
  position: absolute;
  bottom: 0;
  text-align: left;
}
#search-article .magicon {
  background: url(/images/mag_icon.png) top no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
  margin: 0 20px 0 0;
  display: inline-block;
  position: relative;
  bottom: -7px;
  vertical-align: top;
}
#search-article .mangaicon {
  background: url(/images/manga_icon.png) top no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
  margin: 0 20px 0 0;
  display: inline-block;
  position: relative;
  bottom: -7px;
  vertical-align: top;
}
#search-article .marginmins {
  margin-bottom: 0;
}
#search-article .modale:before {
  content: "";
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
#search-article .opened:before {
  display: block;
}
#search-article .opened .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  top: 20%;
}
#search-article .modal-dialog {
  background: #fefefe;
  border: #333333 solid 0px;
  border-radius: 5px;
  margin-left: -200px;
  text-align: center;
  position: fixed;
  left: 55.5%;
  top: -100%;
  z-index: 11;
  width: 360px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  -webkit-transform: translate(0, -500%);
  -ms-transform: translate(0, -500%);
  transform: translate(0, -500%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
#search-article .modal-dialog {
  padding: 40px 20px;
}
#search-article .modal-header {
  padding: 20px 0;
  color: #646262;
}
#search-article .btn-close {
  font-size: 50px;
  position: absolute;
  right: 20px;
  top: 0;
  color: #646262;
}
#search-article .modal-dialog .tagname {
  margin-right: 10px;
}
#search-article .search_detail p.title {
  color: black !important;
  text-align: left;
}
#search-article .tab-content {
  padding: 0;
}
#search-article .popularbox {
  display: contents;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  vertical-align: top;
}
#search-article .popularimg {
  display: inline-block;
  padding: 10px 5px;
  vertical-align: top;
  margin: 0 10px;
}
#search-article .popularimg img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 126px;
}
#search-article .rankingnumber {
  font-size: 17px;
  font-weight: bold;
  vertical-align: top;
  color: #e34668;
}
#search-article .middle {
  width: 22rem;
  margin: 20px auto 40px;
  text-align: center;
}
#search-article .middle ul,
#search-article .middle li {
  list-style: none;
  display: inline;
  padding-left: 0px;
}
#search-article .middle li:hover a {
  color: #646262;
  background-color: #d3d1d0;
}
#search-article .middle li.active a {
  color: #646262;
  background-color: #4BCDED;
}
#search-article .middle li:first-child a:after {
  content: "Previous";
}
#search-article .middle li:nth-child(2) {
  counter-reset: pagination;
}
#search-article .middle li:last-child a:after {
  content: "Next";
}
#search-article .middle li a {
  border-radius: 0.2rem;
  color: #646262;
  background-color: #4BCDED;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  padding: 0.5rem 0.9rem;
  border: solid 2px #4BCDED;
}
#search-article .middle li:hover a {
  color: #646262;
  background-color: #d3d1d0;
  border-color: #d3d1d0;
}
#search-article .middle li:first-child a {
  display: inline-block;
}
#search-article .middle li:first-child a:after {
  content: "<";
}
#search-article .middle li:last-child a {
  display: inline-block;
}
#search-article .middle li:last-child a:after {
  content: ">";
}
#search-article .middle li:nth-child(2) a {
  display: inline-block;
}
#search-article .middle li:nth-child(3) a {
  display: inline-block;
}
#search-article .middle li:nth-child(4) a {
  display: inline-block;
}
#search-article .middle li:nth-child(5) a {
  display: inline-block;
}
#search-article .middle li:nth-last-child(2) a {
  display: inline-block;
}
#search-article .middle li:nth-last-child(3) {
  display: inline-block;
}
#search-article .middle li.active.disabled-number a {
  background-color: #ffffff;
}
#search-article .middle li.active:hover a {
  border-color: #4BCDED;
}
#search-article .search_detail a:first-child p {
  height: 190px;
  overflow: hidden;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
}
@media screen and (min-width: 0px) and (max-width: 768px) {
  #search-article .col img {
    width: 180px;
    height: auto;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  #search-article .search_detail a:first-child p {
    height: 129px;
    -webkit-line-clamp: 6;
  }
  #search-article .likecomment {
    width: 100%;
  }
  #search-article .bookdetail_top {
    margin: 0;
  }
  #search-article .bookdetail_left {
    max-width: 320px;
    display: table-cell;
    margin-right: 20px;
  }
  #search-article .bookdetail_right {
    display: table-cell;
  }
  #search-article .bookdetail_right .btn {
    text-align: center;
  }
  #search-article .buybox {
    width: 100%;
  }
  #search-article .buyleft {
    padding: 10px;
  }
  #search-article .f20 {
    font-size: 14px;
  }
  #search-article .f35 {
    font-size: 25px;
  }
  #search-article .f15 {
    font-size: 11px;
  }
  #search-article .bookdetail {
    padding: 40px 0 0;
    clear: both;
    position: relative;
  }
  #search-article .buyright {
    top: 0;
    right: 3%;
  }
  #search-article .buyright .arrow {
    right: 0px;
  }
  #search-article .buyright .btn {
    padding: 13px 10px;
    margin: 20px 0;
  }
  #search-article .slick-prev,
  #search-article .slick-next {
    display: none !important;
  }
  #search-article .c-media {
    padding: 0;
  }
  #search-article .tagcircle {
    display: inline-block;
  }
  #search-article .c-media_image img {
    width: 60px;
  }
  #search-article .commentlist {
    margin-top: 20px;
  }
  #search-article .c-media_cover img {
    width: 74px;
  }
  #search-article .likebox .number,
  #search-article .commentbox .number,
  #search-article .writecommentbox .number {
    font-size: 18px;
  }
  #search-article .more2 {
    width: 180px !important;
  }
  #search-article .isatsu {
    font-size: 15px;
  }
  #search-article .writecommentbox {
    margin: 0;
  }
  #search-article .likecomment {
    margin-top: 20px;
  }
  #search-article h2.arasuji {
    margin: 40px auto 20px !important;
  }
  #search-article .discoff {
    margin-left: 0;
  }
  #search-article .zenyomilabel {
    margin: 0;
    font-size: 19px;
  }
  #search-article .bookdetail_left {
    width: 152px;
    vertical-align: top;
    position: relative;
    top: 0;
  }
  #search-article .bookcover img {
    -o-object-fit: contain;
       object-fit: contain;
    vertical-align: top !important;
    position: absolute;
    top: 0 !important;
    margin-top: 0;
    padding-top: 0;
  }
  #search-article .likecomment {
    width: 75%;
  }
  #search-article .likecomment-2col {
    width: 52%;
  }
  #search-article .commentbox .number {
    margin-top: 6px;
  }
  #search-article .tag ul {
    text-align: center;
  }
  #search-article a.tagname {
    margin-right: 0;
  }
  #search-article .tabs_labels {
    margin-bottom: 20px;
  }
  #search-article .tabsbox .tabs_labels > li > a {
    padding: 0;
    margin-right: 12px;
  }
  #search-article .tabsbox .tabs_labels > li > a.current .mangaicon, #search-article .tabsbox .tabs_labels > li > a:hover .mangaicon {
    background: url(/images/manga_icon_current.png) top no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
    margin: 0 20px 0 0;
  }
  #search-article .tabs_labels > li:nth-child(2) > a {
    margin-right: 0;
  }
  #search-article .searchtitle h2 {
    text-align: center;
    padding: 10px 27px;
  }
  #search-article .inputsearch {
    max-width: 325px;
  }
  #search-article .searchbox p {
    margin-right: 10px;
  }
  #search-article .col img {
    width: 150px;
    height: auto;
  }
  #search-article .col-right {
    margin-left: 0;
  }
  #search-article .search_detail {
    width: 200px;
  }
  #search-article .words-sentences-container {
    width: 58%;
  }
  #search-article .smallcon {
    width: 40%;
  }
  #search-article .searchbox {
    width: 100%;
    display: block;
    text-align: center;
  }
  #search-article .tag {
    margin: 40px auto;
    max-width: 327px;
  }
  #search-article .row {
    text-align: center;
  }
}
@media screen and (max-width: 500px) {
  #search-article label {
    width: 100px;
    font-size: 0.9rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 400px) {
  #search-article .likecomment {
    width: 80%;
  }
  #search-article .likebox {
    margin: 0 20px;
  }
  #search-article .c-media_image img {
    width: 60px;
  }
  #search-article .commentlist {
    margin-top: 20px;
  }
  #search-article .bookdetail_left {
    width: 152px;
    vertical-align: top;
    position: relative;
    top: 0;
  }
  #search-article .bookcover img {
    -o-object-fit: contain;
       object-fit: contain;
    vertical-align: top !important;
    position: absolute;
    top: 0 !important;
    margin-top: 0;
    padding-top: 0;
  }
  #search-article .search_detail {
    width: 124px;
    margin-left: 10px;
  }
  #search-article .words-sentences-container {
    width: 74%;
  }
  #search-article .smallcon {
    width: 40%;
  }
}
@media screen and (min-width: 0px) and (max-width: 375px) {
  #search-article .bookdetail_right {
    width: 48%;
  }
  #search-article label {
    width: 100px;
    font-size: 0.7rem;
  }
  #search-article .inputsearch {
    max-width: 317px;
  }
}
@media screen and (min-width: 0px) and (max-width: 330px) {
  #search-article .words-sentences-container {
    width: 67%;
    font-size: 13px;
  }
  #search-article .smallcon {
    width: 40%;
  }
}
@media screen and (min-width: 0px) and (max-width: 320px) {
  #search-article .bookdetail_right {
    width: 40%;
  }
  #search-article .buyleft {
    zoom: 0.8;
  }
}

#search-category-list h4.sitemaptitle {
  text-align: left;
  background: #eee;
  padding: 5px 0 5px 5px;
  font-size: 16px;
  font-weight: 400;
}
#search-category-list .searchtitle h2 {
  background: #4BCDED;
  text-align: center;
  margin: 0;
  padding: 10px 0;
  width: 100%;
  margin: 0 auto;
  font-size: 20px;
}
#search-category-list h3 a {
  color: #333;
}
#search-category-list ul.sitemaplist {
  margin: 20px 0;
}
#search-category-list ul.sitemaplist a:before {
  width: 50%;
  /* 383px */
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 1px #aeaeae;
  border-right: solid 1px #aeaeae;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}
#search-category-list ul.sitemaplist li {
  display: inline-block;
  width: 30%;
  margin-right: 30px;
}
#search-category-list ul.sitemaplist li a {
  border-bottom: 1px solid #D9D9D6;
  width: 100%;
  display: block;
  position: relative;
  height: 30px;
  color: #333;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 0 40px 20px;
  line-height: 2;
}
#search-category-list ul.sitemaplist li a:hover {
  background: #eee;
}
#search-category-list .m40 {
  margin: 60px 0 !important;
}
@media all and (max-width: 480px) {
  #search-category-list ul.sitemaplist li {
    display: block;
    width: 100%;
  }
}

.content.content-wide {
  max-width: 1200px;
}

#book-detail-setting {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
#book-detail-setting::after {
  content: "";
  display: block;
  width: 46%;
}
#book-detail-setting dt {
  float: left;
}
#book-detail-setting .detail-delivery-schedule-tag {
  font-size: 11px;
  background-color: #c33;
  text-align: center;
  color: #fff;
  padding: 1px;
  width: 60px;
}
#book-detail-setting .book-name,
#book-detail-setting .author-setting,
#book-detail-setting .publisher-org-setting,
#book-detail-setting .genre-setting,
#book-detail-setting .post-magazine-setting {
  color: #646262;
}
#book-detail-setting .color-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#book-detail-setting .detail-delivery-schedule-tag {
  margin-right: 5px;
}
#book-detail-setting .checkbtn {
  font-size: 13px;
  text-align: center;
}
#book-detail-setting .checkbtn:focus {
  background-color: initial;
}
#book-detail-setting .checkbtn:hover {
  background-color: initial;
}
#book-detail-setting .checkbtn.done {
  background-color: #4BCDED;
}
#book-detail-setting .checkbtn.done:focus {
  background-color: #4BCDED;
}
#book-detail-setting .checkbtn.done:after {
  content: "済";
  margin-left: -8px;
}
#book-detail-setting .checkbtn.w500 {
  margin: initial;
}
@media screen and (max-width: 1023px) {
  #book-detail-setting .checkbtn:hover {
    background-color: initial;
  }
  #book-detail-setting .checkbtn.done {
    background-color: #4BCDED;
  }
}
@media screen and (min-width: 1025px) {
  #book-detail-setting .one-book {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    width: 48%;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: solid thin #D9D9D6;
  }
  #book-detail-setting .one-book .image-column {
    margin-right: 10px;
    position: relative;
  }
  #book-detail-setting .one-book .image-column .thumbnail-image img {
    max-width: 120px;
    height: 180px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1200px) {
  #book-detail-setting .one-book .image-column .thumbnail-image img {
    max-width: 130px;
  }
}
@media screen and (min-width: 1025px) {
  #book-detail-setting .one-book .image-column .moving-column {
    color: #646262;
    position: absolute;
    right: 0px;
  }
  #book-detail-setting .one-book .image-column .loadinglist-image {
    height: 170px;
  }
  #book-detail-setting .one-book .count-good-comment {
    display: block;
  }
  #book-detail-setting .one-book .count-good-comment a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    width: 100%;
  }
  #book-detail-setting .one-book .count-good-comment a p {
    font-size: 16px;
  }
  #book-detail-setting .one-book .count-good-comment a p span {
    margin-top: 5px;
    display: inline-block;
  }
  #book-detail-setting .one-book .count-good-comment a img {
    width: 30px !important;
  }
  #book-detail-setting .book-detail-sp,
  #book-detail-setting .hr-visible {
    display: none;
  }
  #book-detail-setting .book-detail-pc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    margin-left: 5px;
  }
  #book-detail-setting .book-detail-pc .detail-column {
    width: 250px;
    margin-right: 5px;
  }
  #book-detail-setting .book-detail-pc .detail-column .color-tag {
    margin-bottom: 5px;
  }
  #book-detail-setting .book-detail-pc .detail-column td {
    margin-bottom: 5px;
  }
  #book-detail-setting .book-detail-pc .detail-column dd {
    margin-bottom: 5px;
  }
  #book-detail-setting .book-detail-pc .detail-column .tagname {
    margin-right: 5px;
  }
  #book-detail-setting .book-detail-pc .book-name {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 7px;
  }
  #book-detail-setting .book-detail-pc .image-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
  }
  #book-detail-setting .book-detail-pc .count-good-comment {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  #book-detail-setting .book-detail-pc .count-good-comment .comment {
    margin-left: 10px;
  }
  #book-detail-setting .book-detail-pc .count-good-comment + .bookdetail-reading {
    margin-top: 0;
  }
  #book-detail-setting .book-detail-pc .bookdetail-reading {
    margin-top: 60px;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #book-detail-setting .book-detail-pc .btn {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
    padding: 14px 16px;
  }
  #book-detail-setting .book-detail-pc .btn.trial {
    border: solid 2px #cc3333;
    background-color: white;
    color: #646262;
  }
  #book-detail-setting .book-detail-pc .image-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
  }
  #book-detail-setting .book-detail-pc .count-good-comment {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  #book-detail-setting .book-detail-pc .star {
    top: 34%;
    right: 15px;
  }
  #book-detail-setting .book-detail-pc__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #book-detail-setting .book-detail-pc__tags__serialization p {
    display: inline-block;
  }
  #book-detail-setting .book-detail-pc__tags__good-comment {
    display: inline-block;
  }
  #book-detail-setting .book-detail-pc__tags__good-comment .good {
    font-size: 16px;
    display: inline-block;
    margin-right: 10px;
    color: #646262;
  }
  #book-detail-setting .book-detail-pc__tags__good-comment .comment {
    font-size: 16px;
    display: inline-block;
    color: #646262;
  }
  #book-detail-setting .book-detail-pc__tags__good-comment img {
    width: 30px;
  }
  #book-detail-setting .book-detail-pc__title {
    font-weight: bold;
    margin-bottom: 5px;
  }
  #book-detail-setting .book-detail-pc__title a {
    color: #646262;
    font-size: 16px;
  }
  #book-detail-setting .book-detail-pc__items {
    margin-bottom: 10px;
    padding-right: 10px;
  }
  #book-detail-setting .book-detail-pc__items dd {
    margin-bottom: 3px;
  }
  #book-detail-setting .book-detail-pc__items .tagname {
    font-size: 13px;
    margin-right: 0;
    padding: 2px 5px !important;
  }
  #book-detail-setting .book-detail-pc__publisher-magazine {
    font-size: 12px;
  }
  #book-detail-setting .book-detail-pc__publisher-magazine a {
    color: #646262;
  }
  #book-detail-setting .book-detail-pc__author-publisher-manga {
    padding-right: 10px;
  }
  #book-detail-setting .book-detail-pc__category-magazine {
    font-size: 12px;
  }
  #book-detail-setting .book-detail-pc__category-magazine a {
    color: #646262;
  }
  #book-detail-setting .book-detail-pc__author-manga {
    font-size: 12px;
    color: #646262;
  }
  #book-detail-setting .book-detail-pc__publisher-manga {
    font-size: 12px;
    color: #646262;
  }
  #book-detail-setting .book-detail-pc__category-manga {
    font-size: 12px;
    color: #646262;
  }
  #book-detail-setting .book-detail-pc__label-manga {
    font-size: 12px;
    color: #646262;
  }
  #book-detail-setting .book-detail-pc .loading {
    width: 108px;
    height: 153px;
  }
  #book-detail-setting .book-detail-pc .book-name {
    font-size: 13px;
    font-weight: bold;
    max-width: 140px;
  }
  #book-detail-setting .book-detail-pc .rink-setting {
    color: #646262;
    font-size: 12px;
  }
  #book-detail-setting .book-detail-pc .rink {
    width: 200px;
  }
  #book-detail-setting .book-detail-pc .book-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #book-detail-setting .book-detail-pc .detail-delivery-schedule-tag {
    margin-bottom: 4px;
  }
  #book-detail-setting .book-detail-pc .detail-column {
    margin-left: 8px;
  }
  #book-detail-setting .book-detail-pc .flex-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #book-detail-setting .book-detail-pc .count-good-comment {
    margin-left: auto;
  }
  #book-detail-setting .book-detail-pc .bookdetail-reading {
    margin-top: auto;
    text-align: right;
  }
  #book-detail-setting .book-detail-pc .btn {
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 2px;
    padding: 8px 12px 8px 12px;
    border: none;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    -webkit-transition: color 0.2s linear, background-color 0.2s linear;
    transition: color 0.2s linear, background-color 0.2s linear;
    margin: 0 auto 0 0;
    width: 110px;
    text-align: center;
  }
  #book-detail-setting .book-detail-pc .btn.btn-border-red {
    color: #646262;
    border: solid 2px #cc3333;
  }
  #book-detail-setting .book-detail-pc .btn-red {
    border: solid 2px #cc3333;
  }
  #book-detail-setting .book-detail-pc .btn:last-child {
    margin-left: 3px;
  }
  #book-detail-setting .book-detail-pc .star {
    top: 28%;
    right: 17px;
  }
  #book-detail-setting .book-detail-pc .check {
    top: 32%;
  }
  #book-detail-setting .book-detail-pc .checkbtn {
    font-size: 11px;
    text-align: left;
    border: solid 2px #4BCDED;
  }
}
@media screen and (min-width: 1025px) and (min-width: 767px) {
  #book-detail-setting .book-detail-pc .btn {
    display: inline-block;
    font-weight: bold;
    font-size: 10px;
    letter-spacing: 2px;
    padding: 8px 0 8px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    -webkit-transition: color 0.2s linear, background-color 0.2s linear;
    transition: color 0.2s linear, background-color 0.2s linear;
    margin: 0 auto 0 0;
    width: 104px;
    text-align: center;
  }
  #book-detail-setting .book-detail-pc .btn span {
    right: 7px;
  }
  #book-detail-setting .book-detail-pc .btn.done span {
    right: 3px;
  }
  #book-detail-setting .book-detail-pc .btn.btn-border-red {
    color: #646262;
    border: solid 2px #cc3333;
  }
  #book-detail-setting .book-detail-pc .btn:last-child {
    margin-left: 0px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1200px) {
  #book-detail-setting .book-detail-pc .bookdetail-reading .btn {
    width: 130px;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 10px;
  }
  #book-detail-setting .book-detail-pc .bookdetail-reading .btn .star {
    top: 33%;
  }
}
@media screen and (max-width: 1024px) {
  #book-detail-setting .book-detail-pc {
    display: none;
  }
  #book-detail-setting .moving-column {
    display: none;
  }
  #book-detail-setting .one-book {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    border-bottom: solid thin #D9D9D6;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 767px) {
  #book-detail-setting .one-book {
    width: 48%;
  }
  #book-detail-setting .one-book .thumbnail-image img {
    height: 140px;
  }
}
@media screen and (max-width: 1024px) {
  #book-detail-setting .book-detail-sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    margin-left: 5px;
  }
  #book-detail-setting .book-detail-sp__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #book-detail-setting .book-detail-sp__tags__serialization p {
    display: inline-block;
  }
  #book-detail-setting .book-detail-sp__tags__good-comment {
    display: inline-block;
  }
  #book-detail-setting .book-detail-sp__tags__good-comment .good {
    display: inline-block;
    margin-right: 5px;
    color: #646262;
  }
  #book-detail-setting .book-detail-sp__tags__good-comment .comment {
    display: inline-block;
    color: #646262;
  }
  #book-detail-setting .book-detail-sp__tags__good-comment img {
    width: 20px;
  }
  #book-detail-setting .book-detail-sp__title {
    font-weight: bold;
  }
  #book-detail-setting .book-detail-sp__title a {
    color: #646262;
  }
  #book-detail-setting .book-detail-sp__items {
    margin-bottom: 10px;
    padding-right: 10px;
  }
  #book-detail-setting .book-detail-sp__publisher-magazine {
    font-size: 12px;
  }
  #book-detail-setting .book-detail-sp__publisher-magazine a {
    color: #646262;
  }
  #book-detail-setting .book-detail-sp__author-publisher-manga {
    padding-right: 10px;
  }
  #book-detail-setting .book-detail-sp__category-magazine {
    font-size: 12px;
  }
  #book-detail-setting .book-detail-sp__category-magazine a {
    color: #646262;
  }
  #book-detail-setting .book-detail-sp__author-manga {
    font-size: 12px;
    color: #646262;
  }
  #book-detail-setting .book-detail-sp__publisher-manga {
    font-size: 12px;
    color: #646262;
  }
  #book-detail-setting .book-detail-sp__category-manga {
    font-size: 12px;
    color: #646262;
  }
  #book-detail-setting .book-detail-sp__label-manga {
    font-size: 12px;
    color: #646262;
  }
  #book-detail-setting .book-detail-sp .loading {
    width: 108px;
    height: 153px;
  }
  #book-detail-setting .book-detail-sp .book-name {
    font-size: 13px;
    font-weight: bold;
    max-width: 140px;
  }
  #book-detail-setting .book-detail-sp .rink-setting {
    color: #646262;
    font-size: 12px;
  }
  #book-detail-setting .book-detail-sp .rink {
    width: 200px;
  }
  #book-detail-setting .book-detail-sp .book-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #book-detail-setting .book-detail-sp .detail-delivery-schedule-tag {
    margin-bottom: 4px;
  }
  #book-detail-setting .book-detail-sp .detail-column {
    margin-left: 8px;
  }
  #book-detail-setting .book-detail-sp .flex-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #book-detail-setting .book-detail-sp .count-good-comment {
    margin-left: auto;
  }
  #book-detail-setting .book-detail-sp .bookdetail-reading {
    margin-top: auto;
    text-align: right;
  }
  #book-detail-setting .book-detail-sp .detail-arrow {
    background: url(/images/top/arrow.png) no-repeat;
    background-size: contain;
    position: absolute;
    right: 0px;
    top: 40%;
    height: 12px;
    width: 12px;
    display: inline-block;
  }
  #book-detail-setting .book-detail-sp .btn {
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 2px;
    padding: 8px 12px 8px 12px;
    border: none;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    -webkit-transition: color 0.2s linear, background-color 0.2s linear;
    transition: color 0.2s linear, background-color 0.2s linear;
    margin: 0 auto 0 0;
    width: 110px;
    text-align: center;
  }
  #book-detail-setting .book-detail-sp .btn.btn-border-red {
    color: #646262;
    border: solid 2px #cc3333;
  }
  #book-detail-setting .book-detail-sp .btn:last-child {
    margin-left: 3px;
  }
  #book-detail-setting .book-detail-sp .star {
    top: 28%;
    right: 17px;
  }
  #book-detail-setting .book-detail-sp .check {
    top: 32%;
  }
  #book-detail-setting .book-detail-sp .checkbtn {
    font-size: 11px;
    text-align: left;
    border: solid 2px #4BCDED;
  }
}
@media screen and (max-width: 1024px) and (min-width: 767px) {
  #book-detail-setting .book-detail-sp .btn {
    display: inline-block;
    font-weight: bold;
    font-size: 10px;
    letter-spacing: 2px;
    padding: 8px 0 8px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    -webkit-transition: color 0.2s linear, background-color 0.2s linear;
    transition: color 0.2s linear, background-color 0.2s linear;
    margin: 0 auto 0 0;
    width: 104px;
    text-align: center;
  }
  #book-detail-setting .book-detail-sp .btn span {
    right: 7px;
  }
  #book-detail-setting .book-detail-sp .btn.done span {
    right: 3px;
  }
  #book-detail-setting .book-detail-sp .btn.btn-border-red {
    color: #646262;
    border: solid 2px #cc3333;
  }
  #book-detail-setting .book-detail-sp .btn:last-child {
    margin-left: 0px;
  }
}

#good {
  /* Layout: */
  /* pagination */
  /* Responsive: */
}
#good .row {
  margin: 0 auto;
  max-width: 852px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#good .col-right {
  margin-left: 40px;
}
#good h2.iine_title {
  margin: 60px 0 5px;
  font-size: 20px;
}
#good h4 {
  margin-top: 5px !important;
  margin-bottom: 60px;
  font-weight: normal;
  font-size: 16px;
}
#good .iine_cover {
  display: inline-block;
  width: 262px;
}
#good .iine_cover img {
  max-width: 78%;
}
#good .thumbnail-image {
  display: inline-block;
}
#good .iine_detail {
  width: 200px;
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
  position: relative;
}
#good .heart {
  background: url(/images/heart.png) no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
}
#good .iine_detail .title {
  font-size: 16px;
  padding: 0;
  margin-bottom: 10px;
  border-bottom: 1px solid black;
  font-weight: bold;
  max-height: 92px;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
#good .publisher {
  position: absolute;
  bottom: 0;
}
#good .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  width: 47%;
}
#good .col img {
  width: auto;
  height: 250px;
}
#good .heartbox {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 10px;
  color: #646262;
}
#good .middle {
  width: 22rem;
  margin: 60px auto;
  text-align: center;
}
#good .middle ul,
#good .middle li {
  list-style: none;
  display: inline;
  padding-left: 0px;
}
#good .middle li a {
  border: solid 2px #4BCDED;
}
#good .middle li:hover a {
  color: #646262;
  background-color: #d3d1d0;
  border-color: #d3d1d0;
}
#good .middle li.active a {
  color: #646262;
  background-color: #4BCDED;
}
#good .middle li.active.disabled-number a {
  background-color: #ffffff;
}
#good .middle li.active:hover a {
  border-color: #4BCDED;
}
#good .middle li:first-child a:after {
  content: "Previous";
}
#good .middle li:last-child a:after {
  content: "Next";
}
#good .middle li a {
  border-radius: 0.2rem;
  color: #646262;
  background-color: #4BCDED;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  padding: 0.5rem 0.9rem;
}
#good .middle li a {
  display: none;
}
#good .middle li:first-child a {
  display: inline-block;
}
#good .middle li:first-child a:after {
  content: "<";
}
#good .middle li:last-child a {
  display: inline-block;
}
#good .middle li:last-child a:after {
  content: ">";
}
#good .middle li:nth-child(2) a {
  display: inline-block;
}
#good .middle li:nth-child(3) a {
  display: inline-block;
}
#good .middle li:nth-child(4) a {
  display: inline-block;
}
#good .middle li:nth-child(5) a {
  display: inline-block;
}
#good .middle li:nth-last-child(2) a {
  display: inline-block;
}
#good .middle li:nth-last-child(3) {
  display: inline-block;
}
@media only screen and (min-width: 640px) {
  #good .layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 1000px) and (min-width: 0px) {
  #good .row {
    margin-left: 0px;
  }
  #good .col-right {
    margin-left: 0px;
  }
  #good .col img {
    float: left;
  }
}
@media screen and (min-width: 0px) and (max-width: 768px) {
  #good .col {
    width: 100%;
  }
  #good .thumbnail-image img {
    width: 200px;
    height: auto;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  #good .iine_left {
    display: block;
  }
  #good .iine_detail {
    width: 160px;
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    position: relative;
  }
  #good .row {
    margin-left: 0px;
  }
  #good .col-right {
    margin-left: 0px;
  }
  #good .col img {
    width: 150px;
    height: auto;
  }
}
@media screen and (min-width: 0px) and (max-width: 360px) {
  #good .thumbnail-image img {
    width: 140px;
  }
  #good .iine_detail {
    width: 120px;
  }
  #good .iine_detail .title {
    -webkit-line-clamp: 3;
    max-height: 90px;
  }
}

#list {
  /*tab */
  /* pagination */
}
#list .tab-content {
  padding: 0;
}
#list .popularbox {
  display: contents;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  vertical-align: top;
  text-align: left;
}
#list .popularimg {
  display: inline-block;
  padding: 0 5px 13px;
  vertical-align: top;
  margin: 0 5px;
  width: 13.9%;
}
#list .popularimg img {
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 8px;
}
#list .rankingnumber {
  font-size: 17px;
  font-weight: bold;
  vertical-align: top;
  color: #e34668;
}
#list .rankupdown {
  float: right;
}
#list .rankupdown img {
  width: 13px;
  vertical-align: text-bottom;
}
#list .tabs {
  padding-top: 1em;
  margin-bottom: 1em;
  background-color: #ffffff;
}
#list .tabs_labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#list .tabs_labels,
#list .tabs_labels > li > a {
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
#list .tabs_labels {
  margin-top: 10px;
}
#list .tabs_labels > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  font-size: 1.125em;
  padding: 10px 40px;
  font-weight: bold;
  margin: 0 0 0 0.5em;
  font-weight: bold;
  border-bottom: 4px solid white;
}
#list .tabs_labels > li:hover {
  color: #e34668;
}
#list .tabs_labels > li.current > a {
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 4px solid #e34668;
  color: #e34668;
}
#list .tabs_content > div {
  border-top: none;
  padding: 1em;
  display: none;
}
#list .tabs_content > div.current {
  display: block;
}
#list .tabs_content > div {
  background-color: #ffffff;
}
#list ul.tabs {
  margin: 0 0 20px;
  padding: 0px;
  list-style: none;
}
#list ul.tabs li {
  background: none;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
}
#list .tab-content {
  display: none;
  padding: 15px;
  margin: 0 0 30px;
  text-align: center;
}
#list .tab-content.current {
  display: inherit;
}
#list .rankingnumber {
  display: block;
  text-align: left;
}
#list .middle {
  text-align: center;
  width: 22rem;
  margin: 20px auto 40px;
}
#list .middle ul,
#list .middle li {
  list-style: none;
  display: inline;
  padding-left: 0px;
}
#list .middle li a {
  border: solid 2px #4BCDED;
}
#list .middle li:hover a {
  color: #646262;
  background-color: #d3d1d0;
  border-color: #d3d1d0;
}
#list .middle li.active a {
  color: #646262;
  background-color: #4BCDED;
}
#list .middle li.active.disabled-number a {
  background-color: #ffffff;
}
#list .middle li.active:hover a {
  border-color: #4BCDED;
}
#list .middle li:first-child a:after {
  content: "Previous";
}
#list .middle li:nth-child(2) {
  counter-reset: pagination;
}
#list .middle li:last-child a:after {
  content: "Next";
}
#list .middle li a {
  border-radius: 0.2rem;
  color: #646262;
  background-color: #4BCDED;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  padding: 0.5rem 0.9rem;
}
#list .middle li a {
  display: none;
}
#list .middle li:first-child a {
  display: inline-block;
}
#list .middle li:first-child a:after {
  content: "<";
}
#list .middle li:last-child a {
  display: inline-block;
}
#list .middle li:last-child a:after {
  content: ">";
}
#list .middle li:nth-child(2) a {
  display: inline-block;
}
#list .middle li:nth-child(3) a {
  display: inline-block;
}
#list .middle li:nth-child(4) a {
  display: inline-block;
}
#list .middle li:nth-child(5) a {
  display: inline-block;
}
#list .middle li:nth-last-child(2) a {
  display: inline-block;
}
#list .middle li:nth-last-child(3) {
  display: inline-block;
}
#list .magicon {
  background: url(/images/mag_icon.png) top no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
  margin: 0 20px 0 0;
  display: inline-block;
  position: relative;
  bottom: -7px;
}
#list .mangaicon {
  background: url(/images/manga_icon.png) top no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
  margin: 0 20px 0 0;
  display: inline-block;
  position: relative;
  bottom: -7px;
}
#list .popularimg img {
  height: 171px;
}
#list .book_nm_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: right;
}
#list .book_nm_box .book_nm {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  #list .popularimg {
    width: 21.7%;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  #list .popularimg img {
    max-width: 107px !important;
  }
  #list .popularimg {
    margin: 0;
    padding: 0 0 13px;
    padding-left: 5px;
    padding-right: 5px;
    width: 32.5%;
  }
  #list .book_nm_box .book_nm {
    width: 80px;
  }
}
@media screen and (max-width: 767px) {
  #list .popularimg img {
    height: 130px;
  }
}
@media screen and (min-width: 0px) and (max-width: 532px) {
  #list .popularimg {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media screen and (min-width: 0px) and (max-width: 514px) {
  #list .popularimg img {
    max-width: 100px !important;
  }
  #list .popularimg {
    margin: 0;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media screen and (min-width: 0px) and (max-width: 360px) {
  #list .popularimg {
    margin: 0;
    padding-left: 5px;
    padding-right: 5px;
    width: 32.4%;
  }
  #list .popularimg img {
    max-width: 83px !important;
    height: 105px;
  }
  #list .book_nm_box .book_nm {
    width: 60px;
  }
}
@media screen and (min-width: 768px) {
  #list .popularimg img {
    height: 180px;
  }
}

#detail {
  /* accordion */
  /* heart */
  /* animations */
  /* to hide the checkbox itself */
  /* unchecked icon */
  /* space between checkbox and label */
  /* checked icon */
  /* allow space for check mark */
}
#detail h2 {
  font-size: 16px;
  margin: 30px 0 20px;
}
#detail .bookdetail_left {
  min-width: 135px;
  max-width: 150px;
  display: table-cell;
  margin-right: 40px;
  vertical-align: top;
}
#detail .bookdetail_left .thumbnail-image {
  display: inline-block;
}
#detail .bookdetail_left .thumbnail-image a img {
  height: 210px;
  width: auto;
}
@media screen and (max-width: 359px) {
  #detail .bookdetail_left .thumbnail-image a img {
    height: 190px;
  }
}
#detail .checkbtn {
  font-size: 13px;
  text-align: center;
}
#detail .checkbtn:focus {
  background-color: initial;
}
#detail .checkbtn:hover {
  background-color: initial;
}
#detail .checkbtn.done {
  background-color: #4BCDED;
}
#detail .checkbtn.done:focus {
  background-color: #4BCDED;
}
#detail .checkbtn.done:after {
  content: "済";
}
#detail .checkbtn.w500 {
  margin: initial;
}
@media screen and (max-width: 767px) {
  #detail .checkbtn {
    padding: 11px 20px 11px 17px !important;
  }
  #detail .checkbtn:hover {
    background-color: initial;
  }
  #detail .checkbtn.done {
    background-color: #4BCDED;
  }
}
#detail .bookdetail_left .btn {
  padding: 17px 20px;
}
#detail .bookdetail_box {
  display: table;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#detail .bookcover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  vertical-align: top;
}
#detail .bookcover img {
  width: 100%;
}
#detail .buttonBookmark {
  right: 0px;
  margin-bottom: 0px;
}
#detail .bookdetail_right {
  width: 700px;
  display: table-cell;
  vertical-align: top;
  padding: 0 0 0 40px;
}
#detail #breadcrumb {
  margin-top: 0;
  background-color: #ffffff;
}
#detail .bookdetail_data dt {
  background: #4BCDED;
  padding: 5px;
  float: left;
  max-width: 200px;
  margin-right: 10px;
  width: 100px;
  text-align: center;
}
#detail .bookdetail_data a {
  color: #646262;
}
#detail .bookdetail_data a:hover {
  border-bottom: 2px solid #646262;
}
#detail .bookdetail_data dd {
  padding: 5px 5px 5px 109px;
  margin-bottom: 10px;
}
#detail .bookdetail_top {
  clear: both;
  margin: 0 40px;
}
#detail .buymag {
  clear: both;
  padding: 40px 0 0;
}
#detail .buybox {
  position: relative;
  width: 528px;
  margin: 0 auto;
  color: black;
  border: 2px solid #b1b4b3;
}
#detail .buyleft {
  display: inline-block;
  padding: 25px;
}
#detail .buyright {
  position: relative;
  top: 43px;
  right: 6%;
  float: right;
}
#detail .iconbox {
  clear: both;
  padding: 0;
}
#detail .accordion_single_hidden {
  display: none;
}
#detail .accordion_single_hidden:checked ~ .accordion_single_answer {
  max-height: 400px;
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
}
#detail .accordion_single_hidden:checked ~ .accordion__single_question:after {
  content: "-";
}
#detail .accordion_single_answer {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  -webkit-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
      transform: translate(0, 50%);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative;
}
#detail .accordion {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  line-height: 1.5;
  max-width: 100%;
  position: relative;
  clear: both;
  overflow: auto;
  padding: 20px 20px 0;
  border-top: 2px solid #b1b4b3;
}
#detail .accordion_single {
  margin-bottom: 15px;
}
#detail .accordion_single_question {
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
}
#detail .accordion_single_question:hover,
#detail .accordion_single_question:focus {
  text-decoration: underline;
}
#detail .accordion_single_question:after {
  display: inline-block;
  margin-left: 10px;
  color: black;
  content: "";
}
#detail .accordion_single_answer {
  margin-top: 5px;
}
#detail .heart {
  position: relative;
  cursor: pointer;
  height: 52px;
  width: 30px;
  text-align: center;
  vertical-align: center;
}
#detail .heart svg {
  opacity: 0.8;
  position: relative;
  display: inline-block;
  width: 30px;
  height: 27px;
  fill: transparent;
  stroke: transparent;
  stroke-width: 1.5px;
  -webkit-transition: fill 250ms;
  transition: fill 250ms;
  top: 2px;
  background: url(../images/heart_border.png) no-repeat;
  background-size: contain;
}
#detail .number {
  text-align: center;
}
#detail .heart .heartRing {
  display: none;
}
#detail .heart.active svg {
  opacity: 1;
  fill: #d7443e;
  stroke: none;
}
#detail .heart.active .heartRing {
  display: inline-block;
  position: absolute;
  left: -7px;
  top: -8px;
  border-radius: 100%;
  opacity: 0;
  width: 44px;
  height: 44px;
  border: solid 3px #d7443e;
}
#detail .heart.active .heartSparkle {
  position: absolute;
  left: 40%;
  top: 40%;
  opacity: 0;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #d7443e;
}
@-webkit-keyframes pop-bounce {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
  }
  40% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  90% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pop-bounce {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
  }
  40% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  90% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes explode {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.1;
  }
  20% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes explode {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.1;
  }
  20% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0;
  }
}
@-webkit-keyframes shoot {
  0% {
    -webkit-transform: translateX(5px) scale(1);
            transform: translateX(5px) scale(1);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(20px) scale(0);
            transform: translateX(20px) scale(0);
    opacity: 0;
  }
}
@keyframes shoot {
  0% {
    -webkit-transform: translateX(5px) scale(1);
            transform: translateX(5px) scale(1);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(20px) scale(0);
            transform: translateX(20px) scale(0);
    opacity: 0;
  }
}
#detail .likecomment {
  width: 40%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#detail .likecomment > div {
  width: 114px;
  text-align: center;
}
#detail .likecomment .like-button {
  margin: 0 auto;
}
#detail .likecomment-2col {
  width: 30%;
  margin: 0 auto;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#detail .commentbox {
  margin: 0;
}
#detail .commenticon {
  width: 30px;
  margin-bottom: 22px;
}
#detail .writecommentbox {
  display: inline-block;
  text-align: center;
}
#detail .writecommenticon {
  width: 25px;
  margin-bottom: 23px;
}
#detail .slick-track p {
  text-align: right;
}
#detail .mbt20 {
  margin: 20px 0;
  display: block;
}
#detail .event {
  height: 20px;
  text-align: center;
  display: block;
  margin-top: 10px;
  font-size: 12px;
  color: #ff0935;
}
#detail .eventicon {
  background: url() center no-repeat;
  background-size: 26px;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  bottom: -2px;
  left: -2px;
}
#detail .bookdetail_data dd {
  word-break: break-all !important;
}
#detail .mokuji dl {
  overflow: hidden;
  width: 100%;
  position: relative;
}
#detail .mokuji dt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
#detail .mokuji .accordion_single_question {
  padding: 20px 0;
  display: block;
}
#detail .mokuji .accordion_single_question:after {
  display: none;
}
#detail .mokuji {
  clear: both;
}
#detail .likebox .number {
  font-size: 16px;
  font-weight: bold;
  color: #d7443e;
}
#detail .commentbox .number {
  font-size: 16px;
  font-weight: bold;
  color: #646262;
}
#detail .writecommentbox .number {
  font-size: 16px;
  font-weight: bold;
  color: #646262;
}
#detail .c-image-circle {
  border-radius: 50%;
  border: 1px solid lightgray;
}
#detail .c-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 1.5rem;
  padding: 20px;
  text-align: left;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#detail .c-media_image {
  margin-right: 0;
}
#detail .c-media_image img {
  display: block;
  width: 80px;
}
#detail .c-media_cover img {
  max-width: 100px;
}
#detail .commentlist .c-media_body, #detail section.comment .c-media_body {
  width: calc(100% - 80px);
}
#detail .commentlist .c-media_body.magazine, #detail section.comment .c-media_body.magazine {
  width: 63%;
}
@media screen and (max-width: 767px) {
  #detail .commentlist .c-media_body.magazine, #detail section.comment .c-media_body.magazine {
    width: 37%;
  }
}
@media screen and (max-width: 359px) {
  #detail .commentlist .c-media_body.magazine, #detail section.comment .c-media_body.magazine {
    width: 27%;
  }
}
#detail .hidetext {
  background-position: center;
  text-indent: -9999px;
  margin: 50px auto;
}
#detail .more {
  background: url(/images/comment/arrow.png) top left no-repeat;
  width: 200px;
  height: 50px;
  border: none;
  margin: 50px auto;
  display: block;
  width: 44px;
  margin: 0 auto;
}
#detail .more2 {
  width: 200px !important;
  background-position: 20px !important;
  background-size: 30px 30px !important;
}
#detail .moredown2 {
  background-position: 20px !important;
  background-size: 30px 30px !important;
}
#detail .moredown {
  background: url(/images/comment/down.png) center no-repeat;
  width: 200px;
  height: 50px;
  border: none;
  margin: 50px auto;
  display: block;
}
#detail a.tagname:hover {
  border-bottom: 2px solid #4BCDED !important;
}
#detail .tagrow {
  padding: 0 5px 5px 109px !important;
  margin-bottom: 0 !important;
}
#detail a.report-link {
  font-size: 30px;
  display: block;
  text-align: center;
}
#detail .isatsu {
  font-size: 19px;
}
#detail .zenyomi {
  font-size: 21px;
  font-weight: bold;
  padding: 1px 10px;
  display: inline-block;
  vertical-align: middle;
}
#detail .zenyomilabel {
  font-size: 25px;
  font-weight: bold;
  padding: 3px 10px;
  margin: 0 10px 0 0;
  vertical-align: text-bottom;
}
#detail .discoff {
  margin-left: 8px;
}
#detail .pred {
  padding: 5px;
  font-size: 36px;
  vertical-align: middle;
}
#detail .c-media_body {
  margin-left: 30px;
}
#detail .buyright .arrow {
  top: 36%;
}
#detail input[type=checkbox] {
  padding: 2px;
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
#detail input[type=checkbox] + label:before {
  display: inline-block;
}
#detail input[type=checkbox] + label:before {
  content: "";
}
#detail input[type=checkbox] + label:before {
  letter-spacing: 10px;
}
#detail input[type=checkbox]:checked + label:before {
  content: "";
}
#detail input[type=checkbox]:checked + label:before {
  letter-spacing: 5px;
}
#detail .mb0 {
  margin-bottom: 0 !important;
}
@media screen and (min-width: 0px) and (max-width: 1010px) {
  #detail .bookdetail_right {
    width: 600px;
  }
}
@media screen and (min-width: 0px) and (max-width: 950px) {
  #detail .bookdetail_right {
    width: 450px;
  }
}
@media screen and (min-width: 0px) and (max-width: 790px) {
  #detail .bookdetail_right {
    width: 400px;
  }
}
@media screen and (max-width: 767px) {
  #detail .commenticon {
    width: 30px;
    margin-bottom: 18px;
  }
  #detail .likecomment {
    width: 100%;
  }
  #detail .bookdetail_top {
    margin: 0;
  }
  #detail .bookdetail_left {
    max-width: 320px;
    display: table-cell;
    margin-right: 20px;
  }
  #detail .bookdetail_right {
    display: table-cell;
  }
  #detail .bookdetail_right .btn {
    text-align: center;
  }
  #detail .buybox {
    width: 100%;
  }
  #detail .buyleft {
    padding: 10px;
  }
  #detail .f20 {
    font-size: 14px;
  }
  #detail .f35 {
    font-size: 25px;
  }
  #detail .f15 {
    font-size: 11px;
  }
  #detail .bookdetail {
    padding: 40px 0 0;
    clear: both;
    position: relative;
  }
  #detail .buyright {
    top: 0;
    right: 3%;
  }
  #detail .buyright .arrow {
    right: 0px;
  }
  #detail .buyright .btn {
    padding: 13px 10px;
    margin: 20px 0;
  }
  #detail .slick-prev,
  #detail .slick-next {
    display: none !important;
  }
  #detail .c-media {
    padding: 0;
  }
  #detail .tagcircle {
    display: inline-block;
  }
  #detail .c-media_image img {
    width: 60px;
  }
  #detail .commentlist {
    margin-top: 20px;
  }
  #detail .c-media_cover img {
    width: 74px;
  }
  #detail .likebox .number,
  #detail .commentbox .number,
  #detail .writecommentbox .number {
    font-size: 16px;
  }
  #detail .more2 {
    width: 180px !important;
  }
  #detail .isatsu {
    font-size: 15px;
  }
  #detail .writecommentbox {
    margin: 0;
  }
  #detail .likecomment {
    margin-top: 20px;
  }
  #detail h2.arasuji {
    margin: 40px auto 20px !important;
  }
  #detail .discoff {
    margin-left: 0;
  }
  #detail .zenyomilabel {
    margin: 0;
    font-size: 19px;
  }
  #detail .bookdetail_left {
    width: 152px;
    vertical-align: top;
    position: relative;
    top: 0;
  }
  #detail .bookcover img {
    -o-object-fit: contain;
       object-fit: contain;
    vertical-align: top !important;
    margin-top: 0;
    padding-top: 0;
  }
  #detail .likecomment {
    width: 75%;
  }
  #detail .likecomment-2col {
    width: 52%;
  }
  #detail .commentbox .number {
    margin-top: 6px;
  }
}
@media screen and (min-width: 0px) and (max-width: 400px) {
  #detail .likecomment {
    width: 85%;
  }
  #detail .c-media_image img {
    width: 60px;
  }
  #detail .commentlist {
    margin-top: 20px;
  }
  #detail .bookdetail_left {
    width: 152px;
    vertical-align: top;
    position: relative;
    top: 0;
  }
  #detail .bookdetail_right .btn {
    padding: 13px 20px 13px 17px;
    border-radius: 0;
  }
  #detail .bookdetail_right > * {
    width: 137px;
  }
  #detail .bookcover img {
    -o-object-fit: contain;
       object-fit: contain;
    vertical-align: top !important;
    margin-top: 0;
    padding-top: 0;
  }
  #detail .writecommentbox .event {
    font-size: 10px;
  }
}
@media screen and (min-width: 0px) and (max-width: 375px) {
  #detail .bookdetail_right {
    width: 48%;
  }
}
@media screen and (min-width: 0px) and (max-width: 374px) {
  #detail .bookdetail_right {
    width: 48%;
    padding-left: 3px;
  }
}
@media screen and (min-width: 0px) and (max-width: 320px) {
  #detail .bookdetail_right {
    width: 40%;
  }
  #detail .buyleft {
    zoom: 0.8;
  }
}
#detail .buyleft {
  zoom: 0.8;
}
#detail .viewmore {
  cursor: hand;
  cursor: pointer;
  background: url(/images/arrow_viewmore.png) top left no-repeat;
  width: 200px;
  height: 50px;
  border: none;
  margin: 15px auto;
  display: block;
  width: 44px;
}

#social {
  /*************
  purchase
  *************/
}
#social .social h2 p {
  margin: 0;
  padding: 10px 0;
  text-align: left;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
#social .social .content {
  padding: 10px 80px;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}
#social .social .content .socials > li {
  text-align: center;
  padding: 0px 10px;
}
#social .social .content .socials > li:last-child {
  margin-bottom: 10px;
}
#social .social .content .socials > li h3 {
  font-size: 16px;
  background-color: #ffffff;
  text-align: center;
  margin-bottom: 10px;
  font-weight: bold;
  margin-top: 10px;
}
#social .social .content .socials > li a {
  text-decoration: underline !important;
  width: 100%;
}
#social .social .content .socials > li a img {
  width: 80%;
  max-width: 400px;
  height: 80%;
  max-height: 80px;
}
#social .social .content .socials > li .memo {
  margin-top: 10px;
  text-align: center;
}
#social .social .content .socials > li .memo p {
  font-size: 12px;
  color: #6f6f6f;
}
#social .social .content .socials > li .memo-pc {
  display: none;
}
#social .social .content .socials > li .others li {
  margin-bottom: 10px;
}
#social .social .content .socials > li .others li:last-child {
  margin-bottom: 0;
}
#social .social .content .agreement-environment p {
  text-align: center;
  width: 49%;
  display: inline-block;
}
#social .social .content .agreement-environment p a {
  color: #6f6f6f;
  text-decoration: none;
}
#social .social .content .agreement-environment span {
  color: #6f6f6f;
}
#social .social .hide-sp {
  display: none;
}
#social .social .content .socials .newPurchase {
  margin-bottom: 10px;
  border: solid 1px #a5a5a5;
}
#social .social .content .socials .newPurchase .purchaseLink {
  font-size: 18px;
  font-weight: bold;
}
#social .social .content .socials .newPurchase .purchaseLink a {
  color: #000000;
}
#social .purchase-choose h2 {
  background: #4BCDED;
  background-size: 4px auto;
  text-align: center;
}
#social .purchase-choose h2 p {
  display: inline-block;
  font-size: 24px;
  color: white;
  padding: 7px 20px;
  font-weight: bold;
}
#social .purchase-choose .content {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 10px 20px;
}
#social .purchase-choose .content .socials > li {
  text-align: center;
  padding: 10px 10px 10px;
  border-radius: 3px;
}
#social .purchase-choose .content .socials > li h3 {
  margin-top: 0;
}
#social .purchase-choose .content .socials > li.border-block {
  margin-bottom: 20px;
  border: solid 1px #a5a5a5;
  margin-top: 30px;
}
#social .purchase-choose .content .socials > li.border-block h4 {
  margin-top: 0;
}
#social .purchase-choose .content .socials > li:last-child {
  margin-bottom: 20px;
  border: solid 1px #a5a5a5;
  margin-top: 30px;
}
#social .purchase-choose .content .socials > li h3 {
  width: calc(100% - 0px);
  font-size: 20px;
  text-align: center;
  margin-bottom: 10px;
  font-weight: bold;
}
#social .purchase-choose .content .socials > li p {
  font-size: 18px;
}
#social .purchase-choose .content .socials > li h3 img {
  padding-left: 20px;
  padding-right: 20px;
  background-color: #ffffff;
  width: 70%;
  min-width: 250px;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#social .purchase-choose .content .socials > li a {
  width: 100%;
}
#social .purchase-choose .content .socials > li a img {
  width: 80%;
  max-width: 400px;
  height: 80%;
  max-height: 80px;
}
#social .purchase-choose .content .socials > li .memo {
  margin-top: 5px;
  text-align: center;
}
#social .purchase-choose .content .socials > li .memo p {
  font-size: 15px;
  color: #f90505;
}
#social .purchase-choose .content .socials > li .memo-pc {
  display: none;
}
#social .purchase-choose .content .socials > li .others li {
  margin-bottom: 5px;
}
#social .purchase-choose .content .socials > li .others li:last-child {
  margin-bottom: 10px;
}
#social .purchase-choose .content .socials .terms_of_service > li {
  position: relative;
  text-align: center;
  padding: 10px 10px 10px;
  border-radius: 3px;
  margin-bottom: 20px;
}
#social .purchase-choose .content .socials .terms_of_service > li h3 {
  width: calc(100% - 0px);
  font-size: 20px;
  top: -25px;
  position: absolute;
  text-align: center;
  margin-bottom: 10px;
  font-weight: bold;
}
#social .purchase-choose .content .socials .terms_of_service > li p {
  font-size: 18px;
}
#social .purchase-choose .content .socials .terms_of_service > li h3 img {
  padding-left: 20px;
  padding-right: 20px;
  background-color: #ffffff;
  width: 70%;
  min-width: 250px;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#social .purchase-choose .content .socials .terms_of_service > li a {
  width: 100%;
}
#social .purchase-choose .content .agreement-environment p {
  text-align: center;
  width: 48%;
  display: inline-block;
}
#social .purchase-choose .content .agreement-environment p a {
  color: #6f6f6f;
  text-decoration: none;
}
#social .purchase-choose .content .agreement-environment span {
  color: #6f6f6f;
}
#social .purchase-choose .content .memos p {
  font-size: 18px;
  margin-bottom: 5px;
}
#social .purchase-choose .content .memos p strong {
  font-weight: bold;
}
#social .purchase-choose .content .memos p:first-child {
  color: #f90505;
  font-weight: bold;
}
#social .purchase-choose .content .memos p:last-child {
  margin-bottom: 30px;
}
#social .purchase-choose .hide-pc {
  display: none;
}
#social .purchase-choose .registeredLogin {
  font-size: 18px;
  font-weight: bold;
}
#social .purchase-choose .registeredLogin a {
  color: #000000;
  text-decoration: underline !important;
}
@media screen and (max-width: 767px) {
  #social {
    /*************
    social_login
    *************/
    /*************
    purchase
    *************/
  }
  #social .social + footer .copyright {
    font-size: 12px;
    color: #666;
    padding: 0;
    margin: 0;
  }
  #social .social h2 p {
    font-size: 18px;
    color: white;
    font-weight: bold;
    background: #4BCDED;
    background-size: 4px auto;
    padding: 7px 15px;
    color: white;
  }
  #social .social .content {
    padding: 10px;
  }
  #social .social .content .socials > li {
    text-align: center;
    padding: 5px;
    padding-top: 0;
  }
  #social .social .content .socials .newPurchase {
    margin-bottom: 10px;
    border: solid 1px #a5a5a5;
  }
  #social .social .content .socials > li h3, #social li h4 {
    font-size: 16px;
    background-color: #ffffff;
    text-align: center;
    margin-bottom: 5px;
    font-weight: bold;
    margin-top: 10px;
  }
  #social .social .content .socials > li a {
    width: 100%;
  }
  #social .social .content .socials > li a img {
    width: 80%;
    max-width: 400px;
    height: 80%;
    max-height: 80px;
  }
  #social .social .content .socials > li .memo {
    margin-top: 5px;
    text-align: center;
  }
  #social .social .content .socials > li .memo p {
    font-size: 12px;
    color: #6f6f6f;
  }
  #social .social .content .socials > li .memo-pc {
    display: none;
  }
  #social .social .content .socials > li .others li {
    margin-bottom: 5px;
  }
  #social .social .content .socials > li .others li:last-child {
    margin-bottom: 0;
  }
  #social .social .content .agreement-environment p {
    text-align: center;
    width: 48%;
    display: inline-block;
  }
  #social .social .content .agreement-environment p a {
    color: #6f6f6f;
    text-decoration: none;
  }
  #social .social .content .agreement-environment span {
    color: #6f6f6f;
  }
  #social .social .content .memos p {
    font-size: 12px;
    margin-bottom: 5px;
  }
  #social .social .content .memos p strong {
    font-weight: bold;
  }
  #social .social .content .memos p:last-child {
    margin-bottom: 0;
  }
  #social .social .hide-pc {
    display: none;
  }
  #social .social .hide-sp {
    display: block;
  }
  #social .purchase-choose h2 p {
    font-size: 18px;
    color: white;
    font-weight: bold;
    background: #4BCDED;
    background-size: 4px auto;
    padding: 7px 15px;
  }
  #social .purchase-choose .content {
    padding: 30px 20px 20px;
  }
  #social .purchase-choose .content .socials > li {
    text-align: center;
    padding: 5px 5px 5px;
    border-radius: 3px;
    margin-bottom: 10px;
  }
  #social .purchase-choose .content .socials > li:nth-last-child(-n+2) {
    margin-bottom: 10px;
    border: solid 1px #a5a5a5;
  }
  #social .purchase-choose .content .socials > li h3 {
    font-size: 14px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
  }
  #social .purchase-choose .content .socials > li h4 {
    width: calc(100% - 0px);
    font-size: 14px;
    top: -25px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
  }
  #social .purchase-choose .content .socials > li h3 img {
    padding-left: 20px;
    padding-right: 20px;
    background-color: #ffffff;
    width: 50%;
    min-width: 200px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  #social .purchase-choose .content .socials > li a {
    width: 100%;
  }
  #social .purchase-choose .content .socials > li a img {
    width: 85%;
    max-width: 400px;
    height: 80%;
    max-height: 80px;
  }
  #social .purchase-choose .content .socials > li .memo {
    text-align: center;
  }
  #social .purchase-choose .content .socials > li .memo p {
    font-size: 12px;
    color: #f90505;
  }
  #social .purchase-choose .content .socials > li .memo-pc {
    display: none;
  }
  #social .purchase-choose .content .socials > li .others li {
    margin-bottom: 5px;
  }
  #social .purchase-choose .content .socials > li .others li:last-child {
    margin-bottom: 0;
  }
  #social .purchase-choose .content .socials .terms_of_service > li {
    position: relative;
    text-align: center;
    padding: 5px 5px 5px;
    border-radius: 3px;
    margin-bottom: 30px;
  }
  #social .purchase-choose .content .socials .terms_of_service > li h3 {
    width: 100%;
    font-size: 16px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
  }
  #social .purchase-choose .content .socials .terms_of_service > li a {
    width: 100%;
  }
  #social .purchase-choose .content .agreement-environment p {
    text-align: center;
    width: 48%;
    display: inline-block;
  }
  #social .purchase-choose .content .agreement-environment p a {
    color: #6f6f6f;
    text-decoration: none;
  }
  #social .purchase-choose .content .agreement-environment span {
    color: #6f6f6f;
  }
  #social .purchase-choose .content .memos p {
    font-size: 12px;
    margin-bottom: 5px;
  }
  #social .purchase-choose .content .memos p strong {
    font-weight: bold;
  }
  #social .purchase-choose .content .memos p:first-child {
    color: #f90505;
    font-weight: bold;
  }
  #social .purchase-choose .content .memos p:last-child {
    margin-bottom: 0;
  }
  #social .purchase-choose .hide-sp {
    display: initial;
  }
  #social .purchase-choose .hide-pc {
    display: block;
  }
  #social .purchase-choose .hide-sp {
    display: none;
  }
}

#special {
  /*tab 2 */
  /*tab */
  /* accordion plus min */
  /* 記事一覧をフレックスボックスにて調整 */
}
#special .searchtitle {
  background: #4BCDED;
}
#special .searchtitle h2 {
  font-size: 20px;
  text-align: center;
  margin: 0;
  padding: 10px 0;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
#special h3 {
  color: black;
  text-align: center;
  font-weight: bold;
}
#special h4 {
  color: black;
  text-align: left;
  font-weight: normal;
}
#special h5 {
  font-size: 16px;
  margin-top: 20px;
  font-weight: 700;
}
#special .left {
  text-align: left !important;
}
#special .borderbot {
  display: block;
  border-bottom: 2px solid #aeb6b5;
  padding-bottom: 10px;
  margin-bottom: -5px;
  text-align: left;
}
#special .tabs {
  padding-top: 1em;
  margin-bottom: 1em;
  background-color: #ffffff;
}
#special .tabs_label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#special .tabs_label,
#special .tabs_label > li {
  padding: 0;
  margin: -20px auto -8px;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
#special .tabs_label > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  font-size: 1.125em;
  padding: 10px 30px;
  font-weight: bold;
  margin: 0 0 0 0.5em;
  font-weight: bold;
  border-bottom: 4px solid transparent;
}
#special .tabs_label > li:hover {
  color: #e34668;
}
#special .tabs_label > li.current {
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 4px solid #e34668;
  color: #e34668;
}
#special .tabs_contents > div {
  border-top: none;
  padding: 1em;
  display: none;
}
#special .tabs_contents > div.current {
  display: block;
}
#special .tabs_contents > div {
  background-color: #ffffff;
}
#special ul.tabs li {
  background: none;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
}
#special .tab-contents {
  display: none;
  margin: 0 0 30px;
}
#special .tab-contents.current {
  display: inherit;
}
#special .tab-contents .tag a.tagname {
  padding: 5px 10px;
  margin-right: 0;
}
#special .tag ul {
  text-align: center;
}
#special .img01 {
  width: 552px;
}
#special .leftimg {
  width: 292px;
  text-align: center;
  display: block;
  margin: 20px auto;
}
#special .rightimg {
  width: 351px;
  text-align: center;
  display: block;
  margin: 20px auto;
}
#special .renewalblock {
  display: inline-block;
  font-size: 20px !important;
}
#special .updatetime {
  float: right;
}
#special .rankingnumber {
  font-size: 17px;
  font-weight: bold;
  vertical-align: top;
  color: #e34668;
}
#special .heart {
  background: url(/images/heart.png) no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
}
#special .leftimg02 {
  width: 292px;
  text-align: center;
  display: block;
  margin: 20px auto;
}
#special .rightimg02 {
  width: 231px;
  text-align: center;
  display: block;
  margin: -10px auto 20px;
}
#special .w50 {
  width: 450px;
  display: inline-block;
  margin: 0 50px 20px 0;
}
#special .taisho {
  padding: 20px 0 80px;
}
#special ul.magrow li {
  display: inline-block;
}
#special ul.magrow li img {
  width: 83px;
}
#special .snsbox {
  padding: 0 0 80px;
}
#special .tanmatsu {
  padding: 0 0 80px;
}
#special .priceimg {
  width: 398px;
}
#special .vercen {
  vertical-align: middle !important;
}
#special .heartbox {
  margin: 0;
}
#special .topbtn {
  width: 95px;
  border: 3px solid #4BCDED;
  float: right;
  border-radius: 10px;
  position: relative;
  color: #646262;
  padding-left: 3px;
}
#special a.topbtn:hover {
  background: #4BCDED;
}
#special .leftbtn {
  margin-top: 0;
  float: right;
}
#special .topbtn .arrow {
  top: 4px;
  right: 0;
}
#special .tabg {
  padding: 10px 26px;
  color: black;
  display: inline-block;
  cursor: pointer;
}
#special .tabg.current {
  color: #e34668;
  font-weight: bold;
}
#special .tabs {
  padding-top: 1em;
  margin-bottom: 1em;
  background-color: #ffffff;
}
#special .tabs_label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#special .tabs_label,
#special .tabs_label > li {
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-bottom: -8px;
}
#special .tabs_label > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  font-size: 1.125em;
  padding: 10px 30px;
  font-weight: bold;
  margin: 0 0 0 0.5em;
  border-bottom: 4px solid transparent;
}
#special .tabs_label > li:hover {
  color: #e34668;
}
#special .tabs_label > li.current {
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 4px solid #e34668;
  color: #e34668;
}
#special .tabs_content > div {
  border-top: none;
  padding: 1em;
  display: none;
}
#special .tabs_content > div.current {
  display: block;
}
#special .tabs_content > div {
  background-color: #ffffff;
}
#special ul.tab li {
  background: none;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
}
#special .tab-content {
  display: none;
  margin: 0 0 30px;
}
#special .tab-content.current {
  display: inherit;
}
#special ul.tabs_user {
  overflow-x: auto;
  white-space: nowrap;
}
#special ul.tabs_user li {
  white-space: initial;
}
#special h3#rankingmanga {
  margin-bottom: 10px;
}
#special .mtm20 {
  margin-top: 0;
}
#special .accordions {
  display: block;
  font-size: inherit;
  margin: 0px;
  position: relative;
}
#special input.accordions-toggle {
  display: none;
  position: absolute;
  visibility: hidden;
  left: 50%;
  top: 50%;
  z-index: 1;
}
#special .accordions__header {
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  position: relative;
  z-index: 2;
}
#special .accordions__header:hover:before, #special .accordions__header:hover:after {
  background-color: black;
}
#special .accordions__header:before, #special .accordions__header:after {
  background-color: black;
  content: "";
  display: block;
  position: absolute;
  z-index: 3;
}
#special .accordions__header:before {
  height: 2px;
  margin-top: -1px;
  top: 50%;
  right: 20px;
  width: 8px;
}
#special .accordions__header:after {
  height: 8px;
  margin-top: -4px;
  top: 50%;
  right: 23px;
  width: 2px;
}
#special .accordions-toggle:checked + .accordions .accordions__header {
  color: black;
}
#special .accordions-toggle:checked + .accordions .accordions__header:hover {
  border-color: #15967d;
  color: white;
}
#special .accordions-toggle:checked + .accordions .accordions__header:before {
  background-color: black;
}
#special .accordions-toggle:checked + .accordions .accordions__header:after {
  display: none;
}
#special .accordions:last-child input:checked ~ .accordions__header {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
#special .accordions__content {
  background-color: white;
  display: none;
}
#special input:checked.accordions-toggle ~ .accordions__content {
  display: block;
}
#special .moreRight a {
  padding-left: 10px;
}
#special .banner-list {
  width: 100%;
  text-align: center;
}
#special .banner-list li {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
  width: 400px;
}
#special .banner-list li a {
  width: 400px;
}
#special .banner-list li a img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  #special .banner-list li {
    width: 300px;
  }
  #special .banner-list li a {
    width: 300px;
  }
}
#special main .max_pc_size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 1000px) {
  #special .accordion {
    width: 100%;
  }
  #special .w50 {
    width: 328px;
  }
  #special .bannerlist {
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
  }
  #special .priceimg {
    max-width: 308px;
  }
  #special .img01 {
    max-width: 402px;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  #special .leftbox {
    display: block;
  }
  #special .rightbox {
    display: block;
  }
  #special .leftbox,
  #special .rightbox {
    width: 100%;
  }
  #special .bannerlist img {
    max-width: 45%;
    margin: 8px;
    display: inline-block;
  }
  #special .priceimg {
    width: 338px;
  }
  #special .sns img {
    margin: 6px 6px 10px;
  }
  #special .img01 {
    width: 309px;
  }
  #special .rightimg {
    width: 310px;
    margin-top: 60px;
  }
  #special ul.magrow li img {
    width: 75px;
    margin-bottom: 10px;
  }
  #special .w75 {
    width: 75%;
    display: block;
    margin: 0 auto;
  }
  #special .mt10 {
    margin-top: 10px;
  }
}
@media screen and (min-width: 0px) and (max-width: 400px) {
  #special .bannerlist img {
    max-width: 153px;
  }
}

#special-list {
  /*tab */
  /* pagination */
}
#special-list .searchtitle {
  text-align: center;
  background: #4BCDED;
}
#special-list .searchtitle h2 {
  font-size: 20px;
  margin: 0;
  padding: 10px 0;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#special-list .searchtitle h2 .special-icon {
  height: 36px;
  margin-right: 5px;
}
#special-list .btn-group {
  margin-bottom: 50px;
}
#special-list .btn-group a {
  display: inline-block;
}
#special-list .thumbnail-image img {
  height: 178px;
}
#special-list .tab-content {
  padding: 0;
}
#special-list .popularbox {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  vertical-align: top;
}
#special-list .popularimg {
  display: inline-block;
  padding: 10px 5px;
  vertical-align: top;
  margin: 0 10px;
}
#special-list .popularimg img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 126px;
}
#special-list .rankingnumber {
  font-size: 17px;
  font-weight: bold;
  vertical-align: top;
  color: #e34668;
}
#special-list .rankupdown {
  float: right;
}
#special-list .rankupdown img {
  width: 13px;
  vertical-align: text-bottom;
}
#special-list .tabs {
  padding-top: 1em;
  margin-bottom: 1em;
  background-color: #ffffff;
}
#special-list .tabs_labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#special-list .tabs_labels,
#special-list .tabs_labels > li {
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
#special-list .tabs_labels > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  font-size: 1.125em;
  padding: 10px 40px;
  font-weight: bold;
  margin: 0 0 0 0.5em;
  font-weight: bold;
  border-bottom: 4px solid white;
}
#special-list .tabs_labels > li:hover {
  color: #e34668;
}
#special-list .tabs_labels > li.current {
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 4px solid #e34668;
  color: #e34668;
}
#special-list .tabs_content > div {
  border-top: none;
  padding: 1em;
  display: none;
}
#special-list .tabs_content > div.current {
  display: block;
}
#special-list .tabs_content > div {
  background-color: #ffffff;
}
#special-list ul.tabs {
  margin: 0 0 20px;
  padding: 0px;
  list-style: none;
}
#special-list ul.tabs li {
  background: none;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
}
#special-list .tab-content {
  display: none;
  padding: 15px;
  margin: 0 0 30px;
  text-align: center;
}
#special-list .tab-content.current {
  display: inherit;
}
#special-list .rankingnumber {
  display: block;
  text-align: left;
}
#special-list .middle {
  text-align: center;
  width: 22rem;
  margin: 20px auto 40px;
}
#special-list .middle ul,
#special-list .middle li {
  list-style: none;
  display: inline;
  padding-left: 0px;
}
#special-list .middle li:hover a {
  color: #646262;
  background-color: #d3d1d0;
}
#special-list .middle li.active a {
  color: #646262;
  background-color: #4BCDED;
}
#special-list .middle li:first-child a:after {
  content: "Previous";
}
#special-list .middle li:nth-child(2) {
  counter-reset: pagination;
}
#special-list .middle li:last-child a:after {
  content: "Next";
}
#special-list .middle li a {
  border-radius: 0.2rem;
  color: #646262;
  background-color: #4BCDED;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  padding: 0.5rem 0.9rem;
}
#special-list .middle li a {
  display: none;
}
#special-list .middle li:first-child a {
  display: inline-block;
}
#special-list .middle li:first-child a:after {
  content: "<";
}
#special-list .middle li:last-child a {
  display: inline-block;
}
#special-list .middle li:last-child a:after {
  content: ">";
}
#special-list .middle li:nth-child(2) a {
  display: inline-block;
}
#special-list .middle li:nth-child(3) a {
  display: inline-block;
}
#special-list .middle li:nth-child(4) a {
  display: inline-block;
}
#special-list .middle li:nth-child(5) a {
  display: inline-block;
}
#special-list .middle li:nth-last-child(2) a {
  display: inline-block;
}
#special-list .middle li:nth-last-child(3) {
  display: inline-block;
}
#special-list .magicon {
  background: url(/images/mag_icon.png) top no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
  margin: 0 20px 0 0;
  display: inline-block;
  position: relative;
  bottom: -7px;
}
#special-list .mangaicon {
  background: url(/images/manga_icon.png) top no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
  margin: 0 20px 0 0;
  display: inline-block;
  position: relative;
  bottom: -7px;
}
#special-list .book_nm_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: right;
}
#special-list .book_nm_box .book_nm {
  width: 110px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  #special-list .popularimg {
    margin: 0;
    padding: 10px 0;
    padding-right: 5px;
  }
  #special-list .book_nm_box .book_nm {
    width: 90px;
  }
}
@media screen and (min-width: 0px) and (max-width: 532px) {
  #special-list .popularimg {
    margin: 0;
    padding: 10px 8px;
  }
}
@media screen and (min-width: 0px) and (max-width: 514px) {
  #special-list .popularimg img {
    max-width: 100px !important;
  }
  #special-list .popularimg {
    margin: 0;
    padding: 10px 5px;
  }
  #special-list .thumbnail-image img {
    height: 141px;
  }
}
@media screen and (min-width: 0px) and (max-width: 400px) {
  #special-list .popularimg {
    margin: 0;
    padding: 10px 5px;
  }
  #special-list .popularimg img {
    max-width: 88px !important;
  }
  #special-list .thumbnail-image img {
    height: 126px;
  }
}
#special-list .popularimg img {
  height: 171px;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  #special-list .popularimg {
    margin: 0;
    padding: 10px 0;
  }
}
@media screen and (max-width: 767px) {
  #special-list .popularimg img {
    height: 142px;
  }
}
@media screen and (min-width: 0px) and (max-width: 532px) {
  #special-list .popularimg {
    margin: 0;
    padding: 10px 8px;
  }
}
@media screen and (min-width: 0px) and (max-width: 514px) {
  #special-list .popularimg img {
    max-width: 100px !important;
  }
  #special-list .popularimg {
    margin: 0;
    padding: 10px 5px;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  #special-list .popularimg {
    margin: 0;
    padding: 10px 5px;
  }
  #special-list .popularimg img {
    max-width: 100px !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 360px) {
  #special-list .popularimg {
    margin: 0;
    padding: 10px 5px;
  }
  #special-list .popularimg img {
    max-width: 83px !important;
  }
}
@media screen and (min-width: 768px) {
  #special-list .popularimg img {
    height: 180px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  #special-list .popularimg {
    width: 21.7%;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  #special-list .popularimg {
    margin: 0;
    padding: 10px 0;
    padding-right: 5px;
    width: 32.5%;
  }
}
@media screen and (min-width: 0px) and (max-width: 360px) {
  #special-list .popularimg {
    width: 32.4%;
  }
  #special-list .book_nm_box .book_nm {
    width: 80px;
  }
}

#leave .section-title {
  color: #000000;
  font-weight: bold;
  text-align: center;
}

#article .magazine-info {
  text-align: center;
  margin-bottom: 30px;
}
#article .magazine-info .magazine-name {
  margin: 20px 0;
}
#article .magazine-info .magazine-name .book-name, #article .magazine-info .magazine-name .book-title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
#article .magazine-info .note {
  font-size: 16px;
  margin-bottom: 20px;
}
#article .magazine-info .btn-info {
  margin-bottom: 20px;
}
#article .magazine-info .magazine-comment .commentlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#article .magazine-info .magazine-comment .c-media-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#article .magazine-info .magazine-comment p {
  margin-bottom: 10px;
}
#article .magazine-info .magazine-comment .comment p {
  text-align: left;
  width: 40%;
  max-width: 250px;
}
#article .magazine-info .magazine-comment .comment .profile img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
#article hr {
  margin-bottom: 30px;
}
#article .sokyu {
  margin-bottom: 30px;
}
#article .sokyu p {
  font-size: 18px;
  margin-bottom: 10px;
  text-align: center;
}
#article .sokyu .btn {
  margin-bottom: 20px;
  text-align: center;
}
#article .sample {
  background-color: #cc3333;
  color: #ffffff;
}
#article .otameshi {
  background-color: #d65b2f;
  color: #ffffff;
}

#member-comment .c-media_body {
  max-width: 617px;
}
@media screen and (max-width: 1000px) {
  #member-comment .c-media_body {
    max-width: 354px;
  }
}
@media screen and (max-width: 767px) {
  #member-comment .c-media_body {
    max-width: 170px;
  }
}
@media screen and (max-width: 359px) {
  #member-comment .c-media_body {
    max-width: 121px;
  }
}
#member-comment a.tagname {
  border: 3px solid #b4dcd9;
  border-radius: 15px;
  padding: 10px 30px !important;
  margin-right: 40px;
  color: #646262;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  #question .table-contents-update tbody tr td {
    display: block;
  }
}

#requlation h2 {
  margin: 30px 0;
}
#requlation .num_list01 {
  list-style: decimal;
}
#requlation .num_list01 li {
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  #requlation .num_list01 {
    margin-left: 15px;
    margin-right: 15px;
  }
}
#requlation .num_list02 {
  list-style: none;
}
#requlation .num_list02 li {
  margin-bottom: 10px;
  padding-left: calc(1em + 5px);
  text-indent: calc(-1em - 5px);
}
#requlation .num_list02 li span {
  padding-right: 5px;
}
#requlation .desc_list {
  margin-left: 20px;
  list-style-type: square;
}
#requlation .desc_list .tbl {
  margin-top: initial;
}
@media screen and (max-width: 767px) {
  #requlation .desc_list {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  #requlation .pageContent {
    margin-left: 15px;
    margin-right: 15px;
  }
}

#lineBannerOn {
  padding: 1.5%;
  border-radius: 5px;
  border: 1px solid #31b800;
  ​position: relative;
  -webkit-box-shadow: 0px 0px 12px #ccc;
          box-shadow: 0px 0px 12px #ccc;
  display: table;
  width: 97%;
  margin: 0 auto;
}

#lineBannerOn div {
  display: table-cell;
}

#lineBannerOn div:first-child {
  width: 100%;
}

#lineBannerOn img {
  width: 100%;
  border-radius: 5px;
  display: table-cell;
  margin-left: 0;
  vertical-align: middle;
}

#lineBannerOn div:last-child {
  vertical-align: middle;
  padding: 0px 7px;
}

#join_bookhodai {
  /* content */
  /*  SECTIONS  */
  /*  COLUMN SETUP  */
  /*  GROUPING  */
  /* Input Field CSS */
  /*  GO HALVE WIDTH BELOW 860 PIXELS */
  /*  GO FULL WIDTH BELOW 480 PIXELS */
}
#join_bookhodai body {
  -webkit-text-size-adjust: none;
  color: #333;
  line-height: 1.5em;
  width: 100%;
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  font-family: Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
  word-wrap: break-word;
}
#join_bookhodai div, #join_bookhodai dl, #join_bookhodai dt, #join_bookhodai dd, #join_bookhodai ul, #join_bookhodai ol, #join_bookhodai li, #join_bookhodai h1, #join_bookhodai h2, #join_bookhodai h3, #join_bookhodai h4, #join_bookhodai h5, #join_bookhodai h6, #join_bookhodai pre, #join_bookhodai form, #join_bookhodai fieldset, #join_bookhodai input, #join_bookhodai button, #join_bookhodai textarea, #join_bookhodai p, #join_bookhodai blockquote, #join_bookhodai th, #join_bookhodai td {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  font-family: Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
  word-wrap: break-word;
}
#join_bookhodai table {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
#join_bookhodai fieldset, #join_bookhodai img {
  border: 0;
}
#join_bookhodai address, #join_bookhodai caption, #join_bookhodai cite, #join_bookhodai code, #join_bookhodai dfn, #join_bookhodai em, #join_bookhodai strong, #join_bookhodai th, #join_bookhodai var {
  font-style: normal;
  font-weight: normal;
}
#join_bookhodai ol, #join_bookhodai ul {
  list-style: none;
}
#join_bookhodai caption, #join_bookhodai th {
  text-align: left;
}
#join_bookhodai q:before, #join_bookhodai q:after {
  content: "";
}
#join_bookhodai abbr, #join_bookhodai acronym {
  border: 0;
}
#join_bookhodai body, #join_bookhodai div, #join_bookhodai dl, #join_bookhodai dt, #join_bookhodai dd, #join_bookhodai ul, #join_bookhodai ol, #join_bookhodai li, #join_bookhodai h1, #join_bookhodai h2, #join_bookhodai h3, #join_bookhodai h4, #join_bookhodai h5, #join_bookhodai h6, #join_bookhodai pre, #join_bookhodai form, #join_bookhodai fieldset, #join_bookhodai input, #join_bookhodai button, #join_bookhodai textarea, #join_bookhodai p, #join_bookhodai blockquote, #join_bookhodai th, #join_bookhodai td {
  font-size: 14px;
  line-height: 1.5;
}
#join_bookhodai .xSmallFont {
  font-size: 10px;
  line-height: 1.5;
}
#join_bookhodai .smallFont {
  font-size: 12px;
  line-height: 1.5;
}
#join_bookhodai .largeFont {
  font-size: 16px;
  line-height: 1.5;
}
#join_bookhodai .xLargeFont {
  font-size: 18px;
  line-height: 1.5;
}
#join_bookhodai .clearfix {
  zoom: 1;
  min-height: 1px;
}
#join_bookhodai .clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#join_bookhodai * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#join_bookhodai * html .clearfix {
  height: 1px;
}
#join_bookhodai *::after, #join_bookhodai *::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#join_bookhodai html {
  height: 100%;
  -webkit-overflow-scrolling: touch;
}
#join_bookhodai body {
  height: 100%;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: none;
  font-family: Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
  color: #646262;
  font-size: calc(1rem + (1vw - 7.68px) * 0.6944);
  line-height: 1.5;
  background-color: #ffffff;
}
#join_bookhodai #wrap {
  width: 100%;
  padding: 0;
  margin: 0;
}
#join_bookhodai h2 {
  font-size: 22px;
  font-weight: bold;
  text-align: left;
  margin: 0 0 40px;
  color: #333;
  border-bottom: 1px solid gray;
}
#join_bookhodai h3 {
  font-size: 23px;
  margin: 20px 0;
  text-align: center;
  font-weight: bold;
}
#join_bookhodai h3.usertitle {
  background: #b4dcd9;
  color: #646262;
  padding: 10px 0;
}
#join_bookhodai h4 {
  text-align: center;
  margin: 20px 0 40px;
  font-weight: bold;
  color: #646262;
  font-size: 20px;
}
#join_bookhodai p {
  font-size: 16px;
}
#join_bookhodai a {
  text-decoration: none !important;
}
#join_bookhodai a.visited {
  text-decoration: none !important;
}
#join_bookhodai .f35 {
  font-size: 35px;
}
#join_bookhodai .f30 {
  font-size: 30px;
}
#join_bookhodai .f25 {
  font-size: 25px;
}
#join_bookhodai .f20 {
  font-size: 20px;
}
#join_bookhodai .f17 {
  font-size: 17px;
}
#join_bookhodai .f15 {
  font-size: 15px;
}
#join_bookhodai .red {
  color: red;
}
#join_bookhodai .center {
  text-align: center;
}
#join_bookhodai .m0 {
  margin: 0;
}
#join_bookhodai .mt40 {
  margin-top: 40px;
}
#join_bookhodai .mt60 {
  margin-top: 60px;
}
#join_bookhodai .mb20 {
  margin-bottom: 20px;
}
#join_bookhodai .mb40 {
  margin-bottom: 40px;
}
#join_bookhodai .mb60 {
  margin-bottom: 60px;
}
#join_bookhodai .mt40 {
  margin-top: 40px;
}
#join_bookhodai .mb60 {
  margin-bottom: 60px;
}
#join_bookhodai .mb80 {
  margin-bottom: 80px;
}
#join_bookhodai .mrl40 {
  margin: 0 40px;
}
#join_bookhodai .pc {
  display: block;
}
#join_bookhodai .sp {
  display: none;
}
#join_bookhodai .h20 {
  height: 20px;
}
#join_bookhodai .bold {
  font-weight: bold;
}
#join_bookhodai .redlabel {
  background: red;
  padding: 5px;
  color: white;
}
#join_bookhodai .pt40 {
  padding-top: 40px;
}
#join_bookhodai button:focus {
  outline: 0;
}
#join_bookhodai .content {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
#join_bookhodai .row {
  position: relative;
}
#join_bookhodai .bannertop {
  margin: 0 auto;
  text-align: center;
  display: block;
  width: 100%;
}
#join_bookhodai .qrbox {
  width: 200px;
  height: 200px;
  padding: 10px;
  background: black;
  margin: 40px auto;
  color: white;
}
#join_bookhodai .qrimg {
  width: 100%;
}
#join_bookhodai section {
  clear: both;
  padding: 20px;
  margin: 0 0 40px;
  font-size: 16px;
}
#join_bookhodai section.top {
  margin: 0;
}
#join_bookhodai section.gray {
  background: #eee;
}
#join_bookhodai .col {
  display: inline-block;
  float: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 1% 0 1% 1.6%;
}
#join_bookhodai .col img {
  width: 20%;
}
#join_bookhodai .col p {
  margin: 20px 0 0;
}
#join_bookhodai .group__promo_bookhodai {
  zoom: 1;
  /* For IE 6/7 */
}
#join_bookhodai .group__promo_bookhodai:before {
  content: "";
  display: table;
}
#join_bookhodai .group__promo_bookhodai:after {
  content: "";
  display: table;
  clear: both;
}
#join_bookhodai .span_1quarter {
  width: 22.8%;
  border: 1px solid #333;
  text-align: center;
  padding: 20px 0 25px;
}
#join_bookhodai .span_1quarter p {
  font-size: 18px;
  font-weight: bold;
}
#join_bookhodai .datainput {
  position: relative;
  margin: 30px 0;
}
#join_bookhodai .datainput p {
  font-size: 12px;
  background: #eee;
  display: inline-block;
  padding: 5px 15px;
  border-radius: 0.5rem;
}
#join_bookhodai .whatsapp-form textarea {
  min-height: 120px;
}
#join_bookhodai .datainput select {
  padding: 12px 0;
  color: #555;
  font-size: 14px;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #ddd;
  outline: none;
  background: #ffffff;
}
#join_bookhodai .datainput input, #join_bookhodai .datainput textarea {
  font-size: 15px;
  padding: 15px 0;
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #ddd;
}
#join_bookhodai .datainput input:focus, #join_bookhodai .datainput textarea:focus {
  outline: none;
}
#join_bookhodai .datainput label {
  color: #999;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  pointer-events: none;
  left: 10px;
  top: 18px;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
#join_bookhodai .datainput input:focus ~ label, #join_bookhodai .datainput input:valid ~ label {
  top: -20px;
  font-size: 14px;
  color: #ff9900;
}
#join_bookhodai .datainput textarea:focus ~ label, #join_bookhodai .datainput textarea:valid ~ label {
  top: -20px;
  font-size: 14px;
  color: #ff9900;
}
#join_bookhodai .bar {
  position: relative;
  display: block;
  width: 100%;
}
#join_bookhodai .bar:before, #join_bookhodai .bar:after {
  content: "";
  height: 2px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: gray;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
#join_bookhodai .bar:before {
  left: 50%;
}
#join_bookhodai .bar:after {
  right: 50%;
}
#join_bookhodai .datainput textarea {
  border: 1px solid #ddd;
}
#join_bookhodai .datainput input:focus ~ .bar:before, #join_bookhodai .datainput input:focus ~ .bar:after {
  width: 50%;
}
#join_bookhodai .datainput textarea:focus ~ .bar:before, #join_bookhodai .datainput textarea:focus ~ .bar:after {
  width: 50%;
}
#join_bookhodai .highlight {
  position: absolute;
  height: 50%;
  width: 100px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}
#join_bookhodai .datainput input:focus ~ .highlight, #join_bookhodai .datainput textarea:focus ~ .highlight {
  -webkit-animation: inputHighlighter 0.3s ease;
          animation: inputHighlighter 0.3s ease;
}
#join_bookhodai .datainput input:focus ~ label, #join_bookhodai .datainput input:valid ~ label {
  top: -20px;
  font-size: 13px;
  color: gray;
}
#join_bookhodai .datainput textarea:focus ~ label, #join_bookhodai .datainput textarea:valid ~ label {
  top: -20px;
  font-size: 13px;
  color: gray;
}
@media only screen and (max-width: 860px) {
  #join_bookhodai .col {
    margin: 1% 0 1% 0%;
  }
  #join_bookhodai .span_1quarter, #join_bookhodai .span_halve, #join_bookhodai .span_third, #join_bookhodai .span_full {
    width: 49.2%;
  }
}
@media only screen and (max-width: 480px) {
  #join_bookhodai .col {
    margin: 1% 0 1% 0%;
  }
  #join_bookhodai .span_1quarter, #join_bookhodai .span_halve, #join_bookhodai .span_third, #join_bookhodai .span_full {
    width: 100%;
    padding: 10px 1% 1% 1%;
  }
}
#join_bookhodai .w500 {
  width: 100%;
  max-width: 510px !important;
  display: block;
  margin: 0 auto;
}
#join_bookhodai .w300 {
  width: 310px !important;
  display: inline-block;
  margin: 0 auto 20px;
}
#join_bookhodai .btn {
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 2px;
  padding: 13px 25px 13px 17px;
  border: none;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  -webkit-transition: color 0.2s linear, background-color 0.2s linear;
  transition: color 0.2s linear, background-color 0.2s linear;
  position: relative;
}
#join_bookhodai .pink {
  color: #ff0066;
}
#join_bookhodai .btn.black {
  background-color: black;
  color: white;
  display: block;
  width: 20%;
  margin: 20px auto;
  border: 1px solid black;
}
#join_bookhodai .btn.black:hover {
  background-color: white;
  color: black;
  border: 1px solid black;
}
#join_bookhodai ul li {
  text-indent: -1rem;
  padding-left: 1rem;
}
@media screen and (min-width: 0px) and (max-width: 768px) {
  #join_bookhodai header nav {
    padding-right: 20px;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  #join_bookhodai .pc {
    display: none;
  }
  #join_bookhodai .sp {
    display: block;
  }
  #join_bookhodai body {
    line-height: 1.5;
  }
  #join_bookhodai .btn.black {
    width: 40%;
  }
}
@media screen and (min-width: 0px) and (max-width: 472px) {
  #join_bookhodai .pc {
    display: none;
  }
  #join_bookhodai .sp {
    display: block;
  }
}
#join_bookhodai #err-msg {
  color: #ff0066;
  padding: 5px;
}
#join_bookhodai .remarks {
  list-style: none;
  font-size: 14px;
}

.l-genrelist {
  margin: 60px 0;
}
.l-genrelist__detail-headline {
  font-weight: bold;
  font-size: 17px;
  color: #000000;
  text-align: center;
  margin: 40px 0;
}
.l-genrelist__genre-box {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.l-genrelist__genre-item {
  width: 50%;
}
.l-genrelist__genre-btn {
  width: 92%;
  display: block;
  margin: 10px auto;
  padding: 17px 30px;
  border: 2px solid #4BCDED;
  border-radius: 2px;
  color: #646262;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 2px;
  position: relative;
  -webkit-transition: color 0.2s linear, background-color 0.2s linear;
  transition: color 0.2s linear, background-color 0.2s linear;
}
.l-genrelist__genre-btn:hover {
  background-color: #4BCDED;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
@media screen and (max-width: 767px) {
  .l-genrelist__genre-item {
    width: 100%;
  }
  .l-genrelist__genre-btn {
    width: 100%;
    padding: 17px 20px;
    margin: 10px 0;
  }
}

.c-modal {
  border-radius: 3px;
  background-color: #FFF;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px 20px;
}
.c-modal--adult-confirm {
  padding: 10px;
}
.c-modal--adult-confirm__enclosure {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: solid 1px #646262;
  padding: 15px 10px;
  text-align: center;
}
.c-modal--adult-confirm__message {
  text-align: center;
}
.c-modal__message {
  text-align: center;
}
.c-modal__message--adult-confirm {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  width: 100%;
}
.c-modal__button {
  cursor: pointer;
  text-align: center;
  color: #646262;
  border: 2px solid #4BCDED;
  background: rgba(0, 0, 0, 0);
  font-size: 14px;
  padding: 17px 50px;
  font-weight: bold;
  letter-spacing: 2px;
  border-radius: 2px;
  -webkit-transition: color 0.2s linear, background-color 0.2s linear;
  transition: color 0.2s linear, background-color 0.2s linear;
  display: block;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}
.c-modal__button:hover {
  background-color: #4BCDED;
}
.c-modal__button--blue {
  border-color: #0060cb;
}
.c-modal__button--blue:hover {
  color: #ffffff;
  background-color: #0060cb;
}
.c-modal__button:last-child {
  margin-bottom: 0;
}
.c-modal__button--horizontal {
  display: inline-block;
  width: 35%;
  padding: 17px 25px;
}
.c-modal__button--horizontal:last-child {
  margin-bottom: 15px;
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .c-modal__button--horizontal {
    padding: 17px 15px;
  }
}
.c-modal__button--border-red {
  border: solid 1px #cc3333;
}
.c-modal__button--border-red:hover {
  background-color: initial;
}
.c-modal__button--background-red {
  background-color: #cc3333;
  color: #ffffff;
  border: solid 1px #646262;
}
.c-modal__button--background-red:hover {
  background-color: #cc3333;
}
.c-modal__no_display {
  font-size: 16px;
  font-weight: bold;
}
.c-modal__check_no_display {
  margin-right: 7px;
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
}

.c-button {
  display: inline-block;
  font-size: 16px;
  border: solid 1px #737373;
  border-radius: 8px;
  background-color: #FFF;
  width: 250px;
  padding: 15px 10px;
  color: #646262;
}
.c-button--sexy {
  color: #FFF;
  background-color: #f5668d;
}
.c-button--blue {
  color: #FFF;
  border: 0;
  border-radius: 5px;
  background-color: #4BCDED;
}
.c-button--info {
  font-size: 14px;
  width: 200px;
  height: 60px;
  padding: 0;
  border: solid 1px #4BCDED;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-button--small {
  width: 100px;
}
.c-button--vsmall {
  font-size: 12px;
  width: initial;
  padding: 5px 3px;
}
.c-button--read {
  background-color: #cc3333;
  border: solid 1px #cc3333;
  color: #FFF;
  border-radius: 3px;
  width: 100px;
  font-size: 14px;
  padding: 6px 5px;
}

.c-tag {
  display: inline-block;
  padding: 0.3em;
  text-decoration: none;
  color: #646262;
  font-size: 14px;
  text-align: center;
  min-width: 70px;
  border: solid 2px #646262;
  border-radius: 3px;
}
.c-tag--pink {
  border: solid 2px #F8A0C9;
}
.c-tag--adult {
  color: #ffffff;
  border-color: #F8A0C9;
  background-color: #F8A0C9;
  font-weight: 800;
  font-size: 16px;
}

.c-heading-genrelist {
  font-size: 20px !important;
}
.c-heading-genrelist__icon {
  position: relative;
  bottom: -5px;
  vertical-align: top;
}

.pg-sexy .manga-normal {
  position: relative;
  top: -15px;
}
.pg-sexy-gate h3 {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}
.pg-sexy-gate h4 {
  font-size: 18px;
  text-align: center;
}
.pg-sexy-gate h4 span {
  display: inline-block;
  border-bottom: solid 2px #f5668d;
  line-height: 1.2;
}
.pg-sexy-gate p {
  color: #646262;
  text-align: center;
}
.pg-sexy-gate .button-group {
  margin-left: auto;
  margin-right: auto;
  width: 300px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pg-sexy-search {
  /*tab */
  /* pagination */
}
.pg-sexy-search .sexy-tags-section .sexy-tags {
  padding-left: 30px;
  padding-right: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .pg-sexy-search .sexy-tags-section .sexy-tags {
    padding-left: 0;
    padding-right: 0;
  }
}
.pg-sexy-search .sexy-tags-section .sexy-tags li {
  width: 10%;
  margin-bottom: 7px;
}
@media screen and (max-width: 768px) {
  .pg-sexy-search .sexy-tags-section .sexy-tags li {
    width: 24%;
  }
}
.pg-sexy-search .sexy-tags-section .sexy-tags li a {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .pg-sexy-search .sexy-tags-section .sexy-tags li a {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .pg-sexy-search .sexy-tags-section .sexy-tags li a {
    font-size: 11px;
  }
}
.pg-sexy-search .sexy-tags-section .to-tag-list {
  text-align: right;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: underline;
}
@media screen and (max-width: 1024px) {
  .pg-sexy-search .sexy-tags-section .to-tag-list {
    padding-left: 0;
    padding-right: 0;
  }
}
.pg-sexy-search .sexy-tags-section .to-tag-list a {
  color: #646262;
}
.pg-sexy-search .books {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pg-sexy-search .books li {
  text-align: center;
  width: 16%;
}
@media screen and (max-width: 768px) {
  .pg-sexy-search .books li {
    width: 33%;
  }
}
.pg-sexy-search .books li .thumbnail-image {
  margin: 0;
}
.pg-sexy-search .books li .thumbnail-image > a {
  display: inline-block;
}
.pg-sexy-search .books li .thumbnail-image figcaption {
  text-align: center;
}
.pg-sexy-search .books li .thumbnail-image figcaption .book_nm_box {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  text-align: initial;
  text-align: center;
}
.pg-sexy-search .books li .thumbnail-image figcaption .book_nm_box .book_nm {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pg-sexy-search .tab-content {
  padding: 0;
}
.pg-sexy-search .popularbox {
  display: contents;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  vertical-align: top;
  text-align: left;
}
.pg-sexy-search .popularimg {
  display: inline-block;
  padding: 0 5px 13px;
  vertical-align: top;
  margin: 0 5px;
  width: 13.9%;
}
.pg-sexy-search .popularimg img {
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 8px;
}
.pg-sexy-search .rankingnumber {
  font-size: 17px;
  font-weight: bold;
  vertical-align: top;
  color: #e34668;
}
.pg-sexy-search .rankupdown {
  float: right;
}
.pg-sexy-search .rankupdown img {
  width: 13px;
  vertical-align: text-bottom;
}
.pg-sexy-search .tabs {
  padding-top: 1em;
  margin-bottom: 1em;
  background-color: #ffffff;
}
.pg-sexy-search .tabs_labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.pg-sexy-search .tabs_labels,
.pg-sexy-search .tabs_labels > li > a {
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.pg-sexy-search .tabs_labels {
  margin-top: 10px;
}
.pg-sexy-search .tabs_labels > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  font-size: 1.125em;
  padding: 10px 40px;
  font-weight: bold;
  margin: 0 0 0 0.5em;
  font-weight: bold;
  border-bottom: 4px solid white;
}
.pg-sexy-search .tabs_labels > li:hover {
  color: #e34668;
}
.pg-sexy-search .tabs_labels > li.current > a {
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 4px solid #e34668;
  color: #e34668;
}
.pg-sexy-search .tabs_content > div {
  border-top: none;
  padding: 1em;
  display: none;
}
.pg-sexy-search .tabs_content > div.current {
  display: block;
}
.pg-sexy-search .tabs_content > div {
  background-color: #ffffff;
}
.pg-sexy-search ul.tabs {
  margin: 0 0 20px;
  padding: 0px;
  list-style: none;
}
.pg-sexy-search ul.tabs li {
  background: none;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
}
.pg-sexy-search .tab-content {
  display: none;
  padding: 15px;
  margin: 0 0 30px;
  text-align: center;
}
.pg-sexy-search .tab-content.current {
  display: inherit;
}
.pg-sexy-search .rankingnumber {
  display: block;
  text-align: left;
}
.pg-sexy-search .middle {
  text-align: center;
  width: 22rem;
  margin: 20px auto 40px;
}
.pg-sexy-search .middle ul,
.pg-sexy-search .middle li {
  list-style: none;
  display: inline;
  padding-left: 0px;
}
.pg-sexy-search .middle li a {
  border: solid 2px #4BCDED;
}
.pg-sexy-search .middle li:hover a {
  color: #646262;
  background-color: #d3d1d0;
  border-color: #d3d1d0;
}
.pg-sexy-search .middle li.active a {
  color: #646262;
  background-color: #4BCDED;
}
.pg-sexy-search .middle li.active.disabled-number a {
  background-color: #ffffff;
}
.pg-sexy-search .middle li.active:hover a {
  border-color: #4BCDED;
}
.pg-sexy-search .middle li:first-child a:after {
  content: "Previous";
}
.pg-sexy-search .middle li:nth-child(2) {
  counter-reset: pagination;
}
.pg-sexy-search .middle li:last-child a:after {
  content: "Next";
}
.pg-sexy-search .middle li a {
  border-radius: 0.2rem;
  color: #646262;
  background-color: #4BCDED;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  padding: 0.5rem 0.9rem;
}
.pg-sexy-search .middle li a {
  display: none;
}
.pg-sexy-search .middle li:first-child a {
  display: inline-block;
}
.pg-sexy-search .middle li:first-child a:after {
  content: "<";
}
.pg-sexy-search .middle li:last-child a {
  display: inline-block;
}
.pg-sexy-search .middle li:last-child a:after {
  content: ">";
}
.pg-sexy-search .middle li:nth-child(2) a {
  display: inline-block;
}
.pg-sexy-search .middle li:nth-child(3) a {
  display: inline-block;
}
.pg-sexy-search .middle li:nth-child(4) a {
  display: inline-block;
}
.pg-sexy-search .middle li:nth-child(5) a {
  display: inline-block;
}
.pg-sexy-search .middle li:nth-last-child(2) a {
  display: inline-block;
}
.pg-sexy-search .middle li:nth-last-child(3) {
  display: inline-block;
}
.pg-sexy-search .magicon {
  background: url(/images/mag_icon.png) top no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
  margin: 0 20px 0 0;
  display: inline-block;
  position: relative;
  bottom: -7px;
}
.pg-sexy-search .mangaicon {
  background: url(/images/manga_icon.png) top no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
  margin: 0 20px 0 0;
  display: inline-block;
  position: relative;
  bottom: -7px;
}
.pg-sexy-search .popularimg img {
  height: 171px;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  .pg-sexy-search .popularimg {
    width: 21.7%;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .pg-sexy-search .popularimg img {
    max-width: 107px !important;
  }
  .pg-sexy-search .popularimg {
    margin: 0;
    padding: 0 0 13px;
    padding-left: 5px;
    padding-right: 5px;
    width: 32.5%;
  }
  .pg-sexy-search .book_nm_box .book_nm {
    width: 80px;
  }
}
@media screen and (max-width: 767px) {
  .pg-sexy-search .popularimg img {
    height: 130px;
  }
}
@media screen and (min-width: 0px) and (max-width: 532px) {
  .pg-sexy-search .popularimg {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media screen and (min-width: 0px) and (max-width: 514px) {
  .pg-sexy-search .popularimg img {
    max-width: 100px !important;
  }
  .pg-sexy-search .popularimg {
    margin: 0;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media screen and (min-width: 0px) and (max-width: 360px) {
  .pg-sexy-search .popularimg {
    margin: 0;
    padding-left: 5px;
    padding-right: 5px;
    width: 32.4%;
  }
  .pg-sexy-search .popularimg img {
    max-width: 83px !important;
    height: 105px;
  }
  .pg-sexy-search .book_nm_box .book_nm {
    width: 60px;
  }
}
@media screen and (min-width: 768px) {
  .pg-sexy-search .popularimg img {
    height: 180px;
  }
}
.pg-sexy-tags .tags-sp h3 {
  color: #646262;
}
.pg-sexy-tags .tags-sp h3::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("/images/ico_search_tag.png");
  background-size: cover;
  margin-right: 10px;
}
.pg-sexy-tags .tags-sp ul h4 {
  text-align: left;
}
.pg-sexy-tags .tags-sp ul li a {
  display: block;
  padding: 15px;
}
.pg-sexy-tags .tags-sp .first-display-tags li {
  border-top: solid 2px #e4e5e4;
  border-left: solid 2px #e4e5e4;
  border-right: solid 2px #e4e5e4;
}
.pg-sexy-tags .tags-sp .first-display-tags .first-tag {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.pg-sexy-tags .tags-sp .more-display-tags {
  -webkit-transition: max-height 0.3s;
  transition: max-height 0.3s;
  max-height: 0;
  overflow: hidden;
}
.pg-sexy-tags .tags-sp .more-display-tags.tags-open {
  max-height: 200vh;
  overflow: initial;
}
.pg-sexy-tags .tags-sp .more-display-tags li {
  border-top: solid 2px #e4e5e4;
  border-left: solid 2px #e4e5e4;
  border-right: solid 2px #e4e5e4;
}
.pg-sexy-tags .tags-sp .more-tags {
  font-weight: bold;
  text-align: center;
  background-color: #e4e5e4;
  border: solid 2px #e4e5e4;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 15px;
  width: 100%;
}
.pg-sexy-tags .tags-sp .more-tags::before {
  content: "";
  position: relative;
  top: 3px;
  display: inline-block;
  background-size: contain;
  width: 15px;
  height: 15px;
  margin-right: 2px;
  background-image: url(/images/arrow-bottom.png);
}
.pg-sexy-tags .tags-sp .more-tags-open::before {
  top: 1px;
  background-image: url(/images/arrow-top.png);
}
@media screen and (min-width: 1024px) {
  .pg-sexy-tags .tags-sp {
    display: none;
  }
}
.pg-sexy-tags .tags-pc h3 {
  color: #646262;
  border-bottom: solid 2px #646262;
}
.pg-sexy-tags .tags-pc ul h4 {
  text-align: left;
  font-size: 16px;
}
.pg-sexy-tags .tags-pc ul ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.pg-sexy-tags .tags-pc ul ul li {
  width: 25%;
}
@media screen and (max-width: 1023px) {
  .pg-sexy-tags .tags-pc {
    display: none;
  }
}

.error-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 540px;
  background: #ffffff;
  border-radius: 12px;
  text-align: center;
  padding: 20px;
}
.error-container .logo img {
  width: 295px;
  height: auto;
  margin: 0 auto;
  display: block;
}
.error-container hr {
  height: 1px;
  background: #e4e5e4;
}
.error-container h1 {
  font-size: 22px;
  margin: 20px 0 20px 0;
  color: #000000;
  font-weight: bold;
}
.error-container p {
  font-size: 14px;
}

@media screen and (max-width: 600px) {
  .error-container {
    width: 100%;
    max-width: none;
    padding: 18px 16px;
  }
  .error-container .logo img {
    width: 70vw;
    max-width: 180px;
    min-width: 90px;
  }
  .error-container hr {
    margin: 18px auto;
  }
  .error-container h1 {
    font-size: 16px;
    margin: 14px 0 12px 0;
  }
  .error-container p {
    font-size: 12px;
    line-height: 1.6;
  }
  .error-container .br-sp {
    display: inline-block;
  }
}
.lu-maintenance {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 12px;
  text-align: center;
  padding: 24px 20px;
}
.lu-maintenance__header {
  padding-bottom: 12px;
  margin-bottom: 16px;
  border-bottom: 1px solid #000000;
}
.lu-maintenance__title {
  font-size: 22px;
  margin: 0 0 6px 0;
  color: #000000;
  font-weight: bold;
  line-height: 1.35;
}
.lu-maintenance__subtitle {
  font-size: 14px;
  margin-top: 10px;
}
.lu-maintenance__schedule {
  padding: 16px 0;
  margin-bottom: 16px;
  border-bottom: 1px solid #000000;
}
.lu-maintenance__window {
  font-size: 18px;
  margin: 0;
  color: #000000;
}
.lu-maintenance__window time {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.lu-maintenance__messages {
  line-height: 1.8;
}
.lu-maintenance__message {
  font-size: 14px;
  margin: 0 0 8px;
  color: #000000;
}

.u-only-sp-inline {
  display: inline;
}

@media screen and (max-width: 600px) {
  .lu-maintenance {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: min(92vw, 540px);
    max-height: calc(100dvh - 32px);
    overflow: auto;
    padding: 18px 16px;
  }
  .lu-maintenance__header, .lu-maintenance__schedule {
    margin-bottom: 12px;
    padding-bottom: 12px;
  }
  .lu-maintenance__title {
    font-size: 18px;
    margin: 14px 0 10px;
  }
  .lu-maintenance__window {
    font-size: 16px;
  }
  .lu-maintenance__message {
    font-size: 12px;
    line-height: 1.6;
  }
  .u-only-sp-inline {
    display: block;
  }
}/*# sourceMappingURL=style.css.map */