:root{
  --color-sugoiBg    : #FDD986;
  --color-point      : #EA596B;
  --color-accordionBg: #FEF0CF;
  --color-main       : #FF8C90;
  --color-mark       : #fff67f;
  --color-pointOrange: #F46400;
}

/*テーマごとの色*/
.fav-5623{
  background-color: #9edf9a;
}
.fav-6557{
  background-color: #f6de82;
}
.fav-6719{
  background-color: #9ecff1;
}
.fav-6983{
  background-color: #fabac5;
}
.fav-7035{
  background-color: #d6b9f4;
}


/* 調整 */
.main-head h1{
  margin-bottom: max(25px, min(4.5vw, 40px));
}
.main-head h1 img{
  max-width: max(290px, min(50vw, 470px));
}
.main-img{
  max-width: 290px;
}

.introduction p{
  color: #0e0d0d;
}

.merit-content{
  background: var(--color-sugoiBg);
}

.toSample a{
  background: var(--color-accordionBg);
  color: var(--color-point);
  border-color: var(--color-point);
}
.toSample a::before{
  border-color: var(--color-point) var(--color-point) transparent transparent;
}
.toSample a:hover{
  background: var(--color-accordionBg);
  color: #FF7096;
  border-color: #FF7096;
}
.toSample a:hover::before{
  border-color: #FF7096 #FF7096 transparent transparent;
}

.accordion-item{
  color: var(--color-point);
}
@media (hover: hover) {
  .accordion-item:hover{
	background: #FFF4DB;
  }
}
.main-top .accordion-inner ul li:not(:last-of-type)>a, .main-top #fav-list-area + .favorite-list-wrap .accordion-inner ul li:not(:last-of-type) a{
  border-color: var(--color-point);
}
.accordion-inner ul li>a:hover {
  color: var(--color-point);
}
.accordion-inner ul li>a:hover::before {
  border-color: var(--color-point) var(--color-point) transparent
    transparent;
}

mark{
  background-size: 200% 1em;
  background-position: 0 0.31em;
  font-weight: 700;
  padding: 0;
  margin: 0 2px;
}
mark.active {
  background-position: -100% 0.31em;
}

.main-top.after_purchase .main-head{
  grid-template-columns: .7fr 0.23fr;
  align-items: flex-start;
  gap: max(15px, min(5vw, 40px));
  max-width: 660px;
  justify-content: center;
}

.main-img {
  margin-bottom: max(28px, min(5.5vw, 50px));
  margin-inline: auto;
  max-width: 290px;
}

.main-img.hitsuji {
  width: 100%;
}

@media (max-width: 767px) {
  .merit2 .merit-inner {
    grid-template-columns: 1fr 100px;
  }
}

@media (min-width: 1000px) {
  .main-img.hitsuji {
    margin-top: -5px;
  }

  .main-img {
      max-width: 310px;
  }
}

.article-sp-logo a{
  width: 60%;
}

article > section > h2{
  display: block;
}

/* レジのロゴ */
#rn_logo {
	background-color: var(--color-sugoiBg);
}
.orange-bar {
	background-color: var(--color-sugoiBg);
}
/* レジのロゴ */

/* 無料 */
.accordion-inner ul li .free,
.accordion-head .free {
  background: var(--color-pointOrange);
}
/* 無料 */


/* 購入手続き */
.toPurchase a {
	background: var(--color-pointOrange);
  }
/* 購入手続き */

/* 価格 */
.purchase-box .limited-time {
	color: var(--color-pointOrange);
  }
/* 価格 */

/* この記事は有料記事です */
.s3 {
	color: var(--color-pointOrange);
  }
  .s3:before,
  .s3:after {
	border-top: 1px dashed var(--color-pointOrange);
  }
/* この記事は有料記事です */