@charset "utf-8";

/* site color ----------------- */
:root {
  --pink: #ff8ec2;
  --navy: #025d8e;
  --red: #ed7560;
  --purple: #a773e3;
  --skyblue: #6ccfe2;
  --blue: #298fe6;
  --orange: #fa9238;
  --lightgreen: #86d85d;
  --yellow: #fbc13b;
  --green: #51a659;
  --darkgreen: #0e6248;
  --darkblue: #115bc1;
  --darkyellow: #ff9600;
  --baseblue: #1a5098;
}



/* headline ----------------- */
.headline-underline-half-inner {
  text-decoration-color: var(--baseblue);
  color: var(--baseblue);
}
.color-darkblue .headline-underline-half-inner {
  text-decoration-color: var(--darkblue);
  color: var(--darkblue);
}

.anchor-list + .headline-underline-half { margin-top: 30px; }

.headline-underline-half-inner.no-underline { text-decoration: none; }

.headline-frame.color-red { background-color: var(--red); }
.headline-frame.color-navy { background-color: var(--navy); }
.headline-frame.color-skyblue { background-color: var(--skyblue); }
.headline-frame.color-blue { background-color: var(--blue); }
.headline-frame.color-orange { background-color: var(--orange); }
.headline-frame.color-purple { background-color: var(--purple); }
.headline-frame.color-gray { background-color: var(--gray); }
.headline-frame.color-green { background-color: var(--green); }
.headline-frame.color-yellow { background-color: var(--yellow); }
.headline-frame.color-lightgreen { background-color: var(--lightgreen); }
.headline-frame.color-pink { background-color: var(--pink); }
.headline-frame.color-darkblue { background-color: var(--darkblue); }
.headline-frame.color-darkyellow { background-color: var(--darkyellow); }

.headline-frame-inner { color: #fff; }



/* button basic color ----------------- */
.button-border.color-red { background-color: var(--red); }
.button-border.color-navy { background-color: var(--navy); }
.button-border.color-skyblue { background-color: var(--skyblue); }
.button-border.color-blue { background-color: var(--blue); }
.button-border.color-orange { background-color: var(--orange); }
.button-border.color-purple { background-color: var(--purple); }
.button-border.color-gray { background-color: var(--gray); }
.button-border.color-green { background-color: var(--green); }
.button-border.color-yellow { background-color: var(--yellow); }
.button-border.color-lightgreen { background-color: var(--lightgreen); }
.button-border.color-pink { background-color: var(--pink); }
.button-border.color-darkblue { background-color: var(--darkblue); }
.button-border.color-darkyellow { background-color: var(--darkyellow); }
.button-border.color-darkgreen { background-color: var(--darkgreen); }

.button-border.color-red:hover { background-color: #fff; border-color: var(--red); }
.button-border.color-navy:hover { background-color: #fff; border-color: var(--navy); }
.button-border.color-skyblue:hover { background-color: #fff; border-color: var(--skyblue); }
.button-border.color-blue:hover { background-color: #fff; border-color: var(--blue); }
.button-border.color-orange:hover { background-color: #fff; border-color: var(--orange); }
.button-border.color-purple:hover { background-color: #fff; border-color: var(--purple); }
.button-border.color-gray:hover { background-color: #fff; border-color: var(--gray); }
.button-border.color-green:hover { background-color: #fff; border-color: var(--green); }
.button-border.color-yellow:hover { background-color: #fff; border-color: var(--yellow); }
.button-border.color-lightgreen:hover { background-color: #fff; border-color: var(--lightgreen); }
.button-border.color-pink:hover { background-color: #fff; border-color: var(--pink); }
.button-border.color-darkblue:hover { background-color: #fff; border-color: var(--darkblue); }
.button-border.color-darkyellow:hover { background-color: #fff; border-color: var(--darkyellow); }
.button-border.color-darkgreen:hover { background-color: #fff; border-color: var(--darkgreen); }

.button-border.color-red:hover .button-inner, .button-border.color-red:hover:after { color: var(--red); }
.button-border.color-navy:hover .button-inner, .button-border.color-navy:hover:after { color: var(--navy); }
.button-border.color-skyblue:hover .button-inner, .button-border.color-skyblue:hover:after { color: var(--skyblue); }
.button-border.color-blue:hover .button-inner, .button-border.color-blue:hover:after { color: var(--blue); }
.button-border.color-orange:hover .button-inner, .button-border.color-orange:hover:after { color: var(--orange); }
.button-border.color-purple:hover .button-inner, .button-border.color-purple:hover:after { color: var(--purple); }
.button-border.color-gray:hover .button-inner, .button-border.color-gray:hover:after { color: var(--gray); }
.button-border.color-green:hover .button-inner, .button-border.color-green:hover:after { color: var(--green); }
.button-border.color-yellow:hover .button-inner, .button-border.color-yellow:hover:after { color: var(--yellow); }
.button-border.color-lightgreen:hover .button-inner, .button-border.color-lightgreen:hover:after { color: var(--lightgreen); }
.button-border.color-pink:hover .button-inner, .button-border.color-pink:hover:after { color: var(--pink); }
.button-border.color-darkblue:hover .button-inner, .button-border.color-darkblue:hover:after { color: var(--darkblue); }
.button-border.color-darkyellow:hover .button-inner, .button-border.color-darkyellow:hover:after { color: var(--darkyellow); }
.button-border.color-darkgreen:hover .button-inner, .button-border.color-darkygreen:hover:after { color: var(--darkgreen); }



/* button categories image ----------------- */
.button-border.anchor01 { background-image: url(/html/user_data/assets/img/lp/affordable-novelty/anchor_01.png); }
.button-border.anchor02 { background-image: url(/html/user_data/assets/img/lp/affordable-novelty/anchor_02.png); }
.button-border.anchor03 { background-image: url(/html/user_data/assets/img/lp/affordable-novelty/anchor_03.png); }
.button-border.anchor04 { background-image: url(/html/user_data/assets/img/lp/affordable-novelty/anchor_04.png); }
.button-border.anchor05 { background-image: url(/html/user_data/assets/img/lp/affordable-novelty/anchor_05.png); }
.button-border.anchor06 { background-image: url(/html/user_data/assets/img/lp/affordable-novelty/anchor_06.png); }
.button-border.anchor07 { background-image: url(/html/user_data/assets/img/lp/affordable-novelty/anchor_07.png); }
.button-border.anchor08 { background-image: url(/html/user_data/assets/img/lp/affordable-novelty/anchor_08.png); }
.button-border.anchor09 { background-image: url(/html/user_data/assets/img/lp/affordable-novelty/anchor_09.png); }
.button-border.anchor10 { background-image: url(/html/user_data/assets/img/lp/affordable-novelty/anchor_10.png); }
.button-border.anchor11 { background-image: url(/html/user_data/assets/img/lp/affordable-novelty/anchor_11.png); }
@media screen and (max-width: 667px) {
.button-border.anchor01,
.button-border.anchor02,
.button-border.anchor03,
.button-border.anchor04,
.button-border.anchor05,
.button-border.anchor06,
.button-border.anchor07,
.button-border.anchor08,
.button-border.anchor09,
.button-border.anchor10,
.button-border.anchor11 { background-image: none; }
}


.anchor-list { justify-content: center; }