@charset "utf-8";

/*
  class:共通 mc-xxx
 */

/* Add
============================================
============================================
============================================ */
img[src$=".svg"] {
  width: 100%;
  height: auto;
}

.l-inner.l-inner--w892 {
  max-width: 892px;
}

/* System Module
============================================
============================================
============================================ */
.l-block[data-value="MOD_JP_00070"],
.l-block[data-value="MOD_JP_00080"],
.l-block[data-value="MOD_JP_00016"] {
  background-color: #f8ecee;
}

@media screen and (max-width: 768px) {
  #anchor_scene + .l-block[data-value="MOD_JP_00032"] {
    padding-bottom: 30px;
  }
}

/* MC Common  Column
============================================
============================================
============================================ */

/* Item/Bnr Column
============================================ */
.mc-blockcolumn {
  display: block;
  overflow: hidden;
  width: 100%;
}

.mc-blockcolumn__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 769px) {
  .mc-blockcolumn__lists {
    width: calc(100% + 24px);
    margin-top: -30px;
    margin-left: -24px;
  }

  .mc-blockcolumn[data-column~="1"] .mc-blockcolumn__lists {
    margin-top: -24px;
  }

  .mc-blockcolumn[data-column~="4"] .mc-blockcolumn__item {
    width: calc((100% - 24px * 4) / 4);
    margin-top: 30px;
    margin-left: 24px;
  }

  .mc-blockcolumn[data-column~="3"] .mc-blockcolumn__item {
    width: calc((100% - 24px * 3) / 3);
    margin-top: 30px;
    margin-left: 24px;
  }

  .mc-blockcolumn[data-column~="2"] .mc-blockcolumn__item {
    width: calc((100% - 24px * 2) / 2);
    margin-top: 30px;
    margin-left: 24px;
  }

  .mc-blockcolumn[data-column~="1"] .mc-blockcolumn__item {
    width: 100%;
    margin-top: 24px;
    margin-left: 24px;
  }

  /* --large */
  .mc-blockcolumn.mc-blockcolumn--large .mc-blockcolumn__lists {
    width: calc(100% + 40px);
    margin-top: -48px;
    margin-left: -40px;
  }

  .mc-blockcolumn.mc-blockcolumn--large[data-column~="3"] .mc-blockcolumn__item {
    width: calc((100% - 40px * 3) / 3);
    margin-top: 48px;
    margin-left: 40px;
  }

  .mc-blockcolumn.mc-blockcolumn--large[data-column~="2"] .mc-blockcolumn__item {
    width: calc((100% - 40px * 2) / 2);
    margin-top: 48px;
    margin-left: 40px;
  }

  .mc-blockcolumn.mc-blockcolumn--large[data-column~="2-3"] .mc-blockcolumn__item:nth-child(-n + 2) {
    width: calc((100% - 40px * 2) / 2);
    margin-top: 48px;
    margin-left: 40px;
  }

  .mc-blockcolumn.mc-blockcolumn--large[data-column~="2-3"] .mc-blockcolumn__item:nth-child(n + 3) {
    width: calc((100% - 40px * 3) / 3);
    margin-top: 48px;
    margin-left: 40px;
  }

  .mc-blockcolumn.mc-blockcolumn--large[data-column~="2-3"] .mc-blockcolumn__item.mc-blockcolumn__item--w100 {
    width: 100%;
  }
}

/* IE用 */
@media screen and (min-width: 769px) and (-ms-high-contrast: none) {
  .mc-blockcolumn[data-column~="3"] .mc-blockcolumn__item {
    width: calc((100% - 24px * 3 - 0.1px) / 3);
  }

  .mc-blockcolumn.mc-blockcolumn--large[data-column~="3"] .mc-blockcolumn__item {
    width: calc((100% - 40px * 3 - 50px) / 3);
  }

  .mc-blockcolumn.mc-blockcolumn--large[data-column~="2-3"] .mc-blockcolumn__item:nth-child(n + 3) {
    width: calc((100% - 24px * 3 - 50px) / 3);
  }

  .mc-blockcolumn.mc-blockcolumn--large[data-column~="2-3"] .mc-blockcolumn__item.mc-blockcolumn__item--w100:not(:root) {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .mc-blockcolumn[data-column~="tb-md:1"] .mc-blockcolumn__lists {
    width: 100%;
    margin: 0;
  }

  .mc-blockcolumn[data-column~="tb-md:1"] .mc-blockcolumn__item {
    width: 100%;
    margin: 0 auto 24px;
  }

  .mc-blockcolumn[data-column~="tb-md:1"] .mc-blockcolumn__item:last-child {
    margin-bottom: 0;
  }

  .mc-blockcolumn[data-column~="md:3"] .mc-blockcolumn__lists,
  .mc-blockcolumn[data-column~="md:2"] .mc-blockcolumn__lists {
    width: calc(100% + 20px);
    margin-top: -24px;
    margin-left: -20px;
  }

  .mc-blockcolumn[data-column~="md:3"] .mc-blockcolumn__item {
    width: calc((100% - 20px * 3) / 3);
    margin-top: 24px;
    margin-left: 20px;
  }

  .mc-blockcolumn[data-column~="md:2"] .mc-blockcolumn__item {
    width: calc((100% - 20px * 2) / 2);
    margin-top: 24px;
    margin-left: 20px;
  }
}

@media screen and (max-width: 768px) {
  .mc-blockcolumn[data-column~="md:1"] .mc-blockcolumn__lists {
    width: 100%;
    margin: 0;
  }

  .mc-blockcolumn[data-column~="md:1"] .mc-blockcolumn__item {
    width: 100%;
    margin: 0 auto 24px;
  }

  .mc-blockcolumn.mc-blockcolumn--large[data-column~="md:1"] .mc-blockcolumn__item {
    width: 100%;
    margin: 0 auto 32px;
  }

  .mc-blockcolumn[data-column~="md:1"] .mc-blockcolumn__item:last-child {
    margin-bottom: 0;
  }
}

/* Btn Column
============================================ */
.mc-btncolumn {
  display: block;
  overflow: hidden;
  width: 100%;
}

.mc-btncolumn__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 641px) {
  .mc-btncolumn__lists {
    width: calc(100% + 24px);
    margin-top: -16px;
    margin-left: -24px;
  }

  .mc-btncolumn[data-column~="4"] .mc-btncolumn__item {
    width: calc((100% - 24px * 4) / 4);
    max-width: 100%;
    margin-top: 16px;
    margin-left: 24px;
  }

  .mc-btncolumn[data-column~="3"] .mc-btncolumn__item {
    width: calc((100% - 24px * 3) / 3);
    max-width: 100%;
    margin-top: 16px;
    margin-left: 24px;
  }

  .mc-btncolumn[data-column~="2"] .mc-btncolumn__item {
    width: calc((100% - 24px * 2) / 2);
    max-width: 100%;
    margin-top: 16px;
    margin-left: 24px;
  }

  .mc-btncolumn[data-column~="2-3"] .mc-btncolumn__item:nth-child(-n + 2) {
    width: calc((100% - 24px * 2) / 2);
    max-width: 100%;
    margin-top: 16px;
    margin-left: 24px;
  }

  .mc-btncolumn[data-column~="2-3"] .mc-btncolumn__item:nth-child(n + 3):nth-child(-n + 5) {
    width: calc((100% - 24px * 3) / 3);
    max-width: 100%;
    margin-top: 16px;
    margin-left: 24px;
  }

  .mc-btncolumn[data-column~="1"] .mc-btncolumn__item {
    width: 100%;
    max-width: 100%;
    margin-top: 16px;
    margin-left: 24px;
  }

  .mc-btncolumn[data-column~="4"] .mc-btncolumn__item .mc-designbtn,
  .mc-btncolumn[data-column~="3"] .mc-btncolumn__item .mc-designbtn,
  .mc-btncolumn[data-column~="2"] .mc-btncolumn__item .mc-designbtn,
  .mc-btncolumn[data-column~="2-3"] .mc-btncolumn__item .mc-designbtn,
  .mc-btncolumn[data-column~="4"] .mc-btncolumn__item .c-designbtn,
  .mc-btncolumn[data-column~="3"] .mc-btncolumn__item .c-designbtn,
  .mc-btncolumn[data-column~="2"] .mc-btncolumn__item .c-designbtn,
  .mc-btncolumn[data-column~="2-3"] .mc-btncolumn__item .c-designbtn {
    max-width: 100%;
  }
}

/* IE用 */
@media screen and (min-width: 641px) and (-ms-high-contrast: none) {
  .mc-btncolumn[data-column~="3"] .mc-genre__item {
    width: calc((100% - 24px * 3 - 0.1px) / 3);
  }

  .mc-btncolumn[data-column~="2-3"] .mc-btncolumn__item:nth-child(n + 3):nth-child(-n + 5) {
    width: calc((100% - 24px * 3 - 0.1px) / 3);
  }
}

@media screen and (max-width: 640px) {
  .mc-btncolumn[data-column~="md:1"] .mc-btncolumn__item {
    width: 100%;
    max-width: 100%;
    margin-top: 16px;
    margin-left: 0;
  }
}

/* MC Common  Parts
============================================
============================================
============================================ */

/* Navigation
============================================ */
.mc-nav {
  display: block;
  overflow: hidden;
  width: 100%;
}

.mc-nav__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mc-nav__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 470px;
}

.mc-nav__linkwrap {
  font-weight: bold;
  line-height: 1.3;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  -webkit-transition: 0.175s;
  transition: 0.175s;
  text-align: center;
  color: #fff;
  border-color: #d56286;
  background-color: #d56286;
}

.mc-nav__linkwrap span {
  display: block;
}

.mc-nav__linkwrap[data-arrow="down"] span::after {
  position: absolute;
  bottom: 14px;
  left: 50%;
  display: block;
  width: 12px;
  height: 12px;
  margin: 0;
  content: "";
  -webkit-transform: translateX(-50%) rotate(135deg);
  transform: translateX(-50%) rotate(135deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

@media screen and (min-width: 861px) {
  .mc-nav[data-column~="5"] .mc-nav__item {
    width: calc((100% - 24px * 5) / 5);
    margin-top: 24px;
    margin-left: 24px;
  }
}

/* IE用 */
@media screen and (min-width: 861px) and (-ms-high-contrast: none) {
  .mc-nav[data-column~="5"] .mc-nav__item {
    width: calc((100% - 24px * 5 - 0.1px) / 5);
  }
}

@media screen and (min-width: 769px) and (max-width: 860px) {
  .mc-nav[data-column~="5"] .mc-nav__item:nth-child(-n + 2) {
    width: calc((100% - 24px * 2) / 2);
    margin-top: 24px;
    margin-left: 24px;
  }

  .mc-nav[data-column~="5"] .mc-nav__item:nth-child(n + 3):nth-child(-n + 5) {
    width: calc((100% - 24px * 3) / 3);
    margin-top: 24px;
    margin-left: 24px;
  }
}

/* IE用 */
@media screen and (min-width: 769px) and (max-width: 860px) and (-ms-high-contrast: none) {
  .mc-nav[data-column~="5"] .mc-nav__item:nth-child(n + 3):nth-child(-n + 5) {
    width: calc((100% - 24px * 3 - 0.1px) / 3);
  }
}

@media screen and (min-width: 769px) {
  .mc-nav__lists {
    width: calc(100% + 24px);
    margin-top: -24px;
    margin-left: -24px;
  }

  .mc-nav[data-column~="4"] .mc-nav__item {
    width: calc((100% - 24px * 4) / 4);
    margin-top: 24px;
    margin-left: 24px;
  }

  .mc-nav[data-column~="3"] .mc-nav__item {
    width: calc((100% - 24px * 3) / 3);
    margin-top: 24px;
    margin-left: 24px;
  }

  .mc-nav[data-column~="2"] .mc-nav__item {
    width: calc((100% - 24px * 2) / 2);
    margin-top: 24px;
    margin-left: 24px;
  }

  .mc-nav__linkwrap {
    font-size: 18px;
    padding: 20px 16px 28px;
  }

  .mc-nav__linkwrap:hover {
    opacity: 0.5;
  }
}

/* IE用 */
@media screen and (min-width: 769px) and (-ms-high-contrast: none) {
  .mc-nav[data-column~="3"] .mc-nav__item {
    width: calc((100% - 24px * 3 - 0.1px) / 3);
  }
}

@media screen and (max-width: 768px) {
  .mc-nav__lists {
    width: calc(100% + 10px);
    margin-top: -10px;
    margin-left: -10px;
  }

  .mc-nav[data-column~="md:3"] .mc-nav__item {
    width: calc((100% - 10px * 3) / 3);
    margin-top: 10px;
    margin-left: 10px;
  }

  .mc-nav[data-column~="md:2"] .mc-nav__item {
    width: calc((100% - 10px * 2) / 2);
    margin-top: 10px;
    margin-left: 10px;
  }

  .mc-nav[data-column~="md:2-3"] .mc-nav__item:nth-child(-n + 2) {
    width: calc((100% - 10px * 2) / 2);
    margin-top: 10px;
    margin-left: 10px;
  }

  .mc-nav[data-column~="md:2-3"] .mc-nav__item:nth-child(n + 3):nth-child(-n + 5) {
    width: calc((100% - 10px * 3) / 3);
    margin-top: 10px;
    margin-left: 10px;
  }

  .mc-nav[data-column~="md:1"] .mc-nav__item {
    width: 100%;
    margin-top: 10px;
    margin-left: 10px;
  }

  .mc-nav__linkwrap {
    font-size: 16px;
    padding: 15px 10px 28px;
  }
}

/* Brand Item
============================================ */
.mc-brandlineup {
  margin-bottom: 30px;
}

.mc-brandlineup:last-child {
  margin-bottom: 0;
}

.mc-brandlineup__linkwrap {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  border-radius: 6px;
}

.mc-brandlineup__linkwrap.mc-brandlineup__linkwrap--border {
  border: 1px solid #f4f4f4;
}

.mc-brandllineup__box {
  position: relative;
  display: block;
  width: 100%;
}

.mc-brandlineup__image {
  overflow: hidden;
}

.mc-brandlineup__image > img {
  width: 100%;
}

.mc-brandlineup__logo {
  display: block;
  padding: 12px 10px;
  text-align: center;
  background: #fff;
}

.mc-brandlineup__logobox {
  position: relative;
  display: block;
  overflow: hidden;
  max-width: 178px;
  margin: 0 auto;
}

.mc-brandlineup__logobox::before {
  display: block;
  padding-top: calc((100 / 180) * 100% - 2px);
  content: "";
}

.mc-brandlineup__logobox img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  min-width: calc(100% + 4px);
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* Category Item
============================================ */
.mc-categorylineup {
  margin-bottom: 30px;
}

.mc-categorylineup:last-child {
  margin-bottom: 0;
}

.mc-categorylineup__box {
  position: relative;
  display: block;
  width: 100%;
}

.mc-categorylineup__linkwrap {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  border-radius: 6px;
}

.mc-categorylineup__linkwrap.mc-categorylineup__linkwrap--border {
  border: 1px solid #f4f4f4;
}

.mc-categorylineup__linkwrap * {
  cursor: pointer;
}

.mc-categorylineup__image > img {
  width: 100%;
}

.mc-categorylineup__name {
  font-weight: bold;
  line-height: 1.5em;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 18px 10px;
  text-align: center;
  color: #fff;
  background-color: #d56286;
}

.mc-lineup__boxlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 24px);
  margin-top: -30px;
  margin-left: -24px;
}

.mc-lineup__boxlist__item {
  position: relative;
  overflow: hidden;
  border: 1px solid #b1b1b1;
  border-radius: 6px;
}

.pc-column5 .mc-lineup__boxlist__item {
  width: calc((100% - 24px * 5)/5);
  margin-top: 30px;
  margin-left: 24px;
}

.pc-column4 .mc-lineup__boxlist__item {
  width: calc((100% - 24px * 4)/4);
  margin-top: 30px;
  margin-left: 24px;
}

.pc-column3 .mc-lineup__boxlist__item {
  width: calc((100% - 24px * 3)/3);
  margin-top: 30px;
  margin-left: 24px;
}

.mc-lineup__boxlist__linkwrap {
  display: block;
  width: 100%;
  -webkit-transition: .175s;
          transition: .175s;
}

.mc-lineup__boxlist__name {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5em;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 18px 10px;
  text-align: center;
  background: #fff;
}

.mc-lineup__boxlist.-main .mc-lineup__boxlist__item {
  border: 0;
}

.mc-lineup__boxlist__namebox {
  position: absolute;
  bottom: 13px;
  left: 13px;
  background: rgba(255, 255, 255, .9);
  padding: 20px;
}

.mc-lineup__boxlist__namebox .mc-lineup__boxlist__name {
  background: transparent;
  padding: 0;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  line-height: 1.3;
  text-align: left;
}

. box .mc-lineup__boxlist__name.-main {
  font-size: 20px;
}

.mc-lineup__boxlist__namebox .mc-lineup__boxlist__name.-sub {
  color: #DE1856;
  font-weight: normal;
}

.mc-lineup__boxlist__item {
  border: 1px solid #EFDCDF;
}

.mc-lineup__boxlist__name {
  font-size: 18px;
  background: #F8ECEE;
}

@media screen and (min-width: 769px) {
  .mc-categorylineup__name {
    font-size: 18px;
  }

  .mc-lineup__boxlist__name br {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .mc-categorylineup__name {
    font-size: 16px;
  }

  .mc-lineup__boxlist.-main .mc-lineup__boxlist__img {
    width: 100%;
  }

  .sp-column1 .mc-lineup__boxlist__name {
    width: auto;
  }

  .sp-column1 .mc-lineup__boxlist__linkwrap:after {
    width: 0;
    height: 0;
    border: 0;
  }
}

/* Budget Item
============================================ */
.c-budget .c-designbtn {
  border: 2px solid #d56286;
}

/* Contents Item
============================================ */
.mc-contents {
  margin-bottom: 30px;
}

.mc-contents:last-child {
  margin-bottom: 0;
}

.mc-contents__box {
  position: relative;
  display: block;
  width: 100%;
}

.mc-contents__image {
  position: relative;
  display: block;
  overflow: hidden;
}

.mc-contents__image > img {
  width: 100%;
}

.mc-contents__textarea {
  position: absolute;
  max-width: calc(100% - 15px);
  left: 0;
  bottom: 20px;
}

.mc-contents__text {
  font-size: 18px;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  max-width: 320px;
  height: 42px;
  padding: 0px 16px 0px 16px;
  background-color: #fff;
  color: #d56286;
}

@media screen and (min-width: 769px) and (max-width: 860px) {
  .mc-contents__text {
    font-size: 16px;
  }
}

/* 装飾あり */
.mc-contents__box.mc-contents__box--flag .mc-contents__textarea::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  z-index: 1;
  top: 0;
  right: -15px;
  border-width: 21px 15px 21px 0px;
  border-color: #fff transparent #fff transparent;
  border-style: solid;
}

.mc-contents__box.mc-contents__box--cursive .mc-contents__cursive {
  position: relative;
  z-index: 1;
  top: 40px;
  display: inline-block;
  transform: rotate(-6deg);
}

/* リサイズ */
.mc-contents__box--resize .mc-contents__image {
  height: 0;
  padding-bottom: 60%;
}

.mc-contents__box--resize .mc-contents__image > img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  transform: translate(-50%, -50%);
}

.mc-contents__box--resize .mc-contents__image > .mc-contents__image-scale {
  transform: translate(-50%, -50%) scale(1.5);
}

/* Recommend Item
============================================ */

.mc-recommenditem {
  display: block;
  margin: 0 auto;
  max-width: 892px;
}

/* Designbtn
============================================ */
.mc-designbtn {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 470px;
  height: 100%;
  margin: 0 auto;
  padding: 25px 16px;
  -webkit-transition: 0.175s;
  transition: 0.175s;
  text-align: center;
  color: #fff;
  border: 2px solid #d56286;
  border-radius: 6px;
  background-color: #d56286;
}

.mc-designbtn::after {
  position: absolute;
  top: 50%;
  right: 16px;
  display: block;
  width: 12px;
  height: 12px;
  content: "";
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

/* --small */
.mc-designbtn.mc-designbtn--small {
  font-size: 16px;
  padding: 14px 26px 14px 16px;
}

/* --reverse */
.mc-designbtn.mc-designbtn--reverse {
  color: #313131;
  background-color: #fff;
  border-color: #313131;
}

/* --black */
.mc-designbtn.mc-designbtn--black {
  border-color: #313131;
}

.mc-designbtn.mc-designbtn--reverse::after {
  border-color: #313131;
}

/* --top誘導 */
.mc-designbtn.mc-designbtn--top {
  color: #fff;
  border-color: #d56286;
  background-color: #d56286;
}

.mc-designbtn.mc-designbtn--top::after {
  border-color: #fff;
}

@media screen and (min-width: 769px) {
  .mc-designbtn:hover {
    opacity: 0.5;
  }
}

@media screen and (max-width: 768px) {
  .mc-designbtn {
    font-size: 16px;
    padding: 14px 26px 14px 16px;
  }
}

/* MC Common  Unity
============================================
============================================
============================================ */

/* Object-fit　※IE用にJS必須
============================================ */
.mc-ofiimage {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  content: "";
}

.mc-ofiimage.mc-ofiimage--nomal {
  padding-top: 56.25%;
}

.mc-ofiimage > img {
  font-family: "object-fit: cover; object-position: 50% 50%;";
  object-fit: cover;
  object-position: 50% 50%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 表示非表示--640px
============================================ */
@media screen and (min-width: 641px) {
  .mc-dp__sp {
    display: none !important;
  }
}

@media screen and (max-width: 640px) {
  .mc-dp__pc {
    display: none !important;
  }
}

/* Image
============================================ */

.mc-scale__12 {
  transform: scale(1.2);
}

.mc-scale__15 {
  transform: scale(1.5);
}

@media screen and (max-width: 640px) {
  .mc-scale__none--sp {
    transform: scale(1);
  }
}

/* Font
============================================ */

/* h3 */
.mc-title__middle {
  display: block;
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
}

.mc-title__middle .-main {
  font-size: 26px;
  line-height: 1.3;
  letter-spacing: 1px;
}

@media screen and (max-width: 768px) {
  .mc-title__middle .-main {
    font-size: 19px;
  }
}

/* link
============================================ */
.mc-linkwrap {
  display: block;
}

.mc-linkwrap * {
  cursor: pointer;
}

.mc-linkwrap.mc-linkwrap--w100 {
  width: 100%;
}

/* aタグリンク禁止 */
.mc-linkwrap.mc-linkwrap--disabled {
  pointer-events: none;
}

/* Color
============================================ */
.mc-fc__main {
  color: #d56286;
}

.mc-fc__base {
  color: #f8ecee;
}

.mc-fc__black {
  color: #313131;
}

.mc-fc__white {
  color: #fff;
}

.mc-fc__gray {
  color: #f4f4f4;
}

/* Background Color
============================================ */
.mc-bgc__base {
  background-color: #f8ecee;
}

.l-block:not(.mc-bgc__base) + .l-block.mc-bgc__base,
.l-block.mc-bgc__base + .l-block:not(.mc-bgc__base) {
  padding-top: 60px;
}

.l-block.u-bgc__base + .l-block.mc-bgc__base,
.l-block.mc-bgc__base + .l-block.u-bgc__base {
  padding-top: 0;
}

/* add renewal common
============================================ */
.pc-column2 .mc-lineup__boxlist__item {
  width: calc((100% - 24px * 2)/2);
  margin-top: 30px;
  margin-left: 24px;
}

@media screen and (max-width: 768px) {
  .sp-column1 .mc-lineup__boxlist__item {
    width: calc((100% - 24px * 1)/1);
    margin-top: 30px;
    margin-left: 24px;
  }
}

.c-lineup__boxlist__item {
  border: 0;
}