.btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #000;
  font-size: 3.4rem;
  letter-spacing: 0;
  line-height: 1.3333333333;
  color: #000;
  width: 60.6rem;
  height: 12.9rem;
}
@media print, screen and (min-width: 768px) {
  .btn {
    font-size: 1.8rem;
    width: 33.0rem;
    height: 6.0rem;
  }
}
.btn:before {
  position: absolute;
  display: block;
  content: " ";
  background: url(../img/common/arrow-right.svg) no-repeat center center/contain;
  width: 1.5rem;
  height: 2.7rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 3.5rem;
}
@media print, screen and (min-width: 768px) {
  .btn:before {
    width: 0.9rem;
    height: 1.4rem;
    right: 1.9rem;
  }
}
.btn:hover {
  color: #000;
}
.btn > span {
  text-align: center;
}

.btn-l {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #000;
  font-size: 3.4rem;
  letter-spacing: 0;
  line-height: 1.3333333333;
  color: #000;
  width: 60.6rem;
  height: 12.9rem;
}
@media print, screen and (min-width: 768px) {
  .btn-l {
    font-size: 1.8rem;
    width: 33.0rem;
    height: 6.0rem;
  }
}
.btn-l:before {
  position: absolute;
  display: block;
  content: " ";
  background: url(../img/common/arrow-right.svg) no-repeat center center/contain;
  width: 1.5rem;
  height: 2.7rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 3.5rem;
}
@media print, screen and (min-width: 768px) {
  .btn-l:before {
    width: 0.9rem;
    height: 1.4rem;
    right: 1.9rem;
  }
}
.btn-l:hover {
  color: #000;
}
.btn-l > span {
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .btn-l {
    height: 7.0rem;
  }
}

.btn-bd-white {
  border-color: #fff;
  color: #fff;
}
.btn-bd-white:before {
  background-image: url(../img/common/arrow-right-white.svg);
}
.btn-bd-white:hover {
  color: #fff;
}

.btn-bd-orange {
  border-color: #f69440;
  color: #f69440;
}
.btn-bd-orange:before {
  background-image: url(../img/common/arrow-right-orange.svg);
}
.btn-bd-orange:hover {
  color: #f69440;
}

.btn-bd-pink {
  border-color: #ba1073;
  color: #ba1073;
}
.btn-bd-pink:before {
  background-image: url(../img/common/arrow-right-pink.svg);
}
.btn-bd-pink:hover {
  color: #ba1073;
}

.btn-white {
  background-color: #fff;
}

.btn-orange {
  border-color: #f69440;
  background-color: #f69440;
}

.btn-pink {
  border-color: #ba1073;
  background-color: #ba1073;
  color: #fff;
}
.btn-pink:before {
  background-image: url(../img/common/arrow-right-white.svg);
}
.btn-pink:hover {
  color: #fff;
}

.btn-down:before {
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

.btn-mail > span {
  position: relative;
}
.btn-mail > span:before {
  position: absolute;
  display: block;
  content: " ";
  background: url(../img/common/icon-mail.png) no-repeat center center/contain;
  width: 1em;
  height: 1em;
  top: 50%;
  -webkit-transform: translateY(-45%);
  transform: translateY(-45%);
  left: -1.6176470588em;
}

.btn-cart > span {
  position: relative;
}
.btn-cart > span:before {
  position: absolute;
  display: block;
  content: " ";
  background: url(../img/common/icon-mail.png) no-repeat center center/contain;
  width: 1em;
  height: 1em;
  top: 50%;
  -webkit-transform: translateY(-45%);
  transform: translateY(-45%);
  left: -1.6176470588em;
}
.btn-cart > span:before {
  background-image: url(../img/common/icon-cart.svg);
  width: 0.8529411765em;
  height: 0.9411764706em;
  left: -1.3529411765em;
}

.btn-cart-title {
  font-size: 90%;
  margin-bottom: 0.5em;
}

.btn-box {
  text-align: center;
  margin-top: 4.5rem;
}
.btn-box .btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

@media print, screen and (min-width: 768px) {
  ul.btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-bottom: -5.0rem;
  }
}
ul.btn-box li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 768px) {
  ul.btn-box li {
    margin: 0 1.5rem 5.0rem;
  }
}
@media only screen and (max-width: 767px) {
  ul.btn-box li:nth-child(n+2) {
    margin-top: 5.0rem;
  }
}
ul.btn-box li:nth-child(3) {
  width: 100%;
}

/*---------------------------------------------------------
parts
---------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  .inner {
    padding: 0 2.0rem;
  }
}


/*---------------------------------------------------------
info-box
---------------------------------------------------------*/
#info-box {
  padding-bottom: 20.0rem;
  padding-top: 8.0rem;
}

#info-box .sec-subtitle {
  margin-bottom: 0.2em;
}
#info-box .sec-subtitle:nth-of-type(n+2) {
  margin-top: 2em;
}
#info-box .sec-subtitle + ul li {
  margin-top: 0;
}

/* ----箇条書き---- */
#info-box .info-sec-box {
  margin-top: 4.0rem;
  margin-bottom: 4.0rem;
}
@media print, screen and (min-width: 768px) {
  #info-box .info-sec-box {
    padding: 0 1.0rem;
  }
}
#info-box .info-sec-box ul li {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 3.2rem;
  word-break: break-word;
}
@media print, screen and (min-width: 768px) {
  #info-box .info-sec-box ul li {
    font-size: 2.0rem;
  }
}
#info-box .info-sec-box ul li:nth-child(n+2) {
  margin-top: 0.5em;
}
#info-box .info-sec-box ul li .link-underline {
  text-indent: 0;
  padding-left: 0;
}

/*----本文タイトル----*/
#info-box .sec-info-title {
  padding-top: 10.0rem;
  padding-bottom: 6.0rem;
  font-size: 3.2rem;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  #info-box .sec-info-title {
    font-size: 2.6rem;
    padding-top: 6.0rem;
  }
}

/*----本文----*/
#info-box .info-sec-box2 {
  margin-top: 4.0rem;
  margin-bottom: 4.0rem;
}
@media print, screen and (min-width: 768px) {
  #info-box .info-sec-box2 {
    padding: 0 1.0rem;
  }
}
#info-box .info-sec-box2 ul li {
  text-indent: 0em;
  padding-left: 0em;
  font-size: 3.2rem;
  word-break: break-word;
}
@media print, screen and (min-width: 768px) {
  #info-box .info-sec-box2 ul li {
    font-size: 2.0rem;
  }
}
#info-box .info-sec-box2 ul li:nth-child(n+2) {
  margin-top: 1em;
}
#info-box .info-sec-box2 ul li .link-underline {
  text-indent: 0;
  padding-left: 0;
}

/*----画像----*/
#mlp-news-info #news-about {
  margin-bottom: 10.0rem;
}
#mlp-news-info #news-about #news-lead-img {
  margin-top: 10.0rem;
}
@media print, screen and (min-width: 768px) {
  #mlp-news-info #news-about #news-lead-img {
    margin: 4.5rem auto 0;
    width: 91.4rem;
  }
}

/*----キャンペーン終了のお知らせ----*/
#mlp-news-info .sec-cp-ended-title {
  font-size: 5.6rem;
  font-weight: bold;
  letter-spacing: 0em;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  #mlp-news-info .sec-cp-ended-title {
    font-size: 5.6rem;
  }
}
#mlp-news-info .sec-cp-ended-subtitle {
  padding-top: 10.0rem;
  padding-bottom: 6.0rem;
  font-size: 4.0rem;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  #mlp-news-info .sec-cp-ended-subtitle {
    font-size: 4.0rem;
    padding-top: 6.0rem;
  }
}

/* 文字右寄せ＋下空行（日付用） */
.news-info-text01 {
  text-align: right;
  margin-bottom: 2em;
}

/* 2文字分字下げ */
.news-info-text02{
  margin-left: 2em; 
}

/* 2行目字下げ */
.news-info-text02 li {
  padding-left:1em;
  text-indent:-1em;
}

/* 文字センタリング太＋下空行*/
.news-info-text03 {
  text-align: center;
  font-weight: bold;
  margin-bottom: 2em;
}

/* 太文字+上下空行 */
.news-info-text04 {
  font-weight: bold;
  margin-top: 2em;
  margin-bottom: 1em;
}

/* 赤 */
.news-info-text-red {
  color: red;
}


/* 区切り線 */
.news-info-hr {
  margin-top: 2em;
  margin-bottom: 2em;
  border-bottom: 3px solid #ccc;
}

/* インデント付きリスト */
ul.news-info-indent-box {
  margin-top: 0.5em;
  margin-bottom: 1em;
}
li.news-info-indent {
  margin-left: 4em;
  padding-left: 6em;
  list-style:none;
}

li.news-info-indent span {
  display: block;
  float: left;
  margin-left: -6em;
}

/* 問合せ先 */
.news-info-inquiry-box {
  border: 1px solid #F69440;
  padding: 0.5em 2em;
  border-radius: 5px;
  margin: 1em 0 2em;
}
.news-info-inquiry-box-text1 {
  margin: 1em 0;
  padding-left: 0.5em;
  border-left: 20px solid #F69440;
  font-size: 1.2em;
  font-weight: 500;
}
.news-info-inquiry-box-text2 {
  margin: 0.5em 0;
  font-size: 1.1em;
  font-weight: 500;
}
ul.news-info-inquiry-box-list {
  margin-top: 0.5em;
  margin-bottom: 1em;
}
li.news-info-inquiry-box-list-item {
  margin-left: 1em;
  padding-left: 7em;
  list-style:none;
}
li.news-info-inquiry-box-list-item span {
  display: block;
  float: left;
  margin-left: -7em;
}
.news-info-inquiry-box a {
  text-decoration: underline;
}