@charset "UTF-8";

#recommendContents a,
#recommendContents abbr,
#recommendContents acronym,
#recommendContents address,
#recommendContents applet,
#recommendContents article,
#recommendContents aside,
#recommendContents audio,
#recommendContents b,
#recommendContents big,
#recommendContents blockquote,
#recommendContents body,
#recommendContents button,
#recommendContents canvas,
#recommendContents caption,
#recommendContents center,
#recommendContents cite,
#recommendContents code,
#recommendContents dd,
#recommendContents del,
#recommendContents details,
#recommendContents dfn,
#recommendContents div,
#recommendContents dl,
#recommendContents dt,
#recommendContents em,
#recommendContents embed,
#recommendContents fieldset,
#recommendContents figcaption,
#recommendContents figure,
#recommendContents footer,
#recommendContents form,
#recommendContents h1,
#recommendContents h2,
#recommendContents h3,
#recommendContents h4,
#recommendContents h5,
#recommendContents h6,
#recommendContents header,
#recommendContents hgroup,
#recommendContents html,
#recommendContents i,
#recommendContents iframe,
#recommendContents img,
#recommendContents ins,
#recommendContents kbd,
#recommendContents label,
#recommendContents legend,
#recommendContents li,
#recommendContents mark,
#recommendContents menu,
#recommendContents nav,
#recommendContents object,
#recommendContents ol,
#recommendContents output,
#recommendContents p,
#recommendContents pre,
#recommendContents q,
#recommendContents ruby,
#recommendContents s,
#recommendContents samp,
#recommendContents section,
#recommendContents small,
#recommendContents span,
#recommendContents strike,
#recommendContents strong,
#recommendContents sub,
#recommendContents summary,
#recommendContents sup,
#recommendContents table,
#recommendContents tbody,
#recommendContents td,
#recommendContents tfoot,
#recommendContents th,
#recommendContents thead,
#recommendContents time,
#recommendContents tr,
#recommendContents tt,
#recommendContents u,
#recommendContents ul,
#recommendContents var,
#recommendContents video {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline
}

#recommendContents li,
#recommendContents ol,
#recommendContents ul {
  list-style: none
}

#recommendContents table {
  border-collapse: collapse;
  border-spacing: 0
}

#recommendContents caption,
#recommendContents td,
#recommendContents th {
  font-weight: 400;
  text-align: left;
  vertical-align: middle
}

#recommendContents blockquote,
#recommendContents q {
  quotes: none
}

#recommendContents blockquote:after,
#recommendContents blockquote:before,
#recommendContents q:after,
#recommendContents q:before {
  content: "";
  content: none
}

#recommendContents a img {
  border: none
}

#recommendContents a {
  color: inherit;
  text-decoration: none
}

#recommendContents img {
  max-width: 100%;
  vertical-align: bottom
}

#recommendContents article,
#recommendContents aside,
#recommendContents details,
#recommendContents figcaption,
#recommendContents figure,
#recommendContents footer,
#recommendContents header,
#recommendContents hgroup,
#recommendContents main,
#recommendContents menu,
#recommendContents nav,
#recommendContents section,
#recommendContents summary {
  display: block
}

#recommendContents button,
#recommendContents input {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  outline: none
}

#recommendContents button:focus,
#recommendContents input:focus {
  outline: none
}

#recommendContents button:focus-visible,
#recommendContents input:focus-visible {
  outline: none
}

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

@font-face {
  font-family: din-2014;
  src: url(../font/font.woff) format("woff")
}

#recommendContents button {
  color: #000
}

body {
  margin: 0;
  padding: 0
}

body.is-fixed {
  overflow: hidden
}

body.is-fixedHard {
  overflow: hidden !important
}

body.mangaIndexPage .uq-pagetop {
  bottom: 120px
}

body.mangaIndexPage .uqv2-globalfooter__bottom {
  padding-bottom: 130px
}

.is-inactive {
  -webkit-filter: brightness(.4) grayscale(1) !important;
  filter: brightness(.4) grayscale(1) !important;
  pointer-events: none
}

.is-inactive.is-block {
  background-color: #d8d8d8
}

.is-inactive.c-modal__banner {
  height: 0 !important;
  margin-top: -20px !important;
  overflow: hidden !important
}

#recommendContents .c-accordion__header {
  background-color: #f1f1f1;
  font-weight: 800;
  line-height: 1;
  position: relative;
  text-align: center
}

#recommendContents .c-accordion__button {
  background-image: url(../img/flow/arrow.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg)
}

#recommendContents .c-accordion__button.is-opened {
  -webkit-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg)
}

#recommendContents .c-accordion__body {
  display: none;
  text-align: left
}

#recommendContents .c-accordion__body.is-opened {
  display: block
}

#recommendContents .c-accordion__close {
  margin: 0 auto
}

#recommendContents .c-accordion__close img {
  height: 100%
}

#recommendContents .c-buttonContainer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  gap: 30px;
  justify-content: center;
  margin: 60px auto 0;
  width: 300px
}

#recommendContents .c-buttonContainer .c-buttonBlock {
  width: 100%
}

#recommendContents .c-buttonContainer p {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 8px;
  text-align: center
}

#recommendContents .c-buttonContainer .c-button {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-negative: 0;
  align-items: center;
  background: #fff;
  border: 1.5px solid #e4007f;
  border-radius: 18px;
  -webkit-box-shadow: 0 4px 0 0 #e4007f;
  box-shadow: 0 4px 0 0 #e4007f;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 700;
  height: 60px;
  justify-content: center;
  position: relative;
  text-align: center;
  width: 100%
}

#recommendContents .c-buttonContainer .c-button:after,
#recommendContents .c-buttonContainer .c-button:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#recommendContents .c-buttonContainer .c-button--shop:before {
  -ms-flex-negative: 0;
  background: url(../img/icon_shop.svg) no-repeat 50%/cover;
  flex-shrink: 0;
  height: 21px;
  left: 14px;
  width: 27px
}

#recommendContents .c-buttonContainer .c-button--shop:after {
  -ms-flex-negative: 0;
  background: url(../img/icon_arrow_r.svg) no-repeat 50%/cover;
  flex-shrink: 0;
  height: 15px;
  right: 20px;
  width: 9px
}

#recommendContents .c-buttonContainer .c-button--online {
  background: #e4007f;
  border: 1.5px solid #e4007f;
  -webkit-box-shadow: 0 4px 0 0 #000;
  box-shadow: 0 4px 0 0 #000;
  color: #fff
}

#recommendContents .c-buttonContainer .c-button--online:before {
  -ms-flex-negative: 0;
  background: url(../img/icon_online.svg) no-repeat 50%/cover;
  flex-shrink: 0;
  height: 20px;
  left: 14px;
  width: 27px
}

#recommendContents .c-buttonContainer .c-button--online:after {
  -ms-flex-negative: 0;
  background: url(../img/icon_blank.svg) no-repeat 50%/cover;
  flex-shrink: 0;
  height: 17px;
  right: 16px;
  width: 23px
}

#recommendContents .c-buttonContainer--fixed {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  background-color: rgba(0, 0, 0, .8);
  bottom: 0;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 26px;
  height: 110px;
  left: 0;
  margin: 0;
  padding-left: 0;
  position: fixed;
  width: 100%;
  z-index: 6
}

#recommendContents .c-buttonContainer--fixed .c-buttonBlock {
  width: 342px
}

#recommendContents .c-buttonContainer--fixed p {
  color: #fff;
  font-size: 15px;
  margin-bottom: 6px;
  word-break: keep-all
}

#recommendContents .c-buttonContainer--fixed .c-button {
  font-size: 15px;
  margin-bottom: 4px
}

#recommendContents .c-buttonContainer--fixed .c-button--shop:before {
  height: 25px;
  left: 24px;
  width: 33px
}

#recommendContents .c-buttonContainer--fixed .c-button--shop:after {
  height: 15px;
  right: 30px;
  width: 9px
}

#recommendContents .c-buttonContainer--fixed .c-button--online:before {
  height: 26px;
  left: 23px;
  width: 34px
}

#recommendContents .c-buttonContainer--fixed .c-button--online:after {
  height: 17px;
  right: 22px;
  width: 23px
}

#recommendContents .c-modal[data-modal=modalPlanAboutMinimini01] .miniminiTip04 .tip-plan-setwari-kazoku .c-buttonContainer {
  display: none
}

#recommendContents .c-comicModalKomikomi .komikomiPlan {
  margin-bottom: 20px
}

#recommendContents .c-comicModalKomikomi .komikomiPlan__wrap {
  padding: 0 20px;
  text-align: center
}

#recommendContents .c-comicModalKomikomi .komikomiPlan__price {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  font-size: 14px;
  height: 34px;
  justify-content: center;
  margin: 25px auto 32px;
  width: 128px
}

#recommendContents .c-comicModalKomikomi .komikomiPlan__note {
  border-top: 1px solid #000;
  font-size: 15px;
  line-height: 1.3571428571;
  padding: 20px 0;
  text-align: left
}

#recommendContents .c-comicModalKomikomi .komikomiPlan__note p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#recommendContents .c-comicModalKomikomi .komikomiPlan__note span {
  display: inline-block;
  font-size: 14px;
  line-height: 1.3571428571
}

#recommendContents .c-comicModalKomikomi .komikomiPlan__note span:first-child {
  white-space: nowrap
}

#recommendContents .c-comicModalKomikomi .komikomiPlan__note a.pdf {
  display: inline-block;
  padding-right: 1.3em;
  position: relative
}

#recommendContents .c-comicModalKomikomi .komikomiPlan__note a.pdf:before {
  speak: none;
  background: url(/assets/v2/common/images/icon_pdf.png) no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  height: 1.25em;
  line-height: 1;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: none;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.25em
}

#recommendContents .c-comicModalKomikomi .komikomiOption__ttl {
  position: relative
}

#recommendContents .c-comicModalKomikomi .komikomiOption__ttlText {
  color: #d8232a;
  font-size: 27px;
  font-weight: 600;
  line-height: 1.3333333333;
  position: absolute;
  right: 55px;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#recommendContents .c-comicModalKomikomi .komikomiOption__ttlText span {
  font-weight: 800
}

#recommendContents .c-comicModalKomikomi .komikomiOption__note {
  height: 28px;
  position: relative
}

#recommendContents .c-comicModalKomikomi .komikomiOption__note .c-modalNote--white:before {
  left: unset;
  right: 25px;
  -webkit-transform: none;
  transform: none
}

#recommendContents .c-comicModalKomikomi .c-priceButtonContainer__button {
  background-color: #e4017e;
  color: #fff;
  font-size: 15px;
  height: 65px;
  line-height: 1.3333333333;
  width: 321px
}

#recommendContents .c-comicModalKomikomi .c-priceButtonContainer__button:after {
  height: 27.5px;
  width: 34px
}

#recommendContents .c-comicModalKomikomi .c-planSec__cards {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}

#recommendContents .c-comicModalKomikomi .c-planSec__cards .c-planSec__card {
  position: relative
}

#recommendContents .c-comicModalKomikomi .c-planSec__cards .c-planSec__card img {
  display: block
}

#recommendContents .c-comicModalKomikomi .c-planSec__cards .c-planSec__card .c-priceButtonContainer {
  margin: 0
}

#recommendContents .c-comicModalKomikomi .c-planSec__cards .c-planSec__card .c-priceButtonContainer__button {
  background-color: #e4017e;
  color: #fff;
  height: 40px;
  letter-spacing: .05em;
  position: absolute;
  width: 53%
}

#recommendContents .c-comicModalKomikomi .c-planSec__cards .c-planSec__card .c-priceButtonContainer__button:after {
  height: 16px;
  right: 6px;
  width: 18px
}

#recommendContents .c-comicModalKomikomi .c-planSec__cards .c-modalNote__trigger--white,
#recommendContents .c-comicModalKomikomi .c-planSec__cards .c-pricePlanCard__priceModal {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14.3px;
  height: 38px;
  justify-content: center;
  letter-spacing: 0;
  margin: 8px auto 0;
  padding: 0 28px 0 0;
  position: relative;
  right: unset;
  width: 230px
}

#recommendContents .c-comicModalKomikomi .c-planSec__cards .c-modalNote__trigger--white:after,
#recommendContents .c-comicModalKomikomi .c-planSec__cards .c-pricePlanCard__priceModal:after {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#recommendContents .c-comicModalKomikomi .aside {
  margin-top: 45px
}

#recommendContents .c-comicModalTokutoku .tokutokuPlan__planName {
  font-size: 24px;
  font-weight: 600;
  text-align: center
}

#recommendContents .c-comicModalTokutoku .tokutokuPlan__wrap {
  padding: 0 20px
}

#recommendContents .c-comicModalTokutoku .tokutokuPlan__price {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  font-size: 14px;
  height: 34px;
  justify-content: center;
  margin: 22px auto 4px;
  width: 128px
}

#recommendContents .c-comicModalTokutoku .tokutokuPlanNote {
  text-align: center
}

#recommendContents .c-comicModalTokutoku .tokutokuPlanNote__ttl {
  border-bottom: 1px solid #000;
  font-size: 20px;
  padding-bottom: 13px;
  text-align: left
}

#recommendContents .c-comicModalTokutoku .tokutokuPlanNote__detail {
  height: 7.5em;
  overflow: hidden;
  padding-bottom: 20px;
  padding-top: 25px;
  position: relative;
  text-align: left;
  -webkit-transition: -webkit-transform .2s ease;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease
}

#recommendContents .c-comicModalTokutoku .tokutokuPlanNote__detail p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 1.3571428571
}

#recommendContents .c-comicModalTokutoku .tokutokuPlanNote__detail p sup {
  font-size: 50%;
  position: relative;
  top: 0;
  vertical-align: top
}

#recommendContents .c-comicModalTokutoku .tokutokuPlanNote__detail p span:first-child {
  -webkit-box-flex: 0;
  display: block;
  -ms-flex: 0 0 1.5em;
  flex: 0 0 1.5em;
  white-space: nowrap
}

#recommendContents .c-comicModalTokutoku .tokutokuPlanNote__detail:after {
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(hsla(0, 0%, 100%, 0)));
  background: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0));
  bottom: 0;
  content: "";
  height: 40px;
  left: 0;
  pointer-events: none;
  position: absolute;
  -webkit-transition: -webkit-transform .2s ease;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease;
  width: 100%;
  z-index: 2
}

#recommendContents .c-comicModalTokutoku .tokutokuPlanNote__detail.is-opened {
  height: auto
}

#recommendContents .c-comicModalTokutoku .tokutokuPlanNote__detail.is-opened:after {
  opacity: 0
}

#recommendContents .c-comicModalTokutoku .tokutokuPlanNote__detail.is-opened+div .tokutokuPlanNote__trigger:after {
  content: "閉じる"
}

#recommendContents .c-comicModalTokutoku .tokutokuPlanNote__detail.is-opened+div .tokutokuPlanNote__trigger:before {
  background: url(../img/icon_minus.svg) no-repeat 50%/cover
}

#recommendContents .c-comicModalTokutoku .tokutokuPlanNote__detail--noAfter {
  height: auto
}

#recommendContents .c-comicModalTokutoku .tokutokuPlanNote__detail--noAfter:after {
  display: none
}

#recommendContents .c-comicModalTokutoku .tokutokuPlanNote__trigger {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: #a0a0a0;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 14px;
  gap: 10px;
  height: 40px;
  justify-content: center;
  padding: 0 20px
}

#recommendContents .c-comicModalTokutoku .tokutokuPlanNote__trigger:before {
  background: url(../img/icon_plus.svg) no-repeat 50%/cover;
  content: "";
  display: block;
  height: 20px;
  width: 20px
}

#recommendContents .c-comicModalTokutoku .tokutokuPlanNote__trigger:after {
  content: "注釈をすべて表示"
}

#recommendContents .c-comicModalTokutoku .tokutokuPlanNote__pricePlanModals {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  margin-top: 40px
}

#recommendContents .c-comicModalTokutoku .tokutokuPlanNote__pricePlanModals .c-modalNote__trigger--white,
#recommendContents .c-comicModalTokutoku .tokutokuPlanNote__pricePlanModals .c-pricePlanCard__priceModal {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  border-radius: 10px;
  font-size: 14px;
  height: 38px;
  justify-content: center;
  letter-spacing: 0;
  padding: 0 15px 0 0;
  position: relative;
  right: unset;
  width: 200px
}

#recommendContents .c-comicModalTokutoku .tokutokuPlanNote__pricePlanModals .c-modalNote__trigger--white:after,
#recommendContents .c-comicModalTokutoku .tokutokuPlanNote__pricePlanModals .c-pricePlanCard__priceModal:after {
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#recommendContents .c-comicModalTokutoku .tokutokuOption__note {
  height: 28px;
  position: relative
}

#recommendContents .c-comicModalTokutoku .tokutokuOption__note .c-modalNote--white:before {
  left: unset;
  right: 25px;
  -webkit-transform: none;
  transform: none
}

#recommendContents .c-comicModalTokutoku .tokutokuDiscount {
  position: relative
}

#recommendContents .c-comicModalTokutoku .tokutokuDiscount__ttl {
  color: #e4017e;
  font-size: 26px;
  font-weight: 800;
  left: 14px;
  position: absolute;
  top: 0
}

#recommendContents .c-comicModalTokutoku .tokutokuDiscount__btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  border-radius: 50vw;
  bottom: 60px;
  justify-content: center;
  left: 21px;
  position: absolute;
  width: 128px
}

#recommendContents .c-comicModalOyako .c-modalNote__trigger--white,
#recommendContents .c-comicModalOyako .c-pricePlanCard__priceModal {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14.3px;
  height: 38px;
  justify-content: center;
  letter-spacing: 0;
  margin: 0 auto;
  padding: 0 28px 0 0;
  position: relative;
  right: unset;
  width: 230px
}

#recommendContents .c-comicModalOyako .c-modalNote__trigger--white:after,
#recommendContents .c-comicModalOyako .c-pricePlanCard__priceModal:after {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#recommendContents .c-comicModalOyako .c-comicModalOyako__note p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.35
}

#recommendContents .c-comicModalOyako .c-comicModalOyako__note p>span:first-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 2em;
  flex: 0 0 2em;
  white-space: nowrap
}

#recommendContents .c-familyInner__note {
  line-height: 1.5;
  margin-top: .6rem;
  text-align: center
}

#recommendContents .c-familyInner__borderedNote {
  border: 1px solid #d8d8d8;
  padding: .5em 1em
}

#recommendContents .c-familyInner .bd-box {
  border-top: 1px solid #000;
  padding-top: 10px
}

#recommendContents .c-familyInner .c-modalNote__ttl {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  justify-content: center;
  position: relative
}

#recommendContents .c-familyInner .c-modalNote__ttl:after,
#recommendContents .c-familyInner .c-modalNote__ttl:before {
  background: #000;
  content: "";
  -webkit-transform: translate(-10px) rotate(-30deg);
  transform: translate(-10px) rotate(-30deg);
  width: 1px
}

#recommendContents .c-familyInner .c-modalNote__ttl:after {
  -webkit-transform: translate(10px) rotate(30deg);
  transform: translate(10px) rotate(30deg)
}

#recommendContents .c-familyInner .c-modalNote__ttl span {
  position: relative
}

#recommendContents .c-familyInner .c-modalNote__ttl sup {
  display: inline-block;
  font-size: 100%;
  -webkit-transform: scale(.66);
  transform: scale(.66);
  -webkit-transform-origin: 50% 20%;
  transform-origin: 50% 20%;
  vertical-align: baseline
}

#recommendContents .c-familyInner .wari-hd {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin: 15px auto 0
}

#recommendContents .c-familyInner .wari-hd .icon {
  margin-right: 20px
}

#recommendContents .c-familyInner .wari-hd .txt {
  font-size: 32px;
  font-weight: 700
}

#recommendContents .c-familyInner .wari-hd+.note {
  font-size: 11px;
  font-weight: 700;
  line-height: 1.25;
  margin-top: .5em;
  text-align: center
}

#recommendContents .c-familyInner .wari-text {
  color: #e4017e;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 15px;
  margin-top: 15px;
  text-align: center
}

#recommendContents .c-familyInner .catch {
  color: #e4017e;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
  margin-top: 15px;
  text-align: center
}

#recommendContents .c-familyInner .price {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  color: #e4007f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin: 20px 0 0;
  padding: 0
}

#recommendContents .c-familyInner .price .unit {
  font-size: 20px;
  font-weight: 700
}

#recommendContents .c-familyInner .price .price-inner {
  display: -ms-grid;
  display: grid;
  font-weight: 700;
  grid: "num tax" 20px "num month" 34px/1fr 70px;
  line-height: 1
}

#recommendContents .c-familyInner .price .price-inner>.num {
  -ms-grid-row-align: self-end;
  align-self: self-end;
  font-family: din-2014, sans-serif;
  font-size: 76px;
  font-weight: 700;
  grid-area: num;
  letter-spacing: -.03em;
  line-height: .5;
  margin-right: 5px
}

#recommendContents .c-familyInner .price .price-inner .tax-ex {
  font-size: 17px;
  grid-area: tax
}

#recommendContents .c-familyInner .price .price-inner .month-yen {
  font-size: 27px;
  grid-area: month;
  margin-top: 5px
}

#recommendContents .c-familyInner .bd-box {
  font-size: 14px;
  text-align: left
}

#recommendContents .c-familyInner .bd-box p {
  line-height: 1.5;
  margin-bottom: 10px
}

#recommendContents .c-familyInner .bd-box a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #e4017e;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

#recommendContents .c-familyInner .circle-hd {
  margin-bottom: 10px;
  margin-top: 10px
}

#recommendContents .c-iconCloseButton {
  bottom: 15px;
  cursor: pointer;
  height: 54px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 138px
}

#recommendContents .c-iconCloseButton:before {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  -webkit-filter: drop-shadow(2px 2px 0 #000);
  filter: drop-shadow(2px 2px 0 #000);
  height: 40px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 40px
}

#recommendContents .c-iconCloseButton--yellow:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2219%22%20fill%3D%22%23fffa87%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Crect%20x%3D%2230%22%20y%3D%2218%22%20width%3D%224%22%20height%3D%2220%22%20transform%3D%22rotate(90%2030%2018)%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E")
}

#recommendContents .c-iconCloseButton--lime:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2219%22%20fill%3D%22%2386FF8B%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Crect%20x%3D%2230%22%20y%3D%2218%22%20width%3D%224%22%20height%3D%2220%22%20transform%3D%22rotate(90%2030%2018)%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E")
}

#recommendContents .c-iconCloseButton--aqua:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2219%22%20fill%3D%22%2379e5f1%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Crect%20x%3D%2230%22%20y%3D%2218%22%20width%3D%224%22%20height%3D%2220%22%20transform%3D%22rotate(90%2030%2018)%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E")
}

#recommendContents .c-iconCloseButton--pink:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2219%22%20fill%3D%22%23e4017e%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Crect%20x%3D%2230%22%20y%3D%2218%22%20width%3D%224%22%20height%3D%2220%22%20transform%3D%22rotate(90%2030%2018)%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E")
}

#recommendContents .c-iconCloseButton--gray:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2215%22%20fill%3D%22%23D9D9D9%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2213%22%20width%3D%223%22%20height%3D%2214%22%20transform%3D%22rotate(90%2022%2013)%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E")
}

#recommendContents .planAreaModal .c-modalNote__wrap {
  margin-top: 0
}

#recommendContents .planAreaModal .c-modalNote__wrap:first-of-type {
  margin-top: 0;
  top: 3px
}

#recommendContents .planAreaModal .c-modalNote__wrap:nth-of-type(2) {
  margin-top: 0;
  top: 927px
}

#recommendContents .planAreaModal .c-modalNote__wrap .c-modalNote--white:before {
  left: unset;
  right: 25px;
  -webkit-transform: none;
  transform: none
}

#recommendContents .planAreaModal .c-modal__banner {
  margin-top: 14px
}

#recommendContents .planAreaModal .note {
  padding: 8px 15px 0
}

#recommendContents .planAreaModal .note p {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  gap: 8px;
  justify-content: flex-start;
  line-height: 1.2
}

#recommendContents .planDataModal .c-modalNote__wrap.planDataModal__note--01 {
  width: 100%
}

#recommendContents .planDataModal .c-modalNote__wrap.planDataModal__note--01 .c-modalNote--white:before,
#recommendContents .planDataModal .c-modalNote__wrap.planDataModal__note--02 .c-modalNote--white:before {
  left: unset;
  right: 25px;
  -webkit-transform: none;
  transform: none
}

#recommendContents .planDataModal .c-modalNote__wrap.planDataModal__note--03 .c-modalNote__body img {
  display: block;
  margin: 22px auto 15px
}

#recommendContents .planDataModal .c-modal__banner {
  margin-top: 14px
}

#recommendContents .c-modal {
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: opacity .3s, visibility .5s;
  transition: opacity .3s, visibility .5s;
  visibility: hidden;
  width: 100%;
  z-index: 1002
}

#recommendContents .c-modal__bg {
  background: rgba(0, 0, 0, .7);
  height: 100%;
  width: 100%;
  z-index: 1002
}

#recommendContents .c-modal__content {
  background-color: #fff;
  left: 0;
  overflow-y: auto;
  position: absolute;
  top: 0;
  z-index: 1003
}

#recommendContents .c-modal.is-opened {
  opacity: 1;
  visibility: visible
}

#recommendContents .c-modal__comics__imgWrap {
  position: relative
}

#recommendContents .c-modal__comics__imgWrap .c-modalNote__wrap {
  left: 0;
  position: absolute;
  width: 100%
}

#recommendContents .c-modal__comics__imgWrap .c-modalNote__trigger {
  position: absolute
}

#recommendContents .c-modal__comicsHeader {
  position: relative
}

#recommendContents .c-modal__comicsHeader .ttl {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #e4017e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 26px;
  font-weight: 700;
  gap: 8px;
  justify-content: center;
  left: 0;
  letter-spacing: .11em;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%
}

#recommendContents .c-modal__comicsHeader .ttl span {
  font-size: 17px
}

#recommendContents .c-modal__comicsHeader .uq {
  width: 142px
}

#recommendContents .c-modal__closeButton.is-hidden {
  opacity: 0;
  pointer-events: none
}

#recommendContents .c-modal__banner {
  text-align: center
}

#recommendContents .c-modal__bannerText {
  margin-left: auto;
  margin-right: auto
}

#recommendContents .c-modal__priceModalContent {
  left: 50%;
  overflow-y: auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1003
}

#recommendContents .c-modal__comic_wrap {
  position: relative
}

#recommendContents .c-modal__text_wrap_sumaho_heading {
  border-radius: 50vw;
  color: #000;
  font-weight: 700;
  left: 0;
  letter-spacing: -.05em;
  line-height: 1.2em;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center
}

#recommendContents .c-modal__text_wrap_sumaho_giga {
  color: #fff;
  font-weight: 700;
  left: 0;
  line-height: 1.4em;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center
}

#recommendContents .c-modal__text_wrap_sumaho_remarks {
  letter-spacing: -.02em;
  line-height: 1.4em;
  margin: auto;
  position: absolute;
  text-align: center
}

#recommendContents .c-modal__text_wrap_sumaho_kurikoshi {
  color: #fff;
  font-weight: 800;
  left: 0;
  letter-spacing: -.05em;
  line-height: 1.4em;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center
}

#recommendContents .c-modal__text_wrap_sumahio_kurikoshi_remarks {
  letter-spacing: .1em;
  line-height: 1.4em;
  position: absolute;
  text-align: left
}

#recommendContents .c-modal__text_wrap_zitaku {
  color: #e4017e;
  font-weight: 800;
  left: 0;
  line-height: 1.4em;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center
}

#recommendContents .c-modal__text_wrap_zitaku_wimax_uqmobile {
  color: #000;
  font-weight: 800;
  left: 0;
  letter-spacing: -.05em;
  line-height: 1.4em;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center
}

#recommendContents .c-modal__text_wrap_zitaku_wimax_uqmobile .wimax {
  color: #11378c
}

#recommendContents .c-modal__text_wrap_zitaku_wimax_uqmobile .uqmobile {
  color: #e30280
}

#recommendContents .c-modal__text_wrap_oyako_heading {
  color: #fff;
  font-weight: 700;
  left: 0;
  letter-spacing: -.05em;
  line-height: 1.4em;
  line-height: 1.5em;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center
}

#recommendContents .c-modal__text_wrap_kurikoshi_remarks {
  font-weight: 600;
  letter-spacing: .1em;
  line-height: 1.4em;
  position: absolute;
  text-align: left
}

#recommendContents .c-modal__text_wrap_esim,
#recommendContents .c-modal__text_wrap_sim {
  color: #e4017e;
  font-weight: 800;
  left: 0;
  line-height: 1.4em;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center
}

#recommendContents .c-modal__text_wrap_data {
  color: #e4017e;
  font-weight: 700;
  left: 0;
  letter-spacing: -.05em;
  line-height: 1.4em;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center
}

#recommendContents .c-modalNote {
  left: 50%;
  margin: 0 auto;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  -webkit-transition: opacity .3s ease-in;
  transition: opacity .3s ease-in;
  width: 64rem;
  z-index: 92
}

#recommendContents .c-modalNote.is-opened {
  opacity: 1;
  pointer-events: all
}

#recommendContents .c-modalNote--white {
  margin-top: 11rem
}

#recommendContents .c-modalNote--white:before {
  background: url(../img/icon_modalNote.svg) no-repeat 50%/cover;
  content: "";
  height: 3.8rem;
  left: 50%;
  position: absolute;
  top: -3.1rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 3.8rem
}

#recommendContents .c-modalNote__wrap {
  height: 5.2rem;
  position: relative
}

#recommendContents .c-modalNote__trigger {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background: #f9d7e3;
  border: .6rem solid #000;
  border-radius: .4rem;
  bottom: 0;
  color: #000;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, HiraKakuProN-W3, YuGothic, Yu Gothic Medium, Yu Gothic, Meiryo, Noto Sans JP, Droid Sans, sans-serif;
  font-size: 2.8rem;
  font-weight: 700;
  height: 5.2rem;
  justify-content: center;
  padding: 0 2rem;
  position: absolute;
  right: 5.6rem;
  white-space: nowrap;
  width: 15.6rem;
  z-index: 91
}

#recommendContents .c-modalNote__body {
  background: #fff;
  border: .6rem solid #000;
  border-radius: 2rem;
  font-size: 2.8rem;
  line-height: 1.5;
  padding: 3.4rem 3rem 16rem;
  text-align: left
}

#recommendContents .c-modalNote__body p:not(:first-child) {
  margin-top: 1.2rem
}

#recommendContents .c-modalNote__body a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #e4017e;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 7px;
  position: relative
}

#recommendContents .c-modalNote__body a:after {
  background: url(../img/nav_icon_arrow.svg) no-repeat 50%/cover;
  content: "";
  display: block;
  height: 14px;
  width: 8px
}

#recommendContents .c-modalNote__body a[target*=blank]:after {
  background: url(../img/icon_link_blank_purple.svg) no-repeat 50%/cover;
  content: "";
  display: block;
  height: 14px;
  min-width: 19px
}

#recommendContents .c-modalNote__ttl {
  font-size: 2.8rem;
  font-weight: 600;
  text-align: center
}

#recommendContents .c-modalNote__ttl:not(:first-of-type) {
  margin-top: 17px
}

#recommendContents .c-modalNote__ttl--sim {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center
}

#recommendContents .c-modalNote__ttl--sim img {
  height: 12.8rem;
  margin-bottom: 2rem;
  width: 11.4rem
}

#recommendContents .c-modalNote__img {
  margin: 2rem auto 4rem
}

#recommendContents .c-modalNote__links a {
  text-decoration: underline
}

#recommendContents .c-modalNote__links a:after,
#recommendContents .c-modalNote__links a:before {
  display: none
}

#recommendContents .c-modalNote__links a:not(:first-child) {
  margin-top: .8rem
}

#recommendContents .c-modalNote--dummy {
  display: none;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

#recommendContents .c-modalNote.is-opened+.c-modalNote--dummy {
  display: block
}

#recommendContents .c-modalNote__trigger--yellow {
  background-color: #fffa87
}

#recommendContents .c-modalNote__trigger--lime {
  background-color: #86ff8b
}

#recommendContents .c-modalNote__trigger--aqua {
  background-color: #79e5f1
}

#recommendContents .page-flow button.contents__icon {
  background-color: #000
}

#recommendContents .c-mv {
  background-repeat: repeat-x;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  position: relative;
  text-align: center
}

#recommendContents .c-mv[data-page=area] {
  background-image: url(../img/area/kv_bg.jpg)
}

#recommendContents .c-mv[data-page=komikomi] {
  background-image: url(../img/komikomi/kv_bg.jpg)
}

#recommendContents .c-mv[data-page=sim] {
  background-image: url(../img/sim/kv_bg.jpg)
}

#recommendContents .c-mv[data-page=plan] {
  background-image: url(../img/plan/kv_bg.jpg)
}

#recommendContents .c-mv[data-page=ouenwari] {
  background-image: url(../img/ouenwari/kv_bg.jpg)
}

#recommendContents .c-mv[data-page=tokutoku] {
  background-image: url(../img/tokutoku/kv_bg.jpg)
}

#recommendContents .c-mv.is-hidden {
  display: none
}

#recommendContents .c-mv:before {
  background-color: #fff;
  bottom: 0;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0
}

#recommendContents .c-mv__inner {
  position: relative;
  z-index: 1
}

#recommendContents .c-priceSec__ttl.js-mv:not(:first-of-type) {
  display: none
}

#recommendContents .c-nav {
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: opacity .3s, visibility .5s;
  transition: opacity .3s, visibility .5s;
  visibility: hidden;
  width: 100%;
  z-index: 1002
}

#recommendContents .c-nav__bg {
  left: 0;
  position: absolute;
  top: 0
}

#recommendContents .c-nav__content {
  background-color: #fff;
  overflow-y: auto;
  position: absolute;
  z-index: 1001
}

#recommendContents .c-nav.is-opened {
  opacity: 1;
  visibility: visible
}

#recommendContents .c-nav__wrap {
  padding: 0
}

#recommendContents .c-nav__ttl {
  margin: 2vw auto;
  text-align: center;
  width: 36vw
}

#recommendContents .c-nav__list li:not(:first-child) {
  border-top: .2rem solid #d8d8d8
}

#recommendContents .c-nav__list li a,
#recommendContents .c-nav__list li div {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  align-items: center;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, HiraKakuProN-W3, YuGothic, Yu Gothic Medium, Yu Gothic, Meiryo, Noto Sans JP, Droid Sans, sans-serif;
  font-size: 4vw;
  font-weight: 700;
  gap: 2vw;
  justify-content: flex-start;
  line-height: 1.5;
  padding: 1vw 5vw 1vw 9vw;
  position: relative
}

#recommendContents .c-nav__list li a img,
#recommendContents .c-nav__list li div img {
  width: 11vw
}

#recommendContents .c-nav__list li a:after,
#recommendContents .c-nav__list li div:after {
  background: url(../img/nav_icon_arrow.svg) no-repeat 50%/cover;
  content: "";
  display: block;
  height: 3.2rem;
  position: absolute;
  right: 8rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2rem
}

#recommendContents .c-nav__openButton {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  -webkit-transition: opacity .3s ease-in;
  transition: opacity .3s ease-in;
  z-index: 8
}

#recommendContents .c-nav__openButton.is-active {
  opacity: 1;
  pointer-events: all
}

#recommendContents .c-nav__closeButton {
  position: fixed;
  z-index: 1002
}

#recommendContents .c-nav__closeButtonFoot {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e4e4e4;
  border-radius: 2vw;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 4.5vw;
  font-weight: 600;
  height: 14vw;
  justify-content: center;
  left: 0;
  margin: auto;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 135vw;
  width: 35vw;
  z-index: 1002
}

#recommendContents .c-nav__closeButtonFootIcon {
  background-color: #fff;
  border-radius: 1vw;
  height: 8vw;
  margin-right: 3vw;
  position: relative;
  width: 8vw
}

#recommendContents .c-nav__closeButtonFootIcon:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

#recommendContents .c-nav__closeButtonFootIcon:after,
#recommendContents .c-nav__closeButtonFootIcon:before {
  background-color: #000;
  border-radius: .25vw;
  bottom: 0;
  content: "";
  height: 6vw;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: .5vw
}

#recommendContents .c-nav__closeButtonFootIcon:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

#recommendContents .plan-minimini .num {
  font-family: din-2014, sans-serif;
  font-weight: 700;
  letter-spacing: -.04em
}

#recommendContents .plan-minimini .jp-bold {
  font-weight: 700
}

#recommendContents .plan-minimini .note,
#recommendContents .plan-minimini .notes {
  font-size: 13px;
  line-height: 1.5
}

#recommendContents .plan-minimini .plan-inner {
  border: 2px solid #008ec4;
  border-radius: 1.6vw
}

#recommendContents .plan-minimini .plan-otoku {
  border-bottom: 2px solid #008ec4
}

#recommendContents .plan-minimini .plan-heading {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #008ec4;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  justify-content: center;
  line-height: 1.2;
  text-align: center
}

#recommendContents .plan-minimini .plan-heading h2 {
  font-weight: 700
}

#recommendContents .plan-minimini .plan-heading h2 span {
  display: block
}

#recommendContents .plan-minimini .plan-heading h2 .lg {
  font-size: 35px
}

#recommendContents .plan-minimini .plan-detail-head {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  padding: 20px 0 0;
  text-align: center
}

#recommendContents .plan-minimini .plan-detail-head .p01 {
  -ms-flex-preferred-size: 160px;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  flex-basis: 160px;
  order: 1
}

#recommendContents .plan-minimini .plan-detail-head h3 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  order: 2
}

#recommendContents .plan-minimini .plan-detail-tekiyou {
  color: #008ec4;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin: 5px 0 0;
  text-align: center
}

#recommendContents .plan-minimini .plan-detail-price {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  padding: 10px 0 0;
  white-space: nowrap
}

#recommendContents .plan-minimini .plan-detail-price .block-lg {
  color: #008ec4
}

#recommendContents .plan-minimini .plan-detail-price .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 25px
}

#recommendContents .plan-minimini .plan-detail-price .block .gb {
  width: 82px
}

#recommendContents .plan-minimini .plan-detail-price .block .price {
  padding: 0 0 0 10px
}

#recommendContents .plan-minimini .plan-detail-price .block .tax-out {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.1;
  margin: 0 0 -12px
}

#recommendContents .plan-minimini .plan-detail-price .block .tax-out .num {
  font-size: 76px
}

#recommendContents .plan-minimini .plan-detail-price .block .tax-out dl {
  margin: 8px 0 0 5px
}

#recommendContents .plan-minimini .plan-detail-price .block .tax-out dl dt {
  font-size: 17px
}

#recommendContents .plan-minimini .plan-detail-price .block .tax-out dl dd {
  font-size: 27px;
  margin: 5px 0 0
}

#recommendContents .plan-minimini .plan-detail-price .block .tax-in {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 26px;
  justify-content: center;
  line-height: 1.1
}

#recommendContents .plan-minimini .plan-detail-price .block .tax-in .num {
  font-size: 36px;
  margin: 0 0 0 2px
}

#recommendContents .plan-minimini .plan-detail-price .block .tax-in .yen {
  font-size: 18px;
  margin: 8px 0 0 2px
}

#recommendContents .plan-minimini .plan-detail-price .block .note {
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-bottom: -.8em
}

#recommendContents .plan-minimini .plan-detail-setwari {
  margin: 0 0 30px
}

#recommendContents .plan-minimini .plan-detail-setwari .price {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  line-height: 1.1;
  margin: 5px 0 0
}

#recommendContents .plan-minimini .plan-detail-setwari .price .text {
  font-size: 13px;
  margin: 12px 0 0
}

#recommendContents .plan-minimini .plan-detail-setwari .price .num {
  font-size: 33px;
  margin: 0 3px
}

#recommendContents .plan-minimini .plan-detail-setwari .price .yen {
  font-size: 17px;
  margin: 8px 0 0
}

#recommendContents .plan-minimini .plan-detail-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 30px auto 0;
  padding: 0 0 50px;
  width: 660px
}

#recommendContents .plan-minimini .plan-detail-items {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  padding: 0 12px 0 0
}

#recommendContents .plan-minimini .plan-detail-items h4 {
  font-size: 13px;
  line-height: 1.5;
  margin: 0 0 5px;
  text-align: center
}

#recommendContents .plan-minimini .plan-detail-items table {
  line-height: 1.2;
  white-space: nowrap;
  width: 290px
}

#recommendContents .plan-minimini .plan-detail-items table th {
  background-color: #f5f5f5;
  border: 1px solid #000;
  font-size: 11px;
  font-weight: 700;
  padding: 5px;
  text-align: left;
  vertical-align: middle
}

#recommendContents .plan-minimini .plan-detail-items table td {
  border: 1px solid #000;
  font-size: 10px;
  padding: 7px 5px;
  text-align: center;
  vertical-align: middle;
  width: 40%
}

#recommendContents .plan-minimini .plan-detail-items table td .price {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin-bottom: -5px
}

#recommendContents .plan-minimini .plan-detail-items table td .price .num {
  font-size: 24px;
  font-weight: 500;
  padding-right: 1px
}

#recommendContents .plan-minimini .plan-detail-items table td .price .yen {
  margin: 9px 0 0
}

#recommendContents .plan-minimini .plan-detail-notes {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  padding: 23px 0 0 12px
}

#recommendContents .plan-minimini .notes-ac-sp .notes-ac-wrap {
  height: auto;
  overflow: hidden;
  position: relative;
  -webkit-transition: height .2s ease;
  transition: height .2s ease
}

#recommendContents .plan-minimini .notes-ac-sp .notes-ac-space {
  height: 50px;
  left: 0;
  position: absolute;
  top: 0
}

#recommendContents .plan-minimini .notes-ac {
  text-align: center
}

#recommendContents .plan-minimini .notes-ac .notes-ac-wrap {
  height: 50px;
  overflow: hidden;
  position: relative;
  -webkit-transition: height .2s ease;
  transition: height .2s ease
}

#recommendContents .plan-minimini .notes-ac .notes-ac-space {
  height: 50px;
  left: 0;
  position: absolute;
  top: 0
}

#recommendContents .plan-minimini .notes-ac .miniminiPlanNote__detail {
  overflow: hidden;
  position: relative;
  text-align: left
}

#recommendContents .plan-minimini .notes-ac .miniminiPlanNote__detail,
#recommendContents .plan-minimini .notes-ac .miniminiPlanNote__detail:after {
  -webkit-transition: -webkit-transform .2s ease;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease
}

#recommendContents .plan-minimini .notes-ac .miniminiPlanNote__detail:after {
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(hsla(0, 0%, 100%, 0)));
  background: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0));
  bottom: 0;
  content: "";
  height: 40px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 2
}

#recommendContents .plan-minimini .notes-ac .miniminiPlanNote__detail.is-opened {
  height: auto
}

#recommendContents .plan-minimini .notes-ac .miniminiPlanNote__detail.is-opened:after {
  opacity: 0
}

#recommendContents .plan-minimini .notes-ac .miniminiPlanNote__detail.is-opened+div.trigger:after {
  content: "閉じる"
}

#recommendContents .plan-minimini .notes-ac .miniminiPlanNote__detail.is-opened+div.trigger:before {
  background: url(../img/icon_minus.svg) no-repeat 50%/cover
}

#recommendContents .plan-minimini .notes-ac .miniminiPlanNote__trigger {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: #a0a0a0;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 14px;
  gap: 10px;
  height: 40px;
  justify-content: center;
  padding: 0 20px
}

#recommendContents .plan-minimini .notes-ac .miniminiPlanNote__trigger:before {
  background: url(../img/icon_plus.svg) no-repeat 50%/cover;
  content: "";
  display: block;
  height: 20px;
  width: 20px
}

#recommendContents .plan-minimini .notes-ac .miniminiPlanNote__trigger:after {
  content: "注釈をすべて表示"
}

#recommendContents .plan-minimini .plan-detail-row {
  position: relative
}

#recommendContents .plan-minimini .plan-tip-block {
  margin: 20px 0 0
}

#recommendContents .plan-minimini .plan-tip-block ul {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 14px;
  justify-content: space-between
}

#recommendContents .plan-minimini .plan-tip-block ul li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#recommendContents .plan-minimini .plan-tip-block ul li.full {
  margin: 15px 0 0
}

#recommendContents .plan-minimini .plan-tip-block .js-modalTrigger {
  background-color: #ea6094;
  background-image: url(../img/tip-hatena.svg);
  background-size: contain;
  border-radius: 5px;
  cursor: pointer;
  display: block;
  height: 24px;
  margin: 0 0 0 5px;
  -webkit-transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
  transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
  width: 24px
}

#recommendContents .plan-minimini .c-modalNote {
  display: none
}

#recommendContents .plan-minimini .c-modalNote.is-opened {
  display: block
}

#recommendContents .plan-minimini .plan-notes {
  margin: 0 auto;
  max-width: 660px;
  padding: 30px 0 40px
}

#recommendContents .plan-minimini .plan-notes .notes-ac-wrap {
  overflow: hidden;
  position: relative;
  -webkit-transition: height .2s ease;
  transition: height .2s ease
}

#recommendContents .plan-minimini .plan-notes .notes-ac-space {
  height: 50px;
  left: 0;
  position: absolute;
  top: 0
}

#recommendContents .plan-minimini .plan-notes a[target=_blank]:after {
  background: url(../img/icon_link_blank_purple.svg) no-repeat 50%/cover;
  content: "";
  display: inline-block;
  height: 12px;
  margin: 0 .25em;
  min-width: 16px
}

#recommendContents .plan-minimini .link-block {
  margin: 30px 0;
  text-align: center
}

#recommendContents .plan-minimini .plan-otoku {
  position: relative;
  text-align: center
}

#recommendContents .plan-minimini .plan-otoku .plan-otoku-heading {
  background-color: #008ec4;
  color: #fff;
  position: relative;
  -webkit-transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
  transition: opacity .2s cubic-bezier(.39, .575, .565, 1)
}

#recommendContents .plan-minimini .plan-otoku .plan-otoku-heading h2 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  justify-content: center;
  line-height: 1.3
}

#recommendContents .plan-minimini .plan-otoku .plan-otoku-heading h2 .sm {
  font-size: 16px;
  margin: 0 5px 0 0
}

#recommendContents .plan-minimini .plan-otoku .plan-otoku-heading h2 .lg {
  font-size: 26px
}

#recommendContents .plan-minimini .plan-otoku .plan-otoku-heading h2 .lg sup {
  font-size: 20px;
  margin: 0 -.08em 0 -.16em;
  position: relative;
  top: -.2em;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0
}

#recommendContents .plan-minimini .plan-otoku .plan-otoku-heading h2 .jp-bold-ex {
  font-weight: 800
}

#recommendContents .plan-minimini .plan-otoku .plan-otoku-heading i {
  display: block;
  height: 20px;
  margin-top: -10px;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
  transition: opacity .2s cubic-bezier(.39, .575, .565, 1);
  width: 20px
}

#recommendContents .plan-minimini .plan-otoku .plan-otoku-heading i:before {
  background-color: #fff;
  content: "";
  display: block;
  height: 4px;
  left: 50%;
  margin: -2px 0 0 -10px;
  position: absolute;
  top: 50%;
  width: 20px
}

#recommendContents .plan-minimini .plan-otoku .plan-otoku-heading i:after {
  background-color: #fff;
  content: "";
  display: block;
  height: 20px;
  left: 50%;
  margin: -10px 0 0 -2px;
  position: absolute;
  top: 50%;
  width: 4px
}

#recommendContents .plan-minimini .plan-otoku .plan-otoku-heading .clickable {
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

#recommendContents .plan-minimini .plan-otoku .plan-otoku-heading.is-opened i:after {
  opacity: 0
}

#recommendContents .plan-minimini .plan-otoku .plan-otoku-detail {
  display: none;
  height: 0;
  overflow: hidden;
  position: relative;
  text-align: left
}

#recommendContents .plan-minimini .plan-otoku .plan-otoku-detail,
#recommendContents .plan-minimini .plan-otoku .plan-otoku-detail:after {
  -webkit-transition: -webkit-transform .2s ease;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease
}

#recommendContents .plan-minimini .plan-otoku .plan-otoku-detail:after {
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(hsla(0, 0%, 100%, 0)));
  background: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0));
  bottom: 0;
  content: "";
  height: 40px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 2
}

#recommendContents .plan-minimini .plan-otoku .plan-otoku-detail.is-opened {
  height: auto
}

#recommendContents .plan-minimini .plan-otoku .plan-otoku-detail.is-opened:after {
  opacity: 0
}

#recommendContents .plan-minimini .plan-otoku .plan-otoku-detail.is-opened+div.trigger:after {
  content: "閉じる"
}

#recommendContents .plan-minimini .plan-otoku .plan-otoku-detail.is-opened+div.trigger:before {
  background: url(../img/icon_minus.svg) no-repeat 50%/cover
}

#recommendContents .plan-minimini .plan-otoku .plan-otoku-detail .plan-detail-tekiyou {
  padding: 30px 0 0
}

#recommendContents .plan-minimini .plan-otoku .plan-otoku-detail .plan-detail-price {
  padding-top: 10px
}

#recommendContents .plan-minimini .plan-otoku .plan-otoku-detail.is-opened {
  display: block
}

#recommendContents .plan-minimini .plan-otoku .plan-otoku-detail.is-opened+.trigger,
#recommendContents .plan-minimini .plan-otoku .trigger {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

#recommendContents .plan-minimini .plan-otoku .trigger {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: #a0a0a0;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 14px;
  gap: 10px;
  height: 40px;
  justify-content: center;
  padding: 0 20px
}

#recommendContents .plan-minimini .plan-otoku .trigger:before {
  background: url(../img/icon_plus.svg) no-repeat 50%/cover;
  content: "";
  display: block;
  height: 20px;
  width: 20px
}

#recommendContents .plan-minimini .plan-otoku .trigger:after {
  content: "注釈をすべて表示"
}

#recommendContents .plan-minimini .plan-otoku sup {
  display: inline-block;
  font-size: 100%;
  -webkit-transform: scale(.66);
  transform: scale(.66);
  -webkit-transform-origin: 50% 20%;
  transform-origin: 50% 20%;
  vertical-align: baseline
}

#recommendContents .plan-minimini .plan-tip-block .miniminiTip01:before {
  -webkit-transform: translateX(calc(-50% + 147px));
  transform: translateX(calc(-50% + 147px))
}

#recommendContents .plan-minimini .plan-tip-block .miniminiTip02:before {
  -webkit-transform: translateX(calc(-50% + 308px));
  transform: translateX(calc(-50% + 308px))
}

#recommendContents .plan-minimini .plan-tip-block .miniminiTip02 .tip-plan-setwari-condition .note {
  display: block
}

#recommendContents .plan-minimini .plan-tip-block .miniminiTip02 .tip-plan-setwari-condition .note li {
  display: inline
}

#recommendContents .plan-minimini .plan-tip-block .miniminiTip03:before {
  -webkit-transform: translateX(calc(-50% + 268px));
  transform: translateX(calc(-50% + 268px))
}

#recommendContents .plan-minimini .miniminiTip04:before {
  -webkit-transform: translateX(calc(-50% + 183px));
  transform: translateX(calc(-50% + 183px))
}

#recommendContents .plan-minimini .tip-plan-setwari .link:after,
#recommendContents .plan-minimini .tip-plan-setwari .link:before,
#recommendContents .plan-minimini .tip-plan-setwari-condition .link:after,
#recommendContents .plan-minimini .tip-plan-setwari-condition .link:before,
#recommendContents .plan-minimini .tip-plan-setwari-kazoku .link:after,
#recommendContents .plan-minimini .tip-plan-setwari-kazoku .link:before {
  display: none
}

#recommendContents .plan-minimini .miniminiTip04 {
  top: 495px
}

#recommendContents .tip-plan-setwari img {
  display: block
}

#recommendContents .tip-plan-setwari .head h3 {
  color: #e4007f;
  font-size: 20px;
  font-weight: 700;
  padding: 0 0 0 55px;
  position: relative
}

#recommendContents .tip-plan-setwari .head h3:before {
  background-image: url(../img/tip-setwari-icon.svg);
  background-size: contain;
  content: "";
  display: block;
  height: 46px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 46px
}

#recommendContents .tip-plan-setwari .head p {
  padding: 0 0 0 55px
}

#recommendContents .tip-plan-setwari .head p sup {
  margin: 0 -.2em
}

#recommendContents .tip-plan-setwari .note {
  font-size: 12px;
  margin: 20px 0 0
}

#recommendContents .tip-plan-setwari .courses {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px
}

#recommendContents .tip-plan-setwari h4 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #000;
  border-radius: 3px 3px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  padding: 0 0 0 5px
}

#recommendContents .tip-plan-setwari h4:before {
  background-size: contain;
  content: "";
  display: block;
  height: 36px;
  margin: 0 5px 0 0;
  width: 36px
}

#recommendContents .tip-plan-setwari .course-net {
  -ms-flex-preferred-size: 64%;
  flex-basis: 64%;
  margin: 20px 0 0;
  padding: 0 8px
}

#recommendContents .tip-plan-setwari .course-net .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0 0
}

#recommendContents .tip-plan-setwari .course-net .box01 {
  -ms-flex-preferred-size: 101px;
  flex-basis: 101px;
  font-size: 12px;
  margin: 35px 0 0;
  text-align: center
}

#recommendContents .tip-plan-setwari .course-net .box01 img {
  margin: 0 auto 2px;
  width: 40px
}

#recommendContents .tip-plan-setwari .course-net .box01 .logo img {
  margin: 5px auto 4px;
  width: 82px
}

#recommendContents .tip-plan-setwari .course-net .plus {
  -ms-flex-preferred-size: 30px;
  flex-basis: 30px
}

#recommendContents .tip-plan-setwari .course-net .plus img {
  margin: 46px 0 0 -12px;
  width: 30px
}

#recommendContents .tip-plan-setwari .course-net .service {
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1
}

#recommendContents .tip-plan-setwari .course-net .service .title {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  position: relative
}

#recommendContents .tip-plan-setwari .course-net .service .title:before {
  border: 1px solid #000;
  border-bottom: 0;
  bottom: 0;
  content: "";
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  width: 100%
}

#recommendContents .tip-plan-setwari .course-net .service .title span {
  background-color: #fff;
  display: block;
  padding: 0 1em;
  position: relative
}

#recommendContents .tip-plan-setwari .course-net .boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap
}

#recommendContents .tip-plan-setwari .course-net .boxes .box {
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
  font-size: 12px
}

#recommendContents .tip-plan-setwari .course-net .boxes .box ul {
  font-size: 10px
}

#recommendContents .tip-plan-setwari .course-net .boxes .box .logo img {
  margin: 0 auto 4px;
  width: 80px
}

#recommendContents .tip-plan-setwari .course-denki {
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  margin: 20px 0 0;
  padding: 0 8px
}

#recommendContents .tip-plan-setwari .course-denki .boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  margin: 10px 0 0;
  text-align: center
}

#recommendContents .tip-plan-setwari .course-denki .boxes .plus {
  -ms-flex-preferred-size: 30px;
  flex-basis: 30px
}

#recommendContents .tip-plan-setwari .course-denki .boxes .plus img {
  margin: 46px 0 0 -12px;
  width: 30px
}

#recommendContents .tip-plan-setwari .course-denki .boxes .box01 {
  font-size: 12px;
  margin: 35px 0 0
}

#recommendContents .tip-plan-setwari .course-denki .boxes .box01 img {
  margin: 0 auto 2px;
  width: 40px
}

#recommendContents .tip-plan-setwari .course-denki .boxes .box01 .logo img {
  margin: 5px auto 4px;
  width: 82px
}

#recommendContents .tip-plan-setwari .course-denki .boxes .box02 {
  margin: 15px 0 0
}

#recommendContents .tip-plan-setwari .course-denki .boxes .box02 img {
  margin: 0 auto;
  width: 78px
}

#recommendContents .tip-plan-setwari .course-denki .boxes .box02 .logo {
  margin: 5px auto 0;
  width: 86px
}

#recommendContents .tip-plan-setwari .course-denki .boxes .box02 .logo img {
  width: 100%
}

#recommendContents .tip-plan-setwari .course-net h4 {
  background-color: #79e5f1
}

#recommendContents .tip-plan-setwari .course-net h4:before {
  background-image: url(../img/tip-setwari-net-icon00.svg)
}

#recommendContents .tip-plan-setwari .course-denki h4 {
  background-color: #f3f146
}

#recommendContents .tip-plan-setwari .course-denki h4:before {
  background-image: url(../img/tip-setwari-denki-icon00.svg)
}

#recommendContents .tip-plan-setwari-condition .head h3 {
  font-weight: 700
}

#recommendContents .tip-plan-setwari-kazoku .row {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  padding: 10px 0 0
}

#recommendContents .tip-plan-setwari-kazoku .head {
  line-height: 1.3;
  padding: 10px 30px 0 20px;
  position: relative;
  text-align: center
}

#recommendContents .tip-plan-setwari-kazoku .head:before {
  background-color: #000;
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px
}

#recommendContents .tip-plan-setwari-kazoku .head .catch {
  font-size: 16px
}

#recommendContents .tip-plan-setwari-kazoku .head .catch sup {
  margin: 0 -.1em
}

#recommendContents .tip-plan-setwari-kazoku .head h3 {
  color: #e4007f;
  font-size: 32px;
  font-weight: inherit;
  font-weight: 700
}

#recommendContents .tip-plan-setwari-kazoku .head .note {
  font-size: 13px;
  font-weight: 500;
  margin: 5px 0 0
}

#recommendContents .tip-plan-setwari-kazoku .head .text {
  color: #e4007f;
  font-size: 20px;
  font-weight: 700;
  margin: 7px 0 2px
}

#recommendContents .tip-plan-setwari-kazoku .head .price-block {
  color: #e4007f;
  font-weight: 700;
  margin: 0 0 -14px
}

#recommendContents .tip-plan-setwari-kazoku .head .price,
#recommendContents .tip-plan-setwari-kazoku .head .price-block {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}

#recommendContents .tip-plan-setwari-kazoku .head .price {
  font-size: 26px;
  line-height: 1.1
}

#recommendContents .tip-plan-setwari-kazoku .head .price div {
  margin: 27px 0 0
}

#recommendContents .tip-plan-setwari-kazoku .head .price .num {
  font-size: 70px;
  font-weight: 700;
  letter-spacing: -.04em;
  margin: 0 .04em 0 0
}

#recommendContents .tip-plan-setwari-kazoku .head .waribiki {
  font-size: 32px;
  margin: 17px 0 0
}

#recommendContents .tip-plan-setwari-kazoku .setwari-detail {
  font-size: 14px;
  line-height: 1.7;
  padding: 0 5px 0 25px;
  position: relative
}

#recommendContents .tip-plan-setwari-kazoku .setwari-detail ul li {
  padding-left: 2em;
  text-indent: -1em
}

#recommendContents .tip-plan-setwari-kazoku .foot {
  margin: 25px 0 0
}

#recommendContents .tip-plan-setwari-kazoku .foot .note {
  font-size: 13px
}

#recommendContents .tip-plan-setwari-condition .head h3 {
  font-size: 18px;
  padding: 0 0 0 55px;
  position: relative
}

#recommendContents .tip-plan-setwari-condition .head h3:before {
  background-image: url(../img/tip-setwari-icon.svg);
  background-size: contain;
  content: "";
  display: block;
  height: 46px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 46px
}

#recommendContents .tip-plan-setwari-condition .head p {
  padding: 0 0 0 55px
}

#recommendContents .tip-plan-setwari-condition .table {
  margin: 20px 0
}

#recommendContents .tip-plan-setwari-condition .note {
  font-size: 13px
}

#recommendContents .tip-plan-setwari-condition .note li {
  display: inline
}

#recommendContents .tip-plan-aupay .row {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  padding: 10px 0 0
}

#recommendContents .tip-plan-aupay .head {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-weight: 700;
  line-height: 1.3;
  padding: 10px 30px 0 20px;
  position: relative;
  text-align: center
}

#recommendContents .tip-plan-aupay .head .catch {
  font-size: 16px
}

#recommendContents .tip-plan-aupay .head .catch sup {
  margin: 0 -.1em
}

#recommendContents .tip-plan-aupay .head h3 {
  color: #e4007f;
  font-size: 32px;
  font-weight: inherit;
  font-weight: 700
}

#recommendContents .tip-plan-aupay .head .text {
  color: #e4007f;
  font-size: 18px;
  font-weight: 700;
  margin: 7px 0 2px
}

#recommendContents .tip-plan-aupay .head .price-block {
  color: #e4007f;
  font-weight: 700;
  margin: 0 0 -14px
}

#recommendContents .tip-plan-aupay .head .price,
#recommendContents .tip-plan-aupay .head .price-block {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}

#recommendContents .tip-plan-aupay .head .price {
  font-size: 26px;
  line-height: 1.1
}

#recommendContents .tip-plan-aupay .head .price div {
  margin: 27px 0 0
}

#recommendContents .tip-plan-aupay .head .price .num {
  font-size: 70px;
  font-weight: 700;
  letter-spacing: -.04em;
  margin: 0 .04em 0 0
}

#recommendContents .tip-plan-aupay .head .waribiki {
  font-size: 32px;
  margin: 17px 0 0
}

#recommendContents .tip-plan-aupay .setwari-detail {
  font-size: 14px;
  line-height: 1.7;
  padding: 0 20px 0 30px;
  position: relative
}

#recommendContents .tip-plan-aupay .setwari-detail:before {
  background-color: #000;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 1px
}

#recommendContents .tip-plan-aupay .foot {
  margin: 25px 0 0
}

#recommendContents .tip-plan-aupay .foot .note {
  font-size: 13px
}

#recommendContents .c-planSec {
  text-align: center
}

#recommendContents .c-planSec--main {
  margin-bottom: 72px;
  margin-top: 50px
}

#recommendContents .c-planSec--main .c-planSec__ttl {
  position: relative
}

#recommendContents .c-planSec--main .c-planSec__ttl .ttlName {
  color: #e4017e;
  font-weight: 800;
  left: 50%;
  letter-spacing: .05em;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap
}

#recommendContents .c-planSec--sub .c-priceButtonContainer__button {
  background-color: #e4017e;
  color: #fff;
  height: 40px;
  width: 53%
}

#recommendContents .c-planSec--sub .c-planSec__ttl {
  background: url(../img/fukidashi_m_pc.png) no-repeat 50%/cover;
  color: #e4017e;
  font-size: 20px;
  font-weight: 800;
  height: 74px;
  left: 0;
  letter-spacing: .1em;
  margin: 0 auto 20px;
  padding-top: 20px;
  right: 0;
  top: -60px;
  width: 278px
}

#recommendContents .c-planSec--sub .c-planSec__cards {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}

#recommendContents .c-planSec--sub .c-planSec__card {
  position: relative
}

#recommendContents .c-planSec--sub .c-planSec__card img {
  display: block
}

#recommendContents .c-planSec--sub .c-planSec__card .c-priceButtonContainer {
  margin: 0
}

#recommendContents .c-planSec--sub .c-planSec__card .c-priceButtonContainer__button {
  letter-spacing: .05em
}

#recommendContents .c-planSec--sub .c-planSec__card .c-priceButtonContainer__button:after {
  height: 16px;
  right: 6px;
  width: 18px
}

#recommendContents .c-planSec--sub .c-planSec__card .c-modalNote__trigger--white {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  border-radius: 50vw;
  height: 40px;
  justify-content: center;
  padding: 0;
  width: 53%;
  z-index: 0
}

#recommendContents .c-planSec--sub .c-planSec__card .c-modalNote__trigger--white:after {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#recommendContents .c-planSec--sub .c-planSec__card__btnArea {
  position: relative
}

#recommendContents .c-planSec--sub .c-planSec__card__btnArea .c-modalNote--white {
  margin-top: 0
}

#recommendContents .c-planSec--else {
  padding-bottom: 137px;
  position: relative
}

#recommendContents .c-planSec--else:after {
  background: url(../img/bg02_pc.svg) repeat-x 50%/contain;
  bottom: -15px;
  content: "";
  display: block;
  height: 99px;
  left: 0;
  position: absolute;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  width: 100%
}

#recommendContents .c-planSec--change {
  background-color: #e4017e;
  padding: 28px 0 0;
  position: relative
}

#recommendContents .c-planSec--change .c-planSec__ttl {
  background: url(../img/fukidashi_l_pc.png) no-repeat 50%/cover;
  width: 333px
}

#recommendContents .c-planSec--change .c-planSec__pricePlanModals {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  justify-content: center;
  z-index: 1
}

#recommendContents .c-planSec--change .c-planSec__pricePlanModals .c-modalNote__trigger--white,
#recommendContents .c-planSec--change .c-planSec__pricePlanModals .c-pricePlanCard__priceModal {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  border-radius: 50vw;
  bottom: unset;
  font-size: 16px;
  height: 50px;
  justify-content: center;
  padding: 0 8px 0 0;
  position: relative;
  right: unset;
  width: 220px
}

#recommendContents .c-planSec--change .c-planSec__pricePlanModals .c-modalNote__trigger--white:after,
#recommendContents .c-planSec--change .c-planSec__pricePlanModals .c-pricePlanCard__priceModal:after {
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#recommendContents .c-planSec--change .c-planSec__ttl {
  position: absolute
}

#recommendContents .c-planSec__card.komikomi_wrap .komikomi_remarks {
  left: 0;
  line-height: 1.3333333333;
  margin: auto;
  padding-left: 1em;
  position: absolute;
  right: 0;
  text-align: left;
  text-indent: -1em
}

#recommendContents .c-planSec__card.komikomi_wrap .komikomi_remarks a {
  color: #e4017e
}

#recommendContents .c-planSec--sub .c-planSec__card .c-modalNote__trigger--white,
#recommendContents .c-planSec--sub .c-planSec__card .c-priceButtonContainer__button {
  margin: auto;
  position: absolute
}

#recommendContents .c-planSec--change .c-planSec__card+.c-modalNote__trigger {
  position: relative;
  right: inherit;
  z-index: 1
}

#recommendContents .c-planSec--change .c-planSec__card+.c-modalNote__trigger:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#recommendContents .c-planSec__ttlOuenwari {
  margin: 0 auto
}

#recommendContents .c-priceButtonContainer__slashedText {
  color: #fff;
  font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, HiraKakuProN-W3, YuGothic, Yu Gothic Medium, Yu Gothic, Meiryo, Noto Sans JP, Droid Sans, sans-serif;
  font-size: 3.6rem;
  font-weight: 700;
  font-weight: 800;
  line-height: 1.5;
  margin-bottom: 1.4rem;
  text-align: center
}

#recommendContents .c-priceButtonContainer__button,
#recommendContents .c-priceButtonContainer__wrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}

#recommendContents .c-priceButtonContainer__button {
  background-color: #79e5f1;
  border: .6rem solid #000;
  border-radius: 7rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, HiraKakuProN-W3, YuGothic, Yu Gothic Medium, Yu Gothic, Meiryo, Noto Sans JP, Droid Sans, sans-serif;
  font-size: 4rem;
  font-weight: 700;
  font-weight: 800;
  height: 14rem;
  line-height: 1.5;
  position: relative;
  width: 56rem
}

#recommendContents .c-priceButtonContainer__button:after {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#recommendContents .c-priceButtonContainer__button--book {
  padding-right: 4rem
}

#recommendContents .c-priceButtonContainer__button--book:after {
  background-image: url(../img/icon_book.svg);
  height: 6.302rem;
  right: 6rem;
  width: 8rem
}

#recommendContents .c-priceButtonContainer__button--arrow:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2216%22%20fill%3D%22%23E4007F%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.8172%209.00046C12.2649%209.55274%2012.2649%2010.4482%2012.8172%2011.0005L17.8173%2016.0006L12.817%2021.0009C12.2647%2021.5532%2012.2647%2022.4486%2012.817%2023.0009C13.3693%2023.5532%2014.2647%2023.5532%2014.817%2023.0009L20.817%2017.0009C20.9725%2016.8454%2021.0842%2016.6628%2021.1521%2016.4683C21.1565%2016.4557%2021.1607%2016.443%2021.1648%2016.4303C21.3199%2015.9426%2021.204%2015.3873%2020.8172%2015.0005L14.8172%209.00046C14.2649%208.44817%2013.3695%208.44817%2012.8172%209.00046Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  height: 6.4rem;
  right: 4rem;
  width: 6.4rem
}

#recommendContents .c-priceButtonContainer__button--withTtl {
  border-radius: 9rem;
  display: block;
  height: 18rem;
  padding-right: 0;
  width: 61.2rem
}

#recommendContents .c-priceButtonContainer__button--withTtl span {
  display: block
}

#recommendContents .c-priceButtonContainer__button--withTtl span.c-priceButtonContainer__buttonTtl {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background: url(../img/img_fukidashi.svg) no-repeat 50%/cover;
  color: #e4017e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-filter: drop-shadow(.4rem .4rem 0 #000);
  filter: drop-shadow(.4rem .4rem 0 #000);
  font-size: 3.2rem;
  height: 11rem;
  justify-content: center;
  left: 50%;
  line-height: 1.5;
  padding-bottom: 1.6rem;
  position: absolute;
  top: -6.4rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 41.6rem
}

#recommendContents .c-priceButtonContainer__button--withTtl span.c-priceButtonContainer__buttonText {
  font-size: 4.4rem;
  position: relative
}

#recommendContents .c-priceButtonContainer__button--withTtl span.c-priceButtonContainer__buttonText:after {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block
}

#recommendContents .c-priceButtonContainer__button--withTtl.c-priceButtonContainer__button--book .c-priceButtonContainer__buttonText {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  justify-content: center
}

#recommendContents .c-priceButtonContainer__button--withTtl.c-priceButtonContainer__button--book .c-priceButtonContainer__buttonText:after {
  background-image: url(../img/icon_book.svg);
  height: 6.302rem;
  width: 8rem
}

#recommendContents .c-priceButtonContainer__button--withTtl:after {
  display: none
}

#recommendContents .c-priceButtonContainer__wrap--renewal .c-priceButtonContainer__button {
  background-color: #e4017e;
  color: #fff;
  font-size: 16px;
  height: 56px;
  letter-spacing: .05em;
  padding-right: 2em;
  width: 250px
}

#recommendContents .c-priceButtonContainer__wrap--renewal .c-priceButtonContainer__button--book:after {
  height: 27px;
  right: 25px;
  width: 33px
}

#recommendContents .c-priceMember {
  padding: 8.8rem 0 7.2rem
}

#recommendContents .c-priceMember__ttl {
  color: #fff;
  font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, HiraKakuProN-W3, YuGothic, Yu Gothic Medium, Yu Gothic, Meiryo, Noto Sans JP, Droid Sans, sans-serif;
  font-size: 4rem;
  font-weight: 800;
  line-height: 1.5;
  margin-bottom: 4rem;
  text-align: center
}

#recommendContents .c-priceMember__list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
  justify-content: center
}

#recommendContents .c-priceMember__list li {
  -ms-flex-preferred-size: 20.4rem;
  flex-basis: 20.4rem;
  text-align: center
}

#recommendContents .c-priceModal {
  height: 100%;
  padding: 4rem 3.6rem 22.8rem
}

#recommendContents .c-priceModal__ttl {
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.4444444444;
  margin-bottom: 2rem;
  text-align: center
}

#recommendContents .c-priceModal__table,
#recommendContents .c-priceModal__ttl {
  font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, HiraKakuProN-W3, YuGothic, Yu Gothic Medium, Yu Gothic, Meiryo, Noto Sans JP, Droid Sans, sans-serif
}

#recommendContents .c-priceModal__table {
  border: .2rem solid #000;
  width: 100%
}

#recommendContents .c-priceModal__table .en {
  font-family: din-2014, sans-serif;
  letter-spacing: -.05em;
  line-height: 1
}

#recommendContents .c-priceModal__table .en .fz-l {
  font-size: 5.8rem
}

#recommendContents .c-priceModal__table .en .fz-m {
  font-size: 4.8rem
}

#recommendContents .c-priceModal__table .en .fz-s {
  font-size: 4.4rem
}

#recommendContents .c-priceModal__table .en .fz-xs {
  font-size: 3.6rem
}

#recommendContents .c-priceModal__table .bg-gray {
  background-color: #f1f1f1
}

#recommendContents .c-priceModal__table .bg-pink {
  background-color: #e4017e;
  color: #fff
}

#recommendContents .c-priceModal__table td,
#recommendContents .c-priceModal__table th {
  border: .2rem solid #000;
  border-collapse: collapse;
  font-weight: 700;
  text-align: center
}

#recommendContents .c-priceModal__table th {
  font-size: 2.2rem;
  line-height: 1.3333333333;
  padding: 2.2rem .2rem 3rem
}

#recommendContents .c-priceModal__table th sup {
  font-size: 50%;
  position: relative;
  top: 0;
  vertical-align: top
}

#recommendContents .c-priceModal__table th[rowspan="3"]+td,
#recommendContents .c-priceModal__table th[rowspan="3"]+td+td,
#recommendContents .c-priceModal__table th[rowspan="3"]+td+td+td {
  border-bottom: none
}

#recommendContents .c-priceModal__table td {
  font-size: 2.6rem;
  padding: 1.6rem .4rem
}

#recommendContents .c-priceModal__table td div,
#recommendContents .c-priceModal__table td ul {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  align-items: flex-end;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  text-align: right
}

#recommendContents .c-priceModal__table td .unit {
  display: inline-block
}

#recommendContents .c-priceModal__table td ul li:last-child {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px
}

#recommendContents .c-priceModal__table td ul li:last-child:before {
  border-color: transparent transparent transparent #000;
  border-style: solid;
  border-width: 3.5px 0 3.5px 6px;
  content: "";
  display: block;
  height: 0;
  width: 0
}

#recommendContents .c-priceModal__table td.campaign {
  border-bottom: none;
  border-top: none;
  padding: 0 8px
}

#recommendContents .c-priceModal__table td.campaign a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: #e2e2e2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  padding: 5px;
  width: 100%
}

#recommendContents .c-priceModal__table td.campaign span {
  display: block;
  font-size: max(3vw, 2.4rem);
  line-height: 1.3;
  text-decoration: underline
}

#recommendContents .c-priceModal__table td.line {
  border-top: none;
  padding-bottom: 0
}

#recommendContents .c-priceModal__table tr:first-of-type th {
  background-color: #e4017e;
  color: #fff;
  font-size: 2.6rem;
  padding: 1.6rem .8rem
}

#recommendContents .c-priceModal__table tr:first-of-type th:nth-child(2),
#recommendContents .c-priceModal__table tr:first-of-type th:nth-child(3),
#recommendContents .c-priceModal__table tr:first-of-type th:nth-child(4) {
  width: 27%
}

#recommendContents .c-priceModal__table tr:first-of-type th div {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center
}

#recommendContents .c-priceModal__table tr:first-of-type th div .planName {
  border-bottom: 1px dotted #fff;
  font-size: 12px;
  margin-bottom: 3px;
  padding-bottom: 3px
}

#recommendContents .c-priceModal__img a:after,
#recommendContents .c-priceModal__img a:before {
  display: none
}

#recommendContents .c-priceModal__img--01 {
  position: relative
}

#recommendContents .c-priceModal__img--01 tr:first-of-type th .en .fz-s {
  font-size: 4rem
}

#recommendContents .c-priceModal__img--01 tr:first-of-type th .en .fz-l {
  font-size: 5.6rem
}

#recommendContents .c-priceModal__img--02 {
  position: relative
}

#recommendContents .c-priceModal__img--02 tr:first-of-type th:nth-child(2),
#recommendContents .c-priceModal__img--02 tr:first-of-type th:nth-child(3) {
  width: 34%
}

#recommendContents .c-priceModal__img--02 tr:first-of-type th .planName {
  font-size: 11px
}

#recommendContents .c-priceModal__img--02 td,
#recommendContents .c-priceModal__img--02 th {
  font-size: 2.4rem
}

#recommendContents .c-priceModal__img--02 td div {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#recommendContents .c-priceModal__img--02 .data {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

#recommendContents .c-priceModal__img--02 .data>span:not(:first-child) {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}

#recommendContents .c-priceModal__img--02 .data>span:not(:first-child):before {
  border-color: transparent transparent transparent #e4017e;
  border-style: solid;
  border-width: 5px 0 5px 12px;
  content: "";
  display: block;
  height: 0;
  margin: 0 2px;
  width: 0
}

#recommendContents .c-priceModal__img--02 .en .fz-xxl {
  font-size: 6.4rem
}

#recommendContents .c-priceModal__img--02 .en .fz-l,
#recommendContents .c-priceModal__img--02 .en .fz-xl {
  font-size: 5rem
}

#recommendContents .c-priceModal__img--02 .en .fz-m,
#recommendContents .c-priceModal__img--02 .en .fz-s {
  font-size: 4rem
}

#recommendContents .c-priceModal__img--02 .en .fz-xs {
  font-size: 2.4rem
}

#recommendContents .c-priceModal__img--03 {
  position: relative
}

#recommendContents .c-priceModal__img--03 td {
  font-size: 2.6rem
}

#recommendContents .c-priceModal__img--03 .speed div span {
  font-size: 18px
}

#recommendContents .c-priceModal__img--03 .en .fz-l {
  font-size: 5.8rem
}

#recommendContents .c-priceModal__img--03 .en .fz-m {
  font-size: 5.6rem
}

#recommendContents .c-priceModal__img--03 .en .fz-s {
  font-size: 4rem
}

#recommendContents .c-priceModal__img--03 .en .fz-xs {
  font-size: 3.6rem
}

#recommendContents .c-priceModal__note {
  color: #000;
  font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, HiraKakuProN-W3, YuGothic, Yu Gothic Medium, Yu Gothic, Meiryo, Noto Sans JP, Droid Sans, sans-serif;
  font-size: 2.4rem;
  line-height: 1.4166666667;
  margin-top: 2rem;
  text-align: center
}

#recommendContents .c-priceModal__note li,
#recommendContents .c-priceModal__note p {
  text-align: left
}

#recommendContents .c-priceModal__note li:not(:first-child),
#recommendContents .c-priceModal__note p:not(:first-child) {
  margin-top: 1.2rem
}

#recommendContents .c-priceModal__note a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 14px;
  margin: 6px auto 0;
  text-align: left
}

#recommendContents .c-priceModal__note a:after {
  display: none
}

#recommendContents .modalPlanPriceFamily01 .c-priceModal__table tr:first-of-type th:nth-child(2),
#recommendContents .modalPlanPriceFamily01 .c-priceModal__table tr:first-of-type th:nth-child(4),
#recommendContents .modalPlanPriceHome01 .c-priceModal__table tr:first-of-type th:nth-child(2),
#recommendContents .modalPlanPriceHome01 .c-priceModal__table tr:first-of-type th:nth-child(4) {
  width: 20%
}

#recommendContents .modalPlanPriceFamily01 .c-priceModal__table tr:first-of-type th:nth-child(3),
#recommendContents .modalPlanPriceHome01 .c-priceModal__table tr:first-of-type th:nth-child(3) {
  width: 38%
}

#recommendContents .modalPlanPriceFamily01 .c-priceModal__table td,
#recommendContents .modalPlanPriceFamily01 .c-priceModal__table th,
#recommendContents .modalPlanPriceHome01 .c-priceModal__table td,
#recommendContents .modalPlanPriceHome01 .c-priceModal__table th {
  padding: 8px
}

#recommendContents .modalPlanPriceFamily01 .c-priceModal__table tr:first-of-type th:nth-child(2),
#recommendContents .modalPlanPriceFamily01 .c-priceModal__table tr:first-of-type th:nth-child(4),
#recommendContents .modalPlanPriceHome01 .c-priceModal__table tr:first-of-type th:nth-child(2),
#recommendContents .modalPlanPriceHome01 .c-priceModal__table tr:first-of-type th:nth-child(4) {
  padding: 8px;
  width: 21%
}

#recommendContents .modalPlanPriceFamily01 .c-priceModal__table tr:first-of-type th:nth-child(3),
#recommendContents .modalPlanPriceHome01 .c-priceModal__table tr:first-of-type th:nth-child(3) {
  padding: 8px;
  width: 41%
}

#recommendContents .modalPlanPriceFamily01 .c-priceModal__table .bg-minimini,
#recommendContents .modalPlanPriceHome01 .c-priceModal__table .bg-minimini {
  background-color: #008ec4;
  color: #fff
}

#recommendContents .modalPlanPriceFamily01 .c-priceModal__table .bg-tokutoku,
#recommendContents .modalPlanPriceHome01 .c-priceModal__table .bg-tokutoku {
  background-color: #e4007f;
  color: #fff
}

#recommendContents .modalPlanPriceFamily01 .c-priceModal__table .bg-komikomi,
#recommendContents .modalPlanPriceHome01 .c-priceModal__table .bg-komikomi {
  background-color: #d8232a;
  color: #fff
}

#recommendContents .modalPlanPriceFamily01 .c-priceModal__table tr:first-of-type .bg-minimini,
#recommendContents .modalPlanPriceHome01 .c-priceModal__table tr:first-of-type .bg-minimini {
  background-color: #008ec4
}

#recommendContents .modalPlanPriceFamily01 .c-priceModal__table tr:first-of-type .bg-tokutoku,
#recommendContents .modalPlanPriceHome01 .c-priceModal__table tr:first-of-type .bg-tokutoku {
  background-color: #e4007f
}

#recommendContents .modalPlanPriceFamily01 .c-priceModal__table tr:first-of-type .bg-komikomi,
#recommendContents .modalPlanPriceHome01 .c-priceModal__table tr:first-of-type .bg-komikomi {
  background-color: #d8232a
}

#recommendContents .modalPlanPriceFamily01 .c-priceModal__table tr:first-of-type th,
#recommendContents .modalPlanPriceFamily01 .c-priceModal__table tr:nth-of-type(2) th,
#recommendContents .modalPlanPriceHome01 .c-priceModal__table tr:first-of-type th,
#recommendContents .modalPlanPriceHome01 .c-priceModal__table tr:nth-of-type(2) th {
  font-size: 14px
}

#recommendContents .modalPlanPriceFamily01 .c-priceModal__table th,
#recommendContents .modalPlanPriceHome01 .c-priceModal__table th {
  padding: 8px 5px
}

#recommendContents .modalPlanPriceFamily01 .c-priceModal__table td,
#recommendContents .modalPlanPriceHome01 .c-priceModal__table td {
  font-size: 12px;
  line-height: 1.5;
  padding: 8px 5px;
  text-align: right
}

#recommendContents .modalPlanPriceFamily01 .c-priceModal__table td.minus .num,
#recommendContents .modalPlanPriceHome01 .c-priceModal__table td.minus .num {
  color: #0f8cd4
}

#recommendContents .modalPlanPriceFamily01 .c-priceModal__table td.total .num,
#recommendContents .modalPlanPriceHome01 .c-priceModal__table td.total .num {
  color: #e4007f;
  font-size: 28px
}

#recommendContents .modalPlanPriceFamily01 .c-priceModal__table td .price,
#recommendContents .modalPlanPriceHome01 .c-priceModal__table td .price {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -ms-flex-direction: row;
  flex-direction: row
}

#recommendContents .modalPlanPriceFamily01 .c-priceModal__table td .price .num,
#recommendContents .modalPlanPriceHome01 .c-priceModal__table td .price .num {
  font-family: din-2014, sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -.03em;
  line-height: 1
}

#recommendContents .modalPlanPriceFamily01 .c-priceModal__table .thead02,
#recommendContents .modalPlanPriceFamily01 .c-priceModal__table .thead03,
#recommendContents .modalPlanPriceFamily01 .c-priceModal__table .waribiki,
#recommendContents .modalPlanPriceHome01 .c-priceModal__table .thead02,
#recommendContents .modalPlanPriceHome01 .c-priceModal__table .thead03,
#recommendContents .modalPlanPriceHome01 .c-priceModal__table .waribiki {
  background-color: #f1f1f1
}

#recommendContents .modalPlanPriceFamily01 .c-priceModal__table .increase-option-opener,
#recommendContents .modalPlanPriceHome01 .c-priceModal__table .increase-option-opener {
  display: block;
  text-align: center
}

#recommendContents .modalPlanPriceFamily01 .c-priceModal__table sup,
#recommendContents .modalPlanPriceHome01 .c-priceModal__table sup {
  display: inline-block;
  -webkit-transform: scale(.8);
  transform: scale(.8);
  vertical-align: super
}

#recommendContents .modalPlanPriceFamily01 .c-priceModal__note a[target=_blank],
#recommendContents .modalPlanPriceHome01 .c-priceModal__note a[target=_blank] {
  font-size: 12px
}

#recommendContents .modalPlanPriceFamily01 .c-priceModal__note a[target=_blank]:after,
#recommendContents .modalPlanPriceHome01 .c-priceModal__note a[target=_blank]:after {
  background: url(../img/icon_link_blank_purple.svg) no-repeat 50%/cover;
  content: "";
  display: block;
  height: 14px;
  min-width: 19px
}

#recommendContents .modalPlanPriceFamily01 .price.none,
#recommendContents .modalPlanPriceHome01 .price.none {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  position: relative;
  width: 100%
}

#recommendContents .modalPlanPriceFamily01 .price.none:before,
#recommendContents .modalPlanPriceHome01 .price.none:before {
  background: #000;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 14px
}

#recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__table td sup,
#recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__table th sup,
#recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__table td sup,
#recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__table th sup,
#recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__table td sup,
#recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__table th sup {
  font-size: 50%;
  position: relative;
  top: 0;
  vertical-align: top
}

#recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__table th,
#recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__table th,
#recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__table th {
  background-color: #ffeaf3;
  color: #000;
  font-weight: 400
}

#recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__table th span,
#recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__table th span,
#recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__table th span {
  display: block;
  line-height: 1.3
}

#recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__table td .priceWrap,
#recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__table td .priceWrap,
#recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__table td .priceWrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row
}

#recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__table td .price,
#recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__table td .price,
#recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__table td .price {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: .1em
}

#recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__table td .price .num,
#recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__table td .price .num,
#recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__table td .price .num {
  font-family: din-2014, sans-serif;
  font-weight: 700;
  letter-spacing: -.06em;
  line-height: 1
}

#recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__table td .price .yen--zeinuki,
#recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__table td .price .yen--zeinuki,
#recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__table td .price .yen--zeinuki {
  position: relative
}

#recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__table td .price .yen--zeinuki .zeinuki,
#recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__table td .price .yen--zeinuki .zeinuki,
#recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__table td .price .yen--zeinuki .zeinuki {
  left: 50%;
  position: absolute;
  top: -110%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap
}

#recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__table td .price__zeikomi,
#recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__table td .price__zeikomi,
#recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__table td .price__zeikomi {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: .1em
}

#recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__table.table02 tr:first-of-type th,
#recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__table.table02 tr:first-of-type th,
#recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__table.table02 tr:first-of-type th {
  background-color: #fff;
  font-family: unset
}

#recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__note li,
#recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__note li,
#recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__note li {
  margin-top: 0
}

#recommendContents .c-pricePlan {
  text-align: center
}

#recommendContents .c-pricePlan__comment {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  border: .4rem solid #000;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, HiraKakuProN-W3, YuGothic, Yu Gothic Medium, Yu Gothic, Meiryo, Noto Sans JP, Droid Sans, sans-serif;
  font-size: 3.6rem;
  font-weight: 800;
  height: 10.4rem;
  justify-content: center;
  line-height: 1.5;
  margin: 0 auto 8rem;
  position: relative;
  text-align: center;
  width: 60rem
}

#recommendContents .c-pricePlan__comment:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2219%22%20height%3D%2215%22%20viewBox%3D%220%200%2019%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0.125%200L9.5%2015L18.875%200H0.125Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.875%200L9.5%2015L0.125%200H2.43747L9.5%2011.3L16.5625%200H18.875Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: -3rem;
  content: "";
  display: block;
  -webkit-filter: drop-shadow(.4rem .4rem 0 #000);
  filter: drop-shadow(.4rem .4rem 0 #000);
  height: 3rem;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 3.75rem
}

#recommendContents .c-pricePlan__mangaTtl {
  margin: 0 auto;
  -webkit-transform: translateX(.4rem);
  transform: translateX(.4rem);
  width: 68.4rem
}

#recommendContents .c-pricePlan__ttl {
  margin: 0 auto;
  position: relative
}

#recommendContents .c-pricePlan__ttl:before {
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

#recommendContents .c-pricePlan__ttl img {
  width: 100%
}

#recommendContents .c-pricePlan__text {
  color: #000;
  font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, HiraKakuProN-W3, YuGothic, Yu Gothic Medium, Yu Gothic, Meiryo, Noto Sans JP, Droid Sans, sans-serif;
  font-size: 3.6rem;
  font-weight: 800;
  line-height: 1.2727272727;
  margin-top: 3rem
}

#recommendContents .c-pricePlan__text strong {
  color: #e4017e;
  font-size: 4.4rem
}

#recommendContents .c-pricePlan .c-priceButtonContainer__slashedText {
  color: #e4017e;
  font-size: 3.2rem;
  line-height: 1.5
}

#recommendContents .c-pricePlan .c-priceButtonContainer__button {
  background-color: #e4017e;
  color: #fff;
  font-size: 3.2rem;
  line-height: 1.5
}

#recommendContents .c-pricePlan .c-priceButtonContainer__button--book {
  border-radius: 5.6rem;
  height: 11.2rem;
  padding-right: 3.2rem;
  width: 50rem
}

#recommendContents .c-pricePlan .c-priceButtonContainer__button--book:after {
  height: 5.2rem;
  right: 4.2rem;
  width: 6.6rem
}

#recommendContents .c-pricePlan .c-priceButtonContainer__button--arrow {
  width: 64rem
}

#recommendContents .c-pricePlan .c-priceButtonContainer__button--arrow:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2216%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.8172%209.00046C12.2649%209.55274%2012.2649%2010.4482%2012.8172%2011.0005L17.8173%2016.0006L12.817%2021.0009C12.2647%2021.5532%2012.2647%2022.4486%2012.817%2023.0009C13.3693%2023.5532%2014.2647%2023.5532%2014.817%2023.0009L20.817%2017.0009C20.9725%2016.8454%2021.0842%2016.6628%2021.1521%2016.4683C21.1565%2016.4557%2021.1607%2016.443%2021.1648%2016.4303C21.3199%2015.9426%2021.204%2015.3873%2020.8172%2015.0005L14.8172%209.00046C14.2649%208.44817%2013.3695%208.44817%2012.8172%209.00046Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
  height: 7.8rem;
  right: 2.4rem;
  width: 7.8rem
}

#recommendContents .c-pricePlan .c-priceButtonContainer__wrap--02 {
  gap: 2rem
}

#recommendContents .c-pricePlan .c-priceButtonContainer__wrap--02 .c-priceButtonContainer__button {
  -webkit-box-flex: 0;
  border-radius: 4rem;
  -ms-flex: 0 0 32rem;
  flex: 0 0 32rem;
  height: 13.8rem;
  width: 32rem
}

#recommendContents .c-pricePlan .c-priceButtonContainer__wrap--02 .c-priceButtonContainer__button--book {
  padding-right: 8.4rem
}

#recommendContents .c-pricePlan .c-priceButtonContainer__wrap--02 .c-priceButtonContainer__button--book:after {
  height: 4.744rem;
  right: 2.38rem;
  width: 6.24rem
}

#recommendContents .c-pricePlan .c-priceButtonContainer__wrap--02 .c-priceButtonContainer__button--arrow {
  background-color: #fff;
  color: #000;
  padding-right: 8.8rem
}

#recommendContents .c-pricePlan .c-priceButtonContainer__wrap--02 .c-priceButtonContainer__button--arrow:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2216%22%20fill%3D%22%23E4007F%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.8172%209.00046C12.2649%209.55274%2012.2649%2010.4482%2012.8172%2011.0005L17.8173%2016.0006L12.817%2021.0009C12.2647%2021.5532%2012.2647%2022.4486%2012.817%2023.0009C13.3693%2023.5532%2014.2647%2023.5532%2014.817%2023.0009L20.817%2017.0009C20.9725%2016.8454%2021.0842%2016.6628%2021.1521%2016.4683C21.1565%2016.4557%2021.1607%2016.443%2021.1648%2016.4303C21.3199%2015.9426%2021.204%2015.3873%2020.8172%2015.0005L14.8172%209.00046C14.2649%208.44817%2013.3695%208.44817%2012.8172%209.00046Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  height: 6.4rem;
  right: 4rem;
  width: 6.4rem
}

#recommendContents .c-pricePlan__note {
  font-size: 12px;
  line-height: 1.5;
  margin: 10px 18px 0;
  text-align: left
}

#recommendContents .c-pricePlan--simulation .c-priceButtonContainer__button:before {
  background: url(../img/icon_calculator.svg) no-repeat 50%/cover;
  content: "";
  height: 8.348rem;
  left: 5.8rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 6rem
}

#recommendContents .c-pricePlanCard {
  position: relative
}

#recommendContents .c-pricePlanCard--01 {
  padding-bottom: 2px
}

#recommendContents .c-pricePlanCard--01 .c-modalNote__wrap {
  bottom: 0;
  left: 10px
}

#recommendContents .c-pricePlanCard--02 .c-modalNote__wrap {
  bottom: 0
}

#recommendContents .c-pricePlanCard--03 .c-modalNote__wrap {
  bottom: 0;
  left: 10px
}

#recommendContents .c-pricePlanCard .c-modalNote__wrap {
  position: absolute;
  width: 100%
}

#recommendContents .c-pricePlanCard .c-priceModal__img {
  position: relative
}

#recommendContents .c-pricePlanCard .c-priceModal__img a:after,
#recommendContents .c-pricePlanCard .c-priceModal__img a:before {
  display: none
}

#recommendContents .c-modalNote__trigger--white,
#recommendContents .c-pricePlanCard__priceModal {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 50vw;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, HiraKakuProN-W3, YuGothic, Yu Gothic Medium, Yu Gothic, Meiryo, Noto Sans JP, Droid Sans, sans-serif;
  font-size: 14px;
  font-weight: 800;
  gap: 6px;
  line-height: 21px;
  padding: 0 7px 0 11px;
  white-space: nowrap
}

#recommendContents .c-modalNote__trigger--white:after,
#recommendContents .c-pricePlanCard__priceModal:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%229%22%20fill%3D%22%23E4007F%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%204.00012C8.44772%204.00012%208%204.44784%208%205.00012V8.00012H5C4.44772%208.00012%204%208.44784%204%209.00012C4%209.55241%204.44772%2010.0001%205%2010.0001H8V13.0001C8%2013.5524%208.44772%2014.0001%209%2014.0001C9.55228%2014.0001%2010%2013.5524%2010%2013.0001V10.0001H13C13.5523%2010.0001%2014%209.55241%2014%209.00012C14%208.44784%2013.5523%208.00012%2013%208.00012H10V5.00012C10%204.44784%209.55228%204.00012%209%204.00012Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 18px;
  width: 18px
}

#recommendContents .c-pricePlanCard__priceModal.is-opened:after,
#recommendContents .is-opened.c-modalNote__trigger--white:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23E4007F%3B%7D%20.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Ccircle%20class%3D%22st0%22%20cx%3D%229%22%20cy%3D%229%22%20r%3D%229%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M8%2C8H5C4.4%2C8%2C4%2C8.4%2C4%2C9c0%2C0.6%2C0.4%2C1%2C1%2C1h3h2h3c0.6%2C0%2C1-0.4%2C1-1c0-0.6-0.4-1-1-1h-3H8z%22%2F%3E%3C%2Fsvg%3E")
}

#recommendContents .c-priceSec {
  overflow: hidden;
  position: relative
}

#recommendContents .c-priceSec:after,
#recommendContents .c-priceSec:before {
  content: "";
  display: block;
  left: 0;
  position: absolute;
  width: 100%
}

#recommendContents .c-priceSec--01:before {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(22.92%, #e86191), to(#e4007f));
  background: linear-gradient(180deg, #e86191 22.92%, #e4007f);
  height: 101.8rem
}

#recommendContents .c-priceSec--01 .manga {
  position: relative
}

#recommendContents .c-priceSec__wrap {
  position: relative;
  z-index: 1
}

#recommendContents .c-priceSec__ttl img {
  display: block;
  z-index: 1
}

#recommendContents .c-priceSec__ttl .c-modalNote--white:before {
  left: unset;
  right: 25px;
  -webkit-transform: none;
  transform: none
}

#recommendContents .c-priceSec--02 {
  background-color: #fff;
  padding: 20.5rem 0 16rem
}

#recommendContents .c-priceSec--02:after {
  display: none
}

#recommendContents .c-priceSec--02 .c-pricePlan {
  margin-top: 0
}

#recommendContents .c-priceSec .manga {
  position: relative;
  text-align: center
}

#recommendContents .c-priceSec .manga__ttl {
  color: #e4017e;
  font-size: 20px;
  font-weight: 800;
  position: absolute
}

#recommendContents .c-priceSec .manga__ttl--meeting {
  left: 54px
}

#recommendContents .c-priceSec--banner {
  background-color: #fff;
  padding: 20px 0 40px
}

#recommendContents .c-priceSec--banner a {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin: 0 auto
}

#recommendContents .c-priceSec--banner .banner__ttl {
  color: #e4017e;
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 12px;
  text-align: center
}

#recommendContents .c-priceSec--closing {
  background-color: #e4017e;
  padding: 26.4rem 0 9.2rem;
  text-align: center
}

#recommendContents .c-priceSec--closing:before {
  top: 0
}

#recommendContents .c-productColor {
  border: 1px solid #ccc;
  border-radius: 50%;
  display: inline-block;
  height: 20px;
  margin: 0 3px;
  width: 20px
}

#recommendContents .c-productColor:first-of-type {
  margin: 0 3px 0 0
}

#recommendContents .c-selectBox {
  background: #fff;
  display: inline-block;
  position: relative
}

#recommendContents .c-selectBox:before {
  content: "";
  height: 0;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  z-index: 1
}

#recommendContents .c-selectBox:after {
  background-color: #ebebeb;
  bottom: 0;
  content: "";
  height: 50%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 0
}

#recommendContents .c-selectBox select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  background-image: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #000;
  cursor: pointer;
  font-family: din-2014, sans-serif;
  font-weight: 500;
  outline: none;
  position: relative;
  text-align: center;
  text-indent: .01px;
  text-overflow: ellipsis;
  width: 100%;
  z-index: 1
}

#recommendContents .c-selectBox select::-ms-expand {
  display: none
}

#recommendContents .c-squareLink {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  justify-content: center;
  line-height: 1.5;
  text-align: left
}

#recommendContents .c-squareLink--back {
  background-color: #e4017e;
  color: #fff
}

#recommendContents .c-squareLink--book {
  background-color: #e4017e;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.5
}

#recommendContents .c-squareLink--book:after {
  background: url(../img/flow/icon_book.svg) no-repeat 50%/cover;
  content: "";
  display: inline-block
}

#recommendContents .c-squareLink--aqua {
  background-color: #79e5f1
}

#recommendContents .c-squareLink--shop {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 800;
  justify-content: space-between;
  line-height: 1.3666666667;
  text-align: center
}

#recommendContents .c-squareLink--shop:after,
#recommendContents .c-squareLink--shop:before {
  content: "";
  display: inline-block
}

#recommendContents .c-squareLink--shop:before {
  background: url(../img/flow/icon_house.svg) no-repeat 50%/cover
}

#recommendContents .c-squareLink--shop:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

#recommendContents .c-squareLink--online {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e4017e;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 800;
  justify-content: space-between;
  line-height: 1.3666666667;
  text-align: center
}

#recommendContents .c-squareLink--online:after,
#recommendContents .c-squareLink--online:before {
  content: "";
  display: inline-block
}

#recommendContents .c-squareLink--online:before {
  background: url(../img/flow/icon_pc.svg) no-repeat 50%/cover
}

#recommendContents .c-squareLink--online:after {
  background: url(../img/flow/icon_external.svg) no-repeat 50%/cover
}

#recommendContents .c-squareLink.is-active {
  border-color: #e4017e;
  color: #e4017e
}

#recommendContents .c-term {
  font-weight: 400
}

#recommendContents .c-term p {
  line-height: 1.6666666667
}

#recommendContents .c-term__heading {
  font-weight: 800 !important
}

#recommendContents .c-term__sup {
  font-size: 80%;
  position: relative;
  top: 0;
  vertical-align: top
}

#recommendContents .c-category {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative
}

#recommendContents .c-category:before {
  -ms-flex-negative: 0;
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 50%;
  content: "";
  display: block;
  flex-shrink: 0
}

#recommendContents .c-category__body {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center
}

#recommendContents .c-category__image,
#recommendContents .c-category__image--eSim,
#recommendContents .c-category__image--phone,
#recommendContents .c-category__image--sim {
  -ms-flex-negative: 0;
  flex-shrink: 0
}

#recommendContents .c-category__image img,
#recommendContents .c-category__image--eSim img,
#recommendContents .c-category__image--phone img,
#recommendContents .c-category__image--sim img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

#recommendContents .c-category__label {
  font-weight: 700
}

#recommendContents .c-category__note {
  font-weight: 700;
  line-height: 1;
  width: 100%
}

#recommendContents .c-contract {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  position: relative
}

#recommendContents .c-contract:before {
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 50%;
  content: "";
  display: block
}

#recommendContents .c-dataOption {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative
}

#recommendContents .c-dataOption:before {
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute
}

#recommendContents .c-dataOption__price {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  width: 100%
}

#recommendContents .c-dataOption__number {
  font-family: din-2014, sans-serif;
  font-weight: 700;
  line-height: 1
}

#recommendContents .c-dataOption__unit {
  font-weight: 700
}

#recommendContents .c-dataOption__label {
  font-weight: 700;
  line-height: 1;
  line-height: 1.25
}

#recommendContents .c-discount {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative
}

#recommendContents .c-discount:before {
  -ms-flex-negative: 0;
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 50%;
  content: "";
  display: block;
  flex-shrink: 0
}

#recommendContents .c-discount.is-disabled {
  pointer-events: none
}

#recommendContents .c-discount.is-disabled:after {
  background-color: #fff;
  background-image: url(../img/flow/bg_dots.png);
  content: "セット割引は\aどちらかひとつを\a選べます。";
  display: -ms-grid;
  display: grid;
  font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, HiraKakuProN-W3, YuGothic, Yu Gothic Medium, Yu Gothic, Meiryo, Noto Sans JP, Droid Sans, sans-serif;
  height: 100%;
  line-height: 1.5;
  place-items: center;
  position: absolute;
  white-space: pre;
  width: 100%;
  z-index: 1
}

#recommendContents .c-discount.is-disabled-sub {
  pointer-events: none
}

#recommendContents .c-discount.is-disabled-sub:after {
  background-color: #fff;
  background-image: url(../img/flow/bg_dots.png);
  content: "こちらの割引は\a１回線目のみ\a選べます。";
  display: -ms-grid;
  display: grid;
  font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, HiraKakuProN-W3, YuGothic, Yu Gothic Medium, Yu Gothic, Meiryo, Noto Sans JP, Droid Sans, sans-serif;
  height: 100%;
  line-height: 1.5;
  place-items: center;
  position: absolute;
  white-space: pre;
  width: 100%;
  z-index: 1
}

#recommendContents .c-discount__icon {
  line-height: 0
}

#recommendContents .c-discount__price {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin-top: auto
}

#recommendContents .c-discount__number {
  font-family: din-2014, sans-serif;
  font-weight: 700;
  line-height: 1
}

#recommendContents .c-discount__unit {
  font-weight: 700
}

#recommendContents .c-discount__label,
#recommendContents .c-discount__label--small,
#recommendContents .c-discount__text {
  font-weight: 700;
  line-height: 1
}

#recommendContents .c-discount[data-simulation=AUPAY] img,
#recommendContents .c-discount[data-simulation=KAZOKU] img,
#recommendContents .c-discount[data-simulation=SET] img {
  height: auto
}

#recommendContents .c-discountNoDiscount {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}

#recommendContents .c-discountNoDiscount:before {
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 50%;
  content: "";
  display: block
}

#recommendContents .c-flowContentsTitle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}

#recommendContents .c-flowContentsTitle__index {
  aspect-ratio: 1;
  background-color: #000;
  border-radius: 50%;
  color: #fff;
  font-family: din-2014, sans-serif
}

#recommendContents .c-flowContentsTitle__index,
#recommendContents .c-flowContentsTitle__title {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

#recommendContents .c-flowContentsTitle__index,
#recommendContents .c-flowContentsTitle__title,
#recommendContents .c-flowLink {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700
}

#recommendContents .c-flowLink {
  background-color: #e4017e;
  border-radius: 999px;
  color: #fff;
  text-align: center;
  width: 100%
}

#recommendContents .c-flowLink--next {
  position: relative
}

#recommendContents .c-flowLink--next:after {
  background: url(../img/flow/icon_arrow.png) no-repeat 50%/cover;
  content: "";
  position: absolute
}

#recommendContents .c-flowLink--result {
  position: relative
}

#recommendContents .c-flowLink--result:after {
  background: url(../img/flow/icon_arrow.png) no-repeat 50%/cover;
  content: "";
  position: absolute
}

#recommendContents .c-flowLink--back {
  background-color: #fff;
  color: #000;
  position: relative
}

#recommendContents .c-flowLink--back:after {
  aspect-ratio: 1;
  background: url(../img/flow/icon_arrow_black.png) no-repeat 50%/cover;
  content: "";
  position: absolute
}

#recommendContents .c-flowLink--delete,
#recommendContents .c-flowLink--fix {
  background-color: #fff;
  color: #000;
  font-weight: 800;
  line-height: 1;
  position: relative
}

#recommendContents .c-flowLink--delete:after,
#recommendContents .c-flowLink--fix:after {
  aspect-ratio: 1;
  content: "";
  position: absolute
}

#recommendContents .c-flowLink--fix:after {
  background: url(../img/flow/icon_fix.svg) no-repeat 50%/cover
}

#recommendContents .c-flowLink--delete:after {
  background: url(../img/flow/icon_delete.svg) no-repeat 50%/cover
}

#recommendContents .c-flowModalButtons {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: auto;
  margin-right: auto
}

#recommendContents .c-flowModalButton--book:after,
#recommendContents .c-flowModalButton:after {
  aspect-ratio: 1;
  background-image: url(../img/flow/icon_plus.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#recommendContents .c-flowModalButton__text,
#recommendContents .c-flowModalButton__text--large,
#recommendContents .c-flowModalButton__text--small {
  display: block;
  font-weight: 800;
  line-height: 1.25;
  text-align: right
}

#recommendContents .c-flowModalButton__text--large {
  line-height: 1.1111111111
}

#recommendContents .c-flowModalButton__text--small {
  line-height: 1.4285714286
}

#recommendContents .c-flowModalButton--book span {
  text-align: center
}

#recommendContents .c-flowModalButton--book:after {
  background-image: url(../img/flow/icon_book.svg)
}

#recommendContents .c-flowShopLinks {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#recommendContents .c-flowShopLinks__text {
  font-weight: 800;
  text-align: center
}

#recommendContents .c-flowTab {
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100%
}

#recommendContents .c-flowTab.is-hidden {
  display: none
}

#recommendContents .c-flowTab__listWrapper {
  overflow-y: auto;
  position: relative
}

#recommendContents .c-flowTab__listWrapper,
#recommendContents .c-flowTab__otherLists {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0
}

#recommendContents .c-flowTab__list.is-active .c-flowTab__inner {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  background: #e4017e;
  border-bottom: none;
  color: #fff;
  height: auto;
  justify-content: start;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: 100%
}

#recommendContents .c-flowTab__list.is-active .c-flowTab__inner:before {
  -ms-flex-negative: 0;
  content: "";
  display: inline-block;
  flex-shrink: 0
}

#recommendContents .c-flowTab__list.is-active[data-avatar="1"] .c-flowTab__inner:before {
  background: url(../img/flow/icon_1.svg) no-repeat 50%/contain
}

#recommendContents .c-flowTab__list.is-active[data-avatar="2"] .c-flowTab__inner:before {
  background: url(../img/flow/icon_2.svg) no-repeat 50%/contain
}

#recommendContents .c-flowTab__list.is-active[data-avatar="3"] .c-flowTab__inner:before {
  background: url(../img/flow/icon_3.svg) no-repeat 50%/contain
}

#recommendContents .c-flowTab__list.is-active[data-avatar="4"] .c-flowTab__inner:before {
  background: url(../img/flow/icon_4.svg) no-repeat 50%/contain
}

#recommendContents .c-flowTab__list.is-active[data-avatar="5"] .c-flowTab__inner:before {
  background: url(../img/flow/icon_5.svg) no-repeat 50%/contain
}

#recommendContents .c-flowTab__list.is-active[data-avatar="6"] .c-flowTab__inner:before {
  background: url(../img/flow/icon_6.svg) no-repeat 50%/contain
}

#recommendContents .c-flowTab__list--total .c-flowTab__inner:before {
  content: none !important
}

#recommendContents .c-flowTab__list--total.is-active .c-flowTab__inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

#recommendContents .c-flowTab__list--add .c-flowTab__inner {
  background-color: #0091d6;
  color: #fff
}

#recommendContents .c-flowTab__list--add.is-hidden {
  pointer-events: none
}

#recommendContents .c-flowTab__list--add.is-hidden .c-flowTab__inner {
  background-color: #d8d8d8
}

#recommendContents .c-flowTab__inner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  cursor: pointer;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  font-weight: 700;
  justify-content: center;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  width: 100%
}

#recommendContents .c-flowTab__content {
  display: none;
  overflow-x: hidden;
  overflow-y: auto
}

#recommendContents .c-flowTab__content.is-active {
  display: block
}

#recommendContents .c-flowTab__arrow.is-hidden,
#recommendContents .is-hidden.c-flowTab__arrow--next {
  opacity: 0;
  pointer-events: none
}

#recommendContents .c-flowTab__arrow--next {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

#recommendContents .c-flowTab__contentWrapper {
  overflow: hidden
}

#recommendContents .c-flowTabCatch {
  height: auto;
  text-align: left;
  width: 100%
}

#recommendContents .c-flowTabCatch span {
  display: inline-block;
  font-size: 20px;
  line-height: 1.35;
  margin-left: auto;
  max-width: 200px
}

#recommendContents .c-flowTabClose {
  position: fixed;
  z-index: 9999
}

#recommendContents .c-flowTabClose:before {
  background: url(../img/flow/result/close.svg) no-repeat 50%/cover;
  content: "";
  display: inline-block
}

#recommendContents .c-flowTabContent {
  font-weight: 700;
  text-align: center
}

#recommendContents .c-flowTabContent__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto
}

#recommendContents .c-flowTabContent__openedContents {
  display: none
}

#recommendContents .c-flowTabContent__openedContents.is-active {
  display: block
}

#recommendContents .c-flowTabContent__closedContents {
  display: none
}

#recommendContents .c-flowTabContent__closedContents.is-active {
  display: block
}

#recommendContents .c-flowTabContent__closedContents>div {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  justify-content: center
}

#recommendContents .c-flowTabContent__total {
  font-family: din-2014, sans-serif
}

#recommendContents .c-flowTabContent__totalContainer {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 800;
  justify-content: center
}

#recommendContents .c-flowTabContent__openButton {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 800;
  justify-content: flex-start
}

#recommendContents .c-flowTabContent__openButton:before {
  background: url(../img/flow/result/open.png) no-repeat 50%/cover;
  content: "";
  display: block
}

#recommendContents .c-flowTabHead__catch {
  height: auto;
  text-align: center;
  width: 100%
}

#recommendContents .c-flowTabHead__contents--flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}

#recommendContents .c-flowTabHead__text {
  text-align: center
}

#recommendContents .c-flowTabHead__left {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: #ebebeb;
  border-radius: 9999px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}

#recommendContents .c-flowTabHead__right {
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1
}

#recommendContents .c-flowTabHead__right p {
  text-align: left;
  white-space: nowrap
}

#recommendContents .c-flowTabHead__right p .num {
  font-family: din-2014, sans-serif;
  font-weight: 500;
  letter-spacing: 0
}

#recommendContents .c-flowTabSection__heading {
  background-color: #f1f1f1;
  text-align: center
}

#recommendContents .c-flowTabSection__heading--white {
  background-color: #fff
}

#recommendContents .c-flowTabSection__dashed.is-hidden,
#recommendContents .is-hidden.c-flowTabSection__dashed--borderLess {
  display: none
}

#recommendContents .c-flowTabSection__flex {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between
}

#recommendContents .c-flowTabSection__flex--alignEnd {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

#recommendContents .c-flowTabSection__flex--wide .c-flowTabSection__left {
  font-weight: 600;
  text-align: left
}

#recommendContents .c-flowTabSection__flex--wide .c-flowTabSection__right {
  font-weight: 600
}

#recommendContents .c-flowTabSection__avatar {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%
}

#recommendContents .c-flowTabSection__avatar[data-simulation="1"] {
  background-image: url(../img/flow/icon_1.svg)
}

#recommendContents .c-flowTabSection__avatar[data-simulation="2"] {
  background-image: url(../img/flow/icon_2.svg)
}

#recommendContents .c-flowTabSection__avatar[data-simulation="3"] {
  background-image: url(../img/flow/icon_3.svg)
}

#recommendContents .c-flowTabSection__avatar[data-simulation="4"] {
  background-image: url(../img/flow/icon_4.svg)
}

#recommendContents .c-flowTabSection__avatar[data-simulation="5"] {
  background-image: url(../img/flow/icon_5.svg)
}

#recommendContents .c-flowTabSection__avatar[data-simulation="6"] {
  background-image: url(../img/flow/icon_6.svg)
}

#recommendContents .c-flowTabSection__left sup {
  font-weight: 800;
  vertical-align: top
}

#recommendContents .c-flowTabSection__left--icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#recommendContents .c-flowTabSection__right {
  -ms-flex-negative: 0;
  flex-shrink: 0
}

#recommendContents .c-flowTabSection__total {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  justify-content: space-between;
  margin-left: auto
}

#recommendContents .c-flowTabSection__totalRight,
#recommendContents .c-flowTabSection__totalRight span {
  word-break: keep-all
}

#recommendContents .c-flowTabSection__note {
  border-top: solid #333;
  color: #e4017e;
  line-height: 1.75;
  margin-top: 1em;
  padding-top: 1em;
  text-align: left
}

#recommendContents .c-paymentTime {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  position: relative
}

#recommendContents .c-paymentTime.is-big {
  text-align: left
}

#recommendContents .c-paymentTime:before {
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 50%;
  content: "";
  display: block
}

#recommendContents .c-plan {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative
}

#recommendContents .c-plan:before {
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 50%;
  content: "";
  display: block
}

#recommendContents .c-plan.is-disabled:after {
  background-color: #fff;
  background-image: url(../img/flow/bg_dots.png);
  content: "セット割引は\aどちらかひとつを\a選べます。";
  display: -ms-grid;
  display: grid;
  font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, HiraKakuProN-W3, YuGothic, Yu Gothic Medium, Yu Gothic, Meiryo, Noto Sans JP, Droid Sans, sans-serif;
  height: 100%;
  line-height: 1.5;
  place-items: center;
  position: absolute;
  white-space: pre;
  width: 100%;
  z-index: 1
}

#recommendContents .c-plan__container,
#recommendContents .c-plan__image {
  position: relative
}

#recommendContents .c-plan__container.is-active .c-plan:before {
  border-color: #e4017e
}

#recommendContents .c-plan__container.is-hidden {
  display: none
}

#recommendContents .c-plan__container .c-priceButtonContainer__button {
  background-color: #e4017e;
  color: #fff
}

#recommendContents .c-plan__container .c-priceButtonContainer {
  position: absolute
}

#recommendContents .c-plan__container .c-modalNote__trigger--white {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute
}

#recommendContents .c-plan__container .c-modalNote__trigger--white:after {
  position: absolute
}

#recommendContents .c-plan__number {
  font-family: din-2014, sans-serif;
  font-weight: 700;
  line-height: 1
}

#recommendContents .c-plan__unit {
  font-weight: 700
}

#recommendContents .c-plan__labelWrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  flex-grow: 1
}

#recommendContents .c-plan__label,
#recommendContents .c-plan__labelNote,
#recommendContents .c-plan__text {
  font-weight: 700;
  line-height: 1
}

#recommendContents .c-plan__note {
  left: 0;
  padding-left: 1em;
  position: absolute;
  text-indent: -1em
}

#recommendContents .c-plansContainer {
  margin-left: auto;
  margin-right: auto
}

#recommendContents .c-product {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  position: relative
}

#recommendContents .c-product:before {
  -ms-flex-negative: 0;
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 50%;
  content: "";
  display: block;
  flex-shrink: 0
}

#recommendContents .c-selectButtons,
#recommendContents .c-selectButtons--tell,
#recommendContents .c-selectButtons--tell2 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: auto;
  margin-right: auto
}

#recommendContents .c-selectButtons.is-hidden,
#recommendContents .is-hidden.c-selectButtons--tell,
#recommendContents .is-hidden.c-selectButtons--tell2 {
  display: none
}

#recommendContents .c-simulationButton {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}

#recommendContents .c-simulationButton:before {
  content: "";
  display: inline-block
}

#recommendContents .c-simulationButton--back {
  background-color: #ffdeec
}

#recommendContents .c-simulationButton--back:before {
  background: url(../img/flow/icon_back.svg) no-repeat 50%/cover
}

#recommendContents .c-simulationButton--return {
  background-color: #ebebeb
}

#recommendContents .c-simulationButton--return:before {
  background: url(../img/flow/icon_return.svg) no-repeat 50%/cover
}

#recommendContents .page-text01 {
  margin-bottom: 1em
}

#recommendContents .page-text01,
#recommendContents .page-text02 {
  font-weight: 700;
  line-height: 1.5;
  text-align: left
}

#recommendContents .page-text03 {
  font-weight: 400;
  line-height: 1.5;
  text-align: left
}

#recommendContents .page-caution {
  line-height: 1.333;
  margin-top: .5em;
  text-align: left
}

#recommendContents .page-caution--center {
  line-height: 1.333;
  margin-top: 2em;
  text-align: left
}

#recommendContents .c-simulationSelect {
  background-color: #fff;
  font-weight: 600;
  position: relative;
  text-align: center;
  width: 100%
}

#recommendContents .c-simulationSelect:disabled {
  cursor: default;
  pointer-events: none
}

#recommendContents .c-simulationSelect.is-hidden {
  display: none
}

#recommendContents .c-simulationSelect.is-active .c-simulationSelect__button {
  background-color: #ffe7f0;
  color: #e4017e
}

#recommendContents .c-simulationSelect sup {
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-left: .5em;
  vertical-align: top
}

#recommendContents .c-tellOption {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative
}

#recommendContents .c-tellOption:before {
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute
}

#recommendContents .c-tellOption__blank {
  width: 100%
}

#recommendContents .c-tellOption__price {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  width: 100%
}

#recommendContents .c-tellOption__price sup {
  font-weight: 800
}

#recommendContents .c-tellOption__number {
  font-family: din-2014, sans-serif;
  font-weight: 700;
  line-height: 1
}

#recommendContents .c-tellOption__unit {
  font-weight: 700
}

#recommendContents .c-tellOption__label {
  font-weight: 700;
  line-height: 1
}

#recommendContents .c-tellOption__note {
  font-weight: 700
}

#recommendContents .c-tellOption__note--bg {
  background-color: #ebebeb;
  width: 100%
}

#recommendContents .c-tellOption2 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative
}

#recommendContents .c-tellOption2:before {
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute
}

#recommendContents .c-tellOption2__blank {
  width: 100%
}

#recommendContents .c-tellOption2__price {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  width: 100%
}

#recommendContents .c-tellOption2__price sup {
  font-weight: 800
}

#recommendContents .c-tellOption2__number {
  font-family: din-2014, sans-serif;
  font-weight: 700;
  line-height: 1
}

#recommendContents .c-tellOption2__unit {
  font-weight: 700
}

#recommendContents .c-tellOption2__label {
  font-weight: 700;
  line-height: 1
}

#recommendContents .c-tellOption2__note {
  font-weight: 700
}

#recommendContents .c-tellOption2__note--bg {
  background-color: #ebebeb;
  width: 100%
}

#recommendContents .page-area .c-planSec--main .c-priceButtonContainer {
  margin-top: 10px
}

#recommendContents .page-area .c-planSec--main .c-priceButtonContainer__button {
  background-color: #e4017e;
  color: #fff
}

#recommendContents .page-area .c-planSec--else .c-planSec__ttl {
  background: url(../img/fukidashi_m_pc.png) no-repeat 50%/cover;
  width: 278px
}

#recommendContents .page-area .c-pricePlanWrap {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

#recommendContents .p-data {
  background-color: #e4017e
}

#recommendContents .p-data .mv {
  background-color: #e86191;
  text-align: center
}

#recommendContents .p-data .mv img {
  display: block;
  margin: 0 auto
}

#recommendContents .p-data .c-priceSec:first-of-type {
  padding-bottom: 8rem
}

#recommendContents .p-data .c-priceSec:first-of-type .manga {
  margin-bottom: 6.4rem
}

#recommendContents .p-data .c-priceSec:first-of-type .c-priceButtonContainer__button {
  background-color: #79e5f1
}

#recommendContents .page-flow {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"
}

#recommendContents .page-flow #js-optionBasic.is-hidden,
#recommendContents .page-flow #js-optionOther.is-hidden {
  display: none
}

#recommendContents .page-flow .flow {
  background-color: #fff;
  display: none;
  font-weight: 600;
  height: 100%;
  left: 0;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 100%
}

#recommendContents .page-flow .flow.is-opened {
  display: block
}

#recommendContents .page-flow .flow__contents {
  margin-left: auto;
  margin-right: auto
}

#recommendContents .page-flow .header {
  background-color: #e4017e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11
}

#recommendContents .page-flow .header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%
}

#recommendContents .page-flow .header__close {
  margin-left: auto;
  position: relative
}

#recommendContents .page-flow .header__close:before {
  background-color: #fff;
  border-radius: 999px;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#recommendContents .page-flow .header__text {
  color: #fff
}

#recommendContents .page-flow .header__text .large {
  display: block;
  font-weight: 700
}

#recommendContents .page-flow .contents__simulationFlex {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between
}

#recommendContents .page-flow .contents__simulationFlex .contents__simulation {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  position: relative;
  width: 46.5%
}

#recommendContents .page-flow .contents__simulationFlex .contents__simulation:not(:first-of-type) {
  margin-top: 0
}

#recommendContents .page-flow .contents__link {
  margin-left: auto;
  margin-right: auto
}

#recommendContents .page-flow .contents__link--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#recommendContents .page-flow .contentsHead {
  aspect-ratio: 2.4396135266;
  background: url(../img/flow/fukidashi_title.png) no-repeat 50%/cover;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: auto;
  position: relative;
  text-align: center;
  z-index: 10
}

#recommendContents .page-flow .contentsHeading {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 800;
  justify-content: center;
  letter-spacing: .05em;
  text-align: center
}

#recommendContents .page-flow .contentsHeading:after,
#recommendContents .page-flow .contentsHeading:before {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block
}

#recommendContents .page-flow .contentsHeading:before {
  background-image: url(../img/simulation/slash_left.svg)
}

#recommendContents .page-flow .contentsHeading:after {
  background-image: url(../img/simulation/slash_right.svg)
}

#recommendContents .page-flow .contentsHeading--long:before {
  background-image: url(../img/simulation/slash_left_long.svg)
}

#recommendContents .page-flow .contentsHeading--long:after {
  background-image: url(../img/simulation/slash_right_long.svg)
}

#recommendContents .page-flow .contentsHeading--xLong:before {
  background-image: url(../img/simulation/slash_left_xLong.svg)
}

#recommendContents .page-flow .contentsHeading--xLong:after {
  background-image: url(../img/simulation/slash_right_xLong.svg)
}

#recommendContents .page-flow .contentsHeading--link {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 800;
  justify-content: space-between;
  letter-spacing: 0;
  text-align: center
}

#recommendContents .page-flow .contentsHeading--link:after,
#recommendContents .page-flow .contentsHeading--link:before {
  background-color: #e4017e;
  content: "";
  display: inline-block;
  -webkit-transform: rotate(165deg);
  transform: rotate(165deg)
}

#recommendContents .page-flow .contentsHeading--link:after {
  -webkit-transform: rotate(-165deg);
  transform: rotate(-165deg)
}

#recommendContents .page-flow .contentsHeading--noSlash:after,
#recommendContents .page-flow .contentsHeading--noSlash:before {
  display: none
}

#recommendContents .page-flow .simulation__icon {
  position: absolute;
  z-index: 1;
  left: 20px;
  top: 10px;
  width: 30px;
  height: 30px;
  font-size: 30px;
  color: #e4017e;
}

@media (max-width: 767px) {
  #recommendContents .page-flow .simulation__icon {
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: #e4017e;
  }
}

#recommendContents .page-flow .simulation.is-inactive .simulation__head {
  opacity: .5;
}

#recommendContents .contents__simulation.simulation.is-inactive {
  filter: none !important;
}

#recommendContents .contents__simulation.simulation.is-inactive .c-simulationSelect {
  filter: brightness(.4) grayscale(1)
}

#recommendContents .page-flow .simulation .simulation__head {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  justify-content: end
}

#recommendContents .page-flow .simulation .simulation__title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-weight: 800;
  justify-content: center;
  margin-bottom: 0
}

#recommendContents .page-flow .simulation .simulation__title--line {
  position: relative
}

#recommendContents .page-flow .simulation .simulation__title--line:after {
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #0092d7), color-stop(50%, #0092d7), color-stop(50%, #e4017e), to(#e4017e));
  background: linear-gradient(90deg, #0092d7 0, #0092d7 50%, #e4017e 0, #e4017e);
  content: "";
  display: block;
  height: 4px;
  width: 64px
}

#recommendContents .page-flow .simulation .simulation__title .icon {
  display: inline-block
}

#recommendContents .page-flow .simulation .simulation__title .icon>img {
  height: auto;
  width: 100%
}

#recommendContents .page-flow .simulation .simulation__title .text {
  font-weight: 800
}

#recommendContents .page-flow .simulation .simulation__text {
  text-align: center
}

#recommendContents .page-flow .simulation .simulation__text a {
  text-decoration: underline
}

#recommendContents .page-flow .simulation .simulation__selects {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

#recommendContents .page-flow .simulation .simulation__selects--2 {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center
}

#recommendContents .page-flow .simulation .simulation__selects--column {
  width: 100%
}

#recommendContents .page-flow .simulation .simulation__phone>img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%
}

#recommendContents .page-flow .simulation .simulation__buttons {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}

#recommendContents .page-flow .simulation .simulation__buttons .c-flowLink--bookPink {
  width: 518px
}

#recommendContents .page-flow .bg {
  position: relative
}

#recommendContents .page-flow .bg:before {
  background-color: #fff;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  width: 100%
}

#recommendContents .page-flow .bg:after {
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1
}

#recommendContents .page-flow .bg--pink {
  background-color: #e4017e
}

#recommendContents .page-flow .bg--pink:after {
  background: url(../img/flow/bg_pink.svg) no-repeat 50%/contain;
  background-repeat: repeat-x
}

#recommendContents .page-flow .iconWrapper {
  position: relative
}

#recommendContents .page-flow .iconWrapper__iconList {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center
}

#recommendContents .page-flow .iconWrapper__icon {
  aspect-ratio: 1;
  background-color: #000;
  border-radius: 8px
}

#recommendContents .page-flow .iconWrapper__icon img {
  background-color: #000;
  border-radius: 8px;
  width: 100%
}

#recommendContents .page-flow .iconWrapper__icon.is-active img {
  background-color: #e4017e
}

#recommendContents .page-flow .iconWrapper__icon--dummy {
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}

#recommendContents .page-komikomi .c-planSec--main .c-priceButtonContainer {
  margin-top: 8px
}

#recommendContents .page-komikomi .c-planSec--main .c-priceButtonContainer .c-priceButtonContainer__button {
  background-color: #e4017e
}

#recommendContents .page-ouenwari .c-planSec--sub.c-planSec--ouenwari .komikomi_wrap .c-priceButtonContainer__button {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  letter-spacing: 0;
  line-height: 1;
  padding-right: 0
}

#recommendContents .page-ouenwari .c-planSec--sub.c-planSec--ouenwari .komikomi_wrap .c-priceButtonContainer__button .manga {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#recommendContents .page-ouenwari .c-planSec--sub.c-planSec--ouenwari .komikomi_wrap .c-priceButtonContainer__button .manga:after {
  background: url(../img/icon_book.svg) 50%/cover;
  content: "";
  display: block;
  height: 2.5rem;
  width: 3.1rem
}

#recommendContents .page-ouenwari .c-planSec--sub.c-planSec--ouenwari .komikomi_wrap .c-priceButtonContainer__button:after {
  display: none
}

#recommendContents .page-ouenwari .c-planSec--sub.c-planSec--ouenwari .komikomi_wrap .c-priceButtonContainer__button:first-child {
  right: inherit
}

#recommendContents .page-plan .c-planSec--main {
  margin-bottom: 0
}

#recommendContents .page-price {
  background-color: #e4017e
}

#recommendContents .page-price .mv {
  background-color: #e86191;
  text-align: center
}

#recommendContents .page-price .mv img {
  display: block;
  margin: 0 auto
}

#recommendContents .page-price .c-priceSec:first-of-type .c-priceButtonContainer__button {
  background-color: #fffa87
}

#recommendContents .page-price .c-priceSec:first-of-type .c-priceSec__text {
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  padding: 0 17px 10px
}

#recommendContents .page-price .c-priceSec:first-of-type .manga {
  margin-bottom: 3.2rem
}

#recommendContents .page-price .c-priceSec:first-of-type .c-modalNote__wrap {
  position: relative
}

#recommendContents .page-price .c-pricePlanCards {
  padding-top: 10rem
}

#recommendContents .comicModal02 {
  text-align: center
}

#recommendContents .comicModal02__noteParent {
  position: relative
}

#recommendContents .comicModal02 .c-modalNote__wrap {
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%
}

#recommendContents .comicModal02 .c-modalNote__trigger--white,
#recommendContents .comicModal02 .c-pricePlanCard__priceModal {
  border-radius: 10px;
  left: 16px;
  position: absolute;
  top: 10px
}

#recommendContents .comicModal02 .c-modalNote__trigger {
  right: 16px;
  top: 14px
}

#recommendContents .comicModal02 .c-modalNote--white {
  margin-top: 70px
}

#recommendContents .comicModal02 .c-modalNote--white#aside2_1:before {
  left: unset;
  right: 25px;
  -webkit-transform: none;
  transform: none
}

#recommendContents .comicModal02 .note {
  font-size: 2.8rem;
  line-height: 1.2857142857;
  padding: 1rem 3.6rem;
  text-align: left
}

#recommendContents .comicModal02 .note a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  color: #e4017e;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: 800;
  gap: 1.2rem;
  justify-content: center
}

#recommendContents .comicModal02 .note__multiLine {
  display: inline-block;
  vertical-align: top
}

#recommendContents .comicModal02 .c-modalNote__trigger.c-modalNote__trigger--white,
#recommendContents .comicModal02 .c-pricePlanCard__priceModal.c-modalNote__trigger {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

#recommendContents .comicModal03__noteParent {
  position: relative
}

#recommendContents .comicModal03 .c-modalNote__trigger--white,
#recommendContents .comicModal03 .c-pricePlanCard__priceModal {
  bottom: 7px;
  left: 13px;
  position: absolute
}

#recommendContents .comicModal03 .comicModal03__note {
  position: absolute;
  width: 100%
}

#recommendContents .comicModal03 .comicModal03__note--01 {
  bottom: 0;
  margin: 0;
  top: unset
}

#recommendContents .comicModal03 .comicModal03__note--02 {
  margin: 0;
  top: 4rem
}

#recommendContents .comicModal03 .comicModal03__note--02 .c-modalNote:before {
  left: unset;
  right: 25px;
  -webkit-transform: none;
  transform: none
}

#recommendContents .comicModal03 .comicModal03__note .c-modalNote__trigger {
  right: 3.2rem
}

#recommendContents .comicModal03 .c-modal__banner {
  margin: 0
}

#recommendContents .comicModal04__note:first-of-type {
  height: auto;
  margin: 0;
  text-align: center
}

#recommendContents .comicModal04__note:first-of-type .c-modalNote__trigger {
  position: relative;
  right: unset
}

#recommendContents .comicModal04 .c-modal__banner {
  margin-top: 60px
}

#recommendContents .comicModal04 .c-modalNote--white#aside4_2:before {
  left: unset;
  right: 25px;
  -webkit-transform: none;
  transform: none
}

#recommendContents .comicModal05 {
  text-align: center
}

#recommendContents .comicModal05__noteParent {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
  position: relative;
  width: 100%
}

#recommendContents .comicModal05__noteParent:first-of-type {
  margin-bottom: 8.6rem;
  margin-top: -25rem
}

#recommendContents .comicModal05__noteParent:nth-of-type(2) {
  margin-bottom: 4.8rem;
  margin-top: -20rem
}

#recommendContents .comicModal05__noteParent .c-modalNote__wrap {
  height: auto;
  position: unset
}

#recommendContents .comicModal05__noteParent .c-modalNote__wrap:first-of-type .c-modalNote--white:before {
  left: 17rem
}

#recommendContents .comicModal05__noteParent .c-modalNote__wrap:nth-of-type(2) .c-modalNote--white:before {
  left: unset;
  right: 6rem
}

#recommendContents .comicModal05__noteParent .c-modalNote__trigger {
  border-radius: 10px;
  position: relative
}

#recommendContents .comicModal05 a.icon_arrow {
  color: #e4017e;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 3.2rem;
  font-weight: 400;
  gap: 1.2rem;
  margin-top: 3.6rem;
  padding: .3rem;
  position: relative
}

#recommendContents .comicModal05 a.icon_arrow:after {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background: url(../img/icon_arrow2.svg) no-repeat 50%/cover;
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 14px;
  justify-content: center;
  width: 8px
}

#recommendContents .comicModal05 .note {
  font-size: 2.4rem;
  line-height: 1.3333333333;
  padding: 3.4rem 3.4rem 0;
  text-align: left
}

#recommendContents .comicModal05 .note a {
  color: #e4017e
}

#recommendContents .comicModal05 .c-modal__banner {
  margin-top: 45px
}

#recommendContents .comicModal05 .c-modalNote--white#aside5_5:before {
  left: unset;
  right: 25px;
  -webkit-transform: none;
  transform: none
}

#recommendContents .c-modal--planMeeting .c-pricePlanCardWrap {
  text-align: left
}

#recommendContents .page-sim .c-planSec--main .c-priceButtonContainer {
  margin-top: 20px
}

#recommendContents .page-simulation .mv {
  background-color: #e4017e;
  position: relative;
  text-align: center
}

#recommendContents .page-simulation .mv:before {
  background-color: #fff;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  width: 100%
}

#recommendContents .page-simulation .mv:after {
  background-color: #fff;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  width: 100%
}

#recommendContents .page-simulation .mv img {
  position: relative;
  z-index: 1
}

#recommendContents .page-simulation .check picture {
  display: block
}

#recommendContents .page-simulation .check__ttl {
  text-align: center
}

#recommendContents .page-simulation .check__list {
  position: relative;
  text-align: center
}

#recommendContents .page-simulation .btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: #e4017e;
  border: 3px solid #000;
  border-radius: 9999px;
  color: #fff;
  display: none;
  font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, HiraKakuProN-W3, YuGothic, Yu Gothic Medium, Yu Gothic, Meiryo, Noto Sans JP, Droid Sans, sans-serif;
  font-weight: 800;
  justify-content: center;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

#recommendContents .page-simulation .btn.is-disabled {
  pointer-events: none
}

#recommendContents .page-simulation .btn:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_round.svg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268%22%20height%3D%2268%22%20viewBox%3D%220%200%2068%2068%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23fff%3B%20%7D%20.cls-2%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23100%3B%20stroke-linecap%3A%20round%3B%20stroke-linejoin%3A%20round%3B%20stroke-width%3A%205px%3B%20fill-rule%3A%20evenodd%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_3165%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%203165%22%20class%3D%22cls-1%22%20cx%3D%2234%22%20cy%3D%2234%22%20r%3D%2234%22%2F%3E%20%3Cpath%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1363%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201363%22%20class%3D%22cls-2%22%20d%3D%22M1340.95%2C2341.46l11.62%2C12.54-11.62%2C12.54%22%20transform%3D%22translate(-1311%20-2320)%22%2F%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 40px;
  position: absolute;
  right: 17px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px
}

#recommendContents .page-simulation .btn.is-loading {
  background-color: #959595;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none
}

#recommendContents .page-simulation .btn.is-loading span {
  display: inline-block;
  opacity: 1
}

#recommendContents .page-simulation .btn.is-loading span:first-child {
  -webkit-animation: fadeInThenHide1 3s ease-in infinite;
  -webkit-animation-delay: 1s;
  animation: fadeInThenHide1 3s ease-in infinite;
  animation-delay: 1s
}

#recommendContents .page-simulation .btn.is-loading span:nth-child(2) {
  -webkit-animation: fadeInThenHide2 3s ease-in infinite;
  -webkit-animation-delay: 1s;
  animation: fadeInThenHide2 3s ease-in infinite;
  animation-delay: 1s
}

#recommendContents .page-simulation .btn.is-loading span:nth-child(3) {
  -webkit-animation: fadeInThenHide3 3s ease-in infinite;
  -webkit-animation-delay: 1s;
  animation: fadeInThenHide3 3s ease-in infinite;
  animation-delay: 1s
}

#recommendContents .page-simulation .btn.is-loading span:nth-child(4) {
  -webkit-animation: fadeInThenHide4 3s ease-in infinite;
  -webkit-animation-delay: 1s;
  animation: fadeInThenHide4 3s ease-in infinite;
  animation-delay: 1s
}

#recommendContents .page-simulation .btn.is-loading span:nth-child(5) {
  -webkit-animation: fadeInThenHide5 3s ease-in infinite;
  -webkit-animation-delay: 1s;
  animation: fadeInThenHide5 3s ease-in infinite;
  animation-delay: 1s
}

#recommendContents .page-simulation .btn.is-loading span:nth-child(6) {
  -webkit-animation: fadeInThenHide6 3s ease-in infinite;
  -webkit-animation-delay: 1s;
  animation: fadeInThenHide6 3s ease-in infinite;
  animation-delay: 1s
}

#recommendContents .page-simulation .btn.is-loading span:nth-child(7) {
  -webkit-animation: fadeInThenHide7 3s ease-in infinite;
  -webkit-animation-delay: 1s;
  animation: fadeInThenHide7 3s ease-in infinite;
  animation-delay: 1s
}

#recommendContents .page-simulation .btn.is-loading span:nth-child(8) {
  -webkit-animation: fadeInThenHide8 3s ease-in infinite;
  -webkit-animation-delay: 1s;
  animation: fadeInThenHide8 3s ease-in infinite;
  animation-delay: 1s
}

#recommendContents .page-simulation .btn.is-loading:after {
  background-color: #fff;
  background-image: none;
  border-radius: 9999px
}

#recommendContents .page-simulation .btn.is-loading:before {
  -webkit-animation: mulShdSpin 1.1s ease infinite;
  animation: mulShdSpin 1.1s ease infinite;
  border-radius: 50%;
  content: "";
  font-size: 10px;
  height: 1em;
  position: absolute;
  right: 32px;
  text-indent: -9999em;
  top: 50%;
  -webkit-transform: translateZ(0) translateY(-50%) scale(.4);
  transform: translateZ(0) translateY(-50%) scale(.4);
  width: 1em;
  z-index: 1
}

@-webkit-keyframes mulShdSpin {

  0%,
  to {
    -webkit-box-shadow: 0 -2.6em 0 0 #e4017e, 1.8em -1.8em 0 0 rgba(228, 1, 126, .2), 2.5em 0 0 0 rgba(228, 1, 126, .2), 1.75em 1.75em 0 0 rgba(228, 1, 126, .2), 0 2.5em 0 0 rgba(228, 1, 126, .2), -1.8em 1.8em 0 0 rgba(228, 1, 126, .2), -2.6em 0 0 0 rgba(228, 1, 126, .5), -1.8em -1.8em 0 0 rgba(228, 1, 126, .7);
    box-shadow: 0 -2.6em 0 0 #e4017e, 1.8em -1.8em 0 0 rgba(228, 1, 126, .2), 2.5em 0 0 0 rgba(228, 1, 126, .2), 1.75em 1.75em 0 0 rgba(228, 1, 126, .2), 0 2.5em 0 0 rgba(228, 1, 126, .2), -1.8em 1.8em 0 0 rgba(228, 1, 126, .2), -2.6em 0 0 0 rgba(228, 1, 126, .5), -1.8em -1.8em 0 0 rgba(228, 1, 126, .7)
  }

  12.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(228, 1, 126, .7), 1.8em -1.8em 0 0 #e4017e, 2.5em 0 0 0 rgba(228, 1, 126, .2), 1.75em 1.75em 0 0 rgba(228, 1, 126, .2), 0 2.5em 0 0 rgba(228, 1, 126, .2), -1.8em 1.8em 0 0 rgba(228, 1, 126, .2), -2.6em 0 0 0 rgba(228, 1, 126, .2), -1.8em -1.8em 0 0 rgba(228, 1, 126, .5);
    box-shadow: 0 -2.6em 0 0 rgba(228, 1, 126, .7), 1.8em -1.8em 0 0 #e4017e, 2.5em 0 0 0 rgba(228, 1, 126, .2), 1.75em 1.75em 0 0 rgba(228, 1, 126, .2), 0 2.5em 0 0 rgba(228, 1, 126, .2), -1.8em 1.8em 0 0 rgba(228, 1, 126, .2), -2.6em 0 0 0 rgba(228, 1, 126, .2), -1.8em -1.8em 0 0 rgba(228, 1, 126, .5)
  }

  25% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(228, 1, 126, .5), 1.8em -1.8em 0 0 rgba(228, 1, 126, .7), 2.5em 0 0 0 #e4017e, 1.75em 1.75em 0 0 rgba(228, 1, 126, .2), 0 2.5em 0 0 rgba(228, 1, 126, .2), -1.8em 1.8em 0 0 rgba(228, 1, 126, .2), -2.6em 0 0 0 rgba(228, 1, 126, .2), -1.8em -1.8em 0 0 rgba(228, 1, 126, .2);
    box-shadow: 0 -2.6em 0 0 rgba(228, 1, 126, .5), 1.8em -1.8em 0 0 rgba(228, 1, 126, .7), 2.5em 0 0 0 #e4017e, 1.75em 1.75em 0 0 rgba(228, 1, 126, .2), 0 2.5em 0 0 rgba(228, 1, 126, .2), -1.8em 1.8em 0 0 rgba(228, 1, 126, .2), -2.6em 0 0 0 rgba(228, 1, 126, .2), -1.8em -1.8em 0 0 rgba(228, 1, 126, .2)
  }

  37.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(228, 1, 126, .2), 1.8em -1.8em 0 0 rgba(228, 1, 126, .5), 2.5em 0 0 0 rgba(228, 1, 126, .7), 1.75em 1.75em 0 0 #e4017e, 0 2.5em 0 0 rgba(228, 1, 126, .2), -1.8em 1.8em 0 0 rgba(228, 1, 126, .2), -2.6em 0 0 0 rgba(228, 1, 126, .2), -1.8em -1.8em 0 0 rgba(228, 1, 126, .2);
    box-shadow: 0 -2.6em 0 0 rgba(228, 1, 126, .2), 1.8em -1.8em 0 0 rgba(228, 1, 126, .5), 2.5em 0 0 0 rgba(228, 1, 126, .7), 1.75em 1.75em 0 0 #e4017e, 0 2.5em 0 0 rgba(228, 1, 126, .2), -1.8em 1.8em 0 0 rgba(228, 1, 126, .2), -2.6em 0 0 0 rgba(228, 1, 126, .2), -1.8em -1.8em 0 0 rgba(228, 1, 126, .2)
  }

  50% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(228, 1, 126, .2), 1.8em -1.8em 0 0 rgba(228, 1, 126, .2), 2.5em 0 0 0 rgba(228, 1, 126, .5), 1.75em 1.75em 0 0 rgba(228, 1, 126, .7), 0 2.5em 0 0 #e4017e, -1.8em 1.8em 0 0 rgba(228, 1, 126, .2), -2.6em 0 0 0 rgba(228, 1, 126, .2), -1.8em -1.8em 0 0 rgba(228, 1, 126, .2);
    box-shadow: 0 -2.6em 0 0 rgba(228, 1, 126, .2), 1.8em -1.8em 0 0 rgba(228, 1, 126, .2), 2.5em 0 0 0 rgba(228, 1, 126, .5), 1.75em 1.75em 0 0 rgba(228, 1, 126, .7), 0 2.5em 0 0 #e4017e, -1.8em 1.8em 0 0 rgba(228, 1, 126, .2), -2.6em 0 0 0 rgba(228, 1, 126, .2), -1.8em -1.8em 0 0 rgba(228, 1, 126, .2)
  }

  62.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(228, 1, 126, .2), 1.8em -1.8em 0 0 rgba(228, 1, 126, .2), 2.5em 0 0 0 rgba(228, 1, 126, .2), 1.75em 1.75em 0 0 rgba(228, 1, 126, .5), 0 2.5em 0 0 rgba(228, 1, 126, .7), -1.8em 1.8em 0 0 #e4017e, -2.6em 0 0 0 rgba(228, 1, 126, .2), -1.8em -1.8em 0 0 rgba(228, 1, 126, .2);
    box-shadow: 0 -2.6em 0 0 rgba(228, 1, 126, .2), 1.8em -1.8em 0 0 rgba(228, 1, 126, .2), 2.5em 0 0 0 rgba(228, 1, 126, .2), 1.75em 1.75em 0 0 rgba(228, 1, 126, .5), 0 2.5em 0 0 rgba(228, 1, 126, .7), -1.8em 1.8em 0 0 #e4017e, -2.6em 0 0 0 rgba(228, 1, 126, .2), -1.8em -1.8em 0 0 rgba(228, 1, 126, .2)
  }

  75% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(228, 1, 126, .2), 1.8em -1.8em 0 0 rgba(228, 1, 126, .2), 2.5em 0 0 0 rgba(228, 1, 126, .2), 1.75em 1.75em 0 0 rgba(228, 1, 126, .2), 0 2.5em 0 0 rgba(228, 1, 126, .5), -1.8em 1.8em 0 0 rgba(228, 1, 126, .7), -2.6em 0 0 0 #e4017e, -1.8em -1.8em 0 0 rgba(228, 1, 126, .2);
    box-shadow: 0 -2.6em 0 0 rgba(228, 1, 126, .2), 1.8em -1.8em 0 0 rgba(228, 1, 126, .2), 2.5em 0 0 0 rgba(228, 1, 126, .2), 1.75em 1.75em 0 0 rgba(228, 1, 126, .2), 0 2.5em 0 0 rgba(228, 1, 126, .5), -1.8em 1.8em 0 0 rgba(228, 1, 126, .7), -2.6em 0 0 0 #e4017e, -1.8em -1.8em 0 0 rgba(228, 1, 126, .2)
  }

  87.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(228, 1, 126, .2), 1.8em -1.8em 0 0 rgba(228, 1, 126, .2), 2.5em 0 0 0 rgba(228, 1, 126, .2), 1.75em 1.75em 0 0 rgba(228, 1, 126, .2), 0 2.5em 0 0 rgba(228, 1, 126, .2), -1.8em 1.8em 0 0 rgba(228, 1, 126, .5), -2.6em 0 0 0 rgba(228, 1, 126, .7), -1.8em -1.8em 0 0 #e4017e;
    box-shadow: 0 -2.6em 0 0 rgba(228, 1, 126, .2), 1.8em -1.8em 0 0 rgba(228, 1, 126, .2), 2.5em 0 0 0 rgba(228, 1, 126, .2), 1.75em 1.75em 0 0 rgba(228, 1, 126, .2), 0 2.5em 0 0 rgba(228, 1, 126, .2), -1.8em 1.8em 0 0 rgba(228, 1, 126, .5), -2.6em 0 0 0 rgba(228, 1, 126, .7), -1.8em -1.8em 0 0 #e4017e
  }
}

@keyframes mulShdSpin {

  0%,
  to {
    -webkit-box-shadow: 0 -2.6em 0 0 #e4017e, 1.8em -1.8em 0 0 rgba(228, 1, 126, .2), 2.5em 0 0 0 rgba(228, 1, 126, .2), 1.75em 1.75em 0 0 rgba(228, 1, 126, .2), 0 2.5em 0 0 rgba(228, 1, 126, .2), -1.8em 1.8em 0 0 rgba(228, 1, 126, .2), -2.6em 0 0 0 rgba(228, 1, 126, .5), -1.8em -1.8em 0 0 rgba(228, 1, 126, .7);
    box-shadow: 0 -2.6em 0 0 #e4017e, 1.8em -1.8em 0 0 rgba(228, 1, 126, .2), 2.5em 0 0 0 rgba(228, 1, 126, .2), 1.75em 1.75em 0 0 rgba(228, 1, 126, .2), 0 2.5em 0 0 rgba(228, 1, 126, .2), -1.8em 1.8em 0 0 rgba(228, 1, 126, .2), -2.6em 0 0 0 rgba(228, 1, 126, .5), -1.8em -1.8em 0 0 rgba(228, 1, 126, .7)
  }

  12.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(228, 1, 126, .7), 1.8em -1.8em 0 0 #e4017e, 2.5em 0 0 0 rgba(228, 1, 126, .2), 1.75em 1.75em 0 0 rgba(228, 1, 126, .2), 0 2.5em 0 0 rgba(228, 1, 126, .2), -1.8em 1.8em 0 0 rgba(228, 1, 126, .2), -2.6em 0 0 0 rgba(228, 1, 126, .2), -1.8em -1.8em 0 0 rgba(228, 1, 126, .5);
    box-shadow: 0 -2.6em 0 0 rgba(228, 1, 126, .7), 1.8em -1.8em 0 0 #e4017e, 2.5em 0 0 0 rgba(228, 1, 126, .2), 1.75em 1.75em 0 0 rgba(228, 1, 126, .2), 0 2.5em 0 0 rgba(228, 1, 126, .2), -1.8em 1.8em 0 0 rgba(228, 1, 126, .2), -2.6em 0 0 0 rgba(228, 1, 126, .2), -1.8em -1.8em 0 0 rgba(228, 1, 126, .5)
  }

  25% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(228, 1, 126, .5), 1.8em -1.8em 0 0 rgba(228, 1, 126, .7), 2.5em 0 0 0 #e4017e, 1.75em 1.75em 0 0 rgba(228, 1, 126, .2), 0 2.5em 0 0 rgba(228, 1, 126, .2), -1.8em 1.8em 0 0 rgba(228, 1, 126, .2), -2.6em 0 0 0 rgba(228, 1, 126, .2), -1.8em -1.8em 0 0 rgba(228, 1, 126, .2);
    box-shadow: 0 -2.6em 0 0 rgba(228, 1, 126, .5), 1.8em -1.8em 0 0 rgba(228, 1, 126, .7), 2.5em 0 0 0 #e4017e, 1.75em 1.75em 0 0 rgba(228, 1, 126, .2), 0 2.5em 0 0 rgba(228, 1, 126, .2), -1.8em 1.8em 0 0 rgba(228, 1, 126, .2), -2.6em 0 0 0 rgba(228, 1, 126, .2), -1.8em -1.8em 0 0 rgba(228, 1, 126, .2)
  }

  37.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(228, 1, 126, .2), 1.8em -1.8em 0 0 rgba(228, 1, 126, .5), 2.5em 0 0 0 rgba(228, 1, 126, .7), 1.75em 1.75em 0 0 #e4017e, 0 2.5em 0 0 rgba(228, 1, 126, .2), -1.8em 1.8em 0 0 rgba(228, 1, 126, .2), -2.6em 0 0 0 rgba(228, 1, 126, .2), -1.8em -1.8em 0 0 rgba(228, 1, 126, .2);
    box-shadow: 0 -2.6em 0 0 rgba(228, 1, 126, .2), 1.8em -1.8em 0 0 rgba(228, 1, 126, .5), 2.5em 0 0 0 rgba(228, 1, 126, .7), 1.75em 1.75em 0 0 #e4017e, 0 2.5em 0 0 rgba(228, 1, 126, .2), -1.8em 1.8em 0 0 rgba(228, 1, 126, .2), -2.6em 0 0 0 rgba(228, 1, 126, .2), -1.8em -1.8em 0 0 rgba(228, 1, 126, .2)
  }

  50% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(228, 1, 126, .2), 1.8em -1.8em 0 0 rgba(228, 1, 126, .2), 2.5em 0 0 0 rgba(228, 1, 126, .5), 1.75em 1.75em 0 0 rgba(228, 1, 126, .7), 0 2.5em 0 0 #e4017e, -1.8em 1.8em 0 0 rgba(228, 1, 126, .2), -2.6em 0 0 0 rgba(228, 1, 126, .2), -1.8em -1.8em 0 0 rgba(228, 1, 126, .2);
    box-shadow: 0 -2.6em 0 0 rgba(228, 1, 126, .2), 1.8em -1.8em 0 0 rgba(228, 1, 126, .2), 2.5em 0 0 0 rgba(228, 1, 126, .5), 1.75em 1.75em 0 0 rgba(228, 1, 126, .7), 0 2.5em 0 0 #e4017e, -1.8em 1.8em 0 0 rgba(228, 1, 126, .2), -2.6em 0 0 0 rgba(228, 1, 126, .2), -1.8em -1.8em 0 0 rgba(228, 1, 126, .2)
  }

  62.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(228, 1, 126, .2), 1.8em -1.8em 0 0 rgba(228, 1, 126, .2), 2.5em 0 0 0 rgba(228, 1, 126, .2), 1.75em 1.75em 0 0 rgba(228, 1, 126, .5), 0 2.5em 0 0 rgba(228, 1, 126, .7), -1.8em 1.8em 0 0 #e4017e, -2.6em 0 0 0 rgba(228, 1, 126, .2), -1.8em -1.8em 0 0 rgba(228, 1, 126, .2);
    box-shadow: 0 -2.6em 0 0 rgba(228, 1, 126, .2), 1.8em -1.8em 0 0 rgba(228, 1, 126, .2), 2.5em 0 0 0 rgba(228, 1, 126, .2), 1.75em 1.75em 0 0 rgba(228, 1, 126, .5), 0 2.5em 0 0 rgba(228, 1, 126, .7), -1.8em 1.8em 0 0 #e4017e, -2.6em 0 0 0 rgba(228, 1, 126, .2), -1.8em -1.8em 0 0 rgba(228, 1, 126, .2)
  }

  75% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(228, 1, 126, .2), 1.8em -1.8em 0 0 rgba(228, 1, 126, .2), 2.5em 0 0 0 rgba(228, 1, 126, .2), 1.75em 1.75em 0 0 rgba(228, 1, 126, .2), 0 2.5em 0 0 rgba(228, 1, 126, .5), -1.8em 1.8em 0 0 rgba(228, 1, 126, .7), -2.6em 0 0 0 #e4017e, -1.8em -1.8em 0 0 rgba(228, 1, 126, .2);
    box-shadow: 0 -2.6em 0 0 rgba(228, 1, 126, .2), 1.8em -1.8em 0 0 rgba(228, 1, 126, .2), 2.5em 0 0 0 rgba(228, 1, 126, .2), 1.75em 1.75em 0 0 rgba(228, 1, 126, .2), 0 2.5em 0 0 rgba(228, 1, 126, .5), -1.8em 1.8em 0 0 rgba(228, 1, 126, .7), -2.6em 0 0 0 #e4017e, -1.8em -1.8em 0 0 rgba(228, 1, 126, .2)
  }

  87.5% {
    -webkit-box-shadow: 0 -2.6em 0 0 rgba(228, 1, 126, .2), 1.8em -1.8em 0 0 rgba(228, 1, 126, .2), 2.5em 0 0 0 rgba(228, 1, 126, .2), 1.75em 1.75em 0 0 rgba(228, 1, 126, .2), 0 2.5em 0 0 rgba(228, 1, 126, .2), -1.8em 1.8em 0 0 rgba(228, 1, 126, .5), -2.6em 0 0 0 rgba(228, 1, 126, .7), -1.8em -1.8em 0 0 #e4017e;
    box-shadow: 0 -2.6em 0 0 rgba(228, 1, 126, .2), 1.8em -1.8em 0 0 rgba(228, 1, 126, .2), 2.5em 0 0 0 rgba(228, 1, 126, .2), 1.75em 1.75em 0 0 rgba(228, 1, 126, .2), 0 2.5em 0 0 rgba(228, 1, 126, .2), -1.8em 1.8em 0 0 rgba(228, 1, 126, .5), -2.6em 0 0 0 rgba(228, 1, 126, .7), -1.8em -1.8em 0 0 #e4017e
  }
}

@-webkit-keyframes fadeInThenHide1 {
  0% {
    opacity: 1
  }

  to {
    opacity: 1
  }
}

@keyframes fadeInThenHide1 {
  0% {
    opacity: 1
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes fadeInThenHide2 {

  0%,
  12.4% {
    opacity: 0
  }

  12.5%,
  to {
    opacity: 1
  }
}

@keyframes fadeInThenHide2 {

  0%,
  12.4% {
    opacity: 0
  }

  12.5%,
  to {
    opacity: 1
  }
}

@-webkit-keyframes fadeInThenHide3 {

  0%,
  24.9% {
    opacity: 0
  }

  25%,
  to {
    opacity: 1
  }
}

@keyframes fadeInThenHide3 {

  0%,
  24.9% {
    opacity: 0
  }

  25%,
  to {
    opacity: 1
  }
}

@-webkit-keyframes fadeInThenHide4 {

  0%,
  37.4% {
    opacity: 0
  }

  37.5%,
  to {
    opacity: 1
  }
}

@keyframes fadeInThenHide4 {

  0%,
  37.4% {
    opacity: 0
  }

  37.5%,
  to {
    opacity: 1
  }
}

@-webkit-keyframes fadeInThenHide5 {

  0%,
  49.9% {
    opacity: 0
  }

  50%,
  to {
    opacity: 1
  }
}

@keyframes fadeInThenHide5 {

  0%,
  49.9% {
    opacity: 0
  }

  50%,
  to {
    opacity: 1
  }
}

@-webkit-keyframes fadeInThenHide6 {

  0%,
  62.4% {
    opacity: 0
  }

  62.5%,
  to {
    opacity: 1
  }
}

@keyframes fadeInThenHide6 {

  0%,
  62.4% {
    opacity: 0
  }

  62.5%,
  to {
    opacity: 1
  }
}

@-webkit-keyframes fadeInThenHide7 {

  0%,
  74.9% {
    opacity: 0
  }

  75%,
  to {
    opacity: 1
  }
}

@keyframes fadeInThenHide7 {

  0%,
  74.9% {
    opacity: 0
  }

  75%,
  to {
    opacity: 1
  }
}

@-webkit-keyframes fadeInThenHide8 {

  0%,
  87.4% {
    opacity: 0
  }

  87.5%,
  to {
    opacity: 1
  }
}

@keyframes fadeInThenHide8 {

  0%,
  87.4% {
    opacity: 0
  }

  87.5%,
  to {
    opacity: 1
  }
}

#recommendContents .page-tokutoku .c-planSec--main .c-priceButtonContainer {
  margin-top: 8px
}

#recommendContents .u-align--center {
  text-align: center
}

#recommendContents .u-align--right {
  text-align: right
}

#recommendContents .u-align--left {
  text-align: left
}

#recommendContents .u-bgColor--pink {
  background-color: #e4017e
}

#recommendContents .u-bgColor--red {
  background-color: red
}

#recommendContents .u-bgColor--white {
  background-color: #fff
}

#recommendContents .c-priceButtonContainer__button,
#recommendContents .page-simulation .btn,
#recommendContents .u-boxShadow {
  -webkit-box-shadow: 8px 6px 0 #000;
  box-shadow: 8px 6px 0 #000
}

#recommendContents .c-comicModalKomikomi .c-priceButtonContainer__button,
#recommendContents .c-comicModalKomikomi .komikomiPlan__price,
#recommendContents .c-comicModalTokutoku .tokutokuPlan__price,
#recommendContents .c-modalNote__trigger,
#recommendContents .c-modalNote__trigger--white,
#recommendContents .c-planSec--change .c-planSec__pricePlanModals .c-modalNote__trigger--white,
#recommendContents .c-planSec--change .c-planSec__pricePlanModals .c-pricePlanCard__priceModal,
#recommendContents .c-priceButtonContainer__wrap--renewal .c-priceButtonContainer__button,
#recommendContents .c-pricePlan .c-priceButtonContainer__button,
#recommendContents .c-pricePlanCard__priceModal,
#recommendContents .c-pricePlan__comment,
#recommendContents .u-boxShadow--renewal,
#recommendContents .u-boxShadow--s {
  -webkit-box-shadow: 2px 2px 0 #000;
  box-shadow: 2px 2px 0 #000
}

#recommendContents .c-comicModalKomikomi .c-planSec__cards .c-planSec__card .c-priceButtonContainer__button,
#recommendContents .c-planSec--sub .c-planSec__card .c-modalNote__trigger--white,
#recommendContents .c-planSec--sub .c-priceButtonContainer__button,
#recommendContents .u-boxShadow--renewal2 {
  -webkit-box-shadow: 1px 1px 0 #000;
  box-shadow: 1px 1px 0 #000
}

#recommendContents .u-color--pink {
  color: #e4017e
}

#recommendContents .u-color--red {
  color: red
}

#recommendContents .u-color--blue {
  color: #0091d7
}

#recommendContents .u-color--white {
  color: #fff
}

#recommendContents .u-color--darkBlack {
  color: #000
}

#recommendContents .u-color--redTerm {
  color: #f17fbf
}

#recommendContents .u-display--inlineBlock {
  display: inline-block
}

#recommendContents .u-font--din {
  font-family: din-2014, sans-serif
}

#recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__table th,
#recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__table th,
#recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__table th,
#recommendContents .u-font--meiryo {
  font-family: Meiryo, HiraKakuProN-W3, YuGothic, Yu Gothic Medium, Yu Gothic, Noto Sans JP, Droid Sans, sans-serif
}

#recommendContents .u-marker--aqua {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #79e5f1));
  background: linear-gradient(transparent 70%, #79e5f1 0)
}

#recommendContents .u-objectFit,
#recommendContents .u-objectFit--cover {
  height: 100%;
  width: 100%
}

#recommendContents .u-objectFit--cover {
  -o-object-fit: cover;
  object-fit: cover
}

#recommendContents .u-position--relative {
  position: relative
}

#recommendContents .u-textDecoration--underline {
  text-decoration: underline
}

#recommendContents .u-textDecoration--none,
#recommendContents .u-textDecoration--underline:hover {
  text-decoration: none
}

#recommendContents a.u-textDecoration--underline.external[target="_blank"] {
  display: inline-flex;
  align-items: center;
}

#recommendContents a.u-textDecoration--underline.external[target="_blank"]::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 13px;
  margin: 0 4px;
  background: url(../img/icon_link_blank_purple.svg) no-repeat center / contain;
}

#recommendContents a.u-color--pink.u-textDecoration--underline.icon_arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#recommendContents a.u-color--pink.u-textDecoration--underline.icon_arrow::after {
  content: "";
  display: inline-flex;
  width: 8px;
  height: 14px;
  margin-left: 4px;
  background: url(../img/icon_arrow2.svg) no-repeat center / cover;
}

#recommendContents .u-weight--100 {
  font-weight: 100
}

#recommendContents .u-weight--200 {
  font-weight: 200
}

#recommendContents .u-weight--300 {
  font-weight: 300
}

#recommendContents .u-weight--400 {
  font-weight: 400
}

#recommendContents .u-weight--500 {
  font-weight: 500
}

#recommendContents .u-weight--600 {
  font-weight: 600
}

#recommendContents .u-weight--700 {
  font-weight: 700
}

#recommendContents .u-weight--800 {
  font-weight: 800
}

#recommendContents .u-weight--900 {
  font-weight: 900
}

#recommendContents .u-wordBreak--keepAll {
  word-break: keep-all
}

#recommendContents {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  color: #333;
  font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, HiraKakuProN-W3, YuGothic, Yu Gothic Medium, Yu Gothic, Meiryo, Noto Sans JP, Droid Sans, sans-serif;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1
}

.uqv2-globalSidebar__search__l input {
  background-color: #fff
}

@media screen and (max-width:767px) {
  #recommendContents .pc-on {
    display: none
  }

  html {
    font-size: 1.3333333333vw
  }

  body.mangaIndexPage .uq-pagetop {
    bottom: 100px
  }

  #recommendContents .c-accordion {
    border: .5rem solid #000;
    -webkit-box-shadow: 1rem 1rem 0 #000;
    box-shadow: 1rem 1rem 0 #000
  }

  #recommendContents .c-accordion__header {
    border-bottom: .5rem solid #000;
    font-size: 3.6rem;
    padding: 4.2rem
  }

  #recommendContents .c-accordion__button {
    height: 6.8rem;
    right: 2.3rem;
    width: 6.8rem
  }

  #recommendContents .c-accordion__body {
    padding: 5rem 3rem
  }

  #recommendContents .c-accordion__close {
    height: 7.8rem
  }

  #recommendContents .c-accordion__container {
    padding-bottom: 6.4rem
  }

  #recommendContents .c-buttonContainer {
    gap: 6rem;
    margin: 12rem auto 0;
    width: 60rem
  }

  #recommendContents .c-buttonContainer--isPack {
    margin: 6rem auto 0
  }

  #recommendContents .c-buttonContainer p {
    font-size: 2.8rem;
    margin-bottom: 1.6rem
  }

  #recommendContents .c-buttonContainer .c-button {
    border-radius: 3.6rem;
    border-width: .3rem;
    font-size: 2.8rem;
    height: 12rem
  }

  #recommendContents .c-buttonContainer .c-button--shop:before {
    height: 4.2rem;
    left: 2.8rem;
    width: 5.4rem
  }

  #recommendContents .c-buttonContainer .c-button--shop:after {
    height: 3rem;
    right: 4rem;
    width: 1.8rem
  }

  #recommendContents .c-buttonContainer .c-button--online {
    border-width: .3rem;
    -webkit-box-shadow: 0 .8rem 0 0 #000;
    box-shadow: 0 .8rem 0 0 #000
  }

  #recommendContents .c-buttonContainer .c-button--online:before {
    height: 4rem;
    left: 2.8rem;
    width: 5.4rem
  }

  #recommendContents .c-buttonContainer .c-button--online:after {
    height: 3.4rem;
    right: 3.2rem;
    width: 4.6rem
  }

  #recommendContents .c-buttonContainer--fixed {
    gap: 16px;
    height: 80px;
    padding-left: 0;
    width: 100%
  }

  #recommendContents .c-buttonContainer--fixed .c-buttonBlock {
    width: 43.7333333333%
  }

  #recommendContents .c-buttonContainer--fixed p {
    font-size: 11px;
    margin-bottom: 3px
  }

  #recommendContents .c-buttonContainer--fixed .c-button {
    font-size: 13px;
    height: 48px;
    line-height: 1.3;
    margin-bottom: 2px
  }

  #recommendContents .c-buttonContainer--fixed .c-button--shop {
    padding: 4px 0 0 20px
  }

  #recommendContents .c-buttonContainer--fixed .c-button--shop:before {
    height: 21px;
    left: 11px;
    width: 27px
  }

  #recommendContents .c-buttonContainer--fixed .c-button--shop:after {
    height: 15px;
    right: 9px;
    width: 9px
  }

  #recommendContents .c-buttonContainer--fixed .c-button--online {
    padding: 4px 0 0 7px
  }

  #recommendContents .c-buttonContainer--fixed .c-button--online:before {
    height: 20.38px;
    left: 9px;
    width: 27px
  }

  #recommendContents .c-buttonContainer--fixed .c-button--online:after {
    height: 13px;
    right: 12px;
    width: 18px
  }

  #recommendContents .c-familyInner+.c-buttonContainer,
  #recommendContents .plan-minimini+.c-buttonContainer {
    margin-top: 10rem
  }

  #recommendContents .c-comicModalKomikomi .komikomiPlan {
    margin-bottom: 4rem
  }

  #recommendContents .c-comicModalKomikomi .komikomiPlan__wrap {
    margin: auto;
    width: 92vw
  }

  #recommendContents .c-comicModalKomikomi .komikomiPlan__price {
    font-size: 2.8rem;
    height: 6.8rem;
    margin: 5rem auto 6.4rem;
    width: 25.6rem
  }

  #recommendContents .c-comicModalKomikomi .komikomiPlan__note {
    font-size: 3rem;
    padding: 4rem 0
  }

  #recommendContents .c-comicModalKomikomi .komikomiPlan__note span {
    font-size: 2.8rem
  }

  #recommendContents .c-comicModalKomikomi .komikomiOption__ttlText {
    font-size: 5.4rem;
    right: 11rem
  }

  #recommendContents .c-comicModalKomikomi .komikomiOption__note {
    height: 5.6rem
  }

  #recommendContents .c-comicModalKomikomi .c-priceButtonContainer__button {
    font-size: 3rem;
    height: 13rem;
    width: 64.2rem
  }

  #recommendContents .c-comicModalKomikomi .c-priceButtonContainer__button:after {
    height: 5.5rem;
    width: 6.8rem
  }

  #recommendContents .c-comicModalKomikomi .c-planSec__cards .c-planSec__card img {
    margin: auto;
    width: 92vw
  }

  #recommendContents .c-comicModalKomikomi .c-planSec__cards .c-planSec__card .c-priceButtonContainer__button {
    bottom: 5vw;
    font-size: 2.8rem;
    height: 9.2rem;
    padding-right: 4.7rem;
    right: 3vw;
    width: 36.2rem
  }

  #recommendContents .c-comicModalKomikomi .c-planSec__cards .c-planSec__card .c-priceButtonContainer__button:after {
    height: 3.9rem;
    right: 2.6rem;
    width: 4.9rem
  }

  #recommendContents .c-comicModalKomikomi .c-planSec__cards .c-modalNote__trigger--white,
  #recommendContents .c-comicModalKomikomi .c-planSec__cards .c-pricePlanCard__priceModal {
    border-radius: 2rem;
    font-size: 2.8rem;
    height: 7.6rem;
    margin-top: 1.6rem;
    padding-right: 5.6rem;
    width: 46rem
  }

  #recommendContents .c-comicModalKomikomi .c-planSec__cards .c-modalNote__trigger--white:after,
  #recommendContents .c-comicModalKomikomi .c-planSec__cards .c-pricePlanCard__priceModal:after {
    height: 4rem;
    right: 2rem;
    width: 4rem
  }

  #recommendContents .c-comicModalKomikomi .aside {
    margin-top: 9rem
  }

  #recommendContents .c-comicModalTokutoku .tokutokuPlan__planName {
    font-size: 4.8rem
  }

  #recommendContents .c-comicModalTokutoku .tokutokuPlan__wrap {
    padding: 0 4rem
  }

  #recommendContents .c-comicModalTokutoku .tokutokuPlan__price {
    font-size: 2.8rem;
    height: 6.8rem;
    margin: 4.4rem auto .8rem;
    width: 25.6rem
  }

  #recommendContents .c-comicModalTokutoku .tokutokuPlanNote__ttl {
    border-bottom: .2 solid #000;
    font-size: 4rem;
    padding-bottom: 2.6rem
  }

  #recommendContents .c-comicModalTokutoku .tokutokuPlanNote__detail {
    padding-bottom: 4rem;
    padding-top: 5rem
  }

  #recommendContents .c-comicModalTokutoku .tokutokuPlanNote__detail p {
    font-size: 2.8rem
  }

  #recommendContents .c-comicModalTokutoku .tokutokuPlanNote__detail:after {
    height: 8rem
  }

  #recommendContents .c-comicModalTokutoku .tokutokuPlanNote__trigger {
    border-radius: 2rem;
    font-size: 2.8rem;
    gap: 2rem;
    height: 8rem;
    padding: 0 4rem
  }

  #recommendContents .c-comicModalTokutoku .tokutokuPlanNote__trigger:before {
    height: 4rem;
    width: 4rem
  }

  #recommendContents .c-comicModalTokutoku .tokutokuPlanNote__pricePlanModals {
    gap: 4rem;
    margin-top: 8rem
  }

  #recommendContents .c-comicModalTokutoku .tokutokuPlanNote__pricePlanModals .c-modalNote__trigger--white,
  #recommendContents .c-comicModalTokutoku .tokutokuPlanNote__pricePlanModals .c-pricePlanCard__priceModal {
    border-radius: 2rem;
    font-size: 2.8rem;
    height: 7.6rem;
    padding-right: 6rem;
    width: 40rem
  }

  #recommendContents .c-comicModalTokutoku .tokutokuPlanNote__pricePlanModals .c-modalNote__trigger--white:after,
  #recommendContents .c-comicModalTokutoku .tokutokuPlanNote__pricePlanModals .c-pricePlanCard__priceModal:after {
    height: 4rem;
    right: 2.3rem;
    width: 4rem
  }

  #recommendContents .c-comicModalTokutoku .tokutokuOption__note {
    height: 5.6rem
  }

  #recommendContents .c-comicModalTokutoku .tokutokuDiscount__ttl {
    font-size: 5.2rem;
    left: 2.8rem
  }

  #recommendContents .c-comicModalTokutoku .tokutokuDiscount__btn {
    bottom: 12rem;
    left: 4.2rem;
    width: 25.6rem
  }

  #recommendContents .c-comicModalOyako .c-modal__banner {
    margin-top: 12rem
  }

  #recommendContents .c-comicModalOyako .c-modalNote__trigger--white,
  #recommendContents .c-comicModalOyako .c-pricePlanCard__priceModal {
    border-radius: 2rem;
    font-size: 2.8rem;
    height: 7.6rem;
    padding-right: 5.6rem;
    width: 46rem
  }

  #recommendContents .c-comicModalOyako .c-modalNote__trigger--white:after,
  #recommendContents .c-comicModalOyako .c-pricePlanCard__priceModal:after {
    height: 4rem;
    right: 2rem;
    width: 4rem
  }

  #recommendContents .c-comicModalOyako .c-comicModalOyako__note p {
    font-size: 2.8rem
  }

  #recommendContents .c-familyInner {
    padding-top: 4rem
  }

  #recommendContents .c-familyInner__note {
    font-size: 2.6rem
  }

  #recommendContents .c-familyInner__borderedNote {
    font-size: 2rem;
    margin: 2rem auto;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    word-break: keep-all
  }

  #recommendContents .c-familyInner .bd-box {
    padding-top: 2rem
  }

  #recommendContents .c-familyInner .c-modalNote__ttl {
    font-size: 4rem
  }

  #recommendContents .c-familyInner .wari-hd {
    margin-top: 3rem
  }

  #recommendContents .c-familyInner .wari-hd .icon {
    margin-right: 4rem;
    width: 10rem
  }

  #recommendContents .c-familyInner .wari-hd .txt {
    font-size: 6.4rem;
    white-space: nowrap
  }

  #recommendContents .c-familyInner .wari-hd+.note {
    font-size: 2.2rem
  }

  #recommendContents .c-familyInner .wari-text {
    font-size: 6.4rem;
    margin-bottom: 3rem;
    margin-top: 3rem
  }

  #recommendContents .c-familyInner .catch {
    font-size: 4rem;
    margin-bottom: 1rem;
    margin-top: 3rem
  }

  #recommendContents .c-familyInner .price {
    margin-top: 4rem
  }

  #recommendContents .c-familyInner .price .unit {
    font-size: 4rem
  }

  #recommendContents .c-familyInner .price .price-inner {
    grid: "num tax" 4rem "num month" 6.8rem/1fr 14rem
  }

  #recommendContents .c-familyInner .price .price-inner>.num {
    font-size: 15.2rem;
    margin-right: 1rem
  }

  #recommendContents .c-familyInner .price .price-inner .tax-ex {
    font-size: 3.4rem
  }

  #recommendContents .c-familyInner .price .price-inner .month-yen {
    font-size: 5.4rem;
    margin-top: 1rem
  }

  #recommendContents .c-familyInner .bd-box {
    font-size: 2.8rem
  }

  #recommendContents .c-familyInner .bd-box p {
    margin-bottom: 2rem
  }

  #recommendContents .c-iconCloseButton {
    bottom: 3rem;
    height: 10.8rem;
    width: 27.6rem
  }

  #recommendContents .c-iconCloseButton:before {
    -webkit-filter: drop-shadow(.4rem .4rem 0 #000);
    filter: drop-shadow(.4rem .4rem 0 #000);
    height: 8rem;
    width: 8rem
  }

  #recommendContents .c-iconCloseButton--gray:before {
    -webkit-filter: none;
    filter: none
  }

  #recommendContents .planAreaModal .c-modalNote__wrap:first-of-type {
    top: .3rem
  }

  #recommendContents .planAreaModal .c-modalNote__wrap:nth-of-type(2) {
    top: 185.4rem
  }

  #recommendContents .planAreaModal .c-modalNote__wrap .c-modalNote--white:before {
    right: 2.5rem
  }

  #recommendContents .planAreaModal .c-modal__banner {
    margin-top: 1.4rem
  }

  #recommendContents .planAreaModal .note {
    padding: 1.6rem 3rem 0
  }

  #recommendContents .planAreaModal .note p {
    font-size: 2.8rem;
    gap: 1.6rem
  }

  #recommendContents .planDataModal .c-modalNote__wrap.planDataModal__note--01 {
    margin-top: 0;
    top: 2.2rem
  }

  #recommendContents .planDataModal .c-modalNote__wrap.planDataModal__note--01 .c-modalNote__trigger {
    right: 3.8rem
  }

  #recommendContents .planDataModal .c-modalNote__wrap.planDataModal__note--01 .c-modalNote--white:before {
    right: 5rem
  }

  #recommendContents .planDataModal .c-modalNote__wrap.planDataModal__note--02 {
    margin: 1.4rem 0 0;
    top: 0
  }

  #recommendContents .planDataModal .c-modalNote__wrap.planDataModal__note--02 .c-modalNote--white:before {
    right: 5rem
  }

  #recommendContents .planDataModal .c-modalNote__wrap.planDataModal__note--03 {
    height: 7.2rem;
    margin: 0;
    top: 2rem
  }

  #recommendContents .planDataModal .c-modalNote__wrap.planDataModal__note--03 .c-modalNote:before {
    left: unset;
    right: 5rem;
    -webkit-transform: none;
    transform: none
  }

  #recommendContents .planDataModal .c-modalNote__wrap.planDataModal__note--03 .c-modalNote__trigger {
    height: 100%;
    right: 3.8rem
  }

  #recommendContents .planDataModal .c-modalNote__wrap.planDataModal__note--03 .c-modalNote__body img {
    margin: 4.4rem auto 3rem
  }

  #recommendContents .planDataModal .c-modal__banner {
    margin-top: 2.8rem
  }

  #recommendContents .c-modal {
    height: 100dvh
  }

  #recommendContents .c-modal__content {
    height: 100dvh;
    padding-bottom: 22.8rem
  }

  #recommendContents .c-modal__comics,
  #recommendContents .c-modal__comics img {
    width: 100%
  }

  #recommendContents .c-modal__comics__imgWrap .c-modalNote__trigger {
    right: 5rem
  }

  #recommendContents .c-modal__comics .c-modalNote__wrap {
    margin-top: 3rem
  }

  #recommendContents .c-modal__comicsHeader .ttl {
    font-size: 5.2rem;
    gap: 1.7rem
  }

  #recommendContents .c-modal__comicsHeader .ttl span {
    font-size: 3.4rem
  }

  #recommendContents .c-modal__comicsHeader .uq {
    width: 28.4rem
  }

  #recommendContents .c-modal__closeButton {
    border-radius: 2rem;
    bottom: 4rem;
    height: 10.8rem;
    left: 50%;
    overflow: hidden;
    position: fixed;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 27.6rem;
    z-index: 1003
  }

  #recommendContents .c-modal__banner {
    display: block;
    margin: 16rem auto 0
  }

  #recommendContents .c-modal__bannerText {
    margin-bottom: 3rem;
    width: 64.8rem
  }

  #recommendContents .c-modal__bannerImage {
    height: 38rem;
    margin-top: 3rem;
    width: 67.4rem
  }

  #recommendContents .c-modal__priceModalContent {
    max-height: 100dvh;
    width: 100%
  }

  #recommendContents .c-modal__text_wrap_sumaho_heading {
    border: 4px solid #000;
    font-size: 6vw;
    padding: 1.8vw 0;
    width: 93vw
  }

  #recommendContents .c-modal__text_wrap_sumaho_giga {
    font-size: 6vw;
    top: 5vw
  }

  #recommendContents .c-modal__text_wrap_sumaho_giga .big {
    font-family: din-2014, sans-serif;
    font-size: 8.5vw
  }

  #recommendContents .c-modal__text_wrap_sumaho_remarks {
    bottom: 3.3vw;
    font-size: 4vw;
    right: 2vw
  }

  #recommendContents .c-modal__text_wrap_sumaho_kurikoshi {
    font-size: 6vw;
    top: 4vw
  }

  #recommendContents .c-modal__text_wrap_sumahio_kurikoshi_remarks {
    bottom: 2vw;
    font-size: 4vw;
    right: 2vw
  }

  #recommendContents .c-modal__text_wrap_zitaku {
    font-size: 8vw;
    top: 4vw
  }

  #recommendContents .c-modal__text_wrap_zitaku_wimax_uqmobile {
    font-size: 6.5vw;
    top: 4vw
  }

  #recommendContents .c-modal__text_wrap_oyako_heading {
    font-size: 6vw;
    top: 15vw
  }

  #recommendContents .c-modal__text_wrap_oyako_heading .big {
    font-size: 8.5vw
  }

  #recommendContents .c-modal__text_wrap_oyako_heading .small {
    font-size: 4.5vw;
    position: relative;
    top: -2vw
  }

  #recommendContents .c-modal__text_wrap_kurikoshi_remarks {
    bottom: 1.3vw;
    font-size: 4vw;
    left: 8vw
  }

  #recommendContents .c-modal__text_wrap_esim,
  #recommendContents .c-modal__text_wrap_sim {
    font-size: 8vw;
    top: 5vw
  }

  #recommendContents .c-modal__text_wrap_data {
    font-size: 6vw;
    top: 8vw
  }

  #recommendContents .c-modalNote__trigger--white {
    width: auto
  }

  #recommendContents .c-modalNote__body a {
    gap: 1.4rem
  }

  #recommendContents .c-modalNote__body a:after {
    height: 3.2rem;
    width: 2rem
  }

  #recommendContents .c-modalNote__body a[target*=blank]:after {
    height: 3.2rem;
    min-width: 4rem
  }

  #recommendContents .c-modalNote--dummy {
    height: 11rem;
    width: 4.8rem
  }

  #recommendContents .c-modalNote--dummy[data-modal=miniminiTip01],
  #recommendContents .c-modalNote--dummy[data-modal=miniminiTip02] {
    top: -13px;
    -webkit-transform: translateX(calc(-50% + 16.5vw));
    transform: translateX(calc(-50% + 16.5vw))
  }

  #recommendContents .c-modalNote--dummy[data-modal=miniminiTip03] {
    top: -13px;
    -webkit-transform: translateX(calc(-50% + 32.5vw));
    transform: translateX(calc(-50% + 32.5vw))
  }

  #recommendContents .c-modalNote--dummy[data-modal=miniminiTip04] {
    bottom: 20.5rem;
    -webkit-transform: translateX(calc(-50% + 21.5vw));
    transform: translateX(calc(-50% + 21.5vw))
  }

  #recommendContents .c-mv {
    -webkit-box-shadow: 0 .8rem .8rem rgba(0, 0, 0, .1);
    box-shadow: 0 .8rem .8rem rgba(0, 0, 0, .1)
  }

  #recommendContents .c-nav {
    background-color: rgba(0, 0, 0, .5);
    height: 100dvh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
  }

  #recommendContents .c-nav__bg {
    height: 100%;
    width: 100%
  }

  #recommendContents .c-nav__content {
    -webkit-box-shadow: 0 1rem 1rem rgba(0, 0, 0, .25);
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, .25);
    left: 0;
    margin: auto;
    right: 0;
    top: 5vw;
    width: 90%
  }

  #recommendContents .c-nav__openButton {
    height: 13.4rem;
    overflow: hidden;
    right: 2rem;
    top: calc(2rem + 110px);
    width: 14.6rem;
    z-index: 8
  }

  #recommendContents .c-nav__closeButton {
    overflow: hidden;
    right: 5vw;
    top: 6vw;
    width: 16vw
  }

  #recommendContents .plan-minimini__bg {
    background-color: #fff;
    height: 100vh;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%
  }

  #recommendContents .plan-minimini .note,
  #recommendContents .plan-minimini .notes {
    font-size: 2.6rem
  }

  #recommendContents .plan-minimini .plan-heading {
    height: 18.6vw;
    text-align: left
  }

  #recommendContents .plan-minimini .plan-heading h2 {
    font-size: 4.4vw
  }

  #recommendContents .plan-minimini .plan-heading h2 .lg {
    font-size: 7vw
  }

  #recommendContents .plan-minimini .plan-detail-head {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2vw 2.4vw 0
  }

  #recommendContents .plan-minimini .plan-detail-tekiyou {
    font-size: 3.6vw;
    margin: 1vw 0 -2vw
  }

  #recommendContents .plan-minimini .plan-detail-price {
    display: block;
    padding: 2vw 3vw 0
  }

  #recommendContents .plan-minimini .plan-detail-price .block {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0
  }

  #recommendContents .plan-minimini .plan-detail-price .block .gb {
    width: 19vw
  }

  #recommendContents .plan-minimini .plan-detail-price .block .price {
    display: block;
    padding: 0 0 0 2vw
  }

  #recommendContents .plan-minimini .plan-detail-price .block .tax-out {
    margin: 1vw 0 0
  }

  #recommendContents .plan-minimini .plan-detail-price .block .tax-out .num {
    font-size: 15.3vw
  }

  #recommendContents .plan-minimini .plan-detail-price .block .tax-out dl {
    margin: 1.6vw 0 0 .5vw
  }

  #recommendContents .plan-minimini .plan-detail-price .block .tax-out dl dt {
    font-size: 3.4vw
  }

  #recommendContents .plan-minimini .plan-detail-price .block .tax-out dl dd {
    font-size: 5.4vw;
    margin: 1vw 0 0
  }

  #recommendContents .plan-minimini .plan-detail-price .block .tax-in {
    font-size: 6.4vw;
    margin: -2vw 0 0
  }

  #recommendContents .plan-minimini .plan-detail-price .block .tax-in .num {
    font-size: 8.6vw;
    margin: 0
  }

  #recommendContents .plan-minimini .plan-detail-price .block .tax-in .yen {
    font-size: 5vw;
    margin: 1.2vw 0 0 1vw
  }

  #recommendContents .plan-minimini .plan-detail-setwari {
    display: block;
    margin: 0
  }

  #recommendContents .plan-minimini .plan-detail-setwari .price {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 4vw 3vw;
    padding: 2vw 0 0
  }

  #recommendContents .plan-minimini .plan-detail-setwari .price .text {
    font-size: 3.4vw;
    margin: 3vw 0 0
  }

  #recommendContents .plan-minimini .plan-detail-setwari .price .num {
    font-size: 8.8vw;
    margin: 0 1vw
  }

  #recommendContents .plan-minimini .plan-detail-setwari .price .yen {
    font-size: 4.5vw;
    margin: 2vw 0 0
  }

  #recommendContents .plan-minimini .plan-detail-row {
    display: block;
    margin: 0;
    padding: 0 4vw 6vw;
    width: auto
  }

  #recommendContents .plan-minimini .plan-detail-items h4 {
    font-size: 3.4vw;
    margin: 0 0 2vw
  }

  #recommendContents .plan-minimini .plan-detail-items table {
    width: 100%
  }

  #recommendContents .plan-minimini .plan-detail-items table th {
    font-size: 2.8vw;
    padding: 1.2vw
  }

  #recommendContents .plan-minimini .plan-detail-items table td {
    font-size: 2.4vw;
    padding: 1vw .8vw
  }

  #recommendContents .plan-minimini .plan-detail-items table td .price {
    margin-bottom: -1vw
  }

  #recommendContents .plan-minimini .plan-detail-items table td .price .num {
    font-size: 6.4vw;
    padding-right: .5vw
  }

  #recommendContents .plan-minimini .plan-detail-items table td .price .yen {
    margin: 2.5vw 0 0
  }

  #recommendContents .plan-minimini .plan-detail-notes {
    padding: 4vw 0 0
  }

  #recommendContents .plan-minimini .notes-ac-sp {
    text-align: center
  }

  #recommendContents .plan-minimini .notes-ac-sp .miniminiPlanNote__detail {
    height: 50px;
    overflow: hidden;
    position: relative;
    text-align: left
  }

  #recommendContents .plan-minimini .notes-ac-sp .miniminiPlanNote__detail,
  #recommendContents .plan-minimini .notes-ac-sp .miniminiPlanNote__detail:after {
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
  }

  #recommendContents .plan-minimini .notes-ac-sp .miniminiPlanNote__detail:after {
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(hsla(0, 0%, 100%, 0)));
    background: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0));
    bottom: 0;
    content: "";
    height: 40px;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 2
  }

  #recommendContents .plan-minimini .notes-ac-sp .miniminiPlanNote__detail.is-opened {
    height: auto
  }

  #recommendContents .plan-minimini .notes-ac-sp .miniminiPlanNote__detail.is-opened:after {
    opacity: 0
  }

  #recommendContents .plan-minimini .notes-ac-sp .miniminiPlanNote__detail.is-opened+div.trigger:after {
    content: "閉じる"
  }

  #recommendContents .plan-minimini .notes-ac-sp .miniminiPlanNote__detail.is-opened+div.trigger:before {
    background: url(../img/icon_minus.svg) no-repeat 50%/cover
  }

  #recommendContents .plan-minimini .notes-ac-sp .miniminiPlanNote__trigger {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #a0a0a0;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    gap: 10px;
    height: 40px;
    justify-content: center;
    margin: 10px 0;
    padding: 0 20px
  }

  #recommendContents .plan-minimini .notes-ac-sp .miniminiPlanNote__trigger:before {
    background: url(../img/icon_plus.svg) no-repeat 50%/cover;
    content: "";
    display: block;
    height: 20px;
    width: 20px
  }

  #recommendContents .plan-minimini .notes-ac-sp .miniminiPlanNote__trigger:after {
    content: "注釈をすべて表示"
  }

  #recommendContents .plan-minimini .notes-ac .miniminiPlanNote__detail:after {
    height: 8rem
  }

  #recommendContents .plan-minimini .notes-ac .miniminiPlanNote__trigger {
    border-radius: 2rem;
    font-size: 2.8rem;
    gap: 2rem;
    height: 8rem;
    padding: 0 4rem
  }

  #recommendContents .plan-minimini .notes-ac .miniminiPlanNote__trigger:before {
    height: 4rem;
    width: 4rem
  }

  #recommendContents .plan-minimini .plan-tip-block {
    margin: 0;
    padding: 0 0 10px
  }

  #recommendContents .plan-minimini .plan-tip-block ul {
    display: block;
    font-size: 2.8rem
  }

  #recommendContents .plan-minimini .plan-tip-block ul li,
  #recommendContents .plan-minimini .plan-tip-block ul li.full {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 15px 0 0
  }

  #recommendContents .plan-minimini .plan-tip-block .js-modalTrigger {
    border-radius: 1rem;
    height: 4.8rem;
    width: 4.8rem
  }

  #recommendContents .plan-minimini .plan-notes {
    max-width: 100%;
    padding: 4vw 4vw 6vw
  }

  #recommendContents .plan-minimini .plan-notes a[target=_blank] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
  }

  #recommendContents .plan-minimini .plan-notes a[target=_blank]:after {
    height: 2.8rem;
    margin: 0 .25em;
    min-width: 3.8rem
  }

  #recommendContents .plan-minimini .link-block {
    font-size: 3rem
  }

  #recommendContents .plan-minimini .plan-otoku .plan-otoku-heading h2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 18.6vw;
    padding: 0 0 0 4.66667vw
  }

  #recommendContents .plan-minimini .plan-otoku .plan-otoku-heading h2 .sm {
    font-size: 4vw;
    margin: 0
  }

  #recommendContents .plan-minimini .plan-otoku .plan-otoku-heading h2 .lg {
    font-size: 6.6vw
  }

  #recommendContents .plan-minimini .plan-otoku .plan-otoku-heading h2 .lg sup {
    font-size: 4.8vw;
    top: -.25em
  }

  #recommendContents .plan-minimini .plan-otoku .plan-otoku-detail:after {
    height: 8rem
  }

  #recommendContents .plan-minimini .plan-otoku .plan-otoku-detail>div {
    padding: 0 0 10rem
  }

  #recommendContents .plan-minimini .plan-otoku .plan-otoku-detail .plan-detail-tekiyou {
    padding: 4vw 0 2vw
  }

  #recommendContents .plan-minimini .plan-otoku .plan-otoku-detail .plan-detail-price {
    padding-top: 1vw
  }

  #recommendContents .plan-minimini .plan-otoku .plan-otoku-detail.is-opened+.trigger {
    -webkit-transform: translateY(-10rem);
    transform: translateY(-10rem)
  }

  #recommendContents .plan-minimini .plan-otoku .trigger {
    border-radius: 2rem;
    font-size: 2.8rem;
    gap: 2rem;
    height: 8rem;
    padding: 0 4rem
  }

  #recommendContents .plan-minimini .plan-otoku .trigger:before {
    height: 4rem;
    width: 4rem
  }

  #recommendContents .plan-minimini .plan-tip-block .miniminiTip01:before,
  #recommendContents .plan-minimini .plan-tip-block .miniminiTip02:before {
    -webkit-transform: translateX(calc(-50% + 16.5vw));
    transform: translateX(calc(-50% + 16.5vw))
  }

  #recommendContents .plan-minimini .plan-tip-block .miniminiTip02 .tip-plan-setwari-condition .note {
    font-size: 3.2vw
  }

  #recommendContents .plan-minimini .plan-tip-block .miniminiTip03:before {
    -webkit-transform: translateX(calc(-50% + 32.5vw));
    transform: translateX(calc(-50% + 32.5vw))
  }

  #recommendContents .plan-minimini .miniminiTip04:before {
    -webkit-transform: translateX(calc(-50% + 21.5vw));
    transform: translateX(calc(-50% + 21.5vw))
  }

  #recommendContents .plan-minimini .miniminiTip01,
  #recommendContents .plan-minimini .miniminiTip02,
  #recommendContents .plan-minimini .miniminiTip03 {
    top: -13px
  }

  #recommendContents .plan-minimini .miniminiTip04 {
    bottom: -165.5rem;
    top: unset
  }

  #recommendContents .tip-plan-setwari .course-denki .boxes {
    font-size: 2.6rem
  }

  #recommendContents .tip-plan-setwari .course-denki .boxes .box01 {
    font-size: 2.4rem
  }

  #recommendContents .tip-plan-aupay .setwari-detail,
  #recommendContents .tip-plan-setwari-kazoku .setwari-detail {
    font-size: 2.8rem
  }

  #recommendContents .c-planSec--main {
    margin-bottom: 14.5rem;
    margin-top: 7rem
  }

  #recommendContents .c-planSec--main .c-planSec__ttl img {
    width: 60.4rem
  }

  #recommendContents .c-planSec--main .c-planSec__ttl .ttlName {
    font-size: 4.4rem;
    margin-top: 1.2rem;
    text-shadow: -1px -1px 1rem #fff, -1px 0 1rem #fff, -1px 1px 1rem #fff, 0 -1px 1rem #fff, 0 1px 1rem #fff, 1px -1px 1rem #fff, 1px 0 1rem #fff, 1px 1px 1rem #fff
  }

  #recommendContents .c-planSec--main .c-planSec__ttl .ttlName span {
    font-size: 3.2rem
  }

  #recommendContents .c-planSec--sub .c-planSec__ttl {
    background: url(../img/fukidashi_m_sp.png) no-repeat 50%/cover;
    font-size: 3.8rem;
    height: 13.6rem;
    margin-bottom: .8rem;
    padding-top: 3.8rem;
    width: 45.4rem
  }

  #recommendContents .c-planSec--sub .c-planSec__cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3vw;
    position: relative;
    top: 2vw
  }

  #recommendContents .c-planSec--sub .c-planSec__card img {
    margin: auto;
    width: 92vw
  }

  #recommendContents .c-planSec--sub .c-planSec__card .c-priceButtonContainer__button {
    bottom: 8.2rem;
    font-size: 2.8rem;
    height: 9.2rem;
    padding-right: 4.7rem;
    right: 3vw;
    width: 36.2rem
  }

  #recommendContents .c-planSec--sub .c-planSec__card .c-priceButtonContainer__button:after {
    height: 3.9rem;
    right: 2.6rem;
    width: 4.9rem
  }

  #recommendContents .c-planSec--sub .c-planSec__card .c-modalNote__trigger--white {
    bottom: 3.2rem;
    font-size: 2.8rem;
    height: 9.2rem;
    right: 3vw;
    width: 36.2rem
  }

  #recommendContents .c-planSec--sub .c-planSec__card .c-modalNote__trigger--white:after {
    height: 4rem;
    right: 2.8rem;
    width: 4rem
  }

  #recommendContents .c-planSec--sub .c-planSec__card__btnArea .planSec__card__familyModal+.c-modalNote {
    margin-top: 4rem;
    -webkit-transform: translateX(calc(-50% - 5rem));
    transform: translateX(calc(-50% - 5rem))
  }

  #recommendContents .c-planSec--sub .c-planSec__card__btnArea .planSec__card__familyModal+.c-modalNote:before {
    left: unset;
    right: 11rem
  }

  #recommendContents .c-planSec--else {
    padding-bottom: 29rem
  }

  #recommendContents .c-planSec--else:after {
    background: url(../img/bg03.png) repeat-x 50%/contain;
    bottom: -1rem;
    height: 18.5rem;
    -webkit-transform: none;
    transform: none
  }

  #recommendContents .c-planSec--change {
    padding: 0 0 4rem
  }

  #recommendContents .c-planSec--change .c-planSec__ttl {
    background: url(../img/fukidashi_xxl_sp.png) no-repeat 50%/cover;
    margin-bottom: 4rem;
    width: 60.9rem
  }

  #recommendContents .c-planSec--change .c-planSec__cards {
    gap: 5rem;
    padding: 2rem 4rem 0
  }

  #recommendContents .c-planSec--change .c-planSec__cards>div:first-child .c-planSec__card .c-priceButtonContainer__button {
    top: 35.8rem
  }

  #recommendContents .c-planSec--change .c-planSec__cards>div:nth-child(2) .c-planSec__card {
    -ms-flex-item-align: start;
    align-self: flex-start
  }

  #recommendContents .c-planSec--change .c-planSec__cards>div:nth-child(2) .c-planSec__card .c-priceButtonContainer__button {
    top: 35.3rem
  }

  #recommendContents .c-planSec--change .c-planSec__cards>div:nth-child(3) .c-planSec__card {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-top: 4rem
  }

  #recommendContents .c-planSec--change .c-planSec__cards>div:nth-child(3) .c-planSec__card .c-priceButtonContainer__button {
    top: 35.8rem
  }

  #recommendContents .c-planSec--change .c-planSec__cards>div:nth-child(4) .c-planSec__card img {
    width: 67rem
  }

  #recommendContents .c-planSec--change .c-planSec__cards .c-planSec__card .c-priceButtonContainer__button,
  #recommendContents .c-planSec--change .c-planSec__cards>div:nth-child(4) .c-priceButtonContainer__button {
    top: 35.3rem
  }

  #recommendContents .c-planSec--change .c-planSec__pricePlanModals {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4rem;
    margin-top: 5vw;
    position: relative
  }

  #recommendContents .c-planSec--change .c-planSec__pricePlanModals .c-modalNote__trigger--white,
  #recommendContents .c-planSec--change .c-planSec__pricePlanModals .c-pricePlanCard__priceModal {
    font-size: 3.5rem;
    height: 10.2rem;
    letter-spacing: .1em;
    padding-right: 3rem;
    width: 48.2rem
  }

  #recommendContents .c-planSec--change .c-planSec__pricePlanModals .c-modalNote__trigger--white:after,
  #recommendContents .c-planSec--change .c-planSec__pricePlanModals .c-pricePlanCard__priceModal:after {
    height: 4rem;
    right: 2.3rem;
    width: 4rem
  }

  #recommendContents .c-planSec--change .c-planSec__ttl {
    top: -16vw
  }

  #recommendContents .c-planSec__card.komikomi_wrap {
    margin-top: -2vw;
    padding-bottom: 9vw
  }

  #recommendContents .c-planSec__card.komikomi_wrap .c-priceButtonContainer__button {
    bottom: 10.5rem
  }

  #recommendContents .c-planSec__card.komikomi_wrap .komikomi_remarks {
    bottom: -.3vw;
    font-size: 3.2vw;
    letter-spacing: .025em
  }

  #recommendContents .c-planSec__card.tokutoku_wrap {
    margin-top: -2vw
  }

  #recommendContents .c-planSec--sub .c-planSec__card .c-modalNote__trigger--white {
    bottom: 4vw;
    font-size: 4vw
  }

  #recommendContents .c-planSec--sub .c-planSec__card .c-priceButtonContainer__button {
    font-size: 4vw
  }

  #recommendContents .c-planSec__card.tokutoku_wrap .c-priceButtonContainer__button {
    margin-bottom: -6vw
  }

  #recommendContents .c-planSec--change .c-planSec__card+.c-modalNote__trigger {
    border-radius: 2rem;
    gap: 1.4rem;
    height: 7.6rem;
    margin-top: 2rem;
    padding-right: 6.2rem;
    width: 40rem
  }

  #recommendContents .c-planSec--change .c-planSec__card+.c-modalNote__trigger:after {
    right: 2.6rem
  }

  #recommendContents .c-planSec--change .c-planSec__card+.c-modalNote__trigger[data-modal=modalPlanPriceOyako01] {
    width: 46rem
  }

  #recommendContents .c-planSec--ouenwari {
    margin-bottom: 6rem
  }

  #recommendContents .c-planSec__ttlOuenwari {
    width: 57.4rem
  }

  #recommendContents .c-priceButtonContainer__wrap--renewal .c-priceButtonContainer__button {
    font-size: 3rem;
    height: 10.6rem;
    padding-right: 5px;
    width: 48.4rem
  }

  #recommendContents .c-priceButtonContainer__wrap--renewal .c-priceButtonContainer__button--book:after {
    height: 3.9rem;
    right: 5rem;
    width: 4.9rem
  }

  #recommendContents .c-priceModal {
    background-color: #fff
  }

  #recommendContents .c-priceModal__table td ul li:last-child {
    gap: .4rem
  }

  #recommendContents .c-priceModal__table td ul li:last-child:before {
    border-width: .7rem 0 .7rem 1.2rem
  }

  #recommendContents .c-priceModal__table td.campaign {
    padding: 0 1.6rem
  }

  #recommendContents .c-priceModal__table td.campaign a {
    padding: 1rem
  }

  #recommendContents .c-priceModal__table tr:first-of-type th div .planName {
    border-bottom: .2rem dotted #fff;
    font-size: 2.2rem;
    margin-bottom: .6rem;
    padding-bottom: .6rem
  }

  #recommendContents .c-priceModal__img--02 tr:first-of-type th {
    padding: 1.6rem
  }

  #recommendContents .c-priceModal__img--02 tr:first-of-type th .planName {
    font-size: 2.2rem
  }

  #recommendContents .c-priceModal__img--02 .bg-pink {
    text-orientation: upright;
    width: 6%;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
  }

  #recommendContents .c-priceModal__img--02 .bg-pink div {
    width: 100%
  }

  #recommendContents .c-priceModal__img--02 .data>span:not(:first-child):before {
    border-width: 1.2rem 0 1.2rem 2.2rem;
    margin: 0 .2rem
  }

  #recommendContents .c-priceModal__img--02 .data>span:not(:first-child) .fz-m {
    padding-top: .6rem
  }

  #recommendContents .c-priceModal__img--03 .speed div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  #recommendContents .c-priceModal__img--03 .speed div span {
    font-size: 2.4rem
  }

  #recommendContents .c-priceModal__img--03 .speed div>span:first-child {
    font-size: 2.6rem;
    margin-bottom: 2rem;
    text-align: center;
    width: 100%
  }

  #recommendContents .c-priceModal__note a {
    font-size: 2.8rem;
    margin: 1.2rem auto 0
  }

  #recommendContents .modalPlanPriceFamily01 .c-priceModal__table tr:first-of-type th:nth-child(2),
  #recommendContents .modalPlanPriceFamily01 .c-priceModal__table tr:first-of-type th:nth-child(4),
  #recommendContents .modalPlanPriceHome01 .c-priceModal__table tr:first-of-type th:nth-child(2),
  #recommendContents .modalPlanPriceHome01 .c-priceModal__table tr:first-of-type th:nth-child(4) {
    padding: 1.6rem;
    width: 20%
  }

  #recommendContents .modalPlanPriceFamily01 .c-priceModal__table tr:first-of-type th:nth-child(3),
  #recommendContents .modalPlanPriceHome01 .c-priceModal__table tr:first-of-type th:nth-child(3) {
    padding: 1.6rem;
    width: 38%
  }

  #recommendContents .modalPlanPriceFamily01 .c-priceModal__table,
  #recommendContents .modalPlanPriceHome01 .c-priceModal__table {
    width: 104rem
  }

  #recommendContents .modalPlanPriceFamily01 .c-priceModal__table tr:first-of-type th,
  #recommendContents .modalPlanPriceFamily01 .c-priceModal__table tr:nth-of-type(2) th,
  #recommendContents .modalPlanPriceHome01 .c-priceModal__table tr:first-of-type th,
  #recommendContents .modalPlanPriceHome01 .c-priceModal__table tr:nth-of-type(2) th {
    font-size: 2.8rem
  }

  #recommendContents .modalPlanPriceFamily01 .c-priceModal__table th,
  #recommendContents .modalPlanPriceHome01 .c-priceModal__table th {
    padding: 1.6rem
  }

  #recommendContents .modalPlanPriceFamily01 .c-priceModal__table td,
  #recommendContents .modalPlanPriceHome01 .c-priceModal__table td {
    font-size: 2.4rem;
    padding: 1.6rem
  }

  #recommendContents .modalPlanPriceFamily01 .c-priceModal__table td.total .num,
  #recommendContents .modalPlanPriceHome01 .c-priceModal__table td.total .num {
    font-size: 5.6rem
  }

  #recommendContents .modalPlanPriceFamily01 .c-priceModal__table td .einen,
  #recommendContents .modalPlanPriceHome01 .c-priceModal__table td .einen {
    margin-bottom: .4rem
  }

  #recommendContents .modalPlanPriceFamily01 .c-priceModal__table td .price,
  #recommendContents .modalPlanPriceHome01 .c-priceModal__table td .price {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-end;
    -ms-flex-direction: column;
    flex-direction: column
  }

  #recommendContents .modalPlanPriceFamily01 .c-priceModal__table td .price .num,
  #recommendContents .modalPlanPriceHome01 .c-priceModal__table td .price .num {
    font-size: 4.8rem
  }

  #recommendContents .modalPlanPriceFamily01 .c-priceModal__note a[target=_blank],
  #recommendContents .modalPlanPriceHome01 .c-priceModal__note a[target=_blank] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 2.4rem
  }

  #recommendContents .modalPlanPriceFamily01 .c-priceModal__note a[target=_blank]:after,
  #recommendContents .modalPlanPriceHome01 .c-priceModal__note a[target=_blank]:after {
    height: 2.8rem;
    margin: 0 .25em;
    min-width: 3.8rem
  }

  #recommendContents .modalPlanPriceFamily01 .price.none:before,
  #recommendContents .modalPlanPriceHome01 .price.none:before {
    width: 2.8rem
  }

  #recommendContents .modalPlanPriceFamily01 .sp-scroll-wrap,
  #recommendContents .modalPlanPriceHome01 .sp-scroll-wrap {
    overflow: auto;
    position: relative
  }

  #recommendContents .modalPlanPriceFamily01 .sp-scroll-wrap .sp-scroll,
  #recommendContents .modalPlanPriceHome01 .sp-scroll-wrap .sp-scroll {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    background-color: rgba(0, 0, 0, .5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    left: 50%;
    padding: 40px 32px;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    width: 100%
  }

  #recommendContents .modalPlanPriceFamily01 .sp-scroll-wrap .sp-scroll.is-hidden,
  #recommendContents .modalPlanPriceHome01 .sp-scroll-wrap .sp-scroll.is-hidden {
    opacity: 0;
    pointer-events: none
  }

  #recommendContents .modalPlanPriceFamily01 .table01 tr:nth-of-type(2) th.bg-tokutoku,
  #recommendContents .modalPlanPriceHome01 .table01 tr:nth-of-type(2) th.bg-tokutoku {
    width: 19%
  }

  #recommendContents .c-modal[data-modal=modalPlanAboutMinimini01] .c-priceModal {
    padding: 4rem 3.6rem 22.8rem
  }

  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__table th,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__table th,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__table th {
    font-size: 3.2rem;
    width: 42%
  }

  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__table td,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__table td,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__table td {
    font-size: 3.6rem;
    line-height: 1.3;
    padding: 2.8rem
  }

  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__table td .priceWrap,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__table td .priceWrap,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__table td .priceWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
  }

  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__table td .priceWrap .price:first-child,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__table td .priceWrap .price:first-child,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__table td .priceWrap .price:first-child {
    margin-bottom: -1rem
  }

  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__table td .price .yen--zeinuki .zeinuki,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__table td .price .yen--zeinuki .zeinuki,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__table td .price .yen--zeinuki .zeinuki {
    top: -70%
  }

  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__table.table02,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__table.table02,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__table.table02 {
    margin-top: 4rem
  }

  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__table.table02 tr td,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__table.table02 tr td,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__table.table02 tr td {
    padding: 1.8rem
  }

  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__note li a,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__note li a,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__note li a {
    font-size: 2.4rem
  }

  #recommendContents .c-pricePlan {
    margin-top: 12rem
  }

  #recommendContents .c-pricePlan__note {
    font-size: 2.4rem;
    margin: 2rem 3.6rem 0
  }

  #recommendContents .c-pricePlanCardWrap {
    padding: 0 3.4rem
  }

  #recommendContents .c-pricePlanCard:nth-child(2n) {
    margin-left: auto
  }

  #recommendContents .c-pricePlanCard--01 {
    padding-bottom: 4.8rem;
    width: 66.8rem
  }

  #recommendContents .c-pricePlanCard--01 .c-modalNote__wrap {
    left: 2rem
  }

  #recommendContents .c-pricePlanCard--01 .c-modalNote__wrap .c-modalNote[data-modal=modalPlanPrice01],
  #recommendContents .c-pricePlanCard--01 .c-modalNote__wrap .c-modalNote[data-modal=modalPlanPrice01a] {
    margin-left: -1rem
  }

  #recommendContents .c-pricePlanCard--02 {
    margin-bottom: 3.6rem;
    margin-top: -1.4rem;
    padding-bottom: 8.8rem;
    width: 64rem
  }

  #recommendContents .c-pricePlanCard--02 .c-modalNote__wrap {
    right: 2rem;
    text-align: right
  }

  #recommendContents .c-pricePlanCard--03 {
    padding-bottom: 4.2rem;
    width: 65.8rem
  }

  #recommendContents .c-pricePlanCard--03 .c-modalNote__wrap {
    left: 2rem
  }

  #recommendContents .c-pricePlanCard--03 .c-modalNote[data-modal=modalPlanPrice03],
  #recommendContents .c-pricePlanCard--03 .c-modalNote[data-modal=modalPlanPrice03a] {
    margin-left: -1rem
  }

  #recommendContents .c-pricePlanCard--04 {
    width: 59.2rem
  }

  #recommendContents .c-pricePlanCard .c-modalNote__wrap {
    height: 7.2rem
  }

  #recommendContents .c-modalNote__trigger--white,
  #recommendContents .c-pricePlanCard__priceModal {
    border-radius: 50vw;
    border-width: .6rem;
    font-size: 2.8rem;
    gap: 1.2rem;
    height: 7.2rem;
    padding: 0 1.4rem 0 2.2rem
  }

  #recommendContents .c-modalNote__trigger--white:after,
  #recommendContents .c-pricePlanCard__priceModal:after {
    height: 3.6rem;
    width: 3.6rem
  }

  #recommendContents .c-priceSec__ttl {
    padding-top: 3.6rem;
    position: relative
  }

  #recommendContents .c-priceSec__ttl img {
    margin: 0 auto;
    position: relative;
    width: 68rem
  }

  #recommendContents .c-priceSec__ttl .c-modalNote--white:before {
    right: 5rem
  }

  #recommendContents .c-priceSec--02:before {
    background: url(../img/bg03.png) no-repeat 50%/contain;
    background-repeat: repeat-x;
    height: 16.5rem;
    top: -2rem;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
  }

  #recommendContents .c-priceSec--02 .c-pricePlan:not(:first-child) {
    margin-top: 14rem
  }

  #recommendContents .c-priceSec .manga {
    margin-bottom: 2rem
  }

  #recommendContents .c-priceSec .manga__ttl {
    font-size: 3.8rem;
    left: 8.4rem;
    left: 0;
    top: 3.6rem;
    width: 100%
  }

  #recommendContents .c-priceSec .manga__ttl--meeting {
    left: 10.8rem
  }

  #recommendContents .c-priceSec--banner {
    padding: 0 0 10rem
  }

  #recommendContents .c-priceSec--banner a {
    max-width: 62.4rem
  }

  #recommendContents .c-priceSec--banner img {
    width: 62.4rem
  }

  #recommendContents .c-priceSec--banner .banner__ttl {
    font-size: 3.6rem;
    margin-bottom: 2.3rem
  }

  #recommendContents .c-priceSec--closing:before {
    background-color: #fff;
    height: 24rem
  }

  #recommendContents .c-priceSec--closing:after {
    background: url(../img/bg03.png) no-repeat 50%/contain;
    background-repeat: repeat-x;
    height: 26.5rem;
    top: 0
  }

  #recommendContents .c-productColor {
    height: 14px;
    margin: 0 .4rem;
    width: 14px
  }

  #recommendContents .c-productColor:first-of-type {
    margin: 0 .4rem 0 0
  }

  #recommendContents .c-selectBox {
    border: .6rem solid #000;
    border-radius: 1rem;
    margin-top: 2.5rem;
    width: 33rem
  }

  #recommendContents .c-selectBox:before {
    border-left: 1.8rem solid transparent;
    border-right: 1.8rem solid transparent;
    border-top: 2rem solid #000;
    right: 2.7rem
  }

  #recommendContents .c-selectBox:after {
    border-radius: 0 0 1rem 1rem
  }

  #recommendContents .c-selectBox select {
    font-size: 6rem;
    line-height: 1;
    padding: 1rem 4rem 0
  }

  #recommendContents .c-selectBox select option {
    font-size: 3.5rem
  }

  #recommendContents .c-squareLink {
    border: .6rem solid #000;
    border-radius: 4rem;
    -webkit-box-shadow: .8rem .8rem 0 #000;
    box-shadow: .8rem .8rem 0 #000;
    font-size: 2.8rem;
    padding: 3rem
  }

  #recommendContents .c-squareLink--book {
    gap: 0 3.1rem
  }

  #recommendContents .c-squareLink--book:after {
    height: 6.4rem;
    width: 8.1rem
  }

  #recommendContents .c-squareLink--shop {
    border: .4rem solid #e4017e;
    -webkit-box-shadow: 1rem 1rem 0 #e4017e;
    box-shadow: 1rem 1rem 0 #e4017e;
    font-size: 2.6rem;
    height: 12rem;
    padding: 3rem 2.1rem
  }

  #recommendContents .c-squareLink--shop:before {
    height: 5.1rem;
    width: 5.5rem
  }

  #recommendContents .c-squareLink--shop:after {
    border-right: .5rem solid #000;
    border-top: .5rem solid #000;
    height: 2.2rem;
    width: 2.2rem
  }

  #recommendContents .c-squareLink--online {
    border: .4rem solid #e4017e;
    -webkit-box-shadow: 1rem 1rem 0 #000;
    box-shadow: 1rem 1rem 0 #000;
    font-size: 2.6rem;
    height: 12rem;
    padding: 3rem 2.1rem
  }

  #recommendContents .c-squareLink--online:before {
    height: 4.6rem;
    width: 6rem
  }

  #recommendContents .c-squareLink--online:after {
    height: 2.6rem;
    width: 2.6rem
  }

  #recommendContents .c-squareLink.is-active {
    -webkit-box-shadow: .8rem .8rem 0 #e4017e;
    box-shadow: .8rem .8rem 0 #e4017e
  }

  #recommendContents .c-term p {
    font-size: 2.8rem
  }

  #recommendContents .c-term__heading {
    font-size: 3.2rem !important;
    margin-top: 10rem
  }

  #recommendContents .c-term__heading+p {
    margin-top: .5rem
  }

  #recommendContents .c-category {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2rem 0 3.6rem;
    width: calc(50% - 2rem)
  }

  #recommendContents .c-category:before {
    border: .5rem solid #b8b8b8;
    margin: 0 auto;
    width: 3rem
  }

  #recommendContents .c-category__body {
    gap: 0 3rem;
    height: 100%
  }

  #recommendContents .c-category__image--sim {
    height: 6.5rem;
    width: 5.3rem
  }

  #recommendContents .c-category__image--eSim {
    height: 6.3rem;
    width: 3.7rem
  }

  #recommendContents .c-category__image--phone {
    height: 7.6rem;
    width: 4.4rem
  }

  #recommendContents .c-category__label {
    font-size: 3rem;
    line-height: 1.2333333333
  }

  #recommendContents .c-category__note {
    font-size: 2.2rem;
    margin-top: 1.6rem;
    text-align: center
  }

  #recommendContents .c-contract {
    gap: 2.9rem;
    height: 14rem;
    line-height: 1.2333333333;
    padding: 0 3rem;
    text-align: left;
    width: calc(50% - 2rem)
  }

  #recommendContents .c-contract:before {
    border: .8rem solid #b8b8b8;
    width: 3rem
  }

  #recommendContents .c-dataOption {
    padding: 2.3rem 2rem .3rem;
    width: calc(50% - 4rem)
  }

  #recommendContents .c-dataOption:before {
    border: .8rem solid #b8b8b8;
    height: 3rem;
    left: 2.6rem;
    top: 3rem;
    width: 3rem
  }

  #recommendContents .c-dataOption__price {
    border-top: .3rem dotted #000;
    gap: .6rem;
    margin-top: 1.5rem;
    padding-top: 1.8rem
  }

  #recommendContents .c-dataOption__number {
    font-size: 5rem
  }

  #recommendContents .c-dataOption__unit {
    font-size: 2.6rem
  }

  #recommendContents .c-dataOption__label {
    font-size: 3rem;
    padding-left: 1rem
  }

  #recommendContents .c-discount {
    height: 24rem;
    padding: 0 0 1.1rem;
    width: calc(50% - 2rem)
  }

  #recommendContents .c-discount:before {
    border: .8rem solid #b8b8b8;
    margin: 1.4rem auto 0;
    width: 3rem
  }

  #recommendContents .c-discount.is-disabled-sub:after,
  #recommendContents .c-discount.is-disabled:after {
    font-size: 2.6rem
  }

  #recommendContents .c-discount__number {
    font-size: 5rem;
    position: relative;
    top: .5rem
  }

  #recommendContents .c-discount__label,
  #recommendContents .c-discount__label--small {
    font-size: 3rem
  }

  #recommendContents .c-discount__label--small {
    font-size: 2.4rem
  }

  #recommendContents .c-discount__text {
    font-size: 2.2rem
  }

  #recommendContents .c-discount[data-simulation=KAZOKU] img {
    width: 10.2rem
  }

  #recommendContents .c-discount[data-simulation=SET] img {
    width: 5.1rem
  }

  #recommendContents .c-discount[data-simulation=AUPAY] img {
    max-width: 13rem
  }

  #recommendContents .c-discountNoDiscount {
    font-size: 3rem;
    gap: 30px;
    height: 12rem
  }

  #recommendContents .c-discountNoDiscount:before {
    border: .8rem solid #b8b8b8;
    width: 3rem
  }

  #recommendContents .c-flowContentsTitle {
    gap: 1rem
  }

  #recommendContents .c-flowContentsTitle__index {
    font-size: 4rem;
    padding-top: .5rem;
    width: 5.2rem
  }

  #recommendContents .c-flowContentsTitle__title {
    font-size: 4.8rem
  }

  #recommendContents .c-flowContentsNote {
    font-size: 2.4rem;
    line-height: 1.25;
    margin-top: 2rem
  }

  #recommendContents .c-flowLink {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border: .6rem solid #000;
    -webkit-box-shadow: .8rem .8rem 0 #000;
    box-shadow: .8rem .8rem 0 #000;
    justify-content: center;
    padding: 3rem
  }

  #recommendContents .c-flowLink--next {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    font-size: 3.6rem;
    justify-content: start;
    padding: 3rem 0 3rem 5.6rem;
    width: 32rem
  }

  #recommendContents .c-flowLink--next:after {
    height: 6rem;
    right: 2.4rem;
    width: 6rem
  }

  #recommendContents .c-flowLink--result {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    font-size: 3.6rem;
    justify-content: start;
    padding: 3rem 0 3rem 2.5rem;
    width: 32rem
  }

  #recommendContents .c-flowLink--result:after {
    height: 6rem;
    right: 1.4rem;
    width: 6rem
  }

  #recommendContents .c-flowLink--back {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    font-size: 3.6rem;
    justify-content: start;
    padding: 3rem 0 3rem 10.8rem;
    width: 32rem
  }

  #recommendContents .c-flowLink--back:after {
    height: 6rem;
    left: 2.4rem;
    width: 6rem
  }

  #recommendContents .c-flowLink--delete,
  #recommendContents .c-flowLink--fix {
    font-size: 3.6rem;
    padding: 3.7rem 0 3.8rem 6.6rem
  }

  #recommendContents .c-flowLink--delete:after,
  #recommendContents .c-flowLink--fix:after {
    height: 6rem;
    left: 3rem;
    width: 6rem
  }

  #recommendContents .c-flowModalButtons {
    gap: 2.4rem;
    max-width: 63.8rem
  }

  #recommendContents .c-flowModalButton,
  #recommendContents .c-flowModalButton--book {
    border-radius: 3rem !important;
    -webkit-box-shadow: .6rem .6rem 0 #000 !important;
    box-shadow: .6rem .6rem 0 #000 !important;
    height: 9rem
  }

  #recommendContents .c-flowModalButton--book:after,
  #recommendContents .c-flowModalButton:after {
    height: 3.6rem;
    right: 1.8rem;
    width: 3.6rem
  }

  #recommendContents .c-flowModalButton__text,
  #recommendContents .c-flowModalButton__text--large,
  #recommendContents .c-flowModalButton__text--small {
    font-size: 2.9rem;
    padding-left: 2.1rem;
    text-align: left
  }

  #recommendContents .c-flowModalButton__text--large {
    font-size: 3rem
  }

  #recommendContents .c-flowModalButton__text--small {
    font-size: 2.4rem
  }

  #recommendContents .c-flowModalButton--book {
    padding: 0 10.6rem 0 0
  }

  #recommendContents .c-flowModalButton--book:after {
    height: 4.5rem;
    width: 5.7rem
  }

  #recommendContents .c-flowShopLinks {
    gap: 0 2.6rem
  }

  #recommendContents .c-flowShopLinks__wrapper {
    width: calc(50% - 1.3rem)
  }

  #recommendContents .c-flowShopLinks__text {
    font-size: 2.4rem;
    line-height: 1.5;
    margin-bottom: 1.6rem
  }

  #recommendContents .c-flowTab {
    z-index: 1002
  }

  #recommendContents .c-flowTab__listWrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    gap: 0 .6rem;
    justify-content: flex-start;
    top: .4rem
  }

  #recommendContents .c-flowTab__otherLists {
    -ms-overflow-style: none;
    gap: 0 .7rem;
    scrollbar-width: none
  }

  #recommendContents .c-flowTab__otherLists::-webkit-scrollbar {
    display: none
  }

  #recommendContents .c-flowTab__otherLists--pc {
    display: none !important
  }

  #recommendContents .c-flowTab__list.is-active .c-flowTab__inner {
    gap: 0 2.2rem;
    min-width: 21rem;
    padding: 1.5rem 1.5rem 1.9rem;
    width: 21rem
  }

  #recommendContents .c-flowTab__list.is-active .c-flowTab__inner:before {
    height: 4.2rem;
    width: 4.9rem
  }

  #recommendContents .c-flowTab__list--total .c-flowTab__inner {
    height: 8rem;
    line-height: 1.1;
    min-width: 13rem !important;
    width: 13rem !important
  }

  #recommendContents .c-flowTab__list--total.is-active .c-flowTab__inner {
    height: 8rem;
    min-width: 13rem;
    width: 13rem
  }

  #recommendContents .c-flowTab__list--add .c-flowTab__inner {
    height: 8rem;
    line-height: 1.1;
    min-width: 13rem;
    width: 13rem
  }

  #recommendContents .c-flowTab__inner {
    border: .4rem solid #000;
    border-radius: 2rem 2rem 0 0;
    font-size: 2.2rem;
    height: 8rem;
    padding: 1.8rem .7rem 2rem;
    width: 17rem
  }

  #recommendContents .c-flowTab__content {
    background-color: #fff;
    border: .4rem solid #000;
    max-height: calc(100dvh - 21.3rem)
  }

  #recommendContents .c-flowTab__arrow,
  #recommendContents .c-flowTab__arrow--next {
    display: none !important
  }

  #recommendContents .c-flowTabCatch {
    aspect-ratio: 511/120;
    margin-top: 1.9rem
  }

  #recommendContents .c-flowTabClose {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #fff;
    border: .5rem solid #000;
    border-radius: 2rem;
    bottom: 4.8rem;
    -webkit-box-shadow: 1rem 1rem 0 #000;
    box-shadow: 1rem 1rem 0 #000;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 2.2rem;
    gap: 0 1.2rem;
    justify-content: center;
    line-height: 1.3571428571;
    padding: 1.5rem 2.3rem 1.8rem 2.1rem;
    right: 3.5rem
  }

  #recommendContents .c-flowTabClose:before {
    height: 3.4rem;
    width: 2.9rem
  }

  #recommendContents .c-flowTabClose--pc {
    display: none
  }

  #recommendContents .c-flowTabContent__title {
    font-size: 4rem;
    margin-top: 1.5rem
  }

  #recommendContents .c-flowTabContent__section,
  #recommendContents .c-flowTabContent__section--flex {
    margin-top: 5.3rem
  }

  #recommendContents .c-flowTabContent__supplement {
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 1.5rem;
    text-align: left
  }

  #recommendContents .c-flowTabContent__shopWrapper {
    margin-top: 9.1rem
  }

  #recommendContents .c-flowTabContent__bottom {
    margin-top: 9.9rem
  }

  #recommendContents .c-flowTabContent__links {
    gap: 0 2.8rem;
    margin-top: 10rem
  }

  #recommendContents .c-flowTabContent__openedContents {
    padding: 4rem 3.5rem 19.5rem
  }

  #recommendContents .c-flowTabContent__closedContents {
    height: 14rem
  }

  #recommendContents .c-flowTabContent__total {
    font-size: 8rem;
    position: relative;
    top: 1rem
  }

  #recommendContents .c-flowTabContent__total+span {
    position: relative;
    top: 1rem
  }

  #recommendContents .c-flowTabContent__totalContainer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 3rem;
    gap: 1.6rem;
    padding-left: 12.3rem
  }

  #recommendContents .c-flowTabContent__openButton {
    border: .5rem solid #000;
    border-radius: 2rem;
    -webkit-box-shadow: .7rem .7rem 0 #000;
    box-shadow: .7rem .7rem 0 #000;
    font-size: 2.4rem;
    gap: 1.2rem;
    height: 10rem;
    line-height: 1.1666666667;
    margin-left: auto;
    margin-right: 3.5rem;
    padding: 0 .8rem 0 1.4rem;
    text-align: left;
    width: 15rem
  }

  #recommendContents .c-flowTabContent__openButton:before {
    height: 3.6rem;
    width: 3.1rem
  }

  #recommendContents .c-flowTabHead__catch {
    aspect-ratio: 654/190;
    background: url(../img/flow/result/hukidashi_1_sp.svg) no-repeat 50%/contain;
    font-size: 2.8rem;
    line-height: 1.25;
    margin: auto;
    padding: 4rem 4rem 6.2rem
  }

  #recommendContents .c-flowTabHead__catch .large {
    font-size: 4rem
  }

  #recommendContents .c-flowTabHead__contents {
    border-bottom: .4rem dotted #000;
    padding: 3rem 0 4.5rem
  }

  #recommendContents .c-flowTabHead__contents--flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 0 1.6rem;
    justify-content: space-between;
    padding-bottom: 4rem
  }

  #recommendContents .c-flowTabHead__text {
    font-size: 2.8rem
  }

  #recommendContents .c-flowTabHead__left {
    font-size: 3rem;
    height: 13rem;
    line-height: 1.2;
    width: 13rem
  }

  #recommendContents .c-flowTabHead__right p {
    font-size: 3.6rem
  }

  #recommendContents .c-flowTabHead__right p .num {
    font-size: 7rem
  }

  #recommendContents .c-flowTabHead__right p .large {
    font-size: 4.5rem
  }

  #recommendContents .c-flowTabHead__right p .small {
    font-size: 2.8rem
  }

  #recommendContents .c-flowTabSection--border {
    border-bottom: .4rem solid #000;
    border-top: .4rem solid #000
  }

  #recommendContents .c-flowTabSection__heading {
    font-size: 3rem;
    padding: 1.6rem 1.5rem 1.5rem
  }

  #recommendContents .c-flowTabSection__heading--white {
    font-size: 2.8rem;
    padding: 2.5rem 0 3.5rem
  }

  #recommendContents .c-flowTabSection__dashed,
  #recommendContents .c-flowTabSection__dashed--borderLess {
    border-bottom: .4rem dotted #000
  }

  #recommendContents .c-flowTabSection__dashed--borderLess {
    border-bottom: none
  }

  #recommendContents .c-flowTabSection__flex {
    padding: 2.7rem 1rem 1.8rem
  }

  #recommendContents .c-flowTabSection__flex--wide {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  #recommendContents .c-flowTabSection__flex--wide .c-flowTabSection__left {
    font-size: 2.8rem;
    line-height: 1.4285714286;
    max-width: 42.5rem
  }

  #recommendContents .c-flowTabSection__flex--wide .c-flowTabSection__right {
    font-size: 2.8rem;
    line-height: 1.4285714286
  }

  #recommendContents .c-flowTabSection__avatar {
    height: 5.5rem;
    margin-right: 3.2rem;
    width: 6.2rem
  }

  #recommendContents .c-flowTabSection__left {
    font-size: 2.8rem
  }

  #recommendContents .c-flowTabSection__left sup {
    font-size: 1.2rem;
    margin-left: .5em
  }

  #recommendContents .c-flowTabSection__right {
    font-size: 3rem
  }

  #recommendContents .c-flowTabSection__right .large {
    font-size: 3.6rem
  }

  #recommendContents .c-flowTabSection__total {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    font-size: 2.8rem;
    gap: 1rem;
    justify-content: flex-end;
    padding: 2.5rem 1rem 3rem
  }

  #recommendContents .c-flowTabSection__note {
    border-width: .1rem;
    font-size: 2rem
  }

  #recommendContents .c-paymentTime {
    gap: 2.9rem;
    height: 12rem;
    line-height: 1.2333333333;
    padding: 0 3rem;
    text-align: left;
    width: calc(50% - 2rem)
  }

  #recommendContents .c-paymentTime.is-big {
    height: 16rem
  }

  #recommendContents .c-paymentTime:before {
    border: .8rem solid #b8b8b8;
    width: 3rem
  }

  #recommendContents .c-plan {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    border-radius: 0 0 .8rem .8rem !important;
    border-top: .5rem solid #000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 10rem;
    margin-top: -.3rem;
    padding: 0 0 0 3rem
  }

  #recommendContents .c-plan:before {
    border: .8rem solid #b8b8b8;
    height: 3rem;
    width: 3rem
  }

  #recommendContents .c-plan__image {
    margin-top: -2.5rem
  }

  #recommendContents .c-plan__container {
    border-radius: .8rem;
    -webkit-box-shadow: .8rem .8rem 0 #000;
    box-shadow: .8rem .8rem 0 #000
  }

  #recommendContents .c-plan__container.is-active {
    -webkit-box-shadow: .8rem .8rem 0 #e4017e;
    box-shadow: .8rem .8rem 0 #e4017e
  }

  #recommendContents .c-plan__container .c-priceButtonContainer__button {
    font-size: 2.8rem;
    height: 9.2rem;
    padding-right: 4.7rem;
    width: 36.2rem
  }

  #recommendContents .c-plan__container .c-priceButtonContainer__button:after {
    height: 3.9rem;
    right: 2.6rem;
    width: 4.9rem
  }

  #recommendContents .c-plan__container .c-modalNote__trigger--white,
  #recommendContents .c-plan__container .c-priceButtonContainer {
    bottom: 1.4rem;
    right: -1.5rem;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }

  #recommendContents .c-plan__container .c-modalNote__trigger--white {
    font-size: 2.8rem;
    height: 9.2rem;
    padding-right: 4.7rem;
    width: 36.2rem
  }

  #recommendContents .c-plan__container .c-modalNote__trigger--white:after {
    height: 3.45rem;
    right: 8.2rem;
    width: 3.45rem
  }

  #recommendContents .c-plan__number {
    font-size: 5rem;
    position: relative;
    top: .5rem
  }

  #recommendContents .c-plan__unit {
    font-size: 2.8rem;
    margin-left: .5rem
  }

  #recommendContents .c-plan__labelWrap {
    padding-right: 6rem;
    padding-top: 1rem
  }

  #recommendContents .c-plan__label {
    font-size: 3.6rem;
    line-height: 1.5
  }

  #recommendContents .c-plan__labelNote {
    font-size: 2.8rem;
    line-height: 1
  }

  #recommendContents .c-plan__text {
    font-size: 2.2rem
  }

  #recommendContents .c-product {
    gap: 2.9rem;
    height: 14rem;
    line-height: 1.2333333333;
    padding: 0 3rem;
    text-align: left
  }

  #recommendContents .c-product:before {
    border: .8rem solid #b8b8b8;
    width: 3rem
  }

  #recommendContents .c-selectButtons,
  #recommendContents .c-selectButtons--tell,
  #recommendContents .c-selectButtons--tell2 {
    gap: 2.7rem 4rem
  }

  #recommendContents .c-selectButtons--tell,
  #recommendContents .c-selectButtons--tell2 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
  }

  #recommendContents .c-simulationButton {
    border-radius: 1rem;
    font-size: 2.4rem;
    gap: 0 1.4rem;
    padding: 1.3rem 2.3rem;
    text-align: left
  }

  #recommendContents .c-simulationButton:before {
    height: 2.3rem;
    width: 2.3rem
  }

  #recommendContents .page-text01 {
    font-size: 12px
  }

  #recommendContents .page-text02 {
    font-size: 2rem;
    margin-top: 0;
    padding-bottom: 0
  }

  #recommendContents .page-text03 {
    font-size: 2rem;
    padding: .5em 0 0
  }

  #recommendContents .page-caution,
  #recommendContents .page-caution--center {
    font-size: 14px
  }

  #recommendContents .c-simulationSelect.c-dataOption.is-smatoku .c-dataOption__label {
    display: block;
    font-size: 11px;
    line-height: 1.25;
    padding: 0 1em
  }

  #recommendContents .c-simulationSelect {
    border: .6rem solid #000;
    border-radius: .8rem;
    -webkit-box-shadow: .8rem .8rem 0 #000;
    box-shadow: .8rem .8rem 0 #000;
    font-size: 3rem
  }

  #recommendContents .c-simulationSelect__head {
    border-bottom: .5rem dotted #000
  }

  #recommendContents .c-simulationSelect.is-active {
    -webkit-box-shadow: .8rem .8rem 0 #e4017e;
    box-shadow: .8rem .8rem 0 #e4017e
  }

  #recommendContents .c-simulationSelect.is-active:before {
    border: .7rem solid #e4017e
  }

  #recommendContents .c-simulationSelect sup {
    font-size: 1.2rem
  }

  #recommendContents .c-tellOption {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: center;
    justify-content: start;
    padding: 2.3rem 2rem .5rem;
    width: calc(50% - 2rem)
  }

  #recommendContents .c-tellOption:before {
    border: .8rem solid #b8b8b8;
    height: 3rem;
    left: 2.9rem;
    top: 2.8rem;
    width: 3rem
  }

  #recommendContents .c-tellOption__price {
    border-top: .3rem dotted #000;
    gap: .6rem;
    margin-top: 1.8rem;
    padding-top: 1.8rem
  }

  #recommendContents .c-tellOption__number {
    font-size: 4.5rem
  }

  #recommendContents .c-tellOption__unit {
    font-size: 2.6rem
  }

  #recommendContents .c-tellOption__numberUnit {
    font-size: 2.8rem
  }

  #recommendContents .c-tellOption__label {
    line-height: 1.25
  }

  #recommendContents .c-tellOption__label+.c-tellOption__note {
    margin-top: 1.4rem
  }

  #recommendContents .c-tellOption__note {
    font-size: 2.2rem;
    line-height: 1.2
  }

  #recommendContents .c-tellOption__note--bg {
    border-radius: .5rem;
    font-size: 2.2rem;
    margin-top: 1.1rem;
    padding: .9rem
  }

  #recommendContents .c-tellOption2 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: center;
    justify-content: start;
    padding: 2.3rem 2rem .5rem;
    width: calc(50% - 2rem)
  }

  #recommendContents .c-tellOption2:before {
    border: .8rem solid #b8b8b8;
    height: 3rem;
    left: 2.9rem;
    top: 2.8rem;
    width: 3rem
  }

  #recommendContents .c-tellOption2__price {
    border-top: .3rem dotted #000;
    gap: .6rem;
    margin-top: 1.8rem;
    padding-top: 1.8rem
  }

  #recommendContents .c-tellOption2__number {
    font-size: 4.5rem
  }

  #recommendContents .c-tellOption2__unit {
    font-size: 2.6rem
  }

  #recommendContents .c-tellOption2__numberUnit {
    font-size: 2.8rem
  }

  #recommendContents .c-tellOption2__label {
    line-height: 1.25
  }

  #recommendContents .c-tellOption2__label+.c-tellOption2__note {
    margin-top: 1.4rem
  }

  #recommendContents .c-tellOption2__note {
    font-size: 2.2rem;
    line-height: 1.2
  }

  #recommendContents .c-tellOption2__note--bg {
    border-radius: .5rem;
    font-size: 2.2rem;
    margin-top: 1.1rem;
    padding: .9rem
  }

  #recommendContents .page-area .c-planSec--main {
    margin-bottom: 11.5rem;
    margin-top: 5rem
  }

  #recommendContents .page-area .c-planSec--main .c-planSec__ttl {
    margin-bottom: -.5rem
  }

  #recommendContents .page-area .c-planSec--main .c-priceButtonContainer {
    margin-top: 5rem
  }

  #recommendContents .page-area .c-planSec--else .c-planSec__ttl {
    background: url(../img/fukidashi_xl_sp.png) no-repeat 50%/cover;
    height: 16.5rem;
    line-height: 1.2189473684;
    margin-bottom: 3vw;
    padding-top: 4.4rem;
    width: 58.8rem
  }

  #recommendContents .page-area .c-priceSec--02 {
    padding-top: 27rem
  }

  #recommendContents .p-data .mv img {
    max-width: none;
    width: 100%
  }

  #recommendContents .p-data .c-priceSec__ttl {
    margin-bottom: .6rem
  }

  #recommendContents .p-data .c-priceSec__ttl img {
    width: 71rem
  }

  #recommendContents .p-data .c-priceSec:first-of-type .c-modalNote,
  #recommendContents .p-data .c-priceSec:first-of-type .c-modalNote__trigger {
    top: -1.6rem
  }

  #recommendContents .p-data .c-pricePlan--01:first-of-type {
    margin-top: 0
  }

  #recommendContents .page-flow .flow {
    padding-bottom: 32.3rem;
    z-index: 1002
  }

  #recommendContents .page-flow .flow__contents {
    max-width: 68rem
  }

  #recommendContents .page-flow .flow[data-modal="2"] .c-flowModalButton,
  #recommendContents .page-flow .flow[data-modal="2"] .c-flowModalButton--book {
    width: 35rem
  }

  #recommendContents .page-flow .flow[data-modal="2"] .c-flowModalButton--book:nth-of-type(2n),
  #recommendContents .page-flow .flow[data-modal="2"] .c-flowModalButton:nth-of-type(2n) {
    width: 26rem
  }

  #recommendContents .page-flow .flow[data-modal="3"] .c-flowModalButton--book {
    width: 38rem
  }

  #recommendContents .page-flow .header {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: .4rem solid #fff;
    height: 11rem;
    justify-content: center;
    padding: 0 2.4rem
  }

  #recommendContents .page-flow .header__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  #recommendContents .page-flow .header__close {
    height: 6.4rem;
    padding-left: 1.9rem;
    width: 8.3rem
  }

  #recommendContents .page-flow .header__close:before {
    height: 9rem;
    width: .4rem
  }

  #recommendContents .page-flow .header__logo {
    height: 6.1rem;
    width: 9.6rem
  }

  #recommendContents .page-flow .header__text {
    font-size: 3rem;
    line-height: 1.1176470588;
    margin-left: 3.4rem
  }

  #recommendContents .page-flow .contents__simulationWrapper {
    padding: 8.8rem 0 38.4rem
  }

  #recommendContents .page-flow .contents__simulationWrapper--step1 {
    padding-top: 14.8rem
  }

  #recommendContents .page-flow .contents__simulationFlex {
    gap: 2.6rem;
    padding: 4.4rem 0
  }

  #recommendContents .page-flow .contents__simulation:not(:first-of-type) {
    margin-top: 15.5rem
  }

  #recommendContents .page-flow .contents__link {
    margin: 10.9rem auto 0;
    width: 50rem
  }

  #recommendContents .page-flow .contents__link--flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 2.8rem;
    width: 67.2rem
  }

  #recommendContents .page-flow .contents__icons {
    padding-top: 5rem
  }

  #recommendContents .page-flow .contents__catch {
    margin: 0 auto;
    width: 46.3rem
  }

  #recommendContents .page-flow .contents__wrapper {
    margin-top: -25.5rem;
    padding: 0 3.5rem 40rem
  }

  #recommendContents .page-flow .contentsHead {
    padding-top: 7.1rem;
    width: 62.7rem
  }

  #recommendContents .page-flow .contentsHead__container {
    margin-top: 3.2rem
  }

  #recommendContents .page-flow .contentsHead--3 .c-flowContentsTitle__title {
    font-size: 3.9rem
  }

  #recommendContents .page-flow .contentsHeading {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    font-size: 3rem;
    gap: 0;
    justify-content: space-between;
    line-height: 1.2666666667;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.8rem;
    width: 59rem
  }

  #recommendContents .page-flow .contentsHeading:nth-of-type(2) {
    margin-top: 9.5rem
  }

  #recommendContents .page-flow .contentsHeading:after,
  #recommendContents .page-flow .contentsHeading:before {
    height: 7.1rem;
    width: 3.7rem
  }

  #recommendContents .page-flow .contentsHeading--xLong:after,
  #recommendContents .page-flow .contentsHeading--xLong:before {
    height: 14.2rem;
    width: 4.3rem
  }

  #recommendContents .page-flow .contentsHeading--dataOption {
    width: auto
  }

  #recommendContents .page-flow .contentsHeading--link {
    font-size: 2.4rem;
    line-height: 1.3333333333;
    margin-bottom: 3.2rem
  }

  #recommendContents .page-flow .contentsHeading--link:after,
  #recommendContents .page-flow .contentsHeading--link:before {
    border-radius: 1rem;
    height: 10rem;
    margin-left: 2.5rem;
    width: .6rem
  }

  #recommendContents .page-flow .contentsHeading--link:after {
    margin-left: 0;
    margin-right: 2.5rem
  }

  #recommendContents .page-flow .contentsHeading--noSlash {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  #recommendContents .page-flow .simulation,
  #recommendContents .page-flow .simulation .simulation {
    padding: 0 3.5rem
  }

  #recommendContents .page-flow .simulation .simulation__title {
    gap: 3.4rem
  }

  #recommendContents .page-flow .simulation .simulation__title--phone {
    min-height: 7.2rem
  }

  #recommendContents .page-flow .simulation .simulation__title--line:after {
    height: 1rem;
    width: 8rem
  }

  #recommendContents .page-flow .simulation .simulation__title .icon {
    height: 4.6rem;
    margin-bottom: .3rem;
    width: 22.4rem
  }

  #recommendContents .page-flow .simulation .simulation__title .text {
    font-size: 2.7rem;
    line-height: 1.4666666667
  }

  #recommendContents .page-flow .simulation .simulation__text {
    font-size: 2.8rem;
    line-height: 1.5714285714;
    margin-top: 3rem
  }

  #recommendContents .page-flow .simulation .simulation__selectsWrapper {
    margin-top: 3.8rem
  }

  #recommendContents .page-flow .simulation .simulation__selects {
    gap: 0 2.5rem
  }

  #recommendContents .page-flow .simulation .simulation__selects--2 {
    gap: 2.6rem 3.1rem
  }

  #recommendContents .page-flow .simulation .simulation__selects--2 .c-simulationSelect {
    width: calc(50% - 1.55rem)
  }

  #recommendContents .page-flow .simulation .simulation__selects--column {
    gap: 2.9rem 0
  }

  #recommendContents .page-flow .simulation .simulation__selectsImage {
    margin-top: 3.5rem
  }

  #recommendContents .page-flow .simulation .simulation__phone {
    height: 16.6rem
  }

  #recommendContents .page-flow .simulation .simulation__buttons {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 3rem 2.6rem;
    margin-top: 5.8rem
  }

  #recommendContents .page-flow .bg:before {
    height: 15rem
  }

  #recommendContents .page-flow .bg:after {
    bottom: 0;
    height: 17.3rem
  }

  #recommendContents .page-flow .bg--pink {
    padding: 2.3rem 0 4.2rem
  }

  #recommendContents .page-flow .iconWrapper {
    margin: 3.1rem 4rem 0
  }

  #recommendContents .page-flow .iconWrapper__iconList {
    gap: 2.7rem 4rem
  }

  #recommendContents .page-flow .iconWrapper__icon {
    -webkit-box-shadow: .7rem .7rem 0 #000;
    box-shadow: .7rem .7rem 0 #000;
    width: 14rem
  }

  #recommendContents .page-flow .iconWrapper__icon.is-active {
    -webkit-box-shadow: .7rem .7rem 0 #e4017e;
    box-shadow: .7rem .7rem 0 #e4017e
  }

  #recommendContents .page-komikomi .c-planSec--main .c-planSec__ttl {
    margin-bottom: -.5rem
  }

  #recommendContents .page-komikomi .c-planSec--main .c-priceButtonContainer {
    margin-top: 6rem
  }

  #recommendContents .page-ouenwari .c-planSec--sub.c-planSec--ouenwari .c-planSec__cards {
    margin-top: 2rem;
    top: 0
  }

  #recommendContents .page-ouenwari .c-planSec--sub.c-planSec--ouenwari .komikomi_wrap {
    margin-top: 0
  }

  #recommendContents .page-ouenwari .c-planSec--sub.c-planSec--ouenwari .komikomi_wrap .c-priceButtonContainer__button {
    bottom: 9.2rem;
    gap: .8rem;
    height: 8.8rem;
    width: 31.5rem
  }

  #recommendContents .page-ouenwari .c-planSec--sub.c-planSec--ouenwari .komikomi_wrap .c-priceButtonContainer__button .plan {
    font-size: 2.2rem
  }

  #recommendContents .page-ouenwari .c-planSec--sub.c-planSec--ouenwari .komikomi_wrap .c-priceButtonContainer__button .manga {
    font-size: 2.4rem;
    gap: .7rem
  }

  #recommendContents .page-ouenwari .c-planSec--sub.c-planSec--ouenwari .komikomi_wrap .c-priceButtonContainer__button:first-child {
    left: 2rem
  }

  #recommendContents .page-plan .c-planSec--main .ttlName {
    font-size: 4rem;
    line-height: 1.35
  }

  #recommendContents .page-plan .c-planSec--else {
    margin-top: 1rem
  }

  #recommendContents .page-price .mv img {
    max-width: none;
    width: 100%
  }

  #recommendContents .page-price .c-priceSec:first-of-type {
    padding-bottom: 5.4rem
  }

  #recommendContents .page-price .c-priceSec:first-of-type .c-priceSec__ttl--B img,
  #recommendContents .page-price .c-priceSec:first-of-type .c-priceSec__ttl--C img {
    width: 72.4rem
  }

  #recommendContents .page-price .c-priceSec:first-of-type .c-priceSec__ttl--D img {
    width: 67.4rem
  }

  #recommendContents .page-price .c-priceSec:first-of-type .c-priceSec__text {
    font-size: 2.4rem;
    padding: 0 3.4rem 2rem
  }

  #recommendContents .page-price .c-priceSec:first-of-type .manga {
    margin-top: 1.4rem
  }

  #recommendContents .page-price .c-priceSec:first-of-type .c-modalNote {
    top: -2rem
  }

  #recommendContents .page-price .c-priceSec:first-of-type .c-modalNote__wrap {
    height: auto
  }

  #recommendContents .page-price .c-priceSec:first-of-type .c-modalNote__trigger {
    position: absolute;
    right: 5.6rem;
    top: -2rem
  }

  #recommendContents .page-price .c-priceSec:nth-of-type(2) .c-pricePlan:first-of-type {
    margin-top: 9rem
  }

  #recommendContents .comicModal02 .c-modalNote__wrap {
    margin: 0
  }

  #recommendContents .comicModal02 .c-modalNote__trigger--white,
  #recommendContents .comicModal02 .c-pricePlanCard__priceModal {
    border-radius: 2rem;
    left: 3.2rem;
    top: 2rem
  }

  #recommendContents .comicModal02 .c-modalNote__trigger {
    right: 3.2rem;
    top: 2.8rem
  }

  #recommendContents .comicModal02 .c-modalNote--white {
    margin-top: 14rem
  }

  #recommendContents .comicModal02 .c-modalNote--white#aside2_1:before {
    right: 5rem
  }

  #recommendContents .comicModal02 .c-modalNote__trigger.c-modalNote__trigger--white,
  #recommendContents .comicModal02 .c-pricePlanCard__priceModal.c-modalNote__trigger {
    top: 2rem
  }

  #recommendContents .comicModal03 .c-modalNote__trigger--white,
  #recommendContents .comicModal03 .c-pricePlanCard__priceModal {
    bottom: 1.4rem;
    left: 2.6rem
  }

  #recommendContents .comicModal03 .c-modalNote__trigger {
    right: 2.6rem
  }

  #recommendContents .comicModal03 .comicModal03__note--01 {
    margin: 0;
    top: unset
  }

  #recommendContents .comicModal03 .comicModal03__note--02 .c-modalNote:before {
    right: 5rem
  }

  #recommendContents .comicModal04__note {
    margin-top: 3rem
  }

  #recommendContents .comicModal04__note:first-of-type {
    margin: 6rem 0 7.6rem
  }

  #recommendContents .comicModal04__note:nth-of-type(2) {
    margin: 0
  }

  #recommendContents .comicModal04 .c-modal__banner {
    margin-top: 12rem
  }

  #recommendContents .comicModal04 .c-modalNote--white#aside4_2:before {
    right: 5rem
  }

  #recommendContents .comicModal05__noteParent {
    gap: 1.2rem
  }

  #recommendContents .comicModal05__noteParent .c-modalNote__wrap {
    margin: 0
  }

  #recommendContents .comicModal05__noteParent .c-modalNote__trigger {
    border-radius: 2rem;
    right: inherit
  }

  #recommendContents .comicModal05 .c-modal__banner {
    margin-top: 9rem
  }

  #recommendContents .comicModal05 .c-modalNote--white#aside5_5:before {
    right: 5rem
  }

  #recommendContents .page-sim .c-planSec--main .c-planSec__ttl {
    margin-bottom: -.5rem
  }

  #recommendContents .page-sim .c-planSec--main .c-priceButtonContainer {
    margin-top: 6rem
  }

  #recommendContents .page-sim .c-planSec--change .c-planSec__pricePlanModals {
    margin-top: 5rem
  }

  #recommendContents .page-simulation {
    padding-bottom: 12rem
  }

  #recommendContents .page-simulation .mv {
    padding: 1.3rem 2.8rem 8.4rem
  }

  #recommendContents .page-simulation .mv:before {
    height: 21.5rem
  }

  #recommendContents .page-simulation .mv:after {
    background: url(../img/simulation/bg_sp.png) no-repeat 50%/cover;
    bottom: 5.2rem;
    height: 17.3rem
  }

  #recommendContents .page-simulation .mv img {
    max-width: none;
    width: 100%
  }

  #recommendContents .page-simulation .check {
    margin-top: -4rem
  }

  #recommendContents .page-simulation .check__wrap {
    margin: 0 auto;
    max-width: 75rem
  }

  #recommendContents .page-simulation .check__ttl {
    margin: 1.8rem auto 0;
    -webkit-transform: translateX(-1.5rem);
    transform: translateX(-1.5rem);
    width: 52.7rem
  }

  #recommendContents .page-simulation .check__list {
    padding: 0 1.6rem 0 2.3rem
  }

  #recommendContents .page-simulation .btn {
    border-width: .5rem;
    bottom: 8.3rem;
    font-size: 3.2rem;
    height: 8rem;
    width: 37rem
  }

  #recommendContents .page-simulation .btn:after {
    height: 4.8rem;
    right: 2.3rem;
    width: 4.8rem
  }

  #recommendContents .page-simulation .btn.is-loading:before {
    font-size: 1rem;
    right: 4.2rem;
    -webkit-transform: translateZ(0) translateY(-50%) scale(.5);
    transform: translateZ(0) translateY(-50%) scale(.5)
  }

  #recommendContents .page-tokutoku .c-planSec--main .c-planSec__ttl {
    margin-bottom: -2rem
  }

  #recommendContents .page-tokutoku .c-planSec--main .c-priceButtonContainer {
    margin-top: 6rem
  }

  #recommendContents .page-tokutoku .c-planSec--sub .c-planSec__ttl {
    margin-bottom: 3vw
  }

  #recommendContents .u-border--top {
    border-top: .2rem solid #000
  }

  #recommendContents .u-border--bottom {
    border-bottom: .2rem solid #000
  }

  #recommendContents .c-priceButtonContainer__button,
  #recommendContents .page-simulation .btn,
  #recommendContents .u-boxShadow {
    -webkit-box-shadow: .8rem .6rem 0 #000;
    box-shadow: .8rem .6rem 0 #000
  }

  #recommendContents .c-modalNote__trigger,
  #recommendContents .c-modalNote__trigger--white,
  #recommendContents .c-pricePlan .c-priceButtonContainer__button,
  #recommendContents .c-pricePlanCard__priceModal,
  #recommendContents .c-pricePlan__comment,
  #recommendContents .u-boxShadow--s {
    -webkit-box-shadow: .4rem .4rem 0 #000;
    box-shadow: .4rem .4rem 0 #000
  }

  #recommendContents .c-comicModalKomikomi .c-planSec__cards .c-planSec__card .c-priceButtonContainer__button,
  #recommendContents .c-comicModalKomikomi .c-priceButtonContainer__button,
  #recommendContents .c-comicModalKomikomi .komikomiPlan__price,
  #recommendContents .c-comicModalTokutoku .tokutokuPlan__price,
  #recommendContents .c-planSec--change .c-planSec__pricePlanModals .c-modalNote__trigger--white,
  #recommendContents .c-planSec--change .c-planSec__pricePlanModals .c-pricePlanCard__priceModal,
  #recommendContents .c-planSec--sub .c-planSec__card .c-modalNote__trigger--white,
  #recommendContents .c-planSec--sub .c-priceButtonContainer__button,
  #recommendContents .c-priceButtonContainer__wrap--renewal .c-priceButtonContainer__button,
  #recommendContents .u-boxShadow--renewal,
  #recommendContents .u-boxShadow--renewal2 {
    -webkit-box-shadow: .2rem .6rem 0 #000;
    box-shadow: .2rem .6rem 0 #000
  }

  #recommendContents .u-fz-sp--9 {
    font-size: .9rem
  }

  #recommendContents .u-fz-sp--10 {
    font-size: 1rem
  }

  #recommendContents .u-fz-sp--11 {
    font-size: 1.1rem
  }

  #recommendContents .u-fz-sp--12 {
    font-size: 1.2rem
  }

  #recommendContents .u-fz-sp--13 {
    font-size: 1.3rem
  }

  #recommendContents .u-fz-sp--14 {
    font-size: 1.4rem
  }

  #recommendContents .u-fz-sp--15 {
    font-size: 1.5rem
  }

  #recommendContents .u-fz-sp--16 {
    font-size: 1.6rem
  }

  #recommendContents .u-fz-sp--17 {
    font-size: 1.7rem
  }

  #recommendContents .u-fz-sp--18 {
    font-size: 1.8rem
  }

  #recommendContents .u-fz-sp--19 {
    font-size: 1.9rem
  }

  #recommendContents .u-fz-sp--20 {
    font-size: 2rem
  }

  #recommendContents .u-fz-sp--21 {
    font-size: 2.1rem
  }

  #recommendContents .u-fz-sp--22 {
    font-size: 2.2rem
  }

  #recommendContents .u-fz-sp--23 {
    font-size: 2.3rem
  }

  #recommendContents .u-fz-sp--24 {
    font-size: 2.4rem
  }

  #recommendContents .u-fz-sp--25 {
    font-size: 2.5rem
  }

  #recommendContents .u-fz-sp--26 {
    font-size: 2.6rem
  }

  #recommendContents .u-fz-sp--27 {
    font-size: 2.7rem
  }

  #recommendContents .u-fz-sp--28 {
    font-size: 2.8rem
  }

  #recommendContents .u-fz-sp--29 {
    font-size: 2.9rem
  }

  #recommendContents .u-fz-sp--30 {
    font-size: 3rem
  }

  #recommendContents .u-fz-sp--31 {
    font-size: 3.1rem
  }

  #recommendContents .u-fz-sp--32 {
    font-size: 3.2rem
  }

  #recommendContents .u-fz-sp--33 {
    font-size: 3.3rem
  }

  #recommendContents .u-fz-sp--34 {
    font-size: 3.4rem
  }

  #recommendContents .u-fz-sp--35 {
    font-size: 3.5rem
  }

  #recommendContents .u-fz-sp--36 {
    font-size: 3.6rem
  }

  #recommendContents .u-fz-sp--37 {
    font-size: 3.7rem
  }

  #recommendContents .u-fz-sp--38 {
    font-size: 3.8rem
  }

  #recommendContents .u-fz-sp--39 {
    font-size: 3.9rem
  }

  #recommendContents .u-fz-sp--40 {
    font-size: 4rem
  }

  #recommendContents .u-fz-sp--41 {
    font-size: 4.1rem
  }

  #recommendContents .u-fz-sp--42 {
    font-size: 4.2rem
  }

  #recommendContents .u-fz-sp--43 {
    font-size: 4.3rem
  }

  #recommendContents .u-fz-sp--44 {
    font-size: 4.4rem
  }

  #recommendContents .u-fz-sp--45 {
    font-size: 4.5rem
  }

  #recommendContents .u-fz-sp--46 {
    font-size: 4.6rem
  }

  #recommendContents .u-fz-sp--47 {
    font-size: 4.7rem
  }

  #recommendContents .u-fz-sp--48 {
    font-size: 4.8rem
  }

  #recommendContents .u-fz-sp--49 {
    font-size: 4.9rem
  }

  #recommendContents .u-fz-sp--50 {
    font-size: 5rem
  }

  #recommendContents .u-fz-sp--51 {
    font-size: 5.1rem
  }

  #recommendContents .u-fz-sp--52 {
    font-size: 5.2rem
  }

  #recommendContents .u-fz-sp--53 {
    font-size: 5.3rem
  }

  #recommendContents .u-fz-sp--54 {
    font-size: 5.4rem
  }

  #recommendContents .u-fz-sp--55 {
    font-size: 5.5rem
  }

  #recommendContents .u-fz-sp--56 {
    font-size: 5.6rem
  }

  #recommendContents .u-fz-sp--57 {
    font-size: 5.7rem
  }

  #recommendContents .u-fz-sp--58 {
    font-size: 5.8rem
  }

  #recommendContents .u-fz-sp--59 {
    font-size: 5.9rem
  }

  #recommendContents .u-fz-sp--60 {
    font-size: 6rem
  }

  #recommendContents .u-fz-sp--61 {
    font-size: 6.1rem
  }

  #recommendContents .u-fz-sp--62 {
    font-size: 6.2rem
  }

  #recommendContents .u-fz-sp--63 {
    font-size: 6.3rem
  }

  #recommendContents .u-fz-sp--64 {
    font-size: 6.4rem
  }

  #recommendContents .u-fz-sp--65 {
    font-size: 6.5rem
  }

  #recommendContents .u-fz-sp--66 {
    font-size: 6.6rem
  }

  #recommendContents .u-fz-sp--67 {
    font-size: 6.7rem
  }

  #recommendContents .u-fz-sp--68 {
    font-size: 6.8rem
  }

  #recommendContents .u-fz-sp--69 {
    font-size: 6.9rem
  }

  #recommendContents .u-fz-sp--70 {
    font-size: 7rem
  }

  #recommendContents .u-fz-sp--71 {
    font-size: 7.1rem
  }

  #recommendContents .u-fz-sp--72 {
    font-size: 7.2rem
  }

  #recommendContents .u-fz-sp--73 {
    font-size: 7.3rem
  }

  #recommendContents .u-fz-sp--74 {
    font-size: 7.4rem
  }

  #recommendContents .u-fz-sp--75 {
    font-size: 7.5rem
  }

  #recommendContents .u-fz-sp--76 {
    font-size: 7.6rem
  }

  #recommendContents .u-fz-sp--77 {
    font-size: 7.7rem
  }

  #recommendContents .u-fz-sp--78 {
    font-size: 7.8rem
  }

  #recommendContents .u-fz-sp--79 {
    font-size: 7.9rem
  }

  #recommendContents .u-fz-sp--80 {
    font-size: 8rem
  }

  #recommendContents .u-fz-sp--81 {
    font-size: 8.1rem
  }

  #recommendContents .u-fz-sp--82 {
    font-size: 8.2rem
  }

  #recommendContents .u-fz-sp--83 {
    font-size: 8.3rem
  }

  #recommendContents .u-fz-sp--84 {
    font-size: 8.4rem
  }

  #recommendContents .u-fz-sp--85 {
    font-size: 8.5rem
  }

  #recommendContents .u-fz-sp--86 {
    font-size: 8.6rem
  }

  #recommendContents .u-fz-sp--87 {
    font-size: 8.7rem
  }

  #recommendContents .u-fz-sp--88 {
    font-size: 8.8rem
  }

  #recommendContents .u-fz-sp--89 {
    font-size: 8.9rem
  }

  #recommendContents .u-fz-sp--90 {
    font-size: 9rem
  }

  #recommendContents .u-fz-sp--91 {
    font-size: 9.1rem
  }

  #recommendContents .u-fz-sp--92 {
    font-size: 9.2rem
  }

  #recommendContents .u-fz-sp--93 {
    font-size: 9.3rem
  }

  #recommendContents .u-fz-sp--94 {
    font-size: 9.4rem
  }

  #recommendContents .u-fz-sp--95 {
    font-size: 9.5rem
  }

  #recommendContents .u-fz-sp--96 {
    font-size: 9.6rem
  }

  #recommendContents .u-fz-sp--97 {
    font-size: 9.7rem
  }

  #recommendContents .u-fz-sp--98 {
    font-size: 9.8rem
  }

  #recommendContents .u-fz-sp--99 {
    font-size: 9.9rem
  }

  #recommendContents .u-fz-sp--100 {
    font-size: 10rem
  }

  #recommendContents .u-mSp--0 {
    margin: 0 !important
  }

  #recommendContents .u-mtSp--0 {
    margin-top: 0 !important
  }

  #recommendContents .u-mrSp--0 {
    margin-right: 0 !important
  }

  #recommendContents .u-mbSp--0 {
    margin-bottom: 0 !important
  }

  #recommendContents .u-mlSp--0 {
    margin-left: 0 !important
  }

  #recommendContents .u-mxSp--0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  #recommendContents .u-mySp--0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
  }

  #recommendContents .u-pSp--0 {
    padding: 0 !important
  }

  #recommendContents .u-ptSp--0 {
    padding-top: 0 !important
  }

  #recommendContents .u-prSp--0 {
    padding-right: 0 !important
  }

  #recommendContents .u-pbSp--0 {
    padding-bottom: 0 !important
  }

  #recommendContents .u-plSp--0 {
    padding-left: 0 !important
  }

  #recommendContents .u-pxSp--0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  #recommendContents .u-pySp--0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }

  #recommendContents .u-mSp--1 {
    margin: .1rem !important
  }

  #recommendContents .u-mtSp--1 {
    margin-top: .1rem !important
  }

  #recommendContents .u-mrSp--1 {
    margin-right: .1rem !important
  }

  #recommendContents .u-mbSp--1 {
    margin-bottom: .1rem !important
  }

  #recommendContents .u-mlSp--1 {
    margin-left: .1rem !important
  }

  #recommendContents .u-mxSp--1 {
    margin-left: .1rem !important;
    margin-right: .1rem !important
  }

  #recommendContents .u-mySp--1 {
    margin-bottom: .1rem !important;
    margin-top: .1rem !important
  }

  #recommendContents .u-pSp--1 {
    padding: .1rem !important
  }

  #recommendContents .u-ptSp--1 {
    padding-top: .1rem !important
  }

  #recommendContents .u-prSp--1 {
    padding-right: .1rem !important
  }

  #recommendContents .u-pbSp--1 {
    padding-bottom: .1rem !important
  }

  #recommendContents .u-plSp--1 {
    padding-left: .1rem !important
  }

  #recommendContents .u-pxSp--1 {
    padding-left: .1rem !important;
    padding-right: .1rem !important
  }

  #recommendContents .u-pySp--1 {
    padding-bottom: .1rem !important;
    padding-top: .1rem !important
  }

  #recommendContents .u-mSp--2 {
    margin: .2rem !important
  }

  #recommendContents .u-mtSp--2 {
    margin-top: .2rem !important
  }

  #recommendContents .u-mrSp--2 {
    margin-right: .2rem !important
  }

  #recommendContents .u-mbSp--2 {
    margin-bottom: .2rem !important
  }

  #recommendContents .u-mlSp--2 {
    margin-left: .2rem !important
  }

  #recommendContents .u-mxSp--2 {
    margin-left: .2rem !important;
    margin-right: .2rem !important
  }

  #recommendContents .u-mySp--2 {
    margin-bottom: .2rem !important;
    margin-top: .2rem !important
  }

  #recommendContents .u-pSp--2 {
    padding: .2rem !important
  }

  #recommendContents .u-ptSp--2 {
    padding-top: .2rem !important
  }

  #recommendContents .u-prSp--2 {
    padding-right: .2rem !important
  }

  #recommendContents .u-pbSp--2 {
    padding-bottom: .2rem !important
  }

  #recommendContents .u-plSp--2 {
    padding-left: .2rem !important
  }

  #recommendContents .u-pxSp--2 {
    padding-left: .2rem !important;
    padding-right: .2rem !important
  }

  #recommendContents .u-pySp--2 {
    padding-bottom: .2rem !important;
    padding-top: .2rem !important
  }

  #recommendContents .u-mSp--3 {
    margin: .3rem !important
  }

  #recommendContents .u-mtSp--3 {
    margin-top: .3rem !important
  }

  #recommendContents .u-mrSp--3 {
    margin-right: .3rem !important
  }

  #recommendContents .u-mbSp--3 {
    margin-bottom: .3rem !important
  }

  #recommendContents .u-mlSp--3 {
    margin-left: .3rem !important
  }

  #recommendContents .u-mxSp--3 {
    margin-left: .3rem !important;
    margin-right: .3rem !important
  }

  #recommendContents .u-mySp--3 {
    margin-bottom: .3rem !important;
    margin-top: .3rem !important
  }

  #recommendContents .u-pSp--3 {
    padding: .3rem !important
  }

  #recommendContents .u-ptSp--3 {
    padding-top: .3rem !important
  }

  #recommendContents .u-prSp--3 {
    padding-right: .3rem !important
  }

  #recommendContents .u-pbSp--3 {
    padding-bottom: .3rem !important
  }

  #recommendContents .u-plSp--3 {
    padding-left: .3rem !important
  }

  #recommendContents .u-pxSp--3 {
    padding-left: .3rem !important;
    padding-right: .3rem !important
  }

  #recommendContents .u-pySp--3 {
    padding-bottom: .3rem !important;
    padding-top: .3rem !important
  }

  #recommendContents .u-mSp--4 {
    margin: .4rem !important
  }

  #recommendContents .u-mtSp--4 {
    margin-top: .4rem !important
  }

  #recommendContents .u-mrSp--4 {
    margin-right: .4rem !important
  }

  #recommendContents .u-mbSp--4 {
    margin-bottom: .4rem !important
  }

  #recommendContents .u-mlSp--4 {
    margin-left: .4rem !important
  }

  #recommendContents .u-mxSp--4 {
    margin-left: .4rem !important;
    margin-right: .4rem !important
  }

  #recommendContents .u-mySp--4 {
    margin-bottom: .4rem !important;
    margin-top: .4rem !important
  }

  #recommendContents .u-pSp--4 {
    padding: .4rem !important
  }

  #recommendContents .u-ptSp--4 {
    padding-top: .4rem !important
  }

  #recommendContents .u-prSp--4 {
    padding-right: .4rem !important
  }

  #recommendContents .u-pbSp--4 {
    padding-bottom: .4rem !important
  }

  #recommendContents .u-plSp--4 {
    padding-left: .4rem !important
  }

  #recommendContents .u-pxSp--4 {
    padding-left: .4rem !important;
    padding-right: .4rem !important
  }

  #recommendContents .u-pySp--4 {
    padding-bottom: .4rem !important;
    padding-top: .4rem !important
  }

  #recommendContents .u-mSp--5 {
    margin: .5rem !important
  }

  #recommendContents .u-mtSp--5 {
    margin-top: .5rem !important
  }

  #recommendContents .u-mrSp--5 {
    margin-right: .5rem !important
  }

  #recommendContents .u-mbSp--5 {
    margin-bottom: .5rem !important
  }

  #recommendContents .u-mlSp--5 {
    margin-left: .5rem !important
  }

  #recommendContents .u-mxSp--5 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
  }

  #recommendContents .u-mySp--5 {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important
  }

  #recommendContents .u-pSp--5 {
    padding: .5rem !important
  }

  #recommendContents .u-ptSp--5 {
    padding-top: .5rem !important
  }

  #recommendContents .u-prSp--5 {
    padding-right: .5rem !important
  }

  #recommendContents .u-pbSp--5 {
    padding-bottom: .5rem !important
  }

  #recommendContents .u-plSp--5 {
    padding-left: .5rem !important
  }

  #recommendContents .u-pxSp--5 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }

  #recommendContents .u-pySp--5 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
  }

  #recommendContents .u-mSp--6 {
    margin: .6rem !important
  }

  #recommendContents .u-mtSp--6 {
    margin-top: .6rem !important
  }

  #recommendContents .u-mrSp--6 {
    margin-right: .6rem !important
  }

  #recommendContents .u-mbSp--6 {
    margin-bottom: .6rem !important
  }

  #recommendContents .u-mlSp--6 {
    margin-left: .6rem !important
  }

  #recommendContents .u-mxSp--6 {
    margin-left: .6rem !important;
    margin-right: .6rem !important
  }

  #recommendContents .u-mySp--6 {
    margin-bottom: .6rem !important;
    margin-top: .6rem !important
  }

  #recommendContents .u-pSp--6 {
    padding: .6rem !important
  }

  #recommendContents .u-ptSp--6 {
    padding-top: .6rem !important
  }

  #recommendContents .u-prSp--6 {
    padding-right: .6rem !important
  }

  #recommendContents .u-pbSp--6 {
    padding-bottom: .6rem !important
  }

  #recommendContents .u-plSp--6 {
    padding-left: .6rem !important
  }

  #recommendContents .u-pxSp--6 {
    padding-left: .6rem !important;
    padding-right: .6rem !important
  }

  #recommendContents .u-pySp--6 {
    padding-bottom: .6rem !important;
    padding-top: .6rem !important
  }

  #recommendContents .u-mSp--7 {
    margin: .7rem !important
  }

  #recommendContents .u-mtSp--7 {
    margin-top: .7rem !important
  }

  #recommendContents .u-mrSp--7 {
    margin-right: .7rem !important
  }

  #recommendContents .u-mbSp--7 {
    margin-bottom: .7rem !important
  }

  #recommendContents .u-mlSp--7 {
    margin-left: .7rem !important
  }

  #recommendContents .u-mxSp--7 {
    margin-left: .7rem !important;
    margin-right: .7rem !important
  }

  #recommendContents .u-mySp--7 {
    margin-bottom: .7rem !important;
    margin-top: .7rem !important
  }

  #recommendContents .u-pSp--7 {
    padding: .7rem !important
  }

  #recommendContents .u-ptSp--7 {
    padding-top: .7rem !important
  }

  #recommendContents .u-prSp--7 {
    padding-right: .7rem !important
  }

  #recommendContents .u-pbSp--7 {
    padding-bottom: .7rem !important
  }

  #recommendContents .u-plSp--7 {
    padding-left: .7rem !important
  }

  #recommendContents .u-pxSp--7 {
    padding-left: .7rem !important;
    padding-right: .7rem !important
  }

  #recommendContents .u-pySp--7 {
    padding-bottom: .7rem !important;
    padding-top: .7rem !important
  }

  #recommendContents .u-mSp--8 {
    margin: .8rem !important
  }

  #recommendContents .u-mtSp--8 {
    margin-top: .8rem !important
  }

  #recommendContents .u-mrSp--8 {
    margin-right: .8rem !important
  }

  #recommendContents .u-mbSp--8 {
    margin-bottom: .8rem !important
  }

  #recommendContents .u-mlSp--8 {
    margin-left: .8rem !important
  }

  #recommendContents .u-mxSp--8 {
    margin-left: .8rem !important;
    margin-right: .8rem !important
  }

  #recommendContents .u-mySp--8 {
    margin-bottom: .8rem !important;
    margin-top: .8rem !important
  }

  #recommendContents .u-pSp--8 {
    padding: .8rem !important
  }

  #recommendContents .u-ptSp--8 {
    padding-top: .8rem !important
  }

  #recommendContents .u-prSp--8 {
    padding-right: .8rem !important
  }

  #recommendContents .u-pbSp--8 {
    padding-bottom: .8rem !important
  }

  #recommendContents .u-plSp--8 {
    padding-left: .8rem !important
  }

  #recommendContents .u-pxSp--8 {
    padding-left: .8rem !important;
    padding-right: .8rem !important
  }

  #recommendContents .u-pySp--8 {
    padding-bottom: .8rem !important;
    padding-top: .8rem !important
  }

  #recommendContents .u-mSp--9 {
    margin: .9rem !important
  }

  #recommendContents .u-mtSp--9 {
    margin-top: .9rem !important
  }

  #recommendContents .u-mrSp--9 {
    margin-right: .9rem !important
  }

  #recommendContents .u-mbSp--9 {
    margin-bottom: .9rem !important
  }

  #recommendContents .u-mlSp--9 {
    margin-left: .9rem !important
  }

  #recommendContents .u-mxSp--9 {
    margin-left: .9rem !important;
    margin-right: .9rem !important
  }

  #recommendContents .u-mySp--9 {
    margin-bottom: .9rem !important;
    margin-top: .9rem !important
  }

  #recommendContents .u-pSp--9 {
    padding: .9rem !important
  }

  #recommendContents .u-ptSp--9 {
    padding-top: .9rem !important
  }

  #recommendContents .u-prSp--9 {
    padding-right: .9rem !important
  }

  #recommendContents .u-pbSp--9 {
    padding-bottom: .9rem !important
  }

  #recommendContents .u-plSp--9 {
    padding-left: .9rem !important
  }

  #recommendContents .u-pxSp--9 {
    padding-left: .9rem !important;
    padding-right: .9rem !important
  }

  #recommendContents .u-pySp--9 {
    padding-bottom: .9rem !important;
    padding-top: .9rem !important
  }

  #recommendContents .u-mSp--10 {
    margin: 1rem !important
  }

  #recommendContents .u-mtSp--10 {
    margin-top: 1rem !important
  }

  #recommendContents .u-mrSp--10 {
    margin-right: 1rem !important
  }

  #recommendContents .u-mbSp--10 {
    margin-bottom: 1rem !important
  }

  #recommendContents .u-mlSp--10 {
    margin-left: 1rem !important
  }

  #recommendContents .u-mxSp--10 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
  }

  #recommendContents .u-mySp--10 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important
  }

  #recommendContents .u-pSp--10 {
    padding: 1rem !important
  }

  #recommendContents .u-ptSp--10 {
    padding-top: 1rem !important
  }

  #recommendContents .u-prSp--10 {
    padding-right: 1rem !important
  }

  #recommendContents .u-pbSp--10 {
    padding-bottom: 1rem !important
  }

  #recommendContents .u-plSp--10 {
    padding-left: 1rem !important
  }

  #recommendContents .u-pxSp--10 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }

  #recommendContents .u-pySp--10 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
  }

  #recommendContents .u-mSp--11 {
    margin: 1.1rem !important
  }

  #recommendContents .u-mtSp--11 {
    margin-top: 1.1rem !important
  }

  #recommendContents .u-mrSp--11 {
    margin-right: 1.1rem !important
  }

  #recommendContents .u-mbSp--11 {
    margin-bottom: 1.1rem !important
  }

  #recommendContents .u-mlSp--11 {
    margin-left: 1.1rem !important
  }

  #recommendContents .u-mxSp--11 {
    margin-left: 1.1rem !important;
    margin-right: 1.1rem !important
  }

  #recommendContents .u-mySp--11 {
    margin-bottom: 1.1rem !important;
    margin-top: 1.1rem !important
  }

  #recommendContents .u-pSp--11 {
    padding: 1.1rem !important
  }

  #recommendContents .u-ptSp--11 {
    padding-top: 1.1rem !important
  }

  #recommendContents .u-prSp--11 {
    padding-right: 1.1rem !important
  }

  #recommendContents .u-pbSp--11 {
    padding-bottom: 1.1rem !important
  }

  #recommendContents .u-plSp--11 {
    padding-left: 1.1rem !important
  }

  #recommendContents .u-pxSp--11 {
    padding-left: 1.1rem !important;
    padding-right: 1.1rem !important
  }

  #recommendContents .u-pySp--11 {
    padding-bottom: 1.1rem !important;
    padding-top: 1.1rem !important
  }

  #recommendContents .u-mSp--12 {
    margin: 1.2rem !important
  }

  #recommendContents .u-mtSp--12 {
    margin-top: 1.2rem !important
  }

  #recommendContents .u-mrSp--12 {
    margin-right: 1.2rem !important
  }

  #recommendContents .u-mbSp--12 {
    margin-bottom: 1.2rem !important
  }

  #recommendContents .u-mlSp--12 {
    margin-left: 1.2rem !important
  }

  #recommendContents .u-mxSp--12 {
    margin-left: 1.2rem !important;
    margin-right: 1.2rem !important
  }

  #recommendContents .u-mySp--12 {
    margin-bottom: 1.2rem !important;
    margin-top: 1.2rem !important
  }

  #recommendContents .u-pSp--12 {
    padding: 1.2rem !important
  }

  #recommendContents .u-ptSp--12 {
    padding-top: 1.2rem !important
  }

  #recommendContents .u-prSp--12 {
    padding-right: 1.2rem !important
  }

  #recommendContents .u-pbSp--12 {
    padding-bottom: 1.2rem !important
  }

  #recommendContents .u-plSp--12 {
    padding-left: 1.2rem !important
  }

  #recommendContents .u-pxSp--12 {
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important
  }

  #recommendContents .u-pySp--12 {
    padding-bottom: 1.2rem !important;
    padding-top: 1.2rem !important
  }

  #recommendContents .u-mSp--13 {
    margin: 1.3rem !important
  }

  #recommendContents .u-mtSp--13 {
    margin-top: 1.3rem !important
  }

  #recommendContents .u-mrSp--13 {
    margin-right: 1.3rem !important
  }

  #recommendContents .u-mbSp--13 {
    margin-bottom: 1.3rem !important
  }

  #recommendContents .u-mlSp--13 {
    margin-left: 1.3rem !important
  }

  #recommendContents .u-mxSp--13 {
    margin-left: 1.3rem !important;
    margin-right: 1.3rem !important
  }

  #recommendContents .u-mySp--13 {
    margin-bottom: 1.3rem !important;
    margin-top: 1.3rem !important
  }

  #recommendContents .u-pSp--13 {
    padding: 1.3rem !important
  }

  #recommendContents .u-ptSp--13 {
    padding-top: 1.3rem !important
  }

  #recommendContents .u-prSp--13 {
    padding-right: 1.3rem !important
  }

  #recommendContents .u-pbSp--13 {
    padding-bottom: 1.3rem !important
  }

  #recommendContents .u-plSp--13 {
    padding-left: 1.3rem !important
  }

  #recommendContents .u-pxSp--13 {
    padding-left: 1.3rem !important;
    padding-right: 1.3rem !important
  }

  #recommendContents .u-pySp--13 {
    padding-bottom: 1.3rem !important;
    padding-top: 1.3rem !important
  }

  #recommendContents .u-mSp--14 {
    margin: 1.4rem !important
  }

  #recommendContents .u-mtSp--14 {
    margin-top: 1.4rem !important
  }

  #recommendContents .u-mrSp--14 {
    margin-right: 1.4rem !important
  }

  #recommendContents .u-mbSp--14 {
    margin-bottom: 1.4rem !important
  }

  #recommendContents .u-mlSp--14 {
    margin-left: 1.4rem !important
  }

  #recommendContents .u-mxSp--14 {
    margin-left: 1.4rem !important;
    margin-right: 1.4rem !important
  }

  #recommendContents .u-mySp--14 {
    margin-bottom: 1.4rem !important;
    margin-top: 1.4rem !important
  }

  #recommendContents .u-pSp--14 {
    padding: 1.4rem !important
  }

  #recommendContents .u-ptSp--14 {
    padding-top: 1.4rem !important
  }

  #recommendContents .u-prSp--14 {
    padding-right: 1.4rem !important
  }

  #recommendContents .u-pbSp--14 {
    padding-bottom: 1.4rem !important
  }

  #recommendContents .u-plSp--14 {
    padding-left: 1.4rem !important
  }

  #recommendContents .u-pxSp--14 {
    padding-left: 1.4rem !important;
    padding-right: 1.4rem !important
  }

  #recommendContents .u-pySp--14 {
    padding-bottom: 1.4rem !important;
    padding-top: 1.4rem !important
  }

  #recommendContents .u-mSp--15 {
    margin: 1.5rem !important
  }

  #recommendContents .u-mtSp--15 {
    margin-top: 1.5rem !important
  }

  #recommendContents .u-mrSp--15 {
    margin-right: 1.5rem !important
  }

  #recommendContents .u-mbSp--15 {
    margin-bottom: 1.5rem !important
  }

  #recommendContents .u-mlSp--15 {
    margin-left: 1.5rem !important
  }

  #recommendContents .u-mxSp--15 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
  }

  #recommendContents .u-mySp--15 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important
  }

  #recommendContents .u-pSp--15 {
    padding: 1.5rem !important
  }

  #recommendContents .u-ptSp--15 {
    padding-top: 1.5rem !important
  }

  #recommendContents .u-prSp--15 {
    padding-right: 1.5rem !important
  }

  #recommendContents .u-pbSp--15 {
    padding-bottom: 1.5rem !important
  }

  #recommendContents .u-plSp--15 {
    padding-left: 1.5rem !important
  }

  #recommendContents .u-pxSp--15 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }

  #recommendContents .u-pySp--15 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
  }

  #recommendContents .u-mSp--16 {
    margin: 1.6rem !important
  }

  #recommendContents .u-mtSp--16 {
    margin-top: 1.6rem !important
  }

  #recommendContents .u-mrSp--16 {
    margin-right: 1.6rem !important
  }

  #recommendContents .u-mbSp--16 {
    margin-bottom: 1.6rem !important
  }

  #recommendContents .u-mlSp--16 {
    margin-left: 1.6rem !important
  }

  #recommendContents .u-mxSp--16 {
    margin-left: 1.6rem !important;
    margin-right: 1.6rem !important
  }

  #recommendContents .u-mySp--16 {
    margin-bottom: 1.6rem !important;
    margin-top: 1.6rem !important
  }

  #recommendContents .u-pSp--16 {
    padding: 1.6rem !important
  }

  #recommendContents .u-ptSp--16 {
    padding-top: 1.6rem !important
  }

  #recommendContents .u-prSp--16 {
    padding-right: 1.6rem !important
  }

  #recommendContents .u-pbSp--16 {
    padding-bottom: 1.6rem !important
  }

  #recommendContents .u-plSp--16 {
    padding-left: 1.6rem !important
  }

  #recommendContents .u-pxSp--16 {
    padding-left: 1.6rem !important;
    padding-right: 1.6rem !important
  }

  #recommendContents .u-pySp--16 {
    padding-bottom: 1.6rem !important;
    padding-top: 1.6rem !important
  }

  #recommendContents .u-mSp--17 {
    margin: 1.7rem !important
  }

  #recommendContents .u-mtSp--17 {
    margin-top: 1.7rem !important
  }

  #recommendContents .u-mrSp--17 {
    margin-right: 1.7rem !important
  }

  #recommendContents .u-mbSp--17 {
    margin-bottom: 1.7rem !important
  }

  #recommendContents .u-mlSp--17 {
    margin-left: 1.7rem !important
  }

  #recommendContents .u-mxSp--17 {
    margin-left: 1.7rem !important;
    margin-right: 1.7rem !important
  }

  #recommendContents .u-mySp--17 {
    margin-bottom: 1.7rem !important;
    margin-top: 1.7rem !important
  }

  #recommendContents .u-pSp--17 {
    padding: 1.7rem !important
  }

  #recommendContents .u-ptSp--17 {
    padding-top: 1.7rem !important
  }

  #recommendContents .u-prSp--17 {
    padding-right: 1.7rem !important
  }

  #recommendContents .u-pbSp--17 {
    padding-bottom: 1.7rem !important
  }

  #recommendContents .u-plSp--17 {
    padding-left: 1.7rem !important
  }

  #recommendContents .u-pxSp--17 {
    padding-left: 1.7rem !important;
    padding-right: 1.7rem !important
  }

  #recommendContents .u-pySp--17 {
    padding-bottom: 1.7rem !important;
    padding-top: 1.7rem !important
  }

  #recommendContents .u-mSp--18 {
    margin: 1.8rem !important
  }

  #recommendContents .u-mtSp--18 {
    margin-top: 1.8rem !important
  }

  #recommendContents .u-mrSp--18 {
    margin-right: 1.8rem !important
  }

  #recommendContents .u-mbSp--18 {
    margin-bottom: 1.8rem !important
  }

  #recommendContents .u-mlSp--18 {
    margin-left: 1.8rem !important
  }

  #recommendContents .u-mxSp--18 {
    margin-left: 1.8rem !important;
    margin-right: 1.8rem !important
  }

  #recommendContents .u-mySp--18 {
    margin-bottom: 1.8rem !important;
    margin-top: 1.8rem !important
  }

  #recommendContents .u-pSp--18 {
    padding: 1.8rem !important
  }

  #recommendContents .u-ptSp--18 {
    padding-top: 1.8rem !important
  }

  #recommendContents .u-prSp--18 {
    padding-right: 1.8rem !important
  }

  #recommendContents .u-pbSp--18 {
    padding-bottom: 1.8rem !important
  }

  #recommendContents .u-plSp--18 {
    padding-left: 1.8rem !important
  }

  #recommendContents .u-pxSp--18 {
    padding-left: 1.8rem !important;
    padding-right: 1.8rem !important
  }

  #recommendContents .u-pySp--18 {
    padding-bottom: 1.8rem !important;
    padding-top: 1.8rem !important
  }

  #recommendContents .u-mSp--19 {
    margin: 1.9rem !important
  }

  #recommendContents .u-mtSp--19 {
    margin-top: 1.9rem !important
  }

  #recommendContents .u-mrSp--19 {
    margin-right: 1.9rem !important
  }

  #recommendContents .u-mbSp--19 {
    margin-bottom: 1.9rem !important
  }

  #recommendContents .u-mlSp--19 {
    margin-left: 1.9rem !important
  }

  #recommendContents .u-mxSp--19 {
    margin-left: 1.9rem !important;
    margin-right: 1.9rem !important
  }

  #recommendContents .u-mySp--19 {
    margin-bottom: 1.9rem !important;
    margin-top: 1.9rem !important
  }

  #recommendContents .u-pSp--19 {
    padding: 1.9rem !important
  }

  #recommendContents .u-ptSp--19 {
    padding-top: 1.9rem !important
  }

  #recommendContents .u-prSp--19 {
    padding-right: 1.9rem !important
  }

  #recommendContents .u-pbSp--19 {
    padding-bottom: 1.9rem !important
  }

  #recommendContents .u-plSp--19 {
    padding-left: 1.9rem !important
  }

  #recommendContents .u-pxSp--19 {
    padding-left: 1.9rem !important;
    padding-right: 1.9rem !important
  }

  #recommendContents .u-pySp--19 {
    padding-bottom: 1.9rem !important;
    padding-top: 1.9rem !important
  }

  #recommendContents .u-mSp--20 {
    margin: 2rem !important
  }

  #recommendContents .u-mtSp--20 {
    margin-top: 2rem !important
  }

  #recommendContents .u-mrSp--20 {
    margin-right: 2rem !important
  }

  #recommendContents .u-mbSp--20 {
    margin-bottom: 2rem !important
  }

  #recommendContents .u-mlSp--20 {
    margin-left: 2rem !important
  }

  #recommendContents .u-mxSp--20 {
    margin-left: 2rem !important;
    margin-right: 2rem !important
  }

  #recommendContents .u-mySp--20 {
    margin-bottom: 2rem !important;
    margin-top: 2rem !important
  }

  #recommendContents .u-pSp--20 {
    padding: 2rem !important
  }

  #recommendContents .u-ptSp--20 {
    padding-top: 2rem !important
  }

  #recommendContents .u-prSp--20 {
    padding-right: 2rem !important
  }

  #recommendContents .u-pbSp--20 {
    padding-bottom: 2rem !important
  }

  #recommendContents .u-plSp--20 {
    padding-left: 2rem !important
  }

  #recommendContents .u-pxSp--20 {
    padding-left: 2rem !important;
    padding-right: 2rem !important
  }

  #recommendContents .u-pySp--20 {
    padding-bottom: 2rem !important;
    padding-top: 2rem !important
  }

  #recommendContents .u-mSp--21 {
    margin: 2.1rem !important
  }

  #recommendContents .u-mtSp--21 {
    margin-top: 2.1rem !important
  }

  #recommendContents .u-mrSp--21 {
    margin-right: 2.1rem !important
  }

  #recommendContents .u-mbSp--21 {
    margin-bottom: 2.1rem !important
  }

  #recommendContents .u-mlSp--21 {
    margin-left: 2.1rem !important
  }

  #recommendContents .u-mxSp--21 {
    margin-left: 2.1rem !important;
    margin-right: 2.1rem !important
  }

  #recommendContents .u-mySp--21 {
    margin-bottom: 2.1rem !important;
    margin-top: 2.1rem !important
  }

  #recommendContents .u-pSp--21 {
    padding: 2.1rem !important
  }

  #recommendContents .u-ptSp--21 {
    padding-top: 2.1rem !important
  }

  #recommendContents .u-prSp--21 {
    padding-right: 2.1rem !important
  }

  #recommendContents .u-pbSp--21 {
    padding-bottom: 2.1rem !important
  }

  #recommendContents .u-plSp--21 {
    padding-left: 2.1rem !important
  }

  #recommendContents .u-pxSp--21 {
    padding-left: 2.1rem !important;
    padding-right: 2.1rem !important
  }

  #recommendContents .u-pySp--21 {
    padding-bottom: 2.1rem !important;
    padding-top: 2.1rem !important
  }

  #recommendContents .u-mSp--22 {
    margin: 2.2rem !important
  }

  #recommendContents .u-mtSp--22 {
    margin-top: 2.2rem !important
  }

  #recommendContents .u-mrSp--22 {
    margin-right: 2.2rem !important
  }

  #recommendContents .u-mbSp--22 {
    margin-bottom: 2.2rem !important
  }

  #recommendContents .u-mlSp--22 {
    margin-left: 2.2rem !important
  }

  #recommendContents .u-mxSp--22 {
    margin-left: 2.2rem !important;
    margin-right: 2.2rem !important
  }

  #recommendContents .u-mySp--22 {
    margin-bottom: 2.2rem !important;
    margin-top: 2.2rem !important
  }

  #recommendContents .u-pSp--22 {
    padding: 2.2rem !important
  }

  #recommendContents .u-ptSp--22 {
    padding-top: 2.2rem !important
  }

  #recommendContents .u-prSp--22 {
    padding-right: 2.2rem !important
  }

  #recommendContents .u-pbSp--22 {
    padding-bottom: 2.2rem !important
  }

  #recommendContents .u-plSp--22 {
    padding-left: 2.2rem !important
  }

  #recommendContents .u-pxSp--22 {
    padding-left: 2.2rem !important;
    padding-right: 2.2rem !important
  }

  #recommendContents .u-pySp--22 {
    padding-bottom: 2.2rem !important;
    padding-top: 2.2rem !important
  }

  #recommendContents .u-mSp--23 {
    margin: 2.3rem !important
  }

  #recommendContents .u-mtSp--23 {
    margin-top: 2.3rem !important
  }

  #recommendContents .u-mrSp--23 {
    margin-right: 2.3rem !important
  }

  #recommendContents .u-mbSp--23 {
    margin-bottom: 2.3rem !important
  }

  #recommendContents .u-mlSp--23 {
    margin-left: 2.3rem !important
  }

  #recommendContents .u-mxSp--23 {
    margin-left: 2.3rem !important;
    margin-right: 2.3rem !important
  }

  #recommendContents .u-mySp--23 {
    margin-bottom: 2.3rem !important;
    margin-top: 2.3rem !important
  }

  #recommendContents .u-pSp--23 {
    padding: 2.3rem !important
  }

  #recommendContents .u-ptSp--23 {
    padding-top: 2.3rem !important
  }

  #recommendContents .u-prSp--23 {
    padding-right: 2.3rem !important
  }

  #recommendContents .u-pbSp--23 {
    padding-bottom: 2.3rem !important
  }

  #recommendContents .u-plSp--23 {
    padding-left: 2.3rem !important
  }

  #recommendContents .u-pxSp--23 {
    padding-left: 2.3rem !important;
    padding-right: 2.3rem !important
  }

  #recommendContents .u-pySp--23 {
    padding-bottom: 2.3rem !important;
    padding-top: 2.3rem !important
  }

  #recommendContents .u-mSp--24 {
    margin: 2.4rem !important
  }

  #recommendContents .u-mtSp--24 {
    margin-top: 2.4rem !important
  }

  #recommendContents .u-mrSp--24 {
    margin-right: 2.4rem !important
  }

  #recommendContents .u-mbSp--24 {
    margin-bottom: 2.4rem !important
  }

  #recommendContents .u-mlSp--24 {
    margin-left: 2.4rem !important
  }

  #recommendContents .u-mxSp--24 {
    margin-left: 2.4rem !important;
    margin-right: 2.4rem !important
  }

  #recommendContents .u-mySp--24 {
    margin-bottom: 2.4rem !important;
    margin-top: 2.4rem !important
  }

  #recommendContents .u-pSp--24 {
    padding: 2.4rem !important
  }

  #recommendContents .u-ptSp--24 {
    padding-top: 2.4rem !important
  }

  #recommendContents .u-prSp--24 {
    padding-right: 2.4rem !important
  }

  #recommendContents .u-pbSp--24 {
    padding-bottom: 2.4rem !important
  }

  #recommendContents .u-plSp--24 {
    padding-left: 2.4rem !important
  }

  #recommendContents .u-pxSp--24 {
    padding-left: 2.4rem !important;
    padding-right: 2.4rem !important
  }

  #recommendContents .u-pySp--24 {
    padding-bottom: 2.4rem !important;
    padding-top: 2.4rem !important
  }

  #recommendContents .u-mSp--25 {
    margin: 2.5rem !important
  }

  #recommendContents .u-mtSp--25 {
    margin-top: 2.5rem !important
  }

  #recommendContents .u-mrSp--25 {
    margin-right: 2.5rem !important
  }

  #recommendContents .u-mbSp--25 {
    margin-bottom: 2.5rem !important
  }

  #recommendContents .u-mlSp--25 {
    margin-left: 2.5rem !important
  }

  #recommendContents .u-mxSp--25 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important
  }

  #recommendContents .u-mySp--25 {
    margin-bottom: 2.5rem !important;
    margin-top: 2.5rem !important
  }

  #recommendContents .u-pSp--25 {
    padding: 2.5rem !important
  }

  #recommendContents .u-ptSp--25 {
    padding-top: 2.5rem !important
  }

  #recommendContents .u-prSp--25 {
    padding-right: 2.5rem !important
  }

  #recommendContents .u-pbSp--25 {
    padding-bottom: 2.5rem !important
  }

  #recommendContents .u-plSp--25 {
    padding-left: 2.5rem !important
  }

  #recommendContents .u-pxSp--25 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important
  }

  #recommendContents .u-pySp--25 {
    padding-bottom: 2.5rem !important;
    padding-top: 2.5rem !important
  }

  #recommendContents .u-mSp--26 {
    margin: 2.6rem !important
  }

  #recommendContents .u-mtSp--26 {
    margin-top: 2.6rem !important
  }

  #recommendContents .u-mrSp--26 {
    margin-right: 2.6rem !important
  }

  #recommendContents .u-mbSp--26 {
    margin-bottom: 2.6rem !important
  }

  #recommendContents .u-mlSp--26 {
    margin-left: 2.6rem !important
  }

  #recommendContents .u-mxSp--26 {
    margin-left: 2.6rem !important;
    margin-right: 2.6rem !important
  }

  #recommendContents .u-mySp--26 {
    margin-bottom: 2.6rem !important;
    margin-top: 2.6rem !important
  }

  #recommendContents .u-pSp--26 {
    padding: 2.6rem !important
  }

  #recommendContents .u-ptSp--26 {
    padding-top: 2.6rem !important
  }

  #recommendContents .u-prSp--26 {
    padding-right: 2.6rem !important
  }

  #recommendContents .u-pbSp--26 {
    padding-bottom: 2.6rem !important
  }

  #recommendContents .u-plSp--26 {
    padding-left: 2.6rem !important
  }

  #recommendContents .u-pxSp--26 {
    padding-left: 2.6rem !important;
    padding-right: 2.6rem !important
  }

  #recommendContents .u-pySp--26 {
    padding-bottom: 2.6rem !important;
    padding-top: 2.6rem !important
  }

  #recommendContents .u-mSp--27 {
    margin: 2.7rem !important
  }

  #recommendContents .u-mtSp--27 {
    margin-top: 2.7rem !important
  }

  #recommendContents .u-mrSp--27 {
    margin-right: 2.7rem !important
  }

  #recommendContents .u-mbSp--27 {
    margin-bottom: 2.7rem !important
  }

  #recommendContents .u-mlSp--27 {
    margin-left: 2.7rem !important
  }

  #recommendContents .u-mxSp--27 {
    margin-left: 2.7rem !important;
    margin-right: 2.7rem !important
  }

  #recommendContents .u-mySp--27 {
    margin-bottom: 2.7rem !important;
    margin-top: 2.7rem !important
  }

  #recommendContents .u-pSp--27 {
    padding: 2.7rem !important
  }

  #recommendContents .u-ptSp--27 {
    padding-top: 2.7rem !important
  }

  #recommendContents .u-prSp--27 {
    padding-right: 2.7rem !important
  }

  #recommendContents .u-pbSp--27 {
    padding-bottom: 2.7rem !important
  }

  #recommendContents .u-plSp--27 {
    padding-left: 2.7rem !important
  }

  #recommendContents .u-pxSp--27 {
    padding-left: 2.7rem !important;
    padding-right: 2.7rem !important
  }

  #recommendContents .u-pySp--27 {
    padding-bottom: 2.7rem !important;
    padding-top: 2.7rem !important
  }

  #recommendContents .u-mSp--28 {
    margin: 2.8rem !important
  }

  #recommendContents .u-mtSp--28 {
    margin-top: 2.8rem !important
  }

  #recommendContents .u-mrSp--28 {
    margin-right: 2.8rem !important
  }

  #recommendContents .u-mbSp--28 {
    margin-bottom: 2.8rem !important
  }

  #recommendContents .u-mlSp--28 {
    margin-left: 2.8rem !important
  }

  #recommendContents .u-mxSp--28 {
    margin-left: 2.8rem !important;
    margin-right: 2.8rem !important
  }

  #recommendContents .u-mySp--28 {
    margin-bottom: 2.8rem !important;
    margin-top: 2.8rem !important
  }

  #recommendContents .u-pSp--28 {
    padding: 2.8rem !important
  }

  #recommendContents .u-ptSp--28 {
    padding-top: 2.8rem !important
  }

  #recommendContents .u-prSp--28 {
    padding-right: 2.8rem !important
  }

  #recommendContents .u-pbSp--28 {
    padding-bottom: 2.8rem !important
  }

  #recommendContents .u-plSp--28 {
    padding-left: 2.8rem !important
  }

  #recommendContents .u-pxSp--28 {
    padding-left: 2.8rem !important;
    padding-right: 2.8rem !important
  }

  #recommendContents .u-pySp--28 {
    padding-bottom: 2.8rem !important;
    padding-top: 2.8rem !important
  }

  #recommendContents .u-mSp--29 {
    margin: 2.9rem !important
  }

  #recommendContents .u-mtSp--29 {
    margin-top: 2.9rem !important
  }

  #recommendContents .u-mrSp--29 {
    margin-right: 2.9rem !important
  }

  #recommendContents .u-mbSp--29 {
    margin-bottom: 2.9rem !important
  }

  #recommendContents .u-mlSp--29 {
    margin-left: 2.9rem !important
  }

  #recommendContents .u-mxSp--29 {
    margin-left: 2.9rem !important;
    margin-right: 2.9rem !important
  }

  #recommendContents .u-mySp--29 {
    margin-bottom: 2.9rem !important;
    margin-top: 2.9rem !important
  }

  #recommendContents .u-pSp--29 {
    padding: 2.9rem !important
  }

  #recommendContents .u-ptSp--29 {
    padding-top: 2.9rem !important
  }

  #recommendContents .u-prSp--29 {
    padding-right: 2.9rem !important
  }

  #recommendContents .u-pbSp--29 {
    padding-bottom: 2.9rem !important
  }

  #recommendContents .u-plSp--29 {
    padding-left: 2.9rem !important
  }

  #recommendContents .u-pxSp--29 {
    padding-left: 2.9rem !important;
    padding-right: 2.9rem !important
  }

  #recommendContents .u-pySp--29 {
    padding-bottom: 2.9rem !important;
    padding-top: 2.9rem !important
  }

  #recommendContents .u-mSp--30 {
    margin: 3rem !important
  }

  #recommendContents .u-mtSp--30 {
    margin-top: 3rem !important
  }

  #recommendContents .u-mrSp--30 {
    margin-right: 3rem !important
  }

  #recommendContents .u-mbSp--30 {
    margin-bottom: 3rem !important
  }

  #recommendContents .u-mlSp--30 {
    margin-left: 3rem !important
  }

  #recommendContents .u-mxSp--30 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
  }

  #recommendContents .u-mySp--30 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important
  }

  #recommendContents .u-pSp--30 {
    padding: 3rem !important
  }

  #recommendContents .u-ptSp--30 {
    padding-top: 3rem !important
  }

  #recommendContents .u-prSp--30 {
    padding-right: 3rem !important
  }

  #recommendContents .u-pbSp--30 {
    padding-bottom: 3rem !important
  }

  #recommendContents .u-plSp--30 {
    padding-left: 3rem !important
  }

  #recommendContents .u-pxSp--30 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
  }

  #recommendContents .u-pySp--30 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important
  }

  #recommendContents .u-mSp--31 {
    margin: 3.1rem !important
  }

  #recommendContents .u-mtSp--31 {
    margin-top: 3.1rem !important
  }

  #recommendContents .u-mrSp--31 {
    margin-right: 3.1rem !important
  }

  #recommendContents .u-mbSp--31 {
    margin-bottom: 3.1rem !important
  }

  #recommendContents .u-mlSp--31 {
    margin-left: 3.1rem !important
  }

  #recommendContents .u-mxSp--31 {
    margin-left: 3.1rem !important;
    margin-right: 3.1rem !important
  }

  #recommendContents .u-mySp--31 {
    margin-bottom: 3.1rem !important;
    margin-top: 3.1rem !important
  }

  #recommendContents .u-pSp--31 {
    padding: 3.1rem !important
  }

  #recommendContents .u-ptSp--31 {
    padding-top: 3.1rem !important
  }

  #recommendContents .u-prSp--31 {
    padding-right: 3.1rem !important
  }

  #recommendContents .u-pbSp--31 {
    padding-bottom: 3.1rem !important
  }

  #recommendContents .u-plSp--31 {
    padding-left: 3.1rem !important
  }

  #recommendContents .u-pxSp--31 {
    padding-left: 3.1rem !important;
    padding-right: 3.1rem !important
  }

  #recommendContents .u-pySp--31 {
    padding-bottom: 3.1rem !important;
    padding-top: 3.1rem !important
  }

  #recommendContents .u-mSp--32 {
    margin: 3.2rem !important
  }

  #recommendContents .u-mtSp--32 {
    margin-top: 3.2rem !important
  }

  #recommendContents .u-mrSp--32 {
    margin-right: 3.2rem !important
  }

  #recommendContents .u-mbSp--32 {
    margin-bottom: 3.2rem !important
  }

  #recommendContents .u-mlSp--32 {
    margin-left: 3.2rem !important
  }

  #recommendContents .u-mxSp--32 {
    margin-left: 3.2rem !important;
    margin-right: 3.2rem !important
  }

  #recommendContents .u-mySp--32 {
    margin-bottom: 3.2rem !important;
    margin-top: 3.2rem !important
  }

  #recommendContents .u-pSp--32 {
    padding: 3.2rem !important
  }

  #recommendContents .u-ptSp--32 {
    padding-top: 3.2rem !important
  }

  #recommendContents .u-prSp--32 {
    padding-right: 3.2rem !important
  }

  #recommendContents .u-pbSp--32 {
    padding-bottom: 3.2rem !important
  }

  #recommendContents .u-plSp--32 {
    padding-left: 3.2rem !important
  }

  #recommendContents .u-pxSp--32 {
    padding-left: 3.2rem !important;
    padding-right: 3.2rem !important
  }

  #recommendContents .u-pySp--32 {
    padding-bottom: 3.2rem !important;
    padding-top: 3.2rem !important
  }

  #recommendContents .u-mSp--33 {
    margin: 3.3rem !important
  }

  #recommendContents .u-mtSp--33 {
    margin-top: 3.3rem !important
  }

  #recommendContents .u-mrSp--33 {
    margin-right: 3.3rem !important
  }

  #recommendContents .u-mbSp--33 {
    margin-bottom: 3.3rem !important
  }

  #recommendContents .u-mlSp--33 {
    margin-left: 3.3rem !important
  }

  #recommendContents .u-mxSp--33 {
    margin-left: 3.3rem !important;
    margin-right: 3.3rem !important
  }

  #recommendContents .u-mySp--33 {
    margin-bottom: 3.3rem !important;
    margin-top: 3.3rem !important
  }

  #recommendContents .u-pSp--33 {
    padding: 3.3rem !important
  }

  #recommendContents .u-ptSp--33 {
    padding-top: 3.3rem !important
  }

  #recommendContents .u-prSp--33 {
    padding-right: 3.3rem !important
  }

  #recommendContents .u-pbSp--33 {
    padding-bottom: 3.3rem !important
  }

  #recommendContents .u-plSp--33 {
    padding-left: 3.3rem !important
  }

  #recommendContents .u-pxSp--33 {
    padding-left: 3.3rem !important;
    padding-right: 3.3rem !important
  }

  #recommendContents .u-pySp--33 {
    padding-bottom: 3.3rem !important;
    padding-top: 3.3rem !important
  }

  #recommendContents .u-mSp--34 {
    margin: 3.4rem !important
  }

  #recommendContents .u-mtSp--34 {
    margin-top: 3.4rem !important
  }

  #recommendContents .u-mrSp--34 {
    margin-right: 3.4rem !important
  }

  #recommendContents .u-mbSp--34 {
    margin-bottom: 3.4rem !important
  }

  #recommendContents .u-mlSp--34 {
    margin-left: 3.4rem !important
  }

  #recommendContents .u-mxSp--34 {
    margin-left: 3.4rem !important;
    margin-right: 3.4rem !important
  }

  #recommendContents .u-mySp--34 {
    margin-bottom: 3.4rem !important;
    margin-top: 3.4rem !important
  }

  #recommendContents .u-pSp--34 {
    padding: 3.4rem !important
  }

  #recommendContents .u-ptSp--34 {
    padding-top: 3.4rem !important
  }

  #recommendContents .u-prSp--34 {
    padding-right: 3.4rem !important
  }

  #recommendContents .u-pbSp--34 {
    padding-bottom: 3.4rem !important
  }

  #recommendContents .u-plSp--34 {
    padding-left: 3.4rem !important
  }

  #recommendContents .u-pxSp--34 {
    padding-left: 3.4rem !important;
    padding-right: 3.4rem !important
  }

  #recommendContents .u-pySp--34 {
    padding-bottom: 3.4rem !important;
    padding-top: 3.4rem !important
  }

  #recommendContents .u-mSp--35 {
    margin: 3.5rem !important
  }

  #recommendContents .u-mtSp--35 {
    margin-top: 3.5rem !important
  }

  #recommendContents .u-mrSp--35 {
    margin-right: 3.5rem !important
  }

  #recommendContents .u-mbSp--35 {
    margin-bottom: 3.5rem !important
  }

  #recommendContents .u-mlSp--35 {
    margin-left: 3.5rem !important
  }

  #recommendContents .u-mxSp--35 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important
  }

  #recommendContents .u-mySp--35 {
    margin-bottom: 3.5rem !important;
    margin-top: 3.5rem !important
  }

  #recommendContents .u-pSp--35 {
    padding: 3.5rem !important
  }

  #recommendContents .u-ptSp--35 {
    padding-top: 3.5rem !important
  }

  #recommendContents .u-prSp--35 {
    padding-right: 3.5rem !important
  }

  #recommendContents .u-pbSp--35 {
    padding-bottom: 3.5rem !important
  }

  #recommendContents .u-plSp--35 {
    padding-left: 3.5rem !important
  }

  #recommendContents .u-pxSp--35 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important
  }

  #recommendContents .u-pySp--35 {
    padding-bottom: 3.5rem !important;
    padding-top: 3.5rem !important
  }

  #recommendContents .u-mSp--36 {
    margin: 3.6rem !important
  }

  #recommendContents .u-mtSp--36 {
    margin-top: 3.6rem !important
  }

  #recommendContents .u-mrSp--36 {
    margin-right: 3.6rem !important
  }

  #recommendContents .u-mbSp--36 {
    margin-bottom: 3.6rem !important
  }

  #recommendContents .u-mlSp--36 {
    margin-left: 3.6rem !important
  }

  #recommendContents .u-mxSp--36 {
    margin-left: 3.6rem !important;
    margin-right: 3.6rem !important
  }

  #recommendContents .u-mySp--36 {
    margin-bottom: 3.6rem !important;
    margin-top: 3.6rem !important
  }

  #recommendContents .u-pSp--36 {
    padding: 3.6rem !important
  }

  #recommendContents .u-ptSp--36 {
    padding-top: 3.6rem !important
  }

  #recommendContents .u-prSp--36 {
    padding-right: 3.6rem !important
  }

  #recommendContents .u-pbSp--36 {
    padding-bottom: 3.6rem !important
  }

  #recommendContents .u-plSp--36 {
    padding-left: 3.6rem !important
  }

  #recommendContents .u-pxSp--36 {
    padding-left: 3.6rem !important;
    padding-right: 3.6rem !important
  }

  #recommendContents .u-pySp--36 {
    padding-bottom: 3.6rem !important;
    padding-top: 3.6rem !important
  }

  #recommendContents .u-mSp--37 {
    margin: 3.7rem !important
  }

  #recommendContents .u-mtSp--37 {
    margin-top: 3.7rem !important
  }

  #recommendContents .u-mrSp--37 {
    margin-right: 3.7rem !important
  }

  #recommendContents .u-mbSp--37 {
    margin-bottom: 3.7rem !important
  }

  #recommendContents .u-mlSp--37 {
    margin-left: 3.7rem !important
  }

  #recommendContents .u-mxSp--37 {
    margin-left: 3.7rem !important;
    margin-right: 3.7rem !important
  }

  #recommendContents .u-mySp--37 {
    margin-bottom: 3.7rem !important;
    margin-top: 3.7rem !important
  }

  #recommendContents .u-pSp--37 {
    padding: 3.7rem !important
  }

  #recommendContents .u-ptSp--37 {
    padding-top: 3.7rem !important
  }

  #recommendContents .u-prSp--37 {
    padding-right: 3.7rem !important
  }

  #recommendContents .u-pbSp--37 {
    padding-bottom: 3.7rem !important
  }

  #recommendContents .u-plSp--37 {
    padding-left: 3.7rem !important
  }

  #recommendContents .u-pxSp--37 {
    padding-left: 3.7rem !important;
    padding-right: 3.7rem !important
  }

  #recommendContents .u-pySp--37 {
    padding-bottom: 3.7rem !important;
    padding-top: 3.7rem !important
  }

  #recommendContents .u-mSp--38 {
    margin: 3.8rem !important
  }

  #recommendContents .u-mtSp--38 {
    margin-top: 3.8rem !important
  }

  #recommendContents .u-mrSp--38 {
    margin-right: 3.8rem !important
  }

  #recommendContents .u-mbSp--38 {
    margin-bottom: 3.8rem !important
  }

  #recommendContents .u-mlSp--38 {
    margin-left: 3.8rem !important
  }

  #recommendContents .u-mxSp--38 {
    margin-left: 3.8rem !important;
    margin-right: 3.8rem !important
  }

  #recommendContents .u-mySp--38 {
    margin-bottom: 3.8rem !important;
    margin-top: 3.8rem !important
  }

  #recommendContents .u-pSp--38 {
    padding: 3.8rem !important
  }

  #recommendContents .u-ptSp--38 {
    padding-top: 3.8rem !important
  }

  #recommendContents .u-prSp--38 {
    padding-right: 3.8rem !important
  }

  #recommendContents .u-pbSp--38 {
    padding-bottom: 3.8rem !important
  }

  #recommendContents .u-plSp--38 {
    padding-left: 3.8rem !important
  }

  #recommendContents .u-pxSp--38 {
    padding-left: 3.8rem !important;
    padding-right: 3.8rem !important
  }

  #recommendContents .u-pySp--38 {
    padding-bottom: 3.8rem !important;
    padding-top: 3.8rem !important
  }

  #recommendContents .u-mSp--39 {
    margin: 3.9rem !important
  }

  #recommendContents .u-mtSp--39 {
    margin-top: 3.9rem !important
  }

  #recommendContents .u-mrSp--39 {
    margin-right: 3.9rem !important
  }

  #recommendContents .u-mbSp--39 {
    margin-bottom: 3.9rem !important
  }

  #recommendContents .u-mlSp--39 {
    margin-left: 3.9rem !important
  }

  #recommendContents .u-mxSp--39 {
    margin-left: 3.9rem !important;
    margin-right: 3.9rem !important
  }

  #recommendContents .u-mySp--39 {
    margin-bottom: 3.9rem !important;
    margin-top: 3.9rem !important
  }

  #recommendContents .u-pSp--39 {
    padding: 3.9rem !important
  }

  #recommendContents .u-ptSp--39 {
    padding-top: 3.9rem !important
  }

  #recommendContents .u-prSp--39 {
    padding-right: 3.9rem !important
  }

  #recommendContents .u-pbSp--39 {
    padding-bottom: 3.9rem !important
  }

  #recommendContents .u-plSp--39 {
    padding-left: 3.9rem !important
  }

  #recommendContents .u-pxSp--39 {
    padding-left: 3.9rem !important;
    padding-right: 3.9rem !important
  }

  #recommendContents .u-pySp--39 {
    padding-bottom: 3.9rem !important;
    padding-top: 3.9rem !important
  }

  #recommendContents .u-mSp--40 {
    margin: 4rem !important
  }

  #recommendContents .u-mtSp--40 {
    margin-top: 4rem !important
  }

  #recommendContents .u-mrSp--40 {
    margin-right: 4rem !important
  }

  #recommendContents .u-mbSp--40 {
    margin-bottom: 4rem !important
  }

  #recommendContents .u-mlSp--40 {
    margin-left: 4rem !important
  }

  #recommendContents .u-mxSp--40 {
    margin-left: 4rem !important;
    margin-right: 4rem !important
  }

  #recommendContents .u-mySp--40 {
    margin-bottom: 4rem !important;
    margin-top: 4rem !important
  }

  #recommendContents .u-pSp--40 {
    padding: 4rem !important
  }

  #recommendContents .u-ptSp--40 {
    padding-top: 4rem !important
  }

  #recommendContents .u-prSp--40 {
    padding-right: 4rem !important
  }

  #recommendContents .u-pbSp--40 {
    padding-bottom: 4rem !important
  }

  #recommendContents .u-plSp--40 {
    padding-left: 4rem !important
  }

  #recommendContents .u-pxSp--40 {
    padding-left: 4rem !important;
    padding-right: 4rem !important
  }

  #recommendContents .u-pySp--40 {
    padding-bottom: 4rem !important;
    padding-top: 4rem !important
  }

  #recommendContents .u-mSp--41 {
    margin: 4.1rem !important
  }

  #recommendContents .u-mtSp--41 {
    margin-top: 4.1rem !important
  }

  #recommendContents .u-mrSp--41 {
    margin-right: 4.1rem !important
  }

  #recommendContents .u-mbSp--41 {
    margin-bottom: 4.1rem !important
  }

  #recommendContents .u-mlSp--41 {
    margin-left: 4.1rem !important
  }

  #recommendContents .u-mxSp--41 {
    margin-left: 4.1rem !important;
    margin-right: 4.1rem !important
  }

  #recommendContents .u-mySp--41 {
    margin-bottom: 4.1rem !important;
    margin-top: 4.1rem !important
  }

  #recommendContents .u-pSp--41 {
    padding: 4.1rem !important
  }

  #recommendContents .u-ptSp--41 {
    padding-top: 4.1rem !important
  }

  #recommendContents .u-prSp--41 {
    padding-right: 4.1rem !important
  }

  #recommendContents .u-pbSp--41 {
    padding-bottom: 4.1rem !important
  }

  #recommendContents .u-plSp--41 {
    padding-left: 4.1rem !important
  }

  #recommendContents .u-pxSp--41 {
    padding-left: 4.1rem !important;
    padding-right: 4.1rem !important
  }

  #recommendContents .u-pySp--41 {
    padding-bottom: 4.1rem !important;
    padding-top: 4.1rem !important
  }

  #recommendContents .u-mSp--42 {
    margin: 4.2rem !important
  }

  #recommendContents .u-mtSp--42 {
    margin-top: 4.2rem !important
  }

  #recommendContents .u-mrSp--42 {
    margin-right: 4.2rem !important
  }

  #recommendContents .u-mbSp--42 {
    margin-bottom: 4.2rem !important
  }

  #recommendContents .u-mlSp--42 {
    margin-left: 4.2rem !important
  }

  #recommendContents .u-mxSp--42 {
    margin-left: 4.2rem !important;
    margin-right: 4.2rem !important
  }

  #recommendContents .u-mySp--42 {
    margin-bottom: 4.2rem !important;
    margin-top: 4.2rem !important
  }

  #recommendContents .u-pSp--42 {
    padding: 4.2rem !important
  }

  #recommendContents .u-ptSp--42 {
    padding-top: 4.2rem !important
  }

  #recommendContents .u-prSp--42 {
    padding-right: 4.2rem !important
  }

  #recommendContents .u-pbSp--42 {
    padding-bottom: 4.2rem !important
  }

  #recommendContents .u-plSp--42 {
    padding-left: 4.2rem !important
  }

  #recommendContents .u-pxSp--42 {
    padding-left: 4.2rem !important;
    padding-right: 4.2rem !important
  }

  #recommendContents .u-pySp--42 {
    padding-bottom: 4.2rem !important;
    padding-top: 4.2rem !important
  }

  #recommendContents .u-mSp--43 {
    margin: 4.3rem !important
  }

  #recommendContents .u-mtSp--43 {
    margin-top: 4.3rem !important
  }

  #recommendContents .u-mrSp--43 {
    margin-right: 4.3rem !important
  }

  #recommendContents .u-mbSp--43 {
    margin-bottom: 4.3rem !important
  }

  #recommendContents .u-mlSp--43 {
    margin-left: 4.3rem !important
  }

  #recommendContents .u-mxSp--43 {
    margin-left: 4.3rem !important;
    margin-right: 4.3rem !important
  }

  #recommendContents .u-mySp--43 {
    margin-bottom: 4.3rem !important;
    margin-top: 4.3rem !important
  }

  #recommendContents .u-pSp--43 {
    padding: 4.3rem !important
  }

  #recommendContents .u-ptSp--43 {
    padding-top: 4.3rem !important
  }

  #recommendContents .u-prSp--43 {
    padding-right: 4.3rem !important
  }

  #recommendContents .u-pbSp--43 {
    padding-bottom: 4.3rem !important
  }

  #recommendContents .u-plSp--43 {
    padding-left: 4.3rem !important
  }

  #recommendContents .u-pxSp--43 {
    padding-left: 4.3rem !important;
    padding-right: 4.3rem !important
  }

  #recommendContents .u-pySp--43 {
    padding-bottom: 4.3rem !important;
    padding-top: 4.3rem !important
  }

  #recommendContents .u-mSp--44 {
    margin: 4.4rem !important
  }

  #recommendContents .u-mtSp--44 {
    margin-top: 4.4rem !important
  }

  #recommendContents .u-mrSp--44 {
    margin-right: 4.4rem !important
  }

  #recommendContents .u-mbSp--44 {
    margin-bottom: 4.4rem !important
  }

  #recommendContents .u-mlSp--44 {
    margin-left: 4.4rem !important
  }

  #recommendContents .u-mxSp--44 {
    margin-left: 4.4rem !important;
    margin-right: 4.4rem !important
  }

  #recommendContents .u-mySp--44 {
    margin-bottom: 4.4rem !important;
    margin-top: 4.4rem !important
  }

  #recommendContents .u-pSp--44 {
    padding: 4.4rem !important
  }

  #recommendContents .u-ptSp--44 {
    padding-top: 4.4rem !important
  }

  #recommendContents .u-prSp--44 {
    padding-right: 4.4rem !important
  }

  #recommendContents .u-pbSp--44 {
    padding-bottom: 4.4rem !important
  }

  #recommendContents .u-plSp--44 {
    padding-left: 4.4rem !important
  }

  #recommendContents .u-pxSp--44 {
    padding-left: 4.4rem !important;
    padding-right: 4.4rem !important
  }

  #recommendContents .u-pySp--44 {
    padding-bottom: 4.4rem !important;
    padding-top: 4.4rem !important
  }

  #recommendContents .u-mSp--45 {
    margin: 4.5rem !important
  }

  #recommendContents .u-mtSp--45 {
    margin-top: 4.5rem !important
  }

  #recommendContents .u-mrSp--45 {
    margin-right: 4.5rem !important
  }

  #recommendContents .u-mbSp--45 {
    margin-bottom: 4.5rem !important
  }

  #recommendContents .u-mlSp--45 {
    margin-left: 4.5rem !important
  }

  #recommendContents .u-mxSp--45 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important
  }

  #recommendContents .u-mySp--45 {
    margin-bottom: 4.5rem !important;
    margin-top: 4.5rem !important
  }

  #recommendContents .u-pSp--45 {
    padding: 4.5rem !important
  }

  #recommendContents .u-ptSp--45 {
    padding-top: 4.5rem !important
  }

  #recommendContents .u-prSp--45 {
    padding-right: 4.5rem !important
  }

  #recommendContents .u-pbSp--45 {
    padding-bottom: 4.5rem !important
  }

  #recommendContents .u-plSp--45 {
    padding-left: 4.5rem !important
  }

  #recommendContents .u-pxSp--45 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important
  }

  #recommendContents .u-pySp--45 {
    padding-bottom: 4.5rem !important;
    padding-top: 4.5rem !important
  }

  #recommendContents .u-mSp--46 {
    margin: 4.6rem !important
  }

  #recommendContents .u-mtSp--46 {
    margin-top: 4.6rem !important
  }

  #recommendContents .u-mrSp--46 {
    margin-right: 4.6rem !important
  }

  #recommendContents .u-mbSp--46 {
    margin-bottom: 4.6rem !important
  }

  #recommendContents .u-mlSp--46 {
    margin-left: 4.6rem !important
  }

  #recommendContents .u-mxSp--46 {
    margin-left: 4.6rem !important;
    margin-right: 4.6rem !important
  }

  #recommendContents .u-mySp--46 {
    margin-bottom: 4.6rem !important;
    margin-top: 4.6rem !important
  }

  #recommendContents .u-pSp--46 {
    padding: 4.6rem !important
  }

  #recommendContents .u-ptSp--46 {
    padding-top: 4.6rem !important
  }

  #recommendContents .u-prSp--46 {
    padding-right: 4.6rem !important
  }

  #recommendContents .u-pbSp--46 {
    padding-bottom: 4.6rem !important
  }

  #recommendContents .u-plSp--46 {
    padding-left: 4.6rem !important
  }

  #recommendContents .u-pxSp--46 {
    padding-left: 4.6rem !important;
    padding-right: 4.6rem !important
  }

  #recommendContents .u-pySp--46 {
    padding-bottom: 4.6rem !important;
    padding-top: 4.6rem !important
  }

  #recommendContents .u-mSp--47 {
    margin: 4.7rem !important
  }

  #recommendContents .u-mtSp--47 {
    margin-top: 4.7rem !important
  }

  #recommendContents .u-mrSp--47 {
    margin-right: 4.7rem !important
  }

  #recommendContents .u-mbSp--47 {
    margin-bottom: 4.7rem !important
  }

  #recommendContents .u-mlSp--47 {
    margin-left: 4.7rem !important
  }

  #recommendContents .u-mxSp--47 {
    margin-left: 4.7rem !important;
    margin-right: 4.7rem !important
  }

  #recommendContents .u-mySp--47 {
    margin-bottom: 4.7rem !important;
    margin-top: 4.7rem !important
  }

  #recommendContents .u-pSp--47 {
    padding: 4.7rem !important
  }

  #recommendContents .u-ptSp--47 {
    padding-top: 4.7rem !important
  }

  #recommendContents .u-prSp--47 {
    padding-right: 4.7rem !important
  }

  #recommendContents .u-pbSp--47 {
    padding-bottom: 4.7rem !important
  }

  #recommendContents .u-plSp--47 {
    padding-left: 4.7rem !important
  }

  #recommendContents .u-pxSp--47 {
    padding-left: 4.7rem !important;
    padding-right: 4.7rem !important
  }

  #recommendContents .u-pySp--47 {
    padding-bottom: 4.7rem !important;
    padding-top: 4.7rem !important
  }

  #recommendContents .u-mSp--48 {
    margin: 4.8rem !important
  }

  #recommendContents .u-mtSp--48 {
    margin-top: 4.8rem !important
  }

  #recommendContents .u-mrSp--48 {
    margin-right: 4.8rem !important
  }

  #recommendContents .u-mbSp--48 {
    margin-bottom: 4.8rem !important
  }

  #recommendContents .u-mlSp--48 {
    margin-left: 4.8rem !important
  }

  #recommendContents .u-mxSp--48 {
    margin-left: 4.8rem !important;
    margin-right: 4.8rem !important
  }

  #recommendContents .u-mySp--48 {
    margin-bottom: 4.8rem !important;
    margin-top: 4.8rem !important
  }

  #recommendContents .u-pSp--48 {
    padding: 4.8rem !important
  }

  #recommendContents .u-ptSp--48 {
    padding-top: 4.8rem !important
  }

  #recommendContents .u-prSp--48 {
    padding-right: 4.8rem !important
  }

  #recommendContents .u-pbSp--48 {
    padding-bottom: 4.8rem !important
  }

  #recommendContents .u-plSp--48 {
    padding-left: 4.8rem !important
  }

  #recommendContents .u-pxSp--48 {
    padding-left: 4.8rem !important;
    padding-right: 4.8rem !important
  }

  #recommendContents .u-pySp--48 {
    padding-bottom: 4.8rem !important;
    padding-top: 4.8rem !important
  }

  #recommendContents .u-mSp--49 {
    margin: 4.9rem !important
  }

  #recommendContents .u-mtSp--49 {
    margin-top: 4.9rem !important
  }

  #recommendContents .u-mrSp--49 {
    margin-right: 4.9rem !important
  }

  #recommendContents .u-mbSp--49 {
    margin-bottom: 4.9rem !important
  }

  #recommendContents .u-mlSp--49 {
    margin-left: 4.9rem !important
  }

  #recommendContents .u-mxSp--49 {
    margin-left: 4.9rem !important;
    margin-right: 4.9rem !important
  }

  #recommendContents .u-mySp--49 {
    margin-bottom: 4.9rem !important;
    margin-top: 4.9rem !important
  }

  #recommendContents .u-pSp--49 {
    padding: 4.9rem !important
  }

  #recommendContents .u-ptSp--49 {
    padding-top: 4.9rem !important
  }

  #recommendContents .u-prSp--49 {
    padding-right: 4.9rem !important
  }

  #recommendContents .u-pbSp--49 {
    padding-bottom: 4.9rem !important
  }

  #recommendContents .u-plSp--49 {
    padding-left: 4.9rem !important
  }

  #recommendContents .u-pxSp--49 {
    padding-left: 4.9rem !important;
    padding-right: 4.9rem !important
  }

  #recommendContents .u-pySp--49 {
    padding-bottom: 4.9rem !important;
    padding-top: 4.9rem !important
  }

  #recommendContents .u-mSp--50 {
    margin: 5rem !important
  }

  #recommendContents .u-mtSp--50 {
    margin-top: 5rem !important
  }

  #recommendContents .u-mrSp--50 {
    margin-right: 5rem !important
  }

  #recommendContents .u-mbSp--50 {
    margin-bottom: 5rem !important
  }

  #recommendContents .u-mlSp--50 {
    margin-left: 5rem !important
  }

  #recommendContents .u-mxSp--50 {
    margin-left: 5rem !important;
    margin-right: 5rem !important
  }

  #recommendContents .u-mySp--50 {
    margin-bottom: 5rem !important;
    margin-top: 5rem !important
  }

  #recommendContents .u-pSp--50 {
    padding: 5rem !important
  }

  #recommendContents .u-ptSp--50 {
    padding-top: 5rem !important
  }

  #recommendContents .u-prSp--50 {
    padding-right: 5rem !important
  }

  #recommendContents .u-pbSp--50 {
    padding-bottom: 5rem !important
  }

  #recommendContents .u-plSp--50 {
    padding-left: 5rem !important
  }

  #recommendContents .u-pxSp--50 {
    padding-left: 5rem !important;
    padding-right: 5rem !important
  }

  #recommendContents .u-pySp--50 {
    padding-bottom: 5rem !important;
    padding-top: 5rem !important
  }

  #recommendContents .u-mSp--51 {
    margin: 5.1rem !important
  }

  #recommendContents .u-mtSp--51 {
    margin-top: 5.1rem !important
  }

  #recommendContents .u-mrSp--51 {
    margin-right: 5.1rem !important
  }

  #recommendContents .u-mbSp--51 {
    margin-bottom: 5.1rem !important
  }

  #recommendContents .u-mlSp--51 {
    margin-left: 5.1rem !important
  }

  #recommendContents .u-mxSp--51 {
    margin-left: 5.1rem !important;
    margin-right: 5.1rem !important
  }

  #recommendContents .u-mySp--51 {
    margin-bottom: 5.1rem !important;
    margin-top: 5.1rem !important
  }

  #recommendContents .u-pSp--51 {
    padding: 5.1rem !important
  }

  #recommendContents .u-ptSp--51 {
    padding-top: 5.1rem !important
  }

  #recommendContents .u-prSp--51 {
    padding-right: 5.1rem !important
  }

  #recommendContents .u-pbSp--51 {
    padding-bottom: 5.1rem !important
  }

  #recommendContents .u-plSp--51 {
    padding-left: 5.1rem !important
  }

  #recommendContents .u-pxSp--51 {
    padding-left: 5.1rem !important;
    padding-right: 5.1rem !important
  }

  #recommendContents .u-pySp--51 {
    padding-bottom: 5.1rem !important;
    padding-top: 5.1rem !important
  }

  #recommendContents .u-mSp--52 {
    margin: 5.2rem !important
  }

  #recommendContents .u-mtSp--52 {
    margin-top: 5.2rem !important
  }

  #recommendContents .u-mrSp--52 {
    margin-right: 5.2rem !important
  }

  #recommendContents .u-mbSp--52 {
    margin-bottom: 5.2rem !important
  }

  #recommendContents .u-mlSp--52 {
    margin-left: 5.2rem !important
  }

  #recommendContents .u-mxSp--52 {
    margin-left: 5.2rem !important;
    margin-right: 5.2rem !important
  }

  #recommendContents .u-mySp--52 {
    margin-bottom: 5.2rem !important;
    margin-top: 5.2rem !important
  }

  #recommendContents .u-pSp--52 {
    padding: 5.2rem !important
  }

  #recommendContents .u-ptSp--52 {
    padding-top: 5.2rem !important
  }

  #recommendContents .u-prSp--52 {
    padding-right: 5.2rem !important
  }

  #recommendContents .u-pbSp--52 {
    padding-bottom: 5.2rem !important
  }

  #recommendContents .u-plSp--52 {
    padding-left: 5.2rem !important
  }

  #recommendContents .u-pxSp--52 {
    padding-left: 5.2rem !important;
    padding-right: 5.2rem !important
  }

  #recommendContents .u-pySp--52 {
    padding-bottom: 5.2rem !important;
    padding-top: 5.2rem !important
  }

  #recommendContents .u-mSp--53 {
    margin: 5.3rem !important
  }

  #recommendContents .u-mtSp--53 {
    margin-top: 5.3rem !important
  }

  #recommendContents .u-mrSp--53 {
    margin-right: 5.3rem !important
  }

  #recommendContents .u-mbSp--53 {
    margin-bottom: 5.3rem !important
  }

  #recommendContents .u-mlSp--53 {
    margin-left: 5.3rem !important
  }

  #recommendContents .u-mxSp--53 {
    margin-left: 5.3rem !important;
    margin-right: 5.3rem !important
  }

  #recommendContents .u-mySp--53 {
    margin-bottom: 5.3rem !important;
    margin-top: 5.3rem !important
  }

  #recommendContents .u-pSp--53 {
    padding: 5.3rem !important
  }

  #recommendContents .u-ptSp--53 {
    padding-top: 5.3rem !important
  }

  #recommendContents .u-prSp--53 {
    padding-right: 5.3rem !important
  }

  #recommendContents .u-pbSp--53 {
    padding-bottom: 5.3rem !important
  }

  #recommendContents .u-plSp--53 {
    padding-left: 5.3rem !important
  }

  #recommendContents .u-pxSp--53 {
    padding-left: 5.3rem !important;
    padding-right: 5.3rem !important
  }

  #recommendContents .u-pySp--53 {
    padding-bottom: 5.3rem !important;
    padding-top: 5.3rem !important
  }

  #recommendContents .u-mSp--54 {
    margin: 5.4rem !important
  }

  #recommendContents .u-mtSp--54 {
    margin-top: 5.4rem !important
  }

  #recommendContents .u-mrSp--54 {
    margin-right: 5.4rem !important
  }

  #recommendContents .u-mbSp--54 {
    margin-bottom: 5.4rem !important
  }

  #recommendContents .u-mlSp--54 {
    margin-left: 5.4rem !important
  }

  #recommendContents .u-mxSp--54 {
    margin-left: 5.4rem !important;
    margin-right: 5.4rem !important
  }

  #recommendContents .u-mySp--54 {
    margin-bottom: 5.4rem !important;
    margin-top: 5.4rem !important
  }

  #recommendContents .u-pSp--54 {
    padding: 5.4rem !important
  }

  #recommendContents .u-ptSp--54 {
    padding-top: 5.4rem !important
  }

  #recommendContents .u-prSp--54 {
    padding-right: 5.4rem !important
  }

  #recommendContents .u-pbSp--54 {
    padding-bottom: 5.4rem !important
  }

  #recommendContents .u-plSp--54 {
    padding-left: 5.4rem !important
  }

  #recommendContents .u-pxSp--54 {
    padding-left: 5.4rem !important;
    padding-right: 5.4rem !important
  }

  #recommendContents .u-pySp--54 {
    padding-bottom: 5.4rem !important;
    padding-top: 5.4rem !important
  }

  #recommendContents .u-mSp--55 {
    margin: 5.5rem !important
  }

  #recommendContents .u-mtSp--55 {
    margin-top: 5.5rem !important
  }

  #recommendContents .u-mrSp--55 {
    margin-right: 5.5rem !important
  }

  #recommendContents .u-mbSp--55 {
    margin-bottom: 5.5rem !important
  }

  #recommendContents .u-mlSp--55 {
    margin-left: 5.5rem !important
  }

  #recommendContents .u-mxSp--55 {
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important
  }

  #recommendContents .u-mySp--55 {
    margin-bottom: 5.5rem !important;
    margin-top: 5.5rem !important
  }

  #recommendContents .u-pSp--55 {
    padding: 5.5rem !important
  }

  #recommendContents .u-ptSp--55 {
    padding-top: 5.5rem !important
  }

  #recommendContents .u-prSp--55 {
    padding-right: 5.5rem !important
  }

  #recommendContents .u-pbSp--55 {
    padding-bottom: 5.5rem !important
  }

  #recommendContents .u-plSp--55 {
    padding-left: 5.5rem !important
  }

  #recommendContents .u-pxSp--55 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important
  }

  #recommendContents .u-pySp--55 {
    padding-bottom: 5.5rem !important;
    padding-top: 5.5rem !important
  }

  #recommendContents .u-mSp--56 {
    margin: 5.6rem !important
  }

  #recommendContents .u-mtSp--56 {
    margin-top: 5.6rem !important
  }

  #recommendContents .u-mrSp--56 {
    margin-right: 5.6rem !important
  }

  #recommendContents .u-mbSp--56 {
    margin-bottom: 5.6rem !important
  }

  #recommendContents .u-mlSp--56 {
    margin-left: 5.6rem !important
  }

  #recommendContents .u-mxSp--56 {
    margin-left: 5.6rem !important;
    margin-right: 5.6rem !important
  }

  #recommendContents .u-mySp--56 {
    margin-bottom: 5.6rem !important;
    margin-top: 5.6rem !important
  }

  #recommendContents .u-pSp--56 {
    padding: 5.6rem !important
  }

  #recommendContents .u-ptSp--56 {
    padding-top: 5.6rem !important
  }

  #recommendContents .u-prSp--56 {
    padding-right: 5.6rem !important
  }

  #recommendContents .u-pbSp--56 {
    padding-bottom: 5.6rem !important
  }

  #recommendContents .u-plSp--56 {
    padding-left: 5.6rem !important
  }

  #recommendContents .u-pxSp--56 {
    padding-left: 5.6rem !important;
    padding-right: 5.6rem !important
  }

  #recommendContents .u-pySp--56 {
    padding-bottom: 5.6rem !important;
    padding-top: 5.6rem !important
  }

  #recommendContents .u-mSp--57 {
    margin: 5.7rem !important
  }

  #recommendContents .u-mtSp--57 {
    margin-top: 5.7rem !important
  }

  #recommendContents .u-mrSp--57 {
    margin-right: 5.7rem !important
  }

  #recommendContents .u-mbSp--57 {
    margin-bottom: 5.7rem !important
  }

  #recommendContents .u-mlSp--57 {
    margin-left: 5.7rem !important
  }

  #recommendContents .u-mxSp--57 {
    margin-left: 5.7rem !important;
    margin-right: 5.7rem !important
  }

  #recommendContents .u-mySp--57 {
    margin-bottom: 5.7rem !important;
    margin-top: 5.7rem !important
  }

  #recommendContents .u-pSp--57 {
    padding: 5.7rem !important
  }

  #recommendContents .u-ptSp--57 {
    padding-top: 5.7rem !important
  }

  #recommendContents .u-prSp--57 {
    padding-right: 5.7rem !important
  }

  #recommendContents .u-pbSp--57 {
    padding-bottom: 5.7rem !important
  }

  #recommendContents .u-plSp--57 {
    padding-left: 5.7rem !important
  }

  #recommendContents .u-pxSp--57 {
    padding-left: 5.7rem !important;
    padding-right: 5.7rem !important
  }

  #recommendContents .u-pySp--57 {
    padding-bottom: 5.7rem !important;
    padding-top: 5.7rem !important
  }

  #recommendContents .u-mSp--58 {
    margin: 5.8rem !important
  }

  #recommendContents .u-mtSp--58 {
    margin-top: 5.8rem !important
  }

  #recommendContents .u-mrSp--58 {
    margin-right: 5.8rem !important
  }

  #recommendContents .u-mbSp--58 {
    margin-bottom: 5.8rem !important
  }

  #recommendContents .u-mlSp--58 {
    margin-left: 5.8rem !important
  }

  #recommendContents .u-mxSp--58 {
    margin-left: 5.8rem !important;
    margin-right: 5.8rem !important
  }

  #recommendContents .u-mySp--58 {
    margin-bottom: 5.8rem !important;
    margin-top: 5.8rem !important
  }

  #recommendContents .u-pSp--58 {
    padding: 5.8rem !important
  }

  #recommendContents .u-ptSp--58 {
    padding-top: 5.8rem !important
  }

  #recommendContents .u-prSp--58 {
    padding-right: 5.8rem !important
  }

  #recommendContents .u-pbSp--58 {
    padding-bottom: 5.8rem !important
  }

  #recommendContents .u-plSp--58 {
    padding-left: 5.8rem !important
  }

  #recommendContents .u-pxSp--58 {
    padding-left: 5.8rem !important;
    padding-right: 5.8rem !important
  }

  #recommendContents .u-pySp--58 {
    padding-bottom: 5.8rem !important;
    padding-top: 5.8rem !important
  }

  #recommendContents .u-mSp--59 {
    margin: 5.9rem !important
  }

  #recommendContents .u-mtSp--59 {
    margin-top: 5.9rem !important
  }

  #recommendContents .u-mrSp--59 {
    margin-right: 5.9rem !important
  }

  #recommendContents .u-mbSp--59 {
    margin-bottom: 5.9rem !important
  }

  #recommendContents .u-mlSp--59 {
    margin-left: 5.9rem !important
  }

  #recommendContents .u-mxSp--59 {
    margin-left: 5.9rem !important;
    margin-right: 5.9rem !important
  }

  #recommendContents .u-mySp--59 {
    margin-bottom: 5.9rem !important;
    margin-top: 5.9rem !important
  }

  #recommendContents .u-pSp--59 {
    padding: 5.9rem !important
  }

  #recommendContents .u-ptSp--59 {
    padding-top: 5.9rem !important
  }

  #recommendContents .u-prSp--59 {
    padding-right: 5.9rem !important
  }

  #recommendContents .u-pbSp--59 {
    padding-bottom: 5.9rem !important
  }

  #recommendContents .u-plSp--59 {
    padding-left: 5.9rem !important
  }

  #recommendContents .u-pxSp--59 {
    padding-left: 5.9rem !important;
    padding-right: 5.9rem !important
  }

  #recommendContents .u-pySp--59 {
    padding-bottom: 5.9rem !important;
    padding-top: 5.9rem !important
  }

  #recommendContents .u-mSp--60 {
    margin: 6rem !important
  }

  #recommendContents .u-mtSp--60 {
    margin-top: 6rem !important
  }

  #recommendContents .u-mrSp--60 {
    margin-right: 6rem !important
  }

  #recommendContents .u-mbSp--60 {
    margin-bottom: 6rem !important
  }

  #recommendContents .u-mlSp--60 {
    margin-left: 6rem !important
  }

  #recommendContents .u-mxSp--60 {
    margin-left: 6rem !important;
    margin-right: 6rem !important
  }

  #recommendContents .u-mySp--60 {
    margin-bottom: 6rem !important;
    margin-top: 6rem !important
  }

  #recommendContents .u-pSp--60 {
    padding: 6rem !important
  }

  #recommendContents .u-ptSp--60 {
    padding-top: 6rem !important
  }

  #recommendContents .u-prSp--60 {
    padding-right: 6rem !important
  }

  #recommendContents .u-pbSp--60 {
    padding-bottom: 6rem !important
  }

  #recommendContents .u-plSp--60 {
    padding-left: 6rem !important
  }

  #recommendContents .u-pxSp--60 {
    padding-left: 6rem !important;
    padding-right: 6rem !important
  }

  #recommendContents .u-pySp--60 {
    padding-bottom: 6rem !important;
    padding-top: 6rem !important
  }

  #recommendContents .u-mSp--61 {
    margin: 6.1rem !important
  }

  #recommendContents .u-mtSp--61 {
    margin-top: 6.1rem !important
  }

  #recommendContents .u-mrSp--61 {
    margin-right: 6.1rem !important
  }

  #recommendContents .u-mbSp--61 {
    margin-bottom: 6.1rem !important
  }

  #recommendContents .u-mlSp--61 {
    margin-left: 6.1rem !important
  }

  #recommendContents .u-mxSp--61 {
    margin-left: 6.1rem !important;
    margin-right: 6.1rem !important
  }

  #recommendContents .u-mySp--61 {
    margin-bottom: 6.1rem !important;
    margin-top: 6.1rem !important
  }

  #recommendContents .u-pSp--61 {
    padding: 6.1rem !important
  }

  #recommendContents .u-ptSp--61 {
    padding-top: 6.1rem !important
  }

  #recommendContents .u-prSp--61 {
    padding-right: 6.1rem !important
  }

  #recommendContents .u-pbSp--61 {
    padding-bottom: 6.1rem !important
  }

  #recommendContents .u-plSp--61 {
    padding-left: 6.1rem !important
  }

  #recommendContents .u-pxSp--61 {
    padding-left: 6.1rem !important;
    padding-right: 6.1rem !important
  }

  #recommendContents .u-pySp--61 {
    padding-bottom: 6.1rem !important;
    padding-top: 6.1rem !important
  }

  #recommendContents .u-mSp--62 {
    margin: 6.2rem !important
  }

  #recommendContents .u-mtSp--62 {
    margin-top: 6.2rem !important
  }

  #recommendContents .u-mrSp--62 {
    margin-right: 6.2rem !important
  }

  #recommendContents .u-mbSp--62 {
    margin-bottom: 6.2rem !important
  }

  #recommendContents .u-mlSp--62 {
    margin-left: 6.2rem !important
  }

  #recommendContents .u-mxSp--62 {
    margin-left: 6.2rem !important;
    margin-right: 6.2rem !important
  }

  #recommendContents .u-mySp--62 {
    margin-bottom: 6.2rem !important;
    margin-top: 6.2rem !important
  }

  #recommendContents .u-pSp--62 {
    padding: 6.2rem !important
  }

  #recommendContents .u-ptSp--62 {
    padding-top: 6.2rem !important
  }

  #recommendContents .u-prSp--62 {
    padding-right: 6.2rem !important
  }

  #recommendContents .u-pbSp--62 {
    padding-bottom: 6.2rem !important
  }

  #recommendContents .u-plSp--62 {
    padding-left: 6.2rem !important
  }

  #recommendContents .u-pxSp--62 {
    padding-left: 6.2rem !important;
    padding-right: 6.2rem !important
  }

  #recommendContents .u-pySp--62 {
    padding-bottom: 6.2rem !important;
    padding-top: 6.2rem !important
  }

  #recommendContents .u-mSp--63 {
    margin: 6.3rem !important
  }

  #recommendContents .u-mtSp--63 {
    margin-top: 6.3rem !important
  }

  #recommendContents .u-mrSp--63 {
    margin-right: 6.3rem !important
  }

  #recommendContents .u-mbSp--63 {
    margin-bottom: 6.3rem !important
  }

  #recommendContents .u-mlSp--63 {
    margin-left: 6.3rem !important
  }

  #recommendContents .u-mxSp--63 {
    margin-left: 6.3rem !important;
    margin-right: 6.3rem !important
  }

  #recommendContents .u-mySp--63 {
    margin-bottom: 6.3rem !important;
    margin-top: 6.3rem !important
  }

  #recommendContents .u-pSp--63 {
    padding: 6.3rem !important
  }

  #recommendContents .u-ptSp--63 {
    padding-top: 6.3rem !important
  }

  #recommendContents .u-prSp--63 {
    padding-right: 6.3rem !important
  }

  #recommendContents .u-pbSp--63 {
    padding-bottom: 6.3rem !important
  }

  #recommendContents .u-plSp--63 {
    padding-left: 6.3rem !important
  }

  #recommendContents .u-pxSp--63 {
    padding-left: 6.3rem !important;
    padding-right: 6.3rem !important
  }

  #recommendContents .u-pySp--63 {
    padding-bottom: 6.3rem !important;
    padding-top: 6.3rem !important
  }

  #recommendContents .u-mSp--64 {
    margin: 6.4rem !important
  }

  #recommendContents .u-mtSp--64 {
    margin-top: 6.4rem !important
  }

  #recommendContents .u-mrSp--64 {
    margin-right: 6.4rem !important
  }

  #recommendContents .u-mbSp--64 {
    margin-bottom: 6.4rem !important
  }

  #recommendContents .u-mlSp--64 {
    margin-left: 6.4rem !important
  }

  #recommendContents .u-mxSp--64 {
    margin-left: 6.4rem !important;
    margin-right: 6.4rem !important
  }

  #recommendContents .u-mySp--64 {
    margin-bottom: 6.4rem !important;
    margin-top: 6.4rem !important
  }

  #recommendContents .u-pSp--64 {
    padding: 6.4rem !important
  }

  #recommendContents .u-ptSp--64 {
    padding-top: 6.4rem !important
  }

  #recommendContents .u-prSp--64 {
    padding-right: 6.4rem !important
  }

  #recommendContents .u-pbSp--64 {
    padding-bottom: 6.4rem !important
  }

  #recommendContents .u-plSp--64 {
    padding-left: 6.4rem !important
  }

  #recommendContents .u-pxSp--64 {
    padding-left: 6.4rem !important;
    padding-right: 6.4rem !important
  }

  #recommendContents .u-pySp--64 {
    padding-bottom: 6.4rem !important;
    padding-top: 6.4rem !important
  }

  #recommendContents .u-mSp--65 {
    margin: 6.5rem !important
  }

  #recommendContents .u-mtSp--65 {
    margin-top: 6.5rem !important
  }

  #recommendContents .u-mrSp--65 {
    margin-right: 6.5rem !important
  }

  #recommendContents .u-mbSp--65 {
    margin-bottom: 6.5rem !important
  }

  #recommendContents .u-mlSp--65 {
    margin-left: 6.5rem !important
  }

  #recommendContents .u-mxSp--65 {
    margin-left: 6.5rem !important;
    margin-right: 6.5rem !important
  }

  #recommendContents .u-mySp--65 {
    margin-bottom: 6.5rem !important;
    margin-top: 6.5rem !important
  }

  #recommendContents .u-pSp--65 {
    padding: 6.5rem !important
  }

  #recommendContents .u-ptSp--65 {
    padding-top: 6.5rem !important
  }

  #recommendContents .u-prSp--65 {
    padding-right: 6.5rem !important
  }

  #recommendContents .u-pbSp--65 {
    padding-bottom: 6.5rem !important
  }

  #recommendContents .u-plSp--65 {
    padding-left: 6.5rem !important
  }

  #recommendContents .u-pxSp--65 {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important
  }

  #recommendContents .u-pySp--65 {
    padding-bottom: 6.5rem !important;
    padding-top: 6.5rem !important
  }

  #recommendContents .u-mSp--66 {
    margin: 6.6rem !important
  }

  #recommendContents .u-mtSp--66 {
    margin-top: 6.6rem !important
  }

  #recommendContents .u-mrSp--66 {
    margin-right: 6.6rem !important
  }

  #recommendContents .u-mbSp--66 {
    margin-bottom: 6.6rem !important
  }

  #recommendContents .u-mlSp--66 {
    margin-left: 6.6rem !important
  }

  #recommendContents .u-mxSp--66 {
    margin-left: 6.6rem !important;
    margin-right: 6.6rem !important
  }

  #recommendContents .u-mySp--66 {
    margin-bottom: 6.6rem !important;
    margin-top: 6.6rem !important
  }

  #recommendContents .u-pSp--66 {
    padding: 6.6rem !important
  }

  #recommendContents .u-ptSp--66 {
    padding-top: 6.6rem !important
  }

  #recommendContents .u-prSp--66 {
    padding-right: 6.6rem !important
  }

  #recommendContents .u-pbSp--66 {
    padding-bottom: 6.6rem !important
  }

  #recommendContents .u-plSp--66 {
    padding-left: 6.6rem !important
  }

  #recommendContents .u-pxSp--66 {
    padding-left: 6.6rem !important;
    padding-right: 6.6rem !important
  }

  #recommendContents .u-pySp--66 {
    padding-bottom: 6.6rem !important;
    padding-top: 6.6rem !important
  }

  #recommendContents .u-mSp--67 {
    margin: 6.7rem !important
  }

  #recommendContents .u-mtSp--67 {
    margin-top: 6.7rem !important
  }

  #recommendContents .u-mrSp--67 {
    margin-right: 6.7rem !important
  }

  #recommendContents .u-mbSp--67 {
    margin-bottom: 6.7rem !important
  }

  #recommendContents .u-mlSp--67 {
    margin-left: 6.7rem !important
  }

  #recommendContents .u-mxSp--67 {
    margin-left: 6.7rem !important;
    margin-right: 6.7rem !important
  }

  #recommendContents .u-mySp--67 {
    margin-bottom: 6.7rem !important;
    margin-top: 6.7rem !important
  }

  #recommendContents .u-pSp--67 {
    padding: 6.7rem !important
  }

  #recommendContents .u-ptSp--67 {
    padding-top: 6.7rem !important
  }

  #recommendContents .u-prSp--67 {
    padding-right: 6.7rem !important
  }

  #recommendContents .u-pbSp--67 {
    padding-bottom: 6.7rem !important
  }

  #recommendContents .u-plSp--67 {
    padding-left: 6.7rem !important
  }

  #recommendContents .u-pxSp--67 {
    padding-left: 6.7rem !important;
    padding-right: 6.7rem !important
  }

  #recommendContents .u-pySp--67 {
    padding-bottom: 6.7rem !important;
    padding-top: 6.7rem !important
  }

  #recommendContents .u-mSp--68 {
    margin: 6.8rem !important
  }

  #recommendContents .u-mtSp--68 {
    margin-top: 6.8rem !important
  }

  #recommendContents .u-mrSp--68 {
    margin-right: 6.8rem !important
  }

  #recommendContents .u-mbSp--68 {
    margin-bottom: 6.8rem !important
  }

  #recommendContents .u-mlSp--68 {
    margin-left: 6.8rem !important
  }

  #recommendContents .u-mxSp--68 {
    margin-left: 6.8rem !important;
    margin-right: 6.8rem !important
  }

  #recommendContents .u-mySp--68 {
    margin-bottom: 6.8rem !important;
    margin-top: 6.8rem !important
  }

  #recommendContents .u-pSp--68 {
    padding: 6.8rem !important
  }

  #recommendContents .u-ptSp--68 {
    padding-top: 6.8rem !important
  }

  #recommendContents .u-prSp--68 {
    padding-right: 6.8rem !important
  }

  #recommendContents .u-pbSp--68 {
    padding-bottom: 6.8rem !important
  }

  #recommendContents .u-plSp--68 {
    padding-left: 6.8rem !important
  }

  #recommendContents .u-pxSp--68 {
    padding-left: 6.8rem !important;
    padding-right: 6.8rem !important
  }

  #recommendContents .u-pySp--68 {
    padding-bottom: 6.8rem !important;
    padding-top: 6.8rem !important
  }

  #recommendContents .u-mSp--69 {
    margin: 6.9rem !important
  }

  #recommendContents .u-mtSp--69 {
    margin-top: 6.9rem !important
  }

  #recommendContents .u-mrSp--69 {
    margin-right: 6.9rem !important
  }

  #recommendContents .u-mbSp--69 {
    margin-bottom: 6.9rem !important
  }

  #recommendContents .u-mlSp--69 {
    margin-left: 6.9rem !important
  }

  #recommendContents .u-mxSp--69 {
    margin-left: 6.9rem !important;
    margin-right: 6.9rem !important
  }

  #recommendContents .u-mySp--69 {
    margin-bottom: 6.9rem !important;
    margin-top: 6.9rem !important
  }

  #recommendContents .u-pSp--69 {
    padding: 6.9rem !important
  }

  #recommendContents .u-ptSp--69 {
    padding-top: 6.9rem !important
  }

  #recommendContents .u-prSp--69 {
    padding-right: 6.9rem !important
  }

  #recommendContents .u-pbSp--69 {
    padding-bottom: 6.9rem !important
  }

  #recommendContents .u-plSp--69 {
    padding-left: 6.9rem !important
  }

  #recommendContents .u-pxSp--69 {
    padding-left: 6.9rem !important;
    padding-right: 6.9rem !important
  }

  #recommendContents .u-pySp--69 {
    padding-bottom: 6.9rem !important;
    padding-top: 6.9rem !important
  }

  #recommendContents .u-mSp--70 {
    margin: 7rem !important
  }

  #recommendContents .u-mtSp--70 {
    margin-top: 7rem !important
  }

  #recommendContents .u-mrSp--70 {
    margin-right: 7rem !important
  }

  #recommendContents .u-mbSp--70 {
    margin-bottom: 7rem !important
  }

  #recommendContents .u-mlSp--70 {
    margin-left: 7rem !important
  }

  #recommendContents .u-mxSp--70 {
    margin-left: 7rem !important;
    margin-right: 7rem !important
  }

  #recommendContents .u-mySp--70 {
    margin-bottom: 7rem !important;
    margin-top: 7rem !important
  }

  #recommendContents .u-pSp--70 {
    padding: 7rem !important
  }

  #recommendContents .u-ptSp--70 {
    padding-top: 7rem !important
  }

  #recommendContents .u-prSp--70 {
    padding-right: 7rem !important
  }

  #recommendContents .u-pbSp--70 {
    padding-bottom: 7rem !important
  }

  #recommendContents .u-plSp--70 {
    padding-left: 7rem !important
  }

  #recommendContents .u-pxSp--70 {
    padding-left: 7rem !important;
    padding-right: 7rem !important
  }

  #recommendContents .u-pySp--70 {
    padding-bottom: 7rem !important;
    padding-top: 7rem !important
  }

  #recommendContents .u-mSp--71 {
    margin: 7.1rem !important
  }

  #recommendContents .u-mtSp--71 {
    margin-top: 7.1rem !important
  }

  #recommendContents .u-mrSp--71 {
    margin-right: 7.1rem !important
  }

  #recommendContents .u-mbSp--71 {
    margin-bottom: 7.1rem !important
  }

  #recommendContents .u-mlSp--71 {
    margin-left: 7.1rem !important
  }

  #recommendContents .u-mxSp--71 {
    margin-left: 7.1rem !important;
    margin-right: 7.1rem !important
  }

  #recommendContents .u-mySp--71 {
    margin-bottom: 7.1rem !important;
    margin-top: 7.1rem !important
  }

  #recommendContents .u-pSp--71 {
    padding: 7.1rem !important
  }

  #recommendContents .u-ptSp--71 {
    padding-top: 7.1rem !important
  }

  #recommendContents .u-prSp--71 {
    padding-right: 7.1rem !important
  }

  #recommendContents .u-pbSp--71 {
    padding-bottom: 7.1rem !important
  }

  #recommendContents .u-plSp--71 {
    padding-left: 7.1rem !important
  }

  #recommendContents .u-pxSp--71 {
    padding-left: 7.1rem !important;
    padding-right: 7.1rem !important
  }

  #recommendContents .u-pySp--71 {
    padding-bottom: 7.1rem !important;
    padding-top: 7.1rem !important
  }

  #recommendContents .u-mSp--72 {
    margin: 7.2rem !important
  }

  #recommendContents .u-mtSp--72 {
    margin-top: 7.2rem !important
  }

  #recommendContents .u-mrSp--72 {
    margin-right: 7.2rem !important
  }

  #recommendContents .u-mbSp--72 {
    margin-bottom: 7.2rem !important
  }

  #recommendContents .u-mlSp--72 {
    margin-left: 7.2rem !important
  }

  #recommendContents .u-mxSp--72 {
    margin-left: 7.2rem !important;
    margin-right: 7.2rem !important
  }

  #recommendContents .u-mySp--72 {
    margin-bottom: 7.2rem !important;
    margin-top: 7.2rem !important
  }

  #recommendContents .u-pSp--72 {
    padding: 7.2rem !important
  }

  #recommendContents .u-ptSp--72 {
    padding-top: 7.2rem !important
  }

  #recommendContents .u-prSp--72 {
    padding-right: 7.2rem !important
  }

  #recommendContents .u-pbSp--72 {
    padding-bottom: 7.2rem !important
  }

  #recommendContents .u-plSp--72 {
    padding-left: 7.2rem !important
  }

  #recommendContents .u-pxSp--72 {
    padding-left: 7.2rem !important;
    padding-right: 7.2rem !important
  }

  #recommendContents .u-pySp--72 {
    padding-bottom: 7.2rem !important;
    padding-top: 7.2rem !important
  }

  #recommendContents .u-mSp--73 {
    margin: 7.3rem !important
  }

  #recommendContents .u-mtSp--73 {
    margin-top: 7.3rem !important
  }

  #recommendContents .u-mrSp--73 {
    margin-right: 7.3rem !important
  }

  #recommendContents .u-mbSp--73 {
    margin-bottom: 7.3rem !important
  }

  #recommendContents .u-mlSp--73 {
    margin-left: 7.3rem !important
  }

  #recommendContents .u-mxSp--73 {
    margin-left: 7.3rem !important;
    margin-right: 7.3rem !important
  }

  #recommendContents .u-mySp--73 {
    margin-bottom: 7.3rem !important;
    margin-top: 7.3rem !important
  }

  #recommendContents .u-pSp--73 {
    padding: 7.3rem !important
  }

  #recommendContents .u-ptSp--73 {
    padding-top: 7.3rem !important
  }

  #recommendContents .u-prSp--73 {
    padding-right: 7.3rem !important
  }

  #recommendContents .u-pbSp--73 {
    padding-bottom: 7.3rem !important
  }

  #recommendContents .u-plSp--73 {
    padding-left: 7.3rem !important
  }

  #recommendContents .u-pxSp--73 {
    padding-left: 7.3rem !important;
    padding-right: 7.3rem !important
  }

  #recommendContents .u-pySp--73 {
    padding-bottom: 7.3rem !important;
    padding-top: 7.3rem !important
  }

  #recommendContents .u-mSp--74 {
    margin: 7.4rem !important
  }

  #recommendContents .u-mtSp--74 {
    margin-top: 7.4rem !important
  }

  #recommendContents .u-mrSp--74 {
    margin-right: 7.4rem !important
  }

  #recommendContents .u-mbSp--74 {
    margin-bottom: 7.4rem !important
  }

  #recommendContents .u-mlSp--74 {
    margin-left: 7.4rem !important
  }

  #recommendContents .u-mxSp--74 {
    margin-left: 7.4rem !important;
    margin-right: 7.4rem !important
  }

  #recommendContents .u-mySp--74 {
    margin-bottom: 7.4rem !important;
    margin-top: 7.4rem !important
  }

  #recommendContents .u-pSp--74 {
    padding: 7.4rem !important
  }

  #recommendContents .u-ptSp--74 {
    padding-top: 7.4rem !important
  }

  #recommendContents .u-prSp--74 {
    padding-right: 7.4rem !important
  }

  #recommendContents .u-pbSp--74 {
    padding-bottom: 7.4rem !important
  }

  #recommendContents .u-plSp--74 {
    padding-left: 7.4rem !important
  }

  #recommendContents .u-pxSp--74 {
    padding-left: 7.4rem !important;
    padding-right: 7.4rem !important
  }

  #recommendContents .u-pySp--74 {
    padding-bottom: 7.4rem !important;
    padding-top: 7.4rem !important
  }

  #recommendContents .u-mSp--75 {
    margin: 7.5rem !important
  }

  #recommendContents .u-mtSp--75 {
    margin-top: 7.5rem !important
  }

  #recommendContents .u-mrSp--75 {
    margin-right: 7.5rem !important
  }

  #recommendContents .u-mbSp--75 {
    margin-bottom: 7.5rem !important
  }

  #recommendContents .u-mlSp--75 {
    margin-left: 7.5rem !important
  }

  #recommendContents .u-mxSp--75 {
    margin-left: 7.5rem !important;
    margin-right: 7.5rem !important
  }

  #recommendContents .u-mySp--75 {
    margin-bottom: 7.5rem !important;
    margin-top: 7.5rem !important
  }

  #recommendContents .u-pSp--75 {
    padding: 7.5rem !important
  }

  #recommendContents .u-ptSp--75 {
    padding-top: 7.5rem !important
  }

  #recommendContents .u-prSp--75 {
    padding-right: 7.5rem !important
  }

  #recommendContents .u-pbSp--75 {
    padding-bottom: 7.5rem !important
  }

  #recommendContents .u-plSp--75 {
    padding-left: 7.5rem !important
  }

  #recommendContents .u-pxSp--75 {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important
  }

  #recommendContents .u-pySp--75 {
    padding-bottom: 7.5rem !important;
    padding-top: 7.5rem !important
  }

  #recommendContents .u-mSp--76 {
    margin: 7.6rem !important
  }

  #recommendContents .u-mtSp--76 {
    margin-top: 7.6rem !important
  }

  #recommendContents .u-mrSp--76 {
    margin-right: 7.6rem !important
  }

  #recommendContents .u-mbSp--76 {
    margin-bottom: 7.6rem !important
  }

  #recommendContents .u-mlSp--76 {
    margin-left: 7.6rem !important
  }

  #recommendContents .u-mxSp--76 {
    margin-left: 7.6rem !important;
    margin-right: 7.6rem !important
  }

  #recommendContents .u-mySp--76 {
    margin-bottom: 7.6rem !important;
    margin-top: 7.6rem !important
  }

  #recommendContents .u-pSp--76 {
    padding: 7.6rem !important
  }

  #recommendContents .u-ptSp--76 {
    padding-top: 7.6rem !important
  }

  #recommendContents .u-prSp--76 {
    padding-right: 7.6rem !important
  }

  #recommendContents .u-pbSp--76 {
    padding-bottom: 7.6rem !important
  }

  #recommendContents .u-plSp--76 {
    padding-left: 7.6rem !important
  }

  #recommendContents .u-pxSp--76 {
    padding-left: 7.6rem !important;
    padding-right: 7.6rem !important
  }

  #recommendContents .u-pySp--76 {
    padding-bottom: 7.6rem !important;
    padding-top: 7.6rem !important
  }

  #recommendContents .u-mSp--77 {
    margin: 7.7rem !important
  }

  #recommendContents .u-mtSp--77 {
    margin-top: 7.7rem !important
  }

  #recommendContents .u-mrSp--77 {
    margin-right: 7.7rem !important
  }

  #recommendContents .u-mbSp--77 {
    margin-bottom: 7.7rem !important
  }

  #recommendContents .u-mlSp--77 {
    margin-left: 7.7rem !important
  }

  #recommendContents .u-mxSp--77 {
    margin-left: 7.7rem !important;
    margin-right: 7.7rem !important
  }

  #recommendContents .u-mySp--77 {
    margin-bottom: 7.7rem !important;
    margin-top: 7.7rem !important
  }

  #recommendContents .u-pSp--77 {
    padding: 7.7rem !important
  }

  #recommendContents .u-ptSp--77 {
    padding-top: 7.7rem !important
  }

  #recommendContents .u-prSp--77 {
    padding-right: 7.7rem !important
  }

  #recommendContents .u-pbSp--77 {
    padding-bottom: 7.7rem !important
  }

  #recommendContents .u-plSp--77 {
    padding-left: 7.7rem !important
  }

  #recommendContents .u-pxSp--77 {
    padding-left: 7.7rem !important;
    padding-right: 7.7rem !important
  }

  #recommendContents .u-pySp--77 {
    padding-bottom: 7.7rem !important;
    padding-top: 7.7rem !important
  }

  #recommendContents .u-mSp--78 {
    margin: 7.8rem !important
  }

  #recommendContents .u-mtSp--78 {
    margin-top: 7.8rem !important
  }

  #recommendContents .u-mrSp--78 {
    margin-right: 7.8rem !important
  }

  #recommendContents .u-mbSp--78 {
    margin-bottom: 7.8rem !important
  }

  #recommendContents .u-mlSp--78 {
    margin-left: 7.8rem !important
  }

  #recommendContents .u-mxSp--78 {
    margin-left: 7.8rem !important;
    margin-right: 7.8rem !important
  }

  #recommendContents .u-mySp--78 {
    margin-bottom: 7.8rem !important;
    margin-top: 7.8rem !important
  }

  #recommendContents .u-pSp--78 {
    padding: 7.8rem !important
  }

  #recommendContents .u-ptSp--78 {
    padding-top: 7.8rem !important
  }

  #recommendContents .u-prSp--78 {
    padding-right: 7.8rem !important
  }

  #recommendContents .u-pbSp--78 {
    padding-bottom: 7.8rem !important
  }

  #recommendContents .u-plSp--78 {
    padding-left: 7.8rem !important
  }

  #recommendContents .u-pxSp--78 {
    padding-left: 7.8rem !important;
    padding-right: 7.8rem !important
  }

  #recommendContents .u-pySp--78 {
    padding-bottom: 7.8rem !important;
    padding-top: 7.8rem !important
  }

  #recommendContents .u-mSp--79 {
    margin: 7.9rem !important
  }

  #recommendContents .u-mtSp--79 {
    margin-top: 7.9rem !important
  }

  #recommendContents .u-mrSp--79 {
    margin-right: 7.9rem !important
  }

  #recommendContents .u-mbSp--79 {
    margin-bottom: 7.9rem !important
  }

  #recommendContents .u-mlSp--79 {
    margin-left: 7.9rem !important
  }

  #recommendContents .u-mxSp--79 {
    margin-left: 7.9rem !important;
    margin-right: 7.9rem !important
  }

  #recommendContents .u-mySp--79 {
    margin-bottom: 7.9rem !important;
    margin-top: 7.9rem !important
  }

  #recommendContents .u-pSp--79 {
    padding: 7.9rem !important
  }

  #recommendContents .u-ptSp--79 {
    padding-top: 7.9rem !important
  }

  #recommendContents .u-prSp--79 {
    padding-right: 7.9rem !important
  }

  #recommendContents .u-pbSp--79 {
    padding-bottom: 7.9rem !important
  }

  #recommendContents .u-plSp--79 {
    padding-left: 7.9rem !important
  }

  #recommendContents .u-pxSp--79 {
    padding-left: 7.9rem !important;
    padding-right: 7.9rem !important
  }

  #recommendContents .u-pySp--79 {
    padding-bottom: 7.9rem !important;
    padding-top: 7.9rem !important
  }

  #recommendContents .u-mSp--80 {
    margin: 8rem !important
  }

  #recommendContents .u-mtSp--80 {
    margin-top: 8rem !important
  }

  #recommendContents .u-mrSp--80 {
    margin-right: 8rem !important
  }

  #recommendContents .u-mbSp--80 {
    margin-bottom: 8rem !important
  }

  #recommendContents .u-mlSp--80 {
    margin-left: 8rem !important
  }

  #recommendContents .u-mxSp--80 {
    margin-left: 8rem !important;
    margin-right: 8rem !important
  }

  #recommendContents .u-mySp--80 {
    margin-bottom: 8rem !important;
    margin-top: 8rem !important
  }

  #recommendContents .u-pSp--80 {
    padding: 8rem !important
  }

  #recommendContents .u-ptSp--80 {
    padding-top: 8rem !important
  }

  #recommendContents .u-prSp--80 {
    padding-right: 8rem !important
  }

  #recommendContents .u-pbSp--80 {
    padding-bottom: 8rem !important
  }

  #recommendContents .u-plSp--80 {
    padding-left: 8rem !important
  }

  #recommendContents .u-pxSp--80 {
    padding-left: 8rem !important;
    padding-right: 8rem !important
  }

  #recommendContents .u-pySp--80 {
    padding-bottom: 8rem !important;
    padding-top: 8rem !important
  }

  #recommendContents .u-mSp--81 {
    margin: 8.1rem !important
  }

  #recommendContents .u-mtSp--81 {
    margin-top: 8.1rem !important
  }

  #recommendContents .u-mrSp--81 {
    margin-right: 8.1rem !important
  }

  #recommendContents .u-mbSp--81 {
    margin-bottom: 8.1rem !important
  }

  #recommendContents .u-mlSp--81 {
    margin-left: 8.1rem !important
  }

  #recommendContents .u-mxSp--81 {
    margin-left: 8.1rem !important;
    margin-right: 8.1rem !important
  }

  #recommendContents .u-mySp--81 {
    margin-bottom: 8.1rem !important;
    margin-top: 8.1rem !important
  }

  #recommendContents .u-pSp--81 {
    padding: 8.1rem !important
  }

  #recommendContents .u-ptSp--81 {
    padding-top: 8.1rem !important
  }

  #recommendContents .u-prSp--81 {
    padding-right: 8.1rem !important
  }

  #recommendContents .u-pbSp--81 {
    padding-bottom: 8.1rem !important
  }

  #recommendContents .u-plSp--81 {
    padding-left: 8.1rem !important
  }

  #recommendContents .u-pxSp--81 {
    padding-left: 8.1rem !important;
    padding-right: 8.1rem !important
  }

  #recommendContents .u-pySp--81 {
    padding-bottom: 8.1rem !important;
    padding-top: 8.1rem !important
  }

  #recommendContents .u-mSp--82 {
    margin: 8.2rem !important
  }

  #recommendContents .u-mtSp--82 {
    margin-top: 8.2rem !important
  }

  #recommendContents .u-mrSp--82 {
    margin-right: 8.2rem !important
  }

  #recommendContents .u-mbSp--82 {
    margin-bottom: 8.2rem !important
  }

  #recommendContents .u-mlSp--82 {
    margin-left: 8.2rem !important
  }

  #recommendContents .u-mxSp--82 {
    margin-left: 8.2rem !important;
    margin-right: 8.2rem !important
  }

  #recommendContents .u-mySp--82 {
    margin-bottom: 8.2rem !important;
    margin-top: 8.2rem !important
  }

  #recommendContents .u-pSp--82 {
    padding: 8.2rem !important
  }

  #recommendContents .u-ptSp--82 {
    padding-top: 8.2rem !important
  }

  #recommendContents .u-prSp--82 {
    padding-right: 8.2rem !important
  }

  #recommendContents .u-pbSp--82 {
    padding-bottom: 8.2rem !important
  }

  #recommendContents .u-plSp--82 {
    padding-left: 8.2rem !important
  }

  #recommendContents .u-pxSp--82 {
    padding-left: 8.2rem !important;
    padding-right: 8.2rem !important
  }

  #recommendContents .u-pySp--82 {
    padding-bottom: 8.2rem !important;
    padding-top: 8.2rem !important
  }

  #recommendContents .u-mSp--83 {
    margin: 8.3rem !important
  }

  #recommendContents .u-mtSp--83 {
    margin-top: 8.3rem !important
  }

  #recommendContents .u-mrSp--83 {
    margin-right: 8.3rem !important
  }

  #recommendContents .u-mbSp--83 {
    margin-bottom: 8.3rem !important
  }

  #recommendContents .u-mlSp--83 {
    margin-left: 8.3rem !important
  }

  #recommendContents .u-mxSp--83 {
    margin-left: 8.3rem !important;
    margin-right: 8.3rem !important
  }

  #recommendContents .u-mySp--83 {
    margin-bottom: 8.3rem !important;
    margin-top: 8.3rem !important
  }

  #recommendContents .u-pSp--83 {
    padding: 8.3rem !important
  }

  #recommendContents .u-ptSp--83 {
    padding-top: 8.3rem !important
  }

  #recommendContents .u-prSp--83 {
    padding-right: 8.3rem !important
  }

  #recommendContents .u-pbSp--83 {
    padding-bottom: 8.3rem !important
  }

  #recommendContents .u-plSp--83 {
    padding-left: 8.3rem !important
  }

  #recommendContents .u-pxSp--83 {
    padding-left: 8.3rem !important;
    padding-right: 8.3rem !important
  }

  #recommendContents .u-pySp--83 {
    padding-bottom: 8.3rem !important;
    padding-top: 8.3rem !important
  }

  #recommendContents .u-mSp--84 {
    margin: 8.4rem !important
  }

  #recommendContents .u-mtSp--84 {
    margin-top: 8.4rem !important
  }

  #recommendContents .u-mrSp--84 {
    margin-right: 8.4rem !important
  }

  #recommendContents .u-mbSp--84 {
    margin-bottom: 8.4rem !important
  }

  #recommendContents .u-mlSp--84 {
    margin-left: 8.4rem !important
  }

  #recommendContents .u-mxSp--84 {
    margin-left: 8.4rem !important;
    margin-right: 8.4rem !important
  }

  #recommendContents .u-mySp--84 {
    margin-bottom: 8.4rem !important;
    margin-top: 8.4rem !important
  }

  #recommendContents .u-pSp--84 {
    padding: 8.4rem !important
  }

  #recommendContents .u-ptSp--84 {
    padding-top: 8.4rem !important
  }

  #recommendContents .u-prSp--84 {
    padding-right: 8.4rem !important
  }

  #recommendContents .u-pbSp--84 {
    padding-bottom: 8.4rem !important
  }

  #recommendContents .u-plSp--84 {
    padding-left: 8.4rem !important
  }

  #recommendContents .u-pxSp--84 {
    padding-left: 8.4rem !important;
    padding-right: 8.4rem !important
  }

  #recommendContents .u-pySp--84 {
    padding-bottom: 8.4rem !important;
    padding-top: 8.4rem !important
  }

  #recommendContents .u-mSp--85 {
    margin: 8.5rem !important
  }

  #recommendContents .u-mtSp--85 {
    margin-top: 8.5rem !important
  }

  #recommendContents .u-mrSp--85 {
    margin-right: 8.5rem !important
  }

  #recommendContents .u-mbSp--85 {
    margin-bottom: 8.5rem !important
  }

  #recommendContents .u-mlSp--85 {
    margin-left: 8.5rem !important
  }

  #recommendContents .u-mxSp--85 {
    margin-left: 8.5rem !important;
    margin-right: 8.5rem !important
  }

  #recommendContents .u-mySp--85 {
    margin-bottom: 8.5rem !important;
    margin-top: 8.5rem !important
  }

  #recommendContents .u-pSp--85 {
    padding: 8.5rem !important
  }

  #recommendContents .u-ptSp--85 {
    padding-top: 8.5rem !important
  }

  #recommendContents .u-prSp--85 {
    padding-right: 8.5rem !important
  }

  #recommendContents .u-pbSp--85 {
    padding-bottom: 8.5rem !important
  }

  #recommendContents .u-plSp--85 {
    padding-left: 8.5rem !important
  }

  #recommendContents .u-pxSp--85 {
    padding-left: 8.5rem !important;
    padding-right: 8.5rem !important
  }

  #recommendContents .u-pySp--85 {
    padding-bottom: 8.5rem !important;
    padding-top: 8.5rem !important
  }

  #recommendContents .u-mSp--86 {
    margin: 8.6rem !important
  }

  #recommendContents .u-mtSp--86 {
    margin-top: 8.6rem !important
  }

  #recommendContents .u-mrSp--86 {
    margin-right: 8.6rem !important
  }

  #recommendContents .u-mbSp--86 {
    margin-bottom: 8.6rem !important
  }

  #recommendContents .u-mlSp--86 {
    margin-left: 8.6rem !important
  }

  #recommendContents .u-mxSp--86 {
    margin-left: 8.6rem !important;
    margin-right: 8.6rem !important
  }

  #recommendContents .u-mySp--86 {
    margin-bottom: 8.6rem !important;
    margin-top: 8.6rem !important
  }

  #recommendContents .u-pSp--86 {
    padding: 8.6rem !important
  }

  #recommendContents .u-ptSp--86 {
    padding-top: 8.6rem !important
  }

  #recommendContents .u-prSp--86 {
    padding-right: 8.6rem !important
  }

  #recommendContents .u-pbSp--86 {
    padding-bottom: 8.6rem !important
  }

  #recommendContents .u-plSp--86 {
    padding-left: 8.6rem !important
  }

  #recommendContents .u-pxSp--86 {
    padding-left: 8.6rem !important;
    padding-right: 8.6rem !important
  }

  #recommendContents .u-pySp--86 {
    padding-bottom: 8.6rem !important;
    padding-top: 8.6rem !important
  }

  #recommendContents .u-mSp--87 {
    margin: 8.7rem !important
  }

  #recommendContents .u-mtSp--87 {
    margin-top: 8.7rem !important
  }

  #recommendContents .u-mrSp--87 {
    margin-right: 8.7rem !important
  }

  #recommendContents .u-mbSp--87 {
    margin-bottom: 8.7rem !important
  }

  #recommendContents .u-mlSp--87 {
    margin-left: 8.7rem !important
  }

  #recommendContents .u-mxSp--87 {
    margin-left: 8.7rem !important;
    margin-right: 8.7rem !important
  }

  #recommendContents .u-mySp--87 {
    margin-bottom: 8.7rem !important;
    margin-top: 8.7rem !important
  }

  #recommendContents .u-pSp--87 {
    padding: 8.7rem !important
  }

  #recommendContents .u-ptSp--87 {
    padding-top: 8.7rem !important
  }

  #recommendContents .u-prSp--87 {
    padding-right: 8.7rem !important
  }

  #recommendContents .u-pbSp--87 {
    padding-bottom: 8.7rem !important
  }

  #recommendContents .u-plSp--87 {
    padding-left: 8.7rem !important
  }

  #recommendContents .u-pxSp--87 {
    padding-left: 8.7rem !important;
    padding-right: 8.7rem !important
  }

  #recommendContents .u-pySp--87 {
    padding-bottom: 8.7rem !important;
    padding-top: 8.7rem !important
  }

  #recommendContents .u-mSp--88 {
    margin: 8.8rem !important
  }

  #recommendContents .u-mtSp--88 {
    margin-top: 8.8rem !important
  }

  #recommendContents .u-mrSp--88 {
    margin-right: 8.8rem !important
  }

  #recommendContents .u-mbSp--88 {
    margin-bottom: 8.8rem !important
  }

  #recommendContents .u-mlSp--88 {
    margin-left: 8.8rem !important
  }

  #recommendContents .u-mxSp--88 {
    margin-left: 8.8rem !important;
    margin-right: 8.8rem !important
  }

  #recommendContents .u-mySp--88 {
    margin-bottom: 8.8rem !important;
    margin-top: 8.8rem !important
  }

  #recommendContents .u-pSp--88 {
    padding: 8.8rem !important
  }

  #recommendContents .u-ptSp--88 {
    padding-top: 8.8rem !important
  }

  #recommendContents .u-prSp--88 {
    padding-right: 8.8rem !important
  }

  #recommendContents .u-pbSp--88 {
    padding-bottom: 8.8rem !important
  }

  #recommendContents .u-plSp--88 {
    padding-left: 8.8rem !important
  }

  #recommendContents .u-pxSp--88 {
    padding-left: 8.8rem !important;
    padding-right: 8.8rem !important
  }

  #recommendContents .u-pySp--88 {
    padding-bottom: 8.8rem !important;
    padding-top: 8.8rem !important
  }

  #recommendContents .u-mSp--89 {
    margin: 8.9rem !important
  }

  #recommendContents .u-mtSp--89 {
    margin-top: 8.9rem !important
  }

  #recommendContents .u-mrSp--89 {
    margin-right: 8.9rem !important
  }

  #recommendContents .u-mbSp--89 {
    margin-bottom: 8.9rem !important
  }

  #recommendContents .u-mlSp--89 {
    margin-left: 8.9rem !important
  }

  #recommendContents .u-mxSp--89 {
    margin-left: 8.9rem !important;
    margin-right: 8.9rem !important
  }

  #recommendContents .u-mySp--89 {
    margin-bottom: 8.9rem !important;
    margin-top: 8.9rem !important
  }

  #recommendContents .u-pSp--89 {
    padding: 8.9rem !important
  }

  #recommendContents .u-ptSp--89 {
    padding-top: 8.9rem !important
  }

  #recommendContents .u-prSp--89 {
    padding-right: 8.9rem !important
  }

  #recommendContents .u-pbSp--89 {
    padding-bottom: 8.9rem !important
  }

  #recommendContents .u-plSp--89 {
    padding-left: 8.9rem !important
  }

  #recommendContents .u-pxSp--89 {
    padding-left: 8.9rem !important;
    padding-right: 8.9rem !important
  }

  #recommendContents .u-pySp--89 {
    padding-bottom: 8.9rem !important;
    padding-top: 8.9rem !important
  }

  #recommendContents .u-mSp--90 {
    margin: 9rem !important
  }

  #recommendContents .u-mtSp--90 {
    margin-top: 9rem !important
  }

  #recommendContents .u-mrSp--90 {
    margin-right: 9rem !important
  }

  #recommendContents .u-mbSp--90 {
    margin-bottom: 9rem !important
  }

  #recommendContents .u-mlSp--90 {
    margin-left: 9rem !important
  }

  #recommendContents .u-mxSp--90 {
    margin-left: 9rem !important;
    margin-right: 9rem !important
  }

  #recommendContents .u-mySp--90 {
    margin-bottom: 9rem !important;
    margin-top: 9rem !important
  }

  #recommendContents .u-pSp--90 {
    padding: 9rem !important
  }

  #recommendContents .u-ptSp--90 {
    padding-top: 9rem !important
  }

  #recommendContents .u-prSp--90 {
    padding-right: 9rem !important
  }

  #recommendContents .u-pbSp--90 {
    padding-bottom: 9rem !important
  }

  #recommendContents .u-plSp--90 {
    padding-left: 9rem !important
  }

  #recommendContents .u-pxSp--90 {
    padding-left: 9rem !important;
    padding-right: 9rem !important
  }

  #recommendContents .u-pySp--90 {
    padding-bottom: 9rem !important;
    padding-top: 9rem !important
  }

  #recommendContents .u-mSp--91 {
    margin: 9.1rem !important
  }

  #recommendContents .u-mtSp--91 {
    margin-top: 9.1rem !important
  }

  #recommendContents .u-mrSp--91 {
    margin-right: 9.1rem !important
  }

  #recommendContents .u-mbSp--91 {
    margin-bottom: 9.1rem !important
  }

  #recommendContents .u-mlSp--91 {
    margin-left: 9.1rem !important
  }

  #recommendContents .u-mxSp--91 {
    margin-left: 9.1rem !important;
    margin-right: 9.1rem !important
  }

  #recommendContents .u-mySp--91 {
    margin-bottom: 9.1rem !important;
    margin-top: 9.1rem !important
  }

  #recommendContents .u-pSp--91 {
    padding: 9.1rem !important
  }

  #recommendContents .u-ptSp--91 {
    padding-top: 9.1rem !important
  }

  #recommendContents .u-prSp--91 {
    padding-right: 9.1rem !important
  }

  #recommendContents .u-pbSp--91 {
    padding-bottom: 9.1rem !important
  }

  #recommendContents .u-plSp--91 {
    padding-left: 9.1rem !important
  }

  #recommendContents .u-pxSp--91 {
    padding-left: 9.1rem !important;
    padding-right: 9.1rem !important
  }

  #recommendContents .u-pySp--91 {
    padding-bottom: 9.1rem !important;
    padding-top: 9.1rem !important
  }

  #recommendContents .u-mSp--92 {
    margin: 9.2rem !important
  }

  #recommendContents .u-mtSp--92 {
    margin-top: 9.2rem !important
  }

  #recommendContents .u-mrSp--92 {
    margin-right: 9.2rem !important
  }

  #recommendContents .u-mbSp--92 {
    margin-bottom: 9.2rem !important
  }

  #recommendContents .u-mlSp--92 {
    margin-left: 9.2rem !important
  }

  #recommendContents .u-mxSp--92 {
    margin-left: 9.2rem !important;
    margin-right: 9.2rem !important
  }

  #recommendContents .u-mySp--92 {
    margin-bottom: 9.2rem !important;
    margin-top: 9.2rem !important
  }

  #recommendContents .u-pSp--92 {
    padding: 9.2rem !important
  }

  #recommendContents .u-ptSp--92 {
    padding-top: 9.2rem !important
  }

  #recommendContents .u-prSp--92 {
    padding-right: 9.2rem !important
  }

  #recommendContents .u-pbSp--92 {
    padding-bottom: 9.2rem !important
  }

  #recommendContents .u-plSp--92 {
    padding-left: 9.2rem !important
  }

  #recommendContents .u-pxSp--92 {
    padding-left: 9.2rem !important;
    padding-right: 9.2rem !important
  }

  #recommendContents .u-pySp--92 {
    padding-bottom: 9.2rem !important;
    padding-top: 9.2rem !important
  }

  #recommendContents .u-mSp--93 {
    margin: 9.3rem !important
  }

  #recommendContents .u-mtSp--93 {
    margin-top: 9.3rem !important
  }

  #recommendContents .u-mrSp--93 {
    margin-right: 9.3rem !important
  }

  #recommendContents .u-mbSp--93 {
    margin-bottom: 9.3rem !important
  }

  #recommendContents .u-mlSp--93 {
    margin-left: 9.3rem !important
  }

  #recommendContents .u-mxSp--93 {
    margin-left: 9.3rem !important;
    margin-right: 9.3rem !important
  }

  #recommendContents .u-mySp--93 {
    margin-bottom: 9.3rem !important;
    margin-top: 9.3rem !important
  }

  #recommendContents .u-pSp--93 {
    padding: 9.3rem !important
  }

  #recommendContents .u-ptSp--93 {
    padding-top: 9.3rem !important
  }

  #recommendContents .u-prSp--93 {
    padding-right: 9.3rem !important
  }

  #recommendContents .u-pbSp--93 {
    padding-bottom: 9.3rem !important
  }

  #recommendContents .u-plSp--93 {
    padding-left: 9.3rem !important
  }

  #recommendContents .u-pxSp--93 {
    padding-left: 9.3rem !important;
    padding-right: 9.3rem !important
  }

  #recommendContents .u-pySp--93 {
    padding-bottom: 9.3rem !important;
    padding-top: 9.3rem !important
  }

  #recommendContents .u-mSp--94 {
    margin: 9.4rem !important
  }

  #recommendContents .u-mtSp--94 {
    margin-top: 9.4rem !important
  }

  #recommendContents .u-mrSp--94 {
    margin-right: 9.4rem !important
  }

  #recommendContents .u-mbSp--94 {
    margin-bottom: 9.4rem !important
  }

  #recommendContents .u-mlSp--94 {
    margin-left: 9.4rem !important
  }

  #recommendContents .u-mxSp--94 {
    margin-left: 9.4rem !important;
    margin-right: 9.4rem !important
  }

  #recommendContents .u-mySp--94 {
    margin-bottom: 9.4rem !important;
    margin-top: 9.4rem !important
  }

  #recommendContents .u-pSp--94 {
    padding: 9.4rem !important
  }

  #recommendContents .u-ptSp--94 {
    padding-top: 9.4rem !important
  }

  #recommendContents .u-prSp--94 {
    padding-right: 9.4rem !important
  }

  #recommendContents .u-pbSp--94 {
    padding-bottom: 9.4rem !important
  }

  #recommendContents .u-plSp--94 {
    padding-left: 9.4rem !important
  }

  #recommendContents .u-pxSp--94 {
    padding-left: 9.4rem !important;
    padding-right: 9.4rem !important
  }

  #recommendContents .u-pySp--94 {
    padding-bottom: 9.4rem !important;
    padding-top: 9.4rem !important
  }

  #recommendContents .u-mSp--95 {
    margin: 9.5rem !important
  }

  #recommendContents .u-mtSp--95 {
    margin-top: 9.5rem !important
  }

  #recommendContents .u-mrSp--95 {
    margin-right: 9.5rem !important
  }

  #recommendContents .u-mbSp--95 {
    margin-bottom: 9.5rem !important
  }

  #recommendContents .u-mlSp--95 {
    margin-left: 9.5rem !important
  }

  #recommendContents .u-mxSp--95 {
    margin-left: 9.5rem !important;
    margin-right: 9.5rem !important
  }

  #recommendContents .u-mySp--95 {
    margin-bottom: 9.5rem !important;
    margin-top: 9.5rem !important
  }

  #recommendContents .u-pSp--95 {
    padding: 9.5rem !important
  }

  #recommendContents .u-ptSp--95 {
    padding-top: 9.5rem !important
  }

  #recommendContents .u-prSp--95 {
    padding-right: 9.5rem !important
  }

  #recommendContents .u-pbSp--95 {
    padding-bottom: 9.5rem !important
  }

  #recommendContents .u-plSp--95 {
    padding-left: 9.5rem !important
  }

  #recommendContents .u-pxSp--95 {
    padding-left: 9.5rem !important;
    padding-right: 9.5rem !important
  }

  #recommendContents .u-pySp--95 {
    padding-bottom: 9.5rem !important;
    padding-top: 9.5rem !important
  }

  #recommendContents .u-mSp--96 {
    margin: 9.6rem !important
  }

  #recommendContents .u-mtSp--96 {
    margin-top: 9.6rem !important
  }

  #recommendContents .u-mrSp--96 {
    margin-right: 9.6rem !important
  }

  #recommendContents .u-mbSp--96 {
    margin-bottom: 9.6rem !important
  }

  #recommendContents .u-mlSp--96 {
    margin-left: 9.6rem !important
  }

  #recommendContents .u-mxSp--96 {
    margin-left: 9.6rem !important;
    margin-right: 9.6rem !important
  }

  #recommendContents .u-mySp--96 {
    margin-bottom: 9.6rem !important;
    margin-top: 9.6rem !important
  }

  #recommendContents .u-pSp--96 {
    padding: 9.6rem !important
  }

  #recommendContents .u-ptSp--96 {
    padding-top: 9.6rem !important
  }

  #recommendContents .u-prSp--96 {
    padding-right: 9.6rem !important
  }

  #recommendContents .u-pbSp--96 {
    padding-bottom: 9.6rem !important
  }

  #recommendContents .u-plSp--96 {
    padding-left: 9.6rem !important
  }

  #recommendContents .u-pxSp--96 {
    padding-left: 9.6rem !important;
    padding-right: 9.6rem !important
  }

  #recommendContents .u-pySp--96 {
    padding-bottom: 9.6rem !important;
    padding-top: 9.6rem !important
  }

  #recommendContents .u-mSp--97 {
    margin: 9.7rem !important
  }

  #recommendContents .u-mtSp--97 {
    margin-top: 9.7rem !important
  }

  #recommendContents .u-mrSp--97 {
    margin-right: 9.7rem !important
  }

  #recommendContents .u-mbSp--97 {
    margin-bottom: 9.7rem !important
  }

  #recommendContents .u-mlSp--97 {
    margin-left: 9.7rem !important
  }

  #recommendContents .u-mxSp--97 {
    margin-left: 9.7rem !important;
    margin-right: 9.7rem !important
  }

  #recommendContents .u-mySp--97 {
    margin-bottom: 9.7rem !important;
    margin-top: 9.7rem !important
  }

  #recommendContents .u-pSp--97 {
    padding: 9.7rem !important
  }

  #recommendContents .u-ptSp--97 {
    padding-top: 9.7rem !important
  }

  #recommendContents .u-prSp--97 {
    padding-right: 9.7rem !important
  }

  #recommendContents .u-pbSp--97 {
    padding-bottom: 9.7rem !important
  }

  #recommendContents .u-plSp--97 {
    padding-left: 9.7rem !important
  }

  #recommendContents .u-pxSp--97 {
    padding-left: 9.7rem !important;
    padding-right: 9.7rem !important
  }

  #recommendContents .u-pySp--97 {
    padding-bottom: 9.7rem !important;
    padding-top: 9.7rem !important
  }

  #recommendContents .u-mSp--98 {
    margin: 9.8rem !important
  }

  #recommendContents .u-mtSp--98 {
    margin-top: 9.8rem !important
  }

  #recommendContents .u-mrSp--98 {
    margin-right: 9.8rem !important
  }

  #recommendContents .u-mbSp--98 {
    margin-bottom: 9.8rem !important
  }

  #recommendContents .u-mlSp--98 {
    margin-left: 9.8rem !important
  }

  #recommendContents .u-mxSp--98 {
    margin-left: 9.8rem !important;
    margin-right: 9.8rem !important
  }

  #recommendContents .u-mySp--98 {
    margin-bottom: 9.8rem !important;
    margin-top: 9.8rem !important
  }

  #recommendContents .u-pSp--98 {
    padding: 9.8rem !important
  }

  #recommendContents .u-ptSp--98 {
    padding-top: 9.8rem !important
  }

  #recommendContents .u-prSp--98 {
    padding-right: 9.8rem !important
  }

  #recommendContents .u-pbSp--98 {
    padding-bottom: 9.8rem !important
  }

  #recommendContents .u-plSp--98 {
    padding-left: 9.8rem !important
  }

  #recommendContents .u-pxSp--98 {
    padding-left: 9.8rem !important;
    padding-right: 9.8rem !important
  }

  #recommendContents .u-pySp--98 {
    padding-bottom: 9.8rem !important;
    padding-top: 9.8rem !important
  }

  #recommendContents .u-mSp--99 {
    margin: 9.9rem !important
  }

  #recommendContents .u-mtSp--99 {
    margin-top: 9.9rem !important
  }

  #recommendContents .u-mrSp--99 {
    margin-right: 9.9rem !important
  }

  #recommendContents .u-mbSp--99 {
    margin-bottom: 9.9rem !important
  }

  #recommendContents .u-mlSp--99 {
    margin-left: 9.9rem !important
  }

  #recommendContents .u-mxSp--99 {
    margin-left: 9.9rem !important;
    margin-right: 9.9rem !important
  }

  #recommendContents .u-mySp--99 {
    margin-bottom: 9.9rem !important;
    margin-top: 9.9rem !important
  }

  #recommendContents .u-pSp--99 {
    padding: 9.9rem !important
  }

  #recommendContents .u-ptSp--99 {
    padding-top: 9.9rem !important
  }

  #recommendContents .u-prSp--99 {
    padding-right: 9.9rem !important
  }

  #recommendContents .u-pbSp--99 {
    padding-bottom: 9.9rem !important
  }

  #recommendContents .u-plSp--99 {
    padding-left: 9.9rem !important
  }

  #recommendContents .u-pxSp--99 {
    padding-left: 9.9rem !important;
    padding-right: 9.9rem !important
  }

  #recommendContents .u-pySp--99 {
    padding-bottom: 9.9rem !important;
    padding-top: 9.9rem !important
  }

  #recommendContents .u-mSp--100 {
    margin: 10rem !important
  }

  #recommendContents .u-mtSp--100 {
    margin-top: 10rem !important
  }

  #recommendContents .u-mrSp--100 {
    margin-right: 10rem !important
  }

  #recommendContents .u-mbSp--100 {
    margin-bottom: 10rem !important
  }

  #recommendContents .u-mlSp--100 {
    margin-left: 10rem !important
  }

  #recommendContents .u-mxSp--100 {
    margin-left: 10rem !important;
    margin-right: 10rem !important
  }

  #recommendContents .u-mySp--100 {
    margin-bottom: 10rem !important;
    margin-top: 10rem !important
  }

  #recommendContents .u-pSp--100 {
    padding: 10rem !important
  }

  #recommendContents .u-ptSp--100 {
    padding-top: 10rem !important
  }

  #recommendContents .u-prSp--100 {
    padding-right: 10rem !important
  }

  #recommendContents .u-pbSp--100 {
    padding-bottom: 10rem !important
  }

  #recommendContents .u-plSp--100 {
    padding-left: 10rem !important
  }

  #recommendContents .u-pxSp--100 {
    padding-left: 10rem !important;
    padding-right: 10rem !important
  }

  #recommendContents .u-pySp--100 {
    padding-bottom: 10rem !important;
    padding-top: 10rem !important
  }

  #recommendContents .u-mSp--101 {
    margin: 10.1rem !important
  }

  #recommendContents .u-mtSp--101 {
    margin-top: 10.1rem !important
  }

  #recommendContents .u-mrSp--101 {
    margin-right: 10.1rem !important
  }

  #recommendContents .u-mbSp--101 {
    margin-bottom: 10.1rem !important
  }

  #recommendContents .u-mlSp--101 {
    margin-left: 10.1rem !important
  }

  #recommendContents .u-mxSp--101 {
    margin-left: 10.1rem !important;
    margin-right: 10.1rem !important
  }

  #recommendContents .u-mySp--101 {
    margin-bottom: 10.1rem !important;
    margin-top: 10.1rem !important
  }

  #recommendContents .u-pSp--101 {
    padding: 10.1rem !important
  }

  #recommendContents .u-ptSp--101 {
    padding-top: 10.1rem !important
  }

  #recommendContents .u-prSp--101 {
    padding-right: 10.1rem !important
  }

  #recommendContents .u-pbSp--101 {
    padding-bottom: 10.1rem !important
  }

  #recommendContents .u-plSp--101 {
    padding-left: 10.1rem !important
  }

  #recommendContents .u-pxSp--101 {
    padding-left: 10.1rem !important;
    padding-right: 10.1rem !important
  }

  #recommendContents .u-pySp--101 {
    padding-bottom: 10.1rem !important;
    padding-top: 10.1rem !important
  }

  #recommendContents .u-mSp--102 {
    margin: 10.2rem !important
  }

  #recommendContents .u-mtSp--102 {
    margin-top: 10.2rem !important
  }

  #recommendContents .u-mrSp--102 {
    margin-right: 10.2rem !important
  }

  #recommendContents .u-mbSp--102 {
    margin-bottom: 10.2rem !important
  }

  #recommendContents .u-mlSp--102 {
    margin-left: 10.2rem !important
  }

  #recommendContents .u-mxSp--102 {
    margin-left: 10.2rem !important;
    margin-right: 10.2rem !important
  }

  #recommendContents .u-mySp--102 {
    margin-bottom: 10.2rem !important;
    margin-top: 10.2rem !important
  }

  #recommendContents .u-pSp--102 {
    padding: 10.2rem !important
  }

  #recommendContents .u-ptSp--102 {
    padding-top: 10.2rem !important
  }

  #recommendContents .u-prSp--102 {
    padding-right: 10.2rem !important
  }

  #recommendContents .u-pbSp--102 {
    padding-bottom: 10.2rem !important
  }

  #recommendContents .u-plSp--102 {
    padding-left: 10.2rem !important
  }

  #recommendContents .u-pxSp--102 {
    padding-left: 10.2rem !important;
    padding-right: 10.2rem !important
  }

  #recommendContents .u-pySp--102 {
    padding-bottom: 10.2rem !important;
    padding-top: 10.2rem !important
  }

  #recommendContents .u-mSp--103 {
    margin: 10.3rem !important
  }

  #recommendContents .u-mtSp--103 {
    margin-top: 10.3rem !important
  }

  #recommendContents .u-mrSp--103 {
    margin-right: 10.3rem !important
  }

  #recommendContents .u-mbSp--103 {
    margin-bottom: 10.3rem !important
  }

  #recommendContents .u-mlSp--103 {
    margin-left: 10.3rem !important
  }

  #recommendContents .u-mxSp--103 {
    margin-left: 10.3rem !important;
    margin-right: 10.3rem !important
  }

  #recommendContents .u-mySp--103 {
    margin-bottom: 10.3rem !important;
    margin-top: 10.3rem !important
  }

  #recommendContents .u-pSp--103 {
    padding: 10.3rem !important
  }

  #recommendContents .u-ptSp--103 {
    padding-top: 10.3rem !important
  }

  #recommendContents .u-prSp--103 {
    padding-right: 10.3rem !important
  }

  #recommendContents .u-pbSp--103 {
    padding-bottom: 10.3rem !important
  }

  #recommendContents .u-plSp--103 {
    padding-left: 10.3rem !important
  }

  #recommendContents .u-pxSp--103 {
    padding-left: 10.3rem !important;
    padding-right: 10.3rem !important
  }

  #recommendContents .u-pySp--103 {
    padding-bottom: 10.3rem !important;
    padding-top: 10.3rem !important
  }

  #recommendContents .u-mSp--104 {
    margin: 10.4rem !important
  }

  #recommendContents .u-mtSp--104 {
    margin-top: 10.4rem !important
  }

  #recommendContents .u-mrSp--104 {
    margin-right: 10.4rem !important
  }

  #recommendContents .u-mbSp--104 {
    margin-bottom: 10.4rem !important
  }

  #recommendContents .u-mlSp--104 {
    margin-left: 10.4rem !important
  }

  #recommendContents .u-mxSp--104 {
    margin-left: 10.4rem !important;
    margin-right: 10.4rem !important
  }

  #recommendContents .u-mySp--104 {
    margin-bottom: 10.4rem !important;
    margin-top: 10.4rem !important
  }

  #recommendContents .u-pSp--104 {
    padding: 10.4rem !important
  }

  #recommendContents .u-ptSp--104 {
    padding-top: 10.4rem !important
  }

  #recommendContents .u-prSp--104 {
    padding-right: 10.4rem !important
  }

  #recommendContents .u-pbSp--104 {
    padding-bottom: 10.4rem !important
  }

  #recommendContents .u-plSp--104 {
    padding-left: 10.4rem !important
  }

  #recommendContents .u-pxSp--104 {
    padding-left: 10.4rem !important;
    padding-right: 10.4rem !important
  }

  #recommendContents .u-pySp--104 {
    padding-bottom: 10.4rem !important;
    padding-top: 10.4rem !important
  }

  #recommendContents .u-mSp--105 {
    margin: 10.5rem !important
  }

  #recommendContents .u-mtSp--105 {
    margin-top: 10.5rem !important
  }

  #recommendContents .u-mrSp--105 {
    margin-right: 10.5rem !important
  }

  #recommendContents .u-mbSp--105 {
    margin-bottom: 10.5rem !important
  }

  #recommendContents .u-mlSp--105 {
    margin-left: 10.5rem !important
  }

  #recommendContents .u-mxSp--105 {
    margin-left: 10.5rem !important;
    margin-right: 10.5rem !important
  }

  #recommendContents .u-mySp--105 {
    margin-bottom: 10.5rem !important;
    margin-top: 10.5rem !important
  }

  #recommendContents .u-pSp--105 {
    padding: 10.5rem !important
  }

  #recommendContents .u-ptSp--105 {
    padding-top: 10.5rem !important
  }

  #recommendContents .u-prSp--105 {
    padding-right: 10.5rem !important
  }

  #recommendContents .u-pbSp--105 {
    padding-bottom: 10.5rem !important
  }

  #recommendContents .u-plSp--105 {
    padding-left: 10.5rem !important
  }

  #recommendContents .u-pxSp--105 {
    padding-left: 10.5rem !important;
    padding-right: 10.5rem !important
  }

  #recommendContents .u-pySp--105 {
    padding-bottom: 10.5rem !important;
    padding-top: 10.5rem !important
  }

  #recommendContents .u-mSp--106 {
    margin: 10.6rem !important
  }

  #recommendContents .u-mtSp--106 {
    margin-top: 10.6rem !important
  }

  #recommendContents .u-mrSp--106 {
    margin-right: 10.6rem !important
  }

  #recommendContents .u-mbSp--106 {
    margin-bottom: 10.6rem !important
  }

  #recommendContents .u-mlSp--106 {
    margin-left: 10.6rem !important
  }

  #recommendContents .u-mxSp--106 {
    margin-left: 10.6rem !important;
    margin-right: 10.6rem !important
  }

  #recommendContents .u-mySp--106 {
    margin-bottom: 10.6rem !important;
    margin-top: 10.6rem !important
  }

  #recommendContents .u-pSp--106 {
    padding: 10.6rem !important
  }

  #recommendContents .u-ptSp--106 {
    padding-top: 10.6rem !important
  }

  #recommendContents .u-prSp--106 {
    padding-right: 10.6rem !important
  }

  #recommendContents .u-pbSp--106 {
    padding-bottom: 10.6rem !important
  }

  #recommendContents .u-plSp--106 {
    padding-left: 10.6rem !important
  }

  #recommendContents .u-pxSp--106 {
    padding-left: 10.6rem !important;
    padding-right: 10.6rem !important
  }

  #recommendContents .u-pySp--106 {
    padding-bottom: 10.6rem !important;
    padding-top: 10.6rem !important
  }

  #recommendContents .u-mSp--107 {
    margin: 10.7rem !important
  }

  #recommendContents .u-mtSp--107 {
    margin-top: 10.7rem !important
  }

  #recommendContents .u-mrSp--107 {
    margin-right: 10.7rem !important
  }

  #recommendContents .u-mbSp--107 {
    margin-bottom: 10.7rem !important
  }

  #recommendContents .u-mlSp--107 {
    margin-left: 10.7rem !important
  }

  #recommendContents .u-mxSp--107 {
    margin-left: 10.7rem !important;
    margin-right: 10.7rem !important
  }

  #recommendContents .u-mySp--107 {
    margin-bottom: 10.7rem !important;
    margin-top: 10.7rem !important
  }

  #recommendContents .u-pSp--107 {
    padding: 10.7rem !important
  }

  #recommendContents .u-ptSp--107 {
    padding-top: 10.7rem !important
  }

  #recommendContents .u-prSp--107 {
    padding-right: 10.7rem !important
  }

  #recommendContents .u-pbSp--107 {
    padding-bottom: 10.7rem !important
  }

  #recommendContents .u-plSp--107 {
    padding-left: 10.7rem !important
  }

  #recommendContents .u-pxSp--107 {
    padding-left: 10.7rem !important;
    padding-right: 10.7rem !important
  }

  #recommendContents .u-pySp--107 {
    padding-bottom: 10.7rem !important;
    padding-top: 10.7rem !important
  }

  #recommendContents .u-mSp--108 {
    margin: 10.8rem !important
  }

  #recommendContents .u-mtSp--108 {
    margin-top: 10.8rem !important
  }

  #recommendContents .u-mrSp--108 {
    margin-right: 10.8rem !important
  }

  #recommendContents .u-mbSp--108 {
    margin-bottom: 10.8rem !important
  }

  #recommendContents .u-mlSp--108 {
    margin-left: 10.8rem !important
  }

  #recommendContents .u-mxSp--108 {
    margin-left: 10.8rem !important;
    margin-right: 10.8rem !important
  }

  #recommendContents .u-mySp--108 {
    margin-bottom: 10.8rem !important;
    margin-top: 10.8rem !important
  }

  #recommendContents .u-pSp--108 {
    padding: 10.8rem !important
  }

  #recommendContents .u-ptSp--108 {
    padding-top: 10.8rem !important
  }

  #recommendContents .u-prSp--108 {
    padding-right: 10.8rem !important
  }

  #recommendContents .u-pbSp--108 {
    padding-bottom: 10.8rem !important
  }

  #recommendContents .u-plSp--108 {
    padding-left: 10.8rem !important
  }

  #recommendContents .u-pxSp--108 {
    padding-left: 10.8rem !important;
    padding-right: 10.8rem !important
  }

  #recommendContents .u-pySp--108 {
    padding-bottom: 10.8rem !important;
    padding-top: 10.8rem !important
  }

  #recommendContents .u-mSp--109 {
    margin: 10.9rem !important
  }

  #recommendContents .u-mtSp--109 {
    margin-top: 10.9rem !important
  }

  #recommendContents .u-mrSp--109 {
    margin-right: 10.9rem !important
  }

  #recommendContents .u-mbSp--109 {
    margin-bottom: 10.9rem !important
  }

  #recommendContents .u-mlSp--109 {
    margin-left: 10.9rem !important
  }

  #recommendContents .u-mxSp--109 {
    margin-left: 10.9rem !important;
    margin-right: 10.9rem !important
  }

  #recommendContents .u-mySp--109 {
    margin-bottom: 10.9rem !important;
    margin-top: 10.9rem !important
  }

  #recommendContents .u-pSp--109 {
    padding: 10.9rem !important
  }

  #recommendContents .u-ptSp--109 {
    padding-top: 10.9rem !important
  }

  #recommendContents .u-prSp--109 {
    padding-right: 10.9rem !important
  }

  #recommendContents .u-pbSp--109 {
    padding-bottom: 10.9rem !important
  }

  #recommendContents .u-plSp--109 {
    padding-left: 10.9rem !important
  }

  #recommendContents .u-pxSp--109 {
    padding-left: 10.9rem !important;
    padding-right: 10.9rem !important
  }

  #recommendContents .u-pySp--109 {
    padding-bottom: 10.9rem !important;
    padding-top: 10.9rem !important
  }

  #recommendContents .u-mSp--110 {
    margin: 11rem !important
  }

  #recommendContents .u-mtSp--110 {
    margin-top: 11rem !important
  }

  #recommendContents .u-mrSp--110 {
    margin-right: 11rem !important
  }

  #recommendContents .u-mbSp--110 {
    margin-bottom: 11rem !important
  }

  #recommendContents .u-mlSp--110 {
    margin-left: 11rem !important
  }

  #recommendContents .u-mxSp--110 {
    margin-left: 11rem !important;
    margin-right: 11rem !important
  }

  #recommendContents .u-mxSp--auto {
    margin-left: auto;
    margin-right: auto
  }

  #recommendContents .u-mySp--110 {
    margin-bottom: 11rem !important;
    margin-top: 11rem !important
  }

  #recommendContents .u-pSp--110 {
    padding: 11rem !important
  }

  #recommendContents .u-ptSp--110 {
    padding-top: 11rem !important
  }

  #recommendContents .u-prSp--110 {
    padding-right: 11rem !important
  }

  #recommendContents .u-pbSp--110 {
    padding-bottom: 11rem !important
  }

  #recommendContents .u-plSp--110 {
    padding-left: 11rem !important
  }

  #recommendContents .u-pxSp--110 {
    padding-left: 11rem !important;
    padding-right: 11rem !important
  }

  #recommendContents .u-pySp--110 {
    padding-bottom: 11rem !important;
    padding-top: 11rem !important
  }

  #recommendContents .u-position--relativeSp {
    position: relative
  }
}

@media screen and (min-width:768px) {
  #recommendContents .sp-on {
    display: none
  }

  #recommendContents .c-accordion {
    border: 3px solid #000;
    -webkit-box-shadow: 10px 10px 0 #000;
    box-shadow: 10px 10px 0 #000
  }

  #recommendContents .c-accordion__header {
    border-bottom: 3px solid #000;
    font-size: 20px;
    padding: 25px
  }

  #recommendContents .c-accordion__button {
    height: 40px;
    right: 35px;
    width: 40px
  }

  #recommendContents .c-accordion__body {
    padding: 48px 40px
  }

  #recommendContents .c-accordion__close {
    height: 42px
  }

  #recommendContents .c-accordion__container {
    padding-bottom: 40px
  }

  #recommendContents .c-buttonContainer--isPack {
    margin: 5px auto 0
  }

  #recommendContents .c-familyInner+.c-buttonContainer,
  #recommendContents .plan-minimini+.c-buttonContainer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 40px;
    margin-top: 30px;
    width: 100%
  }

  #recommendContents .c-familyInner+.c-buttonContainer .c-buttonBlock,
  #recommendContents .plan-minimini+.c-buttonContainer .c-buttonBlock {
    max-width: 300px
  }

  #recommendContents .c-familyInner+.c-buttonContainer {
    margin-top: 40px
  }

  #recommendContents .c-comicModalKomikomi .c-planSec__cards .c-planSec__card {
    max-width: 284px
  }

  #recommendContents .c-comicModalKomikomi .c-planSec__cards .c-planSec__card .c-priceButtonContainer__button {
    bottom: inherit;
    font-size: min(1.3vw, 12px);
    padding-right: 10px;
    right: 9px;
    top: 129px
  }

  #recommendContents .c-comicModalOyako .c-modal__banner {
    margin-top: 60px
  }

  #recommendContents .c-comicModalOyako .c-comicModalOyako__note p {
    font-size: 14px
  }

  #recommendContents .c-comicModalKomikomi .c-modal__content,
  #recommendContents .c-comicModalOyako .c-modal__content,
  #recommendContents .c-comicModalTokutoku .c-modal__content,
  #recommendContents .comicModal02 .c-modal__content,
  #recommendContents .comicModal05 .c-modal__content,
  #recommendContents .planAreaModal .c-modal__content {
    -webkit-transform: translateX(-188px);
    transform: translateX(-188px)
  }

  #recommendContents .c-familyInner__note {
    font-size: 13px
  }

  #recommendContents .c-familyInner__borderedNote {
    font-size: 12px;
    left: calc(50% + 195px);
    margin: 0 !important;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }

  #recommendContents .c-iconCloseButton--gray:before {
    -webkit-filter: none;
    filter: none
  }

  #recommendContents .planDataModal .c-modalNote__wrap.planDataModal__note--01 {
    margin-top: 0;
    top: 12px
  }

  #recommendContents .planDataModal .c-modalNote__wrap.planDataModal__note--01 .c-modalNote__trigger {
    right: 19px
  }

  #recommendContents .planDataModal .c-modalNote__wrap.planDataModal__note--02 {
    margin: 7px 0 0;
    top: 0
  }

  #recommendContents .planDataModal .c-modalNote__wrap.planDataModal__note--03 {
    height: 36px;
    margin: 0;
    top: 10px
  }

  #recommendContents .planDataModal .c-modalNote__wrap.planDataModal__note--03 .c-modalNote:before {
    left: unset;
    right: 25px;
    -webkit-transform: none;
    transform: none
  }

  #recommendContents .planDataModal .c-modalNote__wrap.planDataModal__note--03 .c-modalNote__trigger {
    border-radius: 10px;
    height: 100%;
    right: 19px
  }

  #recommendContents .c-modal {
    height: 100vh
  }

  #recommendContents .c-modal__content {
    height: 100vh;
    left: 50%;
    padding-bottom: 114px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }

  #recommendContents .c-modal__comics {
    margin: 0 auto;
    max-width: 375px
  }

  #recommendContents .c-modal__comics__imgWrap .c-modalNote__trigger {
    right: 25px
  }

  #recommendContents .c-modal__comics .c-modalNote__wrap {
    margin: 15px 0
  }

  #recommendContents .c-modal__comics .c-modalNote__trigger {
    right: 25px
  }

  #recommendContents .c-modal__comics .c-modalNote__trigger.c-modalNote__trigger--white,
  #recommendContents .c-modal__comics .c-modalNote__trigger.c-pricePlanCard__priceModal {
    right: unset
  }

  #recommendContents .c-modal__closeButton {
    border-radius: 10px;
    bottom: 20px;
    cursor: pointer;
    height: 54px;
    left: 50%;
    overflow: hidden;
    position: fixed;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 138px;
    z-index: 1004
  }

  #recommendContents .c-modal__banner {
    display: block;
    margin: 0 auto;
    max-width: 375px
  }

  #recommendContents .c-modal__bannerText {
    margin-bottom: 15px
  }

  #recommendContents .c-modal__priceModalContent {
    background-color: #fff;
    max-height: 100vh;
    padding-bottom: 100px;
    width: 800px
  }

  #recommendContents .c-modal__priceModalContent .c-modal__closeButton {
    bottom: -40px;
    cursor: pointer;
    margin-top: 26px;
    position: sticky
  }

  #recommendContents .c-modal__text_wrap_sumaho_heading {
    border: 4px solid #000;
    font-size: 23px;
    padding: 6px 0;
    width: 346px
  }

  #recommendContents .c-modal__text_wrap_sumaho_giga {
    font-size: 22px;
    top: 18px
  }

  #recommendContents .c-modal__text_wrap_sumaho_giga .big {
    font-family: din-2014, sans-serif;
    font-size: 30px
  }

  #recommendContents .c-modal__text_wrap_sumaho_remarks {
    bottom: 14px;
    font-size: 14px;
    right: 10px
  }

  #recommendContents .c-modal__text_wrap_sumaho_kurikoshi {
    font-size: 23px;
    top: 15px
  }

  #recommendContents .c-modal__text_wrap_sumahio_kurikoshi_remarks {
    bottom: 13px;
    font-size: 14px;
    right: 10px
  }

  #recommendContents .c-modal__text_wrap_zitaku {
    font-size: 31px;
    top: 11px
  }

  #recommendContents .c-modal__text_wrap_zitaku_wimax_uqmobile {
    font-size: 24px;
    top: 18px
  }

  #recommendContents .c-modal__text_wrap_oyako_heading {
    font-size: 22px;
    top: 58px
  }

  #recommendContents .c-modal__text_wrap_oyako_heading .big {
    font-size: 33px
  }

  #recommendContents .c-modal__text_wrap_oyako_heading .small {
    font-size: 17px;
    position: relative;
    top: -7px
  }

  #recommendContents .c-modal__text_wrap_kurikoshi_remarks {
    font-size: 15px;
    left: 31px;
    top: 10px
  }

  #recommendContents .c-modal__text_wrap_sim {
    font-size: 31px;
    top: 20px
  }

  #recommendContents .c-modal__text_wrap_esim {
    font-size: 31px;
    top: 16px
  }

  #recommendContents .c-modal__text_wrap_data {
    font-size: 21px;
    top: 34px
  }

  #recommendContents .c-modalNote {
    top: 0;
    width: 320px
  }

  #recommendContents .c-modalNote--rect {
    width: 470px
  }

  #recommendContents .c-modalNote--white {
    margin-top: 55px
  }

  #recommendContents .c-modalNote--white:before {
    height: 19px;
    top: -16px;
    width: 19px
  }

  #recommendContents .c-modalNote__wrap {
    height: 26px
  }

  #recommendContents .c-modalNote__trigger {
    border-radius: 2px;
    border-width: 3px;
    font-size: 12px;
    height: 26px;
    padding: 0 6px 0 10px;
    width: 78px
  }

  #recommendContents .c-modalNote__trigger:hover {
    cursor: pointer
  }

  #recommendContents .c-modalNote__trigger--white {
    width: auto
  }

  #recommendContents .c-modalNote__body {
    border-radius: 10px;
    border-width: 3px;
    font-size: 14px;
    padding: 17px 15px 80px
  }

  #recommendContents .c-modalNote__body p:not(:first-child) {
    margin-top: 6px
  }

  #recommendContents .c-modalNote__ttl {
    font-size: 14px
  }

  #recommendContents .c-modalNote__ttl--sim img {
    height: 64px;
    margin-bottom: 10px;
    width: 57px
  }

  #recommendContents .c-modalNote__img {
    margin: 10px auto 20px
  }

  #recommendContents .c-modalNote__links a:not(:first-child) {
    margin-top: 4px
  }

  #recommendContents .c-modalNote--dummy {
    height: 55px;
    width: 24px
  }

  #recommendContents .c-modalNote--dummy[data-modal=miniminiTip01] {
    top: 205px;
    -webkit-transform: translateX(calc(-50% + 147px));
    transform: translateX(calc(-50% + 147px))
  }

  #recommendContents .c-modalNote--dummy[data-modal=miniminiTip02] {
    top: 205px;
    -webkit-transform: translateX(calc(-50% + 308px));
    transform: translateX(calc(-50% + 308px))
  }

  #recommendContents .c-modalNote--dummy[data-modal=miniminiTip03] {
    top: 245px;
    -webkit-transform: translateX(calc(-50% + 268px));
    transform: translateX(calc(-50% + 268px))
  }

  #recommendContents .c-modalNote--dummy[data-modal=miniminiTip04] {
    top: 495px;
    -webkit-transform: translateX(calc(-50% + 183px));
    transform: translateX(calc(-50% + 183px))
  }

  #recommendContents .c-modal .c-modalNote {
    width: 320px
  }

  #recommendContents .c-nav__bg {
    background: rgba(0, 0, 0, .7);
    height: 100vh;
    width: 100vw
  }

  #recommendContents .c-nav__content {
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 5px 5px rgba(0, 0, 0, .25);
    right: 0;
    top: 110px;
    width: 375px
  }

  #recommendContents .c-nav__wrap {
    margin: 0 auto;
    max-width: 375px;
    padding: 20px
  }

  #recommendContents .c-nav__ttl {
    margin-bottom: 12px;
    width: 185px
  }

  #recommendContents .c-nav__list li:not(:first-child) {
    border-top-width: 1px
  }

  #recommendContents .c-nav__list li a,
  #recommendContents .c-nav__list li div {
    cursor: pointer;
    font-size: 16px;
    gap: 18px;
    padding: 2px 45px
  }

  #recommendContents .c-nav__list li a img,
  #recommendContents .c-nav__list li div img {
    height: 45px;
    width: 45px
  }

  #recommendContents .c-nav__list li a:after,
  #recommendContents .c-nav__list li div:after {
    height: 16px;
    right: 40px;
    width: 10px
  }

  #recommendContents .c-nav__openButton {
    cursor: pointer;
    height: 67px;
    right: 40px;
    top: 130px;
    width: 73px
  }

  #recommendContents .c-nav__closeButton {
    cursor: pointer;
    height: 57px;
    right: 12px;
    top: 122px;
    width: 63px
  }

  #recommendContents .c-nav__closeButtonFoot,
  #recommendContents .plan-minimini__bg {
    display: none
  }

  #recommendContents .plan-minimini .plan-inner {
    border-radius: 6px
  }

  #recommendContents .plan-minimini .plan-tip-block .js-modalTrigger:hover {
    opacity: .7
  }

  #recommendContents .plan-minimini .c-modalNote {
    width: 690px
  }

  #recommendContents .plan-minimini .link-block {
    font-size: 16px
  }

  #recommendContents .plan-minimini .plan-otoku .plan-otoku-detail.is-opened+.trigger {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
  }

  #recommendContents .plan-minimini .miniminiTip01,
  #recommendContents .plan-minimini .miniminiTip02 {
    top: 205px
  }

  #recommendContents .plan-minimini .miniminiTip03 {
    top: 245px
  }

  #recommendContents .tip-plan-setwari-kazoku .row .setwari-detail {
    -ms-flex-negative: 0;
    flex-shrink: 0
  }

  #recommendContents .c-planSec--main .c-planSec__ttl .ttlName {
    font-size: 24px;
    margin-top: 4px;
    text-shadow: -.1rem -.1rem 10px #fff, -.1rem 0 10px #fff, -.1rem .1rem 10px #fff, 0 -.1rem 10px #fff, 0 .1rem 10px #fff, .1rem -.1rem 10px #fff, .1rem 0 10px #fff, .1rem .1rem 10px #fff
  }

  #recommendContents .c-planSec--main .c-planSec__ttl .ttlName span {
    font-size: 18px
  }

  #recommendContents .c-planSec--sub .c-priceButtonContainer__button {
    font-size: min(1.3vw, 12px)
  }

  #recommendContents .c-planSec--sub .c-planSec__cards {
    gap: 18px
  }

  #recommendContents .c-planSec--sub .c-planSec__card {
    max-width: 284px
  }

  #recommendContents .c-planSec--sub .c-planSec__card .c-priceButtonContainer__button {
    bottom: 20px;
    padding-right: 10px;
    right: 3%
  }

  #recommendContents .c-planSec--sub .c-planSec__card .c-modalNote__trigger--white {
    bottom: 20px;
    right: 10px
  }

  #recommendContents .c-planSec--change {
    margin-bottom: -40px
  }

  #recommendContents .c-planSec--change .c-planSec__cards {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 600px
  }

  #recommendContents .c-planSec--change .c-planSec__pricePlanModals {
    bottom: -40px;
    left: 0;
    margin: 30px auto auto;
    position: absolute;
    right: 0
  }

  #recommendContents .c-planSec__card.komikomi_wrap .komikomi_remarks {
    bottom: -33px;
    font-size: min(1.2vw, 12px);
    letter-spacing: .05em
  }

  #recommendContents .c-planSec--sub .c-planSec__card .c-modalNote__trigger--white,
  #recommendContents .c-planSec--sub .c-planSec__card .c-priceButtonContainer__button {
    bottom: min(1.9vw, 19px);
    right: min(1.1vw, 9px)
  }

  #recommendContents .c-planSec--change .c-planSec__card .c-modalNote__trigger--white,
  #recommendContents .c-planSec--change .c-planSec__card .c-priceButtonContainer__button {
    bottom: inherit;
    right: 9px;
    top: 129px
  }

  #recommendContents .c-planSec--change .c-planSec__card+.c-modalNote__trigger {
    border-radius: 10px;
    font-size: 14.5px;
    gap: 8px;
    height: 42px;
    margin-top: 10px;
    padding-right: 41px;
    width: 218px
  }

  #recommendContents .c-planSec--change .c-planSec__card+.c-modalNote__trigger:after {
    right: 21px
  }

  #recommendContents .c-planSec--change .c-planSec__card+.c-modalNote__trigger[data-modal=modalPlanPriceOyako01] {
    width: 258px
  }

  #recommendContents .c-planSec--ouenwari {
    padding-bottom: 80px
  }

  #recommendContents .c-planSec__ttlOuenwari {
    margin-bottom: 17px
  }

  #recommendContents .c-priceButtonContainer__slashedText {
    font-size: 18px;
    margin-bottom: 7px
  }

  #recommendContents .c-priceButtonContainer__button {
    border-radius: 35px;
    border-width: 3px;
    font-size: 20px;
    height: 70px;
    width: 280px
  }

  #recommendContents .c-priceButtonContainer__button--book {
    padding-right: 0
  }

  #recommendContents .c-priceButtonContainer__button--book:after {
    height: 31px;
    right: 30px;
    width: 40px
  }

  #recommendContents .c-priceButtonContainer__button--arrow:after {
    height: 32px;
    right: 20px;
    width: 32px
  }

  #recommendContents .c-priceButtonContainer__button--withTtl {
    border-radius: 45px;
    height: 90px;
    width: 420px
  }

  #recommendContents .c-priceButtonContainer__button--withTtl span.c-priceButtonContainer__buttonTtl {
    -webkit-filter: drop-shadow(2px 2px 0 #000);
    filter: drop-shadow(2px 2px 0 #000);
    font-size: 20px;
    height: 58px;
    padding-bottom: 13px;
    top: -40px;
    width: 238px
  }

  #recommendContents .c-priceButtonContainer__button--withTtl span.c-priceButtonContainer__buttonText {
    font-size: 26px
  }

  #recommendContents .c-priceButtonContainer__button--withTtl.c-priceButtonContainer__button--book .c-priceButtonContainer__buttonText {
    gap: 10px
  }

  #recommendContents .c-priceButtonContainer__button--withTtl.c-priceButtonContainer__button--book .c-priceButtonContainer__buttonText:after {
    height: 31px;
    width: 40px
  }

  #recommendContents .c-priceModal {
    padding: 39px 60px 19px
  }

  #recommendContents .c-priceModal__ttl {
    font-size: 22px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto
  }

  #recommendContents .c-priceModal__table {
    border-width: 1px
  }

  #recommendContents .c-priceModal__table .en .fz-l {
    font-size: 34px
  }

  #recommendContents .c-priceModal__table .en .fz-m {
    font-size: 27px
  }

  #recommendContents .c-priceModal__table .en .fz-s {
    font-size: 25px
  }

  #recommendContents .c-priceModal__table .en .fz-xs {
    font-size: 19px
  }

  #recommendContents .c-priceModal__table td,
  #recommendContents .c-priceModal__table th {
    border-width: 1px
  }

  #recommendContents .c-priceModal__table th {
    padding: 15px
  }

  #recommendContents .c-priceModal__table th div {
    font-size: 11px
  }

  #recommendContents .c-priceModal__table td {
    font-size: 13px;
    padding: 8px 2px
  }

  #recommendContents .c-priceModal__table td.campaign span {
    font-size: 12px
  }

  #recommendContents .c-priceModal__table tr:first-of-type th {
    font-size: 14px;
    padding: 8px 28px 4px
  }

  #recommendContents .c-priceModal__img--01 tr:first-of-type th .en .fz-s {
    font-size: 24px
  }

  #recommendContents .c-priceModal__img--01 tr:first-of-type th .en .fz-l {
    font-size: 31px
  }

  #recommendContents .c-priceModal__img--02 td,
  #recommendContents .c-priceModal__img--02 th {
    font-size: 12px
  }

  #recommendContents .c-priceModal__img--02 td div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
  }

  #recommendContents .c-priceModal__img--02 .data>span:not(:first-child) .fz-m {
    padding-top: 6px
  }

  #recommendContents .c-priceModal__img--02 .en .fz-xxl {
    font-size: 31px
  }

  #recommendContents .c-priceModal__img--02 .en .fz-xl {
    font-size: 29px
  }

  #recommendContents .c-priceModal__img--02 .en .fz-l {
    font-size: 24px
  }

  #recommendContents .c-priceModal__img--02 .en .fz-m,
  #recommendContents .c-priceModal__img--02 .en .fz-s {
    font-size: 20px
  }

  #recommendContents .c-priceModal__img--02 .en .fz-xs,
  #recommendContents .c-priceModal__img--03 th div {
    font-size: 12px
  }

  #recommendContents .c-priceModal__img--03 td {
    font-size: 16px
  }

  #recommendContents .c-priceModal__img--03 td div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 3px
  }

  #recommendContents .c-priceModal__img--03 .en .fz-l {
    font-size: 35px
  }

  #recommendContents .c-priceModal__img--03 .en .fz-m {
    font-size: 31px
  }

  #recommendContents .c-priceModal__img--03 .en .fz-s {
    font-size: 30px
  }

  #recommendContents .c-priceModal__img--03 .en .fz-xs {
    font-size: 23px
  }

  #recommendContents .c-priceModal__note {
    font-size: 12px;
    margin-top: 10px
  }

  #recommendContents .c-priceModal__note li:not(:first-child),
  #recommendContents .c-priceModal__note p:not(:first-child) {
    margin-top: 6px
  }

  #recommendContents .modalPlanPriceFamily01 .c-priceModal__table td .einen,
  #recommendContents .modalPlanPriceHome01 .c-priceModal__table td .einen {
    margin-right: 2px
  }

  #recommendContents .modalPlanPriceFamily01 .sp-scroll-wrap .sp-scroll,
  #recommendContents .modalPlanPriceHome01 .sp-scroll-wrap .sp-scroll {
    display: none
  }

  #recommendContents .modalPlanPriceFamily01 .table01 tr:first-of-type th.bg-tokutoku,
  #recommendContents .modalPlanPriceHome01 .table01 tr:first-of-type th.bg-tokutoku {
    width: 41%
  }

  #recommendContents .modalPlanPriceFamily01 .table01 tr:first-of-type th.bg-komikomi,
  #recommendContents .modalPlanPriceHome01 .table01 tr:first-of-type th.bg-komikomi {
    width: 41%
  }

  #recommendContents .modalPlanPriceFamily01 .table01 tr:nth-of-type(2) th.bg-tokutoku,
  #recommendContents .modalPlanPriceHome01 .table01 tr:nth-of-type(2) th.bg-tokutoku {
    width: 21%
  }

  #recommendContents .c-modal[data-modal=modalPlanAboutFamily01] .c-modal__priceModalContent,
  #recommendContents .c-modal[data-modal=modalPlanAboutFamily01a] .c-modal__priceModalContent,
  #recommendContents .modalPlanPriceFamily01 .c-modal__priceModalContent,
  #recommendContents .modalPlanPriceHome01 .c-modal__priceModalContent {
    padding-bottom: 50px
  }

  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-modal__priceModalContent,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-modal__priceModalContent,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-modal__priceModalContent {
    padding-bottom: 40px
  }

  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal {
    padding-left: 90px;
    padding-right: 90px
  }

  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__ttl,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__ttl,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__ttl {
    font-size: 18px
  }

  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__table th,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__table th,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__table th {
    font-size: 16px;
    width: 35%
  }

  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__table td,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__table td,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__table td {
    font-size: 18px;
    padding: 28px
  }

  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__table td .price .yen--zeinuki .zeinuki,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__table td .price .yen--zeinuki .zeinuki,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__table td .price .yen--zeinuki .zeinuki {
    margin-left: 2px
  }

  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__table td .price__zeikomi,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__table td .price__zeikomi,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__table td .price__zeikomi {
    margin-left: 5px
  }

  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__table.table02,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__table.table02,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__table.table02 {
    margin-top: 25px
  }

  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__table.table02 tr:first-of-type th,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__table.table02 tr:first-of-type th,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__table.table02 tr:first-of-type th {
    padding: 11px
  }

  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__table.table02 tr td,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__table.table02 tr td,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__table.table02 tr td {
    padding: 13px
  }

  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01] .c-priceModal__note li a,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01a] .c-priceModal__note li a,
  #recommendContents .c-modal[data-modal=modalPlanPriceOyako01b] .c-priceModal__note li a {
    font-size: 12px
  }

  #recommendContents .c-pricePlanWrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 80px 40px;
    justify-content: center;
    margin: 0 auto
  }

  #recommendContents .c-pricePlanWrap img {
    display: block
  }

  #recommendContents .c-pricePlanWrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
    max-width: 824px
  }

  #recommendContents .c-pricePlan {
    margin-top: 0;
    max-width: 375px
  }

  #recommendContents .c-pricePlan .c-priceButtonContainer__button,
  #recommendContents .c-pricePlan .c-priceButtonContainer__slashedText {
    font-size: 16px
  }

  #recommendContents .c-pricePlan .c-priceButtonContainer__button--book {
    border-radius: 56px/2;
    height: 56px;
    padding-right: 16px;
    width: 250px
  }

  #recommendContents .c-pricePlan .c-priceButtonContainer__button--book:after {
    height: 26px;
    right: 21px;
    width: 33px
  }

  #recommendContents .c-pricePlan .c-priceButtonContainer__button--arrow {
    width: 320px
  }

  #recommendContents .c-pricePlan .c-priceButtonContainer__button--arrow:after {
    height: 39px;
    right: 12px;
    width: 39px
  }

  #recommendContents .c-pricePlan .c-priceButtonContainer__wrap--02 {
    gap: 10px
  }

  #recommendContents .c-pricePlan .c-priceButtonContainer__wrap--02 .c-priceButtonContainer__button {
    -ms-flex-preferred-size: 160px;
    border-radius: 20px;
    flex-basis: 160px;
    height: 69px;
    width: 160px
  }

  #recommendContents .c-pricePlan .c-priceButtonContainer__wrap--02 .c-priceButtonContainer__button--book {
    padding-right: 42px
  }

  #recommendContents .c-pricePlan .c-priceButtonContainer__wrap--02 .c-priceButtonContainer__button--book:after {
    height: 23px;
    right: 12px;
    width: 31px
  }

  #recommendContents .c-pricePlan .c-priceButtonContainer__wrap--02 .c-priceButtonContainer__button--arrow:after {
    height: 32px;
    right: 20px;
    width: 32px
  }

  #recommendContents .c-pricePlan--simulation .c-priceButtonContainer__button:before {
    height: 41px;
    left: 29px;
    width: 30px
  }

  #recommendContents .c-pricePlanCardWrap {
    height: 540px;
    position: relative;
    width: 100%
  }

  #recommendContents .c-pricePlanCardWrap--a {
    height: auto;
    padding: 0 17px
  }

  #recommendContents .c-pricePlanCard:nth-child(odd) {
    cursor: pointer;
    left: 0;
    position: absolute
  }

  #recommendContents .c-pricePlanCard:nth-child(2n) {
    cursor: pointer;
    position: absolute;
    right: 0
  }

  #recommendContents .c-pricePlanCard--a:nth-child(2n) .c-pricePlanCard__modalComic {
    cursor: pointer;
    margin-left: auto
  }

  #recommendContents .c-pricePlanCard--01 {
    top: 0;
    width: 52.5%
  }

  #recommendContents .c-pricePlanCard--01 .c-modalNote__wrap .c-modalNote[data-modal=modalPlanPrice01] {
    left: 0;
    -webkit-transform: none;
    transform: none
  }

  #recommendContents .c-pricePlanCard--01.c-pricePlanCard--a {
    left: unset;
    padding-bottom: 24px;
    position: relative;
    top: unset
  }

  #recommendContents .c-pricePlanCard--01.c-pricePlanCard--a .c-pricePlanCard__modalComic {
    width: 334px
  }

  #recommendContents .c-pricePlanCard--01.c-pricePlanCard--a .c-modalNote__wrap {
    left: 0;
    padding-left: 10px
  }

  #recommendContents .c-pricePlanCard--02 {
    padding-bottom: 23px;
    top: 0;
    width: 52.5%
  }

  #recommendContents .c-pricePlanCard--02 .c-modalNote__wrap {
    left: 37px
  }

  #recommendContents .c-pricePlanCard--02 .c-modalNote[data-modal=modalPlanPrice02] {
    left: 0;
    -webkit-transform: none;
    transform: none
  }

  #recommendContents .c-pricePlanCard--02.c-pricePlanCard--a {
    left: unset;
    margin-bottom: 18px;
    margin-top: -7px;
    padding-bottom: 44px;
    position: relative;
    top: unset
  }

  #recommendContents .c-pricePlanCard--02.c-pricePlanCard--a .c-pricePlanCard__modalComic {
    width: 320px
  }

  #recommendContents .c-pricePlanCard--02.c-pricePlanCard--a .c-modalNote__wrap {
    left: unset;
    padding-right: 10px;
    right: 0;
    text-align: right
  }

  #recommendContents .c-pricePlanCard--03 {
    padding-bottom: 42px;
    top: 275px;
    width: 50%
  }

  #recommendContents .c-pricePlanCard--03 .c-modalNote[data-modal=modalPlanPrice03] {
    left: 0;
    -webkit-transform: none;
    transform: none
  }

  #recommendContents .c-pricePlanCard--03.c-pricePlanCard--a {
    left: unset;
    padding-bottom: 21px;
    position: relative;
    top: unset
  }

  #recommendContents .c-pricePlanCard--03.c-pricePlanCard--a .c-pricePlanCard__modalComic {
    width: 329px
  }

  #recommendContents .c-pricePlanCard--03.c-pricePlanCard--a .c-modalNote__wrap {
    left: 0;
    padding-left: 10px
  }

  #recommendContents .c-pricePlanCard--04 {
    top: 250px;
    width: 55%
  }

  #recommendContents .c-pricePlanCard--04.c-pricePlanCard--a {
    left: unset;
    margin-left: auto;
    position: relative;
    top: unset;
    width: 296px
  }

  #recommendContents .c-pricePlanCard .c-modalNote__wrap {
    height: 36px
  }

  #recommendContents .c-modalNote__trigger--white,
  #recommendContents .c-pricePlanCard__priceModal {
    border-width: 3px;
    height: 36px
  }

  #recommendContents .c-priceSec--01:before {
    height: 487px
  }

  #recommendContents .c-priceSec--01 .manga img {
    max-width: 750px
  }

  #recommendContents .c-priceSec__wrap {
    margin: 0 auto;
    max-width: 860px;
    padding-top: 43px
  }

  #recommendContents .c-priceSec__ttl {
    position: absolute;
    right: 0;
    top: 0
  }

  #recommendContents .c-priceSec__ttl .c-modalNote {
    left: inherit;
    right: -73px;
    top: -26px;
    -webkit-transform: none;
    transform: none
  }

  #recommendContents .c-priceSec__ttl .c-modalNote--white {
    margin-top: 40px
  }

  #recommendContents .c-priceSec--02 {
    padding: 130px 0 60px
  }

  #recommendContents .c-priceSec--02:before {
    background: url(../img/bg02_pc.svg) repeat-x 100%;
    height: 114px;
    top: -17px
  }

  #recommendContents .c-priceSec--02 .c-priceButtonContainer__wrap {
    height: 70px
  }

  #recommendContents .c-priceSec .manga {
    margin-bottom: 10px
  }

  #recommendContents .c-priceSec .manga__ttl {
    left: 10px;
    top: 21px;
    width: 259px
  }

  #recommendContents .c-priceSec--banner a {
    max-width: 702px
  }

  #recommendContents .c-priceSec--closing {
    padding: 99px 0 30px
  }

  #recommendContents .c-priceSec--closing:before {
    background-color: #fff;
    height: 83px
  }

  #recommendContents .c-priceSec--closing:after {
    background: url(../img/bg02_pc.svg) repeat-x 100%;
    height: 99px;
    top: 0;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
  }

  #recommendContents .c-priceSec--closing .closing__wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 70px;
    justify-content: center;
    padding-left: 21px
  }

  #recommendContents .c-selectBox {
    border: 3px solid #000;
    border-radius: 6px;
    margin: 17px 5px 0;
    width: 180px
  }

  #recommendContents .c-selectBox:before {
    border-color: #000 transparent transparent;
    border-style: solid;
    border-width: 10px 7px 0;
    right: 12px
  }

  #recommendContents .c-selectBox:after {
    border-radius: 0 0 10px 10px
  }

  #recommendContents .c-selectBox select {
    font-size: 34px;
    height: 100%;
    line-height: 1;
    padding: 5px 45px 0 15px
  }

  #recommendContents .c-selectBox select option {
    font-size: 30px
  }

  #recommendContents .c-squareLink {
    border: 3px solid #000;
    border-radius: 30px;
    -webkit-box-shadow: 7px 7px 0 #000;
    box-shadow: 7px 7px 0 #000;
    font-size: 18px;
    padding: 23px 10px 25px
  }

  #recommendContents .c-squareLink--book {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  #recommendContents .c-squareLink--book:after {
    height: 47px;
    width: 60px
  }

  #recommendContents .c-squareLink--shop {
    border: 3px solid #e4017e;
    -webkit-box-shadow: 10px 10px 0 #e4017e;
    box-shadow: 10px 10px 0 #e4017e;
    font-size: 19px;
    max-height: 104px;
    padding: 26px 21px 32px 24px
  }

  #recommendContents .c-squareLink--shop:before {
    height: 35px;
    width: 38px
  }

  #recommendContents .c-squareLink--shop:after {
    border-right: 4px solid #000;
    border-top: 4px solid #000;
    height: 18px;
    width: 18px
  }

  #recommendContents .c-squareLink--online {
    border: 3px solid #e4017e;
    border-radius: 26px;
    -webkit-box-shadow: 10px 10px 0 #000;
    box-shadow: 10px 10px 0 #000;
    font-size: 19px;
    max-height: 104px;
    padding: 26px 21px 32px 24px
  }

  #recommendContents .c-squareLink--online:before {
    height: 31px;
    width: 41px
  }

  #recommendContents .c-squareLink--online:after {
    height: 18px;
    width: 18px
  }

  #recommendContents .c-squareLink.is-active {
    -webkit-box-shadow: 8px 8px 0 #e4017e;
    box-shadow: 8px 8px 0 #e4017e
  }

  #recommendContents .c-term p {
    font-size: 12px
  }

  #recommendContents .c-term__heading {
    font-size: 14px !important;
    margin-top: 40px
  }

  #recommendContents .c-term__heading+p {
    margin-top: 5px
  }

  #recommendContents .c-categories {
    gap: 16px !important
  }

  #recommendContents .c-category {
    height: 100px;
    width: calc(25% - 16px)
  }

  #recommendContents .c-category:before {
    border: 4px solid #b8b8b8;
    margin: 6px auto 0;
    width: 15px
  }

  #recommendContents .c-category__body {
    gap: 0 14px;
    width: 100%
  }

  #recommendContents .c-category__image--sim {
    height: 33px;
    width: 27px
  }

  #recommendContents .c-category__image--eSim {
    height: 32px;
    margin-left: -8px;
    width: 19px
  }

  #recommendContents .c-category__image--phone {
    height: 38px;
    width: 22px
  }

  #recommendContents .c-category__label {
    font-size: 15px;
    line-height: 1.2;
    text-align: left
  }

  #recommendContents .c-category__note {
    font-size: 11px;
    margin-top: 7px
  }

  #recommendContents .c-contracts {
    gap: 16px !important
  }

  #recommendContents .c-contract {
    font-size: 15px !important;
    gap: 15px;
    height: 80px;
    line-height: 1.2;
    padding: 0 0 0 20px;
    width: calc(25% - 16px)
  }

  #recommendContents .c-contract:before {
    border: 4px solid #b8b8b8;
    width: 15px
  }

  #recommendContents .c-dataOption {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 130px;
    justify-content: center;
    padding: 0 15px;
    width: 160px
  }

  #recommendContents .c-dataOption:before {
    border: 4px solid #b8b8b8;
    left: 7px;
    top: 7px;
    width: 15px
  }

  #recommendContents .c-dataOption__price {
    border-top: 2px dotted #000;
    gap: 5px;
    margin-top: 9px;
    padding-top: 9px
  }

  #recommendContents .c-dataOption__price.is-small {
    border-top: 2px dotted #000;
    gap: 5px;
    margin-top: 5px;
    padding-top: 5px
  }

  #recommendContents .c-dataOption__number {
    font-size: 25px
  }

  #recommendContents .c-dataOption__unit {
    font-size: 14px;
    padding-bottom: 5px;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
  }

  #recommendContents .c-dataOption__label {
    font-size: 15px
  }

  #recommendContents .c-dataOption__label.is-small {
    font-size: 14px
  }

  #recommendContents .c-discounts {
    gap: 16px !important
  }

  #recommendContents .c-discount {
    height: 130px;
    width: calc(25% - 16px)
  }

  #recommendContents .c-discount:before {
    border: 4px solid #b8b8b8;
    margin: 11px auto 0;
    width: 15px
  }

  #recommendContents .c-discount.is-disabled-sub:after,
  #recommendContents .c-discount.is-disabled:after {
    font-size: 15px
  }

  #recommendContents .c-discount__price {
    gap: 4px
  }

  #recommendContents .c-discount__number {
    font-size: 25px
  }

  #recommendContents .c-discount__unit {
    font-size: 14px;
    padding-bottom: 5px;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
  }

  #recommendContents .c-discount__label,
  #recommendContents .c-discount__label--small {
    font-size: 15px
  }

  #recommendContents .c-discount__label--small {
    font-size: 12px
  }

  #recommendContents .c-discount__text {
    font-size: 11px;
    line-height: 1.25
  }

  #recommendContents .c-discount[data-simulation=KAZOKU] img {
    width: 51px
  }

  #recommendContents .c-discount[data-simulation=SET] img {
    width: 25px
  }

  #recommendContents .c-discount[data-simulation=AUPAY] img {
    width: 65px
  }

  #recommendContents .c-discountNoDiscount {
    font-size: 20px;
    gap: 20px;
    height: 70px
  }

  #recommendContents .c-discountNoDiscount:before {
    border: 5px solid #b8b8b8;
    width: 20px
  }

  #recommendContents .c-flowContentsTitle {
    gap: 12px
  }

  #recommendContents .c-flowContentsTitle__index {
    font-size: 30px;
    padding-top: 5px;
    width: 40px
  }

  #recommendContents .c-flowContentsTitle__title {
    font-size: 32px;
    line-height: 40px
  }

  #recommendContents .c-flowContentsNote {
    font-size: 14px;
    line-height: 1;
    margin-top: 19px
  }

  #recommendContents .c-flowLink {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    border: 3px solid #000;
    -webkit-box-shadow: 8px 8px 0 #000;
    box-shadow: 8px 8px 0 #000;
    cursor: pointer;
    gap: 0 30px;
    justify-content: end
  }

  #recommendContents .c-flowLink--next {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    font-size: 19px;
    justify-content: center;
    padding: 18px 14px 17px 0
  }

  #recommendContents .c-flowLink--next:after {
    height: 36px;
    right: 17px;
    width: 36px
  }

  #recommendContents .c-flowLink--result {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    font-size: 19px;
    justify-content: center;
    padding: 18px 14px 17px 0
  }

  #recommendContents .c-flowLink--result:after {
    height: 36px;
    right: 17px;
    width: 36px
  }

  #recommendContents .c-flowLink--back {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    font-size: 19px;
    justify-content: center;
    padding: 18px 0 17px 14px
  }

  #recommendContents .c-flowLink--back:after {
    height: 36px;
    left: 17px;
    width: 36px
  }

  #recommendContents .c-flowLink--delete,
  #recommendContents .c-flowLink--fix {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    font-size: 18px;
    justify-content: center;
    padding: 21px 0 21px 19px
  }

  #recommendContents .c-flowLink--delete:after,
  #recommendContents .c-flowLink--fix:after {
    height: 35.5px;
    left: 15px;
    width: 35.5px
  }

  #recommendContents .c-flowModalButtons {
    gap: 17px 28px;
    max-width: 488px
  }

  #recommendContents .c-flowModalButton,
  #recommendContents .c-flowModalButton--book {
    border-radius: 20px !important;
    -webkit-box-shadow: 4px 4px 0 #000 !important;
    box-shadow: 4px 4px 0 #000 !important;
    height: 50px;
    padding: 0 55px 0 0;
    width: calc(50% - 14px)
  }

  #recommendContents .c-flowModalButton--book:after,
  #recommendContents .c-flowModalButton:after {
    right: 12px;
    width: 24px
  }

  #recommendContents .c-flowModalButton__text,
  #recommendContents .c-flowModalButton__text--large,
  #recommendContents .c-flowModalButton__text--small {
    font-size: 16px
  }

  #recommendContents .c-flowModalButton__text--large {
    font-size: 18px
  }

  #recommendContents .c-flowModalButton__text--small {
    font-size: 14px
  }

  #recommendContents .c-flowModalButton--book {
    padding: 0 30px 0 0
  }

  #recommendContents .c-flowModalButton--book:after {
    aspect-ratio: 33/26;
    width: 33px
  }

  #recommendContents .c-flowShopLinks {
    gap: 0 24px
  }

  #recommendContents .c-flowShopLinks__wrapper {
    width: calc(50% - 9.5px)
  }

  #recommendContents .c-flowShopLinks__text {
    font-size: 16px;
    line-height: 1.25;
    margin-bottom: 20px
  }

  #recommendContents .c-flowTab {
    bottom: -40px;
    left: 50%;
    max-width: 880px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 101
  }

  #recommendContents .c-flowTab.is-opened {
    bottom: 20px
  }

  #recommendContents .c-flowTab__listWrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    gap: 0 6px;
    justify-content: center;
    padding: 0 40px;
    top: 4px
  }

  #recommendContents .c-flowTab__otherLists {
    gap: 0 10px;
    overflow: hidden
  }

  #recommendContents .c-flowTab__otherLists--sp {
    display: none !important
  }

  #recommendContents .c-flowTab__list {
    padding: 0 3px
  }

  #recommendContents .c-flowTab__list.is-active .c-flowTab__inner {
    gap: 0 24px;
    min-width: 160px;
    padding: 4px 5px 5px;
    width: 160px
  }

  #recommendContents .c-flowTab__list.is-active .c-flowTab__inner:before {
    height: 29px;
    width: 35px
  }

  #recommendContents .c-flowTab__list--total .c-flowTab__inner {
    padding: 10px 7px 8px !important;
    width: 130px !important
  }

  #recommendContents .c-flowTab__list--total.is-active .c-flowTab__inner {
    min-width: 120px;
    padding: 10px 7px 12px !important;
    width: 120px
  }

  #recommendContents .c-flowTab__list--add .c-flowTab__inner {
    width: 130px !important
  }

  #recommendContents .c-flowTab__inner {
    border: 4px solid #000;
    border-radius: 10px 10px 0 0;
    font-size: 16px;
    padding: 10px 7px 8px;
    width: 130px
  }

  #recommendContents .c-flowTab__content {
    max-height: calc(100vh - 281px)
  }

  #recommendContents .c-flowTab__arrow,
  #recommendContents .c-flowTab__arrow--next {
    -ms-flex-negative: 0;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    background-image: url(../img/flow/icon_arrow_tab.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #000;
    border-radius: 50%;
    flex-shrink: 0;
    height: 28px;
    width: 28px
  }

  #recommendContents .c-flowTab__contentWrapper {
    background-color: #fff;
    border: 4px solid #000;
    border-radius: 40px;
    padding-bottom: 0;
    padding-right: 0;
    padding-top: 0
  }

  #recommendContents .c-flowTab.is-opened .c-flowTab__contentWrapper {
    padding-bottom: 20px;
    padding-right: 20px;
    padding-top: 20px
  }

  #recommendContents .c-flowTab.is-opened .c-flowTabContent__inner {
    margin-right: -20px;
    margin-top: -20px;
    overflow: hidden
  }

  #recommendContents .c-flowTabCatch {
    margin-top: 15px
  }

  #recommendContents .c-flowTabClose {
    bottom: 47px;
    cursor: pointer;
    height: 42px;
    left: 50%;
    margin: 0 auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 151px
  }

  #recommendContents .c-flowTabClose:before {
    height: 22px;
    width: 19px
  }

  #recommendContents .c-flowTabContent__title {
    font-size: 32px;
    margin-top: 41px
  }

  #recommendContents .c-flowTabContent__inner {
    margin: auto;
    padding: 0 40px
  }

  #recommendContents .c-flowTabContent__head {
    margin-top: 41px
  }

  #recommendContents .c-flowTabContent__section,
  #recommendContents .c-flowTabContent__section--flex {
    margin-top: 34px;
    width: 100%
  }

  #recommendContents .c-flowTabContent__section--flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  #recommendContents .c-flowTabContent__section--flex>* {
    width: 50%
  }

  #recommendContents .c-flowTabContent__supplement {
    font-size: 12px;
    margin-top: 30px;
    text-align: center
  }

  #recommendContents .c-flowTabContent__shopWrapper {
    margin: 63px auto auto;
    max-width: 544px;
    padding: 20px 0 0
  }

  #recommendContents .c-flowTabContent__bottom {
    margin-top: 60px
  }

  #recommendContents .c-flowTabContent__links {
    gap: 0 24px;
    margin-top: 60px;
    max-width: 544px
  }

  #recommendContents .c-flowTabContent__openedContents {
    padding-bottom: 132px
  }

  #recommendContents .c-flowTabContent__closedContents {
    height: 117px;
    overflow: hidden;
    padding-bottom: 40px
  }

  #recommendContents .c-flowTabContent__closedContents>div {
    gap: 27px
  }

  #recommendContents .c-flowTabContent__total {
    font-size: 50px
  }

  #recommendContents .c-flowTabContent__totalContainer {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-size: 20px;
    gap: 5px
  }

  #recommendContents .c-flowTabContent__openButton {
    border: 3px solid #000;
    border-radius: 10px;
    -webkit-box-shadow: 4px 4px 0 #000;
    box-shadow: 4px 4px 0 #000;
    font-size: 14px;
    gap: 28px;
    height: 50px;
    padding: 0 17px;
    width: 190px
  }

  #recommendContents .c-flowTabContent__openButton:before {
    height: 24px;
    width: 20px
  }

  #recommendContents .c-flowTabContent__wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    margin-top: 36px
  }

  #recommendContents .c-flowTabContent__wrapper>* {
    margin-top: 0;
    width: 50%
  }

  #recommendContents .c-flowTabContent__wrapper--border {
    border-bottom: 1px solid #000;
    padding-bottom: 40px
  }

  #recommendContents .c-flowTabHead__flex {
    border-bottom: 2px solid #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    padding-bottom: 32px
  }

  #recommendContents .c-flowTabHead__flex>* {
    width: 50%
  }

  #recommendContents .c-flowTabHead__catch {
    aspect-ratio: 689/110;
    background: url(../img/flow/result/hukidashi_1.svg) no-repeat 50%/cover;
    font-size: 22.4px;
    margin: 0 auto;
    max-width: 688px;
    padding: 33px
  }

  #recommendContents .c-flowTabHead__catch .large {
    font-size: 32px
  }

  #recommendContents .c-flowTabHead__contents--flex {
    gap: 0 12px
  }

  #recommendContents .c-flowTabHead__text {
    font-size: 16px
  }

  #recommendContents .c-flowTabHead__text .large {
    font-size: 20px
  }

  #recommendContents .c-flowTabHead__left {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 700;
    height: 76px;
    line-height: 1.25;
    width: 76px
  }

  #recommendContents .c-flowTabHead__right p {
    font-size: 16px
  }

  #recommendContents .c-flowTabHead__right p .num {
    font-size: 35px;
    margin-left: 5px;
    margin-right: 8px
  }

  #recommendContents .c-flowTabHead__right p .large {
    font-size: 28px;
    margin-left: 5px
  }

  #recommendContents .c-flowTabHead__right p .large--20 {
    font-size: 20px
  }

  #recommendContents .c-flowTabHead__right p .small {
    font-size: 16px
  }

  #recommendContents .c-flowTabSection--border {
    border-top: 3px solid #000
  }

  #recommendContents .c-flowTabSection__heading {
    font-size: 18px;
    padding: 11px
  }

  #recommendContents .c-flowTabSection__heading--white {
    padding: 25px 0 35px
  }

  #recommendContents .c-flowTabSection__dashed,
  #recommendContents .c-flowTabSection__dashed--borderLess {
    border-bottom: 3px dotted #000
  }

  #recommendContents .c-flowTabSection__dashed--borderLess:last-of-type,
  #recommendContents .c-flowTabSection__dashed:last-of-type {
    border-bottom: none
  }

  #recommendContents .c-flowTabSection__dashed.js-totalLine,
  #recommendContents .js-totalLine.c-flowTabSection__dashed--borderLess {
    border-bottom: none;
    border-top: 3px dotted #000
  }

  #recommendContents .c-flowTabSection__dashed.js-totalLine:last-of-type,
  #recommendContents .c-flowTabSection__dashed.js-totalLine:nth-child(2),
  #recommendContents .js-totalLine.c-flowTabSection__dashed--borderLess:last-of-type,
  #recommendContents .js-totalLine.c-flowTabSection__dashed--borderLess:nth-child(2) {
    border-top: none
  }

  #recommendContents .c-flowTabSection__dashed--borderLess {
    border-bottom: none
  }

  #recommendContents .c-flowTabSection__flex {
    padding: 20px 60px 10px
  }

  #recommendContents .c-flowTabSection__flex--alignEnd {
    padding-left: 10px;
    padding-right: 5px
  }

  #recommendContents .c-flowTabSection__flex--alignEnd .c-flowTabSection__left {
    font-size: 16px
  }

  #recommendContents .c-flowTabSection__flex--alignEnd .c-flowTabSection__right .large {
    font-size: 20px
  }

  #recommendContents .c-flowTabSection__flex--between {
    padding-left: 10px;
    padding-right: 5px
  }

  #recommendContents .c-flowTabSection__flex--wide {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 23px 15px 17px
  }

  #recommendContents .c-flowTabSection__flex--wide .c-flowTabSection__left,
  #recommendContents .c-flowTabSection__flex--wide .c-flowTabSection__right {
    font-size: 15px;
    line-height: 1.7333333333
  }

  #recommendContents .c-flowTabSection__avatar {
    height: 38px;
    margin-right: 14px;
    width: 43px
  }

  #recommendContents .c-flowTabSection__left {
    font-size: 20px
  }

  #recommendContents .c-flowTabSection__left--15 {
    font-size: 15px
  }

  #recommendContents .c-flowTabSection__left sup {
    font-size: 10px;
    margin-left: 3px
  }

  #recommendContents .c-flowTabSection__left--icon {
    font-size: 16px
  }

  #recommendContents .c-flowTabSection__right {
    font-size: 18px
  }

  #recommendContents .c-flowTabSection__right .large {
    font-size: 26px
  }

  #recommendContents .c-flowTabSection__total {
    font-size: 15px;
    max-width: 215px;
    padding: 18px 15px 0
  }

  #recommendContents .c-flowTabSection__note {
    border-width: 1px;
    font-size: 11px
  }

  #recommendContents .c-paymentTimes {
    gap: 16px !important
  }

  #recommendContents .c-paymentTime {
    font-size: 15px !important;
    gap: 15px;
    height: 70px;
    padding: 0 0 0 17px;
    width: calc(25% - 16px)
  }

  #recommendContents .c-paymentTime:before {
    border: 4px solid #b8b8b8;
    width: 15px
  }

  #recommendContents .c-plans {
    gap: 26px 17px !important
  }

  #recommendContents .c-plan {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 9px;
    height: 40px;
    padding: 0 10px 0 7px;
    width: 100%
  }

  #recommendContents .c-plan:before {
    border: 4px solid #b8b8b8;
    margin-top: 0;
    width: 15px
  }

  #recommendContents .c-plan.is-disabled:after {
    font-size: 20px
  }

  #recommendContents .c-plan__image {
    border-radius: 8px 8px 0 0;
    margin-top: -10px;
    overflow: hidden
  }

  #recommendContents .c-plan__container {
    border-radius: 8px;
    -webkit-box-shadow: 8px 8px 0 #000;
    box-shadow: 8px 8px 0 #000;
    width: 218px
  }

  #recommendContents .c-plan__container.is-active {
    -webkit-box-shadow: 8px 8px 0 #e4017e;
    box-shadow: 8px 8px 0 #e4017e
  }

  #recommendContents .c-plan__container .c-priceButtonContainer__button {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-shadow: 1px 2px 0 #000;
    box-shadow: 1px 2px 0 #000;
    font-size: 10px;
    height: 27.5px;
    justify-content: flex-start;
    padding-left: 8px;
    width: 112.46px
  }

  #recommendContents .c-plan__container .c-priceButtonContainer__button:after {
    height: 12px;
    right: 3px;
    width: 14px
  }

  #recommendContents .c-plan__container .c-priceButtonContainer__wrap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: inline-block;
    justify-content: start
  }

  #recommendContents .c-plan__container .c-priceButtonContainer {
    bottom: 11px;
    right: 7px
  }

  #recommendContents .c-plan__container .c-simulationSelect {
    border-radius: 0 0 8px 8px;
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none
  }

  #recommendContents .c-plan__container .c-modalNote__trigger--white {
    bottom: 11px;
    -webkit-box-shadow: 1px 2px 0 #000;
    box-shadow: 1px 2px 0 #000;
    font-size: 10px;
    height: 27.5px;
    right: 7px;
    width: 112.46px
  }

  #recommendContents .c-plan__container .c-modalNote__trigger--white:after {
    height: 12px;
    right: 9px;
    width: 12px
  }

  #recommendContents .c-plan__number {
    font-size: 20px
  }

  #recommendContents .c-plan__unit {
    font-size: 11px;
    padding-left: 1px;
    vertical-align: middle
  }

  #recommendContents .c-plan__labelWrap {
    padding-top: 5px
  }

  #recommendContents .c-plan__label {
    font-size: 12px
  }

  #recommendContents .c-plan__labelNote {
    font-size: 10px
  }

  #recommendContents .c-plan__text {
    font-size: 14px
  }

  #recommendContents .c-plansContainer {
    max-width: 454px
  }

  #recommendContents .c-plansContainer.is-3 {
    max-width: 688px
  }

  #recommendContents #js-selectPlans {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  #recommendContents .c-product {
    font-size: 15px !important;
    gap: 15px;
    height: 80px;
    line-height: 1.2;
    padding: 0 0 0 17px;
    text-align: left;
    width: calc(50% - 8px)
  }

  #recommendContents .c-product:before {
    border: 4px solid #b8b8b8;
    width: 15px
  }

  #recommendContents .c-selectButtons,
  #recommendContents .c-selectButtons--tell,
  #recommendContents .c-selectButtons--tell2 {
    gap: 27px 24px
  }

  #recommendContents .c-selectButtons--tell {
    gap: 16px
  }

  #recommendContents .c-selectButtons--tell2 {
    gap: 26px
  }

  #recommendContents .c-simulationButton {
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    gap: 0 6px;
    padding: 13px;
    text-align: left
  }

  #recommendContents .c-simulationButton:before {
    height: 17px;
    width: 16px
  }

  #recommendContents .page-text01 {
    font-size: 14px
  }

  #recommendContents .page-text02 {
    font-size: 11px;
    margin-top: 1.5em
  }

  #recommendContents .page-text03 {
    font-size: 11px;
    padding: .5em 0 0
  }

  #recommendContents .page-caution,
  #recommendContents .page-caution--center {
    font-size: 16px
  }

  #recommendContents .c-simulationSelect.c-dataOption.is-smatoku .c-dataOption__label {
    display: block;
    font-size: 11px;
    line-height: 1.5;
    padding: 0 1em
  }

  #recommendContents .c-simulationSelect {
    border: 3px solid #000;
    border-radius: 8px;
    -webkit-box-shadow: 8px 8px 0 #000;
    box-shadow: 8px 8px 0 #000;
    cursor: pointer;
    font-size: 20px
  }

  #recommendContents .c-simulationSelect__head {
    border-bottom: 3px dotted #000;
    padding-bottom: 10px
  }

  #recommendContents .c-simulationSelect.is-active {
    -webkit-box-shadow: 8px 8px 0 #e4017e;
    box-shadow: 8px 8px 0 #e4017e
  }

  #recommendContents .c-simulationSelect.is-active:before {
    border: 5px solid #e4017e
  }

  #recommendContents .c-simulationSelect sup {
    font-size: 10px
  }

  #recommendContents .c-tellOption {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 130px;
    justify-content: center;
    padding: 0 9px;
    width: calc(25% - 12px)
  }

  #recommendContents .c-tellOption:before {
    border: 4px solid #b8b8b8;
    left: 7px;
    top: 7px;
    width: 15px
  }

  #recommendContents .c-tellOption__price {
    border-top: 2px dotted #000;
    gap: 5px;
    margin-top: 6px;
    padding-top: 6px
  }

  #recommendContents .c-tellOption__price sup {
    margin: 0 0 0 3px
  }

  #recommendContents .c-tellOption__number {
    font-size: 20px
  }

  #recommendContents .c-tellOption__unit {
    font-size: 15px;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
  }

  #recommendContents .c-tellOption__label {
    font-size: 15px;
    line-height: 1.2
  }

  #recommendContents .c-tellOption__label+.c-tellOption__note {
    margin-top: 3px
  }

  #recommendContents .c-tellOption__note {
    display: block;
    font-size: 11px;
    line-height: 1.4666666667
  }

  #recommendContents .c-tellOption__note--bg {
    border-radius: 5px;
    font-size: 11px;
    margin-top: 3px;
    padding: 4px
  }

  #recommendContents .c-tellOption2 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    height: 172px;
    justify-content: flex-start;
    padding: 0 15px;
    width: calc(33.3333% - 17.5px)
  }

  #recommendContents .c-tellOption2:before {
    border: 4px solid #b8b8b8;
    left: 20px;
    top: 19px;
    width: 15px
  }

  #recommendContents .c-tellOption2__price {
    border-top: 2px dotted #000;
    gap: 5px;
    margin-top: 7px;
    padding-top: 7px
  }

  #recommendContents .c-tellOption2__price sup {
    margin: 0 0 0 3px
  }

  #recommendContents .c-tellOption2__number {
    font-size: 34px
  }

  #recommendContents .c-tellOption2__unit {
    font-size: 17px;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
  }

  #recommendContents .c-tellOption2__label {
    font-size: 20px;
    line-height: 1.2
  }

  #recommendContents .c-tellOption2__label+.c-tellOption2__note {
    margin-top: 3px
  }

  #recommendContents .c-tellOption2__note {
    display: block;
    font-size: 15px;
    line-height: 1.4666666667
  }

  #recommendContents .c-tellOption2__note--bg {
    border-radius: 5px;
    font-size: 15px;
    margin-top: 3px;
    padding: 5px
  }

  #recommendContents .page-area .c-planSec--main .c-planSec__ttl {
    margin-bottom: -13px
  }

  #recommendContents .page-area .c-pricePlanWrap .c-pricePlan--simulation {
    max-width: 380px
  }

  #recommendContents .p-data .c-priceSec__ttl {
    margin: 0 auto;
    padding-top: 20px;
    position: relative;
    width: 435px;
    z-index: 1
  }

  #recommendContents .p-data .c-priceSec:first-of-type {
    padding-bottom: 70px
  }

  #recommendContents .p-data .c-priceSec:first-of-type .manga {
    margin-bottom: 30px;
    margin-top: -30px
  }

  #recommendContents .p-data .c-priceSec:first-of-type .c-modalNote {
    top: -38px
  }

  #recommendContents .p-data .c-priceSec:first-of-type .c-modalNote__wrap {
    position: relative
  }

  #recommendContents .p-data .c-priceSec:first-of-type .c-modalNote__trigger {
    bottom: 44px;
    position: absolute;
    right: -67px
  }

  #recommendContents .page-flow .flow {
    height: calc(100% - 110px);
    padding-bottom: 180px;
    top: 110px;
    z-index: 101
  }

  #recommendContents .page-flow .flow__contents {
    max-width: 688px
  }

  #recommendContents .page-flow .header {
    border-bottom: 2px solid #fff;
    height: 60px;
    padding: 0 14px;
    top: 110px
  }

  #recommendContents .page-flow .header__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 880px
  }

  #recommendContents .page-flow .header__close {
    height: 35px;
    padding-left: 14px;
    position: absolute;
    right: 14px;
    width: 49px
  }

  #recommendContents .page-flow .header__close:before {
    height: 40px;
    width: 2px
  }

  #recommendContents .page-flow .header__logo {
    height: 32px;
    width: 156px
  }

  #recommendContents .page-flow .header__text {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    gap: 14px;
    justify-content: center;
    line-height: 1.4666666667
  }

  #recommendContents .page-flow .contents__simulationWrapper {
    margin: auto;
    max-width: 728px;
    padding: 52px 20px 311px
  }

  #recommendContents .page-flow .contents__simulationWrapper--step1 {
    padding-top: 76px
  }

  #recommendContents .page-flow .contents__simulationFlex {
    gap: 24px
  }

  #recommendContents .page-flow .contents__simulationFlex .contents__simulation {
    max-width: 330px
  }

  #recommendContents .page-flow .contents__simulation:not(:first-of-type) {
    margin-top: 80px
  }

  #recommendContents .page-flow .contents__link {
    max-width: 320px
  }

  #recommendContents .page-flow .contents__link--flex {
    gap: 0 24px;
    max-width: 544px
  }

  #recommendContents .page-flow .contents__link--flex .simulation__button {
    font-size: 24px
  }

  #recommendContents .page-flow .contents__icons {
    padding-top: 55px
  }

  #recommendContents .page-flow .contents__catch {
    position: absolute;
    right: 42px;
    top: 13px;
    width: 287px
  }

  #recommendContents .page-flow .contents__wrapper {
    margin: -211px auto 0;
    max-width: 860px;
    padding-bottom: 300px
  }

  #recommendContents .page-flow .contentsHead {
    margin: auto;
    max-width: 505px;
    padding-top: 70px;
    position: relative;
    z-index: 9
  }

  #recommendContents .page-flow .contentsHead__container {
    margin-top: -8px
  }

  #recommendContents .page-flow .contentsHeading {
    font-size: 22px;
    gap: 43px;
    line-height: 1.5
  }

  #recommendContents .page-flow .contentsHeading:after,
  #recommendContents .page-flow .contentsHeading:before {
    height: 45px;
    width: 23px
  }

  #recommendContents .page-flow .contentsHeading--long:after,
  #recommendContents .page-flow .contentsHeading--long:before {
    height: 58px;
    width: 30px
  }

  #recommendContents .page-flow .contentsHeading--xLong:after,
  #recommendContents .page-flow .contentsHeading--xLong:before {
    height: 92px;
    width: 28px
  }

  #recommendContents .page-flow .contentsHeading--link {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 24px
  }

  #recommendContents .page-flow .contentsHeading--link:after,
  #recommendContents .page-flow .contentsHeading--link:before {
    border-radius: 10px;
    height: 80px;
    margin-left: 25px;
    width: 3px
  }

  #recommendContents .page-flow .contentsHeading--link:after {
    margin-left: 0;
    margin-right: 25px
  }

  #recommendContents .page-flow .simulation .simulation__title {
    padding-bottom: 39px;
    padding-top: 14px
  }

  #recommendContents .page-flow .simulation .simulation__title--phone {
    height: 75px
  }

  #recommendContents .page-flow .simulation .simulation__title .icon {
    height: 32px;
    margin-bottom: 8px;
    width: 158px
  }

  #recommendContents .page-flow .simulation .simulation__title .text {
    font-size: 16px;
    line-height: 2
  }

  #recommendContents .page-flow .simulation .simulation__text {
    font-size: 12px;
    line-height: 1.7333333333;
    margin-top: 22px
  }

  #recommendContents .page-flow .simulation .simulation__selectsWrapper {
    margin-top: 38px
  }

  #recommendContents .page-flow .simulation .simulation__selects {
    gap: 0 26px
  }

  #recommendContents .page-flow .simulation .simulation__selects--2 {
    gap: 22px
  }

  #recommendContents .page-flow .simulation .simulation__selects--2 .c-simulationSelect {
    width: calc(50% - 15px)
  }

  #recommendContents .page-flow .simulation .simulation__selects--column {
    gap: 24px 16px
  }

  #recommendContents .page-flow .simulation .simulation__selects--column[data-simulation=SMART_PHONE]>button {
    font-size: 20px !important;
    gap: 30px;
    height: 70px;
    width: 100%
  }

  #recommendContents .page-flow .simulation .simulation__selects--pcNoWrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  #recommendContents .page-flow .simulation .simulation__selectsImage {
    margin-top: 16px
  }

  #recommendContents .page-flow .simulation .simulation__phone {
    height: 166px
  }

  #recommendContents .page-flow .simulation .simulation__buttons {
    gap: 0 20px;
    margin-top: 56px
  }

  #recommendContents .page-flow .simulation .simulation__buttons--cancel {
    margin-top: 48px
  }

  #recommendContents .page-flow .simulation .simulation__buttons--cancel .simulation__button {
    font-size: 14px;
    line-height: 1;
    padding: 26px 0;
    width: 230px
  }

  #recommendContents .page-flow .bg:before {
    height: 90px
  }

  #recommendContents .page-flow .bg:after {
    bottom: 10px;
    height: 87px
  }

  #recommendContents .page-flow .bg--pink {
    padding: 22px 0 0
  }

  #recommendContents .page-flow .bg--pink:after {
    background: url(../img/flow/bg_pink_pc.svg) repeat-x 50%/contain
  }

  #recommendContents .page-flow .iconWrapper {
    margin: 20px auto 0
  }

  #recommendContents .page-flow .iconWrapper__iconList {
    gap: 25px
  }

  #recommendContents .page-flow .iconWrapper__icon {
    -webkit-box-shadow: 7px 7px 0 #000;
    box-shadow: 7px 7px 0 #000;
    width: 70px
  }

  #recommendContents .page-flow .iconWrapper__icon.is-active {
    -webkit-box-shadow: 7px 7px 0 #e4017e;
    box-shadow: 7px 7px 0 #e4017e
  }

  #recommendContents .page-flow .iconWrapper__icon--dummy {
    height: 147px;
    width: 280px
  }

  #recommendContents .page-komikomi .c-planSec--main .c-planSec__ttl {
    margin-bottom: -6px
  }

  #recommendContents .page-ouenwari .c-planSec--sub.c-planSec--ouenwari .komikomi_wrap .c-priceButtonContainer__button {
    gap: 4px;
    height: 38px;
    width: 130px
  }

  #recommendContents .page-ouenwari .c-planSec--sub.c-planSec--ouenwari .komikomi_wrap .c-priceButtonContainer__button .plan {
    font-size: 9px
  }

  #recommendContents .page-ouenwari .c-planSec--sub.c-planSec--ouenwari .komikomi_wrap .c-priceButtonContainer__button .manga {
    font-size: 10px;
    gap: 3px
  }

  #recommendContents .page-ouenwari .c-planSec--sub.c-planSec--ouenwari .komikomi_wrap .c-priceButtonContainer__button .manga:after {
    height: 10px;
    width: 13px
  }

  #recommendContents .page-ouenwari .c-planSec--sub.c-planSec--ouenwari .komikomi_wrap .c-priceButtonContainer__button:first-child {
    left: 8px
  }

  #recommendContents .page-ouenwari .c-planSec--change .c-planSec__cards {
    gap: 2%;
    max-width: 890px
  }

  #recommendContents .page-ouenwari .c-planSec--change .c-planSec__cards>div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31.9%;
    flex: 0 0 31.9%
  }

  #recommendContents .page-ouenwari .c-planSec--change .c-planSec__cards>div .c-modalNote__trigger--white,
  #recommendContents .page-ouenwari .c-planSec--change .c-planSec__cards>div .c-priceButtonContainer__button {
    top: min(14.5vw, 129px)
  }

  #recommendContents .page-plan .c-planSec--main .ttlName {
    line-height: 1.3417190776
  }

  #recommendContents .page-plan .c-planSec--sub .c-planSec__cards {
    gap: 18px
  }

  #recommendContents .page-plan .c-planSec--sub .c-planSec__card:nth-child(2) {
    padding-right: 0
  }

  #recommendContents .page-plan .c-planSec--else {
    margin-top: 10px
  }

  #recommendContents .page-price .c-priceSec:first-of-type {
    padding-bottom: 60px
  }

  #recommendContents .page-price .c-priceSec:first-of-type .c-priceSec__ttl {
    margin: 0 auto;
    max-width: 750px;
    padding-top: 20px;
    position: relative;
    z-index: 1
  }

  #recommendContents .page-price .c-priceSec:first-of-type .c-priceSec__ttl--A {
    padding-bottom: 60px
  }

  #recommendContents .page-price .c-priceSec:first-of-type .c-priceSec__ttl--A h2 {
    margin: 0 auto;
    width: 418px
  }

  #recommendContents .page-price .c-priceSec:first-of-type .c-priceSec__ttl--A .c-modalNote__wrap {
    margin: -80px 0 0 150px;
    width: 418px
  }

  #recommendContents .page-price .c-priceSec:first-of-type .c-priceSec__ttl--B {
    width: 416px
  }

  #recommendContents .page-price .c-priceSec:first-of-type .c-priceSec__ttl--C {
    width: 445px
  }

  #recommendContents .page-price .c-priceSec:first-of-type .c-priceSec__ttl--D {
    width: 415px
  }

  #recommendContents .page-price .c-priceSec:first-of-type .c-priceSec__text {
    margin-top: 5px
  }

  #recommendContents .page-price .c-priceSec:first-of-type .manga {
    margin-bottom: 16px;
    margin-top: -14px
  }

  #recommendContents .page-price .c-priceSec:first-of-type .c-modalNote {
    margin-top: 48px
  }

  #recommendContents .page-price .c-priceSec:first-of-type .c-modalNote__trigger {
    bottom: 24px;
    position: absolute;
    right: -67px
  }

  #recommendContents .comicModal02 .c-modal__comics {
    margin-bottom: 45px
  }

  #recommendContents .comicModal02 .c-modalNote__wrap {
    margin: 0
  }

  #recommendContents .comicModal02 .note {
    font-size: 14px;
    padding: 5px 18px
  }

  #recommendContents .comicModal02 .note a {
    gap: 6px
  }

  #recommendContents .comicModal02 .c-modalNote__trigger.c-modalNote__trigger--white,
  #recommendContents .comicModal02 .c-pricePlanCard__priceModal.c-modalNote__trigger {
    top: 10px
  }

  #recommendContents .comicModal03 .c-modalNote__trigger {
    right: 13px
  }

  #recommendContents .comicModal03 .comicModal03__note--01 {
    margin: 0
  }

  #recommendContents .comicModal03 .comicModal03__note--02 {
    margin: 0;
    top: 20px
  }

  #recommendContents .comicModal03 .comicModal03__note .c-modalNote__trigger {
    right: 16px
  }

  #recommendContents .comicModal04__note {
    margin: 15px 0
  }

  #recommendContents .comicModal04 .c-modalNote__trigger {
    right: 25px
  }

  #recommendContents .comicModal04__note:first-of-type {
    margin: 30px 0 38px
  }

  #recommendContents .comicModal04__note:nth-of-type(2) {
    margin: 0
  }

  #recommendContents .comicModal05__noteParent:first-of-type {
    margin-bottom: 43px;
    margin-top: -125px
  }

  #recommendContents .comicModal05__noteParent:nth-of-type(2) {
    margin-bottom: 24px;
    margin-top: -105px
  }

  #recommendContents .comicModal05__noteParent .c-modalNote__wrap {
    margin: 0
  }

  #recommendContents .comicModal05__noteParent .c-modalNote__wrap:first-of-type .c-modalNote--white:before {
    left: 85px
  }

  #recommendContents .comicModal05__noteParent .c-modalNote__wrap:nth-of-type(2) .c-modalNote--white:before {
    right: 30px
  }

  #recommendContents .comicModal05__noteParent .c-modalNote__trigger {
    right: inherit
  }

  #recommendContents .comicModal05 a.icon_arrow {
    font-size: 16px;
    gap: 6px;
    margin-top: 18px;
    padding: 3px
  }

  #recommendContents .comicModal05 .note {
    font-size: 12px;
    padding: 17px 17px 0
  }

  #recommendContents .page-sim .c-planSec--main .c-planSec__ttl {
    margin-bottom: -7px
  }

  #recommendContents .page-sim .c-planSec--change .c-planSec__cards {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 18px;
    max-width: 890px
  }

  #recommendContents .page-sim .c-planSec--change .c-planSec__cards>div {
    width: calc(33.33333% - 12px)
  }

  #recommendContents .page-sim .c-planSec--change .c-planSec__card:nth-child(2) {
    padding-right: 0
  }

  #recommendContents .page-sim .c-planSec--change .c-planSec__card .c-modalNote__trigger--white,
  #recommendContents .page-sim .c-planSec--change .c-planSec__card .c-priceButtonContainer__button {
    bottom: min(1.9vw, 19px);
    right: min(1.1vw, 9px);
    top: inherit
  }

  #recommendContents .page-sim .c-planSec--change .c-planSec__card+.c-modalNote__trigger[data-modal=modalPlanPriceOyako01] {
    width: min(30vw, 258px)
  }

  #recommendContents .page-simulation {
    padding-bottom: 90px
  }

  #recommendContents .page-simulation .mv {
    padding: 21px 13px 0
  }

  #recommendContents .page-simulation .mv:before {
    height: 80px
  }

  #recommendContents .page-simulation .mv:after {
    background: url(../img/simulation/bg_pc.png) repeat-x 50%/auto 87px;
    bottom: 0;
    height: 87px
  }

  #recommendContents .page-simulation .check__wrap {
    margin: 0 auto;
    max-width: 860px
  }

  #recommendContents .page-simulation .check picture {
    margin: 0 auto;
    max-width: 670px
  }

  #recommendContents .page-simulation .check__ttl {
    margin: 33px auto 0
  }

  #recommendContents .page-simulation .btn {
    bottom: 76px;
    font-size: 22px;
    height: 72px;
    width: 320px
  }

  #recommendContents .page-tokutoku .c-planSec--main .c-planSec__ttl {
    margin-bottom: -12px
  }

  #recommendContents .u-border--top {
    border-top: 2px solid #000
  }

  #recommendContents .u-border--bottom {
    border-bottom: 2px solid #000
  }

  #recommendContents .u-fz-pc--9 {
    font-size: 9px
  }

  #recommendContents .u-fz-pc--10 {
    font-size: 10px
  }

  #recommendContents .u-fz-pc--11 {
    font-size: 11px
  }

  #recommendContents .u-fz-pc--12 {
    font-size: 12px
  }

  #recommendContents .u-fz-pc--13 {
    font-size: 13px
  }

  #recommendContents .u-fz-pc--14 {
    font-size: 14px
  }

  #recommendContents .u-fz-pc--15 {
    font-size: 15px
  }

  #recommendContents .u-fz-pc--16 {
    font-size: 16px
  }

  #recommendContents .u-fz-pc--17 {
    font-size: 17px
  }

  #recommendContents .u-fz-pc--18 {
    font-size: 18px
  }

  #recommendContents .u-fz-pc--19 {
    font-size: 19px
  }

  #recommendContents .u-fz-pc--20 {
    font-size: 20px
  }

  #recommendContents .u-fz-pc--21 {
    font-size: 21px
  }

  #recommendContents .u-fz-pc--22 {
    font-size: 22px
  }

  #recommendContents .u-fz-pc--23 {
    font-size: 23px
  }

  #recommendContents .u-fz-pc--24 {
    font-size: 24px
  }

  #recommendContents .u-fz-pc--25 {
    font-size: 25px
  }

  #recommendContents .u-fz-pc--26 {
    font-size: 26px
  }

  #recommendContents .u-fz-pc--27 {
    font-size: 27px
  }

  #recommendContents .u-fz-pc--28 {
    font-size: 28px
  }

  #recommendContents .u-fz-pc--29 {
    font-size: 29px
  }

  #recommendContents .u-fz-pc--30 {
    font-size: 30px
  }

  #recommendContents .u-fz-pc--31 {
    font-size: 31px
  }

  #recommendContents .u-fz-pc--32 {
    font-size: 32px
  }

  #recommendContents .u-fz-pc--33 {
    font-size: 33px
  }

  #recommendContents .u-fz-pc--34 {
    font-size: 34px
  }

  #recommendContents .u-fz-pc--35 {
    font-size: 35px
  }

  #recommendContents .u-fz-pc--36 {
    font-size: 36px
  }

  #recommendContents .u-fz-pc--37 {
    font-size: 37px
  }

  #recommendContents .u-fz-pc--38 {
    font-size: 38px
  }

  #recommendContents .u-fz-pc--39 {
    font-size: 39px
  }

  #recommendContents .u-fz-pc--40 {
    font-size: 40px
  }

  #recommendContents .u-fz-pc--41 {
    font-size: 41px
  }

  #recommendContents .u-fz-pc--42 {
    font-size: 42px
  }

  #recommendContents .u-fz-pc--43 {
    font-size: 43px
  }

  #recommendContents .u-fz-pc--44 {
    font-size: 44px
  }

  #recommendContents .u-fz-pc--45 {
    font-size: 45px
  }

  #recommendContents .u-fz-pc--46 {
    font-size: 46px
  }

  #recommendContents .u-fz-pc--47 {
    font-size: 47px
  }

  #recommendContents .u-fz-pc--48 {
    font-size: 48px
  }

  #recommendContents .u-fz-pc--49 {
    font-size: 49px
  }

  #recommendContents .u-fz-pc--50 {
    font-size: 50px
  }

  #recommendContents .u-m--0 {
    margin: 0 !important
  }

  #recommendContents .u-mt--0 {
    margin-top: 0 !important
  }

  #recommendContents .u-mr--0 {
    margin-right: 0 !important
  }

  #recommendContents .u-mb--0 {
    margin-bottom: 0 !important
  }

  #recommendContents .u-ml--0 {
    margin-left: 0 !important
  }

  #recommendContents .u-mx--0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  #recommendContents .u-my--0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
  }

  #recommendContents .u-p--0 {
    padding: 0 !important
  }

  #recommendContents .u-pt--0 {
    padding-top: 0 !important
  }

  #recommendContents .u-pr--0 {
    padding-right: 0 !important
  }

  #recommendContents .u-pb--0 {
    padding-bottom: 0 !important
  }

  #recommendContents .u-pl--0 {
    padding-left: 0 !important
  }

  #recommendContents .u-px--0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  #recommendContents .u-py--0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }

  #recommendContents .u-m--1 {
    margin: 1px !important
  }

  #recommendContents .u-mt--1 {
    margin-top: 1px !important
  }

  #recommendContents .u-mr--1 {
    margin-right: 1px !important
  }

  #recommendContents .u-mb--1 {
    margin-bottom: 1px !important
  }

  #recommendContents .u-ml--1 {
    margin-left: 1px !important
  }

  #recommendContents .u-mx--1 {
    margin-left: 1px !important;
    margin-right: 1px !important
  }

  #recommendContents .u-my--1 {
    margin-bottom: 1px !important;
    margin-top: 1px !important
  }

  #recommendContents .u-p--1 {
    padding: 1px !important
  }

  #recommendContents .u-pt--1 {
    padding-top: 1px !important
  }

  #recommendContents .u-pr--1 {
    padding-right: 1px !important
  }

  #recommendContents .u-pb--1 {
    padding-bottom: 1px !important
  }

  #recommendContents .u-pl--1 {
    padding-left: 1px !important
  }

  #recommendContents .u-px--1 {
    padding-left: 1px !important;
    padding-right: 1px !important
  }

  #recommendContents .u-py--1 {
    padding-bottom: 1px !important;
    padding-top: 1px !important
  }

  #recommendContents .u-m--2 {
    margin: 2px !important
  }

  #recommendContents .u-mt--2 {
    margin-top: 2px !important
  }

  #recommendContents .u-mr--2 {
    margin-right: 2px !important
  }

  #recommendContents .u-mb--2 {
    margin-bottom: 2px !important
  }

  #recommendContents .u-ml--2 {
    margin-left: 2px !important
  }

  #recommendContents .u-mx--2 {
    margin-left: 2px !important;
    margin-right: 2px !important
  }

  #recommendContents .u-my--2 {
    margin-bottom: 2px !important;
    margin-top: 2px !important
  }

  #recommendContents .u-p--2 {
    padding: 2px !important
  }

  #recommendContents .u-pt--2 {
    padding-top: 2px !important
  }

  #recommendContents .u-pr--2 {
    padding-right: 2px !important
  }

  #recommendContents .u-pb--2 {
    padding-bottom: 2px !important
  }

  #recommendContents .u-pl--2 {
    padding-left: 2px !important
  }

  #recommendContents .u-px--2 {
    padding-left: 2px !important;
    padding-right: 2px !important
  }

  #recommendContents .u-py--2 {
    padding-bottom: 2px !important;
    padding-top: 2px !important
  }

  #recommendContents .u-m--3 {
    margin: 3px !important
  }

  #recommendContents .u-mt--3 {
    margin-top: 3px !important
  }

  #recommendContents .u-mr--3 {
    margin-right: 3px !important
  }

  #recommendContents .u-mb--3 {
    margin-bottom: 3px !important
  }

  #recommendContents .u-ml--3 {
    margin-left: 3px !important
  }

  #recommendContents .u-mx--3 {
    margin-left: 3px !important;
    margin-right: 3px !important
  }

  #recommendContents .u-my--3 {
    margin-bottom: 3px !important;
    margin-top: 3px !important
  }

  #recommendContents .u-p--3 {
    padding: 3px !important
  }

  #recommendContents .u-pt--3 {
    padding-top: 3px !important
  }

  #recommendContents .u-pr--3 {
    padding-right: 3px !important
  }

  #recommendContents .u-pb--3 {
    padding-bottom: 3px !important
  }

  #recommendContents .u-pl--3 {
    padding-left: 3px !important
  }

  #recommendContents .u-px--3 {
    padding-left: 3px !important;
    padding-right: 3px !important
  }

  #recommendContents .u-py--3 {
    padding-bottom: 3px !important;
    padding-top: 3px !important
  }

  #recommendContents .u-m--4 {
    margin: 4px !important
  }

  #recommendContents .u-mt--4 {
    margin-top: 4px !important
  }

  #recommendContents .u-mr--4 {
    margin-right: 4px !important
  }

  #recommendContents .u-mb--4 {
    margin-bottom: 4px !important
  }

  #recommendContents .u-ml--4 {
    margin-left: 4px !important
  }

  #recommendContents .u-mx--4 {
    margin-left: 4px !important;
    margin-right: 4px !important
  }

  #recommendContents .u-my--4 {
    margin-bottom: 4px !important;
    margin-top: 4px !important
  }

  #recommendContents .u-p--4 {
    padding: 4px !important
  }

  #recommendContents .u-pt--4 {
    padding-top: 4px !important
  }

  #recommendContents .u-pr--4 {
    padding-right: 4px !important
  }

  #recommendContents .u-pb--4 {
    padding-bottom: 4px !important
  }

  #recommendContents .u-pl--4 {
    padding-left: 4px !important
  }

  #recommendContents .u-px--4 {
    padding-left: 4px !important;
    padding-right: 4px !important
  }

  #recommendContents .u-py--4 {
    padding-bottom: 4px !important;
    padding-top: 4px !important
  }

  #recommendContents .u-m--5 {
    margin: 5px !important
  }

  #recommendContents .u-mt--5 {
    margin-top: 5px !important
  }

  #recommendContents .u-mr--5 {
    margin-right: 5px !important
  }

  #recommendContents .u-mb--5 {
    margin-bottom: 5px !important
  }

  #recommendContents .u-ml--5 {
    margin-left: 5px !important
  }

  #recommendContents .u-mx--5 {
    margin-left: 5px !important;
    margin-right: 5px !important
  }

  #recommendContents .u-my--5 {
    margin-bottom: 5px !important;
    margin-top: 5px !important
  }

  #recommendContents .u-p--5 {
    padding: 5px !important
  }

  #recommendContents .u-pt--5 {
    padding-top: 5px !important
  }

  #recommendContents .u-pr--5 {
    padding-right: 5px !important
  }

  #recommendContents .u-pb--5 {
    padding-bottom: 5px !important
  }

  #recommendContents .u-pl--5 {
    padding-left: 5px !important
  }

  #recommendContents .u-px--5 {
    padding-left: 5px !important;
    padding-right: 5px !important
  }

  #recommendContents .u-py--5 {
    padding-bottom: 5px !important;
    padding-top: 5px !important
  }

  #recommendContents .u-m--6 {
    margin: 6px !important
  }

  #recommendContents .u-mt--6 {
    margin-top: 6px !important
  }

  #recommendContents .u-mr--6 {
    margin-right: 6px !important
  }

  #recommendContents .u-mb--6 {
    margin-bottom: 6px !important
  }

  #recommendContents .u-ml--6 {
    margin-left: 6px !important
  }

  #recommendContents .u-mx--6 {
    margin-left: 6px !important;
    margin-right: 6px !important
  }

  #recommendContents .u-my--6 {
    margin-bottom: 6px !important;
    margin-top: 6px !important
  }

  #recommendContents .u-p--6 {
    padding: 6px !important
  }

  #recommendContents .u-pt--6 {
    padding-top: 6px !important
  }

  #recommendContents .u-pr--6 {
    padding-right: 6px !important
  }

  #recommendContents .u-pb--6 {
    padding-bottom: 6px !important
  }

  #recommendContents .u-pl--6 {
    padding-left: 6px !important
  }

  #recommendContents .u-px--6 {
    padding-left: 6px !important;
    padding-right: 6px !important
  }

  #recommendContents .u-py--6 {
    padding-bottom: 6px !important;
    padding-top: 6px !important
  }

  #recommendContents .u-m--7 {
    margin: 7px !important
  }

  #recommendContents .u-mt--7 {
    margin-top: 7px !important
  }

  #recommendContents .u-mr--7 {
    margin-right: 7px !important
  }

  #recommendContents .u-mb--7 {
    margin-bottom: 7px !important
  }

  #recommendContents .u-ml--7 {
    margin-left: 7px !important
  }

  #recommendContents .u-mx--7 {
    margin-left: 7px !important;
    margin-right: 7px !important
  }

  #recommendContents .u-my--7 {
    margin-bottom: 7px !important;
    margin-top: 7px !important
  }

  #recommendContents .u-p--7 {
    padding: 7px !important
  }

  #recommendContents .u-pt--7 {
    padding-top: 7px !important
  }

  #recommendContents .u-pr--7 {
    padding-right: 7px !important
  }

  #recommendContents .u-pb--7 {
    padding-bottom: 7px !important
  }

  #recommendContents .u-pl--7 {
    padding-left: 7px !important
  }

  #recommendContents .u-px--7 {
    padding-left: 7px !important;
    padding-right: 7px !important
  }

  #recommendContents .u-py--7 {
    padding-bottom: 7px !important;
    padding-top: 7px !important
  }

  #recommendContents .u-m--8 {
    margin: 8px !important
  }

  #recommendContents .u-mt--8 {
    margin-top: 8px !important
  }

  #recommendContents .u-mr--8 {
    margin-right: 8px !important
  }

  #recommendContents .u-mb--8 {
    margin-bottom: 8px !important
  }

  #recommendContents .u-ml--8 {
    margin-left: 8px !important
  }

  #recommendContents .u-mx--8 {
    margin-left: 8px !important;
    margin-right: 8px !important
  }

  #recommendContents .u-my--8 {
    margin-bottom: 8px !important;
    margin-top: 8px !important
  }

  #recommendContents .u-p--8 {
    padding: 8px !important
  }

  #recommendContents .u-pt--8 {
    padding-top: 8px !important
  }

  #recommendContents .u-pr--8 {
    padding-right: 8px !important
  }

  #recommendContents .u-pb--8 {
    padding-bottom: 8px !important
  }

  #recommendContents .u-pl--8 {
    padding-left: 8px !important
  }

  #recommendContents .u-px--8 {
    padding-left: 8px !important;
    padding-right: 8px !important
  }

  #recommendContents .u-py--8 {
    padding-bottom: 8px !important;
    padding-top: 8px !important
  }

  #recommendContents .u-m--9 {
    margin: 9px !important
  }

  #recommendContents .u-mt--9 {
    margin-top: 9px !important
  }

  #recommendContents .u-mr--9 {
    margin-right: 9px !important
  }

  #recommendContents .u-mb--9 {
    margin-bottom: 9px !important
  }

  #recommendContents .u-ml--9 {
    margin-left: 9px !important
  }

  #recommendContents .u-mx--9 {
    margin-left: 9px !important;
    margin-right: 9px !important
  }

  #recommendContents .u-my--9 {
    margin-bottom: 9px !important;
    margin-top: 9px !important
  }

  #recommendContents .u-p--9 {
    padding: 9px !important
  }

  #recommendContents .u-pt--9 {
    padding-top: 9px !important
  }

  #recommendContents .u-pr--9 {
    padding-right: 9px !important
  }

  #recommendContents .u-pb--9 {
    padding-bottom: 9px !important
  }

  #recommendContents .u-pl--9 {
    padding-left: 9px !important
  }

  #recommendContents .u-px--9 {
    padding-left: 9px !important;
    padding-right: 9px !important
  }

  #recommendContents .u-py--9 {
    padding-bottom: 9px !important;
    padding-top: 9px !important
  }

  #recommendContents .u-m--10 {
    margin: 10px !important
  }

  #recommendContents .u-mt--10 {
    margin-top: 10px !important
  }

  #recommendContents .u-mr--10 {
    margin-right: 10px !important
  }

  #recommendContents .u-mb--10 {
    margin-bottom: 10px !important
  }

  #recommendContents .u-ml--10 {
    margin-left: 10px !important
  }

  #recommendContents .u-mx--10 {
    margin-left: 10px !important;
    margin-right: 10px !important
  }

  #recommendContents .u-my--10 {
    margin-bottom: 10px !important;
    margin-top: 10px !important
  }

  #recommendContents .u-p--10 {
    padding: 10px !important
  }

  #recommendContents .u-pt--10 {
    padding-top: 10px !important
  }

  #recommendContents .u-pr--10 {
    padding-right: 10px !important
  }

  #recommendContents .u-pb--10 {
    padding-bottom: 10px !important
  }

  #recommendContents .u-pl--10 {
    padding-left: 10px !important
  }

  #recommendContents .u-px--10 {
    padding-left: 10px !important;
    padding-right: 10px !important
  }

  #recommendContents .u-py--10 {
    padding-bottom: 10px !important;
    padding-top: 10px !important
  }

  #recommendContents .u-m--11 {
    margin: 11px !important
  }

  #recommendContents .u-mt--11 {
    margin-top: 11px !important
  }

  #recommendContents .u-mr--11 {
    margin-right: 11px !important
  }

  #recommendContents .u-mb--11 {
    margin-bottom: 11px !important
  }

  #recommendContents .u-ml--11 {
    margin-left: 11px !important
  }

  #recommendContents .u-mx--11 {
    margin-left: 11px !important;
    margin-right: 11px !important
  }

  #recommendContents .u-my--11 {
    margin-bottom: 11px !important;
    margin-top: 11px !important
  }

  #recommendContents .u-p--11 {
    padding: 11px !important
  }

  #recommendContents .u-pt--11 {
    padding-top: 11px !important
  }

  #recommendContents .u-pr--11 {
    padding-right: 11px !important
  }

  #recommendContents .u-pb--11 {
    padding-bottom: 11px !important
  }

  #recommendContents .u-pl--11 {
    padding-left: 11px !important
  }

  #recommendContents .u-px--11 {
    padding-left: 11px !important;
    padding-right: 11px !important
  }

  #recommendContents .u-py--11 {
    padding-bottom: 11px !important;
    padding-top: 11px !important
  }

  #recommendContents .u-m--12 {
    margin: 12px !important
  }

  #recommendContents .u-mt--12 {
    margin-top: 12px !important
  }

  #recommendContents .u-mr--12 {
    margin-right: 12px !important
  }

  #recommendContents .u-mb--12 {
    margin-bottom: 12px !important
  }

  #recommendContents .u-ml--12 {
    margin-left: 12px !important
  }

  #recommendContents .u-mx--12 {
    margin-left: 12px !important;
    margin-right: 12px !important
  }

  #recommendContents .u-my--12 {
    margin-bottom: 12px !important;
    margin-top: 12px !important
  }

  #recommendContents .u-p--12 {
    padding: 12px !important
  }

  #recommendContents .u-pt--12 {
    padding-top: 12px !important
  }

  #recommendContents .u-pr--12 {
    padding-right: 12px !important
  }

  #recommendContents .u-pb--12 {
    padding-bottom: 12px !important
  }

  #recommendContents .u-pl--12 {
    padding-left: 12px !important
  }

  #recommendContents .u-px--12 {
    padding-left: 12px !important;
    padding-right: 12px !important
  }

  #recommendContents .u-py--12 {
    padding-bottom: 12px !important;
    padding-top: 12px !important
  }

  #recommendContents .u-m--13 {
    margin: 13px !important
  }

  #recommendContents .u-mt--13 {
    margin-top: 13px !important
  }

  #recommendContents .u-mr--13 {
    margin-right: 13px !important
  }

  #recommendContents .u-mb--13 {
    margin-bottom: 13px !important
  }

  #recommendContents .u-ml--13 {
    margin-left: 13px !important
  }

  #recommendContents .u-mx--13 {
    margin-left: 13px !important;
    margin-right: 13px !important
  }

  #recommendContents .u-my--13 {
    margin-bottom: 13px !important;
    margin-top: 13px !important
  }

  #recommendContents .u-p--13 {
    padding: 13px !important
  }

  #recommendContents .u-pt--13 {
    padding-top: 13px !important
  }

  #recommendContents .u-pr--13 {
    padding-right: 13px !important
  }

  #recommendContents .u-pb--13 {
    padding-bottom: 13px !important
  }

  #recommendContents .u-pl--13 {
    padding-left: 13px !important
  }

  #recommendContents .u-px--13 {
    padding-left: 13px !important;
    padding-right: 13px !important
  }

  #recommendContents .u-py--13 {
    padding-bottom: 13px !important;
    padding-top: 13px !important
  }

  #recommendContents .u-m--14 {
    margin: 14px !important
  }

  #recommendContents .u-mt--14 {
    margin-top: 14px !important
  }

  #recommendContents .u-mr--14 {
    margin-right: 14px !important
  }

  #recommendContents .u-mb--14 {
    margin-bottom: 14px !important
  }

  #recommendContents .u-ml--14 {
    margin-left: 14px !important
  }

  #recommendContents .u-mx--14 {
    margin-left: 14px !important;
    margin-right: 14px !important
  }

  #recommendContents .u-my--14 {
    margin-bottom: 14px !important;
    margin-top: 14px !important
  }

  #recommendContents .u-p--14 {
    padding: 14px !important
  }

  #recommendContents .u-pt--14 {
    padding-top: 14px !important
  }

  #recommendContents .u-pr--14 {
    padding-right: 14px !important
  }

  #recommendContents .u-pb--14 {
    padding-bottom: 14px !important
  }

  #recommendContents .u-pl--14 {
    padding-left: 14px !important
  }

  #recommendContents .u-px--14 {
    padding-left: 14px !important;
    padding-right: 14px !important
  }

  #recommendContents .u-py--14 {
    padding-bottom: 14px !important;
    padding-top: 14px !important
  }

  #recommendContents .u-m--15 {
    margin: 15px !important
  }

  #recommendContents .u-mt--15 {
    margin-top: 15px !important
  }

  #recommendContents .u-mr--15 {
    margin-right: 15px !important
  }

  #recommendContents .u-mb--15 {
    margin-bottom: 15px !important
  }

  #recommendContents .u-ml--15 {
    margin-left: 15px !important
  }

  #recommendContents .u-mx--15 {
    margin-left: 15px !important;
    margin-right: 15px !important
  }

  #recommendContents .u-my--15 {
    margin-bottom: 15px !important;
    margin-top: 15px !important
  }

  #recommendContents .u-p--15 {
    padding: 15px !important
  }

  #recommendContents .u-pt--15 {
    padding-top: 15px !important
  }

  #recommendContents .u-pr--15 {
    padding-right: 15px !important
  }

  #recommendContents .u-pb--15 {
    padding-bottom: 15px !important
  }

  #recommendContents .u-pl--15 {
    padding-left: 15px !important
  }

  #recommendContents .u-px--15 {
    padding-left: 15px !important;
    padding-right: 15px !important
  }

  #recommendContents .u-py--15 {
    padding-bottom: 15px !important;
    padding-top: 15px !important
  }

  #recommendContents .u-m--16 {
    margin: 16px !important
  }

  #recommendContents .u-mt--16 {
    margin-top: 16px !important
  }

  #recommendContents .u-mr--16 {
    margin-right: 16px !important
  }

  #recommendContents .u-mb--16 {
    margin-bottom: 16px !important
  }

  #recommendContents .u-ml--16 {
    margin-left: 16px !important
  }

  #recommendContents .u-mx--16 {
    margin-left: 16px !important;
    margin-right: 16px !important
  }

  #recommendContents .u-my--16 {
    margin-bottom: 16px !important;
    margin-top: 16px !important
  }

  #recommendContents .u-p--16 {
    padding: 16px !important
  }

  #recommendContents .u-pt--16 {
    padding-top: 16px !important
  }

  #recommendContents .u-pr--16 {
    padding-right: 16px !important
  }

  #recommendContents .u-pb--16 {
    padding-bottom: 16px !important
  }

  #recommendContents .u-pl--16 {
    padding-left: 16px !important
  }

  #recommendContents .u-px--16 {
    padding-left: 16px !important;
    padding-right: 16px !important
  }

  #recommendContents .u-py--16 {
    padding-bottom: 16px !important;
    padding-top: 16px !important
  }

  #recommendContents .u-m--17 {
    margin: 17px !important
  }

  #recommendContents .u-mt--17 {
    margin-top: 17px !important
  }

  #recommendContents .u-mr--17 {
    margin-right: 17px !important
  }

  #recommendContents .u-mb--17 {
    margin-bottom: 17px !important
  }

  #recommendContents .u-ml--17 {
    margin-left: 17px !important
  }

  #recommendContents .u-mx--17 {
    margin-left: 17px !important;
    margin-right: 17px !important
  }

  #recommendContents .u-my--17 {
    margin-bottom: 17px !important;
    margin-top: 17px !important
  }

  #recommendContents .u-p--17 {
    padding: 17px !important
  }

  #recommendContents .u-pt--17 {
    padding-top: 17px !important
  }

  #recommendContents .u-pr--17 {
    padding-right: 17px !important
  }

  #recommendContents .u-pb--17 {
    padding-bottom: 17px !important
  }

  #recommendContents .u-pl--17 {
    padding-left: 17px !important
  }

  #recommendContents .u-px--17 {
    padding-left: 17px !important;
    padding-right: 17px !important
  }

  #recommendContents .u-py--17 {
    padding-bottom: 17px !important;
    padding-top: 17px !important
  }

  #recommendContents .u-m--18 {
    margin: 18px !important
  }

  #recommendContents .u-mt--18 {
    margin-top: 18px !important
  }

  #recommendContents .u-mr--18 {
    margin-right: 18px !important
  }

  #recommendContents .u-mb--18 {
    margin-bottom: 18px !important
  }

  #recommendContents .u-ml--18 {
    margin-left: 18px !important
  }

  #recommendContents .u-mx--18 {
    margin-left: 18px !important;
    margin-right: 18px !important
  }

  #recommendContents .u-my--18 {
    margin-bottom: 18px !important;
    margin-top: 18px !important
  }

  #recommendContents .u-p--18 {
    padding: 18px !important
  }

  #recommendContents .u-pt--18 {
    padding-top: 18px !important
  }

  #recommendContents .u-pr--18 {
    padding-right: 18px !important
  }

  #recommendContents .u-pb--18 {
    padding-bottom: 18px !important
  }

  #recommendContents .u-pl--18 {
    padding-left: 18px !important
  }

  #recommendContents .u-px--18 {
    padding-left: 18px !important;
    padding-right: 18px !important
  }

  #recommendContents .u-py--18 {
    padding-bottom: 18px !important;
    padding-top: 18px !important
  }

  #recommendContents .u-m--19 {
    margin: 19px !important
  }

  #recommendContents .u-mt--19 {
    margin-top: 19px !important
  }

  #recommendContents .u-mr--19 {
    margin-right: 19px !important
  }

  #recommendContents .u-mb--19 {
    margin-bottom: 19px !important
  }

  #recommendContents .u-ml--19 {
    margin-left: 19px !important
  }

  #recommendContents .u-mx--19 {
    margin-left: 19px !important;
    margin-right: 19px !important
  }

  #recommendContents .u-my--19 {
    margin-bottom: 19px !important;
    margin-top: 19px !important
  }

  #recommendContents .u-p--19 {
    padding: 19px !important
  }

  #recommendContents .u-pt--19 {
    padding-top: 19px !important
  }

  #recommendContents .u-pr--19 {
    padding-right: 19px !important
  }

  #recommendContents .u-pb--19 {
    padding-bottom: 19px !important
  }

  #recommendContents .u-pl--19 {
    padding-left: 19px !important
  }

  #recommendContents .u-px--19 {
    padding-left: 19px !important;
    padding-right: 19px !important
  }

  #recommendContents .u-py--19 {
    padding-bottom: 19px !important;
    padding-top: 19px !important
  }

  #recommendContents .u-m--20 {
    margin: 20px !important
  }

  #recommendContents .u-mt--20 {
    margin-top: 20px !important
  }

  #recommendContents .u-mr--20 {
    margin-right: 20px !important
  }

  #recommendContents .u-mb--20 {
    margin-bottom: 20px !important
  }

  #recommendContents .u-ml--20 {
    margin-left: 20px !important
  }

  #recommendContents .u-mx--20 {
    margin-left: 20px !important;
    margin-right: 20px !important
  }

  #recommendContents .u-my--20 {
    margin-bottom: 20px !important;
    margin-top: 20px !important
  }

  #recommendContents .u-p--20 {
    padding: 20px !important
  }

  #recommendContents .u-pt--20 {
    padding-top: 20px !important
  }

  #recommendContents .u-pr--20 {
    padding-right: 20px !important
  }

  #recommendContents .u-pb--20 {
    padding-bottom: 20px !important
  }

  #recommendContents .u-pl--20 {
    padding-left: 20px !important
  }

  #recommendContents .u-px--20 {
    padding-left: 20px !important;
    padding-right: 20px !important
  }

  #recommendContents .u-py--20 {
    padding-bottom: 20px !important;
    padding-top: 20px !important
  }

  #recommendContents .u-m--21 {
    margin: 21px !important
  }

  #recommendContents .u-mt--21 {
    margin-top: 21px !important
  }

  #recommendContents .u-mr--21 {
    margin-right: 21px !important
  }

  #recommendContents .u-mb--21 {
    margin-bottom: 21px !important
  }

  #recommendContents .u-ml--21 {
    margin-left: 21px !important
  }

  #recommendContents .u-mx--21 {
    margin-left: 21px !important;
    margin-right: 21px !important
  }

  #recommendContents .u-my--21 {
    margin-bottom: 21px !important;
    margin-top: 21px !important
  }

  #recommendContents .u-p--21 {
    padding: 21px !important
  }

  #recommendContents .u-pt--21 {
    padding-top: 21px !important
  }

  #recommendContents .u-pr--21 {
    padding-right: 21px !important
  }

  #recommendContents .u-pb--21 {
    padding-bottom: 21px !important
  }

  #recommendContents .u-pl--21 {
    padding-left: 21px !important
  }

  #recommendContents .u-px--21 {
    padding-left: 21px !important;
    padding-right: 21px !important
  }

  #recommendContents .u-py--21 {
    padding-bottom: 21px !important;
    padding-top: 21px !important
  }

  #recommendContents .u-m--22 {
    margin: 22px !important
  }

  #recommendContents .u-mt--22 {
    margin-top: 22px !important
  }

  #recommendContents .u-mr--22 {
    margin-right: 22px !important
  }

  #recommendContents .u-mb--22 {
    margin-bottom: 22px !important
  }

  #recommendContents .u-ml--22 {
    margin-left: 22px !important
  }

  #recommendContents .u-mx--22 {
    margin-left: 22px !important;
    margin-right: 22px !important
  }

  #recommendContents .u-my--22 {
    margin-bottom: 22px !important;
    margin-top: 22px !important
  }

  #recommendContents .u-p--22 {
    padding: 22px !important
  }

  #recommendContents .u-pt--22 {
    padding-top: 22px !important
  }

  #recommendContents .u-pr--22 {
    padding-right: 22px !important
  }

  #recommendContents .u-pb--22 {
    padding-bottom: 22px !important
  }

  #recommendContents .u-pl--22 {
    padding-left: 22px !important
  }

  #recommendContents .u-px--22 {
    padding-left: 22px !important;
    padding-right: 22px !important
  }

  #recommendContents .u-py--22 {
    padding-bottom: 22px !important;
    padding-top: 22px !important
  }

  #recommendContents .u-m--23 {
    margin: 23px !important
  }

  #recommendContents .u-mt--23 {
    margin-top: 23px !important
  }

  #recommendContents .u-mr--23 {
    margin-right: 23px !important
  }

  #recommendContents .u-mb--23 {
    margin-bottom: 23px !important
  }

  #recommendContents .u-ml--23 {
    margin-left: 23px !important
  }

  #recommendContents .u-mx--23 {
    margin-left: 23px !important;
    margin-right: 23px !important
  }

  #recommendContents .u-my--23 {
    margin-bottom: 23px !important;
    margin-top: 23px !important
  }

  #recommendContents .u-p--23 {
    padding: 23px !important
  }

  #recommendContents .u-pt--23 {
    padding-top: 23px !important
  }

  #recommendContents .u-pr--23 {
    padding-right: 23px !important
  }

  #recommendContents .u-pb--23 {
    padding-bottom: 23px !important
  }

  #recommendContents .u-pl--23 {
    padding-left: 23px !important
  }

  #recommendContents .u-px--23 {
    padding-left: 23px !important;
    padding-right: 23px !important
  }

  #recommendContents .u-py--23 {
    padding-bottom: 23px !important;
    padding-top: 23px !important
  }

  #recommendContents .u-m--24 {
    margin: 24px !important
  }

  #recommendContents .u-mt--24 {
    margin-top: 24px !important
  }

  #recommendContents .u-mr--24 {
    margin-right: 24px !important
  }

  #recommendContents .u-mb--24 {
    margin-bottom: 24px !important
  }

  #recommendContents .u-ml--24 {
    margin-left: 24px !important
  }

  #recommendContents .u-mx--24 {
    margin-left: 24px !important;
    margin-right: 24px !important
  }

  #recommendContents .u-my--24 {
    margin-bottom: 24px !important;
    margin-top: 24px !important
  }

  #recommendContents .u-p--24 {
    padding: 24px !important
  }

  #recommendContents .u-pt--24 {
    padding-top: 24px !important
  }

  #recommendContents .u-pr--24 {
    padding-right: 24px !important
  }

  #recommendContents .u-pb--24 {
    padding-bottom: 24px !important
  }

  #recommendContents .u-pl--24 {
    padding-left: 24px !important
  }

  #recommendContents .u-px--24 {
    padding-left: 24px !important;
    padding-right: 24px !important
  }

  #recommendContents .u-py--24 {
    padding-bottom: 24px !important;
    padding-top: 24px !important
  }

  #recommendContents .u-m--25 {
    margin: 25px !important
  }

  #recommendContents .u-mt--25 {
    margin-top: 25px !important
  }

  #recommendContents .u-mr--25 {
    margin-right: 25px !important
  }

  #recommendContents .u-mb--25 {
    margin-bottom: 25px !important
  }

  #recommendContents .u-ml--25 {
    margin-left: 25px !important
  }

  #recommendContents .u-mx--25 {
    margin-left: 25px !important;
    margin-right: 25px !important
  }

  #recommendContents .u-my--25 {
    margin-bottom: 25px !important;
    margin-top: 25px !important
  }

  #recommendContents .u-p--25 {
    padding: 25px !important
  }

  #recommendContents .u-pt--25 {
    padding-top: 25px !important
  }

  #recommendContents .u-pr--25 {
    padding-right: 25px !important
  }

  #recommendContents .u-pb--25 {
    padding-bottom: 25px !important
  }

  #recommendContents .u-pl--25 {
    padding-left: 25px !important
  }

  #recommendContents .u-px--25 {
    padding-left: 25px !important;
    padding-right: 25px !important
  }

  #recommendContents .u-py--25 {
    padding-bottom: 25px !important;
    padding-top: 25px !important
  }

  #recommendContents .u-m--26 {
    margin: 26px !important
  }

  #recommendContents .u-mt--26 {
    margin-top: 26px !important
  }

  #recommendContents .u-mr--26 {
    margin-right: 26px !important
  }

  #recommendContents .u-mb--26 {
    margin-bottom: 26px !important
  }

  #recommendContents .u-ml--26 {
    margin-left: 26px !important
  }

  #recommendContents .u-mx--26 {
    margin-left: 26px !important;
    margin-right: 26px !important
  }

  #recommendContents .u-my--26 {
    margin-bottom: 26px !important;
    margin-top: 26px !important
  }

  #recommendContents .u-p--26 {
    padding: 26px !important
  }

  #recommendContents .u-pt--26 {
    padding-top: 26px !important
  }

  #recommendContents .u-pr--26 {
    padding-right: 26px !important
  }

  #recommendContents .u-pb--26 {
    padding-bottom: 26px !important
  }

  #recommendContents .u-pl--26 {
    padding-left: 26px !important
  }

  #recommendContents .u-px--26 {
    padding-left: 26px !important;
    padding-right: 26px !important
  }

  #recommendContents .u-py--26 {
    padding-bottom: 26px !important;
    padding-top: 26px !important
  }

  #recommendContents .u-m--27 {
    margin: 27px !important
  }

  #recommendContents .u-mt--27 {
    margin-top: 27px !important
  }

  #recommendContents .u-mr--27 {
    margin-right: 27px !important
  }

  #recommendContents .u-mb--27 {
    margin-bottom: 27px !important
  }

  #recommendContents .u-ml--27 {
    margin-left: 27px !important
  }

  #recommendContents .u-mx--27 {
    margin-left: 27px !important;
    margin-right: 27px !important
  }

  #recommendContents .u-my--27 {
    margin-bottom: 27px !important;
    margin-top: 27px !important
  }

  #recommendContents .u-p--27 {
    padding: 27px !important
  }

  #recommendContents .u-pt--27 {
    padding-top: 27px !important
  }

  #recommendContents .u-pr--27 {
    padding-right: 27px !important
  }

  #recommendContents .u-pb--27 {
    padding-bottom: 27px !important
  }

  #recommendContents .u-pl--27 {
    padding-left: 27px !important
  }

  #recommendContents .u-px--27 {
    padding-left: 27px !important;
    padding-right: 27px !important
  }

  #recommendContents .u-py--27 {
    padding-bottom: 27px !important;
    padding-top: 27px !important
  }

  #recommendContents .u-m--28 {
    margin: 28px !important
  }

  #recommendContents .u-mt--28 {
    margin-top: 28px !important
  }

  #recommendContents .u-mr--28 {
    margin-right: 28px !important
  }

  #recommendContents .u-mb--28 {
    margin-bottom: 28px !important
  }

  #recommendContents .u-ml--28 {
    margin-left: 28px !important
  }

  #recommendContents .u-mx--28 {
    margin-left: 28px !important;
    margin-right: 28px !important
  }

  #recommendContents .u-my--28 {
    margin-bottom: 28px !important;
    margin-top: 28px !important
  }

  #recommendContents .u-p--28 {
    padding: 28px !important
  }

  #recommendContents .u-pt--28 {
    padding-top: 28px !important
  }

  #recommendContents .u-pr--28 {
    padding-right: 28px !important
  }

  #recommendContents .u-pb--28 {
    padding-bottom: 28px !important
  }

  #recommendContents .u-pl--28 {
    padding-left: 28px !important
  }

  #recommendContents .u-px--28 {
    padding-left: 28px !important;
    padding-right: 28px !important
  }

  #recommendContents .u-py--28 {
    padding-bottom: 28px !important;
    padding-top: 28px !important
  }

  #recommendContents .u-m--29 {
    margin: 29px !important
  }

  #recommendContents .u-mt--29 {
    margin-top: 29px !important
  }

  #recommendContents .u-mr--29 {
    margin-right: 29px !important
  }

  #recommendContents .u-mb--29 {
    margin-bottom: 29px !important
  }

  #recommendContents .u-ml--29 {
    margin-left: 29px !important
  }

  #recommendContents .u-mx--29 {
    margin-left: 29px !important;
    margin-right: 29px !important
  }

  #recommendContents .u-my--29 {
    margin-bottom: 29px !important;
    margin-top: 29px !important
  }

  #recommendContents .u-p--29 {
    padding: 29px !important
  }

  #recommendContents .u-pt--29 {
    padding-top: 29px !important
  }

  #recommendContents .u-pr--29 {
    padding-right: 29px !important
  }

  #recommendContents .u-pb--29 {
    padding-bottom: 29px !important
  }

  #recommendContents .u-pl--29 {
    padding-left: 29px !important
  }

  #recommendContents .u-px--29 {
    padding-left: 29px !important;
    padding-right: 29px !important
  }

  #recommendContents .u-py--29 {
    padding-bottom: 29px !important;
    padding-top: 29px !important
  }

  #recommendContents .u-m--30 {
    margin: 30px !important
  }

  #recommendContents .u-mt--30 {
    margin-top: 30px !important
  }

  #recommendContents .u-mr--30 {
    margin-right: 30px !important
  }

  #recommendContents .u-mb--30 {
    margin-bottom: 30px !important
  }

  #recommendContents .u-ml--30 {
    margin-left: 30px !important
  }

  #recommendContents .u-mx--30 {
    margin-left: 30px !important;
    margin-right: 30px !important
  }

  #recommendContents .u-my--30 {
    margin-bottom: 30px !important;
    margin-top: 30px !important
  }

  #recommendContents .u-p--30 {
    padding: 30px !important
  }

  #recommendContents .u-pt--30 {
    padding-top: 30px !important
  }

  #recommendContents .u-pr--30 {
    padding-right: 30px !important
  }

  #recommendContents .u-pb--30 {
    padding-bottom: 30px !important
  }

  #recommendContents .u-pl--30 {
    padding-left: 30px !important
  }

  #recommendContents .u-px--30 {
    padding-left: 30px !important;
    padding-right: 30px !important
  }

  #recommendContents .u-py--30 {
    padding-bottom: 30px !important;
    padding-top: 30px !important
  }

  #recommendContents .u-m--31 {
    margin: 31px !important
  }

  #recommendContents .u-mt--31 {
    margin-top: 31px !important
  }

  #recommendContents .u-mr--31 {
    margin-right: 31px !important
  }

  #recommendContents .u-mb--31 {
    margin-bottom: 31px !important
  }

  #recommendContents .u-ml--31 {
    margin-left: 31px !important
  }

  #recommendContents .u-mx--31 {
    margin-left: 31px !important;
    margin-right: 31px !important
  }

  #recommendContents .u-my--31 {
    margin-bottom: 31px !important;
    margin-top: 31px !important
  }

  #recommendContents .u-p--31 {
    padding: 31px !important
  }

  #recommendContents .u-pt--31 {
    padding-top: 31px !important
  }

  #recommendContents .u-pr--31 {
    padding-right: 31px !important
  }

  #recommendContents .u-pb--31 {
    padding-bottom: 31px !important
  }

  #recommendContents .u-pl--31 {
    padding-left: 31px !important
  }

  #recommendContents .u-px--31 {
    padding-left: 31px !important;
    padding-right: 31px !important
  }

  #recommendContents .u-py--31 {
    padding-bottom: 31px !important;
    padding-top: 31px !important
  }

  #recommendContents .u-m--32 {
    margin: 32px !important
  }

  #recommendContents .u-mt--32 {
    margin-top: 32px !important
  }

  #recommendContents .u-mr--32 {
    margin-right: 32px !important
  }

  #recommendContents .u-mb--32 {
    margin-bottom: 32px !important
  }

  #recommendContents .u-ml--32 {
    margin-left: 32px !important
  }

  #recommendContents .u-mx--32 {
    margin-left: 32px !important;
    margin-right: 32px !important
  }

  #recommendContents .u-my--32 {
    margin-bottom: 32px !important;
    margin-top: 32px !important
  }

  #recommendContents .u-p--32 {
    padding: 32px !important
  }

  #recommendContents .u-pt--32 {
    padding-top: 32px !important
  }

  #recommendContents .u-pr--32 {
    padding-right: 32px !important
  }

  #recommendContents .u-pb--32 {
    padding-bottom: 32px !important
  }

  #recommendContents .u-pl--32 {
    padding-left: 32px !important
  }

  #recommendContents .u-px--32 {
    padding-left: 32px !important;
    padding-right: 32px !important
  }

  #recommendContents .u-py--32 {
    padding-bottom: 32px !important;
    padding-top: 32px !important
  }

  #recommendContents .u-m--33 {
    margin: 33px !important
  }

  #recommendContents .u-mt--33 {
    margin-top: 33px !important
  }

  #recommendContents .u-mr--33 {
    margin-right: 33px !important
  }

  #recommendContents .u-mb--33 {
    margin-bottom: 33px !important
  }

  #recommendContents .u-ml--33 {
    margin-left: 33px !important
  }

  #recommendContents .u-mx--33 {
    margin-left: 33px !important;
    margin-right: 33px !important
  }

  #recommendContents .u-my--33 {
    margin-bottom: 33px !important;
    margin-top: 33px !important
  }

  #recommendContents .u-p--33 {
    padding: 33px !important
  }

  #recommendContents .u-pt--33 {
    padding-top: 33px !important
  }

  #recommendContents .u-pr--33 {
    padding-right: 33px !important
  }

  #recommendContents .u-pb--33 {
    padding-bottom: 33px !important
  }

  #recommendContents .u-pl--33 {
    padding-left: 33px !important
  }

  #recommendContents .u-px--33 {
    padding-left: 33px !important;
    padding-right: 33px !important
  }

  #recommendContents .u-py--33 {
    padding-bottom: 33px !important;
    padding-top: 33px !important
  }

  #recommendContents .u-m--34 {
    margin: 34px !important
  }

  #recommendContents .u-mt--34 {
    margin-top: 34px !important
  }

  #recommendContents .u-mr--34 {
    margin-right: 34px !important
  }

  #recommendContents .u-mb--34 {
    margin-bottom: 34px !important
  }

  #recommendContents .u-ml--34 {
    margin-left: 34px !important
  }

  #recommendContents .u-mx--34 {
    margin-left: 34px !important;
    margin-right: 34px !important
  }

  #recommendContents .u-my--34 {
    margin-bottom: 34px !important;
    margin-top: 34px !important
  }

  #recommendContents .u-p--34 {
    padding: 34px !important
  }

  #recommendContents .u-pt--34 {
    padding-top: 34px !important
  }

  #recommendContents .u-pr--34 {
    padding-right: 34px !important
  }

  #recommendContents .u-pb--34 {
    padding-bottom: 34px !important
  }

  #recommendContents .u-pl--34 {
    padding-left: 34px !important
  }

  #recommendContents .u-px--34 {
    padding-left: 34px !important;
    padding-right: 34px !important
  }

  #recommendContents .u-py--34 {
    padding-bottom: 34px !important;
    padding-top: 34px !important
  }

  #recommendContents .u-m--35 {
    margin: 35px !important
  }

  #recommendContents .u-mt--35 {
    margin-top: 35px !important
  }

  #recommendContents .u-mr--35 {
    margin-right: 35px !important
  }

  #recommendContents .u-mb--35 {
    margin-bottom: 35px !important
  }

  #recommendContents .u-ml--35 {
    margin-left: 35px !important
  }

  #recommendContents .u-mx--35 {
    margin-left: 35px !important;
    margin-right: 35px !important
  }

  #recommendContents .u-my--35 {
    margin-bottom: 35px !important;
    margin-top: 35px !important
  }

  #recommendContents .u-p--35 {
    padding: 35px !important
  }

  #recommendContents .u-pt--35 {
    padding-top: 35px !important
  }

  #recommendContents .u-pr--35 {
    padding-right: 35px !important
  }

  #recommendContents .u-pb--35 {
    padding-bottom: 35px !important
  }

  #recommendContents .u-pl--35 {
    padding-left: 35px !important
  }

  #recommendContents .u-px--35 {
    padding-left: 35px !important;
    padding-right: 35px !important
  }

  #recommendContents .u-py--35 {
    padding-bottom: 35px !important;
    padding-top: 35px !important
  }

  #recommendContents .u-m--36 {
    margin: 36px !important
  }

  #recommendContents .u-mt--36 {
    margin-top: 36px !important
  }

  #recommendContents .u-mr--36 {
    margin-right: 36px !important
  }

  #recommendContents .u-mb--36 {
    margin-bottom: 36px !important
  }

  #recommendContents .u-ml--36 {
    margin-left: 36px !important
  }

  #recommendContents .u-mx--36 {
    margin-left: 36px !important;
    margin-right: 36px !important
  }

  #recommendContents .u-my--36 {
    margin-bottom: 36px !important;
    margin-top: 36px !important
  }

  #recommendContents .u-p--36 {
    padding: 36px !important
  }

  #recommendContents .u-pt--36 {
    padding-top: 36px !important
  }

  #recommendContents .u-pr--36 {
    padding-right: 36px !important
  }

  #recommendContents .u-pb--36 {
    padding-bottom: 36px !important
  }

  #recommendContents .u-pl--36 {
    padding-left: 36px !important
  }

  #recommendContents .u-px--36 {
    padding-left: 36px !important;
    padding-right: 36px !important
  }

  #recommendContents .u-py--36 {
    padding-bottom: 36px !important;
    padding-top: 36px !important
  }

  #recommendContents .u-m--37 {
    margin: 37px !important
  }

  #recommendContents .u-mt--37 {
    margin-top: 37px !important
  }

  #recommendContents .u-mr--37 {
    margin-right: 37px !important
  }

  #recommendContents .u-mb--37 {
    margin-bottom: 37px !important
  }

  #recommendContents .u-ml--37 {
    margin-left: 37px !important
  }

  #recommendContents .u-mx--37 {
    margin-left: 37px !important;
    margin-right: 37px !important
  }

  #recommendContents .u-my--37 {
    margin-bottom: 37px !important;
    margin-top: 37px !important
  }

  #recommendContents .u-p--37 {
    padding: 37px !important
  }

  #recommendContents .u-pt--37 {
    padding-top: 37px !important
  }

  #recommendContents .u-pr--37 {
    padding-right: 37px !important
  }

  #recommendContents .u-pb--37 {
    padding-bottom: 37px !important
  }

  #recommendContents .u-pl--37 {
    padding-left: 37px !important
  }

  #recommendContents .u-px--37 {
    padding-left: 37px !important;
    padding-right: 37px !important
  }

  #recommendContents .u-py--37 {
    padding-bottom: 37px !important;
    padding-top: 37px !important
  }

  #recommendContents .u-m--38 {
    margin: 38px !important
  }

  #recommendContents .u-mt--38 {
    margin-top: 38px !important
  }

  #recommendContents .u-mr--38 {
    margin-right: 38px !important
  }

  #recommendContents .u-mb--38 {
    margin-bottom: 38px !important
  }

  #recommendContents .u-ml--38 {
    margin-left: 38px !important
  }

  #recommendContents .u-mx--38 {
    margin-left: 38px !important;
    margin-right: 38px !important
  }

  #recommendContents .u-my--38 {
    margin-bottom: 38px !important;
    margin-top: 38px !important
  }

  #recommendContents .u-p--38 {
    padding: 38px !important
  }

  #recommendContents .u-pt--38 {
    padding-top: 38px !important
  }

  #recommendContents .u-pr--38 {
    padding-right: 38px !important
  }

  #recommendContents .u-pb--38 {
    padding-bottom: 38px !important
  }

  #recommendContents .u-pl--38 {
    padding-left: 38px !important
  }

  #recommendContents .u-px--38 {
    padding-left: 38px !important;
    padding-right: 38px !important
  }

  #recommendContents .u-py--38 {
    padding-bottom: 38px !important;
    padding-top: 38px !important
  }

  #recommendContents .u-m--39 {
    margin: 39px !important
  }

  #recommendContents .u-mt--39 {
    margin-top: 39px !important
  }

  #recommendContents .u-mr--39 {
    margin-right: 39px !important
  }

  #recommendContents .u-mb--39 {
    margin-bottom: 39px !important
  }

  #recommendContents .u-ml--39 {
    margin-left: 39px !important
  }

  #recommendContents .u-mx--39 {
    margin-left: 39px !important;
    margin-right: 39px !important
  }

  #recommendContents .u-my--39 {
    margin-bottom: 39px !important;
    margin-top: 39px !important
  }

  #recommendContents .u-p--39 {
    padding: 39px !important
  }

  #recommendContents .u-pt--39 {
    padding-top: 39px !important
  }

  #recommendContents .u-pr--39 {
    padding-right: 39px !important
  }

  #recommendContents .u-pb--39 {
    padding-bottom: 39px !important
  }

  #recommendContents .u-pl--39 {
    padding-left: 39px !important
  }

  #recommendContents .u-px--39 {
    padding-left: 39px !important;
    padding-right: 39px !important
  }

  #recommendContents .u-py--39 {
    padding-bottom: 39px !important;
    padding-top: 39px !important
  }

  #recommendContents .u-m--40 {
    margin: 40px !important
  }

  #recommendContents .u-mt--40 {
    margin-top: 40px !important
  }

  #recommendContents .u-mr--40 {
    margin-right: 40px !important
  }

  #recommendContents .u-mb--40 {
    margin-bottom: 40px !important
  }

  #recommendContents .u-ml--40 {
    margin-left: 40px !important
  }

  #recommendContents .u-mx--40 {
    margin-left: 40px !important;
    margin-right: 40px !important
  }

  #recommendContents .u-my--40 {
    margin-bottom: 40px !important;
    margin-top: 40px !important
  }

  #recommendContents .u-p--40 {
    padding: 40px !important
  }

  #recommendContents .u-pt--40 {
    padding-top: 40px !important
  }

  #recommendContents .u-pr--40 {
    padding-right: 40px !important
  }

  #recommendContents .u-pb--40 {
    padding-bottom: 40px !important
  }

  #recommendContents .u-pl--40 {
    padding-left: 40px !important
  }

  #recommendContents .u-px--40 {
    padding-left: 40px !important;
    padding-right: 40px !important
  }

  #recommendContents .u-py--40 {
    padding-bottom: 40px !important;
    padding-top: 40px !important
  }

  #recommendContents .u-m--41 {
    margin: 41px !important
  }

  #recommendContents .u-mt--41 {
    margin-top: 41px !important
  }

  #recommendContents .u-mr--41 {
    margin-right: 41px !important
  }

  #recommendContents .u-mb--41 {
    margin-bottom: 41px !important
  }

  #recommendContents .u-ml--41 {
    margin-left: 41px !important
  }

  #recommendContents .u-mx--41 {
    margin-left: 41px !important;
    margin-right: 41px !important
  }

  #recommendContents .u-my--41 {
    margin-bottom: 41px !important;
    margin-top: 41px !important
  }

  #recommendContents .u-p--41 {
    padding: 41px !important
  }

  #recommendContents .u-pt--41 {
    padding-top: 41px !important
  }

  #recommendContents .u-pr--41 {
    padding-right: 41px !important
  }

  #recommendContents .u-pb--41 {
    padding-bottom: 41px !important
  }

  #recommendContents .u-pl--41 {
    padding-left: 41px !important
  }

  #recommendContents .u-px--41 {
    padding-left: 41px !important;
    padding-right: 41px !important
  }

  #recommendContents .u-py--41 {
    padding-bottom: 41px !important;
    padding-top: 41px !important
  }

  #recommendContents .u-m--42 {
    margin: 42px !important
  }

  #recommendContents .u-mt--42 {
    margin-top: 42px !important
  }

  #recommendContents .u-mr--42 {
    margin-right: 42px !important
  }

  #recommendContents .u-mb--42 {
    margin-bottom: 42px !important
  }

  #recommendContents .u-ml--42 {
    margin-left: 42px !important
  }

  #recommendContents .u-mx--42 {
    margin-left: 42px !important;
    margin-right: 42px !important
  }

  #recommendContents .u-my--42 {
    margin-bottom: 42px !important;
    margin-top: 42px !important
  }

  #recommendContents .u-p--42 {
    padding: 42px !important
  }

  #recommendContents .u-pt--42 {
    padding-top: 42px !important
  }

  #recommendContents .u-pr--42 {
    padding-right: 42px !important
  }

  #recommendContents .u-pb--42 {
    padding-bottom: 42px !important
  }

  #recommendContents .u-pl--42 {
    padding-left: 42px !important
  }

  #recommendContents .u-px--42 {
    padding-left: 42px !important;
    padding-right: 42px !important
  }

  #recommendContents .u-py--42 {
    padding-bottom: 42px !important;
    padding-top: 42px !important
  }

  #recommendContents .u-m--43 {
    margin: 43px !important
  }

  #recommendContents .u-mt--43 {
    margin-top: 43px !important
  }

  #recommendContents .u-mr--43 {
    margin-right: 43px !important
  }

  #recommendContents .u-mb--43 {
    margin-bottom: 43px !important
  }

  #recommendContents .u-ml--43 {
    margin-left: 43px !important
  }

  #recommendContents .u-mx--43 {
    margin-left: 43px !important;
    margin-right: 43px !important
  }

  #recommendContents .u-my--43 {
    margin-bottom: 43px !important;
    margin-top: 43px !important
  }

  #recommendContents .u-p--43 {
    padding: 43px !important
  }

  #recommendContents .u-pt--43 {
    padding-top: 43px !important
  }

  #recommendContents .u-pr--43 {
    padding-right: 43px !important
  }

  #recommendContents .u-pb--43 {
    padding-bottom: 43px !important
  }

  #recommendContents .u-pl--43 {
    padding-left: 43px !important
  }

  #recommendContents .u-px--43 {
    padding-left: 43px !important;
    padding-right: 43px !important
  }

  #recommendContents .u-py--43 {
    padding-bottom: 43px !important;
    padding-top: 43px !important
  }

  #recommendContents .u-m--44 {
    margin: 44px !important
  }

  #recommendContents .u-mt--44 {
    margin-top: 44px !important
  }

  #recommendContents .u-mr--44 {
    margin-right: 44px !important
  }

  #recommendContents .u-mb--44 {
    margin-bottom: 44px !important
  }

  #recommendContents .u-ml--44 {
    margin-left: 44px !important
  }

  #recommendContents .u-mx--44 {
    margin-left: 44px !important;
    margin-right: 44px !important
  }

  #recommendContents .u-my--44 {
    margin-bottom: 44px !important;
    margin-top: 44px !important
  }

  #recommendContents .u-p--44 {
    padding: 44px !important
  }

  #recommendContents .u-pt--44 {
    padding-top: 44px !important
  }

  #recommendContents .u-pr--44 {
    padding-right: 44px !important
  }

  #recommendContents .u-pb--44 {
    padding-bottom: 44px !important
  }

  #recommendContents .u-pl--44 {
    padding-left: 44px !important
  }

  #recommendContents .u-px--44 {
    padding-left: 44px !important;
    padding-right: 44px !important
  }

  #recommendContents .u-py--44 {
    padding-bottom: 44px !important;
    padding-top: 44px !important
  }

  #recommendContents .u-m--45 {
    margin: 45px !important
  }

  #recommendContents .u-mt--45 {
    margin-top: 45px !important
  }

  #recommendContents .u-mr--45 {
    margin-right: 45px !important
  }

  #recommendContents .u-mb--45 {
    margin-bottom: 45px !important
  }

  #recommendContents .u-ml--45 {
    margin-left: 45px !important
  }

  #recommendContents .u-mx--45 {
    margin-left: 45px !important;
    margin-right: 45px !important
  }

  #recommendContents .u-my--45 {
    margin-bottom: 45px !important;
    margin-top: 45px !important
  }

  #recommendContents .u-p--45 {
    padding: 45px !important
  }

  #recommendContents .u-pt--45 {
    padding-top: 45px !important
  }

  #recommendContents .u-pr--45 {
    padding-right: 45px !important
  }

  #recommendContents .u-pb--45 {
    padding-bottom: 45px !important
  }

  #recommendContents .u-pl--45 {
    padding-left: 45px !important
  }

  #recommendContents .u-px--45 {
    padding-left: 45px !important;
    padding-right: 45px !important
  }

  #recommendContents .u-py--45 {
    padding-bottom: 45px !important;
    padding-top: 45px !important
  }

  #recommendContents .u-m--46 {
    margin: 46px !important
  }

  #recommendContents .u-mt--46 {
    margin-top: 46px !important
  }

  #recommendContents .u-mr--46 {
    margin-right: 46px !important
  }

  #recommendContents .u-mb--46 {
    margin-bottom: 46px !important
  }

  #recommendContents .u-ml--46 {
    margin-left: 46px !important
  }

  #recommendContents .u-mx--46 {
    margin-left: 46px !important;
    margin-right: 46px !important
  }

  #recommendContents .u-my--46 {
    margin-bottom: 46px !important;
    margin-top: 46px !important
  }

  #recommendContents .u-p--46 {
    padding: 46px !important
  }

  #recommendContents .u-pt--46 {
    padding-top: 46px !important
  }

  #recommendContents .u-pr--46 {
    padding-right: 46px !important
  }

  #recommendContents .u-pb--46 {
    padding-bottom: 46px !important
  }

  #recommendContents .u-pl--46 {
    padding-left: 46px !important
  }

  #recommendContents .u-px--46 {
    padding-left: 46px !important;
    padding-right: 46px !important
  }

  #recommendContents .u-py--46 {
    padding-bottom: 46px !important;
    padding-top: 46px !important
  }

  #recommendContents .u-m--47 {
    margin: 47px !important
  }

  #recommendContents .u-mt--47 {
    margin-top: 47px !important
  }

  #recommendContents .u-mr--47 {
    margin-right: 47px !important
  }

  #recommendContents .u-mb--47 {
    margin-bottom: 47px !important
  }

  #recommendContents .u-ml--47 {
    margin-left: 47px !important
  }

  #recommendContents .u-mx--47 {
    margin-left: 47px !important;
    margin-right: 47px !important
  }

  #recommendContents .u-my--47 {
    margin-bottom: 47px !important;
    margin-top: 47px !important
  }

  #recommendContents .u-p--47 {
    padding: 47px !important
  }

  #recommendContents .u-pt--47 {
    padding-top: 47px !important
  }

  #recommendContents .u-pr--47 {
    padding-right: 47px !important
  }

  #recommendContents .u-pb--47 {
    padding-bottom: 47px !important
  }

  #recommendContents .u-pl--47 {
    padding-left: 47px !important
  }

  #recommendContents .u-px--47 {
    padding-left: 47px !important;
    padding-right: 47px !important
  }

  #recommendContents .u-py--47 {
    padding-bottom: 47px !important;
    padding-top: 47px !important
  }

  #recommendContents .u-m--48 {
    margin: 48px !important
  }

  #recommendContents .u-mt--48 {
    margin-top: 48px !important
  }

  #recommendContents .u-mr--48 {
    margin-right: 48px !important
  }

  #recommendContents .u-mb--48 {
    margin-bottom: 48px !important
  }

  #recommendContents .u-ml--48 {
    margin-left: 48px !important
  }

  #recommendContents .u-mx--48 {
    margin-left: 48px !important;
    margin-right: 48px !important
  }

  #recommendContents .u-my--48 {
    margin-bottom: 48px !important;
    margin-top: 48px !important
  }

  #recommendContents .u-p--48 {
    padding: 48px !important
  }

  #recommendContents .u-pt--48 {
    padding-top: 48px !important
  }

  #recommendContents .u-pr--48 {
    padding-right: 48px !important
  }

  #recommendContents .u-pb--48 {
    padding-bottom: 48px !important
  }

  #recommendContents .u-pl--48 {
    padding-left: 48px !important
  }

  #recommendContents .u-px--48 {
    padding-left: 48px !important;
    padding-right: 48px !important
  }

  #recommendContents .u-py--48 {
    padding-bottom: 48px !important;
    padding-top: 48px !important
  }

  #recommendContents .u-m--49 {
    margin: 49px !important
  }

  #recommendContents .u-mt--49 {
    margin-top: 49px !important
  }

  #recommendContents .u-mr--49 {
    margin-right: 49px !important
  }

  #recommendContents .u-mb--49 {
    margin-bottom: 49px !important
  }

  #recommendContents .u-ml--49 {
    margin-left: 49px !important
  }

  #recommendContents .u-mx--49 {
    margin-left: 49px !important;
    margin-right: 49px !important
  }

  #recommendContents .u-my--49 {
    margin-bottom: 49px !important;
    margin-top: 49px !important
  }

  #recommendContents .u-p--49 {
    padding: 49px !important
  }

  #recommendContents .u-pt--49 {
    padding-top: 49px !important
  }

  #recommendContents .u-pr--49 {
    padding-right: 49px !important
  }

  #recommendContents .u-pb--49 {
    padding-bottom: 49px !important
  }

  #recommendContents .u-pl--49 {
    padding-left: 49px !important
  }

  #recommendContents .u-px--49 {
    padding-left: 49px !important;
    padding-right: 49px !important
  }

  #recommendContents .u-py--49 {
    padding-bottom: 49px !important;
    padding-top: 49px !important
  }

  #recommendContents .u-m--50 {
    margin: 50px !important
  }

  #recommendContents .u-mt--50 {
    margin-top: 50px !important
  }

  #recommendContents .u-mr--50 {
    margin-right: 50px !important
  }

  #recommendContents .u-mb--50 {
    margin-bottom: 50px !important
  }

  #recommendContents .u-ml--50 {
    margin-left: 50px !important
  }

  #recommendContents .u-mx--50 {
    margin-left: 50px !important;
    margin-right: 50px !important
  }

  #recommendContents .u-my--50 {
    margin-bottom: 50px !important;
    margin-top: 50px !important
  }

  #recommendContents .u-p--50 {
    padding: 50px !important
  }

  #recommendContents .u-pt--50 {
    padding-top: 50px !important
  }

  #recommendContents .u-pr--50 {
    padding-right: 50px !important
  }

  #recommendContents .u-pb--50 {
    padding-bottom: 50px !important
  }

  #recommendContents .u-pl--50 {
    padding-left: 50px !important
  }

  #recommendContents .u-px--50 {
    padding-left: 50px !important;
    padding-right: 50px !important
  }

  #recommendContents .u-py--50 {
    padding-bottom: 50px !important;
    padding-top: 50px !important
  }

  #recommendContents .u-m--51 {
    margin: 51px !important
  }

  #recommendContents .u-mt--51 {
    margin-top: 51px !important
  }

  #recommendContents .u-mr--51 {
    margin-right: 51px !important
  }

  #recommendContents .u-mb--51 {
    margin-bottom: 51px !important
  }

  #recommendContents .u-ml--51 {
    margin-left: 51px !important
  }

  #recommendContents .u-mx--51 {
    margin-left: 51px !important;
    margin-right: 51px !important
  }

  #recommendContents .u-my--51 {
    margin-bottom: 51px !important;
    margin-top: 51px !important
  }

  #recommendContents .u-p--51 {
    padding: 51px !important
  }

  #recommendContents .u-pt--51 {
    padding-top: 51px !important
  }

  #recommendContents .u-pr--51 {
    padding-right: 51px !important
  }

  #recommendContents .u-pb--51 {
    padding-bottom: 51px !important
  }

  #recommendContents .u-pl--51 {
    padding-left: 51px !important
  }

  #recommendContents .u-px--51 {
    padding-left: 51px !important;
    padding-right: 51px !important
  }

  #recommendContents .u-py--51 {
    padding-bottom: 51px !important;
    padding-top: 51px !important
  }

  #recommendContents .u-m--52 {
    margin: 52px !important
  }

  #recommendContents .u-mt--52 {
    margin-top: 52px !important
  }

  #recommendContents .u-mr--52 {
    margin-right: 52px !important
  }

  #recommendContents .u-mb--52 {
    margin-bottom: 52px !important
  }

  #recommendContents .u-ml--52 {
    margin-left: 52px !important
  }

  #recommendContents .u-mx--52 {
    margin-left: 52px !important;
    margin-right: 52px !important
  }

  #recommendContents .u-my--52 {
    margin-bottom: 52px !important;
    margin-top: 52px !important
  }

  #recommendContents .u-p--52 {
    padding: 52px !important
  }

  #recommendContents .u-pt--52 {
    padding-top: 52px !important
  }

  #recommendContents .u-pr--52 {
    padding-right: 52px !important
  }

  #recommendContents .u-pb--52 {
    padding-bottom: 52px !important
  }

  #recommendContents .u-pl--52 {
    padding-left: 52px !important
  }

  #recommendContents .u-px--52 {
    padding-left: 52px !important;
    padding-right: 52px !important
  }

  #recommendContents .u-py--52 {
    padding-bottom: 52px !important;
    padding-top: 52px !important
  }

  #recommendContents .u-m--53 {
    margin: 53px !important
  }

  #recommendContents .u-mt--53 {
    margin-top: 53px !important
  }

  #recommendContents .u-mr--53 {
    margin-right: 53px !important
  }

  #recommendContents .u-mb--53 {
    margin-bottom: 53px !important
  }

  #recommendContents .u-ml--53 {
    margin-left: 53px !important
  }

  #recommendContents .u-mx--53 {
    margin-left: 53px !important;
    margin-right: 53px !important
  }

  #recommendContents .u-my--53 {
    margin-bottom: 53px !important;
    margin-top: 53px !important
  }

  #recommendContents .u-p--53 {
    padding: 53px !important
  }

  #recommendContents .u-pt--53 {
    padding-top: 53px !important
  }

  #recommendContents .u-pr--53 {
    padding-right: 53px !important
  }

  #recommendContents .u-pb--53 {
    padding-bottom: 53px !important
  }

  #recommendContents .u-pl--53 {
    padding-left: 53px !important
  }

  #recommendContents .u-px--53 {
    padding-left: 53px !important;
    padding-right: 53px !important
  }

  #recommendContents .u-py--53 {
    padding-bottom: 53px !important;
    padding-top: 53px !important
  }

  #recommendContents .u-m--54 {
    margin: 54px !important
  }

  #recommendContents .u-mt--54 {
    margin-top: 54px !important
  }

  #recommendContents .u-mr--54 {
    margin-right: 54px !important
  }

  #recommendContents .u-mb--54 {
    margin-bottom: 54px !important
  }

  #recommendContents .u-ml--54 {
    margin-left: 54px !important
  }

  #recommendContents .u-mx--54 {
    margin-left: 54px !important;
    margin-right: 54px !important
  }

  #recommendContents .u-my--54 {
    margin-bottom: 54px !important;
    margin-top: 54px !important
  }

  #recommendContents .u-p--54 {
    padding: 54px !important
  }

  #recommendContents .u-pt--54 {
    padding-top: 54px !important
  }

  #recommendContents .u-pr--54 {
    padding-right: 54px !important
  }

  #recommendContents .u-pb--54 {
    padding-bottom: 54px !important
  }

  #recommendContents .u-pl--54 {
    padding-left: 54px !important
  }

  #recommendContents .u-px--54 {
    padding-left: 54px !important;
    padding-right: 54px !important
  }

  #recommendContents .u-py--54 {
    padding-bottom: 54px !important;
    padding-top: 54px !important
  }

  #recommendContents .u-m--55 {
    margin: 55px !important
  }

  #recommendContents .u-mt--55 {
    margin-top: 55px !important
  }

  #recommendContents .u-mr--55 {
    margin-right: 55px !important
  }

  #recommendContents .u-mb--55 {
    margin-bottom: 55px !important
  }

  #recommendContents .u-ml--55 {
    margin-left: 55px !important
  }

  #recommendContents .u-mx--55 {
    margin-left: 55px !important;
    margin-right: 55px !important
  }

  #recommendContents .u-my--55 {
    margin-bottom: 55px !important;
    margin-top: 55px !important
  }

  #recommendContents .u-p--55 {
    padding: 55px !important
  }

  #recommendContents .u-pt--55 {
    padding-top: 55px !important
  }

  #recommendContents .u-pr--55 {
    padding-right: 55px !important
  }

  #recommendContents .u-pb--55 {
    padding-bottom: 55px !important
  }

  #recommendContents .u-pl--55 {
    padding-left: 55px !important
  }

  #recommendContents .u-px--55 {
    padding-left: 55px !important;
    padding-right: 55px !important
  }

  #recommendContents .u-py--55 {
    padding-bottom: 55px !important;
    padding-top: 55px !important
  }

  #recommendContents .u-m--56 {
    margin: 56px !important
  }

  #recommendContents .u-mt--56 {
    margin-top: 56px !important
  }

  #recommendContents .u-mr--56 {
    margin-right: 56px !important
  }

  #recommendContents .u-mb--56 {
    margin-bottom: 56px !important
  }

  #recommendContents .u-ml--56 {
    margin-left: 56px !important
  }

  #recommendContents .u-mx--56 {
    margin-left: 56px !important;
    margin-right: 56px !important
  }

  #recommendContents .u-my--56 {
    margin-bottom: 56px !important;
    margin-top: 56px !important
  }

  #recommendContents .u-p--56 {
    padding: 56px !important
  }

  #recommendContents .u-pt--56 {
    padding-top: 56px !important
  }

  #recommendContents .u-pr--56 {
    padding-right: 56px !important
  }

  #recommendContents .u-pb--56 {
    padding-bottom: 56px !important
  }

  #recommendContents .u-pl--56 {
    padding-left: 56px !important
  }

  #recommendContents .u-px--56 {
    padding-left: 56px !important;
    padding-right: 56px !important
  }

  #recommendContents .u-py--56 {
    padding-bottom: 56px !important;
    padding-top: 56px !important
  }

  #recommendContents .u-m--57 {
    margin: 57px !important
  }

  #recommendContents .u-mt--57 {
    margin-top: 57px !important
  }

  #recommendContents .u-mr--57 {
    margin-right: 57px !important
  }

  #recommendContents .u-mb--57 {
    margin-bottom: 57px !important
  }

  #recommendContents .u-ml--57 {
    margin-left: 57px !important
  }

  #recommendContents .u-mx--57 {
    margin-left: 57px !important;
    margin-right: 57px !important
  }

  #recommendContents .u-my--57 {
    margin-bottom: 57px !important;
    margin-top: 57px !important
  }

  #recommendContents .u-p--57 {
    padding: 57px !important
  }

  #recommendContents .u-pt--57 {
    padding-top: 57px !important
  }

  #recommendContents .u-pr--57 {
    padding-right: 57px !important
  }

  #recommendContents .u-pb--57 {
    padding-bottom: 57px !important
  }

  #recommendContents .u-pl--57 {
    padding-left: 57px !important
  }

  #recommendContents .u-px--57 {
    padding-left: 57px !important;
    padding-right: 57px !important
  }

  #recommendContents .u-py--57 {
    padding-bottom: 57px !important;
    padding-top: 57px !important
  }

  #recommendContents .u-m--58 {
    margin: 58px !important
  }

  #recommendContents .u-mt--58 {
    margin-top: 58px !important
  }

  #recommendContents .u-mr--58 {
    margin-right: 58px !important
  }

  #recommendContents .u-mb--58 {
    margin-bottom: 58px !important
  }

  #recommendContents .u-ml--58 {
    margin-left: 58px !important
  }

  #recommendContents .u-mx--58 {
    margin-left: 58px !important;
    margin-right: 58px !important
  }

  #recommendContents .u-my--58 {
    margin-bottom: 58px !important;
    margin-top: 58px !important
  }

  #recommendContents .u-p--58 {
    padding: 58px !important
  }

  #recommendContents .u-pt--58 {
    padding-top: 58px !important
  }

  #recommendContents .u-pr--58 {
    padding-right: 58px !important
  }

  #recommendContents .u-pb--58 {
    padding-bottom: 58px !important
  }

  #recommendContents .u-pl--58 {
    padding-left: 58px !important
  }

  #recommendContents .u-px--58 {
    padding-left: 58px !important;
    padding-right: 58px !important
  }

  #recommendContents .u-py--58 {
    padding-bottom: 58px !important;
    padding-top: 58px !important
  }

  #recommendContents .u-m--59 {
    margin: 59px !important
  }

  #recommendContents .u-mt--59 {
    margin-top: 59px !important
  }

  #recommendContents .u-mr--59 {
    margin-right: 59px !important
  }

  #recommendContents .u-mb--59 {
    margin-bottom: 59px !important
  }

  #recommendContents .u-ml--59 {
    margin-left: 59px !important
  }

  #recommendContents .u-mx--59 {
    margin-left: 59px !important;
    margin-right: 59px !important
  }

  #recommendContents .u-my--59 {
    margin-bottom: 59px !important;
    margin-top: 59px !important
  }

  #recommendContents .u-p--59 {
    padding: 59px !important
  }

  #recommendContents .u-pt--59 {
    padding-top: 59px !important
  }

  #recommendContents .u-pr--59 {
    padding-right: 59px !important
  }

  #recommendContents .u-pb--59 {
    padding-bottom: 59px !important
  }

  #recommendContents .u-pl--59 {
    padding-left: 59px !important
  }

  #recommendContents .u-px--59 {
    padding-left: 59px !important;
    padding-right: 59px !important
  }

  #recommendContents .u-py--59 {
    padding-bottom: 59px !important;
    padding-top: 59px !important
  }

  #recommendContents .u-m--60 {
    margin: 60px !important
  }

  #recommendContents .u-mt--60 {
    margin-top: 60px !important
  }

  #recommendContents .u-mr--60 {
    margin-right: 60px !important
  }

  #recommendContents .u-mb--60 {
    margin-bottom: 60px !important
  }

  #recommendContents .u-ml--60 {
    margin-left: 60px !important
  }

  #recommendContents .u-mx--60 {
    margin-left: 60px !important;
    margin-right: 60px !important
  }

  #recommendContents .u-my--60 {
    margin-bottom: 60px !important;
    margin-top: 60px !important
  }

  #recommendContents .u-p--60 {
    padding: 60px !important
  }

  #recommendContents .u-pt--60 {
    padding-top: 60px !important
  }

  #recommendContents .u-pr--60 {
    padding-right: 60px !important
  }

  #recommendContents .u-pb--60 {
    padding-bottom: 60px !important
  }

  #recommendContents .u-pl--60 {
    padding-left: 60px !important
  }

  #recommendContents .u-px--60 {
    padding-left: 60px !important;
    padding-right: 60px !important
  }

  #recommendContents .u-py--60 {
    padding-bottom: 60px !important;
    padding-top: 60px !important
  }

  #recommendContents .u-m--61 {
    margin: 61px !important
  }

  #recommendContents .u-mt--61 {
    margin-top: 61px !important
  }

  #recommendContents .u-mr--61 {
    margin-right: 61px !important
  }

  #recommendContents .u-mb--61 {
    margin-bottom: 61px !important
  }

  #recommendContents .u-ml--61 {
    margin-left: 61px !important
  }

  #recommendContents .u-mx--61 {
    margin-left: 61px !important;
    margin-right: 61px !important
  }

  #recommendContents .u-my--61 {
    margin-bottom: 61px !important;
    margin-top: 61px !important
  }

  #recommendContents .u-p--61 {
    padding: 61px !important
  }

  #recommendContents .u-pt--61 {
    padding-top: 61px !important
  }

  #recommendContents .u-pr--61 {
    padding-right: 61px !important
  }

  #recommendContents .u-pb--61 {
    padding-bottom: 61px !important
  }

  #recommendContents .u-pl--61 {
    padding-left: 61px !important
  }

  #recommendContents .u-px--61 {
    padding-left: 61px !important;
    padding-right: 61px !important
  }

  #recommendContents .u-py--61 {
    padding-bottom: 61px !important;
    padding-top: 61px !important
  }

  #recommendContents .u-m--62 {
    margin: 62px !important
  }

  #recommendContents .u-mt--62 {
    margin-top: 62px !important
  }

  #recommendContents .u-mr--62 {
    margin-right: 62px !important
  }

  #recommendContents .u-mb--62 {
    margin-bottom: 62px !important
  }

  #recommendContents .u-ml--62 {
    margin-left: 62px !important
  }

  #recommendContents .u-mx--62 {
    margin-left: 62px !important;
    margin-right: 62px !important
  }

  #recommendContents .u-my--62 {
    margin-bottom: 62px !important;
    margin-top: 62px !important
  }

  #recommendContents .u-p--62 {
    padding: 62px !important
  }

  #recommendContents .u-pt--62 {
    padding-top: 62px !important
  }

  #recommendContents .u-pr--62 {
    padding-right: 62px !important
  }

  #recommendContents .u-pb--62 {
    padding-bottom: 62px !important
  }

  #recommendContents .u-pl--62 {
    padding-left: 62px !important
  }

  #recommendContents .u-px--62 {
    padding-left: 62px !important;
    padding-right: 62px !important
  }

  #recommendContents .u-py--62 {
    padding-bottom: 62px !important;
    padding-top: 62px !important
  }

  #recommendContents .u-m--63 {
    margin: 63px !important
  }

  #recommendContents .u-mt--63 {
    margin-top: 63px !important
  }

  #recommendContents .u-mr--63 {
    margin-right: 63px !important
  }

  #recommendContents .u-mb--63 {
    margin-bottom: 63px !important
  }

  #recommendContents .u-ml--63 {
    margin-left: 63px !important
  }

  #recommendContents .u-mx--63 {
    margin-left: 63px !important;
    margin-right: 63px !important
  }

  #recommendContents .u-my--63 {
    margin-bottom: 63px !important;
    margin-top: 63px !important
  }

  #recommendContents .u-p--63 {
    padding: 63px !important
  }

  #recommendContents .u-pt--63 {
    padding-top: 63px !important
  }

  #recommendContents .u-pr--63 {
    padding-right: 63px !important
  }

  #recommendContents .u-pb--63 {
    padding-bottom: 63px !important
  }

  #recommendContents .u-pl--63 {
    padding-left: 63px !important
  }

  #recommendContents .u-px--63 {
    padding-left: 63px !important;
    padding-right: 63px !important
  }

  #recommendContents .u-py--63 {
    padding-bottom: 63px !important;
    padding-top: 63px !important
  }

  #recommendContents .u-m--64 {
    margin: 64px !important
  }

  #recommendContents .u-mt--64 {
    margin-top: 64px !important
  }

  #recommendContents .u-mr--64 {
    margin-right: 64px !important
  }

  #recommendContents .u-mb--64 {
    margin-bottom: 64px !important
  }

  #recommendContents .u-ml--64 {
    margin-left: 64px !important
  }

  #recommendContents .u-mx--64 {
    margin-left: 64px !important;
    margin-right: 64px !important
  }

  #recommendContents .u-my--64 {
    margin-bottom: 64px !important;
    margin-top: 64px !important
  }

  #recommendContents .u-p--64 {
    padding: 64px !important
  }

  #recommendContents .u-pt--64 {
    padding-top: 64px !important
  }

  #recommendContents .u-pr--64 {
    padding-right: 64px !important
  }

  #recommendContents .u-pb--64 {
    padding-bottom: 64px !important
  }

  #recommendContents .u-pl--64 {
    padding-left: 64px !important
  }

  #recommendContents .u-px--64 {
    padding-left: 64px !important;
    padding-right: 64px !important
  }

  #recommendContents .u-py--64 {
    padding-bottom: 64px !important;
    padding-top: 64px !important
  }

  #recommendContents .u-m--65 {
    margin: 65px !important
  }

  #recommendContents .u-mt--65 {
    margin-top: 65px !important
  }

  #recommendContents .u-mr--65 {
    margin-right: 65px !important
  }

  #recommendContents .u-mb--65 {
    margin-bottom: 65px !important
  }

  #recommendContents .u-ml--65 {
    margin-left: 65px !important
  }

  #recommendContents .u-mx--65 {
    margin-left: 65px !important;
    margin-right: 65px !important
  }

  #recommendContents .u-my--65 {
    margin-bottom: 65px !important;
    margin-top: 65px !important
  }

  #recommendContents .u-p--65 {
    padding: 65px !important
  }

  #recommendContents .u-pt--65 {
    padding-top: 65px !important
  }

  #recommendContents .u-pr--65 {
    padding-right: 65px !important
  }

  #recommendContents .u-pb--65 {
    padding-bottom: 65px !important
  }

  #recommendContents .u-pl--65 {
    padding-left: 65px !important
  }

  #recommendContents .u-px--65 {
    padding-left: 65px !important;
    padding-right: 65px !important
  }

  #recommendContents .u-py--65 {
    padding-bottom: 65px !important;
    padding-top: 65px !important
  }

  #recommendContents .u-m--66 {
    margin: 66px !important
  }

  #recommendContents .u-mt--66 {
    margin-top: 66px !important
  }

  #recommendContents .u-mr--66 {
    margin-right: 66px !important
  }

  #recommendContents .u-mb--66 {
    margin-bottom: 66px !important
  }

  #recommendContents .u-ml--66 {
    margin-left: 66px !important
  }

  #recommendContents .u-mx--66 {
    margin-left: 66px !important;
    margin-right: 66px !important
  }

  #recommendContents .u-my--66 {
    margin-bottom: 66px !important;
    margin-top: 66px !important
  }

  #recommendContents .u-p--66 {
    padding: 66px !important
  }

  #recommendContents .u-pt--66 {
    padding-top: 66px !important
  }

  #recommendContents .u-pr--66 {
    padding-right: 66px !important
  }

  #recommendContents .u-pb--66 {
    padding-bottom: 66px !important
  }

  #recommendContents .u-pl--66 {
    padding-left: 66px !important
  }

  #recommendContents .u-px--66 {
    padding-left: 66px !important;
    padding-right: 66px !important
  }

  #recommendContents .u-py--66 {
    padding-bottom: 66px !important;
    padding-top: 66px !important
  }

  #recommendContents .u-m--67 {
    margin: 67px !important
  }

  #recommendContents .u-mt--67 {
    margin-top: 67px !important
  }

  #recommendContents .u-mr--67 {
    margin-right: 67px !important
  }

  #recommendContents .u-mb--67 {
    margin-bottom: 67px !important
  }

  #recommendContents .u-ml--67 {
    margin-left: 67px !important
  }

  #recommendContents .u-mx--67 {
    margin-left: 67px !important;
    margin-right: 67px !important
  }

  #recommendContents .u-my--67 {
    margin-bottom: 67px !important;
    margin-top: 67px !important
  }

  #recommendContents .u-p--67 {
    padding: 67px !important
  }

  #recommendContents .u-pt--67 {
    padding-top: 67px !important
  }

  #recommendContents .u-pr--67 {
    padding-right: 67px !important
  }

  #recommendContents .u-pb--67 {
    padding-bottom: 67px !important
  }

  #recommendContents .u-pl--67 {
    padding-left: 67px !important
  }

  #recommendContents .u-px--67 {
    padding-left: 67px !important;
    padding-right: 67px !important
  }

  #recommendContents .u-py--67 {
    padding-bottom: 67px !important;
    padding-top: 67px !important
  }

  #recommendContents .u-m--68 {
    margin: 68px !important
  }

  #recommendContents .u-mt--68 {
    margin-top: 68px !important
  }

  #recommendContents .u-mr--68 {
    margin-right: 68px !important
  }

  #recommendContents .u-mb--68 {
    margin-bottom: 68px !important
  }

  #recommendContents .u-ml--68 {
    margin-left: 68px !important
  }

  #recommendContents .u-mx--68 {
    margin-left: 68px !important;
    margin-right: 68px !important
  }

  #recommendContents .u-my--68 {
    margin-bottom: 68px !important;
    margin-top: 68px !important
  }

  #recommendContents .u-p--68 {
    padding: 68px !important
  }

  #recommendContents .u-pt--68 {
    padding-top: 68px !important
  }

  #recommendContents .u-pr--68 {
    padding-right: 68px !important
  }

  #recommendContents .u-pb--68 {
    padding-bottom: 68px !important
  }

  #recommendContents .u-pl--68 {
    padding-left: 68px !important
  }

  #recommendContents .u-px--68 {
    padding-left: 68px !important;
    padding-right: 68px !important
  }

  #recommendContents .u-py--68 {
    padding-bottom: 68px !important;
    padding-top: 68px !important
  }

  #recommendContents .u-m--69 {
    margin: 69px !important
  }

  #recommendContents .u-mt--69 {
    margin-top: 69px !important
  }

  #recommendContents .u-mr--69 {
    margin-right: 69px !important
  }

  #recommendContents .u-mb--69 {
    margin-bottom: 69px !important
  }

  #recommendContents .u-ml--69 {
    margin-left: 69px !important
  }

  #recommendContents .u-mx--69 {
    margin-left: 69px !important;
    margin-right: 69px !important
  }

  #recommendContents .u-my--69 {
    margin-bottom: 69px !important;
    margin-top: 69px !important
  }

  #recommendContents .u-p--69 {
    padding: 69px !important
  }

  #recommendContents .u-pt--69 {
    padding-top: 69px !important
  }

  #recommendContents .u-pr--69 {
    padding-right: 69px !important
  }

  #recommendContents .u-pb--69 {
    padding-bottom: 69px !important
  }

  #recommendContents .u-pl--69 {
    padding-left: 69px !important
  }

  #recommendContents .u-px--69 {
    padding-left: 69px !important;
    padding-right: 69px !important
  }

  #recommendContents .u-py--69 {
    padding-bottom: 69px !important;
    padding-top: 69px !important
  }

  #recommendContents .u-m--70 {
    margin: 70px !important
  }

  #recommendContents .u-mt--70 {
    margin-top: 70px !important
  }

  #recommendContents .u-mr--70 {
    margin-right: 70px !important
  }

  #recommendContents .u-mb--70 {
    margin-bottom: 70px !important
  }

  #recommendContents .u-ml--70 {
    margin-left: 70px !important
  }

  #recommendContents .u-mx--70 {
    margin-left: 70px !important;
    margin-right: 70px !important
  }

  #recommendContents .u-my--70 {
    margin-bottom: 70px !important;
    margin-top: 70px !important
  }

  #recommendContents .u-p--70 {
    padding: 70px !important
  }

  #recommendContents .u-pt--70 {
    padding-top: 70px !important
  }

  #recommendContents .u-pr--70 {
    padding-right: 70px !important
  }

  #recommendContents .u-pb--70 {
    padding-bottom: 70px !important
  }

  #recommendContents .u-pl--70 {
    padding-left: 70px !important
  }

  #recommendContents .u-px--70 {
    padding-left: 70px !important;
    padding-right: 70px !important
  }

  #recommendContents .u-py--70 {
    padding-bottom: 70px !important;
    padding-top: 70px !important
  }

  #recommendContents .u-m--71 {
    margin: 71px !important
  }

  #recommendContents .u-mt--71 {
    margin-top: 71px !important
  }

  #recommendContents .u-mr--71 {
    margin-right: 71px !important
  }

  #recommendContents .u-mb--71 {
    margin-bottom: 71px !important
  }

  #recommendContents .u-ml--71 {
    margin-left: 71px !important
  }

  #recommendContents .u-mx--71 {
    margin-left: 71px !important;
    margin-right: 71px !important
  }

  #recommendContents .u-my--71 {
    margin-bottom: 71px !important;
    margin-top: 71px !important
  }

  #recommendContents .u-p--71 {
    padding: 71px !important
  }

  #recommendContents .u-pt--71 {
    padding-top: 71px !important
  }

  #recommendContents .u-pr--71 {
    padding-right: 71px !important
  }

  #recommendContents .u-pb--71 {
    padding-bottom: 71px !important
  }

  #recommendContents .u-pl--71 {
    padding-left: 71px !important
  }

  #recommendContents .u-px--71 {
    padding-left: 71px !important;
    padding-right: 71px !important
  }

  #recommendContents .u-py--71 {
    padding-bottom: 71px !important;
    padding-top: 71px !important
  }

  #recommendContents .u-m--72 {
    margin: 72px !important
  }

  #recommendContents .u-mt--72 {
    margin-top: 72px !important
  }

  #recommendContents .u-mr--72 {
    margin-right: 72px !important
  }

  #recommendContents .u-mb--72 {
    margin-bottom: 72px !important
  }

  #recommendContents .u-ml--72 {
    margin-left: 72px !important
  }

  #recommendContents .u-mx--72 {
    margin-left: 72px !important;
    margin-right: 72px !important
  }

  #recommendContents .u-my--72 {
    margin-bottom: 72px !important;
    margin-top: 72px !important
  }

  #recommendContents .u-p--72 {
    padding: 72px !important
  }

  #recommendContents .u-pt--72 {
    padding-top: 72px !important
  }

  #recommendContents .u-pr--72 {
    padding-right: 72px !important
  }

  #recommendContents .u-pb--72 {
    padding-bottom: 72px !important
  }

  #recommendContents .u-pl--72 {
    padding-left: 72px !important
  }

  #recommendContents .u-px--72 {
    padding-left: 72px !important;
    padding-right: 72px !important
  }

  #recommendContents .u-py--72 {
    padding-bottom: 72px !important;
    padding-top: 72px !important
  }

  #recommendContents .u-m--73 {
    margin: 73px !important
  }

  #recommendContents .u-mt--73 {
    margin-top: 73px !important
  }

  #recommendContents .u-mr--73 {
    margin-right: 73px !important
  }

  #recommendContents .u-mb--73 {
    margin-bottom: 73px !important
  }

  #recommendContents .u-ml--73 {
    margin-left: 73px !important
  }

  #recommendContents .u-mx--73 {
    margin-left: 73px !important;
    margin-right: 73px !important
  }

  #recommendContents .u-my--73 {
    margin-bottom: 73px !important;
    margin-top: 73px !important
  }

  #recommendContents .u-p--73 {
    padding: 73px !important
  }

  #recommendContents .u-pt--73 {
    padding-top: 73px !important
  }

  #recommendContents .u-pr--73 {
    padding-right: 73px !important
  }

  #recommendContents .u-pb--73 {
    padding-bottom: 73px !important
  }

  #recommendContents .u-pl--73 {
    padding-left: 73px !important
  }

  #recommendContents .u-px--73 {
    padding-left: 73px !important;
    padding-right: 73px !important
  }

  #recommendContents .u-py--73 {
    padding-bottom: 73px !important;
    padding-top: 73px !important
  }

  #recommendContents .u-m--74 {
    margin: 74px !important
  }

  #recommendContents .u-mt--74 {
    margin-top: 74px !important
  }

  #recommendContents .u-mr--74 {
    margin-right: 74px !important
  }

  #recommendContents .u-mb--74 {
    margin-bottom: 74px !important
  }

  #recommendContents .u-ml--74 {
    margin-left: 74px !important
  }

  #recommendContents .u-mx--74 {
    margin-left: 74px !important;
    margin-right: 74px !important
  }

  #recommendContents .u-my--74 {
    margin-bottom: 74px !important;
    margin-top: 74px !important
  }

  #recommendContents .u-p--74 {
    padding: 74px !important
  }

  #recommendContents .u-pt--74 {
    padding-top: 74px !important
  }

  #recommendContents .u-pr--74 {
    padding-right: 74px !important
  }

  #recommendContents .u-pb--74 {
    padding-bottom: 74px !important
  }

  #recommendContents .u-pl--74 {
    padding-left: 74px !important
  }

  #recommendContents .u-px--74 {
    padding-left: 74px !important;
    padding-right: 74px !important
  }

  #recommendContents .u-py--74 {
    padding-bottom: 74px !important;
    padding-top: 74px !important
  }

  #recommendContents .u-m--75 {
    margin: 75px !important
  }

  #recommendContents .u-mt--75 {
    margin-top: 75px !important
  }

  #recommendContents .u-mr--75 {
    margin-right: 75px !important
  }

  #recommendContents .u-mb--75 {
    margin-bottom: 75px !important
  }

  #recommendContents .u-ml--75 {
    margin-left: 75px !important
  }

  #recommendContents .u-mx--75 {
    margin-left: 75px !important;
    margin-right: 75px !important
  }

  #recommendContents .u-my--75 {
    margin-bottom: 75px !important;
    margin-top: 75px !important
  }

  #recommendContents .u-p--75 {
    padding: 75px !important
  }

  #recommendContents .u-pt--75 {
    padding-top: 75px !important
  }

  #recommendContents .u-pr--75 {
    padding-right: 75px !important
  }

  #recommendContents .u-pb--75 {
    padding-bottom: 75px !important
  }

  #recommendContents .u-pl--75 {
    padding-left: 75px !important
  }

  #recommendContents .u-px--75 {
    padding-left: 75px !important;
    padding-right: 75px !important
  }

  #recommendContents .u-py--75 {
    padding-bottom: 75px !important;
    padding-top: 75px !important
  }

  #recommendContents .u-m--76 {
    margin: 76px !important
  }

  #recommendContents .u-mt--76 {
    margin-top: 76px !important
  }

  #recommendContents .u-mr--76 {
    margin-right: 76px !important
  }

  #recommendContents .u-mb--76 {
    margin-bottom: 76px !important
  }

  #recommendContents .u-ml--76 {
    margin-left: 76px !important
  }

  #recommendContents .u-mx--76 {
    margin-left: 76px !important;
    margin-right: 76px !important
  }

  #recommendContents .u-my--76 {
    margin-bottom: 76px !important;
    margin-top: 76px !important
  }

  #recommendContents .u-p--76 {
    padding: 76px !important
  }

  #recommendContents .u-pt--76 {
    padding-top: 76px !important
  }

  #recommendContents .u-pr--76 {
    padding-right: 76px !important
  }

  #recommendContents .u-pb--76 {
    padding-bottom: 76px !important
  }

  #recommendContents .u-pl--76 {
    padding-left: 76px !important
  }

  #recommendContents .u-px--76 {
    padding-left: 76px !important;
    padding-right: 76px !important
  }

  #recommendContents .u-py--76 {
    padding-bottom: 76px !important;
    padding-top: 76px !important
  }

  #recommendContents .u-m--77 {
    margin: 77px !important
  }

  #recommendContents .u-mt--77 {
    margin-top: 77px !important
  }

  #recommendContents .u-mr--77 {
    margin-right: 77px !important
  }

  #recommendContents .u-mb--77 {
    margin-bottom: 77px !important
  }

  #recommendContents .u-ml--77 {
    margin-left: 77px !important
  }

  #recommendContents .u-mx--77 {
    margin-left: 77px !important;
    margin-right: 77px !important
  }

  #recommendContents .u-my--77 {
    margin-bottom: 77px !important;
    margin-top: 77px !important
  }

  #recommendContents .u-p--77 {
    padding: 77px !important
  }

  #recommendContents .u-pt--77 {
    padding-top: 77px !important
  }

  #recommendContents .u-pr--77 {
    padding-right: 77px !important
  }

  #recommendContents .u-pb--77 {
    padding-bottom: 77px !important
  }

  #recommendContents .u-pl--77 {
    padding-left: 77px !important
  }

  #recommendContents .u-px--77 {
    padding-left: 77px !important;
    padding-right: 77px !important
  }

  #recommendContents .u-py--77 {
    padding-bottom: 77px !important;
    padding-top: 77px !important
  }

  #recommendContents .u-m--78 {
    margin: 78px !important
  }

  #recommendContents .u-mt--78 {
    margin-top: 78px !important
  }

  #recommendContents .u-mr--78 {
    margin-right: 78px !important
  }

  #recommendContents .u-mb--78 {
    margin-bottom: 78px !important
  }

  #recommendContents .u-ml--78 {
    margin-left: 78px !important
  }

  #recommendContents .u-mx--78 {
    margin-left: 78px !important;
    margin-right: 78px !important
  }

  #recommendContents .u-my--78 {
    margin-bottom: 78px !important;
    margin-top: 78px !important
  }

  #recommendContents .u-p--78 {
    padding: 78px !important
  }

  #recommendContents .u-pt--78 {
    padding-top: 78px !important
  }

  #recommendContents .u-pr--78 {
    padding-right: 78px !important
  }

  #recommendContents .u-pb--78 {
    padding-bottom: 78px !important
  }

  #recommendContents .u-pl--78 {
    padding-left: 78px !important
  }

  #recommendContents .u-px--78 {
    padding-left: 78px !important;
    padding-right: 78px !important
  }

  #recommendContents .u-py--78 {
    padding-bottom: 78px !important;
    padding-top: 78px !important
  }

  #recommendContents .u-m--79 {
    margin: 79px !important
  }

  #recommendContents .u-mt--79 {
    margin-top: 79px !important
  }

  #recommendContents .u-mr--79 {
    margin-right: 79px !important
  }

  #recommendContents .u-mb--79 {
    margin-bottom: 79px !important
  }

  #recommendContents .u-ml--79 {
    margin-left: 79px !important
  }

  #recommendContents .u-mx--79 {
    margin-left: 79px !important;
    margin-right: 79px !important
  }

  #recommendContents .u-my--79 {
    margin-bottom: 79px !important;
    margin-top: 79px !important
  }

  #recommendContents .u-p--79 {
    padding: 79px !important
  }

  #recommendContents .u-pt--79 {
    padding-top: 79px !important
  }

  #recommendContents .u-pr--79 {
    padding-right: 79px !important
  }

  #recommendContents .u-pb--79 {
    padding-bottom: 79px !important
  }

  #recommendContents .u-pl--79 {
    padding-left: 79px !important
  }

  #recommendContents .u-px--79 {
    padding-left: 79px !important;
    padding-right: 79px !important
  }

  #recommendContents .u-py--79 {
    padding-bottom: 79px !important;
    padding-top: 79px !important
  }

  #recommendContents .u-m--80 {
    margin: 80px !important
  }

  #recommendContents .u-mt--80 {
    margin-top: 80px !important
  }

  #recommendContents .u-mr--80 {
    margin-right: 80px !important
  }

  #recommendContents .u-mb--80 {
    margin-bottom: 80px !important
  }

  #recommendContents .u-ml--80 {
    margin-left: 80px !important
  }

  #recommendContents .u-mx--80 {
    margin-left: 80px !important;
    margin-right: 80px !important
  }

  #recommendContents .u-my--80 {
    margin-bottom: 80px !important;
    margin-top: 80px !important
  }

  #recommendContents .u-p--80 {
    padding: 80px !important
  }

  #recommendContents .u-pt--80 {
    padding-top: 80px !important
  }

  #recommendContents .u-pr--80 {
    padding-right: 80px !important
  }

  #recommendContents .u-pb--80 {
    padding-bottom: 80px !important
  }

  #recommendContents .u-pl--80 {
    padding-left: 80px !important
  }

  #recommendContents .u-px--80 {
    padding-left: 80px !important;
    padding-right: 80px !important
  }

  #recommendContents .u-py--80 {
    padding-bottom: 80px !important;
    padding-top: 80px !important
  }

  #recommendContents .u-m--81 {
    margin: 81px !important
  }

  #recommendContents .u-mt--81 {
    margin-top: 81px !important
  }

  #recommendContents .u-mr--81 {
    margin-right: 81px !important
  }

  #recommendContents .u-mb--81 {
    margin-bottom: 81px !important
  }

  #recommendContents .u-ml--81 {
    margin-left: 81px !important
  }

  #recommendContents .u-mx--81 {
    margin-left: 81px !important;
    margin-right: 81px !important
  }

  #recommendContents .u-my--81 {
    margin-bottom: 81px !important;
    margin-top: 81px !important
  }

  #recommendContents .u-p--81 {
    padding: 81px !important
  }

  #recommendContents .u-pt--81 {
    padding-top: 81px !important
  }

  #recommendContents .u-pr--81 {
    padding-right: 81px !important
  }

  #recommendContents .u-pb--81 {
    padding-bottom: 81px !important
  }

  #recommendContents .u-pl--81 {
    padding-left: 81px !important
  }

  #recommendContents .u-px--81 {
    padding-left: 81px !important;
    padding-right: 81px !important
  }

  #recommendContents .u-py--81 {
    padding-bottom: 81px !important;
    padding-top: 81px !important
  }

  #recommendContents .u-m--82 {
    margin: 82px !important
  }

  #recommendContents .u-mt--82 {
    margin-top: 82px !important
  }

  #recommendContents .u-mr--82 {
    margin-right: 82px !important
  }

  #recommendContents .u-mb--82 {
    margin-bottom: 82px !important
  }

  #recommendContents .u-ml--82 {
    margin-left: 82px !important
  }

  #recommendContents .u-mx--82 {
    margin-left: 82px !important;
    margin-right: 82px !important
  }

  #recommendContents .u-my--82 {
    margin-bottom: 82px !important;
    margin-top: 82px !important
  }

  #recommendContents .u-p--82 {
    padding: 82px !important
  }

  #recommendContents .u-pt--82 {
    padding-top: 82px !important
  }

  #recommendContents .u-pr--82 {
    padding-right: 82px !important
  }

  #recommendContents .u-pb--82 {
    padding-bottom: 82px !important
  }

  #recommendContents .u-pl--82 {
    padding-left: 82px !important
  }

  #recommendContents .u-px--82 {
    padding-left: 82px !important;
    padding-right: 82px !important
  }

  #recommendContents .u-py--82 {
    padding-bottom: 82px !important;
    padding-top: 82px !important
  }

  #recommendContents .u-m--83 {
    margin: 83px !important
  }

  #recommendContents .u-mt--83 {
    margin-top: 83px !important
  }

  #recommendContents .u-mr--83 {
    margin-right: 83px !important
  }

  #recommendContents .u-mb--83 {
    margin-bottom: 83px !important
  }

  #recommendContents .u-ml--83 {
    margin-left: 83px !important
  }

  #recommendContents .u-mx--83 {
    margin-left: 83px !important;
    margin-right: 83px !important
  }

  #recommendContents .u-my--83 {
    margin-bottom: 83px !important;
    margin-top: 83px !important
  }

  #recommendContents .u-p--83 {
    padding: 83px !important
  }

  #recommendContents .u-pt--83 {
    padding-top: 83px !important
  }

  #recommendContents .u-pr--83 {
    padding-right: 83px !important
  }

  #recommendContents .u-pb--83 {
    padding-bottom: 83px !important
  }

  #recommendContents .u-pl--83 {
    padding-left: 83px !important
  }

  #recommendContents .u-px--83 {
    padding-left: 83px !important;
    padding-right: 83px !important
  }

  #recommendContents .u-py--83 {
    padding-bottom: 83px !important;
    padding-top: 83px !important
  }

  #recommendContents .u-m--84 {
    margin: 84px !important
  }

  #recommendContents .u-mt--84 {
    margin-top: 84px !important
  }

  #recommendContents .u-mr--84 {
    margin-right: 84px !important
  }

  #recommendContents .u-mb--84 {
    margin-bottom: 84px !important
  }

  #recommendContents .u-ml--84 {
    margin-left: 84px !important
  }

  #recommendContents .u-mx--84 {
    margin-left: 84px !important;
    margin-right: 84px !important
  }

  #recommendContents .u-my--84 {
    margin-bottom: 84px !important;
    margin-top: 84px !important
  }

  #recommendContents .u-p--84 {
    padding: 84px !important
  }

  #recommendContents .u-pt--84 {
    padding-top: 84px !important
  }

  #recommendContents .u-pr--84 {
    padding-right: 84px !important
  }

  #recommendContents .u-pb--84 {
    padding-bottom: 84px !important
  }

  #recommendContents .u-pl--84 {
    padding-left: 84px !important
  }

  #recommendContents .u-px--84 {
    padding-left: 84px !important;
    padding-right: 84px !important
  }

  #recommendContents .u-py--84 {
    padding-bottom: 84px !important;
    padding-top: 84px !important
  }

  #recommendContents .u-m--85 {
    margin: 85px !important
  }

  #recommendContents .u-mt--85 {
    margin-top: 85px !important
  }

  #recommendContents .u-mr--85 {
    margin-right: 85px !important
  }

  #recommendContents .u-mb--85 {
    margin-bottom: 85px !important
  }

  #recommendContents .u-ml--85 {
    margin-left: 85px !important
  }

  #recommendContents .u-mx--85 {
    margin-left: 85px !important;
    margin-right: 85px !important
  }

  #recommendContents .u-my--85 {
    margin-bottom: 85px !important;
    margin-top: 85px !important
  }

  #recommendContents .u-p--85 {
    padding: 85px !important
  }

  #recommendContents .u-pt--85 {
    padding-top: 85px !important
  }

  #recommendContents .u-pr--85 {
    padding-right: 85px !important
  }

  #recommendContents .u-pb--85 {
    padding-bottom: 85px !important
  }

  #recommendContents .u-pl--85 {
    padding-left: 85px !important
  }

  #recommendContents .u-px--85 {
    padding-left: 85px !important;
    padding-right: 85px !important
  }

  #recommendContents .u-py--85 {
    padding-bottom: 85px !important;
    padding-top: 85px !important
  }

  #recommendContents .u-m--86 {
    margin: 86px !important
  }

  #recommendContents .u-mt--86 {
    margin-top: 86px !important
  }

  #recommendContents .u-mr--86 {
    margin-right: 86px !important
  }

  #recommendContents .u-mb--86 {
    margin-bottom: 86px !important
  }

  #recommendContents .u-ml--86 {
    margin-left: 86px !important
  }

  #recommendContents .u-mx--86 {
    margin-left: 86px !important;
    margin-right: 86px !important
  }

  #recommendContents .u-my--86 {
    margin-bottom: 86px !important;
    margin-top: 86px !important
  }

  #recommendContents .u-p--86 {
    padding: 86px !important
  }

  #recommendContents .u-pt--86 {
    padding-top: 86px !important
  }

  #recommendContents .u-pr--86 {
    padding-right: 86px !important
  }

  #recommendContents .u-pb--86 {
    padding-bottom: 86px !important
  }

  #recommendContents .u-pl--86 {
    padding-left: 86px !important
  }

  #recommendContents .u-px--86 {
    padding-left: 86px !important;
    padding-right: 86px !important
  }

  #recommendContents .u-py--86 {
    padding-bottom: 86px !important;
    padding-top: 86px !important
  }

  #recommendContents .u-m--87 {
    margin: 87px !important
  }

  #recommendContents .u-mt--87 {
    margin-top: 87px !important
  }

  #recommendContents .u-mr--87 {
    margin-right: 87px !important
  }

  #recommendContents .u-mb--87 {
    margin-bottom: 87px !important
  }

  #recommendContents .u-ml--87 {
    margin-left: 87px !important
  }

  #recommendContents .u-mx--87 {
    margin-left: 87px !important;
    margin-right: 87px !important
  }

  #recommendContents .u-my--87 {
    margin-bottom: 87px !important;
    margin-top: 87px !important
  }

  #recommendContents .u-p--87 {
    padding: 87px !important
  }

  #recommendContents .u-pt--87 {
    padding-top: 87px !important
  }

  #recommendContents .u-pr--87 {
    padding-right: 87px !important
  }

  #recommendContents .u-pb--87 {
    padding-bottom: 87px !important
  }

  #recommendContents .u-pl--87 {
    padding-left: 87px !important
  }

  #recommendContents .u-px--87 {
    padding-left: 87px !important;
    padding-right: 87px !important
  }

  #recommendContents .u-py--87 {
    padding-bottom: 87px !important;
    padding-top: 87px !important
  }

  #recommendContents .u-m--88 {
    margin: 88px !important
  }

  #recommendContents .u-mt--88 {
    margin-top: 88px !important
  }

  #recommendContents .u-mr--88 {
    margin-right: 88px !important
  }

  #recommendContents .u-mb--88 {
    margin-bottom: 88px !important
  }

  #recommendContents .u-ml--88 {
    margin-left: 88px !important
  }

  #recommendContents .u-mx--88 {
    margin-left: 88px !important;
    margin-right: 88px !important
  }

  #recommendContents .u-my--88 {
    margin-bottom: 88px !important;
    margin-top: 88px !important
  }

  #recommendContents .u-p--88 {
    padding: 88px !important
  }

  #recommendContents .u-pt--88 {
    padding-top: 88px !important
  }

  #recommendContents .u-pr--88 {
    padding-right: 88px !important
  }

  #recommendContents .u-pb--88 {
    padding-bottom: 88px !important
  }

  #recommendContents .u-pl--88 {
    padding-left: 88px !important
  }

  #recommendContents .u-px--88 {
    padding-left: 88px !important;
    padding-right: 88px !important
  }

  #recommendContents .u-py--88 {
    padding-bottom: 88px !important;
    padding-top: 88px !important
  }

  #recommendContents .u-m--89 {
    margin: 89px !important
  }

  #recommendContents .u-mt--89 {
    margin-top: 89px !important
  }

  #recommendContents .u-mr--89 {
    margin-right: 89px !important
  }

  #recommendContents .u-mb--89 {
    margin-bottom: 89px !important
  }

  #recommendContents .u-ml--89 {
    margin-left: 89px !important
  }

  #recommendContents .u-mx--89 {
    margin-left: 89px !important;
    margin-right: 89px !important
  }

  #recommendContents .u-my--89 {
    margin-bottom: 89px !important;
    margin-top: 89px !important
  }

  #recommendContents .u-p--89 {
    padding: 89px !important
  }

  #recommendContents .u-pt--89 {
    padding-top: 89px !important
  }

  #recommendContents .u-pr--89 {
    padding-right: 89px !important
  }

  #recommendContents .u-pb--89 {
    padding-bottom: 89px !important
  }

  #recommendContents .u-pl--89 {
    padding-left: 89px !important
  }

  #recommendContents .u-px--89 {
    padding-left: 89px !important;
    padding-right: 89px !important
  }

  #recommendContents .u-py--89 {
    padding-bottom: 89px !important;
    padding-top: 89px !important
  }

  #recommendContents .u-m--90 {
    margin: 90px !important
  }

  #recommendContents .u-mt--90 {
    margin-top: 90px !important
  }

  #recommendContents .u-mr--90 {
    margin-right: 90px !important
  }

  #recommendContents .u-mb--90 {
    margin-bottom: 90px !important
  }

  #recommendContents .u-ml--90 {
    margin-left: 90px !important
  }

  #recommendContents .u-mx--90 {
    margin-left: 90px !important;
    margin-right: 90px !important
  }

  #recommendContents .u-my--90 {
    margin-bottom: 90px !important;
    margin-top: 90px !important
  }

  #recommendContents .u-p--90 {
    padding: 90px !important
  }

  #recommendContents .u-pt--90 {
    padding-top: 90px !important
  }

  #recommendContents .u-pr--90 {
    padding-right: 90px !important
  }

  #recommendContents .u-pb--90 {
    padding-bottom: 90px !important
  }

  #recommendContents .u-pl--90 {
    padding-left: 90px !important
  }

  #recommendContents .u-px--90 {
    padding-left: 90px !important;
    padding-right: 90px !important
  }

  #recommendContents .u-py--90 {
    padding-bottom: 90px !important;
    padding-top: 90px !important
  }

  #recommendContents .u-m--91 {
    margin: 91px !important
  }

  #recommendContents .u-mt--91 {
    margin-top: 91px !important
  }

  #recommendContents .u-mr--91 {
    margin-right: 91px !important
  }

  #recommendContents .u-mb--91 {
    margin-bottom: 91px !important
  }

  #recommendContents .u-ml--91 {
    margin-left: 91px !important
  }

  #recommendContents .u-mx--91 {
    margin-left: 91px !important;
    margin-right: 91px !important
  }

  #recommendContents .u-my--91 {
    margin-bottom: 91px !important;
    margin-top: 91px !important
  }

  #recommendContents .u-p--91 {
    padding: 91px !important
  }

  #recommendContents .u-pt--91 {
    padding-top: 91px !important
  }

  #recommendContents .u-pr--91 {
    padding-right: 91px !important
  }

  #recommendContents .u-pb--91 {
    padding-bottom: 91px !important
  }

  #recommendContents .u-pl--91 {
    padding-left: 91px !important
  }

  #recommendContents .u-px--91 {
    padding-left: 91px !important;
    padding-right: 91px !important
  }

  #recommendContents .u-py--91 {
    padding-bottom: 91px !important;
    padding-top: 91px !important
  }

  #recommendContents .u-m--92 {
    margin: 92px !important
  }

  #recommendContents .u-mt--92 {
    margin-top: 92px !important
  }

  #recommendContents .u-mr--92 {
    margin-right: 92px !important
  }

  #recommendContents .u-mb--92 {
    margin-bottom: 92px !important
  }

  #recommendContents .u-ml--92 {
    margin-left: 92px !important
  }

  #recommendContents .u-mx--92 {
    margin-left: 92px !important;
    margin-right: 92px !important
  }

  #recommendContents .u-my--92 {
    margin-bottom: 92px !important;
    margin-top: 92px !important
  }

  #recommendContents .u-p--92 {
    padding: 92px !important
  }

  #recommendContents .u-pt--92 {
    padding-top: 92px !important
  }

  #recommendContents .u-pr--92 {
    padding-right: 92px !important
  }

  #recommendContents .u-pb--92 {
    padding-bottom: 92px !important
  }

  #recommendContents .u-pl--92 {
    padding-left: 92px !important
  }

  #recommendContents .u-px--92 {
    padding-left: 92px !important;
    padding-right: 92px !important
  }

  #recommendContents .u-py--92 {
    padding-bottom: 92px !important;
    padding-top: 92px !important
  }

  #recommendContents .u-m--93 {
    margin: 93px !important
  }

  #recommendContents .u-mt--93 {
    margin-top: 93px !important
  }

  #recommendContents .u-mr--93 {
    margin-right: 93px !important
  }

  #recommendContents .u-mb--93 {
    margin-bottom: 93px !important
  }

  #recommendContents .u-ml--93 {
    margin-left: 93px !important
  }

  #recommendContents .u-mx--93 {
    margin-left: 93px !important;
    margin-right: 93px !important
  }

  #recommendContents .u-my--93 {
    margin-bottom: 93px !important;
    margin-top: 93px !important
  }

  #recommendContents .u-p--93 {
    padding: 93px !important
  }

  #recommendContents .u-pt--93 {
    padding-top: 93px !important
  }

  #recommendContents .u-pr--93 {
    padding-right: 93px !important
  }

  #recommendContents .u-pb--93 {
    padding-bottom: 93px !important
  }

  #recommendContents .u-pl--93 {
    padding-left: 93px !important
  }

  #recommendContents .u-px--93 {
    padding-left: 93px !important;
    padding-right: 93px !important
  }

  #recommendContents .u-py--93 {
    padding-bottom: 93px !important;
    padding-top: 93px !important
  }

  #recommendContents .u-m--94 {
    margin: 94px !important
  }

  #recommendContents .u-mt--94 {
    margin-top: 94px !important
  }

  #recommendContents .u-mr--94 {
    margin-right: 94px !important
  }

  #recommendContents .u-mb--94 {
    margin-bottom: 94px !important
  }

  #recommendContents .u-ml--94 {
    margin-left: 94px !important
  }

  #recommendContents .u-mx--94 {
    margin-left: 94px !important;
    margin-right: 94px !important
  }

  #recommendContents .u-my--94 {
    margin-bottom: 94px !important;
    margin-top: 94px !important
  }

  #recommendContents .u-p--94 {
    padding: 94px !important
  }

  #recommendContents .u-pt--94 {
    padding-top: 94px !important
  }

  #recommendContents .u-pr--94 {
    padding-right: 94px !important
  }

  #recommendContents .u-pb--94 {
    padding-bottom: 94px !important
  }

  #recommendContents .u-pl--94 {
    padding-left: 94px !important
  }

  #recommendContents .u-px--94 {
    padding-left: 94px !important;
    padding-right: 94px !important
  }

  #recommendContents .u-py--94 {
    padding-bottom: 94px !important;
    padding-top: 94px !important
  }

  #recommendContents .u-m--95 {
    margin: 95px !important
  }

  #recommendContents .u-mt--95 {
    margin-top: 95px !important
  }

  #recommendContents .u-mr--95 {
    margin-right: 95px !important
  }

  #recommendContents .u-mb--95 {
    margin-bottom: 95px !important
  }

  #recommendContents .u-ml--95 {
    margin-left: 95px !important
  }

  #recommendContents .u-mx--95 {
    margin-left: 95px !important;
    margin-right: 95px !important
  }

  #recommendContents .u-my--95 {
    margin-bottom: 95px !important;
    margin-top: 95px !important
  }

  #recommendContents .u-p--95 {
    padding: 95px !important
  }

  #recommendContents .u-pt--95 {
    padding-top: 95px !important
  }

  #recommendContents .u-pr--95 {
    padding-right: 95px !important
  }

  #recommendContents .u-pb--95 {
    padding-bottom: 95px !important
  }

  #recommendContents .u-pl--95 {
    padding-left: 95px !important
  }

  #recommendContents .u-px--95 {
    padding-left: 95px !important;
    padding-right: 95px !important
  }

  #recommendContents .u-py--95 {
    padding-bottom: 95px !important;
    padding-top: 95px !important
  }

  #recommendContents .u-m--96 {
    margin: 96px !important
  }

  #recommendContents .u-mt--96 {
    margin-top: 96px !important
  }

  #recommendContents .u-mr--96 {
    margin-right: 96px !important
  }

  #recommendContents .u-mb--96 {
    margin-bottom: 96px !important
  }

  #recommendContents .u-ml--96 {
    margin-left: 96px !important
  }

  #recommendContents .u-mx--96 {
    margin-left: 96px !important;
    margin-right: 96px !important
  }

  #recommendContents .u-my--96 {
    margin-bottom: 96px !important;
    margin-top: 96px !important
  }

  #recommendContents .u-p--96 {
    padding: 96px !important
  }

  #recommendContents .u-pt--96 {
    padding-top: 96px !important
  }

  #recommendContents .u-pr--96 {
    padding-right: 96px !important
  }

  #recommendContents .u-pb--96 {
    padding-bottom: 96px !important
  }

  #recommendContents .u-pl--96 {
    padding-left: 96px !important
  }

  #recommendContents .u-px--96 {
    padding-left: 96px !important;
    padding-right: 96px !important
  }

  #recommendContents .u-py--96 {
    padding-bottom: 96px !important;
    padding-top: 96px !important
  }

  #recommendContents .u-m--97 {
    margin: 97px !important
  }

  #recommendContents .u-mt--97 {
    margin-top: 97px !important
  }

  #recommendContents .u-mr--97 {
    margin-right: 97px !important
  }

  #recommendContents .u-mb--97 {
    margin-bottom: 97px !important
  }

  #recommendContents .u-ml--97 {
    margin-left: 97px !important
  }

  #recommendContents .u-mx--97 {
    margin-left: 97px !important;
    margin-right: 97px !important
  }

  #recommendContents .u-my--97 {
    margin-bottom: 97px !important;
    margin-top: 97px !important
  }

  #recommendContents .u-p--97 {
    padding: 97px !important
  }

  #recommendContents .u-pt--97 {
    padding-top: 97px !important
  }

  #recommendContents .u-pr--97 {
    padding-right: 97px !important
  }

  #recommendContents .u-pb--97 {
    padding-bottom: 97px !important
  }

  #recommendContents .u-pl--97 {
    padding-left: 97px !important
  }

  #recommendContents .u-px--97 {
    padding-left: 97px !important;
    padding-right: 97px !important
  }

  #recommendContents .u-py--97 {
    padding-bottom: 97px !important;
    padding-top: 97px !important
  }

  #recommendContents .u-m--98 {
    margin: 98px !important
  }

  #recommendContents .u-mt--98 {
    margin-top: 98px !important
  }

  #recommendContents .u-mr--98 {
    margin-right: 98px !important
  }

  #recommendContents .u-mb--98 {
    margin-bottom: 98px !important
  }

  #recommendContents .u-ml--98 {
    margin-left: 98px !important
  }

  #recommendContents .u-mx--98 {
    margin-left: 98px !important;
    margin-right: 98px !important
  }

  #recommendContents .u-my--98 {
    margin-bottom: 98px !important;
    margin-top: 98px !important
  }

  #recommendContents .u-p--98 {
    padding: 98px !important
  }

  #recommendContents .u-pt--98 {
    padding-top: 98px !important
  }

  #recommendContents .u-pr--98 {
    padding-right: 98px !important
  }

  #recommendContents .u-pb--98 {
    padding-bottom: 98px !important
  }

  #recommendContents .u-pl--98 {
    padding-left: 98px !important
  }

  #recommendContents .u-px--98 {
    padding-left: 98px !important;
    padding-right: 98px !important
  }

  #recommendContents .u-py--98 {
    padding-bottom: 98px !important;
    padding-top: 98px !important
  }

  #recommendContents .u-m--99 {
    margin: 99px !important
  }

  #recommendContents .u-mt--99 {
    margin-top: 99px !important
  }

  #recommendContents .u-mr--99 {
    margin-right: 99px !important
  }

  #recommendContents .u-mb--99 {
    margin-bottom: 99px !important
  }

  #recommendContents .u-ml--99 {
    margin-left: 99px !important
  }

  #recommendContents .u-mx--99 {
    margin-left: 99px !important;
    margin-right: 99px !important
  }

  #recommendContents .u-my--99 {
    margin-bottom: 99px !important;
    margin-top: 99px !important
  }

  #recommendContents .u-p--99 {
    padding: 99px !important
  }

  #recommendContents .u-pt--99 {
    padding-top: 99px !important
  }

  #recommendContents .u-pr--99 {
    padding-right: 99px !important
  }

  #recommendContents .u-pb--99 {
    padding-bottom: 99px !important
  }

  #recommendContents .u-pl--99 {
    padding-left: 99px !important
  }

  #recommendContents .u-px--99 {
    padding-left: 99px !important;
    padding-right: 99px !important
  }

  #recommendContents .u-py--99 {
    padding-bottom: 99px !important;
    padding-top: 99px !important
  }

  #recommendContents .u-m--100 {
    margin: 100px !important
  }

  #recommendContents .u-mt--100 {
    margin-top: 100px !important
  }

  #recommendContents .u-mr--100 {
    margin-right: 100px !important
  }

  #recommendContents .u-mb--100 {
    margin-bottom: 100px !important
  }

  #recommendContents .u-ml--100 {
    margin-left: 100px !important
  }

  #recommendContents .u-mx--100 {
    margin-left: 100px !important;
    margin-right: 100px !important
  }

  #recommendContents .u-my--100 {
    margin-bottom: 100px !important;
    margin-top: 100px !important
  }

  #recommendContents .u-p--100 {
    padding: 100px !important
  }

  #recommendContents .u-pt--100 {
    padding-top: 100px !important
  }

  #recommendContents .u-pr--100 {
    padding-right: 100px !important
  }

  #recommendContents .u-pb--100 {
    padding-bottom: 100px !important
  }

  #recommendContents .u-pl--100 {
    padding-left: 100px !important
  }

  #recommendContents .u-px--100 {
    padding-left: 100px !important;
    padding-right: 100px !important
  }

  #recommendContents .u-py--100 {
    padding-bottom: 100px !important;
    padding-top: 100px !important
  }

  #recommendContents .u-m--101 {
    margin: 101px !important
  }

  #recommendContents .u-mt--101 {
    margin-top: 101px !important
  }

  #recommendContents .u-mr--101 {
    margin-right: 101px !important
  }

  #recommendContents .u-mb--101 {
    margin-bottom: 101px !important
  }

  #recommendContents .u-ml--101 {
    margin-left: 101px !important
  }

  #recommendContents .u-mx--101 {
    margin-left: 101px !important;
    margin-right: 101px !important
  }

  #recommendContents .u-my--101 {
    margin-bottom: 101px !important;
    margin-top: 101px !important
  }

  #recommendContents .u-p--101 {
    padding: 101px !important
  }

  #recommendContents .u-pt--101 {
    padding-top: 101px !important
  }

  #recommendContents .u-pr--101 {
    padding-right: 101px !important
  }

  #recommendContents .u-pb--101 {
    padding-bottom: 101px !important
  }

  #recommendContents .u-pl--101 {
    padding-left: 101px !important
  }

  #recommendContents .u-px--101 {
    padding-left: 101px !important;
    padding-right: 101px !important
  }

  #recommendContents .u-py--101 {
    padding-bottom: 101px !important;
    padding-top: 101px !important
  }

  #recommendContents .u-m--102 {
    margin: 102px !important
  }

  #recommendContents .u-mt--102 {
    margin-top: 102px !important
  }

  #recommendContents .u-mr--102 {
    margin-right: 102px !important
  }

  #recommendContents .u-mb--102 {
    margin-bottom: 102px !important
  }

  #recommendContents .u-ml--102 {
    margin-left: 102px !important
  }

  #recommendContents .u-mx--102 {
    margin-left: 102px !important;
    margin-right: 102px !important
  }

  #recommendContents .u-my--102 {
    margin-bottom: 102px !important;
    margin-top: 102px !important
  }

  #recommendContents .u-p--102 {
    padding: 102px !important
  }

  #recommendContents .u-pt--102 {
    padding-top: 102px !important
  }

  #recommendContents .u-pr--102 {
    padding-right: 102px !important
  }

  #recommendContents .u-pb--102 {
    padding-bottom: 102px !important
  }

  #recommendContents .u-pl--102 {
    padding-left: 102px !important
  }

  #recommendContents .u-px--102 {
    padding-left: 102px !important;
    padding-right: 102px !important
  }

  #recommendContents .u-py--102 {
    padding-bottom: 102px !important;
    padding-top: 102px !important
  }

  #recommendContents .u-m--103 {
    margin: 103px !important
  }

  #recommendContents .u-mt--103 {
    margin-top: 103px !important
  }

  #recommendContents .u-mr--103 {
    margin-right: 103px !important
  }

  #recommendContents .u-mb--103 {
    margin-bottom: 103px !important
  }

  #recommendContents .u-ml--103 {
    margin-left: 103px !important
  }

  #recommendContents .u-mx--103 {
    margin-left: 103px !important;
    margin-right: 103px !important
  }

  #recommendContents .u-my--103 {
    margin-bottom: 103px !important;
    margin-top: 103px !important
  }

  #recommendContents .u-p--103 {
    padding: 103px !important
  }

  #recommendContents .u-pt--103 {
    padding-top: 103px !important
  }

  #recommendContents .u-pr--103 {
    padding-right: 103px !important
  }

  #recommendContents .u-pb--103 {
    padding-bottom: 103px !important
  }

  #recommendContents .u-pl--103 {
    padding-left: 103px !important
  }

  #recommendContents .u-px--103 {
    padding-left: 103px !important;
    padding-right: 103px !important
  }

  #recommendContents .u-py--103 {
    padding-bottom: 103px !important;
    padding-top: 103px !important
  }

  #recommendContents .u-m--104 {
    margin: 104px !important
  }

  #recommendContents .u-mt--104 {
    margin-top: 104px !important
  }

  #recommendContents .u-mr--104 {
    margin-right: 104px !important
  }

  #recommendContents .u-mb--104 {
    margin-bottom: 104px !important
  }

  #recommendContents .u-ml--104 {
    margin-left: 104px !important
  }

  #recommendContents .u-mx--104 {
    margin-left: 104px !important;
    margin-right: 104px !important
  }

  #recommendContents .u-my--104 {
    margin-bottom: 104px !important;
    margin-top: 104px !important
  }

  #recommendContents .u-p--104 {
    padding: 104px !important
  }

  #recommendContents .u-pt--104 {
    padding-top: 104px !important
  }

  #recommendContents .u-pr--104 {
    padding-right: 104px !important
  }

  #recommendContents .u-pb--104 {
    padding-bottom: 104px !important
  }

  #recommendContents .u-pl--104 {
    padding-left: 104px !important
  }

  #recommendContents .u-px--104 {
    padding-left: 104px !important;
    padding-right: 104px !important
  }

  #recommendContents .u-py--104 {
    padding-bottom: 104px !important;
    padding-top: 104px !important
  }

  #recommendContents .u-m--105 {
    margin: 105px !important
  }

  #recommendContents .u-mt--105 {
    margin-top: 105px !important
  }

  #recommendContents .u-mr--105 {
    margin-right: 105px !important
  }

  #recommendContents .u-mb--105 {
    margin-bottom: 105px !important
  }

  #recommendContents .u-ml--105 {
    margin-left: 105px !important
  }

  #recommendContents .u-mx--105 {
    margin-left: 105px !important;
    margin-right: 105px !important
  }

  #recommendContents .u-my--105 {
    margin-bottom: 105px !important;
    margin-top: 105px !important
  }

  #recommendContents .u-p--105 {
    padding: 105px !important
  }

  #recommendContents .u-pt--105 {
    padding-top: 105px !important
  }

  #recommendContents .u-pr--105 {
    padding-right: 105px !important
  }

  #recommendContents .u-pb--105 {
    padding-bottom: 105px !important
  }

  #recommendContents .u-pl--105 {
    padding-left: 105px !important
  }

  #recommendContents .u-px--105 {
    padding-left: 105px !important;
    padding-right: 105px !important
  }

  #recommendContents .u-py--105 {
    padding-bottom: 105px !important;
    padding-top: 105px !important
  }

  #recommendContents .u-m--106 {
    margin: 106px !important
  }

  #recommendContents .u-mt--106 {
    margin-top: 106px !important
  }

  #recommendContents .u-mr--106 {
    margin-right: 106px !important
  }

  #recommendContents .u-mb--106 {
    margin-bottom: 106px !important
  }

  #recommendContents .u-ml--106 {
    margin-left: 106px !important
  }

  #recommendContents .u-mx--106 {
    margin-left: 106px !important;
    margin-right: 106px !important
  }

  #recommendContents .u-my--106 {
    margin-bottom: 106px !important;
    margin-top: 106px !important
  }

  #recommendContents .u-p--106 {
    padding: 106px !important
  }

  #recommendContents .u-pt--106 {
    padding-top: 106px !important
  }

  #recommendContents .u-pr--106 {
    padding-right: 106px !important
  }

  #recommendContents .u-pb--106 {
    padding-bottom: 106px !important
  }

  #recommendContents .u-pl--106 {
    padding-left: 106px !important
  }

  #recommendContents .u-px--106 {
    padding-left: 106px !important;
    padding-right: 106px !important
  }

  #recommendContents .u-py--106 {
    padding-bottom: 106px !important;
    padding-top: 106px !important
  }

  #recommendContents .u-m--107 {
    margin: 107px !important
  }

  #recommendContents .u-mt--107 {
    margin-top: 107px !important
  }

  #recommendContents .u-mr--107 {
    margin-right: 107px !important
  }

  #recommendContents .u-mb--107 {
    margin-bottom: 107px !important
  }

  #recommendContents .u-ml--107 {
    margin-left: 107px !important
  }

  #recommendContents .u-mx--107 {
    margin-left: 107px !important;
    margin-right: 107px !important
  }

  #recommendContents .u-my--107 {
    margin-bottom: 107px !important;
    margin-top: 107px !important
  }

  #recommendContents .u-p--107 {
    padding: 107px !important
  }

  #recommendContents .u-pt--107 {
    padding-top: 107px !important
  }

  #recommendContents .u-pr--107 {
    padding-right: 107px !important
  }

  #recommendContents .u-pb--107 {
    padding-bottom: 107px !important
  }

  #recommendContents .u-pl--107 {
    padding-left: 107px !important
  }

  #recommendContents .u-px--107 {
    padding-left: 107px !important;
    padding-right: 107px !important
  }

  #recommendContents .u-py--107 {
    padding-bottom: 107px !important;
    padding-top: 107px !important
  }

  #recommendContents .u-m--108 {
    margin: 108px !important
  }

  #recommendContents .u-mt--108 {
    margin-top: 108px !important
  }

  #recommendContents .u-mr--108 {
    margin-right: 108px !important
  }

  #recommendContents .u-mb--108 {
    margin-bottom: 108px !important
  }

  #recommendContents .u-ml--108 {
    margin-left: 108px !important
  }

  #recommendContents .u-mx--108 {
    margin-left: 108px !important;
    margin-right: 108px !important
  }

  #recommendContents .u-my--108 {
    margin-bottom: 108px !important;
    margin-top: 108px !important
  }

  #recommendContents .u-p--108 {
    padding: 108px !important
  }

  #recommendContents .u-pt--108 {
    padding-top: 108px !important
  }

  #recommendContents .u-pr--108 {
    padding-right: 108px !important
  }

  #recommendContents .u-pb--108 {
    padding-bottom: 108px !important
  }

  #recommendContents .u-pl--108 {
    padding-left: 108px !important
  }

  #recommendContents .u-px--108 {
    padding-left: 108px !important;
    padding-right: 108px !important
  }

  #recommendContents .u-py--108 {
    padding-bottom: 108px !important;
    padding-top: 108px !important
  }

  #recommendContents .u-m--109 {
    margin: 109px !important
  }

  #recommendContents .u-mt--109 {
    margin-top: 109px !important
  }

  #recommendContents .u-mr--109 {
    margin-right: 109px !important
  }

  #recommendContents .u-mb--109 {
    margin-bottom: 109px !important
  }

  #recommendContents .u-ml--109 {
    margin-left: 109px !important
  }

  #recommendContents .u-mx--109 {
    margin-left: 109px !important;
    margin-right: 109px !important
  }

  #recommendContents .u-my--109 {
    margin-bottom: 109px !important;
    margin-top: 109px !important
  }

  #recommendContents .u-p--109 {
    padding: 109px !important
  }

  #recommendContents .u-pt--109 {
    padding-top: 109px !important
  }

  #recommendContents .u-pr--109 {
    padding-right: 109px !important
  }

  #recommendContents .u-pb--109 {
    padding-bottom: 109px !important
  }

  #recommendContents .u-pl--109 {
    padding-left: 109px !important
  }

  #recommendContents .u-px--109 {
    padding-left: 109px !important;
    padding-right: 109px !important
  }

  #recommendContents .u-py--109 {
    padding-bottom: 109px !important;
    padding-top: 109px !important
  }

  #recommendContents .u-m--110 {
    margin: 110px !important
  }

  #recommendContents .u-mt--110 {
    margin-top: 110px !important
  }

  #recommendContents .u-mr--110 {
    margin-right: 110px !important
  }

  #recommendContents .u-mb--110 {
    margin-bottom: 110px !important
  }

  #recommendContents .u-ml--110 {
    margin-left: 110px !important
  }

  #recommendContents .u-mx--110 {
    margin-left: 110px !important;
    margin-right: 110px !important
  }

  #recommendContents .u-my--110 {
    margin-bottom: 110px !important;
    margin-top: 110px !important
  }

  #recommendContents .u-p--110 {
    padding: 110px !important
  }

  #recommendContents .u-pt--110 {
    padding-top: 110px !important
  }

  #recommendContents .u-pr--110 {
    padding-right: 110px !important
  }

  #recommendContents .u-pb--110 {
    padding-bottom: 110px !important
  }

  #recommendContents .u-pl--110 {
    padding-left: 110px !important
  }

  #recommendContents .u-px--110 {
    padding-left: 110px !important;
    padding-right: 110px !important
  }

  #recommendContents .u-py--110 {
    padding-bottom: 110px !important;
    padding-top: 110px !important
  }

  #recommendContents .u-m--111 {
    margin: 111px !important
  }

  #recommendContents .u-mt--111 {
    margin-top: 111px !important
  }

  #recommendContents .u-mr--111 {
    margin-right: 111px !important
  }

  #recommendContents .u-mb--111 {
    margin-bottom: 111px !important
  }

  #recommendContents .u-ml--111 {
    margin-left: 111px !important
  }

  #recommendContents .u-mx--111 {
    margin-left: 111px !important;
    margin-right: 111px !important
  }

  #recommendContents .u-my--111 {
    margin-bottom: 111px !important;
    margin-top: 111px !important
  }

  #recommendContents .u-p--111 {
    padding: 111px !important
  }

  #recommendContents .u-pt--111 {
    padding-top: 111px !important
  }

  #recommendContents .u-pr--111 {
    padding-right: 111px !important
  }

  #recommendContents .u-pb--111 {
    padding-bottom: 111px !important
  }

  #recommendContents .u-pl--111 {
    padding-left: 111px !important
  }

  #recommendContents .u-px--111 {
    padding-left: 111px !important;
    padding-right: 111px !important
  }

  #recommendContents .u-py--111 {
    padding-bottom: 111px !important;
    padding-top: 111px !important
  }

  #recommendContents .u-m--112 {
    margin: 112px !important
  }

  #recommendContents .u-mt--112 {
    margin-top: 112px !important
  }

  #recommendContents .u-mr--112 {
    margin-right: 112px !important
  }

  #recommendContents .u-mb--112 {
    margin-bottom: 112px !important
  }

  #recommendContents .u-ml--112 {
    margin-left: 112px !important
  }

  #recommendContents .u-mx--112 {
    margin-left: 112px !important;
    margin-right: 112px !important
  }

  #recommendContents .u-my--112 {
    margin-bottom: 112px !important;
    margin-top: 112px !important
  }

  #recommendContents .u-p--112 {
    padding: 112px !important
  }

  #recommendContents .u-pt--112 {
    padding-top: 112px !important
  }

  #recommendContents .u-pr--112 {
    padding-right: 112px !important
  }

  #recommendContents .u-pb--112 {
    padding-bottom: 112px !important
  }

  #recommendContents .u-pl--112 {
    padding-left: 112px !important
  }

  #recommendContents .u-px--112 {
    padding-left: 112px !important;
    padding-right: 112px !important
  }

  #recommendContents .u-py--112 {
    padding-bottom: 112px !important;
    padding-top: 112px !important
  }

  #recommendContents .u-m--113 {
    margin: 113px !important
  }

  #recommendContents .u-mt--113 {
    margin-top: 113px !important
  }

  #recommendContents .u-mr--113 {
    margin-right: 113px !important
  }

  #recommendContents .u-mb--113 {
    margin-bottom: 113px !important
  }

  #recommendContents .u-ml--113 {
    margin-left: 113px !important
  }

  #recommendContents .u-mx--113 {
    margin-left: 113px !important;
    margin-right: 113px !important
  }

  #recommendContents .u-my--113 {
    margin-bottom: 113px !important;
    margin-top: 113px !important
  }

  #recommendContents .u-p--113 {
    padding: 113px !important
  }

  #recommendContents .u-pt--113 {
    padding-top: 113px !important
  }

  #recommendContents .u-pr--113 {
    padding-right: 113px !important
  }

  #recommendContents .u-pb--113 {
    padding-bottom: 113px !important
  }

  #recommendContents .u-pl--113 {
    padding-left: 113px !important
  }

  #recommendContents .u-px--113 {
    padding-left: 113px !important;
    padding-right: 113px !important
  }

  #recommendContents .u-py--113 {
    padding-bottom: 113px !important;
    padding-top: 113px !important
  }

  #recommendContents .u-m--114 {
    margin: 114px !important
  }

  #recommendContents .u-mt--114 {
    margin-top: 114px !important
  }

  #recommendContents .u-mr--114 {
    margin-right: 114px !important
  }

  #recommendContents .u-mb--114 {
    margin-bottom: 114px !important
  }

  #recommendContents .u-ml--114 {
    margin-left: 114px !important
  }

  #recommendContents .u-mx--114 {
    margin-left: 114px !important;
    margin-right: 114px !important
  }

  #recommendContents .u-my--114 {
    margin-bottom: 114px !important;
    margin-top: 114px !important
  }

  #recommendContents .u-p--114 {
    padding: 114px !important
  }

  #recommendContents .u-pt--114 {
    padding-top: 114px !important
  }

  #recommendContents .u-pr--114 {
    padding-right: 114px !important
  }

  #recommendContents .u-pb--114 {
    padding-bottom: 114px !important
  }

  #recommendContents .u-pl--114 {
    padding-left: 114px !important
  }

  #recommendContents .u-px--114 {
    padding-left: 114px !important;
    padding-right: 114px !important
  }

  #recommendContents .u-py--114 {
    padding-bottom: 114px !important;
    padding-top: 114px !important
  }

  #recommendContents .u-m--115 {
    margin: 115px !important
  }

  #recommendContents .u-mt--115 {
    margin-top: 115px !important
  }

  #recommendContents .u-mr--115 {
    margin-right: 115px !important
  }

  #recommendContents .u-mb--115 {
    margin-bottom: 115px !important
  }

  #recommendContents .u-ml--115 {
    margin-left: 115px !important
  }

  #recommendContents .u-mx--115 {
    margin-left: 115px !important;
    margin-right: 115px !important
  }

  #recommendContents .u-my--115 {
    margin-bottom: 115px !important;
    margin-top: 115px !important
  }

  #recommendContents .u-p--115 {
    padding: 115px !important
  }

  #recommendContents .u-pt--115 {
    padding-top: 115px !important
  }

  #recommendContents .u-pr--115 {
    padding-right: 115px !important
  }

  #recommendContents .u-pb--115 {
    padding-bottom: 115px !important
  }

  #recommendContents .u-pl--115 {
    padding-left: 115px !important
  }

  #recommendContents .u-px--115 {
    padding-left: 115px !important;
    padding-right: 115px !important
  }

  #recommendContents .u-py--115 {
    padding-bottom: 115px !important;
    padding-top: 115px !important
  }

  #recommendContents .u-m--116 {
    margin: 116px !important
  }

  #recommendContents .u-mt--116 {
    margin-top: 116px !important
  }

  #recommendContents .u-mr--116 {
    margin-right: 116px !important
  }

  #recommendContents .u-mb--116 {
    margin-bottom: 116px !important
  }

  #recommendContents .u-ml--116 {
    margin-left: 116px !important
  }

  #recommendContents .u-mx--116 {
    margin-left: 116px !important;
    margin-right: 116px !important
  }

  #recommendContents .u-my--116 {
    margin-bottom: 116px !important;
    margin-top: 116px !important
  }

  #recommendContents .u-p--116 {
    padding: 116px !important
  }

  #recommendContents .u-pt--116 {
    padding-top: 116px !important
  }

  #recommendContents .u-pr--116 {
    padding-right: 116px !important
  }

  #recommendContents .u-pb--116 {
    padding-bottom: 116px !important
  }

  #recommendContents .u-pl--116 {
    padding-left: 116px !important
  }

  #recommendContents .u-px--116 {
    padding-left: 116px !important;
    padding-right: 116px !important
  }

  #recommendContents .u-py--116 {
    padding-bottom: 116px !important;
    padding-top: 116px !important
  }

  #recommendContents .u-m--117 {
    margin: 117px !important
  }

  #recommendContents .u-mt--117 {
    margin-top: 117px !important
  }

  #recommendContents .u-mr--117 {
    margin-right: 117px !important
  }

  #recommendContents .u-mb--117 {
    margin-bottom: 117px !important
  }

  #recommendContents .u-ml--117 {
    margin-left: 117px !important
  }

  #recommendContents .u-mx--117 {
    margin-left: 117px !important;
    margin-right: 117px !important
  }

  #recommendContents .u-my--117 {
    margin-bottom: 117px !important;
    margin-top: 117px !important
  }

  #recommendContents .u-p--117 {
    padding: 117px !important
  }

  #recommendContents .u-pt--117 {
    padding-top: 117px !important
  }

  #recommendContents .u-pr--117 {
    padding-right: 117px !important
  }

  #recommendContents .u-pb--117 {
    padding-bottom: 117px !important
  }

  #recommendContents .u-pl--117 {
    padding-left: 117px !important
  }

  #recommendContents .u-px--117 {
    padding-left: 117px !important;
    padding-right: 117px !important
  }

  #recommendContents .u-py--117 {
    padding-bottom: 117px !important;
    padding-top: 117px !important
  }

  #recommendContents .u-m--118 {
    margin: 118px !important
  }

  #recommendContents .u-mt--118 {
    margin-top: 118px !important
  }

  #recommendContents .u-mr--118 {
    margin-right: 118px !important
  }

  #recommendContents .u-mb--118 {
    margin-bottom: 118px !important
  }

  #recommendContents .u-ml--118 {
    margin-left: 118px !important
  }

  #recommendContents .u-mx--118 {
    margin-left: 118px !important;
    margin-right: 118px !important
  }

  #recommendContents .u-my--118 {
    margin-bottom: 118px !important;
    margin-top: 118px !important
  }

  #recommendContents .u-p--118 {
    padding: 118px !important
  }

  #recommendContents .u-pt--118 {
    padding-top: 118px !important
  }

  #recommendContents .u-pr--118 {
    padding-right: 118px !important
  }

  #recommendContents .u-pb--118 {
    padding-bottom: 118px !important
  }

  #recommendContents .u-pl--118 {
    padding-left: 118px !important
  }

  #recommendContents .u-px--118 {
    padding-left: 118px !important;
    padding-right: 118px !important
  }

  #recommendContents .u-py--118 {
    padding-bottom: 118px !important;
    padding-top: 118px !important
  }

  #recommendContents .u-m--119 {
    margin: 119px !important
  }

  #recommendContents .u-mt--119 {
    margin-top: 119px !important
  }

  #recommendContents .u-mr--119 {
    margin-right: 119px !important
  }

  #recommendContents .u-mb--119 {
    margin-bottom: 119px !important
  }

  #recommendContents .u-ml--119 {
    margin-left: 119px !important
  }

  #recommendContents .u-mx--119 {
    margin-left: 119px !important;
    margin-right: 119px !important
  }

  #recommendContents .u-my--119 {
    margin-bottom: 119px !important;
    margin-top: 119px !important
  }

  #recommendContents .u-p--119 {
    padding: 119px !important
  }

  #recommendContents .u-pt--119 {
    padding-top: 119px !important
  }

  #recommendContents .u-pr--119 {
    padding-right: 119px !important
  }

  #recommendContents .u-pb--119 {
    padding-bottom: 119px !important
  }

  #recommendContents .u-pl--119 {
    padding-left: 119px !important
  }

  #recommendContents .u-px--119 {
    padding-left: 119px !important;
    padding-right: 119px !important
  }

  #recommendContents .u-py--119 {
    padding-bottom: 119px !important;
    padding-top: 119px !important
  }

  #recommendContents .u-m--120 {
    margin: 120px !important
  }

  #recommendContents .u-mt--120 {
    margin-top: 120px !important
  }

  #recommendContents .u-mr--120 {
    margin-right: 120px !important
  }

  #recommendContents .u-mb--120 {
    margin-bottom: 120px !important
  }

  #recommendContents .u-ml--120 {
    margin-left: 120px !important
  }

  #recommendContents .u-mx--120 {
    margin-left: 120px !important;
    margin-right: 120px !important
  }

  #recommendContents .u-my--120 {
    margin-bottom: 120px !important;
    margin-top: 120px !important
  }

  #recommendContents .u-p--120 {
    padding: 120px !important
  }

  #recommendContents .u-pt--120 {
    padding-top: 120px !important
  }

  #recommendContents .u-pr--120 {
    padding-right: 120px !important
  }

  #recommendContents .u-pb--120 {
    padding-bottom: 120px !important
  }

  #recommendContents .u-pl--120 {
    padding-left: 120px !important
  }

  #recommendContents .u-px--120 {
    padding-left: 120px !important;
    padding-right: 120px !important
  }

  #recommendContents .u-py--120 {
    padding-bottom: 120px !important;
    padding-top: 120px !important
  }

  #recommendContents .u-m--121 {
    margin: 121px !important
  }

  #recommendContents .u-mt--121 {
    margin-top: 121px !important
  }

  #recommendContents .u-mr--121 {
    margin-right: 121px !important
  }

  #recommendContents .u-mb--121 {
    margin-bottom: 121px !important
  }

  #recommendContents .u-ml--121 {
    margin-left: 121px !important
  }

  #recommendContents .u-mx--121 {
    margin-left: 121px !important;
    margin-right: 121px !important
  }

  #recommendContents .u-my--121 {
    margin-bottom: 121px !important;
    margin-top: 121px !important
  }

  #recommendContents .u-p--121 {
    padding: 121px !important
  }

  #recommendContents .u-pt--121 {
    padding-top: 121px !important
  }

  #recommendContents .u-pr--121 {
    padding-right: 121px !important
  }

  #recommendContents .u-pb--121 {
    padding-bottom: 121px !important
  }

  #recommendContents .u-pl--121 {
    padding-left: 121px !important
  }

  #recommendContents .u-px--121 {
    padding-left: 121px !important;
    padding-right: 121px !important
  }

  #recommendContents .u-py--121 {
    padding-bottom: 121px !important;
    padding-top: 121px !important
  }

  #recommendContents .u-m--122 {
    margin: 122px !important
  }

  #recommendContents .u-mt--122 {
    margin-top: 122px !important
  }

  #recommendContents .u-mr--122 {
    margin-right: 122px !important
  }

  #recommendContents .u-mb--122 {
    margin-bottom: 122px !important
  }

  #recommendContents .u-ml--122 {
    margin-left: 122px !important
  }

  #recommendContents .u-mx--122 {
    margin-left: 122px !important;
    margin-right: 122px !important
  }

  #recommendContents .u-my--122 {
    margin-bottom: 122px !important;
    margin-top: 122px !important
  }

  #recommendContents .u-p--122 {
    padding: 122px !important
  }

  #recommendContents .u-pt--122 {
    padding-top: 122px !important
  }

  #recommendContents .u-pr--122 {
    padding-right: 122px !important
  }

  #recommendContents .u-pb--122 {
    padding-bottom: 122px !important
  }

  #recommendContents .u-pl--122 {
    padding-left: 122px !important
  }

  #recommendContents .u-px--122 {
    padding-left: 122px !important;
    padding-right: 122px !important
  }

  #recommendContents .u-py--122 {
    padding-bottom: 122px !important;
    padding-top: 122px !important
  }

  #recommendContents .u-m--123 {
    margin: 123px !important
  }

  #recommendContents .u-mt--123 {
    margin-top: 123px !important
  }

  #recommendContents .u-mr--123 {
    margin-right: 123px !important
  }

  #recommendContents .u-mb--123 {
    margin-bottom: 123px !important
  }

  #recommendContents .u-ml--123 {
    margin-left: 123px !important
  }

  #recommendContents .u-mx--123 {
    margin-left: 123px !important;
    margin-right: 123px !important
  }

  #recommendContents .u-my--123 {
    margin-bottom: 123px !important;
    margin-top: 123px !important
  }

  #recommendContents .u-p--123 {
    padding: 123px !important
  }

  #recommendContents .u-pt--123 {
    padding-top: 123px !important
  }

  #recommendContents .u-pr--123 {
    padding-right: 123px !important
  }

  #recommendContents .u-pb--123 {
    padding-bottom: 123px !important
  }

  #recommendContents .u-pl--123 {
    padding-left: 123px !important
  }

  #recommendContents .u-px--123 {
    padding-left: 123px !important;
    padding-right: 123px !important
  }

  #recommendContents .u-py--123 {
    padding-bottom: 123px !important;
    padding-top: 123px !important
  }

  #recommendContents .u-m--124 {
    margin: 124px !important
  }

  #recommendContents .u-mt--124 {
    margin-top: 124px !important
  }

  #recommendContents .u-mr--124 {
    margin-right: 124px !important
  }

  #recommendContents .u-mb--124 {
    margin-bottom: 124px !important
  }

  #recommendContents .u-ml--124 {
    margin-left: 124px !important
  }

  #recommendContents .u-mx--124 {
    margin-left: 124px !important;
    margin-right: 124px !important
  }

  #recommendContents .u-my--124 {
    margin-bottom: 124px !important;
    margin-top: 124px !important
  }

  #recommendContents .u-p--124 {
    padding: 124px !important
  }

  #recommendContents .u-pt--124 {
    padding-top: 124px !important
  }

  #recommendContents .u-pr--124 {
    padding-right: 124px !important
  }

  #recommendContents .u-pb--124 {
    padding-bottom: 124px !important
  }

  #recommendContents .u-pl--124 {
    padding-left: 124px !important
  }

  #recommendContents .u-px--124 {
    padding-left: 124px !important;
    padding-right: 124px !important
  }

  #recommendContents .u-py--124 {
    padding-bottom: 124px !important;
    padding-top: 124px !important
  }

  #recommendContents .u-m--125 {
    margin: 125px !important
  }

  #recommendContents .u-mt--125 {
    margin-top: 125px !important
  }

  #recommendContents .u-mr--125 {
    margin-right: 125px !important
  }

  #recommendContents .u-mb--125 {
    margin-bottom: 125px !important
  }

  #recommendContents .u-ml--125 {
    margin-left: 125px !important
  }

  #recommendContents .u-mx--125 {
    margin-left: 125px !important;
    margin-right: 125px !important
  }

  #recommendContents .u-my--125 {
    margin-bottom: 125px !important;
    margin-top: 125px !important
  }

  #recommendContents .u-p--125 {
    padding: 125px !important
  }

  #recommendContents .u-pt--125 {
    padding-top: 125px !important
  }

  #recommendContents .u-pr--125 {
    padding-right: 125px !important
  }

  #recommendContents .u-pb--125 {
    padding-bottom: 125px !important
  }

  #recommendContents .u-pl--125 {
    padding-left: 125px !important
  }

  #recommendContents .u-px--125 {
    padding-left: 125px !important;
    padding-right: 125px !important
  }

  #recommendContents .u-py--125 {
    padding-bottom: 125px !important;
    padding-top: 125px !important
  }

  #recommendContents .u-m--126 {
    margin: 126px !important
  }

  #recommendContents .u-mt--126 {
    margin-top: 126px !important
  }

  #recommendContents .u-mr--126 {
    margin-right: 126px !important
  }

  #recommendContents .u-mb--126 {
    margin-bottom: 126px !important
  }

  #recommendContents .u-ml--126 {
    margin-left: 126px !important
  }

  #recommendContents .u-mx--126 {
    margin-left: 126px !important;
    margin-right: 126px !important
  }

  #recommendContents .u-my--126 {
    margin-bottom: 126px !important;
    margin-top: 126px !important
  }

  #recommendContents .u-p--126 {
    padding: 126px !important
  }

  #recommendContents .u-pt--126 {
    padding-top: 126px !important
  }

  #recommendContents .u-pr--126 {
    padding-right: 126px !important
  }

  #recommendContents .u-pb--126 {
    padding-bottom: 126px !important
  }

  #recommendContents .u-pl--126 {
    padding-left: 126px !important
  }

  #recommendContents .u-px--126 {
    padding-left: 126px !important;
    padding-right: 126px !important
  }

  #recommendContents .u-py--126 {
    padding-bottom: 126px !important;
    padding-top: 126px !important
  }

  #recommendContents .u-m--127 {
    margin: 127px !important
  }

  #recommendContents .u-mt--127 {
    margin-top: 127px !important
  }

  #recommendContents .u-mr--127 {
    margin-right: 127px !important
  }

  #recommendContents .u-mb--127 {
    margin-bottom: 127px !important
  }

  #recommendContents .u-ml--127 {
    margin-left: 127px !important
  }

  #recommendContents .u-mx--127 {
    margin-left: 127px !important;
    margin-right: 127px !important
  }

  #recommendContents .u-my--127 {
    margin-bottom: 127px !important;
    margin-top: 127px !important
  }

  #recommendContents .u-p--127 {
    padding: 127px !important
  }

  #recommendContents .u-pt--127 {
    padding-top: 127px !important
  }

  #recommendContents .u-pr--127 {
    padding-right: 127px !important
  }

  #recommendContents .u-pb--127 {
    padding-bottom: 127px !important
  }

  #recommendContents .u-pl--127 {
    padding-left: 127px !important
  }

  #recommendContents .u-px--127 {
    padding-left: 127px !important;
    padding-right: 127px !important
  }

  #recommendContents .u-py--127 {
    padding-bottom: 127px !important;
    padding-top: 127px !important
  }

  #recommendContents .u-m--128 {
    margin: 128px !important
  }

  #recommendContents .u-mt--128 {
    margin-top: 128px !important
  }

  #recommendContents .u-mr--128 {
    margin-right: 128px !important
  }

  #recommendContents .u-mb--128 {
    margin-bottom: 128px !important
  }

  #recommendContents .u-ml--128 {
    margin-left: 128px !important
  }

  #recommendContents .u-mx--128 {
    margin-left: 128px !important;
    margin-right: 128px !important
  }

  #recommendContents .u-my--128 {
    margin-bottom: 128px !important;
    margin-top: 128px !important
  }

  #recommendContents .u-p--128 {
    padding: 128px !important
  }

  #recommendContents .u-pt--128 {
    padding-top: 128px !important
  }

  #recommendContents .u-pr--128 {
    padding-right: 128px !important
  }

  #recommendContents .u-pb--128 {
    padding-bottom: 128px !important
  }

  #recommendContents .u-pl--128 {
    padding-left: 128px !important
  }

  #recommendContents .u-px--128 {
    padding-left: 128px !important;
    padding-right: 128px !important
  }

  #recommendContents .u-py--128 {
    padding-bottom: 128px !important;
    padding-top: 128px !important
  }

  #recommendContents .u-m--129 {
    margin: 129px !important
  }

  #recommendContents .u-mt--129 {
    margin-top: 129px !important
  }

  #recommendContents .u-mr--129 {
    margin-right: 129px !important
  }

  #recommendContents .u-mb--129 {
    margin-bottom: 129px !important
  }

  #recommendContents .u-ml--129 {
    margin-left: 129px !important
  }

  #recommendContents .u-mx--129 {
    margin-left: 129px !important;
    margin-right: 129px !important
  }

  #recommendContents .u-my--129 {
    margin-bottom: 129px !important;
    margin-top: 129px !important
  }

  #recommendContents .u-p--129 {
    padding: 129px !important
  }

  #recommendContents .u-pt--129 {
    padding-top: 129px !important
  }

  #recommendContents .u-pr--129 {
    padding-right: 129px !important
  }

  #recommendContents .u-pb--129 {
    padding-bottom: 129px !important
  }

  #recommendContents .u-pl--129 {
    padding-left: 129px !important
  }

  #recommendContents .u-px--129 {
    padding-left: 129px !important;
    padding-right: 129px !important
  }

  #recommendContents .u-py--129 {
    padding-bottom: 129px !important;
    padding-top: 129px !important
  }

  #recommendContents .u-m--130 {
    margin: 130px !important
  }

  #recommendContents .u-mt--130 {
    margin-top: 130px !important
  }

  #recommendContents .u-mr--130 {
    margin-right: 130px !important
  }

  #recommendContents .u-mb--130 {
    margin-bottom: 130px !important
  }

  #recommendContents .u-ml--130 {
    margin-left: 130px !important
  }

  #recommendContents .u-mx--130 {
    margin-left: 130px !important;
    margin-right: 130px !important
  }

  #recommendContents .u-my--130 {
    margin-bottom: 130px !important;
    margin-top: 130px !important
  }

  #recommendContents .u-p--130 {
    padding: 130px !important
  }

  #recommendContents .u-pt--130 {
    padding-top: 130px !important
  }

  #recommendContents .u-pr--130 {
    padding-right: 130px !important
  }

  #recommendContents .u-pb--130 {
    padding-bottom: 130px !important
  }

  #recommendContents .u-pl--130 {
    padding-left: 130px !important
  }

  #recommendContents .u-px--130 {
    padding-left: 130px !important;
    padding-right: 130px !important
  }

  #recommendContents .u-py--130 {
    padding-bottom: 130px !important;
    padding-top: 130px !important
  }

  #recommendContents .u-m--131 {
    margin: 131px !important
  }

  #recommendContents .u-mt--131 {
    margin-top: 131px !important
  }

  #recommendContents .u-mr--131 {
    margin-right: 131px !important
  }

  #recommendContents .u-mb--131 {
    margin-bottom: 131px !important
  }

  #recommendContents .u-ml--131 {
    margin-left: 131px !important
  }

  #recommendContents .u-mx--131 {
    margin-left: 131px !important;
    margin-right: 131px !important
  }

  #recommendContents .u-my--131 {
    margin-bottom: 131px !important;
    margin-top: 131px !important
  }

  #recommendContents .u-p--131 {
    padding: 131px !important
  }

  #recommendContents .u-pt--131 {
    padding-top: 131px !important
  }

  #recommendContents .u-pr--131 {
    padding-right: 131px !important
  }

  #recommendContents .u-pb--131 {
    padding-bottom: 131px !important
  }

  #recommendContents .u-pl--131 {
    padding-left: 131px !important
  }

  #recommendContents .u-px--131 {
    padding-left: 131px !important;
    padding-right: 131px !important
  }

  #recommendContents .u-py--131 {
    padding-bottom: 131px !important;
    padding-top: 131px !important
  }

  #recommendContents .u-m--132 {
    margin: 132px !important
  }

  #recommendContents .u-mt--132 {
    margin-top: 132px !important
  }

  #recommendContents .u-mr--132 {
    margin-right: 132px !important
  }

  #recommendContents .u-mb--132 {
    margin-bottom: 132px !important
  }

  #recommendContents .u-ml--132 {
    margin-left: 132px !important
  }

  #recommendContents .u-mx--132 {
    margin-left: 132px !important;
    margin-right: 132px !important
  }

  #recommendContents .u-my--132 {
    margin-bottom: 132px !important;
    margin-top: 132px !important
  }

  #recommendContents .u-p--132 {
    padding: 132px !important
  }

  #recommendContents .u-pt--132 {
    padding-top: 132px !important
  }

  #recommendContents .u-pr--132 {
    padding-right: 132px !important
  }

  #recommendContents .u-pb--132 {
    padding-bottom: 132px !important
  }

  #recommendContents .u-pl--132 {
    padding-left: 132px !important
  }

  #recommendContents .u-px--132 {
    padding-left: 132px !important;
    padding-right: 132px !important
  }

  #recommendContents .u-py--132 {
    padding-bottom: 132px !important;
    padding-top: 132px !important
  }

  #recommendContents .u-m--133 {
    margin: 133px !important
  }

  #recommendContents .u-mt--133 {
    margin-top: 133px !important
  }

  #recommendContents .u-mr--133 {
    margin-right: 133px !important
  }

  #recommendContents .u-mb--133 {
    margin-bottom: 133px !important
  }

  #recommendContents .u-ml--133 {
    margin-left: 133px !important
  }

  #recommendContents .u-mx--133 {
    margin-left: 133px !important;
    margin-right: 133px !important
  }

  #recommendContents .u-my--133 {
    margin-bottom: 133px !important;
    margin-top: 133px !important
  }

  #recommendContents .u-p--133 {
    padding: 133px !important
  }

  #recommendContents .u-pt--133 {
    padding-top: 133px !important
  }

  #recommendContents .u-pr--133 {
    padding-right: 133px !important
  }

  #recommendContents .u-pb--133 {
    padding-bottom: 133px !important
  }

  #recommendContents .u-pl--133 {
    padding-left: 133px !important
  }

  #recommendContents .u-px--133 {
    padding-left: 133px !important;
    padding-right: 133px !important
  }

  #recommendContents .u-py--133 {
    padding-bottom: 133px !important;
    padding-top: 133px !important
  }

  #recommendContents .u-m--134 {
    margin: 134px !important
  }

  #recommendContents .u-mt--134 {
    margin-top: 134px !important
  }

  #recommendContents .u-mr--134 {
    margin-right: 134px !important
  }

  #recommendContents .u-mb--134 {
    margin-bottom: 134px !important
  }

  #recommendContents .u-ml--134 {
    margin-left: 134px !important
  }

  #recommendContents .u-mx--134 {
    margin-left: 134px !important;
    margin-right: 134px !important
  }

  #recommendContents .u-my--134 {
    margin-bottom: 134px !important;
    margin-top: 134px !important
  }

  #recommendContents .u-p--134 {
    padding: 134px !important
  }

  #recommendContents .u-pt--134 {
    padding-top: 134px !important
  }

  #recommendContents .u-pr--134 {
    padding-right: 134px !important
  }

  #recommendContents .u-pb--134 {
    padding-bottom: 134px !important
  }

  #recommendContents .u-pl--134 {
    padding-left: 134px !important
  }

  #recommendContents .u-px--134 {
    padding-left: 134px !important;
    padding-right: 134px !important
  }

  #recommendContents .u-py--134 {
    padding-bottom: 134px !important;
    padding-top: 134px !important
  }

  #recommendContents .u-m--135 {
    margin: 135px !important
  }

  #recommendContents .u-mt--135 {
    margin-top: 135px !important
  }

  #recommendContents .u-mr--135 {
    margin-right: 135px !important
  }

  #recommendContents .u-mb--135 {
    margin-bottom: 135px !important
  }

  #recommendContents .u-ml--135 {
    margin-left: 135px !important
  }

  #recommendContents .u-mx--135 {
    margin-left: 135px !important;
    margin-right: 135px !important
  }

  #recommendContents .u-my--135 {
    margin-bottom: 135px !important;
    margin-top: 135px !important
  }

  #recommendContents .u-p--135 {
    padding: 135px !important
  }

  #recommendContents .u-pt--135 {
    padding-top: 135px !important
  }

  #recommendContents .u-pr--135 {
    padding-right: 135px !important
  }

  #recommendContents .u-pb--135 {
    padding-bottom: 135px !important
  }

  #recommendContents .u-pl--135 {
    padding-left: 135px !important
  }

  #recommendContents .u-px--135 {
    padding-left: 135px !important;
    padding-right: 135px !important
  }

  #recommendContents .u-py--135 {
    padding-bottom: 135px !important;
    padding-top: 135px !important
  }

  #recommendContents .u-m--136 {
    margin: 136px !important
  }

  #recommendContents .u-mt--136 {
    margin-top: 136px !important
  }

  #recommendContents .u-mr--136 {
    margin-right: 136px !important
  }

  #recommendContents .u-mb--136 {
    margin-bottom: 136px !important
  }

  #recommendContents .u-ml--136 {
    margin-left: 136px !important
  }

  #recommendContents .u-mx--136 {
    margin-left: 136px !important;
    margin-right: 136px !important
  }

  #recommendContents .u-my--136 {
    margin-bottom: 136px !important;
    margin-top: 136px !important
  }

  #recommendContents .u-p--136 {
    padding: 136px !important
  }

  #recommendContents .u-pt--136 {
    padding-top: 136px !important
  }

  #recommendContents .u-pr--136 {
    padding-right: 136px !important
  }

  #recommendContents .u-pb--136 {
    padding-bottom: 136px !important
  }

  #recommendContents .u-pl--136 {
    padding-left: 136px !important
  }

  #recommendContents .u-px--136 {
    padding-left: 136px !important;
    padding-right: 136px !important
  }

  #recommendContents .u-py--136 {
    padding-bottom: 136px !important;
    padding-top: 136px !important
  }

  #recommendContents .u-m--137 {
    margin: 137px !important
  }

  #recommendContents .u-mt--137 {
    margin-top: 137px !important
  }

  #recommendContents .u-mr--137 {
    margin-right: 137px !important
  }

  #recommendContents .u-mb--137 {
    margin-bottom: 137px !important
  }

  #recommendContents .u-ml--137 {
    margin-left: 137px !important
  }

  #recommendContents .u-mx--137 {
    margin-left: 137px !important;
    margin-right: 137px !important
  }

  #recommendContents .u-my--137 {
    margin-bottom: 137px !important;
    margin-top: 137px !important
  }

  #recommendContents .u-p--137 {
    padding: 137px !important
  }

  #recommendContents .u-pt--137 {
    padding-top: 137px !important
  }

  #recommendContents .u-pr--137 {
    padding-right: 137px !important
  }

  #recommendContents .u-pb--137 {
    padding-bottom: 137px !important
  }

  #recommendContents .u-pl--137 {
    padding-left: 137px !important
  }

  #recommendContents .u-px--137 {
    padding-left: 137px !important;
    padding-right: 137px !important
  }

  #recommendContents .u-py--137 {
    padding-bottom: 137px !important;
    padding-top: 137px !important
  }

  #recommendContents .u-m--138 {
    margin: 138px !important
  }

  #recommendContents .u-mt--138 {
    margin-top: 138px !important
  }

  #recommendContents .u-mr--138 {
    margin-right: 138px !important
  }

  #recommendContents .u-mb--138 {
    margin-bottom: 138px !important
  }

  #recommendContents .u-ml--138 {
    margin-left: 138px !important
  }

  #recommendContents .u-mx--138 {
    margin-left: 138px !important;
    margin-right: 138px !important
  }

  #recommendContents .u-my--138 {
    margin-bottom: 138px !important;
    margin-top: 138px !important
  }

  #recommendContents .u-p--138 {
    padding: 138px !important
  }

  #recommendContents .u-pt--138 {
    padding-top: 138px !important
  }

  #recommendContents .u-pr--138 {
    padding-right: 138px !important
  }

  #recommendContents .u-pb--138 {
    padding-bottom: 138px !important
  }

  #recommendContents .u-pl--138 {
    padding-left: 138px !important
  }

  #recommendContents .u-px--138 {
    padding-left: 138px !important;
    padding-right: 138px !important
  }

  #recommendContents .u-py--138 {
    padding-bottom: 138px !important;
    padding-top: 138px !important
  }

  #recommendContents .u-m--139 {
    margin: 139px !important
  }

  #recommendContents .u-mt--139 {
    margin-top: 139px !important
  }

  #recommendContents .u-mr--139 {
    margin-right: 139px !important
  }

  #recommendContents .u-mb--139 {
    margin-bottom: 139px !important
  }

  #recommendContents .u-ml--139 {
    margin-left: 139px !important
  }

  #recommendContents .u-mx--139 {
    margin-left: 139px !important;
    margin-right: 139px !important
  }

  #recommendContents .u-my--139 {
    margin-bottom: 139px !important;
    margin-top: 139px !important
  }

  #recommendContents .u-p--139 {
    padding: 139px !important
  }

  #recommendContents .u-pt--139 {
    padding-top: 139px !important
  }

  #recommendContents .u-pr--139 {
    padding-right: 139px !important
  }

  #recommendContents .u-pb--139 {
    padding-bottom: 139px !important
  }

  #recommendContents .u-pl--139 {
    padding-left: 139px !important
  }

  #recommendContents .u-px--139 {
    padding-left: 139px !important;
    padding-right: 139px !important
  }

  #recommendContents .u-py--139 {
    padding-bottom: 139px !important;
    padding-top: 139px !important
  }

  #recommendContents .u-m--140 {
    margin: 140px !important
  }

  #recommendContents .u-mt--140 {
    margin-top: 140px !important
  }

  #recommendContents .u-mr--140 {
    margin-right: 140px !important
  }

  #recommendContents .u-mb--140 {
    margin-bottom: 140px !important
  }

  #recommendContents .u-ml--140 {
    margin-left: 140px !important
  }

  #recommendContents .u-mx--140 {
    margin-left: 140px !important;
    margin-right: 140px !important
  }

  #recommendContents .u-my--140 {
    margin-bottom: 140px !important;
    margin-top: 140px !important
  }

  #recommendContents .u-p--140 {
    padding: 140px !important
  }

  #recommendContents .u-pt--140 {
    padding-top: 140px !important
  }

  #recommendContents .u-pr--140 {
    padding-right: 140px !important
  }

  #recommendContents .u-pb--140 {
    padding-bottom: 140px !important
  }

  #recommendContents .u-pl--140 {
    padding-left: 140px !important
  }

  #recommendContents .u-px--140 {
    padding-left: 140px !important;
    padding-right: 140px !important
  }

  #recommendContents .u-py--140 {
    padding-bottom: 140px !important;
    padding-top: 140px !important
  }

  #recommendContents .u-m--141 {
    margin: 141px !important
  }

  #recommendContents .u-mt--141 {
    margin-top: 141px !important
  }

  #recommendContents .u-mr--141 {
    margin-right: 141px !important
  }

  #recommendContents .u-mb--141 {
    margin-bottom: 141px !important
  }

  #recommendContents .u-ml--141 {
    margin-left: 141px !important
  }

  #recommendContents .u-mx--141 {
    margin-left: 141px !important;
    margin-right: 141px !important
  }

  #recommendContents .u-my--141 {
    margin-bottom: 141px !important;
    margin-top: 141px !important
  }

  #recommendContents .u-p--141 {
    padding: 141px !important
  }

  #recommendContents .u-pt--141 {
    padding-top: 141px !important
  }

  #recommendContents .u-pr--141 {
    padding-right: 141px !important
  }

  #recommendContents .u-pb--141 {
    padding-bottom: 141px !important
  }

  #recommendContents .u-pl--141 {
    padding-left: 141px !important
  }

  #recommendContents .u-px--141 {
    padding-left: 141px !important;
    padding-right: 141px !important
  }

  #recommendContents .u-py--141 {
    padding-bottom: 141px !important;
    padding-top: 141px !important
  }

  #recommendContents .u-m--142 {
    margin: 142px !important
  }

  #recommendContents .u-mt--142 {
    margin-top: 142px !important
  }

  #recommendContents .u-mr--142 {
    margin-right: 142px !important
  }

  #recommendContents .u-mb--142 {
    margin-bottom: 142px !important
  }

  #recommendContents .u-ml--142 {
    margin-left: 142px !important
  }

  #recommendContents .u-mx--142 {
    margin-left: 142px !important;
    margin-right: 142px !important
  }

  #recommendContents .u-my--142 {
    margin-bottom: 142px !important;
    margin-top: 142px !important
  }

  #recommendContents .u-p--142 {
    padding: 142px !important
  }

  #recommendContents .u-pt--142 {
    padding-top: 142px !important
  }

  #recommendContents .u-pr--142 {
    padding-right: 142px !important
  }

  #recommendContents .u-pb--142 {
    padding-bottom: 142px !important
  }

  #recommendContents .u-pl--142 {
    padding-left: 142px !important
  }

  #recommendContents .u-px--142 {
    padding-left: 142px !important;
    padding-right: 142px !important
  }

  #recommendContents .u-py--142 {
    padding-bottom: 142px !important;
    padding-top: 142px !important
  }

  #recommendContents .u-m--143 {
    margin: 143px !important
  }

  #recommendContents .u-mt--143 {
    margin-top: 143px !important
  }

  #recommendContents .u-mr--143 {
    margin-right: 143px !important
  }

  #recommendContents .u-mb--143 {
    margin-bottom: 143px !important
  }

  #recommendContents .u-ml--143 {
    margin-left: 143px !important
  }

  #recommendContents .u-mx--143 {
    margin-left: 143px !important;
    margin-right: 143px !important
  }

  #recommendContents .u-my--143 {
    margin-bottom: 143px !important;
    margin-top: 143px !important
  }

  #recommendContents .u-p--143 {
    padding: 143px !important
  }

  #recommendContents .u-pt--143 {
    padding-top: 143px !important
  }

  #recommendContents .u-pr--143 {
    padding-right: 143px !important
  }

  #recommendContents .u-pb--143 {
    padding-bottom: 143px !important
  }

  #recommendContents .u-pl--143 {
    padding-left: 143px !important
  }

  #recommendContents .u-px--143 {
    padding-left: 143px !important;
    padding-right: 143px !important
  }

  #recommendContents .u-py--143 {
    padding-bottom: 143px !important;
    padding-top: 143px !important
  }

  #recommendContents .u-m--144 {
    margin: 144px !important
  }

  #recommendContents .u-mt--144 {
    margin-top: 144px !important
  }

  #recommendContents .u-mr--144 {
    margin-right: 144px !important
  }

  #recommendContents .u-mb--144 {
    margin-bottom: 144px !important
  }

  #recommendContents .u-ml--144 {
    margin-left: 144px !important
  }

  #recommendContents .u-mx--144 {
    margin-left: 144px !important;
    margin-right: 144px !important
  }

  #recommendContents .u-my--144 {
    margin-bottom: 144px !important;
    margin-top: 144px !important
  }

  #recommendContents .u-p--144 {
    padding: 144px !important
  }

  #recommendContents .u-pt--144 {
    padding-top: 144px !important
  }

  #recommendContents .u-pr--144 {
    padding-right: 144px !important
  }

  #recommendContents .u-pb--144 {
    padding-bottom: 144px !important
  }

  #recommendContents .u-pl--144 {
    padding-left: 144px !important
  }

  #recommendContents .u-px--144 {
    padding-left: 144px !important;
    padding-right: 144px !important
  }

  #recommendContents .u-py--144 {
    padding-bottom: 144px !important;
    padding-top: 144px !important
  }

  #recommendContents .u-m--145 {
    margin: 145px !important
  }

  #recommendContents .u-mt--145 {
    margin-top: 145px !important
  }

  #recommendContents .u-mr--145 {
    margin-right: 145px !important
  }

  #recommendContents .u-mb--145 {
    margin-bottom: 145px !important
  }

  #recommendContents .u-ml--145 {
    margin-left: 145px !important
  }

  #recommendContents .u-mx--145 {
    margin-left: 145px !important;
    margin-right: 145px !important
  }

  #recommendContents .u-my--145 {
    margin-bottom: 145px !important;
    margin-top: 145px !important
  }

  #recommendContents .u-p--145 {
    padding: 145px !important
  }

  #recommendContents .u-pt--145 {
    padding-top: 145px !important
  }

  #recommendContents .u-pr--145 {
    padding-right: 145px !important
  }

  #recommendContents .u-pb--145 {
    padding-bottom: 145px !important
  }

  #recommendContents .u-pl--145 {
    padding-left: 145px !important
  }

  #recommendContents .u-px--145 {
    padding-left: 145px !important;
    padding-right: 145px !important
  }

  #recommendContents .u-py--145 {
    padding-bottom: 145px !important;
    padding-top: 145px !important
  }

  #recommendContents .u-m--146 {
    margin: 146px !important
  }

  #recommendContents .u-mt--146 {
    margin-top: 146px !important
  }

  #recommendContents .u-mr--146 {
    margin-right: 146px !important
  }

  #recommendContents .u-mb--146 {
    margin-bottom: 146px !important
  }

  #recommendContents .u-ml--146 {
    margin-left: 146px !important
  }

  #recommendContents .u-mx--146 {
    margin-left: 146px !important;
    margin-right: 146px !important
  }

  #recommendContents .u-my--146 {
    margin-bottom: 146px !important;
    margin-top: 146px !important
  }

  #recommendContents .u-p--146 {
    padding: 146px !important
  }

  #recommendContents .u-pt--146 {
    padding-top: 146px !important
  }

  #recommendContents .u-pr--146 {
    padding-right: 146px !important
  }

  #recommendContents .u-pb--146 {
    padding-bottom: 146px !important
  }

  #recommendContents .u-pl--146 {
    padding-left: 146px !important
  }

  #recommendContents .u-px--146 {
    padding-left: 146px !important;
    padding-right: 146px !important
  }

  #recommendContents .u-py--146 {
    padding-bottom: 146px !important;
    padding-top: 146px !important
  }

  #recommendContents .u-m--147 {
    margin: 147px !important
  }

  #recommendContents .u-mt--147 {
    margin-top: 147px !important
  }

  #recommendContents .u-mr--147 {
    margin-right: 147px !important
  }

  #recommendContents .u-mb--147 {
    margin-bottom: 147px !important
  }

  #recommendContents .u-ml--147 {
    margin-left: 147px !important
  }

  #recommendContents .u-mx--147 {
    margin-left: 147px !important;
    margin-right: 147px !important
  }

  #recommendContents .u-my--147 {
    margin-bottom: 147px !important;
    margin-top: 147px !important
  }

  #recommendContents .u-p--147 {
    padding: 147px !important
  }

  #recommendContents .u-pt--147 {
    padding-top: 147px !important
  }

  #recommendContents .u-pr--147 {
    padding-right: 147px !important
  }

  #recommendContents .u-pb--147 {
    padding-bottom: 147px !important
  }

  #recommendContents .u-pl--147 {
    padding-left: 147px !important
  }

  #recommendContents .u-px--147 {
    padding-left: 147px !important;
    padding-right: 147px !important
  }

  #recommendContents .u-py--147 {
    padding-bottom: 147px !important;
    padding-top: 147px !important
  }

  #recommendContents .u-m--148 {
    margin: 148px !important
  }

  #recommendContents .u-mt--148 {
    margin-top: 148px !important
  }

  #recommendContents .u-mr--148 {
    margin-right: 148px !important
  }

  #recommendContents .u-mb--148 {
    margin-bottom: 148px !important
  }

  #recommendContents .u-ml--148 {
    margin-left: 148px !important
  }

  #recommendContents .u-mx--148 {
    margin-left: 148px !important;
    margin-right: 148px !important
  }

  #recommendContents .u-my--148 {
    margin-bottom: 148px !important;
    margin-top: 148px !important
  }

  #recommendContents .u-p--148 {
    padding: 148px !important
  }

  #recommendContents .u-pt--148 {
    padding-top: 148px !important
  }

  #recommendContents .u-pr--148 {
    padding-right: 148px !important
  }

  #recommendContents .u-pb--148 {
    padding-bottom: 148px !important
  }

  #recommendContents .u-pl--148 {
    padding-left: 148px !important
  }

  #recommendContents .u-px--148 {
    padding-left: 148px !important;
    padding-right: 148px !important
  }

  #recommendContents .u-py--148 {
    padding-bottom: 148px !important;
    padding-top: 148px !important
  }

  #recommendContents .u-m--149 {
    margin: 149px !important
  }

  #recommendContents .u-mt--149 {
    margin-top: 149px !important
  }

  #recommendContents .u-mr--149 {
    margin-right: 149px !important
  }

  #recommendContents .u-mb--149 {
    margin-bottom: 149px !important
  }

  #recommendContents .u-ml--149 {
    margin-left: 149px !important
  }

  #recommendContents .u-mx--149 {
    margin-left: 149px !important;
    margin-right: 149px !important
  }

  #recommendContents .u-my--149 {
    margin-bottom: 149px !important;
    margin-top: 149px !important
  }

  #recommendContents .u-p--149 {
    padding: 149px !important
  }

  #recommendContents .u-pt--149 {
    padding-top: 149px !important
  }

  #recommendContents .u-pr--149 {
    padding-right: 149px !important
  }

  #recommendContents .u-pb--149 {
    padding-bottom: 149px !important
  }

  #recommendContents .u-pl--149 {
    padding-left: 149px !important
  }

  #recommendContents .u-px--149 {
    padding-left: 149px !important;
    padding-right: 149px !important
  }

  #recommendContents .u-py--149 {
    padding-bottom: 149px !important;
    padding-top: 149px !important
  }

  #recommendContents .u-m--150 {
    margin: 150px !important
  }

  #recommendContents .u-mt--150 {
    margin-top: 150px !important
  }

  #recommendContents .u-mr--150 {
    margin-right: 150px !important
  }

  #recommendContents .u-mb--150 {
    margin-bottom: 150px !important
  }

  #recommendContents .u-ml--150 {
    margin-left: 150px !important
  }

  #recommendContents .u-mx--150 {
    margin-left: 150px !important;
    margin-right: 150px !important
  }

  #recommendContents .u-my--150 {
    margin-bottom: 150px !important;
    margin-top: 150px !important
  }

  #recommendContents .u-p--150 {
    padding: 150px !important
  }

  #recommendContents .u-pt--150 {
    padding-top: 150px !important
  }

  #recommendContents .u-pr--150 {
    padding-right: 150px !important
  }

  #recommendContents .u-pb--150 {
    padding-bottom: 150px !important
  }

  #recommendContents .u-pl--150 {
    padding-left: 150px !important
  }

  #recommendContents .u-px--150 {
    padding-left: 150px !important;
    padding-right: 150px !important
  }

  #recommendContents .u-py--150 {
    padding-bottom: 150px !important;
    padding-top: 150px !important
  }

  #recommendContents .u-m--151 {
    margin: 151px !important
  }

  #recommendContents .u-mt--151 {
    margin-top: 151px !important
  }

  #recommendContents .u-mr--151 {
    margin-right: 151px !important
  }

  #recommendContents .u-mb--151 {
    margin-bottom: 151px !important
  }

  #recommendContents .u-ml--151 {
    margin-left: 151px !important
  }

  #recommendContents .u-mx--151 {
    margin-left: 151px !important;
    margin-right: 151px !important
  }

  #recommendContents .u-my--151 {
    margin-bottom: 151px !important;
    margin-top: 151px !important
  }

  #recommendContents .u-p--151 {
    padding: 151px !important
  }

  #recommendContents .u-pt--151 {
    padding-top: 151px !important
  }

  #recommendContents .u-pr--151 {
    padding-right: 151px !important
  }

  #recommendContents .u-pb--151 {
    padding-bottom: 151px !important
  }

  #recommendContents .u-pl--151 {
    padding-left: 151px !important
  }

  #recommendContents .u-px--151 {
    padding-left: 151px !important;
    padding-right: 151px !important
  }

  #recommendContents .u-py--151 {
    padding-bottom: 151px !important;
    padding-top: 151px !important
  }

  #recommendContents .u-m--152 {
    margin: 152px !important
  }

  #recommendContents .u-mt--152 {
    margin-top: 152px !important
  }

  #recommendContents .u-mr--152 {
    margin-right: 152px !important
  }

  #recommendContents .u-mb--152 {
    margin-bottom: 152px !important
  }

  #recommendContents .u-ml--152 {
    margin-left: 152px !important
  }

  #recommendContents .u-mx--152 {
    margin-left: 152px !important;
    margin-right: 152px !important
  }

  #recommendContents .u-my--152 {
    margin-bottom: 152px !important;
    margin-top: 152px !important
  }

  #recommendContents .u-p--152 {
    padding: 152px !important
  }

  #recommendContents .u-pt--152 {
    padding-top: 152px !important
  }

  #recommendContents .u-pr--152 {
    padding-right: 152px !important
  }

  #recommendContents .u-pb--152 {
    padding-bottom: 152px !important
  }

  #recommendContents .u-pl--152 {
    padding-left: 152px !important
  }

  #recommendContents .u-px--152 {
    padding-left: 152px !important;
    padding-right: 152px !important
  }

  #recommendContents .u-py--152 {
    padding-bottom: 152px !important;
    padding-top: 152px !important
  }

  #recommendContents .u-m--153 {
    margin: 153px !important
  }

  #recommendContents .u-mt--153 {
    margin-top: 153px !important
  }

  #recommendContents .u-mr--153 {
    margin-right: 153px !important
  }

  #recommendContents .u-mb--153 {
    margin-bottom: 153px !important
  }

  #recommendContents .u-ml--153 {
    margin-left: 153px !important
  }

  #recommendContents .u-mx--153 {
    margin-left: 153px !important;
    margin-right: 153px !important
  }

  #recommendContents .u-my--153 {
    margin-bottom: 153px !important;
    margin-top: 153px !important
  }

  #recommendContents .u-p--153 {
    padding: 153px !important
  }

  #recommendContents .u-pt--153 {
    padding-top: 153px !important
  }

  #recommendContents .u-pr--153 {
    padding-right: 153px !important
  }

  #recommendContents .u-pb--153 {
    padding-bottom: 153px !important
  }

  #recommendContents .u-pl--153 {
    padding-left: 153px !important
  }

  #recommendContents .u-px--153 {
    padding-left: 153px !important;
    padding-right: 153px !important
  }

  #recommendContents .u-py--153 {
    padding-bottom: 153px !important;
    padding-top: 153px !important
  }

  #recommendContents .u-m--154 {
    margin: 154px !important
  }

  #recommendContents .u-mt--154 {
    margin-top: 154px !important
  }

  #recommendContents .u-mr--154 {
    margin-right: 154px !important
  }

  #recommendContents .u-mb--154 {
    margin-bottom: 154px !important
  }

  #recommendContents .u-ml--154 {
    margin-left: 154px !important
  }

  #recommendContents .u-mx--154 {
    margin-left: 154px !important;
    margin-right: 154px !important
  }

  #recommendContents .u-my--154 {
    margin-bottom: 154px !important;
    margin-top: 154px !important
  }

  #recommendContents .u-p--154 {
    padding: 154px !important
  }

  #recommendContents .u-pt--154 {
    padding-top: 154px !important
  }

  #recommendContents .u-pr--154 {
    padding-right: 154px !important
  }

  #recommendContents .u-pb--154 {
    padding-bottom: 154px !important
  }

  #recommendContents .u-pl--154 {
    padding-left: 154px !important
  }

  #recommendContents .u-px--154 {
    padding-left: 154px !important;
    padding-right: 154px !important
  }

  #recommendContents .u-py--154 {
    padding-bottom: 154px !important;
    padding-top: 154px !important
  }

  #recommendContents .u-m--155 {
    margin: 155px !important
  }

  #recommendContents .u-mt--155 {
    margin-top: 155px !important
  }

  #recommendContents .u-mr--155 {
    margin-right: 155px !important
  }

  #recommendContents .u-mb--155 {
    margin-bottom: 155px !important
  }

  #recommendContents .u-ml--155 {
    margin-left: 155px !important
  }

  #recommendContents .u-mx--155 {
    margin-left: 155px !important;
    margin-right: 155px !important
  }

  #recommendContents .u-my--155 {
    margin-bottom: 155px !important;
    margin-top: 155px !important
  }

  #recommendContents .u-p--155 {
    padding: 155px !important
  }

  #recommendContents .u-pt--155 {
    padding-top: 155px !important
  }

  #recommendContents .u-pr--155 {
    padding-right: 155px !important
  }

  #recommendContents .u-pb--155 {
    padding-bottom: 155px !important
  }

  #recommendContents .u-pl--155 {
    padding-left: 155px !important
  }

  #recommendContents .u-px--155 {
    padding-left: 155px !important;
    padding-right: 155px !important
  }

  #recommendContents .u-py--155 {
    padding-bottom: 155px !important;
    padding-top: 155px !important
  }

  #recommendContents .u-m--156 {
    margin: 156px !important
  }

  #recommendContents .u-mt--156 {
    margin-top: 156px !important
  }

  #recommendContents .u-mr--156 {
    margin-right: 156px !important
  }

  #recommendContents .u-mb--156 {
    margin-bottom: 156px !important
  }

  #recommendContents .u-ml--156 {
    margin-left: 156px !important
  }

  #recommendContents .u-mx--156 {
    margin-left: 156px !important;
    margin-right: 156px !important
  }

  #recommendContents .u-my--156 {
    margin-bottom: 156px !important;
    margin-top: 156px !important
  }

  #recommendContents .u-p--156 {
    padding: 156px !important
  }

  #recommendContents .u-pt--156 {
    padding-top: 156px !important
  }

  #recommendContents .u-pr--156 {
    padding-right: 156px !important
  }

  #recommendContents .u-pb--156 {
    padding-bottom: 156px !important
  }

  #recommendContents .u-pl--156 {
    padding-left: 156px !important
  }

  #recommendContents .u-px--156 {
    padding-left: 156px !important;
    padding-right: 156px !important
  }

  #recommendContents .u-py--156 {
    padding-bottom: 156px !important;
    padding-top: 156px !important
  }

  #recommendContents .u-m--157 {
    margin: 157px !important
  }

  #recommendContents .u-mt--157 {
    margin-top: 157px !important
  }

  #recommendContents .u-mr--157 {
    margin-right: 157px !important
  }

  #recommendContents .u-mb--157 {
    margin-bottom: 157px !important
  }

  #recommendContents .u-ml--157 {
    margin-left: 157px !important
  }

  #recommendContents .u-mx--157 {
    margin-left: 157px !important;
    margin-right: 157px !important
  }

  #recommendContents .u-my--157 {
    margin-bottom: 157px !important;
    margin-top: 157px !important
  }

  #recommendContents .u-p--157 {
    padding: 157px !important
  }

  #recommendContents .u-pt--157 {
    padding-top: 157px !important
  }

  #recommendContents .u-pr--157 {
    padding-right: 157px !important
  }

  #recommendContents .u-pb--157 {
    padding-bottom: 157px !important
  }

  #recommendContents .u-pl--157 {
    padding-left: 157px !important
  }

  #recommendContents .u-px--157 {
    padding-left: 157px !important;
    padding-right: 157px !important
  }

  #recommendContents .u-py--157 {
    padding-bottom: 157px !important;
    padding-top: 157px !important
  }

  #recommendContents .u-m--158 {
    margin: 158px !important
  }

  #recommendContents .u-mt--158 {
    margin-top: 158px !important
  }

  #recommendContents .u-mr--158 {
    margin-right: 158px !important
  }

  #recommendContents .u-mb--158 {
    margin-bottom: 158px !important
  }

  #recommendContents .u-ml--158 {
    margin-left: 158px !important
  }

  #recommendContents .u-mx--158 {
    margin-left: 158px !important;
    margin-right: 158px !important
  }

  #recommendContents .u-my--158 {
    margin-bottom: 158px !important;
    margin-top: 158px !important
  }

  #recommendContents .u-p--158 {
    padding: 158px !important
  }

  #recommendContents .u-pt--158 {
    padding-top: 158px !important
  }

  #recommendContents .u-pr--158 {
    padding-right: 158px !important
  }

  #recommendContents .u-pb--158 {
    padding-bottom: 158px !important
  }

  #recommendContents .u-pl--158 {
    padding-left: 158px !important
  }

  #recommendContents .u-px--158 {
    padding-left: 158px !important;
    padding-right: 158px !important
  }

  #recommendContents .u-py--158 {
    padding-bottom: 158px !important;
    padding-top: 158px !important
  }

  #recommendContents .u-m--159 {
    margin: 159px !important
  }

  #recommendContents .u-mt--159 {
    margin-top: 159px !important
  }

  #recommendContents .u-mr--159 {
    margin-right: 159px !important
  }

  #recommendContents .u-mb--159 {
    margin-bottom: 159px !important
  }

  #recommendContents .u-ml--159 {
    margin-left: 159px !important
  }

  #recommendContents .u-mx--159 {
    margin-left: 159px !important;
    margin-right: 159px !important
  }

  #recommendContents .u-my--159 {
    margin-bottom: 159px !important;
    margin-top: 159px !important
  }

  #recommendContents .u-p--159 {
    padding: 159px !important
  }

  #recommendContents .u-pt--159 {
    padding-top: 159px !important
  }

  #recommendContents .u-pr--159 {
    padding-right: 159px !important
  }

  #recommendContents .u-pb--159 {
    padding-bottom: 159px !important
  }

  #recommendContents .u-pl--159 {
    padding-left: 159px !important
  }

  #recommendContents .u-px--159 {
    padding-left: 159px !important;
    padding-right: 159px !important
  }

  #recommendContents .u-py--159 {
    padding-bottom: 159px !important;
    padding-top: 159px !important
  }

  #recommendContents .u-m--160 {
    margin: 160px !important
  }

  #recommendContents .u-mt--160 {
    margin-top: 160px !important
  }

  #recommendContents .u-mr--160 {
    margin-right: 160px !important
  }

  #recommendContents .u-mb--160 {
    margin-bottom: 160px !important
  }

  #recommendContents .u-ml--160 {
    margin-left: 160px !important
  }

  #recommendContents .u-mx--160 {
    margin-left: 160px !important;
    margin-right: 160px !important
  }

  #recommendContents .u-my--160 {
    margin-bottom: 160px !important;
    margin-top: 160px !important
  }

  #recommendContents .u-p--160 {
    padding: 160px !important
  }

  #recommendContents .u-pt--160 {
    padding-top: 160px !important
  }

  #recommendContents .u-pr--160 {
    padding-right: 160px !important
  }

  #recommendContents .u-pb--160 {
    padding-bottom: 160px !important
  }

  #recommendContents .u-pl--160 {
    padding-left: 160px !important
  }

  #recommendContents .u-px--160 {
    padding-left: 160px !important;
    padding-right: 160px !important
  }

  #recommendContents .u-py--160 {
    padding-bottom: 160px !important;
    padding-top: 160px !important
  }

  #recommendContents .u-m--161 {
    margin: 161px !important
  }

  #recommendContents .u-mt--161 {
    margin-top: 161px !important
  }

  #recommendContents .u-mr--161 {
    margin-right: 161px !important
  }

  #recommendContents .u-mb--161 {
    margin-bottom: 161px !important
  }

  #recommendContents .u-ml--161 {
    margin-left: 161px !important
  }

  #recommendContents .u-mx--161 {
    margin-left: 161px !important;
    margin-right: 161px !important
  }

  #recommendContents .u-my--161 {
    margin-bottom: 161px !important;
    margin-top: 161px !important
  }

  #recommendContents .u-p--161 {
    padding: 161px !important
  }

  #recommendContents .u-pt--161 {
    padding-top: 161px !important
  }

  #recommendContents .u-pr--161 {
    padding-right: 161px !important
  }

  #recommendContents .u-pb--161 {
    padding-bottom: 161px !important
  }

  #recommendContents .u-pl--161 {
    padding-left: 161px !important
  }

  #recommendContents .u-px--161 {
    padding-left: 161px !important;
    padding-right: 161px !important
  }

  #recommendContents .u-py--161 {
    padding-bottom: 161px !important;
    padding-top: 161px !important
  }

  #recommendContents .u-m--162 {
    margin: 162px !important
  }

  #recommendContents .u-mt--162 {
    margin-top: 162px !important
  }

  #recommendContents .u-mr--162 {
    margin-right: 162px !important
  }

  #recommendContents .u-mb--162 {
    margin-bottom: 162px !important
  }

  #recommendContents .u-ml--162 {
    margin-left: 162px !important
  }

  #recommendContents .u-mx--162 {
    margin-left: 162px !important;
    margin-right: 162px !important
  }

  #recommendContents .u-my--162 {
    margin-bottom: 162px !important;
    margin-top: 162px !important
  }

  #recommendContents .u-p--162 {
    padding: 162px !important
  }

  #recommendContents .u-pt--162 {
    padding-top: 162px !important
  }

  #recommendContents .u-pr--162 {
    padding-right: 162px !important
  }

  #recommendContents .u-pb--162 {
    padding-bottom: 162px !important
  }

  #recommendContents .u-pl--162 {
    padding-left: 162px !important
  }

  #recommendContents .u-px--162 {
    padding-left: 162px !important;
    padding-right: 162px !important
  }

  #recommendContents .u-py--162 {
    padding-bottom: 162px !important;
    padding-top: 162px !important
  }

  #recommendContents .u-m--163 {
    margin: 163px !important
  }

  #recommendContents .u-mt--163 {
    margin-top: 163px !important
  }

  #recommendContents .u-mr--163 {
    margin-right: 163px !important
  }

  #recommendContents .u-mb--163 {
    margin-bottom: 163px !important
  }

  #recommendContents .u-ml--163 {
    margin-left: 163px !important
  }

  #recommendContents .u-mx--163 {
    margin-left: 163px !important;
    margin-right: 163px !important
  }

  #recommendContents .u-my--163 {
    margin-bottom: 163px !important;
    margin-top: 163px !important
  }

  #recommendContents .u-p--163 {
    padding: 163px !important
  }

  #recommendContents .u-pt--163 {
    padding-top: 163px !important
  }

  #recommendContents .u-pr--163 {
    padding-right: 163px !important
  }

  #recommendContents .u-pb--163 {
    padding-bottom: 163px !important
  }

  #recommendContents .u-pl--163 {
    padding-left: 163px !important
  }

  #recommendContents .u-px--163 {
    padding-left: 163px !important;
    padding-right: 163px !important
  }

  #recommendContents .u-py--163 {
    padding-bottom: 163px !important;
    padding-top: 163px !important
  }

  #recommendContents .u-m--164 {
    margin: 164px !important
  }

  #recommendContents .u-mt--164 {
    margin-top: 164px !important
  }

  #recommendContents .u-mr--164 {
    margin-right: 164px !important
  }

  #recommendContents .u-mb--164 {
    margin-bottom: 164px !important
  }

  #recommendContents .u-ml--164 {
    margin-left: 164px !important
  }

  #recommendContents .u-mx--164 {
    margin-left: 164px !important;
    margin-right: 164px !important
  }

  #recommendContents .u-my--164 {
    margin-bottom: 164px !important;
    margin-top: 164px !important
  }

  #recommendContents .u-p--164 {
    padding: 164px !important
  }

  #recommendContents .u-pt--164 {
    padding-top: 164px !important
  }

  #recommendContents .u-pr--164 {
    padding-right: 164px !important
  }

  #recommendContents .u-pb--164 {
    padding-bottom: 164px !important
  }

  #recommendContents .u-pl--164 {
    padding-left: 164px !important
  }

  #recommendContents .u-px--164 {
    padding-left: 164px !important;
    padding-right: 164px !important
  }

  #recommendContents .u-py--164 {
    padding-bottom: 164px !important;
    padding-top: 164px !important
  }

  #recommendContents .u-m--165 {
    margin: 165px !important
  }

  #recommendContents .u-mt--165 {
    margin-top: 165px !important
  }

  #recommendContents .u-mr--165 {
    margin-right: 165px !important
  }

  #recommendContents .u-mb--165 {
    margin-bottom: 165px !important
  }

  #recommendContents .u-ml--165 {
    margin-left: 165px !important
  }

  #recommendContents .u-mx--165 {
    margin-left: 165px !important;
    margin-right: 165px !important
  }

  #recommendContents .u-my--165 {
    margin-bottom: 165px !important;
    margin-top: 165px !important
  }

  #recommendContents .u-p--165 {
    padding: 165px !important
  }

  #recommendContents .u-pt--165 {
    padding-top: 165px !important
  }

  #recommendContents .u-pr--165 {
    padding-right: 165px !important
  }

  #recommendContents .u-pb--165 {
    padding-bottom: 165px !important
  }

  #recommendContents .u-pl--165 {
    padding-left: 165px !important
  }

  #recommendContents .u-px--165 {
    padding-left: 165px !important;
    padding-right: 165px !important
  }

  #recommendContents .u-py--165 {
    padding-bottom: 165px !important;
    padding-top: 165px !important
  }

  #recommendContents .u-m--166 {
    margin: 166px !important
  }

  #recommendContents .u-mt--166 {
    margin-top: 166px !important
  }

  #recommendContents .u-mr--166 {
    margin-right: 166px !important
  }

  #recommendContents .u-mb--166 {
    margin-bottom: 166px !important
  }

  #recommendContents .u-ml--166 {
    margin-left: 166px !important
  }

  #recommendContents .u-mx--166 {
    margin-left: 166px !important;
    margin-right: 166px !important
  }

  #recommendContents .u-my--166 {
    margin-bottom: 166px !important;
    margin-top: 166px !important
  }

  #recommendContents .u-p--166 {
    padding: 166px !important
  }

  #recommendContents .u-pt--166 {
    padding-top: 166px !important
  }

  #recommendContents .u-pr--166 {
    padding-right: 166px !important
  }

  #recommendContents .u-pb--166 {
    padding-bottom: 166px !important
  }

  #recommendContents .u-pl--166 {
    padding-left: 166px !important
  }

  #recommendContents .u-px--166 {
    padding-left: 166px !important;
    padding-right: 166px !important
  }

  #recommendContents .u-py--166 {
    padding-bottom: 166px !important;
    padding-top: 166px !important
  }

  #recommendContents .u-m--167 {
    margin: 167px !important
  }

  #recommendContents .u-mt--167 {
    margin-top: 167px !important
  }

  #recommendContents .u-mr--167 {
    margin-right: 167px !important
  }

  #recommendContents .u-mb--167 {
    margin-bottom: 167px !important
  }

  #recommendContents .u-ml--167 {
    margin-left: 167px !important
  }

  #recommendContents .u-mx--167 {
    margin-left: 167px !important;
    margin-right: 167px !important
  }

  #recommendContents .u-my--167 {
    margin-bottom: 167px !important;
    margin-top: 167px !important
  }

  #recommendContents .u-p--167 {
    padding: 167px !important
  }

  #recommendContents .u-pt--167 {
    padding-top: 167px !important
  }

  #recommendContents .u-pr--167 {
    padding-right: 167px !important
  }

  #recommendContents .u-pb--167 {
    padding-bottom: 167px !important
  }

  #recommendContents .u-pl--167 {
    padding-left: 167px !important
  }

  #recommendContents .u-px--167 {
    padding-left: 167px !important;
    padding-right: 167px !important
  }

  #recommendContents .u-py--167 {
    padding-bottom: 167px !important;
    padding-top: 167px !important
  }

  #recommendContents .u-m--168 {
    margin: 168px !important
  }

  #recommendContents .u-mt--168 {
    margin-top: 168px !important
  }

  #recommendContents .u-mr--168 {
    margin-right: 168px !important
  }

  #recommendContents .u-mb--168 {
    margin-bottom: 168px !important
  }

  #recommendContents .u-ml--168 {
    margin-left: 168px !important
  }

  #recommendContents .u-mx--168 {
    margin-left: 168px !important;
    margin-right: 168px !important
  }

  #recommendContents .u-my--168 {
    margin-bottom: 168px !important;
    margin-top: 168px !important
  }

  #recommendContents .u-p--168 {
    padding: 168px !important
  }

  #recommendContents .u-pt--168 {
    padding-top: 168px !important
  }

  #recommendContents .u-pr--168 {
    padding-right: 168px !important
  }

  #recommendContents .u-pb--168 {
    padding-bottom: 168px !important
  }

  #recommendContents .u-pl--168 {
    padding-left: 168px !important
  }

  #recommendContents .u-px--168 {
    padding-left: 168px !important;
    padding-right: 168px !important
  }

  #recommendContents .u-py--168 {
    padding-bottom: 168px !important;
    padding-top: 168px !important
  }

  #recommendContents .u-m--169 {
    margin: 169px !important
  }

  #recommendContents .u-mt--169 {
    margin-top: 169px !important
  }

  #recommendContents .u-mr--169 {
    margin-right: 169px !important
  }

  #recommendContents .u-mb--169 {
    margin-bottom: 169px !important
  }

  #recommendContents .u-ml--169 {
    margin-left: 169px !important
  }

  #recommendContents .u-mx--169 {
    margin-left: 169px !important;
    margin-right: 169px !important
  }

  #recommendContents .u-my--169 {
    margin-bottom: 169px !important;
    margin-top: 169px !important
  }

  #recommendContents .u-p--169 {
    padding: 169px !important
  }

  #recommendContents .u-pt--169 {
    padding-top: 169px !important
  }

  #recommendContents .u-pr--169 {
    padding-right: 169px !important
  }

  #recommendContents .u-pb--169 {
    padding-bottom: 169px !important
  }

  #recommendContents .u-pl--169 {
    padding-left: 169px !important
  }

  #recommendContents .u-px--169 {
    padding-left: 169px !important;
    padding-right: 169px !important
  }

  #recommendContents .u-py--169 {
    padding-bottom: 169px !important;
    padding-top: 169px !important
  }

  #recommendContents .u-m--170 {
    margin: 170px !important
  }

  #recommendContents .u-mt--170 {
    margin-top: 170px !important
  }

  #recommendContents .u-mr--170 {
    margin-right: 170px !important
  }

  #recommendContents .u-mb--170 {
    margin-bottom: 170px !important
  }

  #recommendContents .u-ml--170 {
    margin-left: 170px !important
  }

  #recommendContents .u-mx--170 {
    margin-left: 170px !important;
    margin-right: 170px !important
  }

  #recommendContents .u-my--170 {
    margin-bottom: 170px !important;
    margin-top: 170px !important
  }

  #recommendContents .u-p--170 {
    padding: 170px !important
  }

  #recommendContents .u-pt--170 {
    padding-top: 170px !important
  }

  #recommendContents .u-pr--170 {
    padding-right: 170px !important
  }

  #recommendContents .u-pb--170 {
    padding-bottom: 170px !important
  }

  #recommendContents .u-pl--170 {
    padding-left: 170px !important
  }

  #recommendContents .u-px--170 {
    padding-left: 170px !important;
    padding-right: 170px !important
  }

  #recommendContents .u-py--170 {
    padding-bottom: 170px !important;
    padding-top: 170px !important
  }

  #recommendContents .u-m--171 {
    margin: 171px !important
  }

  #recommendContents .u-mt--171 {
    margin-top: 171px !important
  }

  #recommendContents .u-mr--171 {
    margin-right: 171px !important
  }

  #recommendContents .u-mb--171 {
    margin-bottom: 171px !important
  }

  #recommendContents .u-ml--171 {
    margin-left: 171px !important
  }

  #recommendContents .u-mx--171 {
    margin-left: 171px !important;
    margin-right: 171px !important
  }

  #recommendContents .u-my--171 {
    margin-bottom: 171px !important;
    margin-top: 171px !important
  }

  #recommendContents .u-p--171 {
    padding: 171px !important
  }

  #recommendContents .u-pt--171 {
    padding-top: 171px !important
  }

  #recommendContents .u-pr--171 {
    padding-right: 171px !important
  }

  #recommendContents .u-pb--171 {
    padding-bottom: 171px !important
  }

  #recommendContents .u-pl--171 {
    padding-left: 171px !important
  }

  #recommendContents .u-px--171 {
    padding-left: 171px !important;
    padding-right: 171px !important
  }

  #recommendContents .u-py--171 {
    padding-bottom: 171px !important;
    padding-top: 171px !important
  }

  #recommendContents .u-m--172 {
    margin: 172px !important
  }

  #recommendContents .u-mt--172 {
    margin-top: 172px !important
  }

  #recommendContents .u-mr--172 {
    margin-right: 172px !important
  }

  #recommendContents .u-mb--172 {
    margin-bottom: 172px !important
  }

  #recommendContents .u-ml--172 {
    margin-left: 172px !important
  }

  #recommendContents .u-mx--172 {
    margin-left: 172px !important;
    margin-right: 172px !important
  }

  #recommendContents .u-my--172 {
    margin-bottom: 172px !important;
    margin-top: 172px !important
  }

  #recommendContents .u-p--172 {
    padding: 172px !important
  }

  #recommendContents .u-pt--172 {
    padding-top: 172px !important
  }

  #recommendContents .u-pr--172 {
    padding-right: 172px !important
  }

  #recommendContents .u-pb--172 {
    padding-bottom: 172px !important
  }

  #recommendContents .u-pl--172 {
    padding-left: 172px !important
  }

  #recommendContents .u-px--172 {
    padding-left: 172px !important;
    padding-right: 172px !important
  }

  #recommendContents .u-py--172 {
    padding-bottom: 172px !important;
    padding-top: 172px !important
  }

  #recommendContents .u-m--173 {
    margin: 173px !important
  }

  #recommendContents .u-mt--173 {
    margin-top: 173px !important
  }

  #recommendContents .u-mr--173 {
    margin-right: 173px !important
  }

  #recommendContents .u-mb--173 {
    margin-bottom: 173px !important
  }

  #recommendContents .u-ml--173 {
    margin-left: 173px !important
  }

  #recommendContents .u-mx--173 {
    margin-left: 173px !important;
    margin-right: 173px !important
  }

  #recommendContents .u-my--173 {
    margin-bottom: 173px !important;
    margin-top: 173px !important
  }

  #recommendContents .u-p--173 {
    padding: 173px !important
  }

  #recommendContents .u-pt--173 {
    padding-top: 173px !important
  }

  #recommendContents .u-pr--173 {
    padding-right: 173px !important
  }

  #recommendContents .u-pb--173 {
    padding-bottom: 173px !important
  }

  #recommendContents .u-pl--173 {
    padding-left: 173px !important
  }

  #recommendContents .u-px--173 {
    padding-left: 173px !important;
    padding-right: 173px !important
  }

  #recommendContents .u-py--173 {
    padding-bottom: 173px !important;
    padding-top: 173px !important
  }

  #recommendContents .u-m--174 {
    margin: 174px !important
  }

  #recommendContents .u-mt--174 {
    margin-top: 174px !important
  }

  #recommendContents .u-mr--174 {
    margin-right: 174px !important
  }

  #recommendContents .u-mb--174 {
    margin-bottom: 174px !important
  }

  #recommendContents .u-ml--174 {
    margin-left: 174px !important
  }

  #recommendContents .u-mx--174 {
    margin-left: 174px !important;
    margin-right: 174px !important
  }

  #recommendContents .u-my--174 {
    margin-bottom: 174px !important;
    margin-top: 174px !important
  }

  #recommendContents .u-p--174 {
    padding: 174px !important
  }

  #recommendContents .u-pt--174 {
    padding-top: 174px !important
  }

  #recommendContents .u-pr--174 {
    padding-right: 174px !important
  }

  #recommendContents .u-pb--174 {
    padding-bottom: 174px !important
  }

  #recommendContents .u-pl--174 {
    padding-left: 174px !important
  }

  #recommendContents .u-px--174 {
    padding-left: 174px !important;
    padding-right: 174px !important
  }

  #recommendContents .u-py--174 {
    padding-bottom: 174px !important;
    padding-top: 174px !important
  }

  #recommendContents .u-m--175 {
    margin: 175px !important
  }

  #recommendContents .u-mt--175 {
    margin-top: 175px !important
  }

  #recommendContents .u-mr--175 {
    margin-right: 175px !important
  }

  #recommendContents .u-mb--175 {
    margin-bottom: 175px !important
  }

  #recommendContents .u-ml--175 {
    margin-left: 175px !important
  }

  #recommendContents .u-mx--175 {
    margin-left: 175px !important;
    margin-right: 175px !important
  }

  #recommendContents .u-my--175 {
    margin-bottom: 175px !important;
    margin-top: 175px !important
  }

  #recommendContents .u-p--175 {
    padding: 175px !important
  }

  #recommendContents .u-pt--175 {
    padding-top: 175px !important
  }

  #recommendContents .u-pr--175 {
    padding-right: 175px !important
  }

  #recommendContents .u-pb--175 {
    padding-bottom: 175px !important
  }

  #recommendContents .u-pl--175 {
    padding-left: 175px !important
  }

  #recommendContents .u-px--175 {
    padding-left: 175px !important;
    padding-right: 175px !important
  }

  #recommendContents .u-py--175 {
    padding-bottom: 175px !important;
    padding-top: 175px !important
  }

  #recommendContents .u-m--176 {
    margin: 176px !important
  }

  #recommendContents .u-mt--176 {
    margin-top: 176px !important
  }

  #recommendContents .u-mr--176 {
    margin-right: 176px !important
  }

  #recommendContents .u-mb--176 {
    margin-bottom: 176px !important
  }

  #recommendContents .u-ml--176 {
    margin-left: 176px !important
  }

  #recommendContents .u-mx--176 {
    margin-left: 176px !important;
    margin-right: 176px !important
  }

  #recommendContents .u-my--176 {
    margin-bottom: 176px !important;
    margin-top: 176px !important
  }

  #recommendContents .u-p--176 {
    padding: 176px !important
  }

  #recommendContents .u-pt--176 {
    padding-top: 176px !important
  }

  #recommendContents .u-pr--176 {
    padding-right: 176px !important
  }

  #recommendContents .u-pb--176 {
    padding-bottom: 176px !important
  }

  #recommendContents .u-pl--176 {
    padding-left: 176px !important
  }

  #recommendContents .u-px--176 {
    padding-left: 176px !important;
    padding-right: 176px !important
  }

  #recommendContents .u-py--176 {
    padding-bottom: 176px !important;
    padding-top: 176px !important
  }

  #recommendContents .u-m--177 {
    margin: 177px !important
  }

  #recommendContents .u-mt--177 {
    margin-top: 177px !important
  }

  #recommendContents .u-mr--177 {
    margin-right: 177px !important
  }

  #recommendContents .u-mb--177 {
    margin-bottom: 177px !important
  }

  #recommendContents .u-ml--177 {
    margin-left: 177px !important
  }

  #recommendContents .u-mx--177 {
    margin-left: 177px !important;
    margin-right: 177px !important
  }

  #recommendContents .u-my--177 {
    margin-bottom: 177px !important;
    margin-top: 177px !important
  }

  #recommendContents .u-p--177 {
    padding: 177px !important
  }

  #recommendContents .u-pt--177 {
    padding-top: 177px !important
  }

  #recommendContents .u-pr--177 {
    padding-right: 177px !important
  }

  #recommendContents .u-pb--177 {
    padding-bottom: 177px !important
  }

  #recommendContents .u-pl--177 {
    padding-left: 177px !important
  }

  #recommendContents .u-px--177 {
    padding-left: 177px !important;
    padding-right: 177px !important
  }

  #recommendContents .u-py--177 {
    padding-bottom: 177px !important;
    padding-top: 177px !important
  }

  #recommendContents .u-m--178 {
    margin: 178px !important
  }

  #recommendContents .u-mt--178 {
    margin-top: 178px !important
  }

  #recommendContents .u-mr--178 {
    margin-right: 178px !important
  }

  #recommendContents .u-mb--178 {
    margin-bottom: 178px !important
  }

  #recommendContents .u-ml--178 {
    margin-left: 178px !important
  }

  #recommendContents .u-mx--178 {
    margin-left: 178px !important;
    margin-right: 178px !important
  }

  #recommendContents .u-my--178 {
    margin-bottom: 178px !important;
    margin-top: 178px !important
  }

  #recommendContents .u-p--178 {
    padding: 178px !important
  }

  #recommendContents .u-pt--178 {
    padding-top: 178px !important
  }

  #recommendContents .u-pr--178 {
    padding-right: 178px !important
  }

  #recommendContents .u-pb--178 {
    padding-bottom: 178px !important
  }

  #recommendContents .u-pl--178 {
    padding-left: 178px !important
  }

  #recommendContents .u-px--178 {
    padding-left: 178px !important;
    padding-right: 178px !important
  }

  #recommendContents .u-py--178 {
    padding-bottom: 178px !important;
    padding-top: 178px !important
  }

  #recommendContents .u-m--179 {
    margin: 179px !important
  }

  #recommendContents .u-mt--179 {
    margin-top: 179px !important
  }

  #recommendContents .u-mr--179 {
    margin-right: 179px !important
  }

  #recommendContents .u-mb--179 {
    margin-bottom: 179px !important
  }

  #recommendContents .u-ml--179 {
    margin-left: 179px !important
  }

  #recommendContents .u-mx--179 {
    margin-left: 179px !important;
    margin-right: 179px !important
  }

  #recommendContents .u-my--179 {
    margin-bottom: 179px !important;
    margin-top: 179px !important
  }

  #recommendContents .u-p--179 {
    padding: 179px !important
  }

  #recommendContents .u-pt--179 {
    padding-top: 179px !important
  }

  #recommendContents .u-pr--179 {
    padding-right: 179px !important
  }

  #recommendContents .u-pb--179 {
    padding-bottom: 179px !important
  }

  #recommendContents .u-pl--179 {
    padding-left: 179px !important
  }

  #recommendContents .u-px--179 {
    padding-left: 179px !important;
    padding-right: 179px !important
  }

  #recommendContents .u-py--179 {
    padding-bottom: 179px !important;
    padding-top: 179px !important
  }

  #recommendContents .u-m--180 {
    margin: 180px !important
  }

  #recommendContents .u-mt--180 {
    margin-top: 180px !important
  }

  #recommendContents .u-mr--180 {
    margin-right: 180px !important
  }

  #recommendContents .u-mb--180 {
    margin-bottom: 180px !important
  }

  #recommendContents .u-ml--180 {
    margin-left: 180px !important
  }

  #recommendContents .u-mx--180 {
    margin-left: 180px !important;
    margin-right: 180px !important
  }

  #recommendContents .u-my--180 {
    margin-bottom: 180px !important;
    margin-top: 180px !important
  }

  #recommendContents .u-p--180 {
    padding: 180px !important
  }

  #recommendContents .u-pt--180 {
    padding-top: 180px !important
  }

  #recommendContents .u-pr--180 {
    padding-right: 180px !important
  }

  #recommendContents .u-pb--180 {
    padding-bottom: 180px !important
  }

  #recommendContents .u-pl--180 {
    padding-left: 180px !important
  }

  #recommendContents .u-px--180 {
    padding-left: 180px !important;
    padding-right: 180px !important
  }

  #recommendContents .u-py--180 {
    padding-bottom: 180px !important;
    padding-top: 180px !important
  }

  #recommendContents .u-m--181 {
    margin: 181px !important
  }

  #recommendContents .u-mt--181 {
    margin-top: 181px !important
  }

  #recommendContents .u-mr--181 {
    margin-right: 181px !important
  }

  #recommendContents .u-mb--181 {
    margin-bottom: 181px !important
  }

  #recommendContents .u-ml--181 {
    margin-left: 181px !important
  }

  #recommendContents .u-mx--181 {
    margin-left: 181px !important;
    margin-right: 181px !important
  }

  #recommendContents .u-my--181 {
    margin-bottom: 181px !important;
    margin-top: 181px !important
  }

  #recommendContents .u-p--181 {
    padding: 181px !important
  }

  #recommendContents .u-pt--181 {
    padding-top: 181px !important
  }

  #recommendContents .u-pr--181 {
    padding-right: 181px !important
  }

  #recommendContents .u-pb--181 {
    padding-bottom: 181px !important
  }

  #recommendContents .u-pl--181 {
    padding-left: 181px !important
  }

  #recommendContents .u-px--181 {
    padding-left: 181px !important;
    padding-right: 181px !important
  }

  #recommendContents .u-py--181 {
    padding-bottom: 181px !important;
    padding-top: 181px !important
  }

  #recommendContents .u-m--182 {
    margin: 182px !important
  }

  #recommendContents .u-mt--182 {
    margin-top: 182px !important
  }

  #recommendContents .u-mr--182 {
    margin-right: 182px !important
  }

  #recommendContents .u-mb--182 {
    margin-bottom: 182px !important
  }

  #recommendContents .u-ml--182 {
    margin-left: 182px !important
  }

  #recommendContents .u-mx--182 {
    margin-left: 182px !important;
    margin-right: 182px !important
  }

  #recommendContents .u-my--182 {
    margin-bottom: 182px !important;
    margin-top: 182px !important
  }

  #recommendContents .u-p--182 {
    padding: 182px !important
  }

  #recommendContents .u-pt--182 {
    padding-top: 182px !important
  }

  #recommendContents .u-pr--182 {
    padding-right: 182px !important
  }

  #recommendContents .u-pb--182 {
    padding-bottom: 182px !important
  }

  #recommendContents .u-pl--182 {
    padding-left: 182px !important
  }

  #recommendContents .u-px--182 {
    padding-left: 182px !important;
    padding-right: 182px !important
  }

  #recommendContents .u-py--182 {
    padding-bottom: 182px !important;
    padding-top: 182px !important
  }

  #recommendContents .u-m--183 {
    margin: 183px !important
  }

  #recommendContents .u-mt--183 {
    margin-top: 183px !important
  }

  #recommendContents .u-mr--183 {
    margin-right: 183px !important
  }

  #recommendContents .u-mb--183 {
    margin-bottom: 183px !important
  }

  #recommendContents .u-ml--183 {
    margin-left: 183px !important
  }

  #recommendContents .u-mx--183 {
    margin-left: 183px !important;
    margin-right: 183px !important
  }

  #recommendContents .u-my--183 {
    margin-bottom: 183px !important;
    margin-top: 183px !important
  }

  #recommendContents .u-p--183 {
    padding: 183px !important
  }

  #recommendContents .u-pt--183 {
    padding-top: 183px !important
  }

  #recommendContents .u-pr--183 {
    padding-right: 183px !important
  }

  #recommendContents .u-pb--183 {
    padding-bottom: 183px !important
  }

  #recommendContents .u-pl--183 {
    padding-left: 183px !important
  }

  #recommendContents .u-px--183 {
    padding-left: 183px !important;
    padding-right: 183px !important
  }

  #recommendContents .u-py--183 {
    padding-bottom: 183px !important;
    padding-top: 183px !important
  }

  #recommendContents .u-m--184 {
    margin: 184px !important
  }

  #recommendContents .u-mt--184 {
    margin-top: 184px !important
  }

  #recommendContents .u-mr--184 {
    margin-right: 184px !important
  }

  #recommendContents .u-mb--184 {
    margin-bottom: 184px !important
  }

  #recommendContents .u-ml--184 {
    margin-left: 184px !important
  }

  #recommendContents .u-mx--184 {
    margin-left: 184px !important;
    margin-right: 184px !important
  }

  #recommendContents .u-my--184 {
    margin-bottom: 184px !important;
    margin-top: 184px !important
  }

  #recommendContents .u-p--184 {
    padding: 184px !important
  }

  #recommendContents .u-pt--184 {
    padding-top: 184px !important
  }

  #recommendContents .u-pr--184 {
    padding-right: 184px !important
  }

  #recommendContents .u-pb--184 {
    padding-bottom: 184px !important
  }

  #recommendContents .u-pl--184 {
    padding-left: 184px !important
  }

  #recommendContents .u-px--184 {
    padding-left: 184px !important;
    padding-right: 184px !important
  }

  #recommendContents .u-py--184 {
    padding-bottom: 184px !important;
    padding-top: 184px !important
  }

  #recommendContents .u-m--185 {
    margin: 185px !important
  }

  #recommendContents .u-mt--185 {
    margin-top: 185px !important
  }

  #recommendContents .u-mr--185 {
    margin-right: 185px !important
  }

  #recommendContents .u-mb--185 {
    margin-bottom: 185px !important
  }

  #recommendContents .u-ml--185 {
    margin-left: 185px !important
  }

  #recommendContents .u-mx--185 {
    margin-left: 185px !important;
    margin-right: 185px !important
  }

  #recommendContents .u-my--185 {
    margin-bottom: 185px !important;
    margin-top: 185px !important
  }

  #recommendContents .u-p--185 {
    padding: 185px !important
  }

  #recommendContents .u-pt--185 {
    padding-top: 185px !important
  }

  #recommendContents .u-pr--185 {
    padding-right: 185px !important
  }

  #recommendContents .u-pb--185 {
    padding-bottom: 185px !important
  }

  #recommendContents .u-pl--185 {
    padding-left: 185px !important
  }

  #recommendContents .u-px--185 {
    padding-left: 185px !important;
    padding-right: 185px !important
  }

  #recommendContents .u-py--185 {
    padding-bottom: 185px !important;
    padding-top: 185px !important
  }

  #recommendContents .u-m--186 {
    margin: 186px !important
  }

  #recommendContents .u-mt--186 {
    margin-top: 186px !important
  }

  #recommendContents .u-mr--186 {
    margin-right: 186px !important
  }

  #recommendContents .u-mb--186 {
    margin-bottom: 186px !important
  }

  #recommendContents .u-ml--186 {
    margin-left: 186px !important
  }

  #recommendContents .u-mx--186 {
    margin-left: 186px !important;
    margin-right: 186px !important
  }

  #recommendContents .u-my--186 {
    margin-bottom: 186px !important;
    margin-top: 186px !important
  }

  #recommendContents .u-p--186 {
    padding: 186px !important
  }

  #recommendContents .u-pt--186 {
    padding-top: 186px !important
  }

  #recommendContents .u-pr--186 {
    padding-right: 186px !important
  }

  #recommendContents .u-pb--186 {
    padding-bottom: 186px !important
  }

  #recommendContents .u-pl--186 {
    padding-left: 186px !important
  }

  #recommendContents .u-px--186 {
    padding-left: 186px !important;
    padding-right: 186px !important
  }

  #recommendContents .u-py--186 {
    padding-bottom: 186px !important;
    padding-top: 186px !important
  }

  #recommendContents .u-m--187 {
    margin: 187px !important
  }

  #recommendContents .u-mt--187 {
    margin-top: 187px !important
  }

  #recommendContents .u-mr--187 {
    margin-right: 187px !important
  }

  #recommendContents .u-mb--187 {
    margin-bottom: 187px !important
  }

  #recommendContents .u-ml--187 {
    margin-left: 187px !important
  }

  #recommendContents .u-mx--187 {
    margin-left: 187px !important;
    margin-right: 187px !important
  }

  #recommendContents .u-my--187 {
    margin-bottom: 187px !important;
    margin-top: 187px !important
  }

  #recommendContents .u-p--187 {
    padding: 187px !important
  }

  #recommendContents .u-pt--187 {
    padding-top: 187px !important
  }

  #recommendContents .u-pr--187 {
    padding-right: 187px !important
  }

  #recommendContents .u-pb--187 {
    padding-bottom: 187px !important
  }

  #recommendContents .u-pl--187 {
    padding-left: 187px !important
  }

  #recommendContents .u-px--187 {
    padding-left: 187px !important;
    padding-right: 187px !important
  }

  #recommendContents .u-py--187 {
    padding-bottom: 187px !important;
    padding-top: 187px !important
  }

  #recommendContents .u-m--188 {
    margin: 188px !important
  }

  #recommendContents .u-mt--188 {
    margin-top: 188px !important
  }

  #recommendContents .u-mr--188 {
    margin-right: 188px !important
  }

  #recommendContents .u-mb--188 {
    margin-bottom: 188px !important
  }

  #recommendContents .u-ml--188 {
    margin-left: 188px !important
  }

  #recommendContents .u-mx--188 {
    margin-left: 188px !important;
    margin-right: 188px !important
  }

  #recommendContents .u-my--188 {
    margin-bottom: 188px !important;
    margin-top: 188px !important
  }

  #recommendContents .u-p--188 {
    padding: 188px !important
  }

  #recommendContents .u-pt--188 {
    padding-top: 188px !important
  }

  #recommendContents .u-pr--188 {
    padding-right: 188px !important
  }

  #recommendContents .u-pb--188 {
    padding-bottom: 188px !important
  }

  #recommendContents .u-pl--188 {
    padding-left: 188px !important
  }

  #recommendContents .u-px--188 {
    padding-left: 188px !important;
    padding-right: 188px !important
  }

  #recommendContents .u-py--188 {
    padding-bottom: 188px !important;
    padding-top: 188px !important
  }

  #recommendContents .u-m--189 {
    margin: 189px !important
  }

  #recommendContents .u-mt--189 {
    margin-top: 189px !important
  }

  #recommendContents .u-mr--189 {
    margin-right: 189px !important
  }

  #recommendContents .u-mb--189 {
    margin-bottom: 189px !important
  }

  #recommendContents .u-ml--189 {
    margin-left: 189px !important
  }

  #recommendContents .u-mx--189 {
    margin-left: 189px !important;
    margin-right: 189px !important
  }

  #recommendContents .u-my--189 {
    margin-bottom: 189px !important;
    margin-top: 189px !important
  }

  #recommendContents .u-p--189 {
    padding: 189px !important
  }

  #recommendContents .u-pt--189 {
    padding-top: 189px !important
  }

  #recommendContents .u-pr--189 {
    padding-right: 189px !important
  }

  #recommendContents .u-pb--189 {
    padding-bottom: 189px !important
  }

  #recommendContents .u-pl--189 {
    padding-left: 189px !important
  }

  #recommendContents .u-px--189 {
    padding-left: 189px !important;
    padding-right: 189px !important
  }

  #recommendContents .u-py--189 {
    padding-bottom: 189px !important;
    padding-top: 189px !important
  }

  #recommendContents .u-m--190 {
    margin: 190px !important
  }

  #recommendContents .u-mt--190 {
    margin-top: 190px !important
  }

  #recommendContents .u-mr--190 {
    margin-right: 190px !important
  }

  #recommendContents .u-mb--190 {
    margin-bottom: 190px !important
  }

  #recommendContents .u-ml--190 {
    margin-left: 190px !important
  }

  #recommendContents .u-mx--190 {
    margin-left: 190px !important;
    margin-right: 190px !important
  }

  #recommendContents .u-my--190 {
    margin-bottom: 190px !important;
    margin-top: 190px !important
  }

  #recommendContents .u-p--190 {
    padding: 190px !important
  }

  #recommendContents .u-pt--190 {
    padding-top: 190px !important
  }

  #recommendContents .u-pr--190 {
    padding-right: 190px !important
  }

  #recommendContents .u-pb--190 {
    padding-bottom: 190px !important
  }

  #recommendContents .u-pl--190 {
    padding-left: 190px !important
  }

  #recommendContents .u-px--190 {
    padding-left: 190px !important;
    padding-right: 190px !important
  }

  #recommendContents .u-py--190 {
    padding-bottom: 190px !important;
    padding-top: 190px !important
  }

  #recommendContents .u-m--191 {
    margin: 191px !important
  }

  #recommendContents .u-mt--191 {
    margin-top: 191px !important
  }

  #recommendContents .u-mr--191 {
    margin-right: 191px !important
  }

  #recommendContents .u-mb--191 {
    margin-bottom: 191px !important
  }

  #recommendContents .u-ml--191 {
    margin-left: 191px !important
  }

  #recommendContents .u-mx--191 {
    margin-left: 191px !important;
    margin-right: 191px !important
  }

  #recommendContents .u-my--191 {
    margin-bottom: 191px !important;
    margin-top: 191px !important
  }

  #recommendContents .u-p--191 {
    padding: 191px !important
  }

  #recommendContents .u-pt--191 {
    padding-top: 191px !important
  }

  #recommendContents .u-pr--191 {
    padding-right: 191px !important
  }

  #recommendContents .u-pb--191 {
    padding-bottom: 191px !important
  }

  #recommendContents .u-pl--191 {
    padding-left: 191px !important
  }

  #recommendContents .u-px--191 {
    padding-left: 191px !important;
    padding-right: 191px !important
  }

  #recommendContents .u-py--191 {
    padding-bottom: 191px !important;
    padding-top: 191px !important
  }

  #recommendContents .u-m--192 {
    margin: 192px !important
  }

  #recommendContents .u-mt--192 {
    margin-top: 192px !important
  }

  #recommendContents .u-mr--192 {
    margin-right: 192px !important
  }

  #recommendContents .u-mb--192 {
    margin-bottom: 192px !important
  }

  #recommendContents .u-ml--192 {
    margin-left: 192px !important
  }

  #recommendContents .u-mx--192 {
    margin-left: 192px !important;
    margin-right: 192px !important
  }

  #recommendContents .u-my--192 {
    margin-bottom: 192px !important;
    margin-top: 192px !important
  }

  #recommendContents .u-p--192 {
    padding: 192px !important
  }

  #recommendContents .u-pt--192 {
    padding-top: 192px !important
  }

  #recommendContents .u-pr--192 {
    padding-right: 192px !important
  }

  #recommendContents .u-pb--192 {
    padding-bottom: 192px !important
  }

  #recommendContents .u-pl--192 {
    padding-left: 192px !important
  }

  #recommendContents .u-px--192 {
    padding-left: 192px !important;
    padding-right: 192px !important
  }

  #recommendContents .u-py--192 {
    padding-bottom: 192px !important;
    padding-top: 192px !important
  }

  #recommendContents .u-m--193 {
    margin: 193px !important
  }

  #recommendContents .u-mt--193 {
    margin-top: 193px !important
  }

  #recommendContents .u-mr--193 {
    margin-right: 193px !important
  }

  #recommendContents .u-mb--193 {
    margin-bottom: 193px !important
  }

  #recommendContents .u-ml--193 {
    margin-left: 193px !important
  }

  #recommendContents .u-mx--193 {
    margin-left: 193px !important;
    margin-right: 193px !important
  }

  #recommendContents .u-my--193 {
    margin-bottom: 193px !important;
    margin-top: 193px !important
  }

  #recommendContents .u-p--193 {
    padding: 193px !important
  }

  #recommendContents .u-pt--193 {
    padding-top: 193px !important
  }

  #recommendContents .u-pr--193 {
    padding-right: 193px !important
  }

  #recommendContents .u-pb--193 {
    padding-bottom: 193px !important
  }

  #recommendContents .u-pl--193 {
    padding-left: 193px !important
  }

  #recommendContents .u-px--193 {
    padding-left: 193px !important;
    padding-right: 193px !important
  }

  #recommendContents .u-py--193 {
    padding-bottom: 193px !important;
    padding-top: 193px !important
  }

  #recommendContents .u-m--194 {
    margin: 194px !important
  }

  #recommendContents .u-mt--194 {
    margin-top: 194px !important
  }

  #recommendContents .u-mr--194 {
    margin-right: 194px !important
  }

  #recommendContents .u-mb--194 {
    margin-bottom: 194px !important
  }

  #recommendContents .u-ml--194 {
    margin-left: 194px !important
  }

  #recommendContents .u-mx--194 {
    margin-left: 194px !important;
    margin-right: 194px !important
  }

  #recommendContents .u-my--194 {
    margin-bottom: 194px !important;
    margin-top: 194px !important
  }

  #recommendContents .u-p--194 {
    padding: 194px !important
  }

  #recommendContents .u-pt--194 {
    padding-top: 194px !important
  }

  #recommendContents .u-pr--194 {
    padding-right: 194px !important
  }

  #recommendContents .u-pb--194 {
    padding-bottom: 194px !important
  }

  #recommendContents .u-pl--194 {
    padding-left: 194px !important
  }

  #recommendContents .u-px--194 {
    padding-left: 194px !important;
    padding-right: 194px !important
  }

  #recommendContents .u-py--194 {
    padding-bottom: 194px !important;
    padding-top: 194px !important
  }

  #recommendContents .u-m--195 {
    margin: 195px !important
  }

  #recommendContents .u-mt--195 {
    margin-top: 195px !important
  }

  #recommendContents .u-mr--195 {
    margin-right: 195px !important
  }

  #recommendContents .u-mb--195 {
    margin-bottom: 195px !important
  }

  #recommendContents .u-ml--195 {
    margin-left: 195px !important
  }

  #recommendContents .u-mx--195 {
    margin-left: 195px !important;
    margin-right: 195px !important
  }

  #recommendContents .u-my--195 {
    margin-bottom: 195px !important;
    margin-top: 195px !important
  }

  #recommendContents .u-p--195 {
    padding: 195px !important
  }

  #recommendContents .u-pt--195 {
    padding-top: 195px !important
  }

  #recommendContents .u-pr--195 {
    padding-right: 195px !important
  }

  #recommendContents .u-pb--195 {
    padding-bottom: 195px !important
  }

  #recommendContents .u-pl--195 {
    padding-left: 195px !important
  }

  #recommendContents .u-px--195 {
    padding-left: 195px !important;
    padding-right: 195px !important
  }

  #recommendContents .u-py--195 {
    padding-bottom: 195px !important;
    padding-top: 195px !important
  }

  #recommendContents .u-m--196 {
    margin: 196px !important
  }

  #recommendContents .u-mt--196 {
    margin-top: 196px !important
  }

  #recommendContents .u-mr--196 {
    margin-right: 196px !important
  }

  #recommendContents .u-mb--196 {
    margin-bottom: 196px !important
  }

  #recommendContents .u-ml--196 {
    margin-left: 196px !important
  }

  #recommendContents .u-mx--196 {
    margin-left: 196px !important;
    margin-right: 196px !important
  }

  #recommendContents .u-my--196 {
    margin-bottom: 196px !important;
    margin-top: 196px !important
  }

  #recommendContents .u-p--196 {
    padding: 196px !important
  }

  #recommendContents .u-pt--196 {
    padding-top: 196px !important
  }

  #recommendContents .u-pr--196 {
    padding-right: 196px !important
  }

  #recommendContents .u-pb--196 {
    padding-bottom: 196px !important
  }

  #recommendContents .u-pl--196 {
    padding-left: 196px !important
  }

  #recommendContents .u-px--196 {
    padding-left: 196px !important;
    padding-right: 196px !important
  }

  #recommendContents .u-py--196 {
    padding-bottom: 196px !important;
    padding-top: 196px !important
  }

  #recommendContents .u-m--197 {
    margin: 197px !important
  }

  #recommendContents .u-mt--197 {
    margin-top: 197px !important
  }

  #recommendContents .u-mr--197 {
    margin-right: 197px !important
  }

  #recommendContents .u-mb--197 {
    margin-bottom: 197px !important
  }

  #recommendContents .u-ml--197 {
    margin-left: 197px !important
  }

  #recommendContents .u-mx--197 {
    margin-left: 197px !important;
    margin-right: 197px !important
  }

  #recommendContents .u-my--197 {
    margin-bottom: 197px !important;
    margin-top: 197px !important
  }

  #recommendContents .u-p--197 {
    padding: 197px !important
  }

  #recommendContents .u-pt--197 {
    padding-top: 197px !important
  }

  #recommendContents .u-pr--197 {
    padding-right: 197px !important
  }

  #recommendContents .u-pb--197 {
    padding-bottom: 197px !important
  }

  #recommendContents .u-pl--197 {
    padding-left: 197px !important
  }

  #recommendContents .u-px--197 {
    padding-left: 197px !important;
    padding-right: 197px !important
  }

  #recommendContents .u-py--197 {
    padding-bottom: 197px !important;
    padding-top: 197px !important
  }

  #recommendContents .u-m--198 {
    margin: 198px !important
  }

  #recommendContents .u-mt--198 {
    margin-top: 198px !important
  }

  #recommendContents .u-mr--198 {
    margin-right: 198px !important
  }

  #recommendContents .u-mb--198 {
    margin-bottom: 198px !important
  }

  #recommendContents .u-ml--198 {
    margin-left: 198px !important
  }

  #recommendContents .u-mx--198 {
    margin-left: 198px !important;
    margin-right: 198px !important
  }

  #recommendContents .u-my--198 {
    margin-bottom: 198px !important;
    margin-top: 198px !important
  }

  #recommendContents .u-p--198 {
    padding: 198px !important
  }

  #recommendContents .u-pt--198 {
    padding-top: 198px !important
  }

  #recommendContents .u-pr--198 {
    padding-right: 198px !important
  }

  #recommendContents .u-pb--198 {
    padding-bottom: 198px !important
  }

  #recommendContents .u-pl--198 {
    padding-left: 198px !important
  }

  #recommendContents .u-px--198 {
    padding-left: 198px !important;
    padding-right: 198px !important
  }

  #recommendContents .u-py--198 {
    padding-bottom: 198px !important;
    padding-top: 198px !important
  }

  #recommendContents .u-m--199 {
    margin: 199px !important
  }

  #recommendContents .u-mt--199 {
    margin-top: 199px !important
  }

  #recommendContents .u-mr--199 {
    margin-right: 199px !important
  }

  #recommendContents .u-mb--199 {
    margin-bottom: 199px !important
  }

  #recommendContents .u-ml--199 {
    margin-left: 199px !important
  }

  #recommendContents .u-mx--199 {
    margin-left: 199px !important;
    margin-right: 199px !important
  }

  #recommendContents .u-my--199 {
    margin-bottom: 199px !important;
    margin-top: 199px !important
  }

  #recommendContents .u-p--199 {
    padding: 199px !important
  }

  #recommendContents .u-pt--199 {
    padding-top: 199px !important
  }

  #recommendContents .u-pr--199 {
    padding-right: 199px !important
  }

  #recommendContents .u-pb--199 {
    padding-bottom: 199px !important
  }

  #recommendContents .u-pl--199 {
    padding-left: 199px !important
  }

  #recommendContents .u-px--199 {
    padding-left: 199px !important;
    padding-right: 199px !important
  }

  #recommendContents .u-py--199 {
    padding-bottom: 199px !important;
    padding-top: 199px !important
  }

  #recommendContents .u-m--200 {
    margin: 200px !important
  }

  #recommendContents .u-mt--200 {
    margin-top: 200px !important
  }

  #recommendContents .u-mr--200 {
    margin-right: 200px !important
  }

  #recommendContents .u-mb--200 {
    margin-bottom: 200px !important
  }

  #recommendContents .u-ml--200 {
    margin-left: 200px !important
  }

  #recommendContents .u-mx--200 {
    margin-left: 200px !important;
    margin-right: 200px !important
  }

  #recommendContents .u-my--200 {
    margin-bottom: 200px !important;
    margin-top: 200px !important
  }

  #recommendContents .u-p--200 {
    padding: 200px !important
  }

  #recommendContents .u-pt--200 {
    padding-top: 200px !important
  }

  #recommendContents .u-pr--200 {
    padding-right: 200px !important
  }

  #recommendContents .u-pb--200 {
    padding-bottom: 200px !important
  }

  #recommendContents .u-pl--200 {
    padding-left: 200px !important
  }

  #recommendContents .u-px--200 {
    padding-left: 200px !important;
    padding-right: 200px !important
  }

  #recommendContents .u-py--200 {
    padding-bottom: 200px !important;
    padding-top: 200px !important
  }

  #recommendContents .u-mx--auto {
    margin-left: auto;
    margin-right: auto
  }
}

@media screen and (min-width:1180px) {

  #recommendContents .c-buttonContainer--fixed,
  body {
    padding-left: 180px
  }

  #recommendContents .c-flowTab {
    -webkit-transform: translate(calc(-50% + 90px));
    transform: translate(calc(-50% + 90px))
  }

  #recommendContents .c-flowTab__content {
    max-height: calc(100vh - 240px)
  }

  #recommendContents .page-flow .flow {
    height: calc(100% - 60px)
  }

  #recommendContents .page-flow .flow,
  #recommendContents .page-flow .header {
    left: 180px;
    top: 60px;
    width: calc(100% - 180px)
  }
}

@media screen and (max-width:320px) {
  #recommendContents .c-buttonContainer--fixed p {
    font-size: 10px
  }
}

@media screen and (max-width:767px) and (max-width:767px) {
  #recommendContents .plan-minimini .notes-ac-sp .miniminiPlanNote__detail:after {
    height: 8rem
  }

  #recommendContents .plan-minimini .notes-ac-sp .miniminiPlanNote__trigger {
    border-radius: 2rem;
    font-size: 2.8rem;
    gap: 2rem;
    height: 8rem;
    padding: 0 4rem
  }

  #recommendContents .plan-minimini .notes-ac-sp .miniminiPlanNote__trigger:before {
    height: 4rem;
    width: 4rem
  }
}

@media screen and (min-width:769px) {

  #recommendContents .tip-plan-aupay-opened,
  #recommendContents .tip-plan-setwari-condition-opened,
  #recommendContents .tip-plan-setwari-kazoku-opened,
  #recommendContents .tip-plan-setwari-opened {
    width: 690px
  }
}

@media screen and (max-width:768px) {
  #recommendContents .tip-plan-setwari .head h3 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 5vw;
    justify-content: center;
    margin: 0 0 2.6vw;
    padding: 0
  }

  #recommendContents .tip-plan-setwari .head h3:before {
    height: 10.6vw;
    margin: -2.4vw 1.3vw 0 0;
    position: static;
    width: 10.6vw
  }

  #recommendContents .tip-plan-setwari .head p {
    padding: 0
  }

  #recommendContents .tip-plan-setwari .note {
    font-size: 3.2vw;
    margin: 5.3vw 0 0
  }

  #recommendContents .tip-plan-setwari .courses {
    display: block;
    margin: 0
  }

  #recommendContents .tip-plan-setwari h4 {
    font-size: 4vw;
    padding: 0 0 0 1.3vw
  }

  #recommendContents .tip-plan-setwari h4:before {
    height: 9.6vw;
    margin: 0 1.3vw 0 0;
    width: 9.6vw
  }

  #recommendContents .tip-plan-setwari .course-net {
    margin: 5.3vw 0 0;
    padding: 0
  }

  #recommendContents .tip-plan-setwari .course-net .wrap {
    display: block;
    margin: 2.6vw 0 0
  }

  #recommendContents .tip-plan-setwari .course-net .box01 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 3.2vw;
    justify-content: center;
    line-height: 1.3;
    margin: 4vw 0 1vw;
    text-align: left
  }

  #recommendContents .tip-plan-setwari .course-net .box01 img {
    margin: 0 2.6vw 0 0;
    width: 10.6vw
  }

  #recommendContents .tip-plan-setwari .course-net .box01 .logo img {
    margin: 0 0 .5vw;
    width: 21.3vw
  }

  #recommendContents .tip-plan-setwari .course-net .plus {
    margin: 0 auto;
    width: 30px
  }

  #recommendContents .tip-plan-setwari .course-net .plus img {
    margin: 0;
    width: 8vw
  }

  #recommendContents .tip-plan-setwari .course-net .service {
    margin: 1.3vw 0 0
  }

  #recommendContents .tip-plan-setwari .course-net .boxes .box {
    font-size: 2.9vw
  }

  #recommendContents .tip-plan-setwari .course-net .boxes .box ul {
    font-size: 2.6vw
  }

  #recommendContents .tip-plan-setwari .course-net .boxes .box .logo img {
    margin: .4vw auto 1vw;
    width: 21.3vw
  }

  #recommendContents .tip-plan-setwari .course-denki {
    margin: 5.3vw 0 0;
    padding: 0
  }

  #recommendContents .tip-plan-setwari .course-denki .boxes {
    font-size: 3.4vw;
    margin: 1.3vw 0 0
  }

  #recommendContents .tip-plan-setwari .course-denki .boxes .box {
    -ms-flex-preferred-size: 43%;
    flex-basis: 43%
  }

  #recommendContents .tip-plan-setwari .course-denki .boxes .plus {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
  }

  #recommendContents .tip-plan-setwari .course-denki .boxes .plus img {
    margin: 10.1vw auto 0;
    width: 8vw
  }

  #recommendContents .tip-plan-setwari .course-denki .boxes .box01 {
    font-size: 3.2vw;
    margin: 6.6vw 0 0
  }

  #recommendContents .tip-plan-setwari .course-denki .boxes .box01 img {
    margin: 0 auto 1.3vw
  }

  #recommendContents .tip-plan-setwari .course-denki .boxes .box01 .logo img {
    margin: 0 auto .5vw;
    width: 21.3vw
  }

  #recommendContents .tip-plan-setwari .course-denki .boxes .box02 {
    margin: 0
  }

  #recommendContents .tip-plan-setwari .course-denki .boxes .box02 img {
    width: 21.8vw
  }

  #recommendContents .tip-plan-setwari .course-denki .boxes .box02 .logo {
    margin: 3.7vw auto 0;
    width: 25vw
  }

  #recommendContents .tip-plan-setwari-kazoku .row {
    display: block;
    padding: 0
  }

  #recommendContents .tip-plan-setwari-kazoku .head {
    border-bottom: 1px solid #000;
    padding: 2vw 0 4.6vw
  }

  #recommendContents .tip-plan-setwari-kazoku .head:before {
    content: none
  }

  #recommendContents .tip-plan-setwari-kazoku .head .catch {
    font-size: 4.4vw
  }

  #recommendContents .tip-plan-setwari-kazoku .head h3 {
    font-size: 8.4vw
  }

  #recommendContents .tip-plan-setwari-kazoku .head .note {
    font-size: 3.4vw;
    margin: 1.3vw 0 0
  }

  #recommendContents .tip-plan-setwari-kazoku .head .text {
    font-size: 5.2vw;
    margin: 1.8vw 0 1vw
  }

  #recommendContents .tip-plan-setwari-kazoku .head .price-block {
    display: block;
    margin: 0
  }

  #recommendContents .tip-plan-setwari-kazoku .head .price {
    font-size: 5.2vw;
    margin: 0 0 -15px
  }

  #recommendContents .tip-plan-setwari-kazoku .head .price div {
    margin: 7vw 0 0
  }

  #recommendContents .tip-plan-setwari-kazoku .head .price .num {
    font-size: 15.8vw;
    margin: 0 .04em 0 0
  }

  #recommendContents .tip-plan-setwari-kazoku .head .waribiki {
    font-size: 7.4;
    margin: 0
  }

  #recommendContents .tip-plan-setwari-kazoku .setwari-detail {
    font-size: 3.4vw;
    padding: 4vw 0 0
  }

  #recommendContents .tip-plan-setwari-kazoku .foot {
    margin: 4vw 0 0
  }

  #recommendContents .tip-plan-setwari-kazoku .foot .note {
    font-size: 3.4vw
  }

  #recommendContents .tip-plan-setwari-condition .head h3 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 5vw;
    justify-content: center;
    margin: 0 0 2.6vw;
    padding: 0
  }

  #recommendContents .tip-plan-setwari-condition .head h3:before {
    height: 10.6vw;
    margin: -2.4vw 1.3vw 0 0;
    position: static;
    width: 10.6vw
  }

  #recommendContents .tip-plan-setwari-condition .head p {
    padding: 0
  }

  #recommendContents .tip-plan-setwari-condition .table {
    margin: 2vw 0 4vw
  }

  #recommendContents .tip-plan-setwari-condition .note {
    font-size: 3.2vw
  }

  #recommendContents .tip-plan-aupay .row {
    display: block;
    padding: 0
  }

  #recommendContents .tip-plan-aupay .head {
    border-bottom: 1px solid #000;
    padding: 2vw 0 4.6vw
  }

  #recommendContents .tip-plan-aupay .head .catch {
    font-size: 4.4vw
  }

  #recommendContents .tip-plan-aupay .head h3 {
    font-size: 8.4vw;
    font-weight: inherit
  }

  #recommendContents .tip-plan-aupay .head .note {
    font-size: 3.4vw;
    margin: 1.3vw 0 0
  }

  #recommendContents .tip-plan-aupay .head .text {
    font-size: 4.4vw;
    margin: 1.8vw 0 1vw
  }

  #recommendContents .tip-plan-aupay .head .price-block {
    display: block;
    margin: 0
  }

  #recommendContents .tip-plan-aupay .head .price {
    font-size: 5.2vw;
    margin: 0 0 -15px
  }

  #recommendContents .tip-plan-aupay .head .price div {
    margin: 7vw 0 0
  }

  #recommendContents .tip-plan-aupay .head .price .num {
    font-size: 15.8vw;
    margin: 0 .04em 0 0
  }

  #recommendContents .tip-plan-aupay .head .waribiki {
    font-size: 7.4;
    margin: 0
  }

  #recommendContents .tip-plan-aupay .setwari-detail {
    font-size: 3.4vw;
    padding: 4vw 0 0
  }

  #recommendContents .tip-plan-aupay .setwari-detail:before {
    content: none
  }

  #recommendContents .tip-plan-aupay .foot {
    margin: 4vw 0 0
  }

  #recommendContents .tip-plan-aupay .foot .note {
    font-size: 3.4vw
  }
}

@media screen and (min-width: 768px) {
  #recommendContents .c-planSec--change .c-planSec__card+.c-modalNote__trigger[data-modal=modalPlanPriceOyako01a] {
    width: 258px;
  }
}

#recommendContents .modalPlanPriceFamily01 .c-priceModal__table td small,
#recommendContents .modalPlanPriceHome01 .c-priceModal__table td small {
  font-size: 84%
}

#recommendContents .modalPlanPriceFamily01 .c-priceModal__table td.align-c,
#recommendContents .modalPlanPriceHome01 .c-priceModal__table td.align-c {
  text-align: center;
}

#recommendContents .modalPlanPriceFamily01 .c-priceModal__table td.align-l,
#recommendContents .modalPlanPriceHome01 .c-priceModal__table td.align-l {
  text-align: left;
}

#recommendContents .comic_indent p {
  display: flex;
}

#recommendContents .comic_indent p span:first-child {
  flex: 0 0 2em;
}

/* ↓ feature_250723 */
#recommendContents .c-planSec--main--02 {
  margin-bottom: 0;
}

#recommendContents .c-planSec--main .c-planSec__ttl--sub .ttlName {
  margin-top: 0;
  top: 44%;
}

#recommendContents .c-planSec--main .c-planSec__wrap--sub {
  margin-top: 90px;
  margin-bottom: 5px;
}

#recommendContents .c-planSec--main .c-planSec__wrap--sub .ttlName {
  text-shadow: none;
}

#recommendContents .c-modal.modal-komikomi .c-modal__comics {
  max-width: 390px;
}

@media screen and (max-width: 767px) {
  #recommendContents .c-modal.modal-komikomi .c-modal__comics {
    max-width: none;
  }

}

#recommendContents .c-modal.modal-komikomi .c-modal__comics picture {
  display: block;
}

@media screen and (max-width: 767px) {
  #recommendContents .c-modal.modal-komikomi .c-modal__comics picture img {
    width: revert-layer;
  }
}

#recommendContents .c-modal.modalKakuyasu .c-modal__comics .img_02 {
  margin-top: -160px;
}

#recommendContents .c-modal.modalKakuyasu .c-modal__comics .img_04 {
  margin-top: 20px;
}

#recommendContents .c-modal.modal-komikomi .c-modal__comics .bg__pink {
  position: relative;
  margin-top: 55px;
  padding-top: 130px;
  padding-bottom: 27px;
  background: url(../img/komikomi2/comic/komikomi2_comic_bg_01.png) no-repeat top/cover;
  z-index: 1;
}

#recommendContents .c-modal.modal-komikomi .c-modal__comics .komikomi__wrap.bg__pink {
  background: url(../img/komikomi2/comic/komikomi2_comic_bg_03.png) no-repeat top/cover;
  background-size: 100% 100%;
}

#recommendContents .c-modal.modal-komikomi .c-modal__comics .bg__pink::before,
#recommendContents .c-modal.modal-komikomi .c-modal__comics .bg__pink::after {
  content: "";
  position: absolute;
  left: 0;
  width: 390px;
  height: 54px;
  background: url(../img/komikomi2/comic/komikomi2_comic_bg_02.png) no-repeat top/contain;
}

#recommendContents .c-modal.modal-komikomi .c-modal__comics .bg__pink::before {
  top: -3px;
}

#recommendContents .c-modal.modal-komikomi .c-modal__comics .bg__pink::after {
  bottom: -2px;
}

@media screen and (max-width: 767px) {
  #recommendContents .c-modal.modal-komikomi .c-modal__comics .bg__pink::before {
    top: -2px;
  }

  #recommendContents .c-modal.modal-komikomi .c-modal__comics .bg__pink::after {
    bottom: -3px;
  }

  #recommendContents .c-modal.modal-komikomi .c-modal__comics .bg__pink::before,
  #recommendContents .c-modal.modal-komikomi .c-modal__comics .bg__pink::after {
    width: 100%;
  }
}

#recommendContents .c-modal.modal-komikomi .c-modal__comics .img_ttl {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 276px;
}

#recommendContents .c-modal.modal-komikomi .c-modal__comics .box__white {
  margin-inline: 19px;
  padding: 26px 15px;
  border-radius: 15px;
  background-color: #fff;
}

#recommendContents .c-modal.modal-komikomi .komikomiPlan__note p {
  display: flex;
  gap: 10px;
}

#recommendContents .c-modal.modal-komikomi .komikomiPlan__note span:first-child {
  white-space: nowrap;
}

#recommendContents .c-modal.modal-komikomi .komikomiPlan__note span {
  display: inline-block;
  font-size: 14px;
}

#recommendContents .c-modal.modalKakmodal-komikomiyasu .no1__wrap .komikomiPlan__note span {
  line-height: 1.285714;
}

#recommendContents .c-modal.modal-komikomi .komikomiPlan__note a {
  color: #e4017e;
}

#recommendContents .c-modal.modal-komikomi .c-modal__comics .img_komikomi_bottom {
  margin-top: 25px;
}

#recommendContents .c-modal.modalKakuyasu .c-modal__comics .img_08 {
  position: relative;
  margin-top: -151px;
  clip-path: polygon(0 36%, 305% 0%, 100% 88%, 0% 100%);
  z-index: 0;
}

#recommendContents .c-modal.modal-komikomi .c-modal__comics .komikomi__wrap {
  margin-top: -60px;
  padding-bottom: 30px;
}

#recommendContents .c-modal.modal-komikomi .komikomiPlan__note a.pdf,
#recommendContents .c-modal.modal-komikomi .komikomiPlan__note a.blank {
  display: inline-block;
  position: relative;
  padding-right: 1.3em;
}

#recommendContents .c-modal.modal-komikomi .komikomiPlan__note a.pdf:before,
#recommendContents .c-modal.modal-komikomi .komikomiPlan__note a.blank:before {
  speak: none;
  background: url(/assets/v2/common/images/icon_pdf.png) no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  height: 1.25em;
  line-height: 1;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: none;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.25em;
}

#recommendContents .c-modal.modal-komikomi .komikomiPlan__note a.blank:before {
  right: -2px;
  transform: translateY(-40%);
  background: url(../img/icon_blank_02.svg) no-repeat;
}

#recommendContents .page-komikomi4 .c-modal.modal-komikomi .komikomiPlan__note a.blank:before {
  transform: translateY(-30%);
}

#recommendContents .c-modal.modal-komikomi .komikomiPlan__note span {
  line-height: 1.428571;
}

#recommendContents .c-modal.modal-komikomi .c-modal__comics .komikomiPlan__note__wrap {
  margin-bottom: 30px;
  padding-inline: 15px;
}

#recommendContents .c-modal.modal-komikomi .c-modal__comics .img_17 {
  text-align: right;
}

#recommendContents .c-modal.modalSumahodake .img_08 {
  margin-top: -20px;
}

#recommendContents .c-modal.modalSumahodake .img_09 {
  margin-top: -10px;
}

#recommendContents .c-modal.modalSumahodake .img_12 {
  text-align: center;
}

#recommendContents .c-modal.modalKakuyasuSumaho .img_05 {
  text-align: center;
}

#recommendContents .c-modal.modalKakuyasuSumaho .img_09 {
  text-align: right;
}

#recommendContents .c-modal.modal-komikomi .c-modal__comics .komikomi__wrap--giga {
  padding-top: 35px;
  padding-bottom: 80px;
}

#recommendContents .c-modal.modal-komikomi .c-modal__comics .komikomi__wrap--giga .img_head {
  position: relative;
  margin-top: -70px;
  text-align: center;
  z-index: 1;
}

#recommendContents .c-modal.modal-komikomi .c-modal__comics .komikomi__wrap--giga .img_ttl {
  position: static;
  transform: none;
  width: auto;
  text-align: center;
}

#recommendContents .c-modal.modal-komikomi .c-modal__comics .komikomi__wrap--giga.bg__pink::before {
  top: 0
}

#recommendContents .c-modal.modal-komikomi .c-modal__comics .komikomi__wrap--giga.bg__pink::after {
  bottom: 0;
}

#recommendContents .c-modal.modalGigasaeareba .img_05 {
  position: relative;
  margin-top: -40px;
  text-align: center;
  z-index: 3;
}

#recommendContents .c-modal.modal-komikomi.modalGigasaeareba .data__wrap {
  margin-top: -24px;
  padding-top: 80px;
  padding-bottom: 70px;
  clip-path: polygon(0 0, 100% 0, 100% 94.5%, 0 100%);
}

@media screen and (max-width: 767px) {
  #recommendContents .c-modal.modal-komikomi.modalGigasaeareba .data__wrap {
    clip-path: polygon(0 0, 100% 0, 100% 94.4%, 0 100%);
  }
}

#recommendContents .c-modal.modal-komikomi.modalGigasaeareba .data__wrap .data__wrap__inner {
  padding-inline: 15px;
}

#recommendContents .c-modal.modal-komikomi.modalGigasaeareba .data__wrap .box__white {
  padding: 23px;
}

#recommendContents .c-modal.modal-komikomi.modalGigasaeareba .data__wrap .data__wrap__inner .txt {
  font-size: 14px;
  line-height: 1.5;
}

#recommendContents .c-modal.modal-komikomi.modalGigasaeareba .data__wrap .img_07 {
  margin-top: -16px;
}

#recommendContents .c-modal.modal-komikomi.modalGigasaeareba .data__wrap.bg__pink::after {
  bottom: 0;
}

#recommendContents .c-modal.modalGigasaeareba .img_08 {
  margin-top: -30px;
}

#recommendContents .c-modal.modalGigasaeareba .img_09 {
  margin-top: -20px;
}

#recommendContents .c-modal.modal-komikomi {
  font-family: "Noto Sans JP", HiraKakuProN-W3, YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, "Noto Sans JP", "Droid Sans", sans-serif !important;
}

#recommendContents .c-modal.modal-komikomi .c-modal__comicsHeader {
  font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, HiraKakuProN-W3, YuGothic, Yu Gothic Medium, Yu Gothic, Meiryo, Noto Sans JP, Droid Sans, sans-serif;
}

#recommendContents .c-mv {
  background-color: #E4007F;
  background-image: none;
}

#recommendContents .c-mv:before {
  display: none;
}

#recommendContents .c-modal.modal-komikomi.modalKakuyasuSumaho .c-modal__comics .komikomi__wrap {
  padding-top: 0;
  padding-bottom: 85px;
}

#recommendContents .c-modal.modal-komikomi.modalKakuyasuSumaho .c-modal__comics .komikomi__wrap>.img_komikomi_top {
  position: relative;
  z-index: 1;
}

#recommendContents .c-modal.modal-komikomi.modalKakuyasuSumaho .c-modal__comics .komikomi__wrap .img_ttl {
  position: static;
  transform: none;
  margin: 26px auto;
}

/* ↓ komikomi5KV出し分け */
#recommendContents .page-komikomi5 .c-mv picture {
  display: none;
}

#recommendContents .page-komikomi5 .c-mv.mv-default .mv-default,
#recommendContents .page-komikomi5 .c-mv.mv-pattern-A .mv-A,
#recommendContents .page-komikomi5 .c-mv.mv-pattern-B .mv-B {
  display: block;
}

/* ↑ komikomi5KV出し分け */

/* ↑ feature_250723 */