@charset "UTF-8";
:root {
  --color-text-green: #2C786C;
  --filter-text-green: brightness(0) saturate(100%) invert(39%) sepia(40%) saturate(570%) hue-rotate(121deg) brightness(94%) contrast(91%);
  --color-dark-green: #0B392A;
  --filter-dark-green: filter: brightness(0) saturate(100%) invert(17%) sepia(30%) saturate(908%) hue-rotate(109deg) brightness(96%) contrast(99%);
  --color-border-dark-green: #2D5D4D;
  --filter-border-dark-green: filter: brightness(0) saturate(100%) invert(27%) sepia(45%) saturate(450%) hue-rotate(109deg) brightness(99%) contrast(86%);
  --color-icon-light-gray: #b4b4b4;
  --filter-icon-light-gray: brightness(0) saturate(100%) invert(78%) sepia(2%) saturate(0%) hue-rotate(139deg) brightness(94%) contrast(87%);
  --color-primary-green: #3AA59E;
  --filter-primary-green: brightness(0) saturate(100%) invert(64%) sepia(11%) saturate(1794%) hue-rotate(127deg) brightness(85%) contrast(99%);
  --color-hover-yellow: #FFF9BC;
  --filter-hover-yellow: brightness(0) saturate(100%) invert(86%) sepia(97%) saturate(235%) hue-rotate(317deg) brightness(107%) contrast(101%);
  --color-icon-gray: #939393;
  --filter-icon-gray: brightness(0) saturate(100%) invert(56%) sepia(87%) saturate(0%) hue-rotate(216deg) brightness(87%) contrast(97%);
  --color-border-gray: #E0E0E0;
  --filter-border-gray: brightness(0) saturate(100%) invert(94%) sepia(1%) saturate(10%) hue-rotate(297deg) brightness(116%) contrast(76%);
  --color-primary-orange: #E8A61D;
  --filter-primary-orange: brightness(0) saturate(100%) invert(73%) sepia(29%) saturate(1291%) hue-rotate(350deg) brightness(96%) contrast(90%);
  --color-signup-main: #ff0000;
  --filter-signup-main: brightness(0) saturate(100%) invert(20%) sepia(94%) saturate(7204%) hue-rotate(0deg) brightness(112%) contrast(119%);
  --color-signup-sub: #ffe5ee;
  --color-login-main: #0067c0;
  --filter-login-main: brightness(0) saturate(100%) invert(25%) sepia(100%) saturate(1371%) hue-rotate(188deg) brightness(97%) contrast(104%);
  --color-login-sub: #effafa;
  --color-dull-green: #A5C7C5;
  --color-beige: #F8F6ED;
  --color-greige: #C1BEB2;
  --color-primary-red: #E31610;
  --color-rank-gold: #d5ba41;
  --color-rank-silver: #999999;
  --color-rank-copper: #b56838;
  --color-rakuten: #AF2418;
  --color-yahoo: #EA413E;
  --color-white: #FFF;
  --filter-greige: brightness(0) saturate(100%) invert(90%) sepia(13%) saturate(184%) hue-rotate(11deg) brightness(84%) contrast(87%);
  --filter-rank-gold: brightness(0) saturate(100%) invert(81%) sepia(9%) saturate(2887%) hue-rotate(5deg) brightness(95%) contrast(83%);
  --filter-rank-silver: brightness(0) saturate(100%) invert(69%) sepia(14%) saturate(3%) hue-rotate(327deg) brightness(85%) contrast(93%);
  --filter-rank-copper: brightness(0) saturate(100%) invert(48%) sepia(39%) saturate(668%) hue-rotate(339deg) brightness(88%) contrast(101%);
  --filter-rakuten: brightness(0) saturate(100%) invert(18%) sepia(100%) saturate(2775%) hue-rotate(355deg) brightness(79%) contrast(88%);
  --filter-yahoo: brightness(0) saturate(100%) invert(42%) sepia(63%) saturate(1686%) hue-rotate(332deg) brightness(90%) contrast(105%);
  --filter-white: brightness(0) invert(1);
  --wrapper-shadow: 0 0 10px #E2E1D9;
  --duration-hover: 0.2s;
  --opacity-hover: 0.8;
}

/*! destyle.css v3.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.min.css */
*, ::before, ::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
}

main {
  display: block;
}

p, table, blockquote, address, pre, iframe, form, figure, dl {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

dt {
  font-weight: 700;
}

dd {
  margin-left: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

pre {
  font-family: monospace,monospace;
  font-size: inherit;
}

address {
  font-style: inherit;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

abbr[title] {
  text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace,monospace;
  font-size: inherit;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

svg, img, embed, object, iframe {
  vertical-align: bottom;
}

button, input, optgroup, select, textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
}

[type="checkbox"] {
  -webkit-appearance: checkbox;
  appearance: checkbox;
}

[type="radio"] {
  -webkit-appearance: radio;
  appearance: radio;
}

button, [type="button"], [type="reset"], [type="submit"] {
  cursor: pointer;
}

button:disabled, [type="button"]:disabled, [type="reset"]:disabled, [type="submit"]:disabled {
  cursor: default;
}

:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

option {
  padding: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[contenteditable]:focus {
  outline: auto;
}

table {
  border-color: inherit;
}

caption {
  text-align: left;
}

td, th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: 700;
}

html {
  overflow-y: scroll;
  font-size: 62.5%;
}

body {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 1.4rem;
  color: #333;
}

button,
input,
textarea {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 1.4rem;
  color: #333;
}

p {
  line-height: 1.4;
  word-break: break-all;
}

a:not([class]) {
  color: var(--color-primary-green);
  text-decoration: none;
}

@media (hover) {
  a:not([class]):hover {
    text-decoration: underline;
  }
}

img {
  max-width: 100%;
}

.layout_breadcrumb {
  container-type: inline-size;
  display: flex;
  align-items: center;
  margin: 0 auto;
  padding: 0 5px;
}

.layout_breadcrumb__list {
  flex: 1;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 1040px;
  min-height: 40px;
  margin: 0 auto;
  padding: 8px 0;
}

@container (max-width: 767px) {
  .layout_breadcrumb__list {
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: auto;
  }
}

.layout_breadcrumb__item {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
}

@container (min-width: 768px) {
  .layout_breadcrumb__item:last-child {
    flex: 1;
    min-width: 0;
  }
}

.layout_breadcrumb__item span {
  display: block;
  min-height: 20px;
}

@container (min-width: 768px) {
  .layout_breadcrumb__item span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@container (max-width: 767px) {
  .layout_breadcrumb__item span {
    white-space: nowrap;
  }
}

.layout_breadcrumb__icon {
  position: relative;
  top: -1px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}

.layout_breadcrumb__icon img {
  filter: var(--filter-icon-light-gray);
}

.layout_main {
  container-type: inline-size;
  background-color: var(--color-beige);
}

.layout_main__content {
  position: relative;
  width: 1040px;
  margin: 0 auto;
  padding-bottom: 60px;
}

.layout_main__content[data-is-wide="true"] {
  width: 100%;
}

@container (max-width: 767px) {
  .layout_main__content {
    width: 100%;
  }
}

@media (min-width: 767px) {
  .layout_main__content {
    min-height: 600px;
  }
}

.layout_main__topAd {
  padding-bottom: 20px;
  text-align: center;
}

.layout_main__skyscraper {
  position: absolute;
  top: 0;
  width: 160px;
  height: 100%;
}

.layout_main__skyscraper[data-position="left"] {
  left: calc(-160px - 10px);
}

.layout_main__skyscraper[data-position="right"] {
  right: calc(-160px - 10px);
}

@media (max-width: 1039px) {
  .layout_main__skyscraper {
    display: none;
  }
}

.layout_main__skyscraperInner {
  position: sticky;
  top: 0;
}

.layoutHeader_campaign {
  container-type: inline-size;
  background-color: #d80111;
}

.layoutHeader_campaign__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

@container (max-width: 767px) {
  .layoutHeader_campaign__link img {
    width: 100%;
  }
}

.layoutHeader_error {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  color: #DF4840;
  line-height: 1.6;
  font-size: 1.4rem;
  text-align: center;
  background-color: #FAEBEA;
}

.layoutHeader_special {
  container-type: inline-size;
}

.layoutHeader_special__main {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 1040px;
  height: 50px;
  background-color: #F51631;
  overflow: hidden;
}

@container (max-width: 767px) {
  .layoutHeader_special__main {
    min-width: auto;
    border-bottom: 1px solid #CDD3D6;
  }
}

@media (hover) {
  .layoutHeader_special__main {
    transition-property: opacity;
    transition-duration: var(--duration-hover);
  }
  .layoutHeader_special__main:hover {
    opacity: 0.8;
  }
}

.layoutHeader_special__body {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  width: 100%;
  height: 100%;
}

.layoutHeader_special__icon {
  width: 114px;
}

.layoutHeader_special__icon img {
  max-width: 100%;
}

.layoutHeader_special__label {
  font-size: 2.2rem;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}

@container (max-width: 767px) {
  .layoutHeader_special__label {
    font-size: 2.0rem;
  }
}

@container (min-width: 768px) {
  .layoutHeader_special__labelSp {
    display: none;
  }
}

@container (max-width: 767px) {
  .layoutHeader_special__labelPc {
    display: none;
  }
}

.layoutHeader_special__button {
  display: flex;
  min-height: 32px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  border-radius: 4px;
  border: 1px solid #FFF;
}

@container (max-width: 767px) {
  .layoutHeader_special__button {
    min-height: auto;
    padding: 4px;
  }
}

.layoutHeader_special__button figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
}

.layoutHeader_special__button img {
  filter: var(--filter-white);
}

@container (max-width: 767px) {
  .layoutHeader_special__buttonLabel {
    display: none;
  }
}

.layoutFooter_sns {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.layoutFooter_sns__item {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: #fff;
}

.layoutFooter_sns__item img {
  width: auto;
  height: 26px;
}

@media (hover) {
  .layoutFooter_sns__item {
    transition-property: opacity;
    transition-duration: var(--duration-hover);
  }
  .layoutFooter_sns__item:hover {
    opacity: 0.8;
  }
}

@media (hover) {
  .component_bannerLink {
    transition-property: opacity;
    transition-duration: var(--duration-hover);
  }
  .component_bannerLink:hover {
    opacity: var(--opacity-hover);
  }
}

.component_bannerLink img {
  width: 100%;
  height: auto;
}

.component_backLink {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
  min-height: 50px;
  font-size: 1.4rem;
  color: var(--color-primary-green);
  border: 1px solid var(--color-primary-green);
  border-radius: 5px;
  background-color: #fff;
}

.component_backLink__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}

.component_backLink__icon img {
  filter: var(--filter-primary-green);
}

@media (hover) {
  .component_backLink {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .component_backLink:hover {
    background-color: var(--color-hover-yellow);
  }
}

.component_buttonBasic {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
  min-width: 194px;
  height: 46px;
  padding: 8px 16px;
  font-size: 1.8rem;
  font-weight: 700;
  border-width: 1px;
  border-style: solid;
  border-radius: 10px;
}

@media (hover) {
  .component_buttonBasic {
    transition-property: color, border-color, background-color;
    transition-duration: var(--duration-hover);
  }
  .component_buttonBasic img {
    transition-property: filter;
    transition-duration: var(--duration-hover);
  }
}

.component_buttonBasic[data-button-type="primary-green"] {
  color: var(--color-white);
  border-color: var(--color-primary-green);
  background-color: var(--color-primary-green);
}

.component_buttonBasic[data-button-type="primary-green"] img {
  filter: var(--filter-white);
}

@media (hover) {
  .component_buttonBasic[data-button-type="primary-green"]:hover {
    color: var(--color-primary-green);
    background-color: var(--color-white);
  }
  .component_buttonBasic[data-button-type="primary-green"]:hover img {
    filter: var(--filter-primary-green);
  }
}

.component_buttonBasic[data-button-type="primary-orange"] {
  color: var(--color-white);
  border-color: var(--color-primary-orange);
  background-color: var(--color-primary-orange);
}

.component_buttonBasic[data-button-type="primary-orange"] img {
  filter: var(--filter-white);
}

@media (hover) {
  .component_buttonBasic[data-button-type="primary-orange"]:hover {
    color: var(--color-primary-orange);
    background-color: var(--color-white);
  }
  .component_buttonBasic[data-button-type="primary-orange"]:hover img {
    filter: var(--filter-primary-orange);
  }
}

.component_buttonBasic[data-button-type="secondary"] {
  color: #939393;
  border-color: #E9EBED;
  background-color: #fff;
}

.component_buttonBasic[data-button-type="secondary"] img {
  filter: var(--filter-icon-gray);
}

@media (hover) {
  .component_buttonBasic[data-button-type="secondary"]:hover {
    border-color: #CDD3D6;
    background-color: #F7F7F7;
  }
}

.component_buttonSmall {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 36px;
  padding: 8px 11px 8px 18px;
  font-size: 1.4rem;
  font-weight: 700;
  border-width: 1px;
  border-style: solid;
  border-radius: 7px;
}

@media (hover) {
  .component_buttonSmall {
    transition-property: color, background-color;
    transition-duration: var(--duration-hover);
  }
  .component_buttonSmall img {
    transition-property: filter;
    transition-duration: var(--duration-hover);
  }
}

.component_buttonSmall[data-button-type="primary-orange"] {
  color: var(--color-white);
  border-color: var(--color-primary-orange);
  background-color: var(--color-primary-orange);
}

.component_buttonSmall[data-button-type="primary-orange"] img {
  filter: var(--filter-white);
}

@media (hover) {
  .component_buttonSmall[data-button-type="primary-orange"]:hover {
    color: var(--color-primary-orange);
    background-color: var(--color-white);
  }
  .component_buttonSmall[data-button-type="primary-orange"]:hover img {
    filter: var(--filter-primary-orange);
  }
}

.component_buttonSmall[data-button-type="primary-orange-border"] {
  color: var(--color-primary-orange);
  border-color: var(--color-primary-orange);
  background-color: transparent;
}

.component_buttonSmall[data-button-type="primary-orange-border"] img {
  filter: var(--filter-primary-orange);
}

.component_buttonSmall[data-button-type="secondary"] {
  color: #939393;
  border-color: #E9EBED;
  background-color: #fff;
}

.component_buttonSmall[data-button-type="secondary"] img {
  filter: var(--filter-icon-gray);
}

@media (hover) {
  .component_buttonSmall[data-button-type="secondary"]:hover {
    border-color: #CDD3D6;
    background-color: #F7F7F7;
  }
}

.component_buttonSmall__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 100%;
}

.component_gridNavigation {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media (max-width: 767px) {
  .component_gridNavigation {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}

.component_gridNavigation__link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
  min-height: 50px;
  padding: 10px;
  font-size: 1.4rem;
  color: var(--color-primary-green);
  border: 1px solid var(--color-primary-green);
  border-radius: 5px;
  background-color: #FFF;
}

@media (hover) {
  .component_gridNavigation__link {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .component_gridNavigation__link:hover {
    background-color: var(--color-hover-yellow);
  }
}

.component_gridNavigation__link[data-is-active="true"] {
  color: #FFF;
  background-color: var(--color-primary-green);
  pointer-events: none;
}

.component_mainHeading {
  font-size: 3.0rem;
  font-weight: 700;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .component_mainHeading {
    padding: 10px;
    font-size: 1.5rem;
    border-left: 5px solid var(--color-primary-orange);
    background-color: #FFF;
  }
}

.component_moreLink[data-is-mobile="true"] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  padding: 7px;
  font-size: 1.4rem;
  color: var(--color-icon-gray);
  border: 1px solid var(--color-border-gray);
  border-radius: 10px;
  background-color: #FFF;
}

.component_moreLink[data-is-mobile="true"] figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
}

.component_moreLink[data-is-mobile="true"] figure img {
  filter: var(--filter-icon-gray);
}

.component_moreLink[data-is-mobile="false"] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 10px 0;
  font-size: 1.4rem;
  border-top: 1px solid var(--color-border-gray);
}

@media (hover) {
  .component_moreLink[data-is-mobile="false"] {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .component_moreLink[data-is-mobile="false"]:hover {
    background-color: var(--color-hover-yellow);
  }
}

.component_shoppingSearch__head {
  display: flex;
  gap: 0 5px;
  padding-bottom: 5px;
  font-size: 1.4rem;
}

@media (min-width: 768px) {
  .component_shoppingSearch__head {
    justify-content: flex-start;
    align-items: flex-end;
  }
}

@media (max-width: 767px) {
  .component_shoppingSearch__head {
    flex-direction: column;
    gap: 5px;
  }
}

.component_shoppingSearch__title {
  display: flex;
  align-items: flex-end;
  font-size: 1.4rem;
}

@media (min-width: 768px) {
  .component_shoppingSearch__title {
    justify-content: flex-start;
    gap: 0 5px;
  }
}

@media (max-width: 767px) {
  .component_shoppingSearch__title {
    gap: 0 4px;
  }
}

.component_shoppingSearch__titleIcon {
  position: relative;
  top: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.4rem;
  color: var(--color-icon-gray);
}

.component_shoppingSearch__titleIcon img {
  filter: var(--filter-icon-gray);
}

@media (max-width: 767px) {
  .component_shoppingSearch__titleIcon {
    line-height: 1;
  }
}

.component_shoppingSearch__titleKeyword {
  display: inline-block;
  margin-right: 3px;
  font-size: 1.8rem;
  font-weight: 700;
}

.component_shoppingSearch__titleMemo {
  display: flex;
  align-items: center;
  min-height: 24px;
  padding: 0 5px;
  font-size: 1.4rem;
  color: var(--color-text-green);
  border-radius: 5px;
  background-color: #EFFAFA;
}

@media (min-width: 768px) {
  .component_shoppingSearch__titleMemo {
    position: relative;
    top: 2px;
  }
}

@media (max-width: 767px) {
  .component_shoppingSearch__titleMemo {
    justify-content: center;
    font-weight: 500;
  }
}

.component_shoppingSearch__body {
  display: flex;
  align-items: center;
  gap: 0 8px;
}

@media (max-width: 767px) {
  .component_shoppingSearch__body {
    gap: 0 3px;
    height: 44px;
  }
}

.component_shoppingSearch__inputBox {
  flex: 1;
  position: relative;
  display: flex;
}

@media (min-width: 768px) {
  .component_shoppingSearch__inputBox {
    gap: 0 8px;
    height: 44px;
  }
}

@media (max-width: 767px) {
  .component_shoppingSearch__inputBox {
    height: 100%;
  }
}

.component_shoppingSearch__inputText {
  flex: 1;
  position: relative;
}

.component_shoppingSearch__selectedIcon {
  position: absolute;
  left: 20px;
  top: calc(50% - 20px / 2);
}

.component_shoppingSearch__input {
  width: 100%;
  height: 44px;
  padding: 12px 12px 12px 47px;
  border: 1px solid var(--color-border-gray);
  border-radius: 5px;
  background-color: #fff;
  outline: none;
}

@media (hover) {
  .component_shoppingSearch__input {
    transition-property: border-color;
    transition-duration: var(--duration-hover);
  }
}

@media (max-width: 767px) {
  .component_shoppingSearch__input {
    border-radius: 5px 0 0 5px;
  }
}

.component_shoppingSearch__input::placeholder {
  color: var(--color-icon-gray);
}

.component_shoppingSearch__input:focus {
  border-color: var(--color-text-green);
}

.component_shoppingSearch__input:focus::placeholder {
  color: transparent;
}

.component_shoppingSearch__search {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 100%;
  font-size: 1.4rem;
  color: #fff;
  border-radius: 5px;
  background-color: var(--color-primary-green);
}

@media (hover) {
  .component_shoppingSearch__search {
    transition-property: opacity;
    transition-duration: var(--duration-hover);
  }
  .component_shoppingSearch__search:hover {
    opacity: .8;
  }
}

@media (max-width: 767px) {
  .component_shoppingSearch__search {
    width: 44px;
    border-radius: 0 5px 5px 0;
  }
}

@media (max-width: 767px) {
  .component_shoppingSearch__searchButtonLabel {
    display: none;
  }
}

@media (min-width: 768px) {
  .component_shoppingSearch__searchButtonIcon {
    display: none;
  }
}

.component_shoppingSearch__searchButtonIcon img {
  filter: var(--filter-white);
}

.component_shoppingSearch__modal {
  position: absolute;
  left: 0;
  top: 44px;
  z-index: 530000;
  width: 100%;
  padding: 10px 10px 0 10px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 3px 6px #7E7E7E;
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility;
  transition-duration: .2s;
}

.component_shoppingSearch__modal.isActive {
  opacity: 1;
  visibility: visible;
}

.component_shoppingSearch__lead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 5px 10px;
  font-size: 1.3rem;
  color: #939393;
}

.component_shoppingSearch__closer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
}

.component_shoppingSearch__closer img {
  filter: var(--filter-icon-gray);
}

.component_shoppingSearch__shop {
  border-bottom: 1px solid #CDD3D6;
}

.component_shoppingSearch__shop:last-child {
  border-bottom: none;
}

.component_shoppingSearch__shop input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.component_shoppingSearch__shop input[type="radio"] + label {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0 7px;
  padding: 10px;
  height: 44px;
}

.component_shoppingSearch__shop input[type="radio"] + label::before {
  flex-shrink: 0;
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #b4b4b4;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: inset 0 0 0 3px #fff;
  transition-property: border-color, background-color;
  transition-duration: .2s;
}

.component_shoppingSearch__shop input[type="radio"]:checked + label::before {
  border-color: #2C786C;
  background-color: #2C786C;
}

.component_shoppingSearch__shopIcon {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border: 1px solid transparent;
  border-radius: 50%;
}

.component_shoppingSearch__shopIcon::before {
  display: inline;
}

.component_shoppingSearch__shopIcon[data-shop="Fruitmail"] {
  color: #fff;
  border-color: #E8A61D;
  background-color: #E8A61D;
}

.component_shoppingSearch__shopIcon[data-shop="Fruitmail"]::before {
  content: 'F';
}

.component_shoppingSearch__shopIcon[data-shop="Rakuten"] {
  color: #fff;
  border-color: #B70000;
  background-color: #B70000;
}

.component_shoppingSearch__shopIcon[data-shop="Rakuten"]::before {
  content: 'R';
}

.component_shoppingSearch__shopIcon[data-shop="Yahoo"] {
  color: #FF002D;
  border-color: #CDD3D6;
  background-color: #fff;
}

.component_shoppingSearch__shopIcon[data-shop="Yahoo"]::before {
  content: 'Y';
}

.component_shoppingSearch__shopIcon[data-shop="AU"] {
  color: #fff;
  border-color: #E84B06;
  background-color: #E84B06;
}

.component_shoppingSearch__shopIcon[data-shop="AU"]::before {
  content: 'a';
  position: relative;
  top: -2px;
}

.component_sideInformation {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .component_sideInformation {
    gap: 8px;
    padding: 10px 0;
    border-radius: 5px;
    background-color: #FFF;
    box-shadow: var(--wrapper-shadow);
  }
}

@media (max-width: 767px) {
  .component_sideInformation {
    gap: 14px;
  }
}

.component_sideInformation__heading {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 0 10px;
  font-size: 1.8rem;
  font-weight: 700;
}

@media (max-width: 767px) {
  .component_sideInformation__heading {
    gap: 5px;
    padding: 0 15px;
  }
}

.component_sideInformation__list {
  display: flex;
  flex-direction: column;
  gap: 0;
}

@media (max-width: 767px) {
  .component_sideInformation__list {
    gap: 5px;
  }
}

.component_sideInformation__body {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0 10px;
}

@media (max-width: 767px) {
  .component_sideInformation__body {
    gap: 15px;
    padding: 0 15px;
  }
}

.component_sideInformation__body.isStretched {
  padding: 0;
}

.component_sideInformation__link {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 8px 10px;
}

@media (hover) {
  .component_sideInformation__link {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .component_sideInformation__link:hover {
    background-color: var(--color-hover-yellow);
  }
}

@media (max-width: 767px) {
  .component_sideInformation__link {
    padding: 10px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: var(--wrapper-shadow);
  }
}

.component_sideInformation__date {
  display: block;
  margin-bottom: 4px;
  font-size: 1.2rem;
  color: var(--color-icon-gray);
}

.component_sideInformation__text {
  line-height: 1.4;
}

.component_sideNavigation {
  container-type: inline-size;
  display: flex;
  flex-flow: column;
  gap: 8px;
}

.component_sideNavigation__heading {
  font-size: 1.8rem;
  font-weight: 700;
}

@media (max-width: 767px) {
  .component_sideNavigation__heading {
    padding: 0 15px;
    font-size: 1.4rem;
  }
}

@media (max-width: 767px) {
  .component_sideNavigation__list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
  }
  .component_sideNavigation__list::before, .component_sideNavigation__list::after {
    position: absolute;
    left: 0;
    z-index: 1;
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--color-border-gray);
  }
  .component_sideNavigation__list::before {
    top: 0;
  }
  .component_sideNavigation__list::after {
    bottom: 0;
  }
}

@media (max-width: 767px) {
  .component_sideNavigation__item {
    position: relative;
    width: calc(100% / 2);
  }
  .component_sideNavigation__item::before, .component_sideNavigation__item::after {
    position: absolute;
    z-index: 1;
    content: '';
    display: block;
    background-color: var(--color-border-gray);
  }
  .component_sideNavigation__item::before {
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
  }
  .component_sideNavigation__item::after {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
  }
  .component_sideNavigation__item:nth-child(2n)::before {
    content: none;
  }
}

.component_sideNavigation__link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  min-height: 42px;
  padding: 6px 12px;
  font-size: 1.4rem;
  line-height: 1.5;
}

@media (hover) {
  .component_sideNavigation__link {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .component_sideNavigation__link:hover {
    background-color: var(--color-hover-yellow);
  }
}

.component_sideNavigation__link[data-is-active="true"] {
  background-color: var(--color-hover-yellow);
}

@media (max-width: 767px) {
  .component_sideNavigation__link {
    height: 100%;
    min-height: 52px;
    padding: 6px 15px;
  }
}

.component_sideNavigation__icon {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}

.component_sideNavigation__icon img {
  filter: var(--filter-primary-green);
}

.component_sideNavigation__label {
  flex: 1;
}

.component_smallNavigationButton {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 36px;
  padding: 8px 11px 8px 18px;
  font-size: 1.4rem;
  font-weight: 700;
  border-width: 1px;
  border-style: solid;
  border-radius: 7px;
}

@media (hover) {
  .component_smallNavigationButton {
    transition-property: color, background-color;
    transition-duration: var(--duration-hover);
  }
  .component_smallNavigationButton img {
    transition-property: filter;
    transition-duration: var(--duration-hover);
  }
}

.component_smallNavigationButton[data-button-type="primary-orange"] {
  color: var(--color-white);
  border-color: var(--color-primary-orange);
  background-color: var(--color-primary-orange);
}

.component_smallNavigationButton[data-button-type="primary-orange"] img {
  filter: var(--filter-white);
}

@media (hover) {
  .component_smallNavigationButton[data-button-type="primary-orange"]:hover {
    color: var(--color-primary-orange);
    background-color: var(--color-white);
  }
  .component_smallNavigationButton[data-button-type="primary-orange"]:hover img {
    filter: var(--filter-primary-orange);
  }
}

.component_smallNavigationButton[data-button-type="primary-orange-border"] {
  color: var(--color-primary-orange);
  border-color: var(--color-primary-orange);
  background-color: transparent;
}

.component_smallNavigationButton[data-button-type="primary-orange-border"] img {
  filter: var(--filter-primary-orange);
}

.component_smallNavigationButton[data-button-type="secondary"] {
  color: #939393;
  border-color: #E9EBED;
  background-color: #fff;
}

.component_smallNavigationButton[data-button-type="secondary"] img {
  filter: var(--filter-icon-gray);
}

@media (hover) {
  .component_smallNavigationButton[data-button-type="secondary"]:hover {
    border-color: #CDD3D6;
    background-color: #F7F7F7;
  }
}

.component_smallNavigationButton__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 100%;
}

.component_tabNavigation {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 46px;
  padding: 5px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  word-break: break-all;
  border-radius: 5px;
}

.component_tabNavigation[data-color-preset="white"] {
  background-color: #FFF;
}

.component_tabNavigation[data-color-preset="gray"] {
  background-color: #F7F7F7;
}

@media (hover) {
  .component_tabNavigation {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .component_tabNavigation:hover {
    background-color: var(--color-hover-yellow);
  }
}

@media (max-width: 767px) {
  .component_tabNavigation {
    font-size: 1.4rem;
  }
}

.component_tabNavigation[data-is-small-font="true"] {
  font-size: 1.2rem;
  font-weight: 500;
}

.component_tabNavigation[data-is-active="true"] {
  position: relative;
  color: #fff;
  background-color: var(--color-primary-green);
  pointer-events: none;
}

.component_tabNavigation[data-is-active="true"]::before, .component_tabNavigation[data-is-active="true"]::after {
  position: absolute;
  left: calc(50% - 10px / 2);
  content: '';
  width: 0;
  height: 0;
  border-width: 10px 5px;
  border-style: solid;
  border-color: transparent;
}

.component_tabNavigation[data-is-active="true"]::before {
  top: calc(-10px * 2);
  border-bottom-color: var(--color-primary-green);
}

.component_tabNavigation[data-is-active="true"]::after {
  bottom: calc(-10px * 2);
  border-top-color: var(--color-primary-green);
}

.component_tabNavigation[data-is-active="true"][data-arrow-direction="top"]::after {
  content: none;
}

.component_tabNavigation[data-is-active="true"][data-arrow-direction="bottom"]::before {
  content: none;
}

.component_tabNavigation[data-is-active="true"][data-arrow-direction="none"]::before, .component_tabNavigation[data-is-active="true"][data-arrow-direction="none"]::after {
  content: none;
}

.component_textList[data-is-gray="true"] {
  color: var(--color-icon-gray);
}

.component_textList__list {
  display: flex;
  flex-direction: column;
  gap: 2px 0;
}

.component_textList__item {
  position: relative;
  padding-left: 1.4rem;
  font-size: 1.4rem;
  line-height: 1.7;
  word-break: auto-phrase;
}

@media (max-width: 767px) {
  .component_textList__item {
    padding-left: 1.2rem;
    font-size: 1.2rem;
  }
}

.component_textList__item::before {
  position: absolute;
  left: 0;
  top: 0;
}

.component_textList__item[data-type="notice"]::before {
  content: '・';
}

.component_textList__item[data-type="warning"]::before {
  content: '※';
}

.componentWeeklyMission {
  display: flex;
  flex-direction: column;
}

.componentWeeklyMission__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 5px;
  padding: 10px;
  border-radius: 5px 5px 0 0;
}

.componentWeeklyMission__head[data-content="game"] {
  background-color: #3DB2FF;
}

.componentWeeklyMission__head[data-content="research"] {
  background-color: #00CA21;
}

@media (max-width: 767px) {
  .componentWeeklyMission__head {
    padding: 5px 10px;
  }
}

.componentWeeklyMission__head button {
  padding: 4px 8px;
  font-size: 1.4rem;
  color: var(--color-primary-green);
  line-height: 1;
  border-radius: 5px;
  border: 1px solid var(--color-primary-green);
  background: #FFF;
}

.componentWeeklyMission__heading {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 2.0rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.4;
}

@media (max-width: 767px) {
  .componentWeeklyMission__heading {
    font-size: 1.6rem;
  }
}

.componentWeeklyMission__heading figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}

@media (max-width: 767px) {
  .componentWeeklyMission__heading figure {
    width: 18px;
    height: 18px;
  }
}

.componentWeeklyMission__heading img {
  filter: var(--filter-white);
}

.componentWeeklyMission__body {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  border-radius: 0 0 5px 5px;
  border-width: 0 2px 2px 2px;
  border-style: solid;
  background-color: #FFF;
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 236px auto;
}

.componentWeeklyMission__body[data-content="game"] {
  border-color: #3DB2FF;
  background-image: url("/assets/img/_components/weekly_mission/pc/game.png");
}

@media (max-width: 767px) {
  .componentWeeklyMission__body[data-content="game"] {
    background-image: url("/assets/img/_components/weekly_mission/mobile/game.png");
  }
}

.componentWeeklyMission__body[data-content="research"] {
  border-color: #00CA21;
  background-image: url("/assets/img/_components/weekly_mission/pc/research.png");
}

@media (max-width: 767px) {
  .componentWeeklyMission__body[data-content="research"] {
    background-image: url("/assets/img/_components/weekly_mission/mobile/research.png");
  }
}

@media (max-width: 767px) {
  .componentWeeklyMission__body {
    gap: 10px;
    padding: 15px;
    background-size: 130px auto;
  }
}

.componentWeeklyMission__summary {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.componentWeeklyMission__summaryTitle {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1;
}

@media (max-width: 767px) {
  .componentWeeklyMission__summaryTitle {
    font-size: 1.8rem;
  }
}

.componentWeeklyMission__summaryDescription {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  word-break: auto-phrase;
}

@media (max-width: 767px) {
  .componentWeeklyMission__summaryDescription {
    font-size: 1.4rem;
    line-height: 1.7;
  }
}

.componentWeeklyMission__focusText {
  color: #EF4444;
}

.componentWeeklyMission__message {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 6px;
  border-radius: 4px;
}

.componentWeeklyMission__message.isFriday {
  color: #E16108;
  background: #FFF6EF;
}

.componentWeeklyMission__message.isFriday img {
  filter: brightness(0) saturate(100%) invert(50%) sepia(26%) saturate(2657%) hue-rotate(351deg) brightness(86%) contrast(107%);
}

.componentWeeklyMission__message.isWeekend {
  color: #EF4444;
  border: 1px solid #FFB6B6;
  background: #FFEFEF;
}

.componentWeeklyMission__message.isWeekend img {
  filter: brightness(0) saturate(100%) invert(32%) sepia(84%) saturate(1269%) hue-rotate(331deg) brightness(97%) contrast(95%);
}

.componentWeeklyMission__message figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}

.componentWeeklyMission__stampWrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.componentWeeklyMission__stampBody {
  display: flex;
  justify-content: center;
  gap: 12px;
  padding: 14px 8px;
}

.componentWeeklyMission__stampBody[data-content="game"] {
  background: #FFF5DA;
}

.componentWeeklyMission__stampBody[data-content="research"] {
  background: #F4FFD2;
}

@media (max-width: 767px) {
  .componentWeeklyMission__stampBody {
    align-items: center;
    gap: 10px;
    padding: 8px 5.5px;
  }
}

.componentWeeklyMission__stampCount {
  font-size: 2.8rem;
  font-weight: 700;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .componentWeeklyMission__stampCount {
    font-size: 2.4rem;
  }
}

.componentWeeklyMission__stampList {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 12px;
}

@media (max-width: 767px) {
  .componentWeeklyMission__stampList {
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
  }
}

.componentWeeklyMission__stamp {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px dashed var(--color-icon-gray);
  background: #FFF;
}

@media (max-width: 767px) {
  .componentWeeklyMission__stamp {
    width: 30px;
    height: 30px;
  }
}

.componentWeeklyMission__stamp img {
  filter: var(--filter-icon-gray);
}

.componentWeeklyMission__stamp[data-is-cleared="true"] {
  border-style: solid;
}

.componentWeeklyMission__stamp[data-is-cleared="true"][data-content="game"] {
  border-color: #3DB2FF;
  background: #F0FF7F;
}

.componentWeeklyMission__stamp[data-is-cleared="true"][data-content="game"] img {
  filter: brightness(0) saturate(100%) invert(55%) sepia(89%) saturate(1157%) hue-rotate(178deg) brightness(101%) contrast(103%);
}

.componentWeeklyMission__stamp[data-is-cleared="true"][data-content="research"] {
  border-color: #001C69;
  background: #C0FF01;
}

.componentWeeklyMission__stamp[data-is-cleared="true"][data-content="research"] img {
  filter: brightness(0) saturate(100%) invert(8%) sepia(60%) saturate(6585%) hue-rotate(212deg) brightness(91%) contrast(117%);
}

.componentWeeklyMission__reload {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 4px 8px;
  font-size: 1.3rem;
  color: var(--color-primary-green);
  line-height: 1;
  border-radius: 20px;
  border: 1px solid var(--color-primary-green);
  background: #FFF;
}

@media (max-width: 767px) {
  .componentWeeklyMission__reload {
    font-size: 1.2rem;
  }
}

.componentWeeklyMission__reload figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}

.componentWeeklyMission__reload img {
  filter: var(--filter-primary-green);
}

.componentWeeklyMission__attentions {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.componentWeeklyMission__attention {
  display: flex;
  gap: 5px;
  font-size: 1.2rem;
  color: var(--color-icon-gray);
  line-height: 1.5;
}

.componentWeeklyMission__attention figure {
  position: relative;
  top: -1px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}

.componentWeeklyMission__attention img {
  filter: var(--filter-icon-gray);
}

.componentWeeklyMission__attentionDetail {
  max-width: 800px;
  text-align: left;
}

.anniversary25_common {
  display: flex;
  flex-flow: column;
  gap: 48px;
  padding-top: 10px;
  padding-bottom: 48px;
  background-image: url("/assets/img/anniversary25/bg-straight.png");
  background-repeat: repeat;
  background-size: 50px 16px;
}

@media (max-width: 767px) {
  .anniversary25_common {
    gap: 24px;
    padding-bottom: 24px;
  }
}

.anniversary25_common__sections {
  display: flex;
  flex-flow: column;
  gap: 32px;
  padding: 0 15px;
}

.anniversary25_common__section {
  display: flex;
  flex-flow: column;
  gap: 32px;
  max-width: 1040px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .anniversary25_common__section {
    gap: 20px;
  }
}

.anniversary25_common__sectionHeadingWrapper {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 8px;
}

.anniversary25_common__sectionHeading {
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.4;
  color: #222;
  text-align: center;
}

@media (max-width: 767px) {
  .anniversary25_common__sectionHeading {
    font-size: 2.4rem;
  }
}

.anniversary25_common__ribbon {
  width: 310px;
  height: auto;
}

@media (max-width: 767px) {
  .anniversary25_common__ribbon {
    width: 260px;
  }
}

.anniversary25_common__description {
  line-height: 1.5;
  text-align: center;
  word-break: auto-phrase;
}

.anniversary25_common__bottomLogo {
  display: flex;
  justify-content: center;
}

.anniversary25_common__bottomLogo img {
  max-width: 300px;
  height: auto;
  animation: anniversary25_heartbeat 1.5s ease-in-out infinite both;
}

@media (max-width: 767px) {
  .anniversary25_common__bottomLogo img {
    max-width: 200px;
  }
}

@keyframes anniversary25_heartbeat {
  from {
    transform: scale(1);
    transform-origin: center center;
    animation-timing-function: ease-out;
  }
  10% {
    transform: scale(0.91);
    animation-timing-function: ease-in;
  }
  17% {
    transform: scale(0.98);
    animation-timing-function: ease-out;
  }
  33% {
    transform: scale(0.87);
    animation-timing-function: ease-in;
  }
  45% {
    transform: scale(1);
    animation-timing-function: ease-out;
  }
}

.anniversary25Component_campaigns {
  display: flex;
  flex-flow: column;
  gap: 32px;
}

@media (max-width: 767px) {
  .anniversary25Component_campaigns {
    gap: 24px;
  }
}

.anniversary25Component_campaigns__item {
  display: flex;
  gap: 32px;
  padding: 40px;
  position: relative;
  border-radius: 16px;
  border: 3px solid #22BF43;
  background: #FFF;
  box-shadow: 0px 10px 4px 0px rgba(225, 209, 62, 0.75);
}

@media (max-width: 767px) {
  .anniversary25Component_campaigns__item {
    flex-flow: column;
    align-items: center;
    padding: 32px;
  }
}

.anniversary25Component_campaigns__new {
  position: absolute;
  left: 0;
  top: -30px;
  z-index: 1;
  content: '';
  width: 120px;
  height: auto;
}

@media (max-width: 767px) {
  .anniversary25Component_campaigns__new {
    top: -15px;
    width: 80px;
  }
}

.anniversary25Component_campaigns__thumbnail {
  display: block;
  width: 100%;
  max-width: 360px;
  opacity: 1;
  transition-property: opacity;
  transition-duration: var(--duration-hover);
}

@media (hover) {
  .anniversary25Component_campaigns__thumbnail:hover {
    opacity: 0.8;
  }
}

.anniversary25Component_campaigns__body {
  flex: 1;
  display: flex;
  flex-flow: column;
  gap: 29.5px;
}

@media (max-width: 767px) {
  .anniversary25Component_campaigns__body {
    gap: 24px;
  }
}

.anniversary25Component_campaigns__headingWrapper {
  display: flex;
  flex-flow: column;
  gap: 8px;
}

.anniversary25Component_campaigns__term {
  display: flex;
  align-items: center;
  gap: 8px;
}

.anniversary25Component_campaigns__termTitle {
  display: flex;
  padding: 6px 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 1.4rem;
  color: #22BF43;
  border-radius: 4px;
  border: 1px solid #22BF43;
}

.anniversary25Component_campaigns__termValue {
  font-size: 1.6rem;
  line-height: 1;
  color: #22BF43;
}

.anniversary25Component_campaigns__heading {
  color: #22BF43;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1;
}

@media (max-width: 767px) {
  .anniversary25Component_campaigns__heading {
    font-size: 2.4rem;
  }
}

.anniversary25Component_campaigns__description {
  font-size: 1.4rem;
  line-height: 1.7;
  word-break: auto-phrase;
}

.anniversary25Component_campaigns__button {
  display: flex;
  width: 100%;
  max-width: 360px;
  padding: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  font-size: 1.6rem;
  color: #fff;
  background: #F52130;
  transition-property: background-color;
  transition-duration: var(--duration-hover);
}

@media (hover) {
  .anniversary25Component_campaigns__button:hover {
    background-color: #FF5B66;
  }
}

.anniversary25Component_campaigns__button figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}

.anniversary25Component_campaigns__button img {
  filter: var(--filter-white);
}

.anniversary25Component_campaigns__end {
  position: absolute;
  left: -3px;
  top: -3px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: calc(100% + 3px * 2);
  height: calc(100% + 3px * 2);
  border-radius: 16px;
  background: rgba(51, 51, 51, 0.4);
}

.anniversary25Component_campaigns__endText {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 2.4rem;
  color: #FFF;
  line-height: 1.7;
  background-color: #333;
}

@media (max-width: 767px) {
  .anniversary25Component_campaigns__endText {
    font-size: 1.6rem;
  }
}

.anniversary25Component_campaigns__commingSoon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
  padding: 32px;
  border-radius: 20px;
  border: 1px solid #999;
  background: #D5D5D5;
  margin-bottom: 48px;
}

@media (max-width: 767px) {
  .anniversary25Component_campaigns__commingSoon {
    margin-bottom: 40px;
  }
}

.anniversary25Component_campaigns__commingSoon img {
  width: 80px;
  height: auto;
}

.anniversary25Component_campaigns__commingSoon p {
  font-size: 3.0rem;
  font-weight: 700;
  color: #939393;
  line-height: 1;
}

@media (max-width: 767px) {
  .anniversary25Component_campaigns__commingSoon p {
    font-size: 2.4rem;
  }
}

.anniversary25Component_mv {
  position: relative;
}

.anniversary25Component_mv__waveTop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 16px;
}

.anniversary25Component_mv__logo {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 35.71vw;
  transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
  .anniversary25Component_mv__logo {
    width: 80vw;
  }
}

.anniversary25Component_mv__logo img {
  opacity: 0;
  animation: anniversary25__fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
  animation-delay: 0.4s;
}

.anniversary25Component_mv__badge {
  position: absolute;
  left: 20.71vw;
  top: 6.43vw;
  width: 17.1vw;
  opacity: 0;
  animation: anniversary25__fadein 1s forwards;
  animation-delay: 1.4s;
}

@media (max-width: 767px) {
  .anniversary25Component_mv__badge {
    left: 4vw;
    top: 9.6vw;
    width: 32vw;
  }
}

.anniversary25Component_mv__badge img {
  animation: anniversary25__poyopoyo 2s ease-out infinite;
}

.anniversary25Component_mv__bg {
  width: 100%;
  height: auto;
}

.anniversary25Component_mv__waveBottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 16px;
}

@keyframes anniversary25__fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes anniversary25__fadeup {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes anniversary25__poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1);
  }
  50%, 70% {
    transform: scale(0.8);
  }
}

.anniversary25Component_shares {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.anniversary25Component_shares__item {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: #222;
}

@media (hover) {
  .anniversary25Component_shares__item {
    transition-property: opacity;
    transition-duration: var(--duration-hover);
  }
  .anniversary25Component_shares__item:hover {
    opacity: 0.8;
  }
}

.anniversary25Component_wave {
  width: 100%;
  height: 16px;
  background-image: url("/assets/img/anniversary25/bg-wave.png");
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: 50px 16px;
}

.anniversary25Component_wave[data-is-reverse="true"] {
  transform: rotate(180deg) scale(-1, 1);
}

.blogComponent_leftColumn {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
}

@media (max-width: 767px) {
  .blogComponent_leftColumn {
    gap: 38px 0;
  }
}

.blogComponent_leftColumn__campaign {
  max-width: 300px;
  margin: 0 auto;
}

.blogComponent_leftColumn__clickPoint {
  padding: 10px 10px 3px 6px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: var(--wrapper-shadow);
}

.blogLayout_default {
  display: flex;
  flex-flow: column;
  gap: 24px 0;
}

.blogLayout_default__columns {
  display: flex;
  gap: 0 20px;
}

@media (max-width: 767px) {
  .blogLayout_default__columns {
    flex-flow: column-reverse;
    gap: 20px 0;
  }
}

.blogLayout_default__leftColumn {
  flex-shrink: 0;
  width: 300px;
}

@media (max-width: 767px) {
  .blogLayout_default__leftColumn {
    width: 100%;
  }
}

.blogLayout_default__mainColumn {
  flex: 1;
}

.blog_main__mainColumn {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
}

@media (max-width: 767px) {
  .blog_main__mainColumn {
    gap: 10px 0;
  }
}

.blog_main__mainColumnInner {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
}

@media (max-width: 767px) {
  .blog_main__mainColumnInner {
    gap: 10px 0;
    padding: 0 15px;
  }
}

.blog_main__box {
  padding: 20px;
  border-radius: 5px;
  background-color: #FFF;
  box-shadow: var(--wrapper-shadow);
}

@media (max-width: 767px) {
  .blog_main__box {
    padding: 15px 20px 20px 20px;
  }
}

.blog_main__lead {
  margin-bottom: 27px;
  font-size: 1.4rem;
  line-height: 1.7;
  text-align: center;
  word-break: auto-phrase;
}

.blog_main__ctaFocus {
  display: block;
  max-width: 527.5px;
  margin: 0 auto 16px auto;
}

@media (max-width: 800px) {
  .blog_main__ctaFocus {
    max-width: 305px;
    margin-bottom: 13px;
  }
}

.blog_main__buttonsWrapper {
  display: flex;
  justify-content: center;
  gap: 0 20px;
}

@media (max-width: 767px) {
  .blog_main__buttonsWrapper {
    gap: 10px 0;
  }
}

.blog_main__largeButton {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
  width: 100%;
  min-width: 450px;
  max-width: 560px;
  min-height: 60px;
  padding: 7px 16px;
  font-size: 2.6rem;
  font-weight: 700;
  color: #FFF;
  border: 3px solid var(--color-primary-green);
  border-radius: 50px;
  background-color: var(--color-primary-green);
  box-shadow: 0 6px 6px #E2E1D9;
}

@media (hover) {
  .blog_main__largeButton:hover {
    color: var(--color-primary-green);
    background-color: #FFF;
  }
  .blog_main__largeButton:hover img {
    filter: var(--filter-primary-orange);
  }
}

.blog_main__largeButton--member {
  border-color: var(--color-primary-orange);
  background-color: var(--color-primary-orange);
}

@media (hover) {
  .blog_main__largeButton--member:hover {
    color: var(--color-primary-orange);
    background-color: #FFF;
  }
}

@media (max-width: 767px) {
  .blog_main__largeButton {
    min-width: auto;
    width: 100%;
    min-height: 46px;
    padding: 10px 16px;
    font-size: 1.5rem;
  }
}

.blog_main__largeButton figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

@media (max-width: 767px) {
  .blog_main__largeButton figure {
    width: 20px;
    height: 20px;
  }
}

.blog_main__largeButton figure img {
  width: 100%;
  filter: var(--filter-white);
}

.blog_main__buttonBottomText {
  margin-top: 15px;
  text-align: center;
}

@media (max-width: 767px) {
  .blog_main__buttonBottomText {
    margin-top: 20px;
    font-size: 1.2rem;
  }
}

.blog_main__description {
  line-height: 1.7;
}

.blog_main__focusText {
  color: #DF4840;
}

.blogIntroduceComponent_blogList__item {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
  padding: 20px;
  border-bottom: 1px solid var(--color-border-gray);
}

.blogIntroduceComponent_blogList__item:first-child {
  border-top: 1px solid var(--color-border-gray);
}

@media (hover) {
  .blogIntroduceComponent_blogList__item {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .blogIntroduceComponent_blogList__item:hover {
    background-color: var(--color-hover-yellow);
  }
}

@media (max-width: 767px) {
  .blogIntroduceComponent_blogList__item {
    padding: 20px 0;
  }
}

.blogIntroduceComponent_blogList__title {
  display: flex;
  align-items: center;
  gap: 0 10px;
}

.blogIntroduceComponent_blogList__categoryIcon {
  width: 55px;
}

@media (max-width: 767px) {
  .blogIntroduceComponent_blogList__categoryIcon {
    width: 40px;
  }
}

.blogIntroduceComponent_blogList__titleLabel {
  flex: 1;
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--color-primary-green);
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media (max-width: 767px) {
  .blogIntroduceComponent_blogList__titleLabel {
    font-size: 1.6rem;
    line-height: 1.375;
  }
}

.blogIntroduceComponent_blogList__description {
  font-size: 1.4rem;
  line-height: 1.7;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.blogIntroduceComponent_blogList__description p {
  line-height: inherit;
}

@media (max-width: 767px) {
  .blogIntroduceComponent_blogList__description {
    font-size: 1.2rem;
    line-height: 1.6;
  }
}

.blogIntroduceComponent_blogList__date {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0 5px;
  font-size: 1.2rem;
  color: var(--color-icon-gray);
}

.blogIntroduceComponent_blogList__date figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
}

:root {
  --color-friend-green: #22BF43;
}

.friendReferComponent_benefits {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.friendReferComponent_benefits__item {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

@media (max-width: 767px) {
  .friendReferComponent_benefits__item {
    gap: 20px;
  }
}

.friendReferComponent_benefits__head {
  display: flex;
  align-items: center;
}

@media (min-width: 768px) {
  .friendReferComponent_benefits__head {
    justify-content: space-between;
  }
}

@media (max-width: 767px) {
  .friendReferComponent_benefits__head {
    flex-direction: column;
    gap: 15px;
  }
}

.friendReferComponent_benefits__title {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 30px;
}

@media (max-width: 767px) {
  .friendReferComponent_benefits__title {
    gap: 15px;
  }
}

.friendReferComponent_benefits__titleIcon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 84px;
  height: 84px;
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  border-radius: 100%;
  background-color: var(--color-friend-green);
}

@media (max-width: 767px) {
  .friendReferComponent_benefits__titleIcon {
    width: 48px;
    height: 48px;
    font-size: 1rem;
  }
}

.friendReferComponent_benefits__titleNumber {
  font-size: 3.6rem;
  line-height: 1;
}

@media (max-width: 767px) {
  .friendReferComponent_benefits__titleNumber {
    font-size: 1.7rem;
  }
}

.friendReferComponent_benefits__titleText {
  flex: 1;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  word-break: auto-phrase;
}

@media (max-width: 767px) {
  .friendReferComponent_benefits__titleText {
    font-size: 1.4rem;
  }
}

.friendReferComponent_benefits__button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 140px;
  padding: 10px 20px;
  font-size: 1.4rem;
  color: #fff;
  border-radius: 10px;
  background-color: var(--color-primary-orange);
}

@media (max-width: 767px) {
  .friendReferComponent_benefits__button {
    width: 100%;
  }
}

.friendReferComponent_benefits__button img {
  filter: var(--filter-white);
}

.friendReferComponent_benefits__button.isOpen img {
  transform: rotateZ(-180deg);
}

.friendReferComponent_benefits__body {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 20px;
  border-radius: 10px;
  background-color: #F7F7F7;
}

.friendReferComponent_benefits__body.isHide {
  display: none;
}

@media (max-width: 767px) {
  .friendReferComponent_benefits__body {
    flex-direction: column;
  }
}

.friendReferComponent_benefits__image {
  width: 100%;
  max-width: 400px;
}

.friendReferComponent_benefits__description {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  line-height: 1.6;
}

.friendReferComponent_campaign {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.friendReferComponent_campaign__head {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.friendReferComponent_campaign__title {
  text-align: center;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.4;
  word-break: auto-phrase;
}

@media (max-width: 767px) {
  .friendReferComponent_campaign__title {
    font-size: 1.8rem;
    line-height: 1.5;
  }
}

.friendReferComponent_campaign__description {
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.7;
  word-break: auto-phrase;
}

@media (max-width: 767px) {
  .friendReferComponent_campaign__description {
    font-size: 1.4rem;
  }
}

.friendReferComponent_campaign__image img {
  height: auto;
}

.friendReferComponent_campaign__attention {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.friendReferComponent_campaign__attentionHeading {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--color-icon-gray);
}

@media (max-width: 767px) {
  .friendReferComponent_campaign__attentionHeading {
    font-size: 1.2rem;
  }
}

.friendReferComponent_navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.friendReferComponent_navigation__link {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 20px;
  font-size: 2.6rem;
  color: var(--color-icon-gray);
  border-radius: 60px;
  background-color: #fff;
  box-shadow: 0 6px 5px 1px #DEDCD4;
}

.friendReferComponent_navigation__link img {
  width: 40px;
  filter: var(--filter-icon-gray);
}

@media (max-width: 767px) {
  .friendReferComponent_navigation__link {
    gap: 5px;
    font-size: 1.2rem;
    padding: 10px 15px;
  }
  .friendReferComponent_navigation__link img {
    width: 20px;
  }
}

.friendReferComponent_shareBanners {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.friendReferComponent_shareBanners__buttons {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
}

@media (max-width: 767px) {
  .friendReferComponent_shareBanners__buttons {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
}

.friendReferComponent_shareBanners__button {
  color: #3AA59E;
  font-size: 1.4rem;
  text-align: center;
  border: 2px solid var(--color-primary-green);
  border-radius: 10px;
  padding: 10px 0;
}

@media (hover) {
  .friendReferComponent_shareBanners__button {
    transition-property: color, background-color;
    transition-duration: var(--duration-hover);
  }
  .friendReferComponent_shareBanners__button:hover {
    color: #fff;
    background-color: var(--color-primary-green);
  }
}

.friendReferComponent_shareBanners__button.isSelected {
  color: #fff;
  background-color: var(--color-primary-green);
}

.friendReferComponent_shareBanners__banner {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  padding: 20px;
  border-radius: 10px;
  background-color: #F7F7F7;
}

.friendReferComponent_shareBanners__banner img {
  max-width: 500px;
  object-fit: contain;
  object-position: top;
}

@media (max-width: 767px) {
  .friendReferComponent_shareBanners__banner {
    flex-direction: column;
    gap: 20px;
  }
  .friendReferComponent_shareBanners__banner img {
    width: 100%;
    margin: 0 auto;
  }
}

.friendReferComponent_shareBanners__form {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}

.friendReferComponent_shareBanners__form textarea {
  width: 100%;
  height: 143px;
  padding: 14px 20px;
  font-size: 1.3rem;
  text-align: left;
  background-color: #fff;
  border: 1px solid var(--color-text-green);
  border-radius: 5px;
  resize: none;
}

@media (max-width: 767px) {
  .friendReferComponent_shareBanners__form textarea {
    height: 80px;
  }
}

.friendReferComponent_shareBanners__copy {
  width: 148px;
  margin: 20px auto;
  padding: 14px 21px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  background-color: var(--color-primary-orange);
}

@media (max-width: 767px) {
  .friendReferComponent_shareBanners__copy {
    width: 130px;
    font-size: 1.3rem;
    padding: 14px 0;
  }
}

.friendReferMain {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

@media (max-width: 767px) {
  .friendReferMain {
    gap: 30px;
  }
}

.friendReferMain__head {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.friendReferMain__mv img {
  height: auto;
}

.friendReferMain__catch {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 8px 0;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
  word-break: auto-phrase;
  background-color: #2AFF57;
}

.friendReferMain__conversion {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.friendReferMain__conversionSummary {
  position: relative;
  top: 2px;
  padding: 0 15px;
  text-align: center;
  word-break: auto-phrase;
}

.friendReferMain__conversionMessage {
  color: var(--color-text-green);
  padding: 10px 15px;
  font-size: 1.4rem;
  text-align: center;
  background-color: #EFFAFA;
}

@media (max-width: 1040px) {
  .friendReferMain__conversionMessage {
    font-size: 1.3rem;
  }
}

.friendReferMain__body {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

@media (max-width: 767px) {
  .friendReferMain__body {
    gap: 30px;
    padding: 0 10px;
  }
}

.friendReferMain__section {
  border-radius: 10px;
  background-color: #fff;
  box-shadow: var(--wrapper-shadow);
}

.friendReferMain__sectionHeading {
  padding: 31.5px;
  font-size: 3rem;
  color: #fff;
  text-align: center;
  border-radius: 10px 10px 0 0;
  word-break: auto-phrase;
}

.friendReferMain__sectionHeading.isOrange {
  background-color: #E8A61D;
}

.friendReferMain__sectionHeading.isGreen {
  background-color: var(--color-friend-green);
}

.friendReferMain__sectionHeading.isGray {
  background-color: #B4B4B4;
}

@media (max-width: 767px) {
  .friendReferMain__sectionHeading {
    padding: 20px;
    font-size: 2rem;
  }
}

.friendReferMain__sectionBody {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 30px 40px;
}

@media (max-width: 767px) {
  .friendReferMain__sectionBody {
    gap: 20px;
    padding: 20px;
  }
}

.friendReferMain__descriptionWrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding-bottom: 40px;
  border-bottom: 1px #e5e5e5 solid;
}

.friendReferMain__description {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
}

@media (max-width: 767px) {
  .friendReferMain__description {
    font-size: 1.4rem;
    word-break: auto-phrase;
  }
}

.friendReferMain__now {
  display: flex;
  border: 3px solid var(--color-friend-green);
  border-radius: 10px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .friendReferMain__now {
    display: block;
  }
}

.friendReferMain__nowHead {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 394px;
  font-size: 3rem;
  color: #fff;
  line-height: 1.3;
  text-align: center;
  background-color: var(--color-friend-green);
}

@media (min-width: 768px) {
  .friendReferMain__nowHead {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .friendReferMain__nowHead {
    gap: 20px;
    width: 100%;
    padding: 20px 0;
    font-size: 1.4rem;
  }
}

.friendReferMain__nowCount {
  display: flex;
  align-items: baseline;
}

.friendReferMain__nowCountNumber {
  font-size: 7.2rem;
  font-weight: 700;
}

@media (max-width: 767px) {
  .friendReferMain__nowCountNumber {
    font-size: 3.5rem;
  }
}

.friendReferMain__nowBody {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 40px;
  background-color: #fff;
}

@media (max-width: 767px) {
  .friendReferMain__nowBody {
    gap: 20px;
    padding: 20px;
  }
}

.friendReferMain__nowItem {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.friendReferMain__shareMenu {
  display: flex;
  justify-content: center;
  gap: 40px;
}

@media (max-width: 767px) {
  .friendReferMain__shareMenu {
    flex-wrap: wrap;
    gap: 10px;
  }
}

.friendReferMain__shareButton {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100px;
  height: 100px;
  font-weight: 700;
  color: var(--color-text-green);
  border: 2px solid var(--color-text-green);
  border-radius: 5px;
}

@media (max-width: 767px) {
  .friendReferMain__shareButton {
    width: 90px;
    height: 90px;
  }
}

.friendReferMain__shareButton img {
  height: 42px;
  filter: brightness(0);
}

@media (hover) {
  .friendReferMain__shareButton {
    transition-property: background-color, color;
    transition-duration: var(--duration-hover);
  }
  .friendReferMain__shareButton img {
    transition-property: filter;
    transition-duration: var(--duration-hover);
  }
  .friendReferMain__shareButton:hover {
    color: #fff;
    background-color: var(--color-text-green);
  }
  .friendReferMain__shareButton:hover img {
    filter: brightness(0) invert(1);
  }
}

.friendReferMain__shareButton[data-is-active="false"] {
  pointer-events: none;
  filter: var(--filter-icon-gray);
}

.friendReferMain__shareButton[data-is-active="false"] img {
  filter: var(--filter-icon-gray);
}

.friendReferMain__qrModal {
  position: relative;
  height: 100%;
  padding-top: 30px;
  box-sizing: border-box;
}

.friendReferMain__qrModalOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
}

.friendReferMain__qrModalMain {
  position: fixed;
  left: calc((100% - 290px) / 2);
  top: calc((100% - 290px) / 2);
  z-index: 20;
  width: 290px;
  height: 290px;
  padding: 30px;
  border-radius: 10px;
  background-color: #fff;
}

.friendReferMain__qrModalInner {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
}

.friendReferMain__qrModalCloseIcon {
  position: absolute;
  right: 10px;
  top: 10px;
}

@media (hover) {
  .friendReferMain__qrModalCloseIcon {
    cursor: pointer;
  }
}

.friendReferMain__qrModalCode {
  display: block;
  margin: 0 auto;
  width: 200px;
}

.friendReferMain__qrModalCloseButton {
  width: 100px;
  margin: 0 auto;
  padding: 8px 0;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  background-color: var(--color-primary-orange);
}

.friendReferMain__blogIntroduce {
  display: block;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 40px;
}

.friendReferMain__blogIntroduce img {
  height: auto;
}

@media (max-width: 767px) {
  .friendReferMain__blogIntroduce {
    margin-bottom: 20px;
  }
  .friendReferMain__blogIntroduce img {
    width: 100%;
  }
}

.friendReferMain__introduceWrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.friendReferMain__introduceHeading {
  padding: 5px 10px;
  font-size: 2rem;
  color: #fff;
  background-color: var(--color-friend-green);
}

@media (max-width: 767px) {
  .friendReferMain__introduceHeading {
    font-size: 1.6rem;
  }
}

.friendReferMain__form {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .friendReferMain__form {
    gap: 10px;
  }
}

.friendReferMain__formHeading {
  font-size: 1.8rem;
  font-weight: 700;
}

@media (max-width: 767px) {
  .friendReferMain__formHeading {
    width: 100%;
    font-size: 1.4rem;
  }
}

.friendReferMain__formInput {
  width: 413px;
  padding: 14px 20px;
  font-size: 1.3rem;
  border: 1px solid var(--color-text-green);
  border-radius: 5px;
  background-color: #fff;
}

.friendReferMain__formInput.isSmall {
  width: 210px;
}

@media (max-width: 767px) {
  .friendReferMain__formInput {
    flex: 1;
    width: 100%;
  }
}

.friendReferMain__formButton {
  display: flex;
  align-items: center;
  padding: 14px 21px;
  font-size: 1.4rem;
  color: #fff;
  border-radius: 10px;
  background-color: var(--color-primary-orange);
}

@media (max-width: 767px) {
  .friendReferMain__formButton {
    font-size: 1.3rem;
    padding: 14px 12px;
    white-space: nowrap;
  }
}

.friendReferMain__introduceBannerWrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.friendReferMain__attentions {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.friendReferMain__attention {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.friendReferMain__attentionHeading {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .friendReferMain__attentionHeading {
    font-size: 1.6rem;
  }
}

.friendReferMain__toast {
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}

.friendReferMain__toast img {
  filter: var(--filter-white);
}

.guideMovieComponent_movies {
  position: relative;
  display: flex;
  flex-flow: column;
}

@media (min-width: 768px) {
  .guideMovieComponent_movies {
    padding: 10px;
    border-radius: 5px;
    background-color: #FFF;
    box-shadow: var(-wrapper-shadow);
  }
}

@media (max-width: 767px) {
  .guideMovieComponent_movies {
    gap: 10px;
  }
}

.guideMovieComponent_movies__item {
  position: relative;
  display: flex;
  flex-flow: column;
  gap: 20px 0;
  padding: 40px 10px 30px 10px;
  border-bottom: 1px solid #CDD3D6;
}

.guideMovieComponent_movies__item:first-child {
  padding-top: 10px;
}

.guideMovieComponent_movies__item:last-child {
  padding-bottom: 10px;
  border-bottom: none;
}

@media (max-width: 767px) {
  .guideMovieComponent_movies__item {
    width: 100%;
    padding: 10px;
    border-top: none;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 10px #E2E1D9;
  }
}

.guideMovieComponent_movies__heading {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.3;
}

.guideMovieComponent_movies__description {
  min-height: 50px;
  font-size: 1.3rem;
  line-height: 1.8;
}

@media (max-width: 767px) {
  .guideMovieComponent_movies__description {
    min-height: auto;
  }
}

.guideMovieComponent_movies__movieWrapper {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
}

.guideMovieComponent_movies__movie {
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%;
}

.guideMovieComponent_movies__movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.guideMovieComponent_movies__duration {
  position: relative;
  top: -5px;
  display: flex;
  justify-content: flex-end;
  font-size: 1.2rem;
}

.guideMovieComponent_movies__guide {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
}

.guideMovieComponent_movies__guideHead {
  display: flex;
  align-items: center;
  min-height: 24px;
  padding: 10px;
  font-size: 1.6rem;
  font-weight: 700;
  border-radius: 5px;
  background-color: #EFFAFA;
}

@media (max-width: 767px) {
  .guideMovieComponent_movies__guideHead {
    font-size: 1.4rem;
  }
}

.guideMovieComponent_movies__guideBody {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .guideMovieComponent_movies__guideBody {
    position: relative;
  }
  .guideMovieComponent_movies__guideBody::after {
    position: absolute;
    left: 0;
    z-index: 1;
    content: '';
    display: block;
    width: 100%;
    height: 1px;
  }
  .guideMovieComponent_movies__guideBody::before {
    top: 0;
    background-color: var(--color-border-gray);
  }
  .guideMovieComponent_movies__guideBody::after {
    bottom: 0;
    background-color: #FFF;
  }
}

@media (max-width: 767px) {
  .guideMovieComponent_movies__guideBody {
    display: flex;
    flex-flow: column;
    gap: 10px 0;
  }
}

.guideMovieComponent_movies__guideSection {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
}

@media (min-width: 768px) {
  .guideMovieComponent_movies__guideSection {
    position: relative;
    width: calc(100% / 2);
    padding: 10px;
  }
  .guideMovieComponent_movies__guideSection::before, .guideMovieComponent_movies__guideSection::after {
    position: absolute;
    content: '';
    display: block;
    background-color: var(--color-border-gray);
  }
  .guideMovieComponent_movies__guideSection::before {
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
  }
  .guideMovieComponent_movies__guideSection::after {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
  }
  .guideMovieComponent_movies__guideSection:nth-child(2n)::before {
    content: none;
  }
}

@media (max-width: 767px) {
  .guideMovieComponent_movies__guideSection {
    padding: 10px 0;
    border-bottom: 1px solid var(--color-border-gray);
  }
}

.guideMovieComponent_movies__guideHeading {
  font-weight: 700;
}

.guideMovieComponent_movies__guideLinks {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
}

.guideMovieComponent_movies__guideLinkWrapper {
  display: flex;
  align-items: center;
  color: var(--color-primary-green);
}

.guideMovieComponent_movies__guideLinkWrapper figure {
  position: relative;
  top: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}

.guideMovieComponent_movies__guideLinkWrapper figure img {
  filter: var(--filter-primary-green);
}

.guideMovieComponentMobile_navigation {
  display: flex;
  gap: 10px;
  padding-bottom: 5px;
  overflow: auto;
}

.guideMovieComponentMobile_navigation__item {
  flex: 1;
}

.guideMovieComponentMobile_navigation__link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
  height: 100%;
  min-height: 50px;
  padding: 10px;
  font-size: 1.2rem;
  color: var(--color-primary-green);
  border: 1px solid var(--color-primary-green);
  border-radius: 5px;
  background-color: #FFF;
  white-space: nowrap;
}

@media (hover) {
  .guideMovieComponentMobile_navigation__link {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .guideMovieComponentMobile_navigation__link:hover {
    background-color: var(--color-hover-yellow);
  }
}

.guideMovieComponentMobile_navigation__link[data-is-active="true"] {
  color: #FFF;
  background-color: var(--color-primary-green);
  pointer-events: none;
}

.guideMovie_main {
  display: flex;
  flex-flow: column;
  gap: 20px;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .guideMovie_main {
    width: 100%;
    max-width: 1040px;
  }
}

.guideMovie_main__columns {
  display: flex;
  gap: 0 20px;
}

@media (max-width: 767px) {
  .guideMovie_main__columns {
    flex-flow: column-reverse;
    gap: 20px 0;
  }
}

.guideMovie_main__leftColumn {
  display: flex;
  flex-flow: column;
  gap: 40px 0;
  width: 300px;
}

@media (max-width: 767px) {
  .guideMovie_main__leftColumn {
    width: 100%;
  }
}

.guideMovie_main__navigation {
  position: sticky;
  top: 20px;
}

.guideMovie_main__mainColumn {
  flex: 1;
  display: flex;
  flex-flow: column;
  gap: 20px 0;
}

.guideMovie_main__body {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
}

@media (max-width: 767px) {
  .guideMovie_main__body {
    margin: 0 15px;
  }
}

.guideMovie_main__navigationPC {
  position: sticky;
  top: 20px;
}

.guideMovie_main__box {
  padding: 10px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #E2E1D9;
}

@media (max-width: 767px) {
  .guideMovie_main__box {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
  }
}

.guideMovie_main__section {
  display: flex;
  flex-flow: column;
  gap: 22px 0;
  margin-top: 20px;
}

.guideMovie_main__sectionHeading {
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1.4;
}

@media (max-width: 767px) {
  .guideMovie_main__sectionHeading {
    font-size: 1.6rem;
  }
}

.guideMovie_main__button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
  min-width: 194px;
  height: 46px;
  padding: 8px 16px;
  font-size: 1.8rem;
  font-size: 700;
  color: #fff;
  border: 1px solid #E8A61D;
  border-radius: 10px;
  background-color: #E8A61D;
}

@media (hover) {
  .guideMovie_main__button {
    transition-property: color, border-color, background-color;
    transition-duration: .2s;
  }
  .guideMovie_main__button:hover {
    color: #E8A61D;
    background-color: #fff;
  }
}

@media (max-width: 767px) {
  .guideMovie_main__button {
    font-size: 1.4rem;
  }
}

.homeComponent_bonusResearch {
  display: flex;
  padding: 15px 10px;
  gap: 0 6px;
}

@media (hover) {
  .homeComponent_bonusResearch {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .homeComponent_bonusResearch:hover {
    background-color: var(--color-hover-yellow);
  }
}

@media (min-width: 768px) {
  .homeComponent_bonusResearch {
    align-items: center;
  }
}

@media (max-width: 767px) {
  .homeComponent_bonusResearch {
    flex-direction: column;
    padding: 10px 15px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 5px #e2e1d9;
  }
}

.homeComponent_bonusResearch__text {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (max-width: 767px) {
  .homeComponent_bonusResearch__text {
    font-size: 1.6rem;
    font-weight: 700;
  }
}

.homeComponent_bonusResearch__pointWrapper {
  align-self: flex-end;
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  align-items: baseline;
}

.homeComponent_bonusResearch__pointWrapper img {
  position: relative;
  top: 1px;
  width: 15px;
  height: auto;
}

.homeComponent_bonusResearch__pointWrapper del {
  font-size: 1.4rem;
  text-decoration: line-through;
}

.homeComponent_bonusResearch__fixedPointWrapper {
  display: flex;
  align-items: baseline;
  gap: 4px;
  flex-wrap: wrap;
}

.homeComponent_bonusResearch__fixedPoint {
  display: flex;
  align-items: baseline;
  font-size: 1.8rem;
  font-weight: 700;
  color: #E31610;
  word-break: break-all;
}

.homeComponent_bonusResearch__fixedPoint span {
  font-size: 1.4rem;
}

@media (min-width: 768px) {
  .homeComponent_campaigns {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}

@media (max-width: 767px) {
  .homeComponent_campaigns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}

.homeComponent_campaigns img {
  width: 100%;
}

.homeComponent_clickPoint {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  background: linear-gradient(#FF9E00 0%, #FF3232 100%);
}

.homeComponent_clickPoint__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 767px) {
  .homeComponent_clickPoint__head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
}

.homeComponent_clickPoint__heading {
  font-size: 1.8rem;
  font-weight: 700;
  color: #FFF;
}

.homeComponent_clickPoint__hint {
  display: flex;
  align-items: center;
  font-size: 1.3rem;
}

.homeComponent_clickPoint__hint img {
  filter: brightness(0) saturate(100%) invert(32%) sepia(99%) saturate(595%) hue-rotate(5deg) brightness(102%) contrast(101%);
}

@media (hover) {
  .homeComponent_clickPoint__hint:hover {
    color: #FFF9BC;
  }
  .homeComponent_clickPoint__hint:hover img {
    filter: brightness(0) saturate(100%) invert(96%) sepia(7%) saturate(1819%) hue-rotate(331deg) brightness(106%) contrast(104%);
  }
}

.homeComponent_clickPoint__body {
  display: flex;
  padding: 10px;
  gap: 10px;
  border-radius: 10px;
  background: #FFF;
}

@media (hover) {
  .homeComponent_clickPoint__body {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .homeComponent_clickPoint__body:hover {
    background-color: var(--color-hover-yellow);
  }
}

.homeComponent_clickPoint__image {
  flex-shrink: 0;
  width: 300px;
}

@media (max-width: 767px) {
  .homeComponent_clickPoint__image {
    width: 170px;
  }
}

.homeComponent_clickPoint__main {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

@media (max-width: 767px) {
  .homeComponent_clickPoint__main {
    gap: 12px;
  }
}

.homeComponent_clickPoint__check {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 4px 8px;
  font-size: 1.6rem;
  font-weight: 700;
  color: #FFF;
  border-radius: 5px;
  background: linear-gradient(90deg, #15A097 0%, #9FC220 100%);
}

@media (min-width: 768px) {
  .homeComponent_clickPoint__check {
    align-self: flex-start;
  }
}

.homeComponent_clickPoint__check img {
  filter: var(--filter-white);
}

.homeComponent_clickPoint__texts {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

@media (max-width: 767px) {
  .homeComponent_clickPoint__texts {
    gap: 30px;
  }
}

.homeComponent_clickPoint__text {
  font-size: 1.6rem;
}

@media (max-width: 767px) {
  .homeComponent_clickPoint__text {
    font-size: 1.4rem;
  }
}

.homeComponent_clickPoint__pointWrapper {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  align-items: baseline;
}

.homeComponent_clickPoint__pointWrapper img {
  position: relative;
  top: 1px;
  width: 15px;
  height: auto;
}

.homeComponent_clickPoint__pointWrapper del {
  font-size: 1.4rem;
  text-decoration: line-through;
}

.homeComponent_clickPoint__fixedPointWrapper {
  display: flex;
  align-items: baseline;
  gap: 5px;
  flex-wrap: wrap;
}

.homeComponent_clickPoint__fixedPoint {
  display: flex;
  align-items: baseline;
  font-size: 3.0rem;
  font-weight: 700;
  color: #E31610;
  word-break: break-all;
}

.homeComponent_clickPoint__fixedPoint span {
  font-size: 1.4rem;
}

.homeComponent_clickPoint__attention {
  text-align: right;
  font-size: 1.3rem;
  color: #FFF;
}

.homeComponent_clickPoint__hintContent {
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: left;
}

.homeComponent_clickPoint__hintHeading {
  font-size: 1.8rem;
  font-weight: 700;
}

.homeComponent_clickPoint__hintText {
  font-size: 1.4rem;
  line-height: 1.4;
}

.homeComponent_contentCard {
  display: flex;
  flex-direction: column;
  gap: 13px;
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: var(--wrapper-shadow);
}

@media (hover) {
  .homeComponent_contentCard {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .homeComponent_contentCard:hover {
    background-color: var(--color-hover-yellow);
  }
  .homeComponent_contentCard:hover figure img:nth-child(1) {
    opacity: 0;
  }
  .homeComponent_contentCard:hover figure img:nth-child(2) {
    opacity: 1;
  }
}

.homeComponent_contentCard__heading {
  display: flex;
  justify-content: center;
  padding-bottom: 4px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  border-bottom: 1px solid var(--color-border-gray);
}

@media (max-width: 767px) {
  .homeComponent_contentCard__heading {
    font-size: 1.6rem;
    border-bottom: none;
  }
}

.homeComponent_contentCard__body {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.homeComponent_contentCard__image {
  position: relative;
  width: 150px;
  height: auto;
  aspect-ratio: 150 / 130;
}

@media (max-width: 767px) {
  .homeComponent_contentCard__image {
    width: 100px;
  }
}

.homeComponent_contentCard__image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
}

.homeComponent_contentCard__image img:nth-child(1) {
  opacity: 1;
}

.homeComponent_contentCard__image img:nth-child(2) {
  opacity: 0;
}

.homeComponent_contentCard__pointWrapper {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 5px;
  flex-wrap: wrap;
}

.homeComponent_contentCard__pointWrapper img {
  position: relative;
  top: 2px;
  width: 15px;
  height: auto;
}

.homeComponent_contentCard__pointReason {
  font-size: 1.4rem;
  line-height: 1.4;
}

.homeComponent_contentCard__pointBody {
  display: flex;
  align-items: baseline;
  font-size: 1.8rem;
  font-weight: 700;
  color: #E31610;
  word-break: break-all;
}

.homeComponent_contentCard__pointUnit {
  font-size: 1.4rem;
}

.homeComponent_daily {
  display: flex;
  gap: 0 4px;
  align-items: center;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 1.3rem;
}

@media (hover) {
  .homeComponent_daily {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .homeComponent_daily:hover {
    background-color: var(--color-hover-yellow);
  }
}

.homeComponent_daily__text {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.homeComponent_daily__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
}

.homeComponent_daily__icon img {
  filter: var(--filter-icon-light-gray);
}

.homeComponent_favorite {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  min-width: 0;
  height: 100%;
  padding: 10px;
}

@media (hover) {
  .homeComponent_favorite {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .homeComponent_favorite:hover {
    background-color: var(--color-hover-yellow);
  }
}

.homeComponent_favorite__image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  aspect-ratio: 300 / 250;
}

.homeComponent_favorite__pointWrapper {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 5px;
  flex-wrap: wrap;
}

.homeComponent_favorite__pointWrapper img {
  width: 10px;
  height: auto;
}

.homeComponent_favorite del {
  font-size: 1.0rem;
  text-decoration: line-through;
}

.homeComponent_favorite__fixedPointWrapper {
  display: flex;
  align-items: baseline;
  gap: 4px;
}

.homeComponent_favorite__fixedPoint {
  display: flex;
  align-items: baseline;
  font-size: 1.2rem;
  font-weight: 700;
  color: #E31610;
  word-break: break-all;
}

.homeComponent_information__link {
  display: block;
  padding: 8px 10px;
}

@media (hover) {
  .homeComponent_information__link {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .homeComponent_information__link:hover {
    background-color: var(--color-hover-yellow);
  }
}

.homeComponent_information__date {
  display: block;
  margin-bottom: 4px;
  font-size: 1.2rem;
  color: var(--color-icon-gray);
}

.homeComponent_information__text {
  line-height: 1.4;
}

.homeComponent_infoseekNews {
  border-radius: 5px;
  background-color: #fff;
  box-shadow: var(--wrapper-shadow);
}

.homeComponent_infoseekNews__categories {
  display: flex;
  gap: 0 1px;
}

.homeComponent_infoseekNews__category {
  flex: 1;
  height: 35px;
}

.homeComponent_infoseekNews__categoryButton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  font-size: 1.4rem;
  font-weight: 700;
  background-color: #eaeaea;
  outline: none;
  cursor: pointer;
}

@media (hover) {
  .homeComponent_infoseekNews__categoryButton {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .homeComponent_infoseekNews__categoryButton:hover {
    background-color: #fff;
  }
}

.homeComponent_infoseekNews__categoryButton[data-is-active="true"] {
  border-top-color: #ffb000;
  background-color: #fff;
}

@media (min-width: 768px) {
  .homeComponent_infoseekNews__categoryButton[data-is-active="true"]:hover {
    background-color: #fff;
  }
}

.homeComponent_infoseekNews__body {
  padding: 8px 0 10px 0;
}

.homeComponent_infoseekNews__main {
  flex: 1;
}

.homeComponent_infoseekNews__list {
  display: none;
  flex: 1;
}

@media screen and (max-width: 450px) {
  .homeComponent_infoseekNews__list {
    margin-bottom: 10px;
  }
}

.homeComponent_infoseekNews__list[data-is-active="true"] {
  display: block;
}

.homeComponent_infoseekNews__link {
  display: flex;
  align-items: center;
  gap: 0 8px;
  width: 100%;
  min-height: 36px;
  padding: 6px 10px;
}

@media (hover) {
  .homeComponent_infoseekNews__link {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .homeComponent_infoseekNews__link:hover {
    background-color: var(--color-hover-yellow);
  }
}

.homeComponent_infoseekNews__link--focus {
  padding: 10px;
  font-weight: 700;
}

.homeComponent_infoseekNews__text {
  font-size: 1.4rem;
}

.homeComponent_infoseekNews__photo {
  display: inline-block;
  line-height: 1;
  width: 20px;
}

.homeComponent_infoseekNews__photo img {
  filter: var(--filter-icon-light-gray);
}

.homeComponent_infoseekNews__new {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 15px;
  font-size: 1.0rem;
  color: #fff;
  line-height: 1;
  background-color: var(--color-primary-orange);
}

.homeComponent_message {
  display: flex;
  padding: 7px 10px;
}

@media (hover) {
  .homeComponent_message {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .homeComponent_message:hover {
    background-color: var(--color-hover-yellow);
  }
}

@media (min-width: 768px) {
  .homeComponent_message {
    align-items: center;
    gap: 10px;
  }
}

@media (max-width: 767px) {
  .homeComponent_message {
    flex-direction: column;
    gap: 5px;
    padding: 10px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: var(--wrapper-shadow);
  }
}

.homeComponent_message__category {
  display: inline-block;
  width: 110px;
  font-size: 1.3rem;
  padding: 3px 5px;
  color: var(--color-icon-gray);
  text-align: center;
  border: 1px solid var(--color-border-gray);
  border-radius: 5px;
}

.homeComponent_message__text {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.4rem;
}

.homeComponent_message__point {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (min-width: 768px) {
  .homeComponent_message__categoryMobile {
    display: none;
  }
}

@media (max-width: 767px) {
  .homeComponent_message__categoryPc {
    display: none;
  }
}

.homeComponent_message__pointWrapper {
  align-self: flex-end;
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  align-items: baseline;
}

.homeComponent_message__pointWrapper img {
  position: relative;
  top: 1px;
  width: 15px;
  height: auto;
}

.homeComponent_message__pointWrapper del {
  font-size: 1.4rem;
  text-decoration: line-through;
}

.homeComponent_message__fixedPointWrapper {
  display: flex;
  align-items: baseline;
  gap: 4px;
  flex-wrap: wrap;
}

.homeComponent_message__fixedPoint {
  display: flex;
  align-items: baseline;
  font-size: 1.8rem;
  font-weight: 700;
  color: #E31610;
  word-break: break-all;
}

.homeComponent_message__fixedPoint span {
  font-size: 1.4rem;
}

.homeComponent_monitorItem {
  display: flex;
  gap: 10px;
  padding: 5px 10px;
}

@media (hover) {
  .homeComponent_monitorItem {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .homeComponent_monitorItem:hover {
    background-color: var(--color-hover-yellow);
  }
}

.homeComponent_monitorItem__image {
  flex-shrink: 0;
  width: 90px;
}

.homeComponent_monitorItem__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 1.4rem;
}

@media (max-width: 767px) {
  .homeComponent_monitorItem__body {
    justify-content: space-between;
  }
}

.homeComponent_monitorItem__pointWrapper {
  display: flex;
  align-items: baseline;
  gap: 5px;
  flex-wrap: wrap;
}

.homeComponent_monitorItem__pointWrapper img {
  position: relative;
  top: 1px;
  width: 15px;
  height: auto;
}

.homeComponent_monitorItem del {
  font-size: 1.0rem;
  text-decoration: line-through;
}

.homeComponent_monitorItem__fixedPointWrapper {
  display: flex;
  align-items: baseline;
  gap: 4px;
}

.homeComponent_monitorItem__fixedPoint {
  display: flex;
  align-items: baseline;
  font-size: 1.8rem;
  font-weight: 700;
  color: #E31610;
  word-break: break-all;
}

.homeComponent_monitorItem__fixedPoint span {
  font-size: 1.4rem;
}

.homeComponent_monitor {
  border-radius: 5px;
  box-shadow: var(--wrapper-shadow);
}

.homeComponent_monitor__head {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 5px;
  border-radius: 5px 5px 0 0;
  background: linear-gradient(#71E2EE 0%, #4E9BF3 100%);
  overflow: hidden;
}

.homeComponent_monitor__description {
  padding: 5px;
  border-radius: 5px;
  background-color: #FFF;
}

.homeComponent_monitor__listWrapper {
  padding: 0 5px 5px 5px;
  background-color: #4E9BF3;
  border-radius: 0 0 5px 5px;
}

.homeComponent_monitor__listInner {
  border-radius: 5px;
  background-color: #FFF;
  overflow: hidden;
}

.homeComponent_monitor__listHeading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 46px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #4D9BF3;
  line-height: 1.5;
}

.homeComponent_monitor__list {
  display: flex;
  flex-direction: column;
}

.homeComponent_monitor__item {
  border-top: 1px solid var(--color-border-gray);
}

@media (max-width: 767px) {
  .homeComponent_monitor__item:last-child {
    border-bottom: 1px solid var(--color-border-gray);
  }
}

@media (min-width: 768px) {
  .homeComponent_shoppingCalendar {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    clip-path: inset(0 1px 1px 0);
    margin-right: -1px;
    margin-bottom: -1px;
    border-top: 1px solid var(--color-border-gray);
  }
}

@media (max-width: 767px) {
  .homeComponent_shoppingCalendar {
    display: flex;
    flex-flow: column;
    gap: 5px;
  }
}

.homeComponent_shoppingCalendar__item {
  position: relative;
}

.homeComponent_shoppingCalendar__item::before {
  position: absolute;
  right: 0;
  top: 0;
  content: '';
  width: 1px;
  height: 100%;
  background-color: var(--color-border-gray);
}

.homeComponent_shoppingCalendar__item::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 1px;
  background-color: var(--color-border-gray);
}

@media (max-width: 767px) {
  .homeComponent_shoppingCalendar__item {
    border-radius: 5px;
    background-color: #fff;
    box-shadow: var(--wrapper-shadow);
  }
}

.homeComponent_shoppingCalendar__link {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 100%;
  padding: 10px;
  color: var(--color-primary-green);
}

@media (hover) {
  .homeComponent_shoppingCalendar__link {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .homeComponent_shoppingCalendar__link:hover {
    background-color: var(--color-hover-yellow);
  }
}

.homeComponent_shoppingCalendar__image {
  width: 80px;
}

.homeComponent_shoppingCalendar__text {
  font-size: 1.4rem;
  line-height: 1.6;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

.homeComponent_special {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 767px) {
  .homeComponent_special {
    gap: 10px;
  }
}

.homeComponent_special__item {
  padding: 10px;
}

@media (hover) {
  .homeComponent_special__item {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .homeComponent_special__item:hover {
    background-color: var(--color-hover-yellow);
  }
}

.homeComponent_special__item img {
  width: 100%;
}

@media (max-width: 767px) {
  .homeComponent_special__item {
    padding: 7px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: var(--wrapper-shadow);
  }
}

.homeComponent_standardShop {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  height: 100%;
  padding: 10px;
}

@media (hover) {
  .homeComponent_standardShop {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .homeComponent_standardShop:hover {
    background-color: var(--color-hover-yellow);
  }
}

@media (max-width: 767px) {
  .homeComponent_standardShop {
    flex-shrink: 0;
    width: 120px;
    padding: 0;
  }
}

.homeComponent_standardShop__image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  aspect-ratio: 300 / 250;
}

.homeComponent_standardShop__pointWrapper {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 5px;
  flex-wrap: wrap;
}

.homeComponent_standardShop__pointWrapper img {
  position: relative;
  top: 1px;
  width: 15px;
  height: auto;
}

.homeComponent_standardShop del {
  font-size: 1.4rem;
  text-decoration: line-through;
}

.homeComponent_standardShop__fixedPointWrapper {
  display: flex;
  align-items: baseline;
  gap: 4px;
}

.homeComponent_standardShop__fixedPoint {
  display: flex;
  align-items: baseline;
  font-size: 1.8rem;
  font-weight: 700;
  color: #E31610;
  word-break: break-all;
}

.homeComponent_standardShop__fixedPoint span {
  font-size: 1.4rem;
}

.homeComponent_welcomeCampaign {
  container-type: inline-size;
  display: flex;
  flex-flow: column;
  gap: 7px;
  width: 1040px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .homeComponent_welcomeCampaign {
    width: auto;
  }
}

.homeComponent_welcomeCampaign__inner {
  display: flex;
  flex-direction: column;
  padding: 5px 10px 5px 42px;
  border-radius: 15px;
  background: #07EF2D;
}

@container (max-width: 767px) {
  .homeComponent_welcomeCampaign__inner {
    padding: 5px 15px;
    border-radius: 0;
  }
}

.homeComponent_welcomeCampaign__main {
  display: flex;
  align-items: center;
  gap: 41px;
  width: 100%;
}

@container (max-width: 767px) {
  .homeComponent_welcomeCampaign__main {
    flex-flow: column;
    gap: 10px;
  }
}

.homeComponent_welcomeCampaign__head {
  width: 280px;
}

.homeComponent_welcomeCampaign__link {
  display: flex;
  padding: 5px 30px;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: 700;
  color: #005A13;
  line-height: 1;
  text-align: center;
  border-radius: 30px;
  border: 2px solid #005A13;
  background: #FFF;
}

@media (hover) {
  .homeComponent_welcomeCampaign__link {
    transition-property: background-color;
    transition-duration: 0.2s;
  }
  .homeComponent_welcomeCampaign__link:hover {
    background-color: var(--color-hover-yellow);
  }
}

.homeComponent_welcomeCampaign__body {
  flex: 1;
  display: flex;
}

@container (max-width: 767px) {
  .homeComponent_welcomeCampaign__body {
    flex-flow: column;
  }
}

.homeComponent_welcomeCampaign__lead {
  display: flex;
  width: 228px;
  height: 80px;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 1.6rem;
  color: #FFF;
  line-height: 1.4;
  border-radius: 5px 0 0 5px;
  background: #005A13;
}

@container (max-width: 767px) {
  .homeComponent_welcomeCampaign__lead {
    width: 100%;
    height: auto;
    padding: 3px 20px;
    font-size: 1.4rem;
    border-radius: 5px 5px 0 0;
  }
  .homeComponent_welcomeCampaign__lead br {
    display: none;
  }
}

.homeComponent_welcomeCampaign__mission {
  flex: 1;
  display: flex;
  border-radius: 0 5px 5px 0;
  background: #FFF;
}

@container (max-width: 767px) {
  .homeComponent_welcomeCampaign__mission {
    flex-flow: column;
    gap: 5px;
    padding: 5px;
    border-radius: 0 0 5px 5px;
  }
}

.homeComponent_welcomeCampaign__missionRest {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100px;
}

@container (min-width: 768px) {
  .homeComponent_welcomeCampaign__missionRest {
    flex-flow: column;
  }
}

@container (max-width: 767px) {
  .homeComponent_welcomeCampaign__missionRest {
    width: 100%;
    padding: 5px;
  }
}

.homeComponent_welcomeCampaign__missionRestPrefix {
  font-size: 1.4rem;
}

.homeComponent_welcomeCampaign__missionRestDays {
  font-size: 2.4rem;
}

.homeComponent_welcomeCampaign__missionList {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
}

@container (max-width: 767px) {
  .homeComponent_welcomeCampaign__missionList {
    justify-content: center;
  }
}

.homeComponent_welcomeCampaign__missionItem {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  aspect-ratio: 1 / 1;
  padding: 10px;
  border-radius: 30px;
  border: 3px solid #FF4D73;
  background: #FFF;
}

@media (hover) {
  .homeComponent_welcomeCampaign__missionItem {
    transition-property: background-color;
    transition-duration: 0.2s;
  }
  .homeComponent_welcomeCampaign__missionItem:hover {
    background-color: var(--color-hover-yellow);
  }
}

@container (max-width: 767px) {
  .homeComponent_welcomeCampaign__missionItem {
    flex: 1;
    width: auto;
    max-width: 56px;
  }
}

.homeComponent_welcomeCampaign__missionItem img {
  width: 100%;
  height: auto;
  filter: brightness(0) saturate(100%) invert(43%) sepia(60%) saturate(1867%) hue-rotate(318deg) brightness(100%) contrast(108%);
}

.homeComponent_welcomeCampaign__missionItem[data-is-cleared="true"] {
  border-color: #DB2E53;
  background-color: #DB2E53;
  pointer-events: none;
}

.homeComponent_welcomeCampaign__missionItem[data-is-cleared="true"] img {
  filter: brightness(0) saturate(100%) invert(24%) sepia(58%) saturate(4627%) hue-rotate(334deg) brightness(69%) contrast(112%);
}

.homeComponent_welcomeCampaign__missionItem[data-is-cleared="true"]::after {
  position: absolute;
  left: 0;
  bottom: -3px;
  content: 'CLEAR';
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 16px;
  padding: 2px 0;
  color: #FFFC00;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  background: #B60B2F;
}

.homeComponent_welcomeCampaign__friend {
  padding: 12px;
  text-align: center;
}

@media (max-width: 767px) {
  .homeComponent_welcomeCampaign__friend {
    padding: 18px;
  }
}

.homeComponent_welcomeCampaign__friend a {
  font-weight: 500;
  color: #333;
  text-decoration: underline;
  word-break: auto-phrase;
  line-height: 1.5;
}

@media (hover) {
  .homeComponent_welcomeCampaign__friend a:hover {
    text-decoration: none;
  }
}

.homeComponent_welcomeCampaign__update {
  text-align: right;
  font-size: 1.0rem;
  color: #939393;
}

@container (max-width: 767px) {
  .homeComponent_welcomeCampaign__update {
    text-align: center;
  }
}

.pointComponent_affiliateCardHorizontal {
  display: flex;
  gap: 10px;
  width: 100%;
  padding: 7px;
}

.pointComponent_affiliateCardHorizontal[data-size-preset="large"] {
  padding: 15px;
}

.pointComponent_affiliateCardHorizontal[data-size-preset="large"] > figure {
  max-width: 300px;
}

@media (hover) {
  .pointComponent_affiliateCardHorizontal {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .pointComponent_affiliateCardHorizontal:hover {
    background-color: var(--color-hover-yellow);
  }
}

.pointComponent_affiliateCardHorizontal > figure {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 135px;
  height: auto;
  min-height: 0;
  aspect-ratio: 300 / 250;
}

.pointComponent_affiliateCardHorizontal > figure img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.pointComponent_affiliateCardHorizontal__body {
  flex: 1;
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.pointComponent_affiliateCardHorizontal__texts {
  display: flex;
  flex-direction: column;
}

.pointComponent_affiliateCardHorizontal__title {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.pointComponent_affiliateCardHorizontal__title[data-size-preset="large"] {
  font-size: 2.6rem;
  line-height: 1.3;
}

.pointComponent_affiliateCardHorizontal__reason {
  font-size: 1.2rem;
  line-height: 1.7;
}

.pointComponent_affiliateCardHorizontal__reason[data-size-preset="large"] {
  font-size: 1.4rem;
}

.pointComponent_affiliateCardHorizontal__pointWrapper {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}

.pointComponent_affiliateCardHorizontal__pointWrapper[data-point-orientation="horizontal"] {
  align-items: baseline;
}

.pointComponent_affiliateCardHorizontal__pointWrapper[data-point-orientation="vertical"] {
  flex-direction: column;
}

.pointComponent_affiliateCardHorizontal__pointWrapper img {
  position: relative;
  top: 1px;
  width: 15px;
  height: auto;
}

.pointComponent_affiliateCardHorizontal__pointWrapper img[data-size-preset="small"] {
  width: 10px;
}

.pointComponent_affiliateCardHorizontal__pointWrapper del {
  font-size: 1.4rem;
  text-decoration: line-through;
}

.pointComponent_affiliateCardHorizontal__pointWrapper[data-size-preset="small"] del {
  font-size: 1.2rem;
}

.pointComponent_affiliateCardHorizontal__fixedPointWrapper {
  display: flex;
  align-items: baseline;
  gap: 4px;
  flex-wrap: wrap;
}

.pointComponent_affiliateCardHorizontal__fixedPoint {
  display: flex;
  align-items: baseline;
  font-size: 1.8rem;
  font-weight: 700;
  color: #E31610;
  word-break: break-all;
}

.pointComponent_affiliateCardHorizontal__fixedPoint span {
  font-size: 1.4rem;
}

.pointComponent_affiliateCardHorizontal__fixedPoint[data-size-preset="large"] {
  font-size: 4.0rem;
}

.pointComponent_affiliateCardHorizontal__fixedPoint[data-size-preset="small"] {
  font-size: 1.4rem;
}

.pointComponent_affiliateCardHorizontal__fixedPoint[data-size-preset="small"] span {
  font-size: 1.1rem;
}

.pointComponent_affiliateCardVertical {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
  height: 100%;
  min-width: 0;
  padding: 15px 26px;
}

@media (hover) {
  .pointComponent_affiliateCardVertical {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .pointComponent_affiliateCardVertical:hover {
    background-color: var(--color-hover-yellow);
  }
}

@media (max-width: 767px) {
  .pointComponent_affiliateCardVertical {
    padding: 5px;
  }
}

.pointComponent_affiliateCardVertical__image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 300 / 250;
}

.pointComponent_affiliateCardVertical__image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.pointComponent_affiliateCardVertical__texts {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.pointComponent_affiliateCardVertical__title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (max-width: 767px) {
  .pointComponent_affiliateCardVertical__title {
    font-size: 1.4rem;
  }
}

.pointComponent_affiliateCardVertical__reason {
  font-size: 1.3rem;
  line-height: 1.7;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (max-width: 767px) {
  .pointComponent_affiliateCardVertical__reason {
    font-size: 1.2rem;
  }
}

.pointComponent_affiliateCardVertical__pointWrapper {
  align-self: center;
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}

.pointComponent_affiliateCardVertical__pointWrapper[data-point-orientation="horizontal"] {
  align-items: baseline;
}

.pointComponent_affiliateCardVertical__pointWrapper[data-point-orientation="vertical"] {
  flex-direction: column;
  align-items: center;
}

.pointComponent_affiliateCardVertical__pointWrapper img {
  position: relative;
  top: 1px;
  width: 15px;
  height: auto;
}

.pointComponent_affiliateCardVertical__pointWrapper img[data-point-size="small"] {
  width: 10px;
}

.pointComponent_affiliateCardVertical__pointWrapper del {
  font-size: 1.4rem;
  text-decoration: line-through;
}

.pointComponent_affiliateCardVertical__pointWrapper[data-point-size="small"] del {
  font-size: 1.2rem;
}

.pointComponent_affiliateCardVertical__fixedPointWrapper {
  display: flex;
  align-items: baseline;
  gap: 4px;
  flex-wrap: wrap;
}

.pointComponent_affiliateCardVertical__fixedPoint {
  display: flex;
  align-items: baseline;
  font-size: 1.8rem;
  font-weight: 700;
  color: #E31610;
  word-break: break-all;
}

.pointComponent_affiliateCardVertical__fixedPoint span {
  font-size: 1.4rem;
}

.pointComponent_affiliateCardVertical__fixedPoint[data-point-size="large"] {
  font-size: 3.0rem;
}

.pointComponent_affiliateCardVertical__fixedPoint[data-point-size="small"] {
  font-size: 1.4rem;
}

.pointComponent_affiliateCardVertical__fixedPoint[data-point-size="small"] span {
  font-size: 1.1rem;
}

.pointComponent_contentIdItems {
  display: flex;
  flex-direction: column;
  border-radius: 5px 5px 0 0;
}

.pointComponent_contentIdItems[data-color-theme="cyan"] {
  background: transparent linear-gradient(180deg, #3CCCDB 0%, #45E293 100%) 0% 0% no-repeat;
}

.pointComponent_contentIdItems[data-color-theme="green"] {
  background: transparent linear-gradient(180deg, #15A097 0%, #9FC220 100%) 0% 0% no-repeat;
}

.pointComponent_contentIdItems[data-color-theme="orange"] {
  background: transparent linear-gradient(360deg, #FF3232 0%, #FF9E00 100%) 0% 0% no-repeat;
}

.pointComponent_contentIdItems__heading {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px;
  font-size: 2.0rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.4;
}

@media (max-width: 767px) {
  .pointComponent_contentIdItems__heading {
    font-size: 1.6rem;
  }
}

.pointComponent_contentIdItems__heading img {
  filter: var(--filter-white);
}

.pointComponent_contentIdItems__body {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 2px;
  background-color: #fff;
}

@media (max-width: 767px) {
  .pointComponent_contentIdItems__body {
    gap: 15px;
    padding: 5px 15px 15px 15px;
  }
}

@media (min-width: 768px) {
  .pointComponent_contentIdItems__specialItem {
    border-bottom: 1px solid var(--color-border-gray);
  }
}

.pointComponent_contentIdItems__list {
  display: grid;
}

@media (min-width: 768px) {
  .pointComponent_contentIdItems__list {
    clip-path: inset(0 1px 2px 0);
    margin-right: -1px;
    margin-bottom: -2px;
  }
  .pointComponent_contentIdItems__list[data-column-count="3"] {
    grid-template-columns: repeat(3, 1fr);
  }
  .pointComponent_contentIdItems__list[data-column-count="4"] {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 767px) {
  .pointComponent_contentIdItems__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
  }
}

.pointComponent_contentIdItems__item {
  min-width: 0;
}

@media (min-width: 768px) {
  .pointComponent_contentIdItems__item {
    position: relative;
  }
  .pointComponent_contentIdItems__item::before {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    content: '';
    width: 1px;
    height: 100%;
    background-color: var(--color-border-gray);
  }
  .pointComponent_contentIdItems__item::after {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--color-border-gray);
  }
}

.pointComponent_standardServices {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.pointComponent_standardServices__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 30px;
  font-size: 1.4rem;
  border-width: 1px;
  border-style: solid;
  border-radius: 20px;
  background-color: #fff;
}

@media (hover) {
  .pointComponent_standardServices__link {
    transition-property: color, background-color;
    transition-duration: var(--duration-hover);
  }
}

.pointComponent_standardServices__link[data-id="rakuten"] {
  color: #AF2418;
  border-color: #AF2418;
}

.pointComponent_standardServices__link[data-id="rakuten"]:hover {
  color: #fff;
  background-color: #AF2418;
}

.pointComponent_standardServices__link[data-id="yahoo"] {
  color: #EA333D;
  border-color: #EA333D;
}

.pointComponent_standardServices__link[data-id="yahoo"]:hover {
  color: #fff;
  background-color: #EA333D;
}

.pointComponent_standardServices__link[data-id="ponta"] {
  color: #F09641;
  border-color: #F09641;
}

.pointComponent_standardServices__link[data-id="ponta"]:hover {
  color: #fff;
  background-color: #F09641;
}

.pointComponent_standardServices__link[data-id="dpoint"] {
  color: #BB2739;
  border-color: #BB2739;
}

.pointComponent_standardServices__link[data-id="dpoint"]:hover {
  color: #fff;
  background-color: #BB2739;
}

.pointComponent_standardServices__link[data-id="gourmet"] {
  color: #49B1DE;
  border-color: #49B1DE;
}

.pointComponent_standardServices__link[data-id="gourmet"]:hover {
  color: #fff;
  background-color: #49B1DE;
}

.pointComponent_standardServices__link[data-id="travel"] {
  color: #6EB105;
  border-color: #6EB105;
}

.pointComponent_standardServices__link[data-id="travel"]:hover {
  color: #fff;
  background-color: #6EB105;
}

.pointComponent_standardServices__modal {
  display: flex;
  flex-direction: column;
}

.pointComponent_standardServices__modalHeading {
  padding-bottom: 5px;
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: left;
  border-bottom: 1px solid var(--color-border-gray);
}

@media (max-width: 767px) {
  .pointComponent_standardServices__modalHeading {
    font-size: 1.6rem;
  }
}

.shoppingCalendarComponent_articles__article {
  margin-bottom: 102px;
}

.shoppingCalendarComponent_articles__date {
  margin-bottom: 10px;
  font-size: 1.4rem;
  line-height: 1.7;
  color: var(--color-icon-gray);
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_articles__date {
    margin-bottom: 4px;
    font-size: 1.2rem;
  }
}

.shoppingCalendarComponent_articles__title {
  margin-bottom: 10px;
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1.4;
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_articles__title {
    font-size: 1.6rem;
  }
}

.shoppingCalendarComponent_articles__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.shoppingCalendarComponent_articles__body p {
  margin-bottom: 18px;
}

.shoppingCalendarComponent_articles__body img {
  display: block;
  width: 100%;
  max-width: 640px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
}

.shoppingCalendarComponent_articles__buttonWrapper {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.shoppingCalendarComponent_calendars {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
  padding: 10px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .shoppingCalendarComponent_calendars {
    gap: 10px 0;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: var(--wrapper-shadow);
  }
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_calendars {
    padding: 0 15px;
  }
}

.shoppingCalendarComponent_calendars__title {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .shoppingCalendarComponent_calendars__title {
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-border-gray);
  }
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_calendars__title {
    font-size: 1.4rem;
  }
}

.shoppingCalendarComponent_calendars__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_calendars__icon {
    width: 18px;
  }
}

.shoppingCalendarComponent_calendars__icon img {
  filter: var(--filter-icon-gray);
}

.shoppingCalendarComponent_calendars__body {
  display: flex;
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_calendars__body {
    gap: 10px;
  }
}

.shoppingCalendarComponent_calendars__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 8px 12px 12px 12px;
  line-height: 1.7;
}

@media (hover) {
  .shoppingCalendarComponent_calendars__link {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .shoppingCalendarComponent_calendars__link:hover {
    background-color: var(--color-hover-yellow);
  }
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_calendars__link {
    gap: 4px;
    padding: 7px;
    font-size: 1.3rem;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: var(--wrapper-shadow);
  }
}

.shoppingCalendarComponent_calendars__link img {
  height: auto;
}

.shoppingCalendarComponent_contents {
  background-color: #fff;
}

.shoppingCalendarComponent_contents__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  counter-reset: index;
}

.shoppingCalendarComponent_contents__item {
  display: flex;
  gap: 5px;
  font-size: 1.8rem;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_contents__item {
    font-size: 1.4rem;
  }
}

.shoppingCalendarComponent_contents__item::before {
  position: relative;
  top: -0.5px;
  counter-increment: index;
  content: counter(index) ".";
  color: var(--color-icon-gray);
}

.shoppingCalendarComponent_dailyLinks__title {
  margin-bottom: 10px;
  padding: 10px 0;
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1.4;
  border-bottom: 1px solid #cdd3d6;
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_dailyLinks__title {
    font-size: 1.4rem;
  }
}

.shoppingCalendarComponent_dailyLinks__body {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 10px;
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_dailyLinks__body {
    gap: 20px 24px;
  }
}

.shoppingCalendarComponent_dailyLinks__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc((100% - 20px * (5 - 1)) / 5);
  min-height: 35px;
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--color-primary-green);
  border: 1px solid var(--color-primary-green);
  border-radius: 5px;
}

@media (hover) {
  .shoppingCalendarComponent_dailyLinks__link {
    transition-property: color, border-color, background-color;
    transition-duration: var(--duration-hover);
  }
  .shoppingCalendarComponent_dailyLinks__link:hover {
    color: #fff;
    background-color: var(--color-primary-green);
  }
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_dailyLinks__link {
    width: calc((100% - 24px * (3 - 1)) / 3);
    min-height: 44px;
    font-size: 1.4rem;
    font-weight: 500;
  }
}

.shoppingCalendarComponents_detailTemplate {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.shoppingCalendarComponents_detailTemplate__head {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.shoppingCalendarComponents_detailTemplate__contents {
  display: flex;
  flex-direction: column;
  gap: 18px 0;
  padding: 20px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: var(--wrapper-shadow);
  overflow: hidden;
}

.shoppingCalendarComponents_detailTemplate__body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (max-width: 767px) {
  .shoppingCalendarComponents_detailTemplate__body {
    padding: 0 15px;
  }
}

.shoppingCalendarComponents_detailTemplate__attention {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.shoppingCalendarComponents_detailTemplate__attentionHeading {
  font-size: 2.0rem;
  font-weight: 700;
  color: var(--color-icon-gray);
  line-height: 1.4;
}

.shoppingCalendarComponent_eventLinks {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 10px;
}

.shoppingCalendarComponent_eventLinks__item {
  display: flex;
  flex-direction: column;
  width: calc((100% - 20px * (2 - 1)) / 2);
  border: 1px solid var(--color-primary-green);
  border-radius: 5px;
  overflow: hidden;
}

@media (hover) {
  .shoppingCalendarComponent_eventLinks__item {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .shoppingCalendarComponent_eventLinks__item:hover {
    background-color: var(--color-hover-yellow);
  }
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_eventLinks__item {
    width: 100%;
  }
}

.shoppingCalendarComponent_eventLinks__item img {
  height: auto;
}

.shoppingCalendarComponent_eventLinks__title {
  display: block;
  padding: 8px 20px;
}

.shoppingCalendarComponent_head {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 720 / 130;
  font-size: 3.0rem;
  font-weight: 700;
  line-height: 1.4;
  background-image: url("/assets/img/shopping/calendar/head-pc.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_head {
    aspect-ratio: 750 / 160;
    font-size: 1.8rem;
    background-image: url("/assets/img/shopping/calendar/head-sp.png");
  }
}

.shoppingCalendarComponent_noContents {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_noContents {
    gap: 17px;
  }
}

.shoppingCalendarComponent_noContents__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_noContents__icon {
    width: 60px;
    height: 60px;
  }
}

.shoppingCalendarComponent_noContents__icon img {
  width: 100%;
  filter: var(--filter-border-gray);
}

.shoppingCalendarComponent_noContents__message {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_noContents__message {
    font-size: 1.4rem;
  }
}

.shoppingCalendarComponent_topCalendars {
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_topCalendars {
    padding: 0 15px;
  }
}

.shoppingCalendarComponent_topCalendars__heading {
  display: flex;
  justify-content: center;
  margin-bottom: 13px;
}

@media (min-width: 768px) {
  .shoppingCalendarComponent_topCalendars__heading br {
    display: none;
  }
}

.shoppingCalendarComponent_topCalendars__headingLabel {
  position: relative;
  display: inline-block;
  padding: 0 20px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  color: var(--color-text-green);
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_topCalendars__headingLabel {
    font-size: 1.4rem;
    text-align: center;
  }
}

.shoppingCalendarComponent_topCalendars__headingLabel::before, .shoppingCalendarComponent_topCalendars__headingLabel::after {
  position: absolute;
  top: 0;
  content: '';
  width: 1px;
  height: 100%;
  background-color: var(--color-text-green);
}

.shoppingCalendarComponent_topCalendars__headingLabel::before {
  left: 0;
  transform: rotate(-30deg);
}

.shoppingCalendarComponent_topCalendars__headingLabel::after {
  right: 0;
  transform: rotate(30deg);
}

.shoppingCalendarComponent_topCalendars__list {
  display: flex;
  flex-direction: column;
}

.shoppingCalendarComponent_topCalendars__item {
  display: flex;
  gap: 0 20px;
  padding: 20px 10px;
  border-bottom: 1px solid var(--color-border-gray);
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_topCalendars__item {
    gap: 0 10px;
    padding: 20px 0;
  }
}

.shoppingCalendarComponent_topCalendars__item:first-child {
  border-top: 1px solid var(--color-border-gray);
}

@media (hover) {
  .shoppingCalendarComponent_topCalendars__item {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .shoppingCalendarComponent_topCalendars__item:hover {
    background-color: var(--color-hover-yellow);
  }
}

.shoppingCalendarComponent_topCalendars__thumbnail {
  width: 200px;
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_topCalendars__thumbnail {
    width: 80px;
  }
}

.shoppingCalendarComponent_topCalendars__thumbnail img {
  height: auto;
}

.shoppingCalendarComponent_topCalendars__body {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.shoppingCalendarComponent_topCalendars__title {
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 2.6rem;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_topCalendars__title {
    font-size: 1.4rem;
  }
}

.shoppingCalendarComponent_topCalendars__description {
  margin-bottom: 12px;
  font-size: 1.4rem;
  line-height: 1.7;
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_topCalendars__description {
    font-size: 1.4rem;
  }
}

.shoppingCalendarComponent_topCalendars__button {
  display: flex;
  justify-content: flex-start;
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_topCalendars__button {
    display: none;
  }
}

.shoppingCalendarComponent_topNavigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 84px;
  padding: 20px;
  background-color: #feea3b;
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_topNavigation {
    height: 76px;
  }
}

.shoppingCalendarComponent_topNavigation__buttonWrapper {
  width: 112px;
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_topNavigation__buttonWrapper {
    width: 40px;
  }
}

.shoppingCalendarComponent_topNavigation__button {
  display: flex;
  align-items: center;
  width: 100%;
  height: 36px;
  color: var(--color-icon-gray);
  border-radius: 10px;
  background: #fff;
  border: 1px solid #e9ebed;
  font-size: 1.4rem;
}

@media (min-width: 768px) {
  .shoppingCalendarComponent_topNavigation__button.isPrev {
    justify-content: flex-end;
    padding-right: 20px;
  }
  .shoppingCalendarComponent_topNavigation__button.isNext {
    justify-content: flex-start;
    padding-left: 20px;
  }
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_topNavigation__button {
    justify-content: center;
  }
}

.shoppingCalendarComponent_topNavigation__button img {
  filter: var(--filter-icon-gray);
}

.shoppingCalendarComponent_topNavigation__buttonLabel {
  position: relative;
  top: -1px;
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_topNavigation__buttonLabel {
    display: none;
  }
}

.shoppingCalendarComponent_topNavigation__heading {
  font-size: 2.0rem;
  font-weight: 700;
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_topNavigation__heading {
    font-size: 1.4rem;
  }
}

.shoppingCalendarComponent_topNavigation__currentDate {
  font-size: 3.0rem;
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_topNavigation__currentDate {
    font-size: 2.0rem;
  }
}

.shoppingCalendarComponent_weekLinks {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 10px;
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_weekLinks {
    gap: 20px 24px;
  }
}

.shoppingCalendarComponent_weekLinks__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc((100% - 20px * (4 - 1)) / 4);
  min-height: 80px;
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--color-primary-green);
  border: 1px solid var(--color-primary-green);
  border-radius: 5px;
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_weekLinks__link {
    width: calc((100% - 24px * (3 - 1)) / 3);
    min-height: 44px;
    font-size: 1.4rem;
    font-weight: 500;
  }
}

@media (hover) {
  .shoppingCalendarComponent_weekLinks__link {
    transition-property: color, border-color, background-color;
    transition-duration: var(--duration-hover);
  }
  .shoppingCalendarComponent_weekLinks__link:hover {
    color: #fff;
    background-color: var(--color-primary-green);
  }
}

.shoppingCalendarComponent_weekLinks__label {
  vertical-align: baseline;
}

.shoppingCalendarComponent_weekLinks__week {
  font-size: 3.0rem;
}

@media (max-width: 767px) {
  .shoppingCalendarComponent_weekLinks__week {
    font-size: 2.0rem;
  }
}

.shoppingCalendarMain {
  display: flex;
  flex-direction: column;
  gap: 30px 0;
}

@media (max-width: 767px) {
  .shoppingCalendarMain {
    gap: 20px 0;
  }
}

.shoppingCalendarMain__topWrapper {
  border-radius: 5px;
  box-shadow: 0 0 10px #E2E1D9;
  overflow: hidden;
}

@media (max-width: 767px) {
  .shoppingCalendarMain__topWrapper {
    margin-bottom: 10px;
  }
}

.shoppingCalendarMain__topContents {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
  padding: 20px;
  background-color: #fff;
}

.shoppingCalendarMain__buttonWrapper {
  display: flex;
  justify-content: center;
}

.shoppingCalendarMain__wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
  padding: 10px;
  background-color: #fff;
  overflow: hidden;
}

@media (max-width: 767px) {
  .shoppingCalendarMain__wrapper {
    border-radius: 5px;
    box-shadow: 0 0 10px #E2E1D9;
  }
}

.utility_focusText {
  color: #DF4840;
}

.utility_gridLineList {
  display: grid;
  clip-path: inset(0 1px 2px 0);
  margin-right: -1px;
  margin-bottom: -2px;
}

.utility_gridLineList[data-column-count="2"] {
  grid-template-columns: repeat(2, 1fr);
}

.utility_gridLineList[data-column-count="3"] {
  grid-template-columns: repeat(3, 1fr);
}

.utility_gridLineList[data-column-count="4"] {
  grid-template-columns: repeat(4, 1fr);
}

.utility_gridLineList[data-column-count="5"] {
  grid-template-columns: repeat(5, 1fr);
}

.utility_gridLineList__item {
  position: relative;
  min-width: 0;
}

.utility_gridLineList__item::before {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  content: '';
  width: 1px;
  height: 100%;
  background-color: var(--color-border-gray);
}

.utility_gridLineList__item::after {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  content: '';
  width: 100%;
  height: 1px;
  background-color: var(--color-border-gray);
}

.utility_swalModal {
  margin: 20px;
  padding: 20px !important;
}

.utility_swalModal.swal2-modal {
  width: auto;
}

.utility_swalModal .swal2-close {
  right: -20px;
  top: -20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 2.4rem;
  color: #fff;
  border-radius: 50%;
  background-color: #484848;
}

@media (hover) {
  .utility_swalModal .swal2-close {
    transition-property: color, background-color;
    transition-duration: var(--duration-hover);
  }
  .utility_swalModal .swal2-close:hover {
    color: #fff;
    background-color: #333;
  }
}

.utility_swalModal .swal2-close:focus {
  box-shadow: none;
}

.utility_swalModal .swal2-content {
  padding: 0;
}

.swal2-container:has(.utility_swalModal) {
  padding: 30px;
}

.utility_twoColumnLayout {
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 30px;
}

.utility_twoColumnLayout__inner {
  display: flex;
  gap: 0 20px;
}

@container (max-width: 767px) {
  .utility_twoColumnLayout__inner {
    flex-flow: column-reverse;
    gap: 20px 0;
  }
}

.utility_twoColumnLayout__menu {
  display: flex;
  flex-flow: column;
  gap: 40px 0;
  width: 300px;
}

@container (max-width: 767px) {
  .utility_twoColumnLayout__menu {
    width: 100%;
  }
}

.utility_twoColumnLayout__menuBody.isSticky {
  position: sticky;
  top: 20px;
}

.utility_twoColumnLayout__main {
  flex: 1;
  display: flex;
  flex-flow: column;
  gap: 30px 0;
}

.utility_twoColumnLayout__body {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
}

@container (max-width: 767px) {
  .utility_twoColumnLayout__body {
    margin: 0 15px;
  }
}

.component_bannerList {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
}

.component_bannerList__item {
  width: calc((100% - 10px) / 2);
  text-align: center;
}

.component_bannerList__link {
  display: flex;
  justify-content: center;
  align-items: center;
  transition-property: opacity;
  transition-duration: 0.2s;
}

@media (hover) {
  .component_bannerList__link:hover {
    opacity: 0.8;
  }
}

.component_importantInformations {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
  width: 1040px;
  margin: 0 auto;
}

.component_importantInformations__item {
  display: flex;
  width: 100%;
  min-height: 30px;
  margin: 0 auto;
  border: 1px solid #DF4840;
}

.component_importantInformations__heading {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 185px;
  color: #fff;
  background-color: #DF4840;
}

.component_importantInformations__headingIcon {
  position: relative;
  right: 1px;
}

.component_importantInformations__link {
  flex: 1;
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 4px 20px;
  color: #DF4840;
  background-color: #fff;
}

body[data-device="pc"] .component_importantInformations__headingIcon {
  display: none;
}

@media (any-hover: hover) {
  body[data-device="pc"] .component_importantInformations__link {
    transition-property: background-color;
    transition-duration: .2s;
  }
  body[data-device="pc"] .component_importantInformations__link:hover {
    background-color: #FFF9BC;
  }
}

body[data-device="mobile"] .component_importantInformations {
  width: 100%;
  max-width: 1040px;
}

body[data-device="mobile"] .component_importantInformations__heading {
  width: 40px;
}

body[data-device="mobile"] .component_importantInformations__headingLabel {
  display: none;
}

body[data-device="mobile"] .component_importantInformations__linkText {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.component_listAttentions {
  display: flex;
  flex-flow: column;
  gap: 22px 0;
  margin-top: 20px;
  margin-bottom: 20px;
}

.component_listAttentions__item {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
}

.component_listAttentions__heading {
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1.4;
}

.component_listAttentions__list {
  display: flex;
  flex-flow: column;
  gap: 2px 0;
}

.component_listAttentions__listItem[data-list-attentions-type="notice"] {
  position: relative;
  padding-left: 1.4rem;
  font-size: 1.4rem;
  line-height: 1.7;
}

.component_listAttentions__listItem[data-list-attentions-type="notice"]::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '・';
  width: 1.4rem;
}

.component_listAttentions__listItem[data-list-attentions-type="warning"] {
  position: relative;
  padding-left: 1.4rem;
  font-size: 1.4rem;
  line-height: 1.7;
}

.component_listAttentions__listItem[data-list-attentions-type="warning"]::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '※';
  width: 1.4rem;
}

body[data-device="mobile"] .component_listAttentions {
  font-size: 1.6rem;
}

.component_sideAnchorNavigation {
  border-radius: 5px;
  border: 2px solid #15A097;
  background-color: #fff;
}

.component_sideAnchorNavigation__heading {
  padding: 10px;
  font-size: 1.8rem;
  font-weight: 700;
}

.component_sideAnchorNavigation__link {
  display: flex;
  min-height: 42px;
  padding: 6px 12px;
  font-size: 1.4rem;
  line-height: 1.5;
}

.component_sideAnchorNavigation__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  font-size: 2.0rem;
}

.component_sideAnchorNavigation__icon img {
  filter: var(--filter-primary-green);
}

@media (hover) {
  body[data-device="pc"] .component_sideAnchorNavigation__link {
    transition-property: background-color;
    transition-duration: .2s;
  }
  body[data-device="pc"] .component_sideAnchorNavigation__link:hover {
    background-color: #FFF9BC;
  }
}

body[data-device="pc"] .component_sideAnchorNavigation__link br {
  display: none;
}

.component_sideNavigation__heading {
  margin-top: 6px;
  margin-bottom: 8px;
  font-size: 1.8rem;
  font-weight: 700;
}

.component_sideNavigation__link {
  display: flex;
  min-height: 42px;
  padding: 10px 12px;
  font-size: 1.4rem;
  line-height: 1.5;
}

@media (hover) {
  .component_sideNavigation__link {
    transition-property: background-color;
    transition-duration: .2s;
  }
  .component_sideNavigation__link:hover {
    background-color: #E2E1D9;
  }
}

.component_sideNavigation__icon {
  position: relative;
  top: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.component_sideNavigation__icon img {
  filter: var(--filter-primary-green);
}

.component_sideNavigation__label {
  flex: 1;
}

body[data-device="pc"] .component_sideNavigation__link br {
  display: none;
}

body[data-device="mobile"] .component_sideNavigation__heading {
  padding: 0 15px;
  font-size: 1.4rem;
}

body[data-device="mobile"] .component_sideNavigation__list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

body[data-device="mobile"] .component_sideNavigation__list::before, body[data-device="mobile"] .component_sideNavigation__list::after {
  position: absolute;
  left: 0;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #CDD3D6;
}

body[data-device="mobile"] .component_sideNavigation__list::before {
  top: 0;
}

body[data-device="mobile"] .component_sideNavigation__list::after {
  bottom: 0;
}

body[data-device="mobile"] .component_sideNavigation__listItem {
  position: relative;
  width: calc(100% / 2);
}

body[data-device="mobile"] .component_sideNavigation__listItem::before, body[data-device="mobile"] .component_sideNavigation__listItem::after {
  position: absolute;
  content: '';
  display: block;
  background-color: #CDD3D6;
}

body[data-device="mobile"] .component_sideNavigation__listItem::before {
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
}

body[data-device="mobile"] .component_sideNavigation__listItem::after {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
}

body[data-device="mobile"] .component_sideNavigation__listItem:nth-child(2n)::before {
  content: none;
}

body[data-device="mobile"] .component_sideNavigation__link {
  height: 100%;
  min-height: 52px;
  padding: 6px 15px;
}

.component_smallButton {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 36px;
  padding: 8px 11px 8px 18px;
  font-size: 1.4rem;
  font-weight: 700;
  border-width: 1px;
  border-style: solid;
  border-radius: 7px;
}

@media (hover) {
  .component_smallButton {
    transition-property: color, background-color;
    transition-duration: var(--duration-hover);
  }
  .component_smallButton img {
    transition-property: filter;
    transition-duration: var(--duration-hover);
  }
}

.component_smallButton[data-button-type="primary-orange"] {
  color: var(--color-white);
  border-color: var(--color-primary-orange);
  background-color: var(--color-primary-orange);
}

.component_smallButton[data-button-type="primary-orange"] img {
  filter: var(--filter-white);
}

@media (hover) {
  .component_smallButton[data-button-type="primary-orange"]:hover {
    color: var(--color-primary-orange);
    background-color: var(--color-white);
  }
  .component_smallButton[data-button-type="primary-orange"]:hover img {
    filter: var(--filter-primary-orange);
  }
}

.component_smallButton[data-button-type="primary-orange-border"] {
  color: var(--color-primary-orange);
  border-color: var(--color-primary-orange);
  background-color: transparent;
}

.component_smallButton[data-button-type="primary-orange-border"] img {
  filter: var(--filter-primary-orange);
}

.component_smallButton[data-button-type="secondary"] {
  color: #939393;
  border-color: #E9EBED;
  background-color: #fff;
}

.component_smallButton[data-button-type="secondary"] img {
  filter: var(--filter-icon-gray);
}

@media (hover) {
  .component_smallButton[data-button-type="secondary"]:hover {
    border-color: #CDD3D6;
    background-color: #F7F7F7;
  }
}

.component_smallButton__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 100%;
}

.fruitmail__pageWrapper {
  padding: 15px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #e2e1d9;
}

@media screen and (max-width: 1379px) {
  .fruitmail__pageWrapper {
    border-radius: 0;
    box-shadow: none;
  }
}

.errorGeneral__body {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
  width: 1040px;
  margin: auto;
  padding: 10px 0;
}

.errorGeneral__content {
  display: flex;
  flex-flow: column;
  gap: 30px 0;
  padding: 30px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #E2E1D9;
}

.errorGeneral__errors {
  display: flex;
  flex-flow: column;
  gap: 20px;
  text-align: center;
}

.errorGeneral__buttonsWrapper {
  display: flex;
  justify-content: center;
  gap: 0 20px;
}

.errorGeneral__button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
  min-width: 194px;
  height: 46px;
  padding: 8px 16px;
  font-size: 1.8rem;
  font-size: 700;
  color: #fff;
  border: 1px solid #E8A61D;
  border-radius: 10px;
  background-color: #E8A61D;
}

@media (hover) {
  .errorGeneral__button {
    transition-property: color, border-color, background-color;
    transition-duration: .2s;
  }
  .errorGeneral__button:hover {
    color: #E8A61D;
    background-color: #fff;
  }
}

.errorGeneral__button--secondary {
  color: #939393;
  border-color: #E9EBED;
  background-color: #fff;
}

@media (hover) {
  .errorGeneral__button--secondary:hover {
    color: #939393;
    border-color: #CDD3D6;
    background-color: #F7F7F7;
  }
}

.errorGeneral__button--secondary.isNone {
  display: none !important;
}

.errorGeneral__button .material-icons {
  position: relative;
  top: 1px;
}

body[data-device="mobile"] .errorGeneral__body {
  width: 100%;
  max-width: 1040px;
  padding: 15px;
}

body[data-device="mobile"] .errorGeneral__content {
  padding: 20px;
}

body[data-device="mobile"] .errorGeneral__buttonsWrapper {
  flex-flow: column;
  gap: 15px 0;
}

body[data-device="mobile"] .errorGeneral__button {
  width: 100%;
  min-width: 134px;
  font-size: 1.4rem;
}

.global_affiliateColumn {
  display: block;
  padding: 7px 10px;
  text-align: center;
  background-color: #fff;
}

@media (any-hover: hover) {
  .global_affiliateColumn {
    transition-property: background-color;
    transition-duration: 0.2s;
  }
  .global_affiliateColumn:hover {
    background-color: #fff9bc;
  }
}

@media screen and (max-width: 449px) {
  .global_affiliateColumn {
    padding: 0;
  }
}

.global_affiliateColumn__banner {
  display: block;
  margin: 0 auto 4px auto;
}

.global_affiliateColumn__info {
  overflow: hidden;
}

.global_affiliateColumn__title {
  margin-bottom: 5px;
  font-size: 1.4rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media screen and (max-width: 449px) {
  .global_affiliateColumn__title {
    font-weight: 700;
  }
}

.global_affiliateColumn__description {
  margin-bottom: 5px;
  font-size: 1.2rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.global_affiliateColumn__beforeUp {
  text-align: center;
  text-decoration: line-through;
}

@media screen and (max-width: 449px) {
  .global_affiliateColumn__beforeUp {
    font-size: 1.2rem;
  }
}

.global_affiliateColumn__point {
  text-align: center;
}

.global_affiliateLarge {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0 10px;
  padding: 10px;
  border-radius: 10px;
  background-color: #fff;
}

@media (any-hover: hover) {
  .global_affiliateLarge {
    transition-property: background-color;
    transition-duration: 0.2s;
  }
  .global_affiliateLarge:hover {
    background-color: #fff9bc;
  }
}

@media screen and (max-width: 719px) {
  .global_affiliateLarge {
    padding: 15px;
  }
}

@media screen and (max-width: 374px) {
  .global_affiliateLarge {
    display: block;
  }
}

.global_affiliateLarge__banner {
  width: 300px;
}

@media screen and (max-width: 719px) {
  .global_affiliateLarge__banner {
    width: 170px;
  }
}

@media screen and (max-width: 374px) {
  .global_affiliateLarge__banner {
    width: 100%;
  }
}

.global_affiliateLarge__focus {
  position: absolute;
  right: -15px;
  top: 10px;
  display: flex;
  align-items: center;
  width: 191px;
  height: 40px;
  margin-bottom: 10px;
  padding-left: 72px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  background-image: url("/assets/img/global/other/focus-arrow.png");
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-width: 719px) {
  .global_affiliateLarge__focus {
    right: -15px;
    top: 15px;
    width: 168px;
    height: 40px;
    padding-left: 60px;
    background-image: url("/assets/img/global/other/focus-arrow-mobile.png");
  }
}

@media screen and (max-width: 374px) {
  .global_affiliateLarge__focus {
    display: none;
  }
}

.global_affiliateLarge__focus + .global_affiliateLarge__info {
  padding-top: calc(40px + 10px);
}

@media screen and (max-width: 374px) {
  .global_affiliateLarge__focus + .global_affiliateLarge__info {
    padding-top: 10px;
  }
}

.global_affiliateLarge__info {
  flex: 1;
  overflow: hidden;
}

@media screen and (max-width: 374px) {
  .global_affiliateLarge__info {
    text-align: center;
  }
}

.global_affiliateLarge__subText {
  margin-bottom: 22px;
}

@media screen and (max-width: 719px) {
  .global_affiliateLarge__subText {
    margin-bottom: 12px;
    font-size: 1.0rem;
    color: #484848;
  }
}

.global_affiliateLarge__text {
  margin-bottom: 22px;
  line-height: 1.4;
}

@media screen and (max-width: 719px) {
  .global_affiliateLarge__text {
    margin-bottom: 4px;
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 719px) {
  .global_affiliateLarge .global_point__icon {
    width: 20px;
    height: 20px;
  }
}

.global_affiliateLarge .global_point__pointValue {
  font-size: 3.0rem;
}

@media screen and (max-width: 719px) {
  .global_affiliateLarge .global_point__pointValue {
    font-size: 2.5rem;
  }
}

.global_affiliateRow {
  display: flex;
  gap: 0 6px;
  padding: 7px 10px;
  transition-property: background-color;
  transition-duration: 0.2s;
}

@media (any-hover: hover) {
  .global_affiliateRow:hover {
    background-color: #fff9bc;
  }
}

@media screen and (max-width: 449px) {
  .global_affiliateRow {
    align-items: center;
    gap: 0 15px;
    padding: 0;
  }
}

.global_affiliateRow__banner {
  width: 120px;
}

.global_affiliateRow__info {
  flex: 1;
  overflow: hidden;
}

.global_affiliateRow__title {
  margin-bottom: 9px;
  font-size: 1.4rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media screen and (max-width: 449px) {
  .global_affiliateRow__title {
    font-size: 1.6rem;
    font-weight: 700;
  }
}

.global_affiliateRow__description {
  margin-bottom: 9px;
  font-size: 1.2rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media screen and (max-width: 449px) {
  .global_affiliateRow__point {
    text-align: right;
  }
}

.grobal_bannerLink {
  display: flex;
  justify-content: center;
  align-items: center;
  transition-property: opacity;
  transition-duration: 0.2s;
}

.grobal_bannerLink:hover {
  opacity: 0.8;
}

.global_breadcrumb {
  display: flex;
  align-items: center;
  margin: 0 auto;
  padding: 0 5px;
}

.global_breadcrumb__list {
  flex: 1;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 1040px;
  min-height: 40px;
  margin: 0 auto;
  padding: 8px 0;
}

.global_breadcrumb__item {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
}

.global_breadcrumb__item span {
  display: block;
  min-height: 20px;
}

.global_breadcrumb__item figure {
  position: relative;
  top: -1px;
}

.global_breadcrumb__item figure img {
  width: 20px;
  filter: var(--filter-icon-light-gray);
}

body[data-device="pc"] .global_breadcrumb__item:last-child {
  flex: 1;
  min-width: 0;
}

body[data-device="pc"] .global_breadcrumb__item span:not(.global_breadcrumb__arrow) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body[data-device="mobile"] .global_breadcrumb__list {
  flex-wrap: nowrap;
  width: 100%;
  overflow-x: auto;
}

body[data-device="mobile"] .global_breadcrumb__item span {
  white-space: nowrap;
}

.global_modal {
  position: relative;
  z-index: 9999;
  display: none;
}

.global_modal__inner {
  position: fixed;
  left: 0;
  right: 0;
  top: 20px;
  bottom: 20px;
  z-index: 2;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: calc(100% - 24px * 2);
  height: 100%;
  max-width: 600px;
  margin: auto;
}

.global_modal__bodyWrapper {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: auto;
  max-height: 80vh;
  padding: 20px;
  border-radius: 8px;
  background-color: #fff;
}

.global_modal__body {
  height: 100%;
  max-height: calc(80vh - 20px * 2);
  padding: 10px 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.global_modal__close {
  position: absolute;
  right: -20px;
  top: -20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 4px solid #fff;
  border-radius: 50%;
  background-color: #333;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.4);
  cursor: pointer;
  transition-property: background-color;
  transition-duration: 0.1s;
}

.global_modal__close:hover {
  background-color: #ffa81e;
}

.global_modal__closeIcon {
  position: relative;
  display: block;
  width: 20px;
  height: 4px;
}

.global_modal__closeIcon::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  display: block;
  width: 20px;
  height: 4px;
  background-color: #fff;
  transform: rotate(45deg);
}

.global_modal__closeIcon::after {
  content: '';
  display: block;
  width: 20px;
  height: 4px;
  background-color: #fff;
  transform: rotate(-45deg);
}

.global_modal__overlay {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.global_point {
  line-height: 1.2;
}

.global_point__beforeUp {
  display: inline-block;
  margin-right: 5px;
  text-decoration: line-through;
}

@media screen and (max-width: 449px) {
  .global_point__beforeUp {
    font-size: 1.2rem;
  }
}

.global_point__main {
  display: inline-block;
}

.global_point__icon {
  position: relative;
  bottom: -1px;
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 1;
}

@media screen and (max-width: 449px) {
  .global_point__icon {
    bottom: -2px;
    width: 20px;
    height: 20px;
  }
}

@media screen and (max-width: 449px) {
  .global_point__icon--large {
    width: 20px;
    height: 20px;
  }
}

@media screen and (max-width: 449px) {
  .global_point__icon--small {
    width: 16px;
    height: 16px;
  }
}

.global_point__icon img {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  margin: auto;
}

.global_point__reason {
  position: relative;
  top: -2px;
  display: inline-block;
  line-height: 1;
}

@media screen and (max-width: 449px) {
  .global_point__reason {
    font-size: 1.2rem;
  }
}

.global_point__point {
  display: inline-block;
  font-weight: 700;
  color: #e31610;
  line-height: 1;
}

.global_point__pointValue {
  font-size: 1.8rem;
}

@media screen and (max-width: 449px) {
  .global_point__pointValue {
    font-size: 2.0rem;
  }
}

.global_point__pointValue--large {
  font-size: 4rem;
}

@media screen and (max-width: 449px) {
  .global_point__pointValue--large {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 449px) {
  .global_point__pointValue--small {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 449px) {
  .global_point__pointUnit {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 449px) {
  .global_point__pointUnit--large {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 449px) {
  .global_point__pointUnit--small {
    font-size: 1.2rem;
  }
}

.global_prizeItem__link {
  display: block;
}

@media (any-hover: hover) {
  .global_prizeItem__link:hover {
    text-decoration: none;
  }
  .global_prizeItem__link:hover .global_prizeItem__image {
    opacity: 0.8;
  }
}

.global_prizeItem__imageBox {
  position: relative;
  display: block;
  border: 1px solid #e8a61d;
}

.global_prizeItem__finishMark {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  margin: auto;
  font-size: 2.0rem;
  font-weight: 700;
  color: #b4b4b4;
  border: 3px solid #b4b4b4;
  border-radius: 50%;
  background-color: #fff;
}

@media screen and (max-width: 449px) {
  .global_prizeItem__finishMark {
    width: 35px;
    height: 35px;
  }
}

.global_prizeItem__finishFilter {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(180, 180, 180, 0.2);
}

.global_prizeItem__image {
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
  transition-property: opacity;
  transition-duration: 0.2s;
}

.global_prizeItem__name {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  border-radius: 0 0 5px 5px;
  background-color: #e8a61d;
}

@media screen and (max-width: 449px) {
  .global_prizeItem__name {
    padding: 9px;
  }
}

@media screen and (max-width: 374px) {
  .global_prizeItem__name {
    min-height: 50px;
  }
}

.global_prizeItem--finish .global_prizeItem__imageBox {
  border-color: #b4b4b4;
}

.global_prizeItem--finish .global_prizeItem__name {
  background-color: #b4b4b4;
}

.global_prizeItem__inner--header .global_prizeItem__imageBox {
  border: none;
}

.global_prizeItem__inner--header .global_prizeItem__name {
  padding: 3px 0 0 0;
  font-size: 1.6rem;
  color: #484848;
  background-color: transparent;
}

.global_authorize_modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.4);
}

.global_authorize_modal__main {
  position: relative;
  width: 500px;
  padding: 60px;
  border-radius: 10px;
  background-color: white;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.global_authorize_modal__main > .material-icons {
  position: absolute;
  top: 10px;
  right: 10px;
  color: white;
  padding: 8px;
  border-radius: 100%;
  background-color: #c3c3c3;
}

@media (max-width: 800px) {
  .global_authorize_modal__main > .material-icons {
    padding: 6px;
    font-size: 20px;
  }
}

@media (max-width: 800px) {
  .global_authorize_modal__main {
    width: 90%;
    padding: 50px 30px;
    gap: 20px;
  }
}

.global_authorize_modal__title {
  font-size: 20px;
  font-weight: bold;
}

@media (max-width: 800px) {
  .global_authorize_modal__title {
    font-size: 14px;
    line-height: 1.6;
  }
}

.global_authorize_modal__button {
  position: relative;
  width: fit-content;
  padding: 15px 30px;
  color: white;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  background-color: orange;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 auto;
}

.global_authorize_modal__button > .material-icons {
  font-size: 20px;
}

@media (max-width: 800px) {
  .global_authorize_modal__button > .material-icons {
    font-size: 18px;
  }
}

@media (max-width: 800px) {
  .global_authorize_modal__button {
    font-size: 13px;
    padding: 15px;
    width: 100%;
    justify-content: center;
  }
}

.informationComponent_common__mainColumn {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
}

.informationComponent_common__mainColumnInner {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
}

.informationComponent_common__box {
  padding: 20px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #e2e1d9;
}

body[data-device="mobile"] .informationComponent_common__mainColumn {
  gap: 10px 0;
}

body[data-device="mobile"] .informationComponent_common__mainColumnInner {
  gap: 10px 0;
  padding: 0 15px;
}

body[data-device="mobile"] .informationComponent_common__box {
  padding: 10px;
}

.informationComponent_detail__head {
  margin-bottom: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.informationComponent_detail__heading {
  font-size: 2.4rem;
  font-weight: 700;
}

.informationComponent_detail__status {
  display: flex;
  justify-content: space-between;
  gap: 0 10px;
  margin-bottom: 15px;
}

.informationComponent_detail__category {
  display: inline-block;
  width: 110px;
  font-size: 1.4rem;
  padding: 2px;
  text-align: center;
  border: 1px solid #707070;
}

.informationComponent_detail__dateBox {
  display: flex;
  align-items: center;
  gap: 0 10px;
  color: #939393;
}

.informationComponent_detail__body p {
  margin-bottom: 24px;
}

.informationComponent_detail__body .image {
  display: block;
  margin-bottom: 24px;
}

.informationComponent_detail__body mark {
  background-color: transparent;
}

.informationComponent_detail__body mark.pen-red {
  color: #e31610;
}

.informationComponent_detail__foot {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #e5e5e5;
}

.informationComponent_leftColumn {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
}

.informationComponent_leftColumn__campaign {
  max-width: 300px;
  margin: 0 auto;
}

.informationComponent_leftColumn__clickPoint {
  padding: 10px 10px 3px 6px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #E2E1D9;
}

body[data-device="mobile"] .informationComponent_leftColumn {
  gap: 38px 0;
}

.informationComponent_list__item {
  border-bottom: 1px solid #e5e5e5;
}

.informationComponent_list__item:last-child {
  border-bottom: none;
}

.informationComponent_list__link {
  display: flex;
  align-items: center;
  gap: 0 10px;
  padding: 15px 10px;
}

@media (any-hover: hover) {
  .informationComponent_list__link {
    transition-property: background-color;
    transition-duration: 0.2s;
  }
  .informationComponent_list__link:hover {
    background-color: #fff9bc;
  }
}

@media screen and (max-width: 719px) {
  .informationComponent_list__link {
    display: block;
  }
}

.informationComponent_list__status {
  display: flex;
  align-items: center;
  gap: 0 10px;
}

@media screen and (max-width: 719px) {
  .informationComponent_list__status {
    margin-bottom: 10px;
  }
}

.informationComponent_list__category {
  display: inline-block;
  width: 110px;
  font-size: 1.4rem;
  padding: 2px;
  text-align: center;
  border: 1px solid #707070;
}

.informationComponent_list__date {
  width: 80px;
  color: #939393;
}

.informationComponent_list__title {
  flex: 1;
  font-size: 1.4rem;
}

.informationLayout_default {
  display: flex;
  flex-flow: column;
  gap: 24px 0;
  width: 1040px;
  margin: auto;
  margin-bottom: 30px;
}

.informationLayout_default__columns {
  display: flex;
  gap: 0 20px;
}

.informationLayout_default__leftColumn {
  width: 300px;
}

.informationLayout_default__mainColumn {
  flex: 1;
}

body[data-device="mobile"] .informationLayout_default {
  width: 100%;
  max-width: 1040px;
}

body[data-device="mobile"] .informationLayout_default__columns {
  flex-flow: column-reverse;
  gap: 20px 0;
}

body[data-device="mobile"] .informationLayout_default__leftColumn {
  width: 100%;
}

.gameFarm {
  display: flex;
  flex-flow: column;
  gap: 20px;
}

.gameFarm__head {
  position: relative;
}

.gameFarm__title {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  font-size: 1.2rem;
  color: #fff;
  background-color: #985d23;
}

.gameFarm__mv img {
  width: 100%;
}

.gameFarm__body {
  display: flex;
  flex-flow: column;
  gap: 20px;
}

.gameFarm__play {
  position: absolute;
  top: 45%;
  left: 10%;
  width: 195px;
}

.gameFarm__maintenance {
  display: flex;
  justify-content: center;
  padding: 10px;
  font-size: 2.0rem;
  color: #a7672b;
  border: 1px solid #a7672b;
  border-radius: 6px;
  background-color: #fff;
}

.gameFarm__navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}

.gameFarm__navigationButton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 50px;
  font-size: 1.6rem;
  color: #fff;
  background-color: #a7672b;
  border-radius: 6px;
}

.gameFarm__navigationButton:hover {
  filter: brightness(1.1);
}

.gameFarm__section {
  display: flex;
  flex-flow: column;
  gap: 10px;
}

.gameFarm__heading {
  padding: 8px 12px;
  font-size: 1.6rem;
  color: #fff;
  line-height: 1.5;
  border-radius: 6px;
  background-color: #a7672b;
  box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.6);
}

.gameFarm__sectionBody {
  display: flex;
  flex-flow: column;
  gap: 20px;
  padding: 16px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
}

.gameFarm__subHeading {
  margin-bottom: 10px;
  font-size: 1.4rem;
  font-weight: 700;
  color: #e8a61d;
}

.gameFarm__incentives {
  display: flex;
  gap: 30px;
}

.gameFarm table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}

.gameFarm table th {
  width: 70px;
  padding: 8px;
  font-size: 2.0rem;
  text-align: center;
  border: 1px solid #ccc;
  background-color: #eee;
}

.gameFarm table td {
  padding: 8px;
  font-size: 1.4rem;
  border: 1px solid #ccc;
  background-color: #fff;
  vertical-align: middle;
}

.gameFarm__goalIncentiveCondition {
  width: 300px !important;
  font-size: 1.6rem !important;
}

.gameFarm__point {
  font-size: 2.0rem;
}

.gameFarm__attentionList {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
  padding: 16px;
  border-radius: 8px;
  background-color: #eee;
}

.gameFarm__attentionListItem {
  position: relative;
  padding-left: 1.4rem;
  font-size: 1.4rem;
  line-height: 1.7;
}

.gameFarm__attentionListItem::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '・';
  width: 1.4rem;
}

.gameFarm__items {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.gameFarm__item {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 16px;
  width: calc((100% - 20px * (3 - 1)) / 3);
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.gameFarm__itemName {
  display: flex;
  flex-flow: column;
  gap: 8px;
  text-align: center;
}

.gameFarm__itemDescription {
  display: flex;
  flex-flow: column;
  gap: 8px;
}

.gameFarm__itemRarity {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.gameFarm__star {
  display: flex;
}

.gameFarm__star .material-icons {
  color: #ccc;
}

.gameFarm__star[data-rarity="1"] .material-icons:nth-child(-n+1) {
  color: #ffe402;
}

.gameFarm__star[data-rarity="2"] .material-icons:nth-child(-n+2) {
  color: #ffe402;
}

.gameFarm__star[data-rarity="3"] .material-icons:nth-child(-n+3) {
  color: #ffe402;
}

.gameFarm__star[data-rarity="4"] .material-icons:nth-child(-n+4) {
  color: #ffe402;
}

.gameFarm__star[data-rarity="5"] .material-icons:nth-child(-n+5) {
  color: #ffe402;
}

body[data-device="pc"] .gameFarm__goalIncentiveCondition br {
  display: none;
}

body[data-device="mobile"] .gameFarm__body {
  padding: 0 15px;
}

body[data-device="mobile"] .gameFarm__play {
  width: 24vw;
  max-width: 100%;
}

body[data-device="mobile"] .gameFarm__maintenance {
  display: flex;
  flex-flow: column;
  align-items: center;
  font-size: 1.8rem;
}

body[data-device="mobile"] .gameFarm__incentives {
  display: flex;
  flex-flow: column;
  gap: 20px;
}

body[data-device="mobile"] .gameFarm table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}

body[data-device="mobile"] .gameFarm table th {
  width: 70px;
  padding: 8px;
  font-size: 1.4rem;
}

body[data-device="mobile"] .gameFarm__goalIncentiveCondition {
  width: 140px !important;
  font-size: 1.3rem !important;
}

body[data-device="mobile"] .gameFarm__point {
  font-size: 1.6rem;
}

body[data-device="mobile"] .gameFarm__items {
  display: flex;
  flex-flow: column;
  gap: 20px;
}

body[data-device="mobile"] .gameFarm__item {
  width: 100%;
}

.gameFishken {
  display: flex;
  flex-flow: column;
  gap: 20px;
}

.gameFishken__head img {
  width: 100%;
}

.gameFishken__body {
  display: flex;
  gap: 10px;
}

.gameFishken__main {
  flex: 1;
  display: flex;
  flex-flow: column;
  gap: 20px;
}

.gameFishken__sub {
  display: flex;
  flex-flow: column;
  gap: 20px;
  width: 300px;
}

.gameFishken__section {
  display: flex;
  flex-flow: column;
  gap: 10px;
}

.gameFishken__heading {
  padding: 8px 12px;
  font-size: 1.6rem;
  color: #fff;
  line-height: 1.5;
  border-radius: 6px;
  background-color: #325e89;
  box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.6);
}

.gameFishken__sectionBody {
  display: flex;
  flex-flow: column;
  gap: 20px;
  padding: 16px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
}

.gameFishken__rule {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.gameFishken__ruleImage {
  width: calc((100% - 20px * (2 - 1)) / 2);
}

.gameFishken__ruleImage img {
  width: 100%;
}

.gameFishken__attentionList {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
}

.gameFishken__attentionListItem {
  position: relative;
  padding-left: 1.4rem;
  font-size: 1.4rem;
  line-height: 1.7;
}

.gameFishken__attentionListItem::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '・';
  width: 1.4rem;
}

body[data-device="mobile"] .gameFishken__body {
  display: flex;
  flex-flow: column;
  gap: 10px;
  padding: 0 15px;
}

body[data-device="mobile"] .gameFishken__main {
  display: flex;
  flex-flow: column;
  gap: 40px;
}

body[data-device="mobile"] .gameFishken__sub {
  display: flex;
  flex-flow: column;
  gap: 20px;
  max-width: 300px;
  margin: 0 auto;
}

body[data-device="mobile"] .gameFishken__rule {
  display: flex;
  flex-flow: column;
  gap: 10px;
}

body[data-device="mobile"] .gameFishken__ruleImage {
  width: 100%;
  max-width: 296px;
  margin: 0 auto;
}

.globalComponent_importantInformations {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
  width: 1040px;
  margin: 0 auto;
}

.globalComponent_importantInformations__item {
  display: flex;
  width: 100%;
  min-height: 30px;
  margin: 0 auto;
  border: 1px solid #DF4840;
}

.globalComponent_importantInformations__heading {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 185px;
  color: #fff;
  background-color: #DF4840;
}

.globalComponent_importantInformations__headingIcon {
  position: relative;
  right: 1px;
}

.globalComponent_importantInformations__link {
  flex: 1;
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 4px 20px;
  color: #DF4840;
  background-color: #fff;
}

body[data-device="pc"] .globalComponent_importantInformations__headingIcon {
  display: none;
}

@media (any-hover: hover) {
  body[data-device="pc"] .globalComponent_importantInformations__link {
    transition-property: background-color;
    transition-duration: .2s;
  }
  body[data-device="pc"] .globalComponent_importantInformations__link:hover {
    background-color: #FFF9BC;
  }
}

body[data-device="mobile"] .globalComponent_importantInformations {
  width: 100%;
  max-width: 1040px;
}

body[data-device="mobile"] .globalComponent_importantInformations__heading {
  width: 40px;
}

body[data-device="mobile"] .globalComponent_importantInformations__headingLabel {
  display: none;
}

body[data-device="mobile"] .globalComponent_importantInformations__linkText {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.globalComponent_mainHeading {
  font-size: 3.0rem;
  font-weight: 700;
}

body[data-device="mobile"] .globalComponent_mainHeading {
  padding: 10px;
  font-size: 1.5rem;
  border-left: 5px solid #E8A61D;
  background-color: #fff;
}

.globalLayout_default {
  padding: 10px 0;
  background-color: #f8f6ed;
}

.globalLayout_default__body {
  position: relative;
  width: 1040px;
  margin: auto;
  background-color: #f8f6ed;
}

.globalLayout_default__columns {
  display: flex;
  gap: 0 20px;
}

.globalLayout_default__leftColumn {
  width: 300px;
}

.globalLayout_default__mainColumn {
  flex: 1;
}

.globalLayout_default__skyscraperLeft {
  position: absolute;
  left: calc(-160px - 10px);
  top: 0;
  width: 160px;
  height: 100%;
}

@media (max-width: 1379px) {
  .globalLayout_default__skyscraperLeft {
    display: none;
  }
}

.globalLayout_default__skyscraperRight {
  position: absolute;
  right: calc(-160px - 10px);
  top: 0;
  width: 160px;
  height: 100%;
}

@media (max-width: 1379px) {
  .globalLayout_default__skyscraperRight {
    display: none;
  }
}

body[data-device="mobile"] .globalLayout_default__body {
  width: 100%;
  max-width: 1040px;
}

body[data-device="mobile"] .globalLayout_default__columns {
  flex-flow: column-reverse;
  gap: 20px 0;
}

body[data-device="mobile"] .globalLayout_default__leftColumn {
  width: 100%;
}

.gameComponent_items {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.gameComponent_items__link {
  display: flex;
  flex-flow: column;
  align-items: center;
  height: 100%;
  padding: 15px 15px 22px 15px;
}

.gameComponent_items__image {
  margin-bottom: 10px;
}

.gameComponent_items__image img {
  max-width: 100%;
  height: auto;
}

.gameComponent_items__title {
  display: flex;
  justify-content: center;
  min-height: 50px;
  margin-bottom: 4px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

.gameComponent_items__memoWrapper {
  min-height: 20px;
}

.gameComponent_items__memo {
  display: inline-block;
  padding: 1px 4px;
  font-size: 1.3rem;
  color: #939393;
  border: 1px solid #CDD3D6;
}

.gameComponent_items__pointWrapper {
  display: flex;
  align-items: flex-end;
  min-height: 32px;
  margin-top: 3px;
}

.gameComponent_items__point {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}

.gameComponent_items__pointIcon {
  position: relative;
  top: 1px;
}

.gameComponent_items__pointPrefixText {
  display: inline-block;
  margin-right: 4px;
  margin-left: 7px;
  font-size: 1.4rem;
  line-height: 1;
}

.gameComponent_items__pointMain {
  display: flex;
  align-items: baseline;
}

.gameComponent_items__pointValue {
  position: relative;
  top: 2px;
  display: inline-block;
  font-size: 3.0rem;
  font-weight: 700;
  color: #E31610;
  line-height: 1;
}

.gameComponent_items__pointText {
  display: inline-block;
  margin-left: 4px;
  font-size: 2.2rem;
  font-weight: 700;
  color: #E31610;
  line-height: 1;
  text-align: center;
}

.gameComponent_items__pointUnit {
  position: relative;
  top: 2px;
  font-size: 1.4rem;
  font-weight: 700;
  color: #E31610;
}

body[data-device="pc"] .gameComponent_items::before, body[data-device="pc"] .gameComponent_items::after {
  position: absolute;
  left: 0;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #CDD3D6;
}

body[data-device="pc"] .gameComponent_items::before {
  top: 0;
}

body[data-device="pc"] .gameComponent_items::after {
  bottom: 0;
}

@media (any-hover: hover) {
  body[data-device="pc"] .gameComponent_items__link {
    transition-property: background-color;
    transition-duration: .2s;
  }
  body[data-device="pc"] .gameComponent_items__link:hover {
    background-color: #FFF9BC;
  }
}

body[data-device="pc"] .gameComponent_items__item {
  position: relative;
  width: calc(100% / 3);
}

body[data-device="pc"] .gameComponent_items__item::before, body[data-device="pc"] .gameComponent_items__item::after {
  position: absolute;
  content: '';
  display: block;
  background-color: #CDD3D6;
}

body[data-device="pc"] .gameComponent_items__item::before {
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
}

body[data-device="pc"] .gameComponent_items__item::after {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
}

body[data-device="pc"] .gameComponent_items__item:nth-child(3n)::before {
  content: none;
}

body[data-device="mobile"] .gameComponent_items {
  gap: 10px;
}

body[data-device="mobile"] .gameComponent_items__item {
  width: calc((100% - 10px * 1) / 2);
}

body[data-device="mobile"] .gameComponent_items__link {
  padding: 7px 7px 14px 7px;
  border-top: none;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #E2E1D9;
}

body[data-device="mobile"] .gameComponent_items__title {
  min-height: 40px;
  font-size: 1.4rem;
}

body[data-device="mobile"] .gameComponent_items__memo {
  font-size: 1.1rem;
}

body[data-device="mobile"] .gameComponent_items__pointWrapper {
  min-height: 20px;
}

body[data-device="mobile"] .gameComponent_items__pointIcon {
  width: 13px;
  height: 13px;
}

body[data-device="mobile"] .gameComponent_items__pointPrefixText {
  margin-left: 5px;
  font-size: 1.2rem;
}

body[data-device="mobile"] .gameComponent_items__pointValue {
  font-size: 1.8rem;
}

body[data-device="mobile"] .gameComponent_items__pointText {
  font-size: 1.4rem;
}

.gameComponent_itemsWide__item {
  border-top: 1px solid #CDD3D6;
}

.gameComponent_itemsWide__link {
  display: block;
  padding: 15px;
}

.gameComponent_itemsWide__linkInner {
  display: flex;
  gap: 0 15px;
}

.gameComponent_itemsWide__image {
  width: 210px;
}

.gameComponent_itemsWide__image img {
  max-width: 100%;
  height: auto;
}

.gameComponent_itemsWide__body {
  flex: 1;
}

.gameComponent_itemsWide__main {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.gameComponent_itemsWide__subTitle {
  font-size: 1.3rem;
}

.gameComponent_itemsWide__title {
  margin-top: 6px;
  font-size: 2.6rem;
  font-weight: 700;
}

.gameComponent_itemsWide__memoWrapper {
  min-height: 20px;
  margin-top: 8px;
}

.gameComponent_itemsWide__memo {
  display: inline-block;
  padding: 1px 4px;
  font-size: 1.3rem;
  color: #939393;
  border: 1px solid #CDD3D6;
}

.gameComponent_itemsWide__pointWrapper {
  position: relative;
  top: -28px;
  display: flex;
  align-items: flex-end;
  min-height: 40px;
}

.gameComponent_itemsWide__point {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}

.gameComponent_itemsWide__pointIcon {
  position: relative;
  top: 1px;
}

.gameComponent_itemsWide__pointPrefixText {
  display: inline-block;
  margin-right: 4px;
  margin-left: 7px;
  font-size: 1.4rem;
  line-height: 1;
}

.gameComponent_itemsWide__pointMain {
  display: flex;
  align-items: baseline;
}

.gameComponent_itemsWide__pointValue {
  position: relative;
  top: 2px;
  display: inline-block;
  font-size: 4.0rem;
  font-weight: 700;
  color: #E31610;
  line-height: 1;
}

.gameComponent_itemsWide__pointText {
  position: relative;
  top: 2px;
  display: inline-block;
  margin-left: 4px;
  font-size: 2.8rem;
  font-weight: 700;
  color: #E31610;
  line-height: 1;
}

.gameComponent_itemsWide__pointUnit {
  position: relative;
  top: 2px;
  font-weight: 700;
  color: #E31610;
}

.gameComponent_itemsWide__descriptionPc {
  margin-top: 20px;
  font-size: 1.3rem;
  line-height: 1.8;
}

.gameComponent_itemsWide__descriptionMobile {
  margin-top: 8px;
  font-size: 1.2rem;
  line-height: 1.5;
}

@media (any-hover: hover) {
  body[data-device="pc"] .gameComponent_itemsWide__link {
    transition-property: background-color;
    transition-duration: .2s;
  }
  body[data-device="pc"] .gameComponent_itemsWide__link:hover {
    background-color: #FFF9BC;
  }
}

body[data-device="pc"] .gameComponent_itemsWide__descriptionMobile {
  display: none;
}

body[data-device="mobile"] .gameComponent_itemsWide__item {
  border-top: none;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #E2E1D9;
}

body[data-device="mobile"] .gameComponent_itemsWide__link {
  padding: 10px;
}

body[data-device="mobile"] .gameComponent_itemsWide__image {
  width: 160px;
}

body[data-device="mobile"] .gameComponent_itemsWide__main {
  display: block;
  padding-top: 5px;
}

body[data-device="mobile"] .gameComponent_itemsWide__title {
  font-size: 1.4rem;
}

body[data-device="mobile"] .gameComponent_itemsWide__memo {
  font-size: 1.1rem;
}

body[data-device="mobile"] .gameComponent_itemsWide__pointWrapper {
  top: 0;
  min-height: 33px;
}

body[data-device="mobile"] .gameComponent_itemsWide__pointPrefixText {
  margin-left: 5px;
  font-size: 1.2rem;
}

body[data-device="mobile"] .gameComponent_itemsWide__pointValue {
  font-size: 2.6rem;
}

body[data-device="mobile"] .gameComponent_itemsWide__descriptionPc {
  display: none;
}

.gameComponent_leftColumn {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
}

.gameComponent_leftColumn__campaign {
  max-width: 300px;
  margin: 0 auto;
}

.gameComponent_leftColumn__clickPoint {
  padding: 10px 10px 3px 6px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #E2E1D9;
}

body[data-device="mobile"] .gameComponent_leftColumn {
  gap: 38px 0;
}

.gameComponent_mainColumn {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
}

.gameComponent_mainColumn__mainHeading {
  display: flex;
  align-items: center;
  gap: 0 10px;
}

.gameComponent_mainColumn__conversion {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (max-width: 1040px) {
  .gameComponent_mainColumn__conversion {
    padding: 0 15px;
  }
}

.gameComponent_mainColumn__conversionSummary {
  position: relative;
  top: 2px;
}

.gameComponent_mainColumn__conversionMessage {
  color: #2C786C;
  padding: 10px 0;
  font-size: 1.4rem;
  text-align: center;
  background-color: #EFFAFA;
}

@media (max-width: 1040px) {
  .gameComponent_mainColumn__conversionMessage {
    width: calc(100% - 20px);
    font-size: 1.3rem;
    padding: 10px;
  }
}

.gameComponent_mainColumn__body {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
}

.gameComponent_mainColumn__sectionHeading {
  margin-bottom: 10px;
  font-size: 2.0rem;
  font-weight: 700;
}

body[data-device="pc"] .gameComponent_mainColumn__section {
  padding: 10px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #E2E1D9;
}

body[data-device="mobile"] .gameComponent_mainColumn {
  gap: 12px 0;
}

body[data-device="mobile"] .gameComponent_mainColumn__mainHeading {
  display: block;
}

body[data-device="mobile"] .gameComponent_mainColumn__mainSummary {
  margin-top: 30px;
  padding: 0 15px;
}

body[data-device="mobile"] .gameComponent_mainColumn__body {
  gap: 32px 0;
  padding: 0 15px;
}

body[data-device="mobile"] .gameComponent_mainColumn__sectionHeading {
  font-size: 1.4rem;
}

body[data-device="mobile"] .gameComponent_mainColumn__sectionBody {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
}

.gameComponent_navigation {
  display: flex;
  gap: 1px;
  flex-wrap: wrap;
}

.gameComponent_navigation__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 46px;
  padding: 0 20px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  border-width: 1px 0;
  border-style: solid;
  border-color: #3AA59E;
  background-color: #3AA59E;
}

.gameComponent_navigation__link .material-icons {
  font-size: 2.6rem;
}

@media (any-hover: hover) {
  body[data-device="pc"] .gameComponent_navigation__item {
    flex: 1;
  }
  body[data-device="pc"] .gameComponent_navigation__item:first-child .gameComponent_navigation__link {
    border-width: 1px 0 1px 1px;
    border-radius: 5px 0 0 5px;
  }
  body[data-device="pc"] .gameComponent_navigation__item:last-child .gameComponent_navigation__link {
    border-width: 1px 1px 1px 0;
    border-radius: 0 5px 5px 0;
  }
}

@media (any-hover: hover) {
  body[data-device="pc"] .gameComponent_navigation__link {
    transition-property: color, background-color;
    transition-duration: .2s;
  }
  body[data-device="pc"] .gameComponent_navigation__link:hover {
    color: #3AA59E;
    background-color: #fff;
  }
}

body[data-device="mobile"] .gameComponent_navigation {
  border-radius: 5px;
  overflow: hidden;
}

body[data-device="mobile"] .gameComponent_navigation__item {
  width: calc((100% - 1px * 1) / 2);
}

body[data-device="mobile"] .gameComponent_navigation__item:nth-child(2n) .gameComponent_navigation__link, body[data-device="mobile"] .gameComponent_navigation__item:last-child .gameComponent_navigation__link {
  border-radius: 0 0 5px 0;
}

body[data-device="mobile"] .gameComponent_navigation__link {
  font-size: 1.4rem;
}

body[data-device="mobile"] .gameComponent_navigation__link .material-icons {
  font-size: 2.0rem;
}

.gameComponent_sideNavigation__heading {
  margin-bottom: 8px;
  font-size: 1.8rem;
  font-weight: 700;
}

.gameComponent_sideNavigation__link {
  display: flex;
  align-items: center;
  min-height: 42px;
  padding: 6px 12px;
  font-size: 1.4rem;
  line-height: 1.5;
}

.gameComponent_sideNavigation__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  font-size: 2.0rem;
  color: #3AA59E;
}

.gameComponent_sideNavigation__icon .material-icons,
.gameComponent_sideNavigation__icon .material-icons-outlined {
  font-size: inherit;
}

@media (any-hover: hover) {
  body[data-device="pc"] .gameComponent_sideNavigation__link {
    transition-property: background-color;
    transition-duration: .2s;
  }
  body[data-device="pc"] .gameComponent_sideNavigation__link:hover {
    background-color: #E2E1D9;
  }
}

body[data-device="pc"] .gameComponent_sideNavigation__link br {
  display: none;
}

body[data-device="mobile"] .gameComponent_sideNavigation__heading {
  padding: 0 15px;
  font-size: 1.4rem;
}

body[data-device="mobile"] .gameComponent_sideNavigation__list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

body[data-device="mobile"] .gameComponent_sideNavigation__list::before, body[data-device="mobile"] .gameComponent_sideNavigation__list::after {
  position: absolute;
  left: 0;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #CDD3D6;
}

body[data-device="mobile"] .gameComponent_sideNavigation__list::before {
  top: 0;
}

body[data-device="mobile"] .gameComponent_sideNavigation__list::after {
  bottom: 0;
}

body[data-device="mobile"] .gameComponent_sideNavigation__listItem {
  position: relative;
  width: calc(100% / 2);
}

body[data-device="mobile"] .gameComponent_sideNavigation__listItem::before, body[data-device="mobile"] .gameComponent_sideNavigation__listItem::after {
  position: absolute;
  content: '';
  display: block;
  background-color: #CDD3D6;
}

body[data-device="mobile"] .gameComponent_sideNavigation__listItem::before {
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
}

body[data-device="mobile"] .gameComponent_sideNavigation__listItem::after {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
}

body[data-device="mobile"] .gameComponent_sideNavigation__listItem:nth-child(2n)::before {
  content: none;
}

body[data-device="mobile"] .gameComponent_sideNavigation__link {
  height: 100%;
  min-height: 52px;
  padding: 6px 15px;
}

.mypageComponent_navigation {
  display: flex;
  gap: 1px;
  flex-wrap: wrap;
}

.mypageComponent_navigation__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 46px;
  padding: 0 20px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  border-width: 1px 0;
  border-style: solid;
  border-color: #3AA59E;
  background-color: #3AA59E;
}

.mypageComponent_navigation__link .material-icons {
  font-size: 2.6rem;
}

@media (any-hover: hover) {
  body[data-device="pc"] .mypageComponent_navigation__item {
    flex: 1;
  }
  body[data-device="pc"] .mypageComponent_navigation__item:first-child .mypageComponent_navigation__link {
    border-width: 1px 0 1px 1px;
    border-radius: 5px 0 0 5px;
  }
  body[data-device="pc"] .mypageComponent_navigation__item:last-child .mypageComponent_navigation__link {
    border-width: 1px 1px 1px 0;
    border-radius: 0 5px 5px 0;
  }
}

@media (any-hover: hover) {
  body[data-device="pc"] .mypageComponent_navigation__link {
    transition-property: color, background-color;
    transition-duration: .2s;
  }
  body[data-device="pc"] .mypageComponent_navigation__link:hover {
    color: #3AA59E;
    background-color: #fff;
  }
}

body[data-device="mobile"] .mypageComponent_navigation {
  margin: 0 15px;
  border-radius: 5px;
  overflow: hidden;
}

body[data-device="mobile"] .mypageComponent_navigation__item {
  width: calc((100% - 1px * 1) / 2);
}

body[data-device="mobile"] .mypageComponent_navigation__item:nth-child(2n) .mypageComponent_navigation__link, body[data-device="mobile"] .mypageComponent_navigation__item:last-child .mypageComponent_navigation__link {
  border-radius: 0 0 5px 0;
}

body[data-device="mobile"] .mypageComponent_navigation__link {
  font-size: 1.4rem;
}

body[data-device="mobile"] .mypageComponent_navigation__link .material-icons {
  font-size: 2.0rem;
}

.mypageComponent_yamawakekuji {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
}

.mypageComponent_yamawakekuji__item {
  border-radius: 5px;
  overflow: hidden;
}

.mypageComponent_yamawakekuji__main {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
  padding: 20px;
  background-color: #e95506;
  background-image: url("/assets/img/mypage/yamawakekuji-back.png");
  background-position: 0 0;
  background-repeat: repeat-y;
  background-size: 100% auto;
}

.mypageComponent_yamawakekuji__head {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 10px 0;
  padding: 20px;
  border-radius: 5px;
  background-color: #fff;
}

.mypageComponent_yamawakekuji__term {
  font-size: 1.6rem;
  font-weight: 700;
  color: #666;
}

.mypageComponent_yamawakekuji__status {
  display: flex;
  gap: 10px;
}

.mypageComponent_yamawakekuji__statusName {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  min-height: 40px;
  padding: 8px;
  font-size: 1.8rem;
  color: #fff;
  border-radius: 5px;
  background-color: #e21610;
}

.mypageComponent_yamawakekuji__statusValue {
  flex: 1;
  padding: 6px;
  font-size: 2.4rem;
  font-weight: 700;
}

.mypageComponent_yamawakekuji__body {
  display: flex;
  flex-flow: column;
}

.mypageComponent_yamawakekuji__incentive {
  position: relative;
  z-index: 1;
  align-self: center;
  display: flex;
  align-items: baseline;
  gap: 0 5px;
  margin-bottom: -10px;
  padding: 2px 12px 6px 12px;
  font-size: 2.4rem;
  font-weight: 700;
  color: #fff;
  border-radius: 2px;
  background-color: #182987;
}

.mypageComponent_yamawakekuji__incentiveFocus {
  font-size: 1.5em;
}

.mypageComponent_yamawakekuji__stampWrapper {
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 18px;
  min-width: 400px;
  padding: 40px 32px;
  border-radius: 999px;
  background-color: #fff;
}

.mypageComponent_yamawakekuji__stampButton {
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 10px 40px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  border: 2px solid #E8A61D;
  border-radius: 999px;
  background-color: #E8A61D;
}

@media (any-hover: hover) {
  .mypageComponent_yamawakekuji__stampButton {
    transition-property: color, border-color, background-color;
    transition-duration: .2s;
  }
  .mypageComponent_yamawakekuji__stampButton:hover {
    color: #E8A61D;
    background-color: #fff;
  }
}

.mypageComponent_yamawakekuji__stampList {
  display: flex;
  gap: 0 10px;
}

.mypageComponent_yamawakekuji__stampItem {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  font-size: 3.0rem;
  color: #C6CDD0;
  border: 3px solid #C6CDD0;
  border-radius: 50%;
  background-color: #fff;
}

.mypageComponent_yamawakekuji__stampItem.isCleared {
  color: #fff;
  border-color: #182987;
  background-color: #182987;
}

.mypageComponent_yamawakekuji__stampNotice {
  margin-top: 10px;
  font-size: 1.4rem;
  color: #fff;
}

.mypageComponent_yamawakekuji__box {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
  padding: 20px;
  border-radius: 5px;
  background-color: #fff;
}

.mypageComponent_yamawakekuji__boxHeading {
  position: relative;
  padding-right: calc(30px + 10px);
  font-size: 2.0rem;
  font-weight: 700;
}

.mypageComponent_yamawakekuji__accordionButtonWrapper {
  position: absolute;
  right: 0;
  top: -4px;
}

.mypageComponent_yamawakekuji__accordionButton {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #E8A61D;
  cursor: pointer;
}

.mypageComponent_yamawakekuji__accordionButton::before, .mypageComponent_yamawakekuji__accordionButton::after {
  position: absolute;
  top: calc(50% - 2px / 2);
  left: calc(50% - 20px / 2);
  content: '';
  width: 20px;
  height: 2px;
  background-color: #fff;
  transition-property: transform;
  transition-duration: .2s;
}

.mypageComponent_yamawakekuji__accordionButton[aria-expanded="false"]::after {
  transform: rotate(90deg);
}

.mypageComponent_yamawakekuji__attention {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
}

.mypageComponent_yamawakekuji__attention[aria-hidden="true"] {
  display: none;
}

.mypageComponent_yamawakekuji__attentionHeading {
  position: relative;
  padding-left: 1.4rem;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.7;
}

.mypageComponent_yamawakekuji__attentionHeading::before {
  position: absolute;
  left: 0;
  top: 0.2rem;
  content: '◆';
  width: 1.4rem;
  font-size: 1.2rem;
}

.mypageComponent_yamawakekuji__attentionList {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
}

.mypageComponent_yamawakekuji__attentionListItem {
  position: relative;
  padding-left: 1.4rem;
  font-size: 1.4rem;
  line-height: 1.7;
}

.mypageComponent_yamawakekuji__attentionListItem::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '・';
  width: 1.4rem;
}

.mypageComponent_yamawakekuji__affiliate {
  position: relative;
}

.mypageComponent_yamawakekuji__affiliate::before, .mypageComponent_yamawakekuji__affiliate::after {
  position: absolute;
  left: 0;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #CDD3D6;
}

.mypageComponent_yamawakekuji__affiliate::before {
  top: 0;
}

.mypageComponent_yamawakekuji__affiliate::after {
  bottom: 0;
}

.mypageComponent_yamawakekuji__affiliateList {
  display: flex;
  flex-wrap: wrap;
}

.mypageComponent_yamawakekuji__affiliateItem {
  position: relative;
  width: calc(100% / 6);
}

.mypageComponent_yamawakekuji__affiliateItem::before, .mypageComponent_yamawakekuji__affiliateItem::after {
  position: absolute;
  content: '';
  display: block;
  background-color: #CDD3D6;
}

.mypageComponent_yamawakekuji__affiliateItem::before {
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
}

.mypageComponent_yamawakekuji__affiliateItem::after {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
}

.mypageComponent_yamawakekuji__affiliateLink {
  display: flex;
  align-items: center;
  flex-flow: column;
  gap: 5px 0;
  width: 100%;
  height: 100%;
  padding: 15px 15px 15px 15px;
}

@media (any-hover: hover) {
  .mypageComponent_yamawakekuji__affiliateLink {
    transition-property: background-color;
    transition-duration: .2s;
  }
  .mypageComponent_yamawakekuji__affiliateLink:hover {
    background-color: #FFF9BC;
  }
}

.mypageComponent_yamawakekuji__affiliateImage {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 120px;
  min-height: 60px;
}

.mypageComponent_yamawakekuji__affiliateImage img {
  width: 100%;
  height: auto;
}

.mypageComponent_yamawakekuji__affiliateMain {
  flex: 1;
}

.mypageComponent_yamawakekuji__affiliatePointIcon {
  position: relative;
  bottom: -1px;
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 1;
}

.mypageComponent_yamawakekuji__affiliatePoint {
  display: flex;
  align-items: baseline;
  gap: 0 5px;
}

.mypageComponent_yamawakekuji__affiliatePointMain {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}

.mypageComponent_yamawakekuji__affiliatePointOrigin {
  display: inline-block;
  min-height: 18px;
  margin-left: calc(15px + 5px);
  text-decoration: line-through;
}

.mypageComponent_yamawakekuji__affiliatePointValue {
  font-size: 1.8rem;
  font-weight: 700;
  color: #E31610;
}

.mypageComponent_yamawakekuji__affiliatePointUnit {
  font-size: 1.4rem;
  font-weight: 700;
  color: #E31610;
}

body[data-device="pc"] .mypageComponent_yamawakekuji__affiliateItem:nth-child(6n)::before {
  content: none;
}

body[data-device="mobile"] .mypageComponent_yamawakekuji {
  margin: 0 15px;
}

body[data-device="mobile"] .mypageComponent_yamawakekuji__main {
  gap: 10px 0;
  padding: 10px;
}

body[data-device="mobile"] .mypageComponent_yamawakekuji__head {
  padding: 10px;
}

body[data-device="mobile"] .mypageComponent_yamawakekuji__term {
  font-size: 1.4rem;
}

body[data-device="mobile"] .mypageComponent_yamawakekuji__status {
  gap: 5px;
}

body[data-device="mobile"] .mypageComponent_yamawakekuji__statusName {
  width: 110px;
  min-height: 20px;
  padding: 4px;
  font-size: 1.3rem;
}

body[data-device="mobile"] .mypageComponent_yamawakekuji__statusValue {
  padding: 4px;
  font-size: 1.4rem;
}

body[data-device="mobile"] .mypageComponent_yamawakekuji__incentive {
  font-size: 1.4rem;
}

body[data-device="mobile"] .mypageComponent_yamawakekuji__stampWrapper {
  gap: 0 8px;
  min-width: auto;
  padding: 20px 15px;
}

body[data-device="mobile"] .mypageComponent_yamawakekuji__stampButton {
  font-size: 1.2rem;
  padding: 5px 14px;
}

body[data-device="mobile"] .mypageComponent_yamawakekuji__stampList {
  gap: 0 5px;
}

body[data-device="mobile"] .mypageComponent_yamawakekuji__stampItem {
  width: 35px;
  height: 35px;
  font-size: 1.5rem;
  border-width: 2px;
}

body[data-device="mobile"] .mypageComponent_yamawakekuji__stampNotice {
  font-size: 1.0rem;
}

body[data-device="mobile"] .mypageComponent_yamawakekuji__box {
  padding: 10px;
}

body[data-device="mobile"] .mypageComponent_yamawakekuji__boxHeading {
  font-size: 1.6rem;
}

body[data-device="mobile"] .mypageComponent_yamawakekuji__accordionButtonWrapper {
  position: absolute;
  right: 0;
  top: -2px;
}

body[data-device="mobile"] .mypageComponent_yamawakekuji__accordionButton {
  width: 24px;
  height: 24px;
}

body[data-device="mobile"] .mypageComponent_yamawakekuji__accordionButton::before, body[data-device="mobile"] .mypageComponent_yamawakekuji__accordionButton::after {
  left: calc(50% - 10px / 2);
  content: '';
  width: 10px;
}

body[data-device="mobile"] .mypageComponent_yamawakekuji__affiliateItem {
  width: calc(100% / 3);
}

body[data-device="mobile"] .mypageComponent_yamawakekuji__affiliateItem:nth-child(3n)::before {
  content: none;
}

body[data-device="mobile"] .mypageComponent_yamawakekuji__affiliateLink {
  padding: 10px;
}

body[data-device="mobile"] .mypageComponent_yamawakekuji__affiliateImage {
  max-width: 90px;
}

body[data-device="mobile"] .mypageComponent_yamawakekuji__affiliatePointWrapper {
  display: flex;
  flex-flow: column;
  align-items: center;
}

body[data-device="mobile"] .mypageComponent_yamawakekuji__affiliatePointMain {
  flex-wrap: nowrap;
}

body[data-device="mobile"] .mypageComponent_yamawakekuji__affiliatePointOrigin {
  min-height: auto;
  margin-left: 0;
}

body[data-device="mobile"] .mypageComponent_yamawakekuji__affiliatePointValue {
  position: relative;
  top: 1px;
}

.newslist_index {
  position: relative;
  width: 1040px;
  margin: auto;
  padding: 10px 0;
  background-color: #f8f6ed;
}

.newslist_index__columns {
  display: flex;
  gap: 0 20px;
}

.newslist_index__leftColumn {
  width: 300px;
}

.newslist_index__mainColumn {
  width: calc(100% - 320px);
}

.newslist_index .splide {
  height: calc(46px + 10px * 2);
  overflow: hidden;
}

.newslist_index .splide__track {
  height: 100%;
  margin-right: 30px;
  margin-left: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.newslist_index .splide__arrow {
  width: 20px;
  height: calc(100% - 10px * 2);
  opacity: 1;
  background-color: #F7F7F7;
}

.newslist_index .splide__arrow:hover {
  opacity: 1 !important;
  background-color: var(--color-primary-green);
}

.newslist_index .splide__arrow:hover img {
  filter: var(--filter-white);
}

.newslist_index .splide__arrow--prev {
  left: 0;
  border-radius: 4px 0 0 4px;
}

.newslist_index .splide__arrow--next {
  right: 0;
  border-radius: 0 4px 4px 0;
}

body[data-device="mobile"] .newslist_index {
  width: 100%;
  max-width: 1040px;
}

body[data-device="mobile"] .newslist_index__columns {
  flex-flow: column-reverse;
  gap: 20px 0;
}

body[data-device="mobile"] .newslist_index__leftColumn {
  width: 100%;
}

body[data-device="mobile"] .newslist_index__mainColumn {
  width: 100%;
}

.newslistComponent_clickPoint__button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
  width: 100%;
  max-width: 560px;
  min-height: 77px;
  margin: 0 auto;
  padding: 5px;
  border: 3px solid #E8A61D;
  border-radius: 50px;
  background-color: #E8A61D;
  box-shadow: 0px 6px 6px #e2e1d9;
}

.newslistComponent_clickPoint__button:disabled {
  pointer-events: none;
  border-color: #B4B4B4;
  background-color: #B4B4B4;
}

.newslistComponent_clickPoint__button:disabled .newslistComponent_clickPoint__buttonGuide {
  color: #939393;
  border-color: #939393;
}

.newslistComponent_clickPoint__buttonGuide {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 4px;
  min-height: 47px;
  padding: 6px 15px;
  font-size: 2.0rem;
  border: 3px solid #78542D;
  border-radius: 30px;
  background-color: #fff;
}

.newslistComponent_clickPoint__buttonLabel {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 14px;
  font-size: 2.8rem;
  font-weight: 700;
  color: #fff;
}

.newslistComponent_clickPoint__buttonLabel figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.newslistComponent_clickPoint__buttonLabel img {
  width: 100%;
  height: auto;
  filter: var(--filter-white);
}

.newslistComponent_clickPoint__attentionBox {
  display: flex;
  flex-flow: column;
  gap: 13px 0;
}

.newslistComponent_clickPoint__attentionHeading {
  font-size: 2.0rem;
  font-weight: 700;
}

.newslistComponent_clickPoint__loginMessage {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 30px;
  padding: 3px;
  color: #DF4840;
  border: 1px solid #DF4840;
}

.newslistComponent_clickPoint__attentionList {
  display: flex;
  flex-flow: column;
  gap: 8px 0;
}

.newslistComponent_clickPoint__attentionItem {
  position: relative;
  padding-left: 1.4rem;
}

.newslistComponent_clickPoint__attentionItem::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '※';
  width: 1.4rem;
}

body[data-device="pc"] .newslistComponent_clickPoint {
  padding-top: 32px;
}

body[data-device="pc"] .newslistComponent_clickPoint__buttonBox {
  padding: 30px 0 0 0;
}

@media (any-hover: hover) {
  body[data-device="pc"] .newslistComponent_clickPoint__button {
    transition-property: color, border-color, background-color;
    transition-duration: .2s;
  }
  body[data-device="pc"] .newslistComponent_clickPoint__button:hover {
    background-color: #fff;
  }
  body[data-device="pc"] .newslistComponent_clickPoint__button:hover .newslistComponent_clickPoint__buttonGuide {
    background-color: #FFE655;
  }
  body[data-device="pc"] .newslistComponent_clickPoint__button:hover .newslistComponent_clickPoint__buttonLabel {
    color: #E8A61D;
  }
  body[data-device="pc"] .newslistComponent_clickPoint__button:hover img {
    filter: var(--filter-primary-orange);
  }
}

@media (any-hover: hover) {
  body[data-device="pc"] .newslistComponent_clickPoint__buttonGuide {
    transition-property: background-color;
    transition-duration: .2s;
  }
}

@media (any-hover: hover) {
  body[data-device="pc"] .newslistComponent_clickPoint__buttonLabel {
    transition-property: color;
    transition-duration: .2s;
  }
}

body[data-device="mobile"] .newslistComponent_clickPoint__button {
  gap: 0 8px;
  max-width: 345px;
  min-height: 66px;
  margin: 0 auto;
}

body[data-device="mobile"] .newslistComponent_clickPoint__button:disabled .newslistComponent_clickPoint__buttonGuide {
  font-size: 1.4rem;
}

body[data-device="mobile"] .newslistComponent_clickPoint__button:disabled .newslistComponent_clickPoint__buttonLabel {
  font-size: 2.0rem;
}

body[data-device="mobile"] .newslistComponent_clickPoint__buttonGuide {
  width: 100px;
  min-height: 54px;
  padding: 10px 5px;
  font-size: 1.6rem;
}

body[data-device="mobile"] .newslistComponent_clickPoint__buttonGuideIcon {
  display: none;
}

body[data-device="mobile"] .newslistComponent_clickPoint__buttonLabel {
  flex: 1;
  justify-content: flex-start;
  gap: 0 10px;
  font-size: 2.2rem;
}

body[data-device="mobile"] .newslistComponent_clickPoint__buttonLabel .material-icons {
  font-size: 3.0rem;
}

body[data-device="mobile"] .newslistComponent_clickPoint__attentionHeading {
  font-size: 1.6rem;
}

.newslistComponent_leftColumn {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
}

.newslistComponent_leftColumn__campaign {
  max-width: 300px;
  margin: 0 auto;
}

.newslistComponent_leftColumn__clickPoint {
  padding: 10px 10px 3px 6px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #E2E1D9;
}

body[data-device="mobile"] .newslistComponent_leftColumn {
  gap: 38px 0;
}

.newslistComponent_mainColumn {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
}

.newslistComponent_mainColumn__body {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
}

.newslistComponent_mainColumn__sectionHeading {
  margin-bottom: 10px;
  font-size: 2.0rem;
  font-weight: 700;
}

.newslistComponent_mainColumn__subNewsList {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 20px;
}

.newslistComponent_mainColumn__subNewsItem {
  width: calc((100% - 20px * 1) / 2);
}

.newslistComponent_mainColumn__subHeading {
  margin-bottom: 12px;
  font-size: 1.8rem;
  font-weight: 700;
}

body[data-device="pc"] .newslistComponent_mainColumn__mainHeading {
  display: flex;
  align-items: center;
  gap: 0 10px;
}

body[data-device="pc"] .newslistComponent_mainColumn__mainSummary {
  position: relative;
  top: 2px;
}

body[data-device="pc"] .newslistComponent_mainColumn__section {
  padding: 10px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #E2E1D9;
}

body[data-device="pc"] .newslistComponent_mainColumn__ad300s {
  display: flex;
  justify-content: center;
  gap: 0 10px;
}

body[data-device="mobile"] .newslistComponent_mainColumn {
  gap: 12px 0;
}

body[data-device="mobile"] .newslistComponent_mainColumn__mainSummary {
  margin-top: 30px;
  margin-bottom: 10px;
  padding: 0 15px;
}

body[data-device="mobile"] .newslistComponent_mainColumn__body {
  gap: 32px 0;
  padding: 0 15px;
}

body[data-device="mobile"] .newslistComponent_mainColumn__sectionHeading {
  font-size: 1.4rem;
}

body[data-device="mobile"] .newslistComponent_mainColumn__sectionBody {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
}

body[data-device="mobile"] .newslistComponent_mainColumn__ad300s {
  display: flex;
  flex-flow: column;
  gap: 12px 0;
}

body[data-device="mobile"] .newslistComponent_mainColumn__subNewsItem {
  width: 100%;
}

body[data-device="mobile"] .newslistComponent_mainColumn__subHeading {
  font-size: 1.4rem;
}

.newslistComponent_mainNews {
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px;
}

.newslistComponent_mainNews__item {
  width: calc((100% - 20px * 1) / 2);
}

.newslistComponent_mainNews__link {
  display: block;
  min-height: 34px;
  padding: 8px 15px 8px 15px;
}

@media (any-hover: hover) {
  body[data-device="pc"] .newslistComponent_mainNews__link {
    transition-property: background-color;
    transition-duration: .2s;
  }
  body[data-device="pc"] .newslistComponent_mainNews__link:hover {
    background-color: #FFF9BC;
  }
}

body[data-device="mobile"] .newslistComponent_mainNews {
  padding: 7px;
  border-top: none;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #E2E1D9;
}

body[data-device="mobile"] .newslistComponent_mainNews__item {
  width: 100%;
}

body[data-device="mobile"] .newslistComponent_mainNews__link {
  min-height: 52px;
  padding: 17px 15px 17px 15px;
  border-bottom: 1px solid #CDD3D6;
}

.newslistComponent_subNews__link {
  display: block;
  min-height: 34px;
  padding: 8px 15px 8px 15px;
}

.newslistComponent_subNews__more {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  min-height: 44px;
  border-top: 1px solid #E0E0E0;
}

@media (any-hover: hover) {
  body[data-device="pc"] .newslistComponent_subNews__link {
    transition-property: background-color;
    transition-duration: .2s;
  }
  body[data-device="pc"] .newslistComponent_subNews__link:hover {
    background-color: #FFF9BC;
  }
}

@media (any-hover: hover) {
  body[data-device="pc"] .newslistComponent_subNews__more {
    transition-property: background-color;
    transition-duration: .2s;
  }
  body[data-device="pc"] .newslistComponent_subNews__more:hover {
    background-color: #FFF9BC;
  }
}

body[data-device="mobile"] .newslistComponent_subNews {
  padding: 7px;
  border-top: none;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #E2E1D9;
}

body[data-device="mobile"] .newslistComponent_subNews__item:last-child .newslistComponent_subNews__link {
  border-bottom: none;
}

body[data-device="mobile"] .newslistComponent_subNews__link {
  min-height: 52px;
  padding: 17px 15px 17px 15px;
  border-bottom: 1px solid #CDD3D6;
}

body[data-device="mobile"] .newslistComponent_subNews__more {
  justify-content: center;
  gap: 0 10px;
  color: #939393;
  border: 1px solid #E0E0E0;
  border-radius: 10px;
}

body[data-device="mobile"] .newslistComponent_subNews__more .material-icons {
  position: relative;
  top: 1px;
  font-size: 2.0rem;
}

.newslistComponent_tabNavigation {
  position: relative;
  margin: -10px 20px;
}

.newslistComponent_tabNavigation__prev, .newslistComponent_tabNavigation__next {
  position: absolute;
  top: calc(50% - 46px / 2);
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 46px;
  color: #fff;
  border: 1px solid #484848;
  background-color: #484848;
}

.newslistComponent_tabNavigation__prev {
  left: -20px;
  border-radius: 4px 0 0 4px;
}

.newslistComponent_tabNavigation__next {
  right: -20px;
  border-radius: 0 4px 4px 0;
}

.newslistComponent_tabNavigation__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 46px;
  border-radius: 5px;
  background-color: #fff;
}

.newslistComponent_tabNavigation__link--isCurrent {
  position: relative;
  color: #fff;
  background-color: #3AA59E;
  pointer-events: none;
}

.newslistComponent_tabNavigation__link--isCurrent::before, .newslistComponent_tabNavigation__link--isCurrent::after {
  position: absolute;
  left: calc(50% - 10px / 2);
  content: '';
  width: 0;
  height: 0;
  border-width: 10px 5px;
  border-style: solid;
  border-color: transparent;
}

.newslistComponent_tabNavigation__link--isCurrent::before {
  top: calc(-10px * 2);
  border-bottom-color: #3AA59E;
}

.newslistComponent_tabNavigation__link--isCurrent::after {
  bottom: calc(-10px * 2);
  border-top-color: #3AA59E;
}

.newslistComponent_tabNavigation__link--isCurrent[data-arrow-direction="top"]::after {
  content: none;
}

.newslistComponent_tabNavigation__link--isCurrent[data-arrow-direction="bottom"]::before {
  content: none;
}

.newslistComponent_tabNavigation .swiper {
  width: calc(720px - 20px * 2);
  padding: 10px 10px;
}

.newslistComponent_tabNavigation .swiper-slide {
  min-height: 46px !important;
}

.newslistComponent_tabNavigation .swiper-slide:last-child {
  margin-right: 0 !important;
}

.newslistComponent_tabNavigation .swiper-button-disabled {
  opacity: .4;
  pointer-events: none;
}

@media (any-hover: hover) {
  body[data-device="pc"] .newslistComponent_tabNavigation__prev, body[data-device="pc"] .newslistComponent_tabNavigation__next {
    transition-property: color, background-color;
    transition-duration: .2s;
  }
  body[data-device="pc"] .newslistComponent_tabNavigation__prev:hover, body[data-device="pc"] .newslistComponent_tabNavigation__next:hover {
    color: inherit;
    background-color: #fff;
  }
}

@media (any-hover: hover) {
  body[data-device="pc"] .newslistComponent_tabNavigation__link {
    transition-property: background-color;
    transition-duration: .2s;
  }
  body[data-device="pc"] .newslistComponent_tabNavigation__link:hover {
    background-color: #FFF9BC;
  }
}

body[data-device="mobile"] .newslistComponent_tabNavigation {
  margin: -10px 0;
}

body[data-device="mobile"] .newslistComponent_tabNavigation__prev, body[data-device="mobile"] .newslistComponent_tabNavigation__next {
  display: none;
}

body[data-device="mobile"] .newslistComponent_tabNavigation .swiper {
  position: relative;
  left: -15px;
  width: calc(100% + 15px * 2);
  padding: 10px 10px;
}

.pointAffiliateReviewPage__head {
  margin-bottom: 10px;
}

.pointAffiliateReviewPage__mainHeading {
  font-size: 3.0rem;
  font-weight: 700;
}

.pointAffiliateReviewPage__body {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
  width: 1040px;
  margin: auto;
  padding: 10px 0;
}

.pointAffiliateReviewPage__content {
  display: flex;
  flex-flow: column;
  gap: 30px 0;
  padding: 30px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #E2E1D9;
}

.pointAffiliateReviewPage__section {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
}

.pointAffiliateReviewPage__heading {
  font-size: 2.0rem;
  font-weight: 700;
}

.pointAffiliateReviewPage__agree {
  align-self: center;
  display: flex;
  flex-flow: column;
  gap: 5px 0;
}

.pointAffiliateReviewPage__lead {
  padding: 10px;
  font-size: 1.4rem;
  line-height: 1.6;
  border-radius: 5px;
  background-color: #d7f1f5;
}

.pointAffiliateReviewPage__textArea {
  min-height: 200px;
  padding: 13px;
  line-height: 1.8;
  border: 1px solid #CDD3D6;
  border-radius: 5px;
  outline: none;
  transition-property: border-color;
  transition-duration: .2s;
}

.pointAffiliateReviewPage__textArea::placeholder {
  color: #939393;
}

.pointAffiliateReviewPage__textArea:focus {
  border-color: #2C786C;
}

.pointAffiliateReviewPage__textArea:focus::placeholder {
  color: transparent;
}

.pointAffiliateReviewPage__textArea.hasError {
  box-shadow: 0 0 0 1000px #FAEBEA inset;
}

.pointAffiliateReviewPage__inputCheckbox {
  position: absolute;
  opacity: 0;
}

.pointAffiliateReviewPage__inputCheckbox + label {
  display: flex;
  align-items: center;
  gap: 0 8px;
  height: 44px;
  padding: 13px;
  border: 1px solid #CDD3D6;
  border-radius: 5px;
  transition-property: border-color;
  transition-duration: .2s;
}

.pointAffiliateReviewPage__inputCheckbox + label::before {
  font-family: 'Material Icons';
  font-size: 1.8rem;
  content: '\e5ca';
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  color: #fff;
  border: 2px solid #B4B4B4;
  border-radius: 2px;
  background-color: #fff;
  background-clip: content-box;
  transition-property: border-color, background-color;
  transition-duration: .2s;
}

.pointAffiliateReviewPage__inputCheckbox:checked + label {
  border-color: #2C786C;
}

.pointAffiliateReviewPage__inputCheckbox:checked + label::before {
  border-color: #2C786C;
  background-color: #2C786C;
}

.pointAffiliateReviewPage__inputCheckbox.hasError + label {
  box-shadow: 0 0 0 1000px #FAEBEA inset;
}

.pointAffiliateReviewPage__inputError {
  font-size: 1.2rem;
  color: #DF4840;
}

.pointAffiliateReviewPage__buttonsWrapper {
  display: flex;
  justify-content: center;
  gap: 0 20px;
}

.pointAffiliateReviewPage__button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
  min-width: 194px;
  height: 46px;
  padding: 8px 16px;
  font-size: 1.8rem;
  font-size: 700;
  color: #fff;
  border: 1px solid #E8A61D;
  border-radius: 10px;
  background-color: #E8A61D;
}

@media (hover) {
  .pointAffiliateReviewPage__button {
    transition-property: color, border-color, background-color;
    transition-duration: .2s;
  }
  .pointAffiliateReviewPage__button:hover {
    color: #E8A61D;
    background-color: #fff;
  }
}

.pointAffiliateReviewPage__button--secondary {
  color: #939393;
  border-color: #E9EBED;
  background-color: #fff;
}

@media (hover) {
  .pointAffiliateReviewPage__button--secondary:hover {
    color: #939393;
    border-color: #CDD3D6;
    background-color: #F7F7F7;
  }
}

.pointAffiliateReviewPage__button--secondary.isNone {
  display: none !important;
}

.pointAffiliateReviewPage__button .material-icons {
  position: relative;
  top: 1px;
}

body[data-device="mobile"] .pointAffiliateReviewPage__head {
  margin-bottom: 15px;
}

body[data-device="mobile"] .pointAffiliateReviewPage__mainHeading {
  padding: 10px;
  font-size: 1.5rem;
  border-left: 5px solid #E8A61D;
  background-color: #fff;
}

body[data-device="mobile"] .pointAffiliateReviewPage__body {
  width: 100%;
  max-width: 1040px;
  padding: 15px;
}

body[data-device="mobile"] .pointAffiliateReviewPage__content {
  padding: 20px;
}

body[data-device="mobile"] .pointAffiliateReviewPage__heading {
  font-size: 1.6rem;
}

.pointAffiliateReviewComponent_attention__item {
  position: relative;
  padding-left: 1.4rem;
  font-size: 1.4rem;
  line-height: 1.7;
}

.pointAffiliateReviewComponent_attention__item::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '・';
  width: 1.4rem;
}

.pointAffiliateReviewComponent_detail {
  display: flex;
  gap: 20px;
  padding: 20px;
  border-radius: 5px;
  background-color: #F5F5F5;
}

@media (hover) {
  .pointAffiliateReviewComponent_detail {
    transition-property: background-color;
    transition-duration: .2s;
  }
  .pointAffiliateReviewComponent_detail:hover {
    background-color: #fff9bc;
  }
}

.pointAffiliateReviewComponent_detail__image {
  width: 100%;
  max-width: 300px;
}

.pointAffiliateReviewComponent_detail__main {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
}

.pointAffiliateReviewComponent_detail__heading {
  font-size: 1.8rem;
  font-weight: 700;
}

.pointAffiliateReviewComponent_detail__pointWrapper {
  display: flex;
  align-items: baseline;
  gap: 0 10px;
}

.pointAffiliateReviewComponent_detail__pointIcon {
  position: relative;
  bottom: -1px;
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 1;
}

.pointAffiliateReviewComponent_detail__point {
  display: flex;
  align-items: baseline;
  gap: 0 5px;
}

.pointAffiliateReviewComponent_detail__pointMain {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}

.pointAffiliateReviewComponent_detail__pointOrigin {
  display: inline-block;
  min-height: 18px;
  text-decoration: line-through;
}

.pointAffiliateReviewComponent_detail__pointValue {
  font-size: 1.8rem;
  font-weight: 700;
  color: #E31610;
}

.pointAffiliateReviewComponent_detail__pointUnit {
  font-size: 1.4rem;
  font-weight: 700;
  color: #E31610;
}

.pointAffiliateReviewComponent_detail__information {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
}

.pointAffiliateReviewComponent_detail__informationItem {
  display: flex;
  flex-flow: column;
  gap: 5px 0;
}

.pointAffiliateReviewComponent_detail__informationName {
  font-size: 1.6rem;
}

body[data-device="mobile"] .pointAffiliateReviewComponent_detail {
  display: flex;
  flex-flow: column;
  gap: 20px;
}

.pointAffiliateReviewComponent_score {
  display: flex;
  gap: 0;
}

.pointAffiliateReviewComponent_score__item:first-child input[type="radio"] + label {
  border-radius: 5px 0 0 5px;
}

.pointAffiliateReviewComponent_score__item:last-child input[type="radio"] + label {
  border-radius: 0 5px 5px 0;
}

.pointAffiliateReviewComponent_score input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.pointAffiliateReviewComponent_score input[type="radio"] + label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  padding: 4px;
  transition-property: color;
  transition-duration: .2s;
}

@media (hover) {
  .pointAffiliateReviewComponent_score input[type="radio"] + label:hover {
    color: #e8a61d;
  }
}

.pointAffiliateReviewComponent_score input[type="radio"] + label.isActive {
  color: #e8a61d;
}

.pointAffiliateReviewComponent_score input[type="radio"] + label.isUnder {
  color: #e8a61d;
}

.pointAffiliateReviewComponent_score input[type="radio"]:checked + label {
  color: #e8a61d;
}

.pointAffiliateReviewComponent_score input[type="radio"].hasError {
  box-shadow: 0 0 0 1000px #FAEBEA inset;
}

.pointAffiliateReviewComponent_score input[type="radio"].hasError + label {
  box-shadow: 0 0 0 1000px #FAEBEA inset;
}

.pointAffiliateReviewComponent_score .material-icons {
  font-size: 3.0rem;
  color: inherit;
}

.pointhistoryLayout_default {
  display: flex;
  flex-flow: column;
  gap: 28px 0;
  width: 1040px;
  margin: 0 auto;
  margin-top: 8px;
  background-color: #F8F6ED;
}

.pointhistoryLayout_default__head {
  display: flex;
  flex-flow: column;
  gap: 30px 0;
}

.pointhistoryLayout_default__foot {
  display: flex;
  flex-flow: column;
  gap: 30px 0;
  margin-top: 40px;
}

body[data-device="mobile"] .pointhistoryLayout_default {
  width: 100%;
  max-width: 1040px;
}

body[data-device="mobile"] .pointhistoryLayout_default__main {
  padding: 0 15px;
}

body[data-device="mobile"] .pointhistoryLayout_default__foot {
  margin-top: 30px;
}

.pointhistoryPage__main {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
  margin-top: 25px;
}

.pointhistoryPage__head {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
}

.pointhistoryPage__menuWrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pointhistoryPage__menu {
  display: flex;
  gap: 0 20px;
}

.pointhistoryPage__search {
  display: flex;
  align-items: center;
  gap: 0 8px;
  width: 400px;
  height: 34px;
}

.pointhistoryPage__searchInput {
  width: calc(100% - 120px - 10px);
  height: 100%;
  padding: 6px 12px;
  border: 1px solid #CDD3D6;
  border-radius: 5px;
  background-color: #fff;
  outline: none;
  transition-property: border-color;
  transition-duration: .2s;
}

.pointhistoryPage__searchInput::placeholder {
  color: #939393;
}

.pointhistoryPage__searchInput:focus {
  border-color: #2C786C;
}

.pointhistoryPage__searchInput:focus::placeholder {
  color: transparent;
}

.pointhistoryPage__searchButton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 100%;
  font-size: 1.4rem;
  color: #fff;
  border-radius: 5px;
  background-color: #3AA59E;
}

@media (any-hover: hover) {
  .pointhistoryPage__searchButton {
    transition-property: opacity;
    transition-duration: .2s;
  }
  .pointhistoryPage__searchButton:hover {
    opacity: .8;
  }
}

.pointhistoryPage__body {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
  padding: 20px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #E2E1D9;
}

.pointhistoryPage__paginationWrapper {
  display: flex;
  justify-content: space-between;
}

.pointhistoryPage__paginationWrapper .pagination {
  display: flex;
  gap: 0 10px;
}

.pointhistoryPage__paginationWrapper .pagination .previous-inactive,
.pointhistoryPage__paginationWrapper .pagination .next-inactive {
  display: none;
}

.pointhistoryPage__paginationWrapper .pagination .active a {
  color: #fff;
  background-color: #3AA59E;
  pointer-events: none;
}

.pointhistoryPage__paginationWrapper .pagination a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 38px;
  height: 38px;
  border: 1px solid #3AA59E;
  border-radius: 5px;
  background-color: #fff;
}

@media (any-hover: hover) {
  .pointhistoryPage__paginationWrapper .pagination a {
    transition-property: color, background-color;
    transition-duration: .2s;
  }
  .pointhistoryPage__paginationWrapper .pagination a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #3AA59E;
  }
}

.pointhistoryPage__buttonsWrapper {
  display: flex;
  justify-content: center;
  gap: 0 20px;
}

.pointhistoryPage__button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
  min-width: 194px;
  height: 46px;
  padding: 8px 16px;
  font-size: 1.8rem;
  font-size: 700;
  color: #fff;
  border: 1px solid #E8A61D;
  border-radius: 10px;
  background-color: #E8A61D;
}

@media (any-hover: hover) {
  .pointhistoryPage__button {
    transition-property: color, border-color, background-color;
    transition-duration: .2s;
  }
  .pointhistoryPage__button:hover {
    color: #E8A61D;
    background-color: #fff;
  }
  .pointhistoryPage__button:hover .pointhistoryPage__buttonIcon {
    background-color: #E8A61D;
  }
}

.pointhistoryPage__button--small {
  min-width: 134px;
  height: 36px;
  font-size: 1.4rem;
}

.pointhistoryPage__button--secondary {
  color: #939393;
  border-color: #E9EBED;
  background-color: #fff;
}

@media (any-hover: hover) {
  .pointhistoryPage__button--secondary:hover {
    color: #939393;
    border-color: #CDD3D6;
    background-color: #F7F7F7;
  }
}

.pointhistoryPage__button--secondary.isNone {
  display: none !important;
}

.pointhistoryPage__button--extend {
  flex: 1;
}

.pointhistoryPage__button .material-icons {
  position: relative;
  top: 1px;
}

.pointhistoryPage__buttonIcon {
  width: 22px;
  height: 22px;
  mask-image: url("/assets/img/pointhistory/icon-exchange--white.svg");
  -webkit-mask-image: url("/assets/img/pointhistory/icon-exchange--white.svg");
  background-color: #fff;
}

@media (any-hover: hover) {
  .pointhistoryPage__buttonIcon {
    transition-property: background-color;
    transition-duration: .2s;
  }
}

.pointhistoryPage__buttonBottomText {
  text-align: center;
  line-height: 1.7;
}

@media (min-width: 800px) {
  .pointhistoryPage__buttonBottomText br {
    display: none;
  }
}

.pointhistoryPage__descriptions {
  display: flex;
  flex-flow: column;
  gap: 22px 0;
  margin-top: 40px;
}

.pointhistoryPage__description {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
}

.pointhistoryPage__noticeList {
  display: flex;
  flex-flow: column;
  gap: 2px 0;
}

.pointhistoryPage__noticeListItem {
  position: relative;
  padding-left: 1.4rem;
  font-size: 1.4rem;
  line-height: 1.7;
}

.pointhistoryPage__noticeListItem::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '・';
  width: 1.4rem;
}

.pointhistoryPage__attentionList {
  display: flex;
  flex-flow: column;
  gap: 1px 0;
}

.pointhistoryPage__attentionListItem {
  position: relative;
  padding-left: 1.4rem;
  font-size: 1.4rem;
  color: #939393;
  line-height: 1.7;
}

.pointhistoryPage__attentionListItem::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '※';
  width: 1.4rem;
}

.pointhistoryPage__reviewButton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 30px;
  margin-top: 10px;
  font-size: 1.1rem;
  color: #fff;
  border-radius: 5px;
  background-color: #3AA59E;
}

@media (any-hover: hover) {
  .pointhistoryPage__reviewButton {
    transition-property: opacity;
    transition-duration: .2s;
  }
  .pointhistoryPage__reviewButton:hover {
    opacity: .8;
  }
}

.pointhistoryModal {
  padding: 50px 50px 20px 50px !important;
}

.pointhistoryModal .swal2-html-container {
  font-size: 1.4rem;
}

.pointhistoryModal .swal2-styled.swal2-confirm {
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
  border: 1px solid #E8A61D;
  border-radius: 10px;
  background-color: #E8A61D;
}

.pointhistoryModal .swal2-styled.swal2-confirm:focus {
  box-shadow: none;
}

@media (any-hover: hover) {
  .pointhistoryModal .swal2-styled.swal2-confirm {
    transition-property: color, border-color, background;
    transition-duration: .2s;
  }
  .pointhistoryModal .swal2-styled.swal2-confirm:hover {
    color: #E8A61D !important;
    background: #fff !important;
  }
}

.pointhistoryModal .swal2-styled.swal2-cancel {
  font-size: 1.4rem;
  font-weight: 700;
  color: #939393;
  border: 1px solid #E9EBED;
  border-radius: 10px;
  background-color: #fff;
}

.pointhistoryModal .swal2-styled.swal2-cancel:focus {
  box-shadow: none;
}

@media (any-hover: hover) {
  .pointhistoryModal .swal2-styled.swal2-cancel {
    transition-property: color, border-color, background;
    transition-duration: .2s;
  }
  .pointhistoryModal .swal2-styled.swal2-cancel:hover {
    color: #939393 !important;
    border-color: #CDD3D6 !important;
    background: #F7F7F7 !important;
  }
}

.pointhistoryModal .swal2-close {
  right: 10px;
  top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 2.4rem;
  color: #939393;
  border-radius: 50%;
  background-color: #CDD3D6;
}

@media (any-hover: hover) {
  .pointhistoryModal .swal2-close {
    transition-property: color, background-color;
    transition-duration: .2s;
  }
  .pointhistoryModal .swal2-close:hover {
    color: #fff;
    background-color: #939393;
  }
}

body[data-device="pc"] .pointhistoryPage__table {
  border-collapse: collapse;
}

body[data-device="pc"] .pointhistoryPage__table thead {
  background-color: #F0F0F0;
}

body[data-device="pc"] .pointhistoryPage__table thead th {
  text-align: center;
}

body[data-device="pc"] .pointhistoryPage__table th {
  padding: 6px 15px;
  line-height: 1.4;
  vertical-align: middle;
  border: 1px solid #CDD3D6;
}

body[data-device="pc"] .pointhistoryPage__table td {
  padding: 15px 15px;
  line-height: 1.7;
  vertical-align: middle;
  border: 1px solid #CDD3D6;
}

body[data-device="pc"] .pointhistoryPage__tableDate {
  color: #939393;
}

body[data-device="pc"] .pointhistoryPage__tablePoint {
  text-align: right;
  font-size: 1.8rem;
}

body[data-device="pc"] .pointhistoryPage__tableMultiStage {
  position: relative;
  display: inline-block;
  padding-left: 20px;
}

body[data-device="pc"] .pointhistoryPage__tableMultiStageMark {
  position: absolute;
  left: 0;
  top: 0;
}

body[data-device="pc"] .pointhistoryPage__statusLabel {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 100px;
  min-height: 24px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  border-radius: 5px;
}

body[data-device="pc"] .pointhistoryPage__statusLabel[data-status="action"] {
  background-color: #2477A8;
}

body[data-device="pc"] .pointhistoryPage__statusLabel[data-status="ng"] {
  background-color: #939393;
}

body[data-device="pc"] .pointhistoryPage__statusLabel[data-status="recognition"] {
  background-color: #E8A61D;
}

body[data-device="pc"] .pointhistoryPage__tableButton {
  color: #3AA59E;
  text-decoration: underline;
}

@media (any-hover: hover) {
  body[data-device="pc"] .pointhistoryPage__tableButton:hover {
    text-decoration: none;
  }
}

body[data-device="mobile"] .pointhistoryPage__paginationWrapper {
  flex-flow: column;
  gap: 20px 0;
}

body[data-device="mobile"] .pointhistoryPage__button {
  font-size: 1.4rem;
}

body[data-device="mobile"] .pointhistoryPage__buttonsWrapper {
  gap: 0 10px;
}

body[data-device="mobile"] .pointhistoryPage__buttonsWrapper .pointhistoryPage__button {
  flex: 1;
  min-width: auto;
}

body[data-device="mobile"] .pointhistoryPage__search {
  gap: 0;
  width: 100%;
  height: 34px;
}

body[data-device="mobile"] .pointhistoryPage__searchInput {
  width: 100%;
  border-radius: 5px 0 0 5px;
}

body[data-device="mobile"] .pointhistoryPage__searchButton {
  width: 44px;
  font-size: 1.4rem;
  border-radius: 0 5px 5px 0;
}

body[data-device="mobile"] .pointhistoryPage__descriptions {
  margin-top: 20px;
}

body[data-device="mobile"] .pointhistoryPage__tableItem {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
  padding: 16px 0;
  border-top: 1px solid #CDD3D6;
}

body[data-device="mobile"] .pointhistoryPage__tableItem:last-child {
  border-bottom: 1px solid #CDD3D6;
}

body[data-device="mobile"] .pointhistoryPage__tableDateList {
  display: flex;
  gap: 0 10px;
}

body[data-device="mobile"] .pointhistoryPage__tableDate {
  display: flex;
  align-items: center;
  gap: 0 5px;
  font-size: 1.3rem;
  color: #939393;
}

body[data-device="mobile"] .pointhistoryPage__tableDateLabel {
  display: flex;
  align-items: center;
  gap: 0 5px;
}

body[data-device="mobile"] .pointhistoryPage__tableSummary {
  display: flex;
  flex-flow: column;
  gap: 6px 0;
}

body[data-device="mobile"] .pointhistoryPage__tableSummaryTitle {
  font-size: 1.3rem;
  line-height: 1.8;
}

body[data-device="mobile"] .pointhistoryPage__tableSummaryDescription {
  font-size: 1.4rem;
  line-height: 1.7;
}

body[data-device="mobile"] .pointhistoryPage__tablePoint {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

body[data-device="mobile"] .pointhistoryPage__tablePointValue {
  font-size: 1.8rem;
  line-height: 1.3;
}

body[data-device="mobile"] .pointhistoryPage__tablePointStatus {
  display: flex;
  align-items: center;
  gap: 0 10px;
}

body[data-device="mobile"] .pointhistoryPage__tableMultiStage {
  position: relative;
  display: inline-block;
  padding-left: 20px;
}

body[data-device="mobile"] .pointhistoryPage__tableMultiStageMark {
  position: absolute;
  left: 0;
  top: 0;
}

body[data-device="mobile"] .pointhistoryPage__statusLabel {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 80px;
  min-height: 24px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  border-radius: 5px;
}

body[data-device="mobile"] .pointhistoryPage__statusLabel[data-status="action"] {
  background-color: #2477A8;
}

body[data-device="mobile"] .pointhistoryPage__statusLabel[data-status="ng"] {
  background-color: #939393;
}

body[data-device="mobile"] .pointhistoryPage__statusLabel[data-status="recognition"] {
  background-color: #E8A61D;
}

body[data-device="mobile"] .pointhistoryPage__tableButton {
  position: relative;
  top: -2px;
  color: #3AA59E;
  text-decoration: underline;
}

@media (any-hover: hover) {
  body[data-device="mobile"] .pointhistoryPage__tableButton:hover {
    text-decoration: none;
  }
}

body[data-device="mobile"] .pointhistoryPage__tableNoItems {
  display: flex;
  justify-content: center;
  padding: 40px 8px 20px 8px;
}

.pointhistoryComponent_headingAndText {
  display: flex;
  gap: 0 8px;
}

.pointhistoryComponent_headingAndText__heading {
  font-size: 1.8rem;
  font-weight: 700;
}

.pointhistoryComponent_headingAndText__text {
  position: relative;
  top: -2px;
  padding: 2px 4px;
  font-size: 1.4rem;
  color: #2C786C;
  border-radius: 5px;
  background-color: #EFFAFA;
}

body[data-device="mobile"] .pointhistoryComponent_headingAndText {
  flex-flow: column;
  gap: 10px 0;
}

body[data-device="mobile"] .pointhistoryComponent_headingAndText__heading {
  font-size: 1.6rem;
}

.pointhistoryComponent_importantInformations {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
  width: 1040px;
  margin: 0 auto;
}

.pointhistoryComponent_importantInformations__item {
  display: flex;
  width: 100%;
  min-height: 30px;
  margin: 0 auto;
  border: 1px solid #DF4840;
}

.pointhistoryComponent_importantInformations__heading {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 185px;
  color: #fff;
  background-color: #DF4840;
}

.pointhistoryComponent_importantInformations__headingIcon {
  position: relative;
  right: 1px;
}

.pointhistoryComponent_importantInformations__link {
  flex: 1;
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 4px 20px;
  color: #DF4840;
  background-color: #fff;
}

body[data-device="pc"] .pointhistoryComponent_importantInformations__headingIcon {
  display: none;
}

@media (any-hover: hover) {
  body[data-device="pc"] .pointhistoryComponent_importantInformations__link {
    transition-property: background-color;
    transition-duration: .2s;
  }
  body[data-device="pc"] .pointhistoryComponent_importantInformations__link:hover {
    background-color: #FFF9BC;
  }
}

body[data-device="mobile"] .pointhistoryComponent_importantInformations {
  width: 100%;
  max-width: 1040px;
}

body[data-device="mobile"] .pointhistoryComponent_importantInformations__heading {
  width: 40px;
}

body[data-device="mobile"] .pointhistoryComponent_importantInformations__headingLabel {
  display: none;
}

body[data-device="mobile"] .pointhistoryComponent_importantInformations__linkText {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.pointhistoryComponent_mainHeading {
  font-size: 3.0rem;
  font-weight: 700;
}

body[data-device="mobile"] .pointhistoryComponent_mainHeading {
  padding: 10px;
  font-size: 1.5rem;
  border-left: 5px solid #E8A61D;
  background-color: #fff;
}

.pointhistoryComponent_pointStatus {
  display: flex;
  gap: 0 10px;
}

.pointhistoryComponent_pointStatus__main {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
  width: calc(100% - 300px - 10px);
}

.pointhistoryComponent_pointStatus__inner {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
  min-height: 250px;
  padding: 18px 20px 15px 20px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #E2E1D9;
}

.pointhistoryComponent_pointStatus__head {
  padding-bottom: 10px;
  border-bottom: 1px solid #e0e0e0;
}

.pointhistoryComponent_pointStatus__pointWrapper {
  display: flex;
  flex-flow: column;
  gap: 4px 0;
  margin-top: -12px;
}

.pointhistoryComponent_pointStatus__pointMain {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 0 10px;
}

.pointhistoryComponent_pointStatus__pointIcon {
  width: 25px;
  height: 25px;
  margin-right: 4px;
}

.pointhistoryComponent_pointStatus__pointHead {
  position: relative;
  top: -4px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.9;
}

.pointhistoryComponent_pointStatus__pointBody {
  display: flex;
  align-items: baseline;
  gap: 0 1px;
}

.pointhistoryComponent_pointStatus__poinValue {
  font-size: 5.0rem;
  font-weight: 700;
  color: #DF4840;
}

.pointhistoryComponent_pointStatus__poinUnit {
  font-size: 2.2rem;
  font-weight: 700;
}

.pointhistoryComponent_pointStatus__pointLimit {
  display: flex;
  justify-content: center;
  gap: 0 13px;
  font-size: 1.3rem;
  color: #939393;
}

.pointhistoryComponent_pointStatus__shoppingPoint {
  margin-top: 10px;
  text-align: center;
}

.pointhistoryComponent_pointStatus__shoppingPoint a {
  text-decoration: underline;
}

.pointhistoryComponent_pointStatus__shoppingPoint a:hover {
  text-decoration: none;
}

.pointhistoryComponent_pointStatus__buttonsWrapper {
  display: flex;
  justify-content: center;
  gap: 0 20px;
}

.pointhistoryComponent_pointStatus__information {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0 3px;
  color: #3AA59E;
}

.pointhistoryComponent_pointStatus__information .material-icons {
  font-size: 2.0rem;
  color: inherit;
}

body[data-device="mobile"] .pointhistoryComponent_pointStatus {
  flex-flow: column;
  gap: 10px 0;
}

body[data-device="mobile"] .pointhistoryComponent_pointStatus__main {
  width: 100%;
}

body[data-device="mobile"] .pointhistoryComponent_pointStatus__head {
  text-align: center;
}

body[data-device="mobile"] .pointhistoryComponent_pointStatus__pointMain {
  flex-flow: column;
  align-items: center;
  gap: 0;
}

body[data-device="mobile"] .pointhistoryComponent_pointStatus__pointIcon {
  width: 18px;
  height: 18px;
}

body[data-device="mobile"] .pointhistoryComponent_pointStatus__pointHead {
  top: 0;
}

body[data-device="mobile"] .pointhistoryComponent_pointStatus__poinValue {
  font-size: 3.4rem;
}

body[data-device="mobile"] .pointhistoryComponent_pointStatus__poinUnit {
  font-size: 1.4rem;
}

body[data-device="mobile"] .pointhistoryComponent_pointStatus__buttonsWrapper {
  flex-flow: column;
  gap: 10px 0;
}

.pointhistoryComponent_selectbox {
  position: relative;
}

.pointhistoryComponent_selectbox__selected {
  min-width: 150px;
  height: 34px;
  padding: 4px 18px;
  color: #939393;
  border-radius: 5px;
  border: 1px solid #cdd3d6;
  background-color: #fff;
  /* 左の三角, 右の三角 */
  background-image: linear-gradient(45deg, transparent 50%, #939393 50%), linear-gradient(135deg, #939393 50%, transparent 50%);
  /* 左の三角のサイズ, 右の三角のサイズ */
  background-size: 5px 5px, 5px 5px;
  /* 左の三角の位置, 右の三角の位置 */
  background-position: calc(100% - 15px) 50%, calc(100% - 10px) 50%;
  /* リピートしない */
  background-repeat: no-repeat;
}

.pointhistoryComponent_selectbox__selected.isActive {
  color: #484848;
  border-color: #2c786c;
}

.pointhistoryComponent_selectbox__list {
  position: absolute;
  left: 0;
  top: calc(34px + 2px);
  display: flex;
  flex-flow: column;
  width: 150px;
  padding: 4px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #2c786c;
  box-shadow: 0px 0px 10px #e2e1d9;
}

.pointhistoryComponent_selectbox__list.isHidden {
  display: none;
}

.pointhistoryComponent_selectbox__link {
  display: flex;
  align-items: center;
  min-height: 30px;
  padding: 4px 18px;
  border-radius: 5px;
}

.pointhistoryComponent_selectbox__link--selected {
  pointer-events: none;
  background-color: #FFF9BC;
}

@media (any-hover: hover) {
  .pointhistoryComponent_selectbox__link {
    transition-property: background-color;
    transition-duration: .2s;
  }
  .pointhistoryComponent_selectbox__link:hover {
    background-color: #FFF9BC;
  }
}

.pointhistoryComponent_subHeading {
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1.4;
}

body[data-device="mobile"] .pointhistoryComponent_subHeading {
  font-size: 1.6rem;
}

.pointhistoryComponent_tabNavigation {
  display: flex;
  gap: 0 10px;
}

.pointhistoryComponent_tabNavigation__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 46px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.3;
  border-radius: 5px;
  background-color: #fff;
}

.pointhistoryComponent_tabNavigation__link--isCurrent {
  position: relative;
  color: #fff;
  background-color: #3AA59E;
  pointer-events: none;
}

.pointhistoryComponent_tabNavigation__link--isCurrent::before, .pointhistoryComponent_tabNavigation__link--isCurrent::after {
  position: absolute;
  left: calc(50% - 10px / 2);
  content: '';
  width: 0;
  height: 0;
  border-width: 10px 5px;
  border-style: solid;
  border-color: transparent;
}

.pointhistoryComponent_tabNavigation__link--isCurrent::before {
  top: calc(-10px * 2);
  border-bottom-color: #3AA59E;
}

.pointhistoryComponent_tabNavigation__link--isCurrent::after {
  bottom: calc(-10px * 2);
  border-top-color: #3AA59E;
}

.pointhistoryComponent_tabNavigation__link--isCurrent[data-arrow-direction="top"]::after {
  content: none;
}

.pointhistoryComponent_tabNavigation__link--isCurrent[data-arrow-direction="bottom"]::before {
  content: none;
}

.pointhistoryComponent_tabNavigation__link--isCurrent[data-arrow-direction="none"]::before, .pointhistoryComponent_tabNavigation__link--isCurrent[data-arrow-direction="none"]::after {
  content: none;
}

@media (any-hover: hover) {
  body[data-device="pc"] .pointhistoryComponent_tabNavigation__link {
    transition-property: background-color;
    transition-duration: .2s;
  }
  body[data-device="pc"] .pointhistoryComponent_tabNavigation__link:hover {
    background-color: #FFF9BC;
  }
}

body[data-device="pc"] .pointhistoryComponent_tabNavigation__link br {
  display: none;
}

body[data-device="mobile"] .pointhistoryComponent_tabNavigation__link {
  font-size: 1.4rem;
  text-align: center;
}

.pointhistoryComponent_tooltip {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
}

.pointhistoryComponent_tooltip__icon .material-icons {
  font-size: 1.8rem;
  color: #3AA59E;
}

.pointhistoryComponent_tooltip__body {
  position: absolute;
  left: calc(-290px / 2);
  bottom: calc(100% + 10px);
  width: 290px;
  padding: 10px;
  font-size: 1.3rem;
  font-weight: 500;
  color: #484848;
  line-height: 1.8;
  text-align: left;
  border: 1px solid #cdd3d6;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0px 0px 10px #e2e1d9;
}

.pointhistoryComponent_tooltip__body.isHidden {
  display: none;
}

.pointhistoryComponent_warning {
  display: flex;
  flex-flow: column;
  gap: 7px 0;
  padding: 15px 20px;
  color: #DF4840;
  border: 1px solid #DF4840;
}

.pointhistoryComponent_warning__head {
  display: flex;
  align-items: center;
  gap: 0 5px;
  font-weight: 1.4rem;
  font-weight: 700;
  color: #DF4840;
}

.pointhistoryComponent_warning__head .material-icons {
  font-size: 1.8rem;
}

.pointhistoryComponent_warning__body {
  font-size: 1.3rem;
  color: #DF4840;
  line-height: 1.7;
}

.shoppingRankingLayout_default {
  display: flex;
  flex-flow: column;
  gap: 24px 0;
  width: 1040px;
  margin: auto;
  margin-bottom: 20px;
}

.shoppingRankingLayout_default__columns {
  display: flex;
  gap: 0 20px;
}

.shoppingRankingLayout_default__leftColumn {
  width: 300px;
}

.shoppingRankingLayout_default__mainColumn {
  flex: 1;
  display: flex;
  flex-flow: column;
  gap: 10px;
}

body[data-device="mobile"] .shoppingRankingLayout_default {
  width: 100%;
  max-width: 1040px;
}

body[data-device="mobile"] .shoppingRankingLayout_default__columns {
  flex-flow: column-reverse;
  gap: 20px 0;
}

body[data-device="mobile"] .shoppingRankingLayout_default__leftColumn {
  width: 100%;
}

.shoppingRankingComponent_accordionNavigation {
  background-color: #fff;
}

.shoppingRankingComponent_accordionNavigation__heading {
  display: flex;
  justify-content: space-between;
  min-height: 40px;
  font-size: 1.4rem;
  font-weight: 700;
  border: 1px solid var(--color-primary-green);
  border-radius: 7px;
  transition-property: border-radius;
  transition-duration: 0.2s;
}

.shoppingRankingComponent_accordionNavigation__heading[data-shhopping-ranking-accordion-is-opened="true"] {
  border-radius: 7px 7px 0 0;
}

.shoppingRankingComponent_accordionNavigation__headingLabel {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 4px 10px;
  line-height: 1.5;
}

.shoppingRankingComponent_accordionNavigation__button {
  position: relative;
  width: 40px;
}

.shoppingRankingComponent_accordionNavigation__button::before, .shoppingRankingComponent_accordionNavigation__button::after {
  position: absolute;
  left: calc(50% - 14px / 2);
  top: calc(50% - 2px / 2);
  content: '';
  width: 14px;
  height: 2px;
  background-color: var(--color-primary-green);
}

.shoppingRankingComponent_accordionNavigation__button::after {
  transition-property: rotate;
  transition-duration: 0.2s;
  rotate: 90deg;
}

.shoppingRankingComponent_accordionNavigation__button[data-shhopping-ranking-accordion-is-opened="true"]::after {
  rotate: 0deg;
}

.shoppingRankingComponent_accordionNavigation__list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  border-color: var(--color-primary-green);
  border-style: solid;
  border-width: 0 1px;
}

.shoppingRankingComponent_accordionNavigation__list[data-shhopping-ranking-accordion-is-opened="false"] {
  height: 0;
  overflow: hidden;
}

.shoppingRankingComponent_accordionNavigation__list::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 1px;
  background-color: var(--color-primary-green);
}

.shoppingRankingComponent_accordionNavigation__listItem {
  position: relative;
  width: calc(100% / 2);
}

.shoppingRankingComponent_accordionNavigation__listItem:nth-child(odd)::before {
  position: absolute;
  right: 0;
  top: 0;
  content: '';
  width: 1px;
  height: 100%;
  background-color: var(--color-dull-green);
}

.shoppingRankingComponent_accordionNavigation__listItem::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 1px;
  background-color: var(--color-dull-green);
}

.shoppingRankingComponent_accordionNavigation__link {
  display: flex;
  align-items: center;
  min-height: 46px;
  padding: 4px 8px 4px 10px;
}

.shoppingRankingComponent_accordionNavigation__label {
  flex: 1;
  font-size: 1.2rem;
  line-height: 1.5;
}

.shoppingRankingComponent_accordionNavigation__icon {
  width: 22px;
  filter: var(--filter-greige);
}

.shoppingRankingComponent_detailMain {
  display: flex;
  flex-flow: column;
  gap: 10px;
  padding: 10px 10px 30px 10px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #E2E1D9;
  overflow: hidden;
}

.shoppingRankingComponent_detailMain__body {
  display: flex;
  flex-flow: column;
  gap: 20px;
}

@media (max-width: 640px) {
  .shoppingRankingComponent_detailMain__body {
    gap: 10px;
  }
}

.shoppingRankingComponent_detailMain__content {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.shoppingRankingComponent_detailMain__image {
  width: 128px;
  aspect-ratio: 1 / 1;
  text-align: center;
  border: 1px solid var(--color-border-gray);
  background-color: #fff;
}

@media (max-width: 640px) {
  .shoppingRankingComponent_detailMain__image {
    width: 110px;
  }
}

.shoppingRankingComponent_detailMain__image img {
  width: auto;
  max-height: 100%;
}

.shoppingRankingComponent_detailMain__contentMain {
  flex: 1;
}

.shoppingRankingComponent_detailMain__heading {
  font-size: 2.0rem;
  line-height: 1.5;
}

.shoppingRankingComponent_detailMain__price {
  margin-bottom: 20px;
  font-size: 3.2rem;
  font-weight: 700;
  color: var(--color-primary-red);
}

.shoppingRankingComponent_detailMain__priceUnit {
  font-size: 1.6rem;
}

.shoppingRankingComponent_detailMain__point {
  display: flex;
  flex-flow: column;
  gap: 20px;
}

.shoppingRankingComponent_detailMain__pointMobile {
  display: flex;
  justify-content: center;
}

.shoppingRankingComponent_detailMain__description {
  padding-top: 20px;
  border-top: 1px dashed var(--color-border-gray);
}

.shoppingRankingComponent_list {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 640px) {
  .shoppingRankingComponent_list__item {
    border-bottom: 1px solid var(--color-border-gray);
  }
}

.shoppingRankingComponent_list__link {
  display: flex;
  gap: 20px;
  padding: 10px 10px 14px 10px;
}

@media (max-width: 640px) {
  .shoppingRankingComponent_list__link {
    padding: 10px 0;
  }
}

.shoppingRankingComponent_list__imageSp {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90px;
  max-height: 90px;
  aspect-ratio: 1 / 1;
  background-color: #fff;
}

.shoppingRankingComponent_list__imageSp img {
  width: auto;
  max-height: 100%;
}

@media (min-width: 641px) {
  .shoppingRankingComponent_list__imageSp {
    display: none;
  }
}

.shoppingRankingComponent_list__linkMain {
  flex: 1;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 5px;
}

@media (max-width: 640px) {
  .shoppingRankingComponent_list__linkMain {
    align-items: flex-start;
  }
}

.shoppingRankingComponent_list__rank {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin-bottom: 4px;
}

.shoppingRankingComponent_list__icon[data-shopping-ranking-rank="1"] {
  filter: var(--filter-rank-gold);
}

.shoppingRankingComponent_list__icon[data-shopping-ranking-rank="2"] {
  filter: var(--filter-rank-silver);
}

.shoppingRankingComponent_list__icon[data-shopping-ranking-rank="3"] {
  filter: var(--filter-rank-copper);
}

.shoppingRankingComponent_list__imagePc {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 1 / 1;
  background-color: #fff;
}

.shoppingRankingComponent_list__imagePc img {
  width: auto;
  max-height: 100%;
}

@media (max-width: 640px) {
  .shoppingRankingComponent_list__imagePc {
    display: none;
  }
}

.shoppingRankingComponent_list__title {
  min-height: 40px;
  font-size: 1.4rem;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}

.shoppingRankingComponent_list__title[data-is-small-font="true"] {
  font-size: 1.3rem;
}

@media (max-width: 640px) {
  .shoppingRankingComponent_list__title {
    font-size: 1.3rem;
  }
}

.shoppingRankingComponent_list__price {
  font-size: 2.6rem;
  font-weight: 700;
  color: var(--color-primary-red);
}

.shoppingRankingComponent_list__price[data-is-small-font="true"] {
  font-size: 1.8rem;
}

@media (max-width: 640px) {
  .shoppingRankingComponent_list__price {
    font-size: 1.8rem;
  }
}

.shoppingRankingComponent_list__priceUnit {
  font-size: 1.4rem;
}

body[data-device="pc"] .shoppingRankingComponent_list {
  position: relative;
}

body[data-device="pc"] .shoppingRankingComponent_list::before, body[data-device="pc"] .shoppingRankingComponent_list::after {
  position: absolute;
  left: 0;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
}

body[data-device="pc"] .shoppingRankingComponent_list::after {
  bottom: 0;
  background-color: #FFF;
}

@media (hover) {
  body[data-device="pc"] .shoppingRankingComponent_list__link {
    transition-property: background-color;
    transition-duration: .2s;
  }
  body[data-device="pc"] .shoppingRankingComponent_list__link:hover {
    background-color: #FFF9BC;
  }
}

body[data-device="pc"] .shoppingRankingComponent_list__item {
  position: relative;
  width: calc(100% / 5);
}

body[data-device="pc"] .shoppingRankingComponent_list__item::before, body[data-device="pc"] .shoppingRankingComponent_list__item::after {
  position: absolute;
  content: '';
  display: block;
  background-color: #CDD3D6;
}

body[data-device="pc"] .shoppingRankingComponent_list__item::before {
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
}

body[data-device="pc"] .shoppingRankingComponent_list__item::after {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
}

body[data-device="pc"] .shoppingRankingComponent_list__item:nth-child(5n)::before {
  content: none;
}

.shoppingRankingComponent_point {
  display: flex;
  align-items: baseline;
  gap: 5px;
}

.shoppingRankingComponent_point__icon {
  width: 15px;
}

.shoppingRankingComponent_point__point {
  display: inline-flex;
  align-items: baseline;
  font-size: 5.0rem;
  font-weight: 700;
  color: var(--color-primary-red);
}

.shoppingRankingComponent_point__pointUnit {
  font-size: 2.0rem;
}

.shoppingRankingComponent_pointAddInformation {
  display: flex;
  flex-flow: column;
  gap: 10px;
}

.shoppingRankingComponent_pointAddInformation__item {
  display: flex;
  gap: 10px;
}

.shoppingRankingComponent_pointAddInformation__property {
  font-weight: 700;
}

@media (min-width: 641px) {
  .shoppingRankingComponent_pointAddInformation__property {
    width: 140px;
  }
}

@media (max-width: 640px) {
  .shoppingRankingComponent_pointAddInformation__property {
    font-size: 1.2rem;
  }
}

.shoppingRankingComponent_pointAddInformation__value {
  flex: 1;
  word-break: break-all;
}

@media (max-width: 640px) {
  .shoppingRankingComponent_pointAddInformation__value {
    font-size: 1.2rem;
  }
}

.shoppingRankingPage {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
}

.shoppingRankingPage__list {
  display: flex;
  flex-flow: column;
  padding: 10px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #E2E1D9;
  overflow: hidden;
}

@media (max-width: 640px) {
  .shoppingRankingPage__list {
    gap: 0;
  }
}

.shoppingRankingPage__listHeading {
  padding-bottom: 10px;
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1.4;
  border-bottom: 1px solid var(--color-border-gray);
}

@media (max-width: 640px) {
  .shoppingRankingPage__listHeading {
    font-size: 1.4rem;
    font-weight: 500;
  }
}

.shoppingRankingPage__listCategoryButton {
  display: flex;
  justify-content: flex-end;
  margin-top: 15px;
}

@media (max-width: 640px) {
  .shoppingRankingPage__listCategoryButton {
    display: block;
  }
}

.shoppingRankingPage__message {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  line-height: 1.6;
  text-align: center;
}

.surveyLayout_default {
  display: flex;
  flex-flow: column;
  gap: 24px 0;
  width: 1040px;
  margin: auto;
  margin-bottom: 20px;
}

.surveyLayout_default__columns {
  display: flex;
  gap: 0 20px;
}

.surveyLayout_default__leftColumn {
  width: 300px;
}

.surveyLayout_default__mainColumn {
  flex: 1;
  display: flex;
  flex-flow: column;
  gap: 10px;
}

body[data-device="pc"] .surveyLayout_default__navigationPC {
  position: sticky;
  top: 20px;
}

body[data-device="mobile"] .surveyLayout_default {
  width: 100%;
  max-width: 1040px;
}

body[data-device="mobile"] .surveyLayout_default__columns {
  flex-flow: column-reverse;
  gap: 20px 0;
}

body[data-device="mobile"] .surveyLayout_default__leftColumn {
  width: 100%;
}

.surveyComponent_article {
  display: flex;
  flex-flow: column;
  gap: 20px;
}

.surveyComponent_article__contents {
  display: flex;
  flex-flow: column;
  gap: 20px;
}

.surveyComponent_article__summary {
  line-height: 1.6;
}

.surveyComponent_article__section {
  display: flex;
  flex-flow: column;
  gap: 10px;
  padding: 20px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #E2E1D9;
}

.surveyComponent_article__sectionHeading {
  padding-bottom: 10px;
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1.6;
  border-bottom: 1px solid #CDD3D6;
}

.surveyComponent_article__description {
  display: flex;
  flex-flow: column;
  gap: 10px;
}

.surveyComponent_article__descriptionHeading {
  display: flex;
  align-items: center;
  min-height: 24px;
  padding: 10px;
  font-size: 1.6rem;
  font-weight: 700;
  border-radius: 5px;
  background-color: #EFFAFA;
}

.surveyComponent_article__descriptionText {
  line-height: 1.6;
}

.surveyComponent_article__information {
  display: flex;
  flex-flow: column;
  gap: 10px;
}

.surveyComponent_article__informationHeading {
  font-size: 1.8rem;
  font-weight: 700;
}

.member_edit {
  background-color: #F8F6ED;
}

.member_edit hr {
  border-color: #CDD3D6;
}

.member_edit__head {
  margin-bottom: 10px;
}

.member_edit__body {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
  width: 1040px;
  margin: auto;
  padding: 10px 0;
}

.member_edit__content {
  padding: 30px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #E2E1D9;
}

.member_edit__inner {
  display: flex;
  flex-flow: column;
  gap: 30px 0;
  width: 700px;
  margin: 0 auto;
}

.member_edit__subHeading {
  font-size: 2.0rem;
  font-weight: 700;
}

.member_edit__description {
  line-height: 1.7;
}

.member_edit__description--focus {
  padding: 15px;
  line-height: 1.6;
  text-align: center;
  background-color: #F7F7F7;
}

.member_edit__form {
  display: flex;
  flex-flow: column;
  gap: 40px 0;
}

.member_edit__inputWrapper {
  display: flex;
  flex-flow: column;
  gap: 6px 0;
}

.member_edit__inputWrapper:not(:has(.member_edit__inputError)) {
  gap: 12px 0;
}

.member_edit__inputHead {
  display: flex;
  gap: 0 10px;
  font-size: 1.8rem;
  font-weight: 700;
}

.member_edit__mustMark {
  position: relative;
  top: -2px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 23px;
  margin-bottom: -5px;
  font-size: 1.2rem;
  color: #DF4840;
  border: 1px solid #DF4840;
}

.member_edit__inputBody {
  display: flex;
  flex-flow: column;
  gap: 4px 0;
}

.member_edit__inputBody + .member_edit__inputBody {
  margin-top: 10px;
}

.member_edit__inputGroup {
  display: flex;
  flex-flow: column;
  gap: 8px 0;
}

.member_edit__inputGroupHead {
  font-size: 1.6rem;
  font-weight: 700;
  color: #939393;
}

.member_edit__horizontal {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 15px;
}

.member_edit__inputText {
  height: 44px;
  padding: 13px;
  border: 1px solid #CDD3D6;
  border-radius: 5px;
  outline: none;
  transition-property: border-color;
  transition-duration: .2s;
  box-shadow: 0 0 0 1000px #fff inset;
}

.member_edit__inputText::placeholder {
  color: #939393;
}

.member_edit__inputText:focus {
  border-color: #2C786C;
}

.member_edit__inputText:focus::placeholder {
  color: transparent;
}

.member_edit__inputText.hasError {
  box-shadow: 0 0 0 1000px #FAEBEA inset;
}

.member_edit__inputText.hasError + label {
  box-shadow: 0 0 0 1000px #FAEBEA inset;
}

.member_edit__inputText[data-kind="zip_code"] {
  width: 200px;
}

.member_edit__inputText[data-kind="phone_number"] {
  width: 200px;
}

.member_edit__inputRadio {
  position: absolute;
  opacity: 0;
}

.member_edit__inputRadio + label {
  display: flex;
  align-items: center;
  gap: 0 8px;
  height: 44px;
  padding: 13px;
  border: 1px solid #CDD3D6;
  border-radius: 5px;
  transition-property: border-color;
  transition-duration: .2s;
}

.member_edit__inputRadio + label::before {
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 3px;
  content: '';
  border: 2px solid #B4B4B4;
  border-radius: 50%;
  background-clip: content-box;
  transition-property: border-color, background-color;
  transition-duration: .2s;
}

.member_edit__inputRadio:checked + label {
  border-color: #2C786C;
}

.member_edit__inputRadio:checked + label::before {
  border-color: #2C786C;
  background-color: #2C786C;
}

.member_edit__inputRadio.hasError {
  box-shadow: 0 0 0 1000px #FAEBEA inset;
}

.member_edit__inputRadio.hasError + label {
  box-shadow: 0 0 0 1000px #FAEBEA inset;
}

.member_edit__inputCheckbox {
  position: absolute;
  opacity: 0;
}

.member_edit__inputCheckbox + label {
  display: flex;
  align-items: center;
  gap: 0 8px;
  height: 44px;
  padding: 13px;
  border: 1px solid #CDD3D6;
  border-radius: 5px;
  transition-property: border-color;
  transition-duration: .2s;
}

.member_edit__inputCheckbox + label::before {
  font-family: 'Material Icons';
  font-size: 1.8rem;
  content: '\e5ca';
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  color: #fff;
  border: 2px solid #B4B4B4;
  border-radius: 2px;
  background-clip: content-box;
  transition-property: border-color, background-color;
  transition-duration: .2s;
}

.member_edit__inputCheckbox:checked + label {
  border-color: #2C786C;
}

.member_edit__inputCheckbox:checked + label::before {
  border-color: #2C786C;
  background-color: #2C786C;
}

.member_edit__select {
  height: 44px;
  padding: 13px;
  border: 1px solid #CDD3D6;
  border-radius: 5px;
  background-image: linear-gradient(45deg, transparent 50%, #939393 50%), linear-gradient(135deg, #939393 50%, transparent 50%);
  background-size: 5px 5px, 5px 5px;
  background-position: calc(100% - 15px) 50%, calc(100% - 10px) 50%;
  background-repeat: no-repeat;
  outline: none;
  transition-property: border-color;
  transition-duration: .2s;
}

.member_edit__select:focus {
  border-color: #2C786C;
  background-image: linear-gradient(45deg, transparent 50%, #2C786C 50%), linear-gradient(135deg, #2C786C 50%, transparent 50%);
}

.member_edit__select[data-kind="prefecture"] {
  width: 200px;
}

.member_edit__select[data-kind="year"] {
  width: 150px;
}

.member_edit__select[data-kind="month"] {
  width: 100px;
}

.member_edit__select[data-kind="day"] {
  width: 100px;
}

.member_edit__passwordWrapper {
  position: relative;
  display: flex;
  flex-flow: column;
}

.member_edit__passwordWrapper .material-icons {
  position: absolute;
  right: 15px;
  top: calc(50% - 20px / 2);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.0rem;
  color: #939393;
  cursor: pointer;
}

.member_edit__passwordWrapper .material-icons.isActive {
  color: #484848;
}

.member_edit__checkList {
  display: flex;
  flex-flow: column;
  gap: 6px 0;
}

.member_edit__checkListItem {
  display: flex;
  gap: 0 5px;
  color: #939393;
}

.member_edit__checkListItem .material-icons {
  font-size: 1.7rem;
  color: #B4B4B4;
}

.member_edit__checkListItem .material-icons.isActive {
  color: #2C786C;
}

.member_edit__attentions {
  display: flex;
  flex-flow: column;
  gap: 8px 0;
  margin-top: 3px;
  font-size: 1.3rem;
  color: #939393;
}

.member_edit__attentionsItem {
  position: relative;
  padding-left: 1.3rem;
  line-height: 1.4;
}

.member_edit__attentionsItem::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '※';
  width: 1.3rem;
}

.member_edit__inputError {
  font-size: 1.2rem;
  color: #DF4840;
}

.member_edit__buttonsWrapper {
  display: flex;
  justify-content: center;
  gap: 0 20px;
}

.member_edit__button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
  min-width: 194px;
  height: 46px;
  padding: 8px 16px;
  font-size: 1.8rem;
  font-size: 700;
  color: #fff;
  border: 1px solid #E8A61D;
  border-radius: 10px;
  background-color: #E8A61D;
}

@media (any-hover: hover) {
  .member_edit__button {
    transition-property: color, border-color, background-color;
    transition-duration: .2s;
  }
  .member_edit__button:hover {
    color: #E8A61D;
    background-color: #fff;
  }
}

.member_edit__button--secondary {
  color: #939393;
  border-color: #E9EBED;
  background-color: #fff;
}

@media (any-hover: hover) {
  .member_edit__button--secondary:hover {
    color: #939393;
    border-color: #CDD3D6;
    background-color: #F7F7F7;
  }
}

.member_edit__button--secondary.isNone {
  display: none !important;
}

.member_edit__button .material-icons {
  position: relative;
  top: 1px;
}

.member_edit__notice {
  display: flex;
  flex-flow: column;
  gap: 7px 0;
}

.member_edit__noticeHead {
  display: flex;
  font-size: 1.4rem;
  line-height: 1.7;
}

.member_edit__noticeHead .material-icons {
  position: relative;
  top: 2px;
  font-size: 2.0rem;
  color: #2C786C;
}

.member_edit__noticeListItem {
  position: relative;
  padding-left: 1.3rem;
  font-size: 1.3rem;
  line-height: 1.7;
}

.member_edit__noticeListItem::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '・';
  width: 1.3rem;
}

.memberEditModal {
  padding: 50px 50px 20px 50px !important;
}

.memberEditModal .swal2-html-container {
  font-size: 1.4rem;
}

.memberEditModal .swal2-styled.swal2-confirm {
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
  border: 1px solid #E8A61D;
  border-radius: 10px;
  background-color: #E8A61D;
}

.memberEditModal .swal2-styled.swal2-confirm:focus {
  box-shadow: none;
}

@media (any-hover: hover) {
  .memberEditModal .swal2-styled.swal2-confirm {
    transition-property: color, border-color, background;
    transition-duration: .2s;
  }
  .memberEditModal .swal2-styled.swal2-confirm:hover {
    color: #E8A61D !important;
    background: #fff !important;
  }
}

.memberEditModal .swal2-styled.swal2-cancel {
  font-size: 1.4rem;
  font-weight: 700;
  color: #939393;
  border: 1px solid #E9EBED;
  border-radius: 10px;
  background-color: #fff;
}

.memberEditModal .swal2-styled.swal2-cancel:focus {
  box-shadow: none;
}

@media (any-hover: hover) {
  .memberEditModal .swal2-styled.swal2-cancel {
    transition-property: color, border-color, background;
    transition-duration: .2s;
  }
  .memberEditModal .swal2-styled.swal2-cancel:hover {
    color: #939393 !important;
    border-color: #CDD3D6 !important;
    background: #F7F7F7 !important;
  }
}

.memberEditModal .swal2-close {
  right: 10px;
  top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 2.4rem;
  color: #939393;
  border-radius: 50%;
  background-color: #CDD3D6;
}

@media (any-hover: hover) {
  .memberEditModal .swal2-close {
    transition-property: color, background-color;
    transition-duration: .2s;
  }
  .memberEditModal .swal2-close:hover {
    color: #fff;
    background-color: #939393;
  }
}

body[data-device="mobile"] .member_edit__head {
  margin-bottom: 15px;
}

body[data-device="mobile"] .member_edit__body {
  width: 100%;
  max-width: 1040px;
  padding: 15px;
}

body[data-device="mobile"] .member_edit__content {
  padding: 20px;
}

body[data-device="mobile"] .member_edit__inner {
  width: 100%;
  gap: 20px 0;
}

body[data-device="mobile"] .member_edit__subHeading {
  font-size: 1.6rem;
}

body[data-device="mobile"] .member_edit__description--focus {
  font-size: 1.2rem;
}

body[data-device="mobile"] .member_edit__form {
  gap: 24px 0;
}

body[data-device="mobile"] .member_edit__inputHead {
  font-size: 1.6rem;
}

body[data-device="mobile"] .member_edit__select[data-kind="year"] {
  width: 75px;
}

body[data-device="mobile"] .member_edit__select[data-kind="month"] {
  width: 50px;
}

body[data-device="mobile"] .member_edit__select[data-kind="day"] {
  width: 50px;
}

body[data-device="mobile"] .member_edit__buttonsWrapper {
  flex-flow: column;
  gap: 15px 0;
}

body[data-device="mobile"] .member_edit__button {
  min-width: 134px;
  font-size: 1.4rem;
}

body[data-device="mobile"] .member_edit__noticeListItem {
  padding-left: 1.2rem;
  font-size: 1.2rem;
}

body[data-device="mobile"] .member_edit__noticeListItem::before {
  width: 1.2rem;
}

.member_edit2__birthday {
  display: flex;
  align-items: center;
  gap: 15px;
}

@media (max-width: 800px) {
  .member_edit2__birthday {
    gap: 10px;
  }
}

.member_edit2__selectBirthday {
  /* 左の三角, 右の三角 */
  background-image: linear-gradient(45deg, transparent 50%, #939393 50%), linear-gradient(135deg, #939393 50%, transparent 50%);
  /* 左の三角のサイズ, 右の三角のサイズ */
  background-size: 5px 5px, 5px 5px;
  /* 左の三角の位置, 右の三角の位置 */
  background-position: calc(100% - 15px) 50%, calc(100% - 10px) 50%;
  /* リピートしない */
  background-repeat: no-repeat;
}

.member_edit2__selectBirthday:focus {
  background-image: linear-gradient(45deg, transparent 50%, #2C786C 50%), linear-gradient(135deg, #2C786C 50%, transparent 50%);
}

.member_edit2__selectBirthday:nth-child(1) {
  width: 150px;
  padding: 12px 20px;
  color: #484848;
  border: 1px solid #CDD3D6;
  border-radius: 5px;
}

.member_edit2__selectBirthday:nth-child(1):focus {
  outline: 0;
  border: 1px solid #2C786C;
}

@media (max-width: 800px) {
  .member_edit2__selectBirthday:nth-child(1) {
    width: 100px;
    padding: 13px 10px;
  }
}

.member_edit2__selectBirthday:nth-child(2) {
  width: 100px;
  padding: 12px 20px;
  color: #484848;
  border: 1px solid #CDD3D6;
  border-radius: 5px;
}

.member_edit2__selectBirthday:nth-child(2):focus {
  outline: 0;
  border: 1px solid #2C786C;
}

@media (max-width: 800px) {
  .member_edit2__selectBirthday:nth-child(2) {
    width: 70px;
    padding: 13px 10px;
  }
}

.member_edit2__selectBirthday:nth-child(3) {
  width: 100px;
  padding: 12px 20px;
  color: #484848;
  border: 1px solid #CDD3D6;
  border-radius: 5px;
}

.member_edit2__selectBirthday:nth-child(3):focus {
  outline: 0;
  border: 1px solid #2C786C;
}

@media (max-width: 800px) {
  .member_edit2__selectBirthday:nth-child(3) {
    width: 70px;
    padding: 13px 10px;
  }
}

.memberComponent_howToLogin {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
}

.memberComponent_howToLogin__head {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 55px;
  padding: 5px;
  font-size: 2.2rem;
  font-weight: 700;
  color: #fff;
  background-color: #2C786C;
}

.memberComponent_howToLogin__mikkun {
  position: absolute;
  right: 14px;
  top: -30px;
  width: 90px;
}

.memberComponent_howToLogin__list {
  display: flex;
  gap: 0 10px;
}

.memberComponent_howToLogin__listItem {
  flex: 1;
  display: flex;
  flex-flow: column;
  gap: 18px 0;
  padding: 30px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 0 10px #E2E1D9;
}

.memberComponent_howToLogin__listImage {
  align-self: center;
}

.memberComponent_howToLogin__listHeading {
  display: flex;
  justify-content: center;
  gap: 0 5px;
  font-size: 2.0rem;
  font-weight: 700;
}

.memberComponent_howToLogin__listDescription {
  line-height: 1.7;
}

body[data-device="mobile"] .memberComponent_howToLogin__head {
  font-size: 1.6rem;
}

body[data-device="mobile"] .memberComponent_howToLogin__mikkun {
  display: none;
}

body[data-device="mobile"] .memberComponent_howToLogin__list {
  flex-flow: column;
  gap: 20px 0;
}

.memberComponent_mailHeading {
  display: flex;
  flex-flow: column;
  gap: 13px 0;
  font-size: 3.0rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

.memberComponent_mailHeading img {
  width: 130px;
}

body[data-device="mobile"] .memberComponent_mailHeading {
  gap: 10px 0;
  padding: 0 15px;
  font-size: 1.8rem;
}

body[data-device="mobile"] .memberComponent_mailHeading img {
  width: 100px;
}

body[data-device="mobile"] .memberComponent_mailHeading br {
  display: none;
}

.memberComponent_menus {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.memberComponent_menus__item {
  display: block;
  width: calc((100% - 10px * 1) / 2);
  border: 1px solid #CDD3D6;
}

@media (any-hover: hover) {
  .memberComponent_menus__item {
    transition-property: background-color;
    transition-duration: .2s;
  }
  .memberComponent_menus__item:hover {
    background-color: #FFF9BC;
  }
}

.memberComponent_menus__head {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  font-weight: 700;
  border-bottom: 1px solid #CDD3D6;
}

.memberComponent_menus__head::before {
  position: absolute;
  left: 6px;
  top: calc(50% - 16px / 2);
  content: '';
  width: 4px;
  height: 16px;
  background-color: #e8a61d;
}

.memberComponent_menus__head .material-icons {
  position: relative;
  right: -8px;
}

.memberComponent_menus__body {
  padding: 15px;
  line-height: 1.7;
}

body[data-device="mobile"] .memberComponent_menus__item {
  width: 100%;
}

.memberComponent_movie__body {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
  padding: 16px;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
}

.memberComponent_movie__list {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}

.memberComponent_movie__item {
  position: relative;
  display: flex;
  flex-flow: column;
  gap: 10px 0;
}

.memberComponent_movie__item:last-child::after {
  content: none;
}

@media (min-width: 801px) {
  .memberComponent_movie__item {
    width: calc((100% - 32px * (3 - 1)) / 3);
  }
  .memberComponent_movie__item::after {
    position: absolute;
    right: calc(-1 * (32px - 1px) / 2);
    top: 0;
    content: '';
    width: 1px;
    height: 100%;
    background-color: #E0E0E0;
  }
}

@media (max-width: 800px) {
  .memberComponent_movie__item {
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
  }
  .memberComponent_movie__item::after {
    position: absolute;
    left: 0;
    bottom: calc(-1 * (32px - 1px) / 2);
    content: '';
    width: 100%;
    height: 1px;
    background-color: #E0E0E0;
  }
}

.memberComponent_movie__movie {
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%;
}

.memberComponent_movie__movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.memberComponent_movie__buttonsWrapper {
  display: flex;
  justify-content: center;
  gap: 0 20px;
}

.memberComponent_movie__button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
  min-width: 134px;
  height: 36px;
  padding: 8px 16px;
  font-size: 1.4rem;
  color: #fff;
  border: 2px solid #3AA59E;
  border-radius: 5px;
  background-color: #3AA59E;
}

@media (any-hover: hover) {
  .memberComponent_movie__button {
    transition-property: color, border-color, background-color;
    transition-duration: .2s;
  }
  .memberComponent_movie__button:hover {
    color: #3AA59E;
    background-color: #fff;
  }
}

.memberComponent_movie__button .material-icons {
  position: relative;
  top: 1px;
}

.memberComponent_openidStatus__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  border: 1px solid #CDD3D6;
}

.memberComponent_openidStatus__item:not(.memberComponent_openidStatus__item:first-child) {
  margin-top: -1px;
}

.memberComponent_openidStatus__head {
  display: flex;
  align-items: center;
  gap: 0 8px;
}

.memberComponent_openidStatus__body {
  display: flex;
  align-items: center;
  gap: 0 15px;
}

.memberComponent_openidStatus__button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
  width: 134px;
  height: 36px;
  color: #fff;
  border: 1px solid #EBAF20;
  border-radius: 10px;
  background-color: #EBAF20;
}

@media (any-hover: hover) {
  .memberComponent_openidStatus__button {
    transition-property: color, border-color, background-color;
    transition-duration: .2s;
  }
  .memberComponent_openidStatus__button:hover {
    color: #E8A61D;
    background-color: #fff;
  }
}

.memberComponent_openidStatus__button .material-icons {
  position: relative;
  top: 1px;
  font-size: 1.8rem;
}

.memberComponent_openidStatus__button--secondary {
  color: #939393;
  border-color: #E9EBED;
  background-color: #fff;
}

@media (any-hover: hover) {
  .memberComponent_openidStatus__button--secondary:hover {
    color: #939393;
    border-color: #CDD3D6;
    background-color: #F7F7F7;
  }
}

body[data-device="mobile"] .memberComponent_openidStatus__item {
  display: block;
}

body[data-device="mobile"] .memberComponent_openidStatus__body {
  justify-content: space-between;
}

.memberComponent_privacyPolicy__head {
  margin-bottom: 10px;
}

.memberComponent_privacyPolicy__body {
  display: flex;
  gap: 0 30px;
}

.memberComponent_privacyPolicy__text {
  flex: 1;
  font-size: 1.3rem;
  line-height: 1.7;
}

.memberComponent_privacyPolicy__mark {
  width: 65px;
}

body[data-device="mobile"] .memberComponent_privacyPolicy__head {
  margin-bottom: 10px;
  font-size: 1.2rem;
}

body[data-device="mobile"] .memberComponent_privacyPolicy__body {
  gap: 0 20px;
}

body[data-device="mobile"] .memberComponent_privacyPolicy__text {
  font-size: 1.0rem;
}

.memberComponent_warning {
  display: flex;
  flex-flow: column;
  gap: 7px 0;
  padding: 15px 20px;
  color: #DF4840;
  border: 1px solid #DF4840;
}

.memberComponent_warning__head {
  display: flex;
  align-items: center;
  gap: 0 5px;
  font-weight: 1.4rem;
  font-weight: 700;
  color: #DF4840;
}

.memberComponent_warning__head .material-icons {
  font-size: 1.8rem;
}

.memberComponent_warning__body {
  font-size: 1.3rem;
  color: #DF4840;
  line-height: 1.7;
}

.memberComponent_mainHeading {
  font-size: 3.0rem;
  font-weight: 700;
}

body[data-device="mobile"] .memberComponent_mainHeading {
  padding: 10px;
  font-size: 1.5rem;
  border-left: 5px solid #E8A61D;
  background-color: #fff;
}

.prizeLayout_apply {
  margin-top: 8px;
  background-color: #F8F6ED;
}

.prizeLayout_apply__head {
  margin-bottom: 10px;
}

.prizeLayout_apply__body {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
  width: 1040px;
  margin: auto;
  padding: 10px 0;
}

.prizeLayout_apply__content {
  padding: 30px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #E2E1D9;
}

.prizeLayout_apply__inner {
  display: flex;
  flex-flow: column;
  gap: 30px 0;
  width: 700px;
  margin: 0 auto;
}

body[data-device="mobile"] .prizeLayout_apply__head {
  margin-bottom: 15px;
}

body[data-device="mobile"] .prizeLayout_apply__body {
  width: 100%;
  max-width: 1040px;
  padding: 15px;
}

body[data-device="mobile"] .prizeLayout_apply__content {
  padding: 20px;
}

body[data-device="mobile"] .prizeLayout_apply__inner {
  width: 100%;
  gap: 20px 0;
}

.prizeLayout_default {
  display: flex;
  flex-flow: column;
  gap: 24px 0;
  width: 1040px;
  margin: auto;
  margin-bottom: 20px;
}

.prizeLayout_default__columns {
  display: flex;
  gap: 0 20px;
}

.prizeLayout_default__leftColumn {
  width: 300px;
}

.prizeLayout_default__mainColumn {
  flex: 1;
}

body[data-device="mobile"] .prizeLayout_default {
  width: 100%;
  max-width: 1040px;
}

body[data-device="mobile"] .prizeLayout_default__columns {
  flex-flow: column-reverse;
  gap: 20px 0;
}

body[data-device="mobile"] .prizeLayout_default__leftColumn {
  width: 100%;
}

.prizeComponent_affiliateItems {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.prizeComponent_affiliateItems__item {
  position: relative;
  width: calc(100% / 2);
}

.prizeComponent_affiliateItems__item::before, .prizeComponent_affiliateItems__item::after {
  position: absolute;
  content: '';
  display: block;
  background-color: #CDD3D6;
}

.prizeComponent_affiliateItems__item::before {
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
}

.prizeComponent_affiliateItems__item::after {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
}

.prizeComponent_affiliateItems__item:nth-child(2n)::before {
  content: none;
}

.prizeComponent_affiliateItems__link {
  display: flex;
  gap: 0 10px;
  padding: 15px 15px 21px 15px;
}

@media (any-hover: hover) {
  .prizeComponent_affiliateItems__link {
    transition-property: background-color;
    transition-duration: .2s;
  }
  .prizeComponent_affiliateItems__link:hover {
    background-color: #FFF9BC;
  }
}

.prizeComponent_affiliateItems__image {
  width: 120px;
}

.prizeComponent_affiliateItems__image img {
  width: 100%;
  height: auto;
}

.prizeComponent_affiliateItems__main {
  flex: 1;
}

.prizeComponent_affiliateItems__title {
  display: -webkit-box;
  min-height: 42px;
  margin-bottom: 5px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.prizeComponent_affiliateItems__caption {
  margin-bottom: 5px;
  font-size: 1.2rem;
  line-height: 1.7;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.prizeComponent_affiliateItems__icon {
  position: relative;
  bottom: -1px;
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 1;
}

.prizeComponent_affiliateItems__point {
  display: flex;
  align-items: baseline;
  gap: 0 5px;
}

.prizeComponent_affiliateItems__pointMain {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}

.prizeComponent_affiliateItems__pointOrigin {
  display: inline-block;
  min-height: 18px;
  margin-left: calc(15px + 5px);
  text-decoration: line-through;
}

.prizeComponent_affiliateItems__pointValue {
  font-size: 2.6rem;
  font-weight: 700;
  color: #E31610;
}

.prizeComponent_affiliateItems__pointUnit {
  font-size: 1.4rem;
  font-weight: 700;
  color: #E31610;
}

body[data-device="mobile"] .prizeComponent_affiliateItems__item {
  position: relative;
  width: 100%;
}

body[data-device="mobile"] .prizeComponent_affiliateItems__item::before {
  content: none;
}

body[data-device="mobile"] .prizeComponent_affiliateItems__link {
  padding: 10px;
}

body[data-device="mobile"] .prizeComponent_affiliateItems__image {
  width: 90px;
}

body[data-device="mobile"] .prizeComponent_affiliateItems__title {
  min-height: auto;
}

body[data-device="mobile"] .prizeComponent_affiliateItems__pointWrapper {
  display: flex;
  align-items: baseline;
  gap: 0 5px;
}

body[data-device="mobile"] .prizeComponent_affiliateItems__pointMain {
  flex-wrap: nowrap;
}

body[data-device="mobile"] .prizeComponent_affiliateItems__pointOrigin {
  min-height: auto;
  margin-left: 0;
}

body[data-device="mobile"] .prizeComponent_affiliateItems__pointValue {
  position: relative;
  top: 1px;
}

.prizeComponent_allApplyStatus {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
}

.prizeComponent_allApplyStatus__body {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.prizeComponent_allApplyStatus__body::after {
  position: absolute;
  left: 0;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #CDD3D6;
}

.prizeComponent_allApplyStatus__body::after {
  bottom: 0;
}

.prizeComponent_allApplyStatus__item {
  position: relative;
  width: calc(100% / 5);
}

.prizeComponent_allApplyStatus__item::before, .prizeComponent_allApplyStatus__item::after {
  position: absolute;
  content: '';
  display: block;
  background-color: #CDD3D6;
}

.prizeComponent_allApplyStatus__item::before {
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
}

.prizeComponent_allApplyStatus__item::after {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
}

.prizeComponent_allApplyStatus__link {
  display: flex;
  flex-flow: column;
  align-items: center;
  height: 100%;
  padding: 15px 15px 22px 15px;
}

@media (any-hover: hover) {
  .prizeComponent_allApplyStatus__link {
    transition-property: background-color;
    transition-duration: .2s;
  }
  .prizeComponent_allApplyStatus__link:hover {
    background-color: #FFF9BC;
  }
}

.prizeComponent_allApplyStatus__image {
  margin-bottom: 18px;
  border: 1px solid #E2E1D9;
  border-radius: 5px;
  overflow: hidden;
}

.prizeComponent_allApplyStatus__image img {
  max-width: 100%;
  height: auto;
}

.prizeComponent_allApplyStatus__image--end {
  position: relative;
}

.prizeComponent_allApplyStatus__image--end::after {
  position: absolute;
  left: calc(50% - 60px / 2);
  top: calc(50% - 60px / 2);
  content: '済';
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  font-size: 2.8rem;
  color: #df4840;
  line-height: 1;
  border: 4px solid #df4840;
  border-radius: 50%;
  background-color: #fff;
  transform: rotate(15deg);
}

.prizeComponent_allApplyStatus__title {
  display: flex;
  justify-content: center;
  min-height: 40px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

body[data-device="pc"] .prizeComponent_allApplyStatus__item:nth-child(5n)::before {
  content: none;
}

body[data-device="mobile"] .prizeComponent_allApplyStatus__item {
  width: calc(100% / 2);
}

body[data-device="mobile"] .prizeComponent_allApplyStatus__item:nth-child(2n)::before {
  content: none;
}

body[data-device="mobile"] .prizeComponent_allApplyStatus__link {
  padding: 7px 7px 14px 7px;
}

body[data-device="mobile"] .prizeComponent_allApplyStatus__title {
  min-height: auto;
  font-size: 1.4rem;
}

.prizeComponent_attentionList__item {
  position: relative;
  padding-left: 1.0rem;
  font-size: 1.0rem;
  color: #939393;
  line-height: 1.7;
}

.prizeComponent_attentionList__item::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '※';
  width: 1.0rem;
}

.prizeComponent_applyInformation {
  display: flex;
  align-items: center;
  gap: 0 20px;
}

.prizeComponent_applyInformation__thumbnail {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 240px;
  border: 1px solid #cdd3d6;
  border-radius: 5px;
  overflow: hidden;
}

.prizeComponent_applyInformation__body {
  flex: 1;
  display: flex;
  flex-flow: column;
  gap: 10px 0;
}

.prizeComponent_applyInformation__name {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
}

.prizeComponent_applyInformation__winNumber {
  align-self: flex-start;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  min-height: 30px;
  font-size: 1.4rem;
  color: #fff;
  border-radius: 5px;
  background-color: #df4840;
}

.prizeComponent_applyInformation__point {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
}

body[data-device="mobile"] .prizeComponent_applyInformation {
  flex-flow: column;
  gap: 20px 0;
}

body[data-device="mobile"] .prizeComponent_applyInformation__name {
  text-align: center;
}

body[data-device="mobile"] .prizeComponent_applyInformation__winNumber {
  margin: 0 auto;
}

.prizeComponent_applyMemberChange {
  display: flex;
  flex-flow: column;
  gap: 7px 0;
}

.prizeComponent_applyMemberChange--error {
  padding: 15px 20px;
  color: #DF4840;
  text-align: center;
  border: 1px solid #DF4840;
  background-color: #FAEBEA;
}

.prizeComponent_applyMemberInformation {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.prizeComponent_applyMemberInformation th,
.prizeComponent_applyMemberInformation td {
  padding: 10px;
  font-size: 1.4rem;
  border: 1px solid #CDD3D6;
}

.prizeComponent_applyMemberInformation th {
  width: 120px;
  text-align: center;
  background-color: #f7f7f7;
}

.prizeComponent_applyStep {
  display: flex;
  overflow: hidden;
}

.prizeComponent_applyStep__item {
  flex: 1;
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  padding: 10px 25px;
  font-size: 1.6rem;
  color: #fff;
  background-color: #ddd;
}

.prizeComponent_applyStep__item--current {
  font-weight: bold;
  background-color: #3AA59E;
}

.prizeComponent_applyStep__item--current::after {
  border-left-color: #3AA59E !important;
}

body[data-device="pc"] .prizeComponent_applyStep__item::before, body[data-device="pc"] .prizeComponent_applyStep__item::after {
  position: absolute;
  top: calc(50% - 40px);
  z-index: 1;
  content: '';
  width: 0;
  height: 0;
  border-width: 40px 10px;
  border-style: solid;
  border-color: transparent;
}

body[data-device="pc"] .prizeComponent_applyStep__item::before {
  right: -24px;
  border-left-color: #fff;
}

body[data-device="pc"] .prizeComponent_applyStep__item::after {
  right: -20px;
  border-left-color: #ddd;
}

body[data-device="pc"] .prizeComponent_applyStep__item br {
  display: none;
}

body[data-device="mobile"] .prizeComponent_applyStep__item {
  padding: 5px;
  font-size: 1.2rem;
  text-align: center;
}

body[data-device="mobile"] .prizeComponent_applyStep__item::after {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  content: '';
  width: 1px;
  height: 100%;
  background-color: #fff;
}

body[data-device="mobile"] .prizeComponent_applyStep__item:last-child::after {
  content: none;
}

.prizeComponent_backnumber__item {
  display: flex;
  min-height: 60px;
  border-color: #CDD3D6;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  overflow: hidden;
}

.prizeComponent_backnumber__item:first-child {
  border-width: 1px 1px 1px 1px;
  border-radius: 5px 5px 0 0;
}

.prizeComponent_backnumber__item:last-child {
  border-radius: 0 0 5px 5px;
}

.prizeComponent_backnumber__date {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 240px;
  padding: 20px;
  font-weight: 700;
  background-color: #f7f7f7;
}

.prizeComponent_backnumber__name {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 20px;
}

body[data-device="mobile"] .prizeComponent_backnumberItems__date {
  width: 100px;
  padding: 10px;
}

.prizeComponent_campaignBanner {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
}

.prizeComponent_common__mainColumn {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
}

.prizeComponent_common__mainColumnInner {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
}

.prizeComponent_common__summary {
  font-size: 1.4;
  line-height: 1.7;
}

.prizeComponent_common__box {
  padding: 20px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #e2e1d9;
}

.prizeComponent_common__boxHead {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.prizeComponent_common__boxHeading {
  flex: 1;
  font-size: 2.0rem;
  color: #3AA59E;
  line-height: 1.4;
}

.prizeComponent_common__boxBody {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #3AA59E;
}

.prizeComponent_common__boxBody.isHide {
  display: none;
}

.prizeComponent_common__boxAccordionButton {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 40px;
  font-size: 1.4rem;
  color: #fff;
  border-radius: 20px;
  background: #3aa59e;
}

.prizeComponent_common__boxAccordionButton::before, .prizeComponent_common__boxAccordionButton::after {
  position: absolute;
  right: 10px;
  top: calc(50% - 2px / 2);
  content: '';
  width: 10px;
  height: 2px;
  background-color: #fff;
}

.prizeComponent_common__boxAccordionButton::after {
  transform: rotate(0deg);
  transition-property: transform;
  transition-duration: .2s;
}

.prizeComponent_common__boxAccordionButton.isHide::after {
  transform: rotate(90deg);
}

.prizeComponent_common__lead {
  font-size: 1.4rem;
  line-height: 1.7;
}

.prizeComponent_common__kenshobox {
  display: flex;
  align-items: center;
  gap: 0 30px;
  padding: 20px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #e2e1d9;
}

@media (any-hover: hover) {
  .prizeComponent_common__kenshobox {
    transition-property: background-color;
    transition-duration: .2s;
  }
  .prizeComponent_common__kenshobox:hover {
    background-color: #ffecf1;
  }
}

.prizeComponent_common__kenshoboxLogo {
  width: 273px;
  height: auto;
  aspect-ratio: 546 / 138;
}

.prizeComponent_common__kenshoboxLead {
  font-size: 1.4rem;
  line-height: 1.7;
}

.prizeComponent_common__winner {
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #e2e1d9;
}

.prizeComponent_common__winnerBanner {
  width: 720px;
  height: auto;
  aspect-ratio: 1440 / 240;
}

.prizeComponent_common__buttonsWrapper {
  display: flex;
  justify-content: center;
  gap: 0 20px;
}

.prizeComponent_common__button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
  min-width: 194px;
  height: 46px;
  padding: 8px 16px;
  font-size: 1.8rem;
  font-size: 700;
  color: #fff;
  border: 1px solid #E8A61D;
  border-radius: 10px;
  background-color: #E8A61D;
}

@media (any-hover: hover) {
  .prizeComponent_common__button {
    transition-property: color, border-color, background-color;
    transition-duration: .2s;
  }
  .prizeComponent_common__button:hover {
    color: #E8A61D;
    background-color: #fff;
  }
}

.prizeComponent_common__button--secondary {
  color: #939393;
  border-color: #E9EBED;
  background-color: #fff;
}

@media (any-hover: hover) {
  .prizeComponent_common__button--secondary:hover {
    color: #939393;
    border-color: #CDD3D6;
    background-color: #F7F7F7;
  }
}

.prizeComponent_common__button--secondary.isNone {
  display: none !important;
}

.prizeComponent_common__button--small {
  min-width: 134px;
  height: 36px;
  font-size: 1.4rem;
}

.prizeComponent_common__button--extend {
  flex: 1;
}

.prizeComponent_common__button--disabled {
  pointer-events: none;
  color: #fff;
  border-color: #484848;
  background-color: #484848;
}

.prizeComponent_common__button .material-icons {
  position: relative;
  top: 1px;
}

.prizeComponent_common__largeButton {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
  min-width: 450px;
  height: 77px;
  padding: 30px 16px;
  font-size: 2.6rem;
  font-weight: 700;
  color: #fff;
  border: 3px solid #3AA59E;
  border-radius: 50px;
  background-color: #3AA59E;
  box-shadow: 0 6px 6px #E2E1D9;
}

@media (any-hover: hover) {
  .prizeComponent_common__largeButton {
    transition-property: color, border-color, background-color;
    transition-duration: .2s;
  }
  .prizeComponent_common__largeButton:hover {
    color: #3AA59E;
    background-color: #fff;
  }
}

.prizeComponent_common__largeButton--disabled {
  pointer-events: none;
  color: #fff;
  border-color: #484848;
  background-color: #484848;
}

.prizeComponent_common__largeButton .material-icons {
  position: relative;
  top: 1px;
  font-size: 4.0rem;
}

.prizeComponent_common__error {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
  padding: 20px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #e2e1d9;
}

.prizeComponent_common__errorMessage {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.7;
  text-align: center;
}

.prizeComponent_common__paginationWrapper {
  display: flex;
  justify-content: center;
}

.prizeComponent_common__paginationWrapper .pagination {
  display: flex;
  gap: 0 10px;
}

.prizeComponent_common__paginationWrapper .pagination .previous-inactive,
.prizeComponent_common__paginationWrapper .pagination .next-inactive {
  display: none;
}

.prizeComponent_common__paginationWrapper .pagination .active a {
  color: #fff;
  background-color: #3AA59E;
  pointer-events: none;
}

.prizeComponent_common__paginationWrapper .pagination a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 38px;
  height: 38px;
  border: 1px solid #3AA59E;
  border-radius: 5px;
  background-color: #fff;
}

@media (any-hover: hover) {
  .prizeComponent_common__paginationWrapper .pagination a {
    transition-property: color, background-color;
    transition-duration: .2s;
  }
  .prizeComponent_common__paginationWrapper .pagination a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #3AA59E;
  }
}

.prizeComponent_common__backButton {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
  min-height: 50px;
  font-size: 1.4rem;
  color: #3AA59E;
  border: 1px solid #3AA59E;
  border-radius: 5px;
  background-color: #fff;
}

@media (any-hover: hover) {
  .prizeComponent_common__backButton {
    transition-property: background-color;
    transition-duration: .2s;
  }
  .prizeComponent_common__backButton:hover {
    background-color: #FFF9BC;
  }
}

.prizeComponent_common__moveOtherPageButton {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
  min-height: 50px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1.4rem;
  color: #3AA59E;
  border: 1px solid #3AA59E;
  border-radius: 5px;
  background-color: #fff;
}

@media (any-hover: hover) {
  .prizeComponent_common__moveOtherPageButton {
    transition-property: background-color;
    transition-duration: .2s;
  }
  .prizeComponent_common__moveOtherPageButton:hover {
    background-color: #FFF9BC;
  }
}

.prizeComponent_common__subHeading {
  font-size: 2.0rem;
  font-weight: 700;
}

.prizeComponent_common__headingWithBorder {
  margin-bottom: 15px;
  padding-bottom: 5px;
  font-size: 1.6rem;
  font-weight: 700;
  border-bottom: 1px solid #cdd3d6;
}

.prizeComponent_common__description {
  line-height: 1.7;
}

.prizeComponent_common__focusText {
  color: #DF4840;
}

.prizeComponent_common__applyButtonsWrapper {
  display: flex;
  gap: 10px;
}

.prizeModal {
  padding: 50px 10px 20px 10px !important;
}

.prizeModal .swal2-html-container {
  font-size: 1.4rem;
}

.prizeModal .swal2-styled.swal2-confirm {
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
  border: 1px solid #E8A61D;
  border-radius: 10px;
  background-color: #E8A61D;
}

.prizeModal .swal2-styled.swal2-confirm:focus {
  box-shadow: none;
}

@media (any-hover: hover) {
  .prizeModal .swal2-styled.swal2-confirm {
    transition-property: color, border-color, background;
    transition-duration: .2s;
  }
  .prizeModal .swal2-styled.swal2-confirm:hover {
    color: #E8A61D !important;
    background: #fff !important;
  }
}

.prizeModal .swal2-styled.swal2-cancel {
  font-size: 1.4rem;
  font-weight: 700;
  color: #939393;
  border: 1px solid #E9EBED;
  border-radius: 10px;
  background-color: #fff;
}

.prizeModal .swal2-styled.swal2-cancel:focus {
  box-shadow: none;
}

@media (any-hover: hover) {
  .prizeModal .swal2-styled.swal2-cancel {
    transition-property: color, border-color, background;
    transition-duration: .2s;
  }
  .prizeModal .swal2-styled.swal2-cancel:hover {
    color: #939393 !important;
    border-color: #CDD3D6 !important;
    background: #F7F7F7 !important;
  }
}

.prizeModal .swal2-close {
  right: 10px;
  top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 2.4rem;
  color: #939393;
  border-radius: 50%;
  background-color: #CDD3D6;
}

@media (any-hover: hover) {
  .prizeModal .swal2-close {
    transition-property: color, background-color;
    transition-duration: .2s;
  }
  .prizeModal .swal2-close:hover {
    color: #fff;
    background-color: #939393;
  }
}

body[data-device="mobile"] .prizeComponent_common__mainColumn {
  gap: 10px 0;
}

body[data-device="mobile"] .prizeComponent_common__mainColumnInner {
  gap: 10px 0;
  padding: 0 15px;
}

body[data-device="mobile"] .prizeComponent_common__box {
  padding: 10px;
  margin-bottom: 20px;
}

body[data-device="mobile"] .prizeComponent_common__boxHeading {
  font-size: 1.6rem;
}

body[data-device="mobile"] .prizeComponent_common__boxBody {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #3AA59E;
}

body[data-device="mobile"] .prizeComponent_common__boxAccordionButton {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

body[data-device="mobile"] .prizeComponent_common__boxAccordionButton::before, body[data-device="mobile"] .prizeComponent_common__boxAccordionButton::after {
  right: calc(50% - 10px / 2);
}

body[data-device="mobile"] .prizeComponent_common__boxAccordionButtonLabel {
  display: none;
}

body[data-device="mobile"] .prizeComponent_common__kenshobox {
  flex-flow: column;
  gap: 8px 0;
  padding: 20px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #e2e1d9;
}

@media (any-hover: hover) {
  body[data-device="mobile"] .prizeComponent_common__kenshobox {
    transition-property: background-color;
    transition-duration: .2s;
  }
  body[data-device="mobile"] .prizeComponent_common__kenshobox:hover {
    background-color: #ffecf1;
  }
}

body[data-device="mobile"] .prizeComponent_common__kenshoboxLogo {
  width: 273px;
  height: auto;
  aspect-ratio: 546 / 138;
}

body[data-device="mobile"] .prizeComponent_common__kenshoboxLead {
  text-align: center;
}

body[data-device="mobile"] .prizeComponent_common__winnerBanner {
  width: 100%;
  height: auto;
  aspect-ratio: 688 / 240;
}

body[data-device="mobile"] .prizeComponent_common__buttonsWrapper {
  flex-flow: column;
  gap: 10px 0;
}

body[data-device="mobile"] .prizeComponent_common__largeButton {
  min-width: auto;
  width: 100%;
}

body[data-device="mobile"] .prizeComponent_common__form {
  display: flex;
  flex-flow: column;
}

body[data-device="mobile"] .prizeComponent_common__backButtonWrapper {
  padding: 0 15px;
}

body[data-device="mobile"] .prizeComponent_common__subHeading {
  font-size: 1.6rem;
}

body[data-device="mobile"] .prizeComponent_common__applyButtonsWrapper {
  display: flex;
  flex-flow: column;
  gap: 10px;
}

.prizeComponent_contents {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #e2e1d9;
}

.prizeComponent_contents__link {
  display: flex;
  flex-flow: column;
  align-items: center;
  height: 100%;
  padding: 15px 15px 22px 15px;
}

.prizeComponent_contents__image {
  margin-bottom: 18px;
}

.prizeComponent_contents__image img {
  max-width: 100%;
  height: auto;
}

.prizeComponent_contents__title {
  display: flex;
  justify-content: center;
  min-height: 40px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

.prizeComponent_contents__description {
  font-size: 1.4rem;
  line-height: 1.7;
}

body[data-device="pc"] .prizeComponent_contents::after {
  position: absolute;
  left: 0;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #CDD3D6;
}

body[data-device="pc"] .prizeComponent_contents::after {
  bottom: 0;
}

@media (any-hover: hover) {
  body[data-device="pc"] .prizeComponent_contents__link {
    transition-property: background-color;
    transition-duration: .2s;
  }
  body[data-device="pc"] .prizeComponent_contents__link:hover {
    background-color: #FFF9BC;
  }
}

body[data-device="pc"] .prizeComponent_contents__item {
  position: relative;
  width: calc(100% / 3);
}

body[data-device="pc"] .prizeComponent_contents__item::before, body[data-device="pc"] .prizeComponent_contents__item::after {
  position: absolute;
  content: '';
  display: block;
  background-color: #CDD3D6;
}

body[data-device="pc"] .prizeComponent_contents__item::before {
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
}

body[data-device="pc"] .prizeComponent_contents__item::after {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
}

body[data-device="pc"] .prizeComponent_contents__item:nth-child(3n)::before {
  content: none;
}

body[data-device="mobile"] .prizeComponent_contents {
  gap: 10px;
  padding: 0;
  background-color: transparent;
  box-shadow: none;
}

body[data-device="mobile"] .prizeComponent_contents__item {
  width: calc((100% - 10px * 1) / 2);
}

body[data-device="mobile"] .prizeComponent_contents__link {
  padding: 7px 7px 14px 7px;
  border-top: none;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #E2E1D9;
}

body[data-device="mobile"] .prizeComponent_contents__title {
  min-height: 40px;
  font-size: 1.4rem;
}

body[data-device="mobile"] .prizeComponent_contents__description {
  align-self: flex-start;
}

.prizeComponent_document__heading {
  margin-bottom: 10px;
  font-weight: 700;
}

.prizeComponent_document__list {
  display: flex;
  flex-flow: column;
  gap: 1px 0;
}

.prizeComponent_document__listItem {
  position: relative;
  padding-left: 1.4rem;
  font-size: 1.4rem;
  color: #939393;
  line-height: 1.7;
}

.prizeComponent_document__listItem::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '※';
  width: 1.4rem;
}

.prizeComponent_endHeading {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 80px;
  padding: 5px 20px;
  font-size: 2.4rem;
  color: #fff;
  background-color: #df4840;
}

.prizeComponent_everydayBonus {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
  padding: 20px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #e2e1d9;
}

.prizeComponent_everydayBonus__description {
  font-size: 1.8rem;
  font-weight: 700;
  color: #df4840;
}

.prizeComponent_everydayBonus__attentionListItem {
  position: relative;
  padding-left: 1.2rem;
  font-size: 1.2rem;
  color: #939393;
  line-height: 1.7;
}

.prizeComponent_everydayBonus__attentionListItem::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '※';
  width: 1.2rem;
}

.prizeComponent_flow__item {
  display: flex;
  gap: 0 20px;
  padding: 20px 0;
  border-bottom: 1px dotted #ccc;
}

.prizeComponent_flow__item:first-child {
  padding-top: 0;
}

.prizeComponent_flow__item:last-child {
  border-bottom: none;
}

.prizeComponent_flow__thumbnail {
  width: 240px;
}

.prizeComponent_flow__main {
  flex: 1;
  display: flex;
  flex-flow: column;
  gap: 18px 0;
  padding: 20px 0;
}

.prizeComponent_flow__head {
  display: flex;
  align-items: center;
  gap: 0 10px;
}

.prizeComponent_flow__headThumbnail {
  display: none;
  width: 120px;
}

.prizeComponent_flow__headText {
  flex: 1;
  display: flex;
  flex-flow: column;
  gap: 6px 0;
}

.prizeComponent_flow__headSub {
  align-self: flex-start;
  padding-bottom: 2px;
  font-size: 1.4rem;
  font-weight: 700;
  color: #3AA59E;
  line-height: 1.7;
  border-bottom: 1px solid #3AA59E;
}

.prizeComponent_flow__headMain {
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1.4;
}

.prizeComponent_flow__description {
  font-size: 1.4rem;
  line-height: 1.7;
}

.prizeComponent_flow__attention {
  padding: 10px;
  font-size: 1.4rem;
  color: #df4840;
  line-height: 1.7;
  border-radius: 5px;
  background-color: #FAEBEA;
}

body[data-device="mobile"] .prizeComponent_flow__item {
  padding: 10px 0;
}

body[data-device="mobile"] .prizeComponent_flow__main {
  gap: 10px 0;
  padding: 0;
}

body[data-device="mobile"] .prizeComponent_flow__thumbnail {
  display: none;
}

body[data-device="mobile"] .prizeComponent_flow__headThumbnail {
  display: block;
}

body[data-device="mobile"] .prizeComponent_flow__headMain {
  font-size: 1.6rem;
}

.prizeComponent_gameRule__item {
  display: flex;
  gap: 0 20px;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px dotted #ccc;
}

.prizeComponent_gameRule__item:first-child {
  padding-top: 0;
}

.prizeComponent_gameRule__item:last-child {
  border-bottom: none;
}

.prizeComponent_gameRule__thumbnail {
  width: 240px;
}

.prizeComponent_gameRule__main {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
  padding: 20px 0;
}

.prizeComponent_gameRule__head {
  display: flex;
  align-items: center;
  gap: 0 10px;
}

.prizeComponent_gameRule__headThumbnail {
  display: none;
  width: 120px;
}

.prizeComponent_gameRule__title {
  flex: 1;
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1.4;
}

.prizeComponent_gameRule__description {
  font-size: 1.4rem;
  line-height: 1.7;
}

body[data-device="mobile"] .prizeComponent_gameRule__item {
  padding: 10px 0;
}

body[data-device="mobile"] .prizeComponent_gameRule__main {
  gap: 10px 0;
  padding: 0;
}

body[data-device="mobile"] .prizeComponent_gameRule__thumbnail {
  display: none;
}

body[data-device="mobile"] .prizeComponent_gameRule__headThumbnail {
  display: block;
}

body[data-device="mobile"] .prizeComponent_gameRule__title {
  font-size: 1.6rem;
}

.prizeComponent_importantInformations {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
  width: 1040px;
  margin: 0 auto;
}

.prizeComponent_importantInformations__item {
  display: flex;
  width: 100%;
  min-height: 30px;
  margin: 0 auto;
  border: 1px solid #DF4840;
}

.prizeComponent_importantInformations__heading {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 185px;
  color: #fff;
  background-color: #DF4840;
}

.prizeComponent_importantInformations__headingIcon {
  position: relative;
  right: 1px;
}

.prizeComponent_importantInformations__link {
  flex: 1;
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 4px 20px;
  color: #DF4840;
  background-color: #fff;
}

body[data-device="pc"] .prizeComponent_importantInformations__headingIcon {
  display: none;
}

@media (any-hover: hover) {
  body[data-device="pc"] .prizeComponent_importantInformations__link {
    transition-property: background-color;
    transition-duration: .2s;
  }
  body[data-device="pc"] .prizeComponent_importantInformations__link:hover {
    background-color: #FFF9BC;
  }
}

body[data-device="mobile"] .prizeComponent_importantInformations {
  width: 100%;
  max-width: 1040px;
}

body[data-device="mobile"] .prizeComponent_importantInformations__heading {
  width: 40px;
}

body[data-device="mobile"] .prizeComponent_importantInformations__headingLabel {
  display: none;
}

body[data-device="mobile"] .prizeComponent_importantInformations__linkText {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.prizeComponent_leftColumn {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
}

.prizeComponent_leftColumn__campaign {
  max-width: 300px;
  margin: 0 auto;
}

.prizeComponent_leftColumn__clickPoint {
  padding: 10px 10px 3px 6px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #E2E1D9;
}

body[data-device="mobile"] .prizeComponent_leftColumn {
  gap: 38px 0;
}

.prizeComponent_notice__item {
  position: relative;
  padding-left: 1.0rem;
  font-size: 1.0rem;
  color: #939393;
  line-height: 1.7;
}

.prizeComponent_notice__item::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '・';
  width: 1.0rem;
}

.prizeComponent_possessionPoint {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 5px 10px;
  font-size: 1.6rem;
  color: #df4840;
  border: 1px solid #df4840;
  border-radius: 5px;
  background-color: #fff;
}

.prizeComponent_prizeItems {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
}

.prizeComponent_prizeItems__item {
  display: flex;
  flex-flow: column;
  gap: 18px 0;
  padding: 20px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #e2e1d9;
}

.prizeComponent_prizeItems__main {
  display: flex;
  align-items: center;
  gap: 0 20px;
}

.prizeComponent_prizeItems__thumbnail {
  width: 240px;
  border: 1px solid #cdd3d6;
  border-radius: 5px;
  overflow: hidden;
}

.prizeComponent_prizeItems__body {
  flex: 1;
  display: flex;
  flex-flow: column;
  gap: 10px 0;
}

.prizeComponent_prizeItems__name {
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1.5;
}

.prizeComponent_prizeItems__winNumber {
  align-self: flex-start;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  min-height: 30px;
  font-size: 1.4rem;
  color: #fff;
  border-radius: 5px;
  background-color: #df4840;
}

.prizeComponent_prizeItems__description {
  margin-top: 7px;
  font-size: 1.4rem;
  line-height: 1.7;
}

.prizeComponent_prizeItems__form {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
  padding: 20px;
  border: 1px solid #cdd3d6;
  border-radius: 5px;
}

.prizeComponent_prizeItems__apply {
  display: flex;
  gap: 0 10px;
}

.prizeComponent_prizeItems__applyNumber {
  flex: 1;
  display: flex;
  min-height: 44px;
  padding: 5px;
  border-radius: 5px;
  background-color: #fff2d4;
}

.prizeComponent_prizeItems__applyNumberLabel {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.prizeComponent_prizeItems__applyNumberValue {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  background-color: #fff;
}

.prizeComponent_prizeItems__selectbox {
  width: 220px;
  height: 44px;
  padding: 10px 20px;
  font-size: 1.6rem;
  border: 1px solid #cdd3d6;
  border-radius: 5px;
  background-color: #fff;
  background-image: linear-gradient(45deg, transparent 50%, #939393 50%), linear-gradient(135deg, #939393 50%, transparent 50%);
  background-size: 5px 5px, 5px 5px;
  background-position: calc(100% - 15px) 50%, calc(100% - 10px) 50%;
  background-repeat: no-repeat;
}

.prizeComponent_prizeItems__selectbox:invalid {
  color: #939393;
}

.prizeComponent_prizeItems__message {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 1.6rem;
  color: #939393;
  line-height: 1.5;
  text-align: center;
}

body[data-device="mobile"] .prizeComponent_prizeItems {
  gap: 10px 0;
}

body[data-device="mobile"] .prizeComponent_prizeItems__item {
  padding: 10px;
}

body[data-device="mobile"] .prizeComponent_prizeItems__main {
  flex-flow: column;
  gap: 20px 0;
}

body[data-device="mobile"] .prizeComponent_prizeItems__name {
  text-align: center;
}

body[data-device="mobile"] .prizeComponent_prizeItems__winNumber {
  margin: 0 auto;
}

body[data-device="mobile"] .prizeComponent_prizeItems__form {
  padding: 10px;
}

body[data-device="mobile"] .prizeComponent_prizeItems__apply {
  flex-flow: column;
  gap: 10px 0;
}

body[data-device="mobile"] .prizeComponent_prizeItems__applyNumber {
  gap: 0 10px;
}

body[data-device="mobile"] .prizeComponent_prizeItems__applyNumberValue {
  max-width: 100px;
}

body[data-device="mobile"] .prizeComponent_prizeItems__selectbox {
  width: 100%;
}

.prizeComponent_researchItems__link {
  display: flex;
  align-items: center;
  gap: 0 10px;
  padding: 7px 10px;
  transition-property: background-color;
  transition-duration: .2s;
}

@media (any-hover: hover) {
  .prizeComponent_researchItems__link:hover {
    background-color: #fff9bc;
  }
}

.prizeComponent_researchItems__text {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.4rem;
}

.prizeComponent_researchItems__point {
  display: inline-block;
  font-weight: 700;
  color: #e31610;
  line-height: 1;
}

.prizeComponent_researchItems__icon {
  position: relative;
  bottom: -1px;
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 1;
}

.prizeComponent_researchItems__pointValue {
  font-size: 1.8rem;
}

.prizeComponent_researchItems__pointUnit {
  font-size: 1.4rem;
}

.prizeComponent_simpleInformation {
  padding: 10px 0;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #e2e1d9;
}

.prizeComponent_simpleInformation__title {
  padding: 10px;
  font-size: 1.8rem;
  font-weight: 700;
}

.prizeComponent_simpleInformation__link {
  display: flex;
  align-items: flex-start;
  gap: 0 22px;
  padding: 7px 10px;
}

@media (hover) {
  .prizeComponent_simpleInformation__link {
    transition-property: background-color;
    transition-duration: 0.2s;
  }
  .prizeComponent_simpleInformation__link:hover {
    background-color: #fff9bc;
  }
}

.prizeComponent_simpleInformation__parameter {
  display: flex;
  align-items: center;
  gap: 10px;
}

.prizeComponent_simpleInformation__category {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  min-height: 26px;
  font-size: 1.4rem;
  padding: 2px;
  text-align: center;
  border: 1px solid #707070;
}

.prizeComponent_simpleInformation__date {
  width: 80px;
  font-size: 1.4rem;
  color: #939393;
}

.prizeComponent_simpleInformation__text {
  flex: 1;
  font-size: 1.4rem;
  line-height: 1.7;
  word-break: break-all;
}

body[data-device="mobile"] .prizeComponent_simpleInformation {
  padding: 0;
  background-color: transparent;
  box-shadow: none;
}

body[data-device="mobile"] .prizeComponent_simpleInformation__body {
  display: flex;
  flex-flow: column;
  gap: 5px;
}

body[data-device="mobile"] .prizeComponent_simpleInformation__link {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 5px;
  padding: 10px 15px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #e2e1d9;
}

body[data-device="mobile"] .prizeComponent_simpleInformation__category {
  width: 150px;
}

.prizeComponent_term {
  display: flex;
  min-height: 50px;
  font-size: 1.8rem;
  font-weight: 700;
}

.prizeComponent_term__label {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 6px;
  width: 260px;
  color: #fff;
  border-radius: 5px 0 0 5px;
  background-color: #df4840;
}

.prizeComponent_term__text {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  color: #df4840;
  border: 1px solid #df4840;
  border-radius: 0 5px 5px 0;
  background-color: #fff;
}

body[data-device="mobile"] .prizeComponent_term {
  flex-flow: column;
  font-size: 1.6rem;
}

body[data-device="mobile"] .prizeComponent_term__label {
  width: 100%;
  min-height: 40px;
  border-radius: 5px 5px 0 0;
}

body[data-device="mobile"] .prizeComponent_term__text {
  min-height: 40px;
  border-radius: 0 0 5px 5px;
}

.prizeComponent_warning {
  display: flex;
  flex-flow: column;
  gap: 7px 0;
  padding: 15px 20px;
  color: #DF4840;
  border: 1px solid #DF4840;
}

.prizeComponent_warning__head {
  display: flex;
  align-items: center;
  gap: 0 5px;
  font-weight: 1.4rem;
  font-weight: 700;
  color: #DF4840;
}

.prizeComponent_warning__head .material-icons {
  font-size: 1.8rem;
}

.prizeComponent_warning__body {
  display: flex;
  flex-flow: column;
  gap: 4px 0;
  font-size: 1.3rem;
  color: #DF4840;
  line-height: 1.7;
}

.prizeComponent_winnerItems {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
}

.prizeComponent_winnerItems__item {
  display: flex;
  gap: 0 20px;
  align-items: center;
  padding: 20px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #e2e1d9;
}

.prizeComponent_winnerItems__thumbnail {
  width: 90px;
  border: 1px solid #eee;
  border-radius: 5px;
  overflow: hidden;
}

.prizeComponent_winnerItems__thumbnail img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
}

.prizeComponent_winnerItems__main {
  flex: 1;
  display: flex;
  flex-flow: column;
}

.prizeComponent_winnerItems__head {
  display: flex;
  align-items: center;
  gap: 0 10px;
}

.prizeComponent_winnerItems__headThumbnail {
  display: none;
  width: 90px;
  border: 1px solid #eee;
  border-radius: 5px;
  overflow: hidden;
}

.prizeComponent_winnerItems__headThumbnail img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
}

.prizeComponent_winnerItems__title {
  flex: 1;
  margin-bottom: 15px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #3AA59E;
}

.prizeComponent_winnerItems__name {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.7;
}

.prizeComponent_winnerItems__voice {
  font-size: 1.4rem;
  line-height: 1.7;
}

body[data-device="mobile"] .prizeComponent_winnerItems__item {
  padding: 10px;
}

body[data-device="mobile"] .prizeComponent_winnerItems__main {
  gap: 10px 0;
  padding: 0;
}

body[data-device="mobile"] .prizeComponent_winnerItems__thumbnail {
  display: none;
}

body[data-device="mobile"] .prizeComponent_winnerItems__headThumbnail {
  display: block;
}

body[data-device="mobile"] .prizeComponent_winnerItems__title {
  margin-bottom: 0;
  font-size: 1.4rem;
  line-height: 1.5;
}

.prize_everydayCampaign {
  width: 950px;
  margin: 0 auto;
  color: #2f2508;
}

.prize_everydayCampaign .cp_control_hide {
  display: none;
}

.prize_everydayCampaign table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border-spacing: none;
}

.prize_everydayCampaign th {
  padding: 10px;
  font-size: 1.4rem;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
}

.prize_everydayCampaign td {
  padding: 10px;
  font-size: 1.4rem;
  border: 1px solid #ccc;
  background-color: #fff;
}

.prize_everydayCampaign .btn_set {
  padding: 20px 0;
  text-align: center;
}

.prize_everydayCampaign .btn_set .btn {
  cursor: pointer;
  display: inline-block;
  min-width: 200px;
  margin: 10px;
  padding: 10px;
  font-size: 1.6rem;
  color: #333;
  text-decoration: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), inset 0 0 2px rgba(255, 255, 255, 0.9);
  border-bottom-color: #aaa;
  background: #eee;
}

.prize_everydayCampaign .btn_set .btn:hover {
  background: #f5f5f5;
}

.prize_everydayCampaign .btn_set .btn_positive {
  color: #fff;
  border-color: #93c900;
  border-bottom-color: #999;
  background: #93c900;
}

.prize_everydayCampaign .btn_set .btn_positive:hover {
  background: #98d304;
}

.prize_everydayCampaign .btn_set .btn_round {
  cursor: pointer;
  display: inline-block;
  min-width: 200px;
  margin: 10px;
  padding: 10px;
  font-size: 1.6rem;
  color: #333;
  text-decoration: none;
  border: 0;
  border-bottom: 3px solid #be5703;
  border-radius: 20px;
  background: #eee;
}

.prize_everydayCampaign .btn_set .btn_round:hover {
  background: #f5f5f5;
}

.prize_everydayCampaign .btn_set .btn_orange {
  background: #eb841e;
  border-color: #be5703;
  color: #fff;
}

.prize_everydayCampaign .btn_set .btn_orange:hover {
  background: #ef9d4b;
  border-color: #eb841e;
}

.prize_everydayCampaign .btn_set .btn_blue {
  background: #1e4294;
  border-color: #1e4294;
  color: #fff;
}

.prize_everydayCampaign .btn_set .btn_blue:hover {
  background: #2449a1;
  border-color: #2449a1;
}

.prize_everydayCampaign .btn_set .btn_gray {
  background: #ddd;
  border-color: #bbb;
  color: #333;
}

.prize_everydayCampaign .btn_set .btn_gray:hover {
  background: #eee;
  border-color: #ccc;
}

.prize_everydayCampaign .list_item {
  position: relative;
  margin-bottom: 5px;
  padding: 2px 5px 2px 20px;
  line-height: 1.5;
}

.prize_everydayCampaign .list_item::before {
  position: absolute;
  left: 0;
  top: 2px;
}

.prize_everydayCampaign .list_ast::before {
  content: '※';
}

.prize_everydayCampaign .btn_set li {
  display: inline-block;
}

.prize_everydayCampaign .btn_set .btn {
  box-shadow: none;
  color: #fff;
  font-weight: bold;
  font-size: 2.4rem;
  min-width: 250px;
  border-radius: 50px;
  box-sizing: border-box;
}

.prize_everydayCampaign .btn_set .btn_blue {
  background: #2d426d;
  border-bottom-color: #0a1c40;
}

.prize_everydayCampaign .btn_set .btn_blue:hover {
  background: #4a6eb7;
  border-bottom-color: #14367b;
}

.prize_everydayCampaign .btn_set .btn_gold {
  background: #af8411;
  border-bottom-color: #644b0a;
}

.prize_everydayCampaign .btn_set .btn_gold:hover {
  background: #d9aa2a;
  border-bottom-color: #916d0e;
}

.prize_everydayCampaign .sp_disp {
  display: none;
}

.prize_everydayCampaign .main {
  position: relative;
  width: 100%;
  height: 376px;
}

.prize_everydayCampaign .main_ttl {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.prize_everydayCampaign .main_ttl .limited {
  position: absolute;
  bottom: 10px;
  left: 0;
  z-index: 1;
  font-size: 3.0rem;
  color: #fff;
  text-align: center;
  width: 100%;
}

.prize_everydayCampaign .main_subttl_pc {
  position: absolute;
  top: 0;
  left: 60px;
  z-index: 1;
  width: 265px;
}

.prize_everydayCampaign .main_subttl_inner {
  position: relative;
  animation: scale 3s infinite;
}

.prize_everydayCampaign .main_subttl_inner .btn {
  position: absolute;
  bottom: 40px;
  left: 50px;
  background: #af8411;
  color: #fff;
  font-weight: bold;
  font-size: 1.6rem;
  border-radius: 50px;
  display: inline-block;
  width: 170px;
  padding: 10px 0;
  box-sizing: border-box;
  text-align: center;
}

.prize_everydayCampaign .main_subttl_inner .btn:hover {
  text-decoration: none;
  background: #6c510b;
}

@keyframes scale {
  0% {
  }
  10% {
    transform: scale(0.9, 0.9);
  }
  30% {
    transform: scale(1, 1);
  }
  100% {
  }
}

.prize_everydayCampaign .main_limited_pc {
  position: absolute;
  bottom: 70px;
  right: 120px;
  z-index: 1;
  width: 155px;
  animation: limited 2s infinite;
}

@keyframes limited {
  0% {
  }
  50% {
    transform: rotate(20deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.prize_everydayCampaign .contents {
  background: #efdfb2;
  padding: 20px 0;
}

.prize_everydayCampaign .everyday_about {
  margin-bottom: 40px;
}

.prize_everydayCampaign .everyday_about .everyday_ttl {
  text-align: center;
  font-size: 2.8rem;
  font-weight: 500;
  margin-bottom: 10px;
}

.prize_everydayCampaign .everyday_about .everyday_subttl {
  background: #2f2508;
  padding: 10px;
  color: #fff;
  font-size: 2.8rem;
  text-align: center;
  margin-bottom: 10px;
}

.prize_everydayCampaign .everyday_sample {
  width: 100%;
  max-width: 818px;
  margin: 0 auto;
}

.prize_everydayCampaign .everyday_sample img {
  width: 100%;
}

.prize_everydayCampaign .everyday_sample .everyday_attention {
  display: block;
  text-align: right;
  margin-top: 5px;
}

.prize_everydayCampaign .privilege .privilege_ttl {
  background: #2f2508;
  padding: 10px;
  color: #fff;
  font-size: 2.8rem;
  text-align: center;
  margin-bottom: 10px;
}

.prize_everydayCampaign .privilege .privilege_inner {
  width: 100%;
  max-width: 818px;
  margin: 0 auto;
}

.prize_everydayCampaign .privilege .privilege_subttl {
  font-size: 1.8rem;
  font-weight: bold;
}

.prize_everydayCampaign .privilege .privilege_list {
  margin: 10px 0 30px 0;
}

.prize_everydayCampaign .privilege .privilege_list th,
.prize_everydayCampaign .privilege .privilege_list td {
  font-size: 1.6rem;
}

.prize_everydayCampaign .flow img {
  width: 100%;
}

.prize_everydayCampaign .privilege_sample li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}

.prize_everydayCampaign .privilege_sample .txt_color {
  color: #fffa75;
}

.prize_everydayCampaign .privilege_sample .circle {
  background: #d60019;
  border-radius: 50%;
  display: inline-block;
  width: 150px;
  height: 150px;
  padding: 10px;
  box-sizing: border-box;
  margin-bottom: 10px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  position: relative;
}

.prize_everydayCampaign .privilege_sample .circle_c {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: inline-block;
  width: 150px;
}

.prize_everydayCampaign .privilege_sample .circle_c .strong {
  font-size: 3.0rem;
}

body[data-device="mobile"] .prize_everydayCampaign {
  width: 100%;
  max-width: 950px;
}

body[data-device="mobile"] .prize_everydayCampaign .pc_disp {
  display: none;
}

body[data-device="mobile"] .prize_everydayCampaign .sp_disp {
  display: block;
}

body[data-device="mobile"] .prize_everydayCampaign .main {
  position: static;
  height: auto;
}

body[data-device="mobile"] .prize_everydayCampaign .main img {
  width: 100%;
}

body[data-device="mobile"] .prize_everydayCampaign .main_ttl {
  position: static;
}

body[data-device="mobile"] .prize_everydayCampaign .main_ttl .limited {
  display: none;
}

body[data-device="mobile"] .prize_everydayCampaign .main_subttl_pc {
  display: none;
}

body[data-device="mobile"] .prize_everydayCampaign .main_limited_pc {
  display: none;
}

body[data-device="mobile"] .prize_everydayCampaign .main_limited_sp {
  background: #14367b;
  color: #fff;
  text-align: center;
  padding-top: 3px;
  font-size: 1.8rem;
}

body[data-device="mobile"] .prize_everydayCampaign .main_subttl_sp {
  background: #d60019;
  color: #fff;
  text-align: center;
  padding-top: 3px;
}

body[data-device="mobile"] .prize_everydayCampaign .main_subttl_sp .strong {
  font-size: 2.0rem;
}

body[data-device="mobile"] .prize_everydayCampaign .main_subttl_sp .btn {
  background: #af8411;
  color: #fff;
  display: block;
  margin-top: 3px;
  padding: 5px;
  position: relative;
}

body[data-device="mobile"] .prize_everydayCampaign .main_subttl_sp .btn::before, body[data-device="mobile"] .prize_everydayCampaign .main_subttl_sp .btn::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  margin: auto;
  content: "";
  vertical-align: middle;
}

body[data-device="mobile"] .prize_everydayCampaign .main_subttl_sp .btn::before {
  top: -4px;
  right: 10px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

body[data-device="mobile"] .prize_everydayCampaign .everyday_about {
  padding: 0 10px;
}

body[data-device="mobile"] .prize_everydayCampaign .everyday_about .everyday_ttl {
  font-size: 2.0rem;
}

body[data-device="mobile"] .prize_everydayCampaign .everyday_about .everyday_subttl {
  font-size: 2.2rem;
}

body[data-device="mobile"] .prize_everydayCampaign .privilege .privilege_ttl {
  font-size: 2.2rem;
}

body[data-device="mobile"] .prize_everydayCampaign .privilege .privilege_inner {
  padding: 0 10px;
  box-sizing: border-box;
}

body[data-device="mobile"] .prize_everydayCampaign .privilege .privilege_inner .btn_gold {
  font-size: 1.8rem;
}

body[data-device="mobile"] .prize_everydayCampaign .privilege_sample li {
  margin: 0 20px;
}

body[data-device="mobile"] .prize_everydayCampaign .privilege_sample_ttl {
  display: block;
  width: 100%;
}

body[data-device="mobile"] .prize_everydayCampaign .privilege_sample .circle {
  width: 120px;
  height: 120px;
  font-size: 1.4rem;
}

body[data-device="mobile"] .prize_everydayCampaign .privilege_sample .circle_c {
  width: 120px;
}

body[data-device="mobile"] .prize_everydayCampaign .privilege_sample .circle_c .strong {
  font-size: 1.8rem;
}

.prize_sevenatm {
  width: 950px;
  margin: 0 auto;
}

.prize_sevenatm .breadcrumb {
  max-width: 1020px;
}

.prize_sevenatm .site_inner.simple .main_area {
  padding-top: 0;
}

.prize_sevenatm .multi_wrap_one.multi_wrap_right {
  max-width: 1020px;
  margin: 0 auto;
}

.prize_sevenatm .one_section {
  background: #ffffff;
  padding: 15px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.06), 0 1px 4px 0;
}

.prize_sevenatm .sevenAtm {
  width: 100%;
  max-width: 730px;
  margin: 0 auto;
}

.prize_sevenatm .sevenAtm__head {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 150px;
  border-bottom: 2px #088a08 dotted;
}

.prize_sevenatm .sevenAtm__bgcolorGray {
  background: #f9f9f9;
}

.prize_sevenatm .sevenAtm__focus {
  color: #d61055;
}

.prize_sevenatm .sevenAtm__flexbox {
  position: relative;
  margin: 0 auto;
  padding: 50px 20px;
  box-sizing: border-box;
}

.prize_sevenatm .sevenAtm__flexbox-inner {
  display: flex;
  justify-content: center;
  align-items: center;
}

.prize_sevenatm .sevenAtm__flexbox-innerWhite {
  display: flex;
  justify-content: space-around;
  align-items: top;
  margin-top: 20px;
  padding: 20px;
  background: #fff;
  border-radius: 10px;
  box-sizing: border-box;
}

.prize_sevenatm .sevenAtm__flexbox-icon {
  margin-right: 40px;
}

.prize_sevenatm .sevenAtm__flexbox-text {
  width: 680px;
}

.prize_sevenatm .sevenAtm__flexbox-text dd {
  line-height: 1.6;
}

.prize_sevenatm .sevenAtm__flexbox-title {
  margin-bottom: 10px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #088a08;
}

.prize_sevenatm .sevenAtm__flexbox-titleBig {
  font-size: 2.8rem;
  color: #088a08;
}

.prize_sevenatm .sevenAtm__step-inner {
  width: 30%;
}

.prize_sevenatm .sevenAtm__step-image {
  max-width: 100%;
  margin-bottom: 10px;
}

.prize_sevenatm .sevenAtm__step-title {
  margin-bottom: 10px;
  padding: 10px;
  background-color: #e1f3cc;
  border-radius: 50px;
  text-align: center;
  font-weight: bold;
  font-size: 1.2rem;
  color: #088a08;
}

.prize_sevenatm .sevenAtm__notice-accent {
  margin-top: 10px;
  padding: 15px;
  border-radius: 10px;
  background-color: #fff2f7;
  color: #d61e5e;
}

.prize_sevenatm .sevenAtm__notice-mini {
  margin-top: 20px;
  font-size: 1.4rem;
}

.prize_sevenatm .sevenAtm__notice-mini a {
  font-size: 1.4rem;
  line-height: 1.6;
}

.prize_sevenatm .sevenAtm__arrow {
  position: absolute;
  top: -10px;
  left: 50%;
}

.prize_sevenatm .sevenAtm__arrow-inner {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.prize_sevenatm .sevenAtm__arrow-inner::before, .prize_sevenatm .sevenAtm__arrow-inner::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.prize_sevenatm .sevenAtm__arrow-inner::before {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #e1f3cc;
}

.prize_sevenatm .sevenAtm__arrow-inner::after {
  top: -2px;
  left: 13px;
  width: 10px;
  height: 10px;
  border-bottom: 3px solid #088a08;
  border-left: 3px solid #088a08;
  transform: rotate(-45deg);
}

body[data-device="mobile"] .prize_sevenatm {
  width: 100%;
  max-width: 950px;
}

body[data-device="mobile"] .prize_sevenatm .sevenAtm__flexbox-inner {
  display: block;
}

body[data-device="mobile"] .prize_sevenatm .sevenAtm__flexbox-innerWhite {
  display: block;
  margin-top: 20px;
}

body[data-device="mobile"] .prize_sevenatm .sevenAtm__flexbox-icon {
  display: block;
  margin: 0 auto 15px auto;
}

body[data-device="mobile"] .prize_sevenatm .sevenAtm__flexbox-text {
  width: 100%;
}

body[data-device="mobile"] .prize_sevenatm .sevenAtm__flexbox-title {
  text-align: center;
}

body[data-device="mobile"] .prize_sevenatm .sevenAtm__step-inner {
  width: 100%;
  margin: 30px 0 0 0;
}

body[data-device="mobile"] .prize_sevenatm .sevenAtm__step-image {
  display: block;
  margin: 0 auto 10px auto;
}

body[data-device="mobile"] .prize_sevenatm .sevenAtm__arrow {
  left: 45%;
}

/*-------------------------------------
  ** rank_index（top_page）
--------------------------------------*/
.rank_index {
  width: 950px;
}

@media screen and (max-width: 800px) {
  .rank_index {
    width: 100%;
  }
}

.rank_index__specialLink {
  width: 115px;
  height: 25px;
  color: white !important;
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none !important;
  background-image: url(/assets/img/rank/common/special-button.svg);
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  transform: scale(1.1);
}

.rank_index__specialLink span {
  font-size: 1.5rem !important;
  margin: 0 !important;
  margin-left: 2px !important;
}

.rank_index__nextMonthRank {
  color: white;
  font-size: 1.5rem;
  background-color: #57be8a;
  padding: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rank_index__nextMonthRank strong {
  margin-left: 6px;
}

.rank_index__nextMonthRank span {
  font-size: 1.2rem;
  margin-left: 8px;
}

@media (max-width: 800px) {
  .rank_index__nextMonthRank {
    display: block;
    text-align: center;
  }
  .rank_index__nextMonthRank a {
    margin: 0 auto;
    margin-bottom: 8px;
  }
  .rank_index__nextMonthRank span {
    text-align: center;
    display: block;
    margin-top: 8px;
  }
}

.rank_index__nav {
  height: 46px;
  display: flex;
  align-items: center;
  font-weight: bold;
  background: #EFFAFA;
  padding: 0 8px;
  box-sizing: border-box;
  margin-bottom: 24px;
}

.rank_index__point {
  display: flex;
  align-items: center;
  margin-right: 100px;
}

.rank_index__medal {
  display: flex;
  align-items: center;
  margin-right: 100px;
}

.rank_index__value {
  color: #3e3e3e;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
}

.rank_index__value span {
  display: inline-block;
}

.rank_index__unit {
  position: relative;
  top: 1px;
  font-size: 1.1rem;
}

.rank_index__historyIcon {
  font-size: 1.8rem;
  padding: 2px;
  color: #ffbb2e;
  border: 1px #ffbb2e solid;
  border-radius: 100%;
  margin: 0 4px;
}

.rank_index__pointIcon {
  margin-right: 3px;
}

.rank_index__pointIcon img {
  width: 18px;
}

.rank_index__medalIcon {
  margin-right: 3px;
}

.rank_index__medalIcon img {
  width: 18px;
}

.rank_index__pointInterchange {
  padding: 3px 22px 3px 14px;
  border-radius: 15px;
  border: 1px solid #ffbb2e;
  background-color: #ffffff;
}

.rank_index__pointInterchange a {
  position: relative;
  color: #ffbb2e;
  font-size: 1.1rem;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.rank_index__pointInterchange a::before {
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  border-top: solid 1px #ffbb2e;
  border-right: solid 1px #ffbb2e;
  right: -10px;
  transform: rotate(45deg);
}

.rank_index__nextRank {
  display: flex;
  align-items: center;
  color: #e3a32c;
  font-size: 1.2rem;
}

.rank_index__fixedRank {
  display: flex;
  padding: 2px 9px;
  margin-right: 13px;
  color: #FFFFFF;
  font-size: 1.1rem;
  background: #e3a32c;
  position: relative;
}

.rank_index__fixedRank::after {
  content: ' ';
  top: -12px;
  right: -17px;
  position: absolute;
  border: 7px transparent solid;
  border-left: 15px #e3a32c solid;
  transform: translateY(100%);
}

.rank_index__judge {
  width: 14px;
  height: 14px;
  margin: 0 4px;
  border-radius: 100%;
  border: solid 4px #e3a32c;
}

.rank_index__nextPrivilege {
  padding: 2px 22px 2px 14px;
  border-radius: 15px;
  border: 1px solid #ffbb2e;
  background-color: #ffffff;
}

.rank_index__nextPrivilege a {
  position: relative;
  color: #ffbb2e;
  font-size: 1.1rem;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.rank_index__nextPrivilege a::before {
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  border-top: solid 1px #ffbb2e;
  border-right: solid 1px #ffbb2e;
  right: -10px;
  transform: rotate(45deg);
}

.rank_index__confirmation {
  position: relative;
  height: 40px;
  display: flex;
  align-items: center;
}

.rank_index__title {
  color: #464646;
  font-size: 1.6rem;
  font-weight: bold;
}

@media (max-width: 800px) {
  .rank_index__title {
    display: none;
  }
}

.rank_index__confirmationList {
  position: absolute;
  right: 0;
  height: 100%;
  display: flex;
}

.rank_index__confirmationList a {
  color: #464646;
  font-size: 1.2rem;
  font-weight: bold;
  text-decoration: none;
}

@media (max-width: 800px) {
  .rank_index__confirmationList {
    width: 100%;
  }
}

.rank_index__confirmationLink {
  color: #464646;
  font-size: 1.2rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  padding: 0 40px;
}

.rank_index__confirmationLink a {
  color: #464646 !important;
  font-size: 1.2rem;
  font-weight: bold;
  text-decoration: none !important;
}

.rank_index__confirmationLink a:hover {
  color: #0066cb;
  text-decoration: underline;
}

.rank_index__confirmationLink--selected {
  background: #FEFFD4;
}

@media (max-width: 800px) {
  .rank_index__confirmationLink {
    width: calc(100% / 4);
    justify-content: center;
    padding: 0;
  }
}

.rank_index__statusListSpace {
  position: relative;
  padding-bottom: 80px;
  overflow: hidden;
}

.rank_index__statusListBackgroundImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 20px 0;
}

.rank_index__statusListBackgroundColor {
  position: absolute;
  width: 100%;
  height: 110%;
  top: 0;
  left: 0;
  transform: skew(0deg, -3deg) translateY(-15%);
}

.rank_index__statusList {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-evenly;
}

@media screen and (max-width: 800px) {
  .rank_index__statusList {
    padding: 10px;
    align-items: center;
    flex-direction: column;
  }
}

.rank_index__privilege {
  position: relative;
  padding-top: 16px;
  padding-bottom: 40px;
}

@media screen and (max-width: 800px) {
  .rank_index__privilege {
    padding-top: 0;
  }
}

.rank_index__privilegeBackgroundColor {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: skew(0deg, 2deg);
  transform-origin: bottom left;
}

@media screen and (max-width: 800px) {
  .rank_index__privilegeBackgroundColor {
    top: -15px;
  }
}

.rank_index__privilegeBackgroundColor--leftDown {
  transform: skew(0deg, -3deg);
}

.rank_index__privilegeTitle {
  position: relative;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}

@media screen and (max-width: 800px) {
  .rank_index__privilegeTitle {
    font-size: 1.8rem;
    margin-bottom: 5px;
  }
}

.rank_index__privilegeTitle span {
  font-size: 2.8rem;
}

@media screen and (max-width: 800px) {
  .rank_index__privilegeTitle span {
    font-size: 1.8rem;
  }
}

.rank_index__privilegeItemList {
  display: flex;
  gap: 13px;
  flex-wrap: wrap;
  padding: 0 5px;
}

.rank_index__expensive {
  padding-top: 60px;
  margin-bottom: 40px;
}

.rank_index__expensiveTitle {
  font-size: 2.6rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 24px;
}

@media screen and (max-width: 800px) {
  .rank_index__expensiveTitle {
    font-size: 1.8rem;
    margin-bottom: 5px;
  }
}

.rank_index__expensiveItemList {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
}

@media screen and (max-width: 800px) {
  .rank_index__expensiveItemList {
    grid-template-columns: 50% 50%;
  }
}

.rank_index__clickItemTitle {
  margin-bottom: 20px;
  font-size: 2.5rem;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .rank_index__clickItemTitle {
    font-size: 1.8rem;
    margin-bottom: 5px;
  }
}

.rank_index__clickItemContents {
  margin: 15px;
  margin-bottom: 0;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
  border-radius: 5px;
  padding: 8px;
  box-sizing: border-box;
}

@media screen and (max-width: 800px) {
  .rank_index__clickItemContents {
    margin: 0;
    padding: 0;
    background: none;
    box-shadow: none;
  }
}

.rank_index__mainClickItemList {
  display: flex;
  text-align: center;
  justify-content: center;
}

@media screen and (max-width: 800px) {
  .rank_index__mainClickItemList {
    display: initial;
  }
}

.rank_index__otherClickItemList {
  margin: 10px;
  display: grid;
  justify-items: start;
  grid-template-columns: calc(100% / 3) calc(100% / 3) calc(100% / 3);
}

@media screen and (max-width: 800px) {
  .rank_index__otherClickItemList {
    margin: 0;
    display: initial;
  }
}

.rank_index__otherClickItemTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  margin: 0 10px;
  margin-top: 16px;
  background: #EDDF95;
}

@media screen and (max-width: 800px) {
  .rank_index__otherClickItemTitle {
    margin: 0;
  }
}

.rank_index__otherClickItemIcon {
  margin-right: 25px;
}

.rank_index__otherClickItemMark {
  width: 270px;
  padding: 7px;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  background: #FFFFFF;
  position: relative;
}

@media screen and (max-width: 800px) {
  .rank_index__otherClickItemMark {
    width: 220px;
    font-size: 1.2rem;
  }
}

.rank_index__otherClickItemMark::before {
  content: ' ';
  top: -14px;
  left: -23px;
  position: absolute;
  border: 10px transparent solid;
  border-right: 15px #FFFFFF solid;
  transform: translateY(100%);
}

/*-------------------------------------
  ** rank/status（component）
--------------------------------------*/
.rank_status {
  width: 53%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

@media screen and (max-width: 800px) {
  .rank_status {
    width: 100%;
    padding: 15px 0px;
    box-sizing: border-box;
    justify-content: space-between;
  }
}

.rank_status__badge {
  width: 220px;
  height: 320px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-around;
}

@media screen and (max-width: 800px) {
  .rank_status__badge {
    padding: 5px;
    width: 110px;
    height: 250px;
  }
}

.rank_status__badge img {
  width: 110px;
  height: auto;
}

@media screen and (max-width: 800px) {
  .rank_status__badge img {
    width: 90px;
    padding: 10px;
  }
}

.rank_status__detail {
  width: initial;
}

@media screen and (max-width: 800px) {
  .rank_status__detail {
    width: 100%;
  }
}

.rank_status__title {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .rank_status__title {
    font-size: 1.5rem;
  }
}

.rank_status__historyLink {
  width: 140px;
  font-size: 1.1rem;
  text-decoration: none;
  background-color: white;
  border: 1px gray solid;
  border-radius: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 0;
  padding-left: 4px;
  margin: 0 auto;
  margin-top: 14px;
}

@media screen and (max-width: 800px) {
  .rank_status__historyLink {
    width: 100px;
    padding: 0 5px;
    margin-top: 10px;
    font-size: 1.0rem;
    line-height: 1.0rem;
  }
}

.rank_status__term {
  margin-top: 10px;
}

.rank_status__term br {
  display: none;
}

@media screen and (max-width: 800px) {
  .rank_status__term {
    font-size: 1.1rem;
    margin-bottom: 10px;
  }
  .rank_status__term br {
    display: block;
  }
}

.rank_history {
  padding-top: 24px;
}

.rank_history h2 {
  font-size: 1.6rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.rank_history h2 span {
  font-size: 2.4rem;
  margin-right: 4px;
}

.rank_history__keepRanks {
  margin-bottom: 24px;
}

.rank_history__keepRanks div {
  display: flex;
}

.rank_history__keepRanks div img {
  width: 30px;
  margin-right: 10px;
}

.rank_history__rank {
  color: #505050;
  font-size: 1.4rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rank_history__rank img {
  width: 20px;
  margin-right: 8px;
}

.rank_history__rank span {
  color: orange;
  margin-left: 4px;
  font-size: 1.2rem;
}

@media (max-width: 800px) {
  .rank_history {
    padding: 0 8px;
    box-sizing: border-box;
    padding-top: 24px;
  }
}

/*-------------------------------------
  ** rank/condition（component）
--------------------------------------*/
.rank_condition {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 270px;
  height: 280px;
  border-radius: 5px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
  padding: 16px 0;
  box-sizing: border-box;
}

@media screen and (max-width: 800px) {
  .rank_condition {
    padding: 5px;
    height: 240px;
    max-width: 260px;
    width: 100%;
    justify-content: space-evenly;
  }
}

.rank_condition__title {
  font-size: 1.4rem;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

@media (max-width: 800px) {
  .rank_condition__title div {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 4px;
    margin-bottom: 10px;
  }
}

.rank_condition__text {
  margin: 10px;
  padding: 10px;
  color: #3e3e3e;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  background: #FFF3B1;
}

@media screen and (max-width: 800px) {
  .rank_condition__text {
    font-size: 1.2rem;
    margin: 10px 5px;
    padding: 10px 5px;
  }
}

.rank_condition__list {
  display: flex;
  justify-content: space-around;
}

.rank_condition__medal {
  color: #56A78D;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .rank_condition__medal {
    font-size: 1.2rem;
  }
}

.rank_condition__medalCircle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin: 5px;
  border-radius: 50%;
  background-image: radial-gradient(#FFFFFF 63%, transparent 64%), conic-gradient(#56A78D 0% 60%, #d9d9d9 60% 100%);
}

@media screen and (max-width: 800px) {
  .rank_condition__medalCircle {
    width: 85px;
    height: 85px;
    font-size: 1.1rem;
  }
}

.rank_condition__medalCircle strong {
  font-size: 1.5rem;
}

@media screen and (max-width: 800px) {
  .rank_condition__medalCircle strong {
    font-size: 1.1rem;
  }
}

.rank_condition__unit {
  position: relative;
  top: 1px;
  font-size: 1.1rem !important;
}

.rank_condition__point {
  color: #F7BC4D;
  font-weight: bold;
  text-align: center;
}

.rank_condition__point span {
  font-size: 1.6rem;
}

@media screen and (max-width: 800px) {
  .rank_condition__point span {
    font-size: 1.2rem;
  }
}

.rank_condition__pointCircle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin: 5px;
  border-radius: 50%;
  background-image: radial-gradient(#FFFFFF 62%, transparent 63%), conic-gradient(#C68100 0% 60%, #d9d9d9 60% 100%);
}

@media screen and (max-width: 800px) {
  .rank_condition__pointCircle {
    width: 85px;
    height: 85px;
    font-size: 1.1rem;
  }
}

/*-------------------------------------
  ** rank/detail（component）
--------------------------------------*/
.rank_detail {
  display: flex;
  flex-direction: column;
  align-content: space-around;
  width: 400px;
  height: 280px;
  padding: 15px;
  border-radius: 5px;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
}

@media screen and (max-width: 800px) {
  .rank_detail {
    width: 100%;
    height: auto;
    padding: 10px;
  }
}

.rank_detail__point {
  padding: 7px;
  display: flex;
  align-items: flex-end;
}

@media screen and (max-width: 800px) {
  .rank_detail__point {
    padding: 7px 0;
  }
}

.rank_detail__medal {
  padding: 7px;
  display: flex;
  align-items: flex-end;
}

@media screen and (max-width: 800px) {
  .rank_detail__medal {
    padding: 7px 0;
  }
}

.rank_detail__title {
  width: 100px;
  font-size: 1.3rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-right: 30px;
}

.rank_detail__pointValue {
  font-size: 1.8rem;
  color: #E8A61D;
  font-weight: bold;
}

.rank_detail__medalValue {
  font-size: 1.8rem;
  color: #56a78d;
  font-weight: bold;
}

.rank_detail__unit {
  position: relative;
  top: 1px;
  font-size: 1.1rem;
}

.rank_detail__content {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 360px;
  height: 90px;
  padding-left: 0;
  padding-right: 10px;
  font-size: 1.0rem;
  margin: auto;
  background: #F4F4F4;
  box-sizing: border-box;
}

@media screen and (max-width: 800px) {
  .rank_detail__content {
    display: initial;
    width: 100%;
    height: auto;
    padding: 0;
  }
}

.rank_detail__toggleIcon {
  display: none;
}

@media (max-width: 800px) {
  .rank_detail__toggleIcon {
    display: block;
  }
}

.rank_detail__nav {
  display: block;
  width: 100%;
}

@media screen and (max-width: 800px) {
  .rank_detail__nav {
    display: none;
  }
}

.rank_detail__contentTitle {
  display: none;
  align-items: center;
  justify-content: space-between;
  margin: 5px 10px;
  font-size: 1.1rem;
}

@media (max-width: 800px) {
  .rank_detail__contentTitle {
    display: flex;
  }
}

.rank_detail__pointHistoryList {
  flex: 1;
}

.rank_detail__pointHistoryList li {
  margin: 10px;
  display: flex;
  justify-content: space-between;
}

.rank_detail__pointHistoryList span {
  color: #5c5c5c;
  margin-right: 3px;
}

.rank_detail__pointHistoryList a {
  position: relative;
  color: #5fbfa0;
  font-size: 1.1rem;
  text-decoration: none;
}

.rank_detail__pointHistoryList a::after {
  content: '';
  width: 4px;
  height: 4px;
  border-top: solid 2px #5fbfa0;
  border-right: solid 2px #5fbfa0;
  position: absolute;
  top: 5px;
  right: -8px;
}

.rank_detail__pointHistoryList a::after {
  transform: rotate(45deg);
}

.rank_detail__pointHistory {
  display: flex;
}

.rank_detail__pointHistoryLink {
  position: relative;
  color: #5fbfa0;
  text-decoration: none;
}

@media screen and (max-width: 800px) {
  .rank_detail__pointHistoryLink {
    font-size: 1.1rem;
  }
  .rank_detail__pointHistoryLink div {
    display: none;
  }
}

.rank_detail__pointHistoryLink::after {
  content: '';
  width: 4px;
  height: 4px;
  border-top: solid 2px #5fbfa0;
  border-right: solid 2px #5fbfa0;
  position: absolute;
  top: 5px;
  right: -8px;
  transform: rotate(45deg);
}

@media screen and (max-width: 800px) {
  .rank_detail__pointHistoryLink::after {
    top: 6px;
    left: -1px;
  }
}

.rank_detail__medalHistoryList {
  flex: 1;
}

.rank_detail__medalHistoryList li {
  margin: 10px;
  display: flex;
  justify-content: space-between;
}

.rank_detail__medalHistoryList span {
  color: #5c5c5c;
  margin-right: 3px;
}

.rank_detail__medalHistoryList a {
  position: relative;
  color: #5fbfa0;
  font-size: 1.1rem;
  text-decoration: none;
}

.rank_detail__medalHistoryList a::after {
  content: '';
  width: 4px;
  height: 4px;
  border-top: solid 2px #5fbfa0;
  border-right: solid 2px #5fbfa0;
  position: absolute;
  top: 5px;
  right: -8px;
}

.rank_detail__medalHistoryList a::after {
  transform: rotate(45deg);
}

.rank_detail__medalHistory {
  display: flex;
}

@media screen and (max-width: 800px) {
  .rank_detail__medalHistory {
    font-size: 0.9rem;
  }
  .rank_detail__medalHistory strong {
    font-size: 1.2rem;
  }
}

.rank_detail__medalHistoryLink {
  position: relative;
  color: #5fbfa0;
  text-decoration: none;
}

@media screen and (max-width: 800px) {
  .rank_detail__medalHistoryLink {
    font-size: 1.1rem;
  }
  .rank_detail__medalHistoryLink div {
    display: none;
  }
}

.rank_detail__medalHistoryLink::after {
  content: '';
  width: 4px;
  height: 4px;
  border-top: solid 2px #5fbfa0;
  border-right: solid 2px #5fbfa0;
  position: absolute;
  top: 5px;
  left: 27px;
  transform: rotate(45deg);
}

@media screen and (max-width: 800px) {
  .rank_detail__medalHistoryLink::after {
    top: 6px;
    left: -1px;
  }
}

.rank_detail__term {
  margin-right: 10px;
}

@media screen and (max-width: 800px) {
  .rank_detail__term {
    font-size: 1.1rem;
  }
}

/*-------------------------------------
  ** rank/privilegeItem（component）
--------------------------------------*/
.rank_privilegeItem {
  box-sizing: border-box;
  display: block;
  position: relative;
  width: calc((100% - 13px * (4 - 1)) / 4);
  padding-bottom: 12px;
  color: black;
  text-decoration: none !important;
  border-radius: 5px;
  border: 1px solid #2B2B2B;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
}

.rank_privilegeItem:hover {
  color: black;
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem {
    width: calc((100% - 13px * (2 - 1)) / 2);
  }
}

.rank_privilegeItem--doubleDesign {
  width: calc((100% - 13px * (2 - 1)) / 2);
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem--doubleDesign {
    width: 100%;
  }
}

.rank_privilegeItem__icon {
  position: absolute;
  top: -5px;
  right: 10px;
  width: 40px;
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem__icon {
    top: 0;
    width: 30px;
  }
}

.rank_privilegeItem__inline {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem__inline {
    justify-content: initial;
  }
}

.rank_privilegeItem__title {
  padding: 12px;
  color: #FEFFD4;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.05rem;
  margin-bottom: 16px;
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem__title {
    font-size: 1.2rem;
  }
}

.rank_privilegeItem__label {
  width: 100%;
  font-size: 1.1rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1rem;
  padding: 3px 0;
  margin-bottom: 4px;
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem__label {
    font-size: 1.0rem;
    padding: 0;
  }
}

.rank_privilegeItem__message {
  padding-left: 16px;
  color: crimson;
  font-weight: bold;
  font-size: 1.2rem;
}

@media (max-width: 800px) {
  .rank_privilegeItem__message {
    font-size: 1.1rem;
    padding-left: 4px;
  }
}

.rank_privilegeItem__main {
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0 16px;
  box-sizing: border-box;
  margin-bottom: 8px;
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem__main {
    font-size: 1.2rem;
    padding: 0 5px;
    margin-bottom: 4px;
  }
}

.rank_privilegeItem__main strong {
  font-size: 2.3rem;
  font-weight: bold;
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem__main strong {
    font-size: 1.6rem;
  }
}

.rank_privilegeItem__main strong span {
  font-size: 1.6rem;
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem__main strong span {
    font-size: 1.2rem;
  }
}

.rank_privilegeItem__upDesign {
  font-size: 1.7rem;
  text-align: center;
  margin-top: 8px;
}

.rank_privilegeItem__description {
  display: block;
  color: #646464;
  font-size: 1.1rem;
  margin-bottom: 12px;
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem__description {
    font-size: 1.0rem;
    margin-bottom: 6px;
  }
}

.rank_privilegeItem__doubleDesign {
  display: flex;
  min-height: 72px;
}

.rank_privilegeItem__doubleDesignItem {
  position: relative;
  width: 50%;
}

.rank_privilegeItem__doubleDesignCenterBorder {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 20px;
}

.rank_privilegeItem__doubleDesignCenterBorder span {
  color: white;
  font-size: 1.2rem;
  font-weight: bold;
  background-color: black;
  border-radius: 100%;
  padding: 5px;
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem__doubleDesignCenterBorder span {
    font-size: 1.0rem !important;
  }
}

.rank_privilegeItem__doubleDesignCenterBorder::before, .rank_privilegeItem__doubleDesignCenterBorder::after {
  content: '';
  position: absolute;
  top: 0;
  width: 1px;
  height: 30%;
  background-color: gray;
}

.rank_privilegeItem__doubleDesignCenterBorder::after {
  top: auto;
  bottom: 0;
}

.rank_privilegeItem__doubleDesignText {
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
  text-align: center;
  margin: 5px 0;
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem__doubleDesignText {
    font-size: 1.2rem;
  }
}

.rank_privilegeItem__doubleDesignText s {
  color: gray;
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem__doubleDesignText s {
    font-size: 1.2rem;
  }
}

.rank_privilegeItem__doubleDesignSub {
  width: 100%;
  color: #666666;
  font-size: 1.1rem;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem__doubleDesignSub {
    font-size: 1.0rem;
  }
}

.rank_privilegeItem__arrowButton {
  position: absolute;
  bottom: 0;
  right: 0;
}

.rank_privilegeItem__arrowButton img {
  width: 32px;
}

@media screen and (max-width: 800px) {
  .rank_privilegeItem__arrowButton img {
    width: 30px;
  }
}

.rank_notRewardPrivilegeItem {
  display: block;
  position: relative;
  width: calc((100% - 13px * (4 - 1)) / 4);
  color: black;
  text-decoration: none !important;
}

.rank_notRewardPrivilegeItem:hover {
  color: black;
}

@media screen and (max-width: 800px) {
  .rank_notRewardPrivilegeItem {
    width: calc((100% - 13px * (2 - 1)) / 2);
  }
}

.rank_notRewardPrivilegeItem__inline {
  height: 150px;
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  border: 1px solid #2B2B2B;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
  overflow: hidden;
}

.rank_notRewardPrivilegeItem__budges {
  display: flex;
  align-items: center;
  border-bottom: 1px #9b9b9b solid;
  padding-bottom: 4px;
  margin-bottom: 4px;
}

.rank_notRewardPrivilegeItem__label {
  color: white;
  font-size: 1rem;
  font-weight: normal;
  background-color: #959595;
  border-radius: 2px;
  padding: 1px 6px;
  margin-right: 4px;
}

.rank_notRewardPrivilegeItem__budge {
  position: relative;
  padding: 2px;
}

.rank_notRewardPrivilegeItem__budge img {
  width: 11px;
}

.rank_notRewardPrivilegeItem__budgeHideCover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

.rank_notRewardPrivilegeItem__title {
  padding: 12px;
  color: #FEFFD4;
  background-color: black;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.05rem;
  margin-bottom: 16px;
}

@media screen and (max-width: 800px) {
  .rank_notRewardPrivilegeItem__title {
    font-size: 1.2rem;
  }
}

.rank_notRewardPrivilegeItem__main {
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0 16px;
  box-sizing: border-box;
  margin-bottom: 8px;
}

@media screen and (max-width: 800px) {
  .rank_notRewardPrivilegeItem__main {
    padding: 0 5px;
    margin-bottom: 0;
    font-size: 1.4rem;
  }
}

.rank_notRewardPrivilegeItem__main strong {
  font-size: 2.3rem;
  font-weight: bold;
}

.rank_notRewardPrivilegeItem__main strong span {
  font-size: 1.6rem;
}

.rank_notRewardPrivilegeItem__description {
  display: block;
  color: #8f8f8f;
  font-size: 1.1rem;
  margin-bottom: 12px;
}

.rank_notRewardPrivilegeItem__arrowButton {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
}

.rank_notRewardPrivilegeItem__arrowButton img {
  width: 32px;
}

@media screen and (max-width: 800px) {
  .rank_notRewardPrivilegeItem__arrowButton img {
    width: 30px;
  }
}

.rank_notRewardPrivilegeItem__icons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
}

.rank_notRewardPrivilegeItem__icons img {
  width: 38px;
}

@media screen and (max-width: 800px) {
  .rank_notRewardPrivilegeItem__icons img {
    width: 30px;
  }
}

/*-------------------------------------
  ** rank/expensiveItem（component）
--------------------------------------*/
.rank_expensiveItem {
  height: 250px;
  margin: 10px;
  padding: 10px;
  background: #FFFFFF;
  border-radius: 5px;
  box-shadow: 0px 0px 10px #E2E1D9;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  align-content: space-around;
}

@media screen and (max-width: 800px) {
  .rank_expensiveItem {
    padding: 0;
    height: 150px;
  }
}

.rank_expensiveItem a {
  text-decoration: none;
}

.rank_expensiveItem__thumbnail {
  display: flex;
  align-items: center;
  max-width: 200px;
  max-height: 170px;
}

@media screen and (max-width: 800px) {
  .rank_expensiveItem__thumbnail {
    height: auto;
  }
}

.rank_expensiveItem__thumbnail img {
  width: 200px;
  height: 170px;
  margin: 0 auto;
  object-fit: contain;
}

@media screen and (max-width: 800px) {
  .rank_expensiveItem__thumbnail img {
    width: 95px;
    height: 95px;
  }
}

.rank_expensiveItem__detail {
  margin: 5px;
}

.rank_expensiveItem__title {
  color: #4c4c4c;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

@media screen and (max-width: 800px) {
  .rank_expensiveItem__title {
    font-size: 1.0rem;
  }
}

.rank_expensiveItem__point {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.rank_expensiveItem__pointBefore {
  color: gray;
  font-size: 1.4rem;
  margin-right: 10px;
  text-decoration: line-through;
}

@media screen and (max-width: 800px) {
  .rank_expensiveItem__pointBefore {
    font-size: 1.1rem;
  }
}

.rank_expensiveItem__pointAfter {
  color: #E31610;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .rank_expensiveItem__pointAfter {
    font-size: 1.8rem;
  }
  .rank_expensiveItem__pointAfter img {
    width: 15px;
  }
}

.rank_expensiveItem__pointAfter span {
  font-size: 1.4rem;
  font-weight: bold;
}

@media screen and (max-width: 800px) {
  .rank_expensiveItem__pointAfter span {
    font-size: 1.0rem;
  }
}

/*-------------------------------------
  ** rank/mainClickItem（component）
--------------------------------------*/
.rank_mainClickItem {
  padding: 15px;
}

.rank_mainClickItem__img {
  width: 280px;
  height: auto;
}

@media screen and (max-width: 800px) {
  .rank_mainClickItem__img {
    background: #FFFFFF;
  }
}

.rank_mainClickItem__attention {
  margin: 5px;
}

/*-------------------------------------
  ** rank/otherClickItem（component）
--------------------------------------*/
.rank_otherClickItem {
  height: 110px;
  max-width: 290px;
  margin: 7px;
}

@media screen and (max-width: 800px) {
  .rank_otherClickItem {
    padding: 10px;
    margin: 10px auto;
    background: #FFFFFF;
  }
}

.rank_otherClickItem a {
  display: flex;
  width: 100%;
  height: 100%;
  color: black;
  text-decoration: none;
}

.rank_otherClickItem__img {
  width: 130px;
  height: auto;
}

.rank_otherClickItem__detail {
  margin-left: 5px;
}

.rank_otherClickItem__text {
  color: #4a4a4a;
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: 20px;
}

@media screen and (max-width: 800px) {
  .rank_otherClickItem__text {
    font-size: 1.2rem;
  }
}

.rank_otherClickItem__reward {
  display: flex;
  align-items: flex-end;
}

.rank_otherClickItem__rewardLimit {
  margin-left: 4px;
  font-size: 1.2rem;
  font-weight: bold;
  white-space: nowrap;
  margin-right: 3px;
}

.rank_otherClickItem__rewardMedal {
  color: #56A78D;
  font-size: 2.3rem;
  font-weight: bold;
  white-space: nowrap;
}

@media screen and (max-width: 800px) {
  .rank_otherClickItem__rewardMedal {
    font-weight: 500;
  }
}

.rank_otherClickItem__rewardMedal span {
  font-size: 1.2rem;
  font-weight: bold;
  margin-left: 3px;
}

.rank_historyTable {
  width: 100% !important;
  border-collapse: collapse;
  margin-bottom: 0;
}

.rank_historyTable th, .rank_historyTable td {
  font-size: 1.4rem;
  padding: 8px;
  box-sizing: border-box;
  border-collapse: collapse;
  border: 1px #ffe5b7 solid;
}

.rank_historyTable th {
  color: white;
  background-color: orange;
}

.rank_historyTable td a {
  font-size: 1.2rem;
}

.rank_historyTable__noneText {
  width: 100%;
  color: #6a6a6a;
  font-size: 1.2rem;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 0;
  box-sizing: border-box;
  border: 1px #ffe5b7 solid;
  border-top: none;
}

@media (max-width: 800px) {
  .rank_historyTable tr {
    display: flex;
  }
}

.fm_rank-pg-medal {
  margin: 40px 0;
  /** モーダル設定 **/
  /*ボディー*/
  /*閉じるボタン*/
  /*コンテンツ*/
}

.fm_rank-pg-medal__heading {
  color: black;
  font-size: 1.8rem;
  margin-bottom: 12px;
}

.fm_rank-pg-medal__selectDate {
  margin-bottom: 8px;
}

.fm_rank-pg-medal__selectDate select {
  padding: 4px 0;
  box-sizing: border-box;
}

.fm_rank-pg-medal__selectDate select option {
  font-size: 1.2rem;
}

.fm_rank-pg-medal__selectDate input[type="submit"] {
  font-size: 1.2rem;
  padding: 5px 6px;
  box-sizing: border-box;
}

.fm_rank-pg-medal__modalOpen {
  color: #1aa0c9;
  cursor: pointer;
}

.fm_rank-pg-medal__modalContainer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 40px 20px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  box-sizing: border-box;
  /*擬似要素*/
  /*active化した際の設定*/
}

.fm_rank-pg-medal__modalContainer::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.fm_rank-pg-medal__modalContainer--active {
  opacity: 1;
  z-index: 200;
  visibility: visible;
}

@media (max-width: 800px) {
  .fm_rank-pg-medal__modalContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
  }
}

.fm_rank-pg-medal__modalBody {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 500px;
}

.fm_rank-pg-medal__modalClose {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -40px;
  right: -40px;
  width: 40px;
  height: 40px;
  font-size: 40px;
  color: #fff;
  cursor: pointer;
}

@media (max-width: 800px) {
  .fm_rank-pg-medal__modalClose {
    right: 0;
  }
}

.fm_rank-pg-medal__modalContent {
  background: #fff;
  text-align: left;
  padding: 30px;
}

@media (max-width: 800px) {
  .fm_rank-pg-medal {
    margin: 20px 0;
    padding: 0 8px;
    box-sizing: border-box;
  }
}

.fm_rank-c-medalDetail {
  width: 100% !important;
  border-collapse: collapse;
  margin-bottom: 0;
}

.fm_rank-c-medalDetail th {
  color: #000;
  text-align: center;
  background-color: #FCE0E0;
  font-size: 1.2rem;
  padding: 6px;
  box-sizing: border-box;
  border-collapse: collapse;
  border: 1px #464646 solid;
}

.fm_rank-c-medalDetail tr {
  border: none;
}

.fm_rank-c-medalDetail td {
  font-size: 1.2rem;
  padding: 6px;
  box-sizing: border-box;
  border-collapse: collapse;
  border: 1px #464646 solid;
}

@media (max-width: 800px) {
  .fm_rank-c-medalDetail tr {
    display: flex;
  }
  .fm_rank-c-medalDetail td {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.fm_rank-c-medalHistoryTable {
  width: 100% !important;
  border-collapse: collapse;
  margin-bottom: 0;
}

.fm_rank-c-medalHistoryTable th, .fm_rank-c-medalHistoryTable td {
  font-size: 1.2rem;
  padding: 6px;
  box-sizing: border-box;
  border-collapse: collapse;
  border: 1px #464646 solid;
}

.fm_rank-c-medalHistoryTable th {
  color: #000;
  background-color: #FCE0E0;
}

.fm_rank-c-medalHistoryTable td a {
  font-size: 1.2rem;
}

.fm_rank-c-medalHistoryTable__noneText {
  width: 100%;
  color: #FF0000;
  font-size: 1.2rem;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 0;
  box-sizing: border-box;
  border: 1px #464646 solid;
  border-top: none;
}

@media (max-width: 800px) {
  .fm_rank-c-medalHistoryTable tr {
    display: flex;
  }
}

/*-----------------------------------------------------------

  *** rank/gift【giftページ】***

  ------------------------------------------------------------*/
.rank_gift {
  padding: 10px 0;
}

.rank_gift__thumbnail {
  margin-bottom: 20px;
}

.rank_gift__thumbnail img {
  width: 100%;
  height: auto;
}

.rank_gift__heading {
  padding: 20px;
  margin-bottom: 20px;
  text-align: center;
  background-color: black;
}

@media screen and (max-width: 800px) {
  .rank_gift__heading {
    padding: 10px 5px;
  }
}

.rank_gift__headingList {
  margin-bottom: 10px;
}

.rank_gift__headingList li {
  color: #FFFFFF;
  font-size: 2rem;
  font-weight: bold;
  line-height: 2;
}

@media screen and (max-width: 800px) {
  .rank_gift__headingList li {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}

.rank_gift__exchangeFlowList {
  display: flex;
  justify-content: center;
  margin: 5px 0;
  color: #FFFFFF;
  font-size: 1.5rem;
  font-weight: bold;
}

@media screen and (max-width: 800px) {
  .rank_gift__exchangeFlowList {
    font-size: 1.1rem;
  }
}

.rank_gift__itemList ul {
  margin-bottom: 10px;
  display: grid;
  grid-template-columns: calc(100% / 3) calc(100% / 3) calc(100% / 3);
}

@media screen and (max-width: 800px) {
  .rank_gift__itemList ul {
    justify-content: center;
    grid-template-columns: calc(100% / 3 - 3px) calc(100% / 3 - 3px) calc(100% / 3 - 3px);
  }
}

.rank_gift__itemList ul li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 200px;
  padding: 5px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 5px solid #D0D0D0;
  box-shadow: 0 0 5px 1px #d0d0d0;
}

@media screen and (max-width: 800px) {
  .rank_gift__itemList ul li {
    height: auto;
    margin: 5px;
  }
}

.rank_gift__itemList ul li:hover {
  border: 5px solid #bd0000;
}

.rank_gift__itemList ul li:nth-child(3n) {
  margin-right: 0;
}

@media screen and (max-width: 800px) {
  .rank_gift__itemList ul li:nth-child(3n) {
    margin-right: 5px;
  }
}

.rank_gift__itemList ul li br {
  display: none;
}

@media screen and (max-width: 800px) {
  .rank_gift__itemList ul li br {
    display: block;
  }
}

.rank_gift__item {
  font-size: 2.2rem;
  font-weight: bold;
  margin-top: 35px;
}

@media screen and (max-width: 800px) {
  .rank_gift__item {
    font-size: 1.2rem;
    margin-top: 10px;
  }
}

.rank_gift__item span {
  display: block;
  margin-top: 20px;
  font-size: 1.8rem;
}

@media screen and (max-width: 800px) {
  .rank_gift__item span {
    font-size: 1.2rem;
    margin-top: 10px;
  }
}

.rank_gift a {
  color: white;
  padding: 20px;
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none;
  background-color: black;
  box-shadow: 0 0 8px 1px #8c8c8c;
}

@media screen and (max-width: 800px) {
  .rank_gift a {
    padding: 5px;
    margin-top: 10px;
    font-size: 1.1rem;
  }
}

.rank_gift a:hover {
  opacity: 0.5;
}

.rank_gift__attention {
  padding: 10px;
  margin-bottom: 20px;
  border: 1px #DDD solid;
}

@media screen and (max-width: 800px) {
  .rank_gift__attention {
    padding: 10px 0;
    margin: 10px;
  }
}

.rank_gift__attentionTitle {
  padding: 10px;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px #DDD solid;
}

.rank_gift__attentionList {
  width: 100%;
  color: #333;
  padding: 10px 0;
  font-size: 1.6rem;
  font-weight: bold;
  box-sizing: border-box;
}

.rank_gift__attentionList li {
  margin: 10px;
  display: flex;
  font-weight: bold;
}

.rank_gift__attentionList li span {
  font-size: 1.4rem;
  margin-right: 5px;
}

.rank_gift__attentionList li P {
  font-size: 1.4rem;
}

.rank_gift__creditContent {
  padding: 10px;
  margin-bottom: 30px;
  border: 1px #DDD solid;
}

@media screen and (max-width: 800px) {
  .rank_gift__creditContent {
    margin: 10px;
  }
}

.rank_gift__creditContentList {
  width: 100%;
  color: #333;
  font-weight: bold;
  box-sizing: border-box;
}

.rank_gift__creditContentList li {
  margin: 5px;
  display: flex;
}

.rank_gift__creditContentList li span {
  margin-right: 10px;
}

.rank_gift__creditContentList li P {
  font-size: 1.2rem;
}

.rank_gift__otherItem {
  padding: 10px;
}

.rank_gift__otherItem ul {
  display: flex;
  justify-content: space-evenly;
}

.rank_gift__otherItem ul li {
  margin: 10px;
  font-weight: bold;
  text-align: center;
}

.rank_gift__otherItem ul img {
  margin-bottom: 10px;
}

.rankComponent_attention a {
  color: #3AA59E;
}

.rankComponent_attention__heading {
  color: #464646;
  margin-bottom: 30px;
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
}

@media (max-width: 800px) {
  .rankComponent_attention__heading {
    font-size: 1.6rem;
  }
}

.rankComponent_attention__body {
  display: flex;
  flex-flow: column;
  gap: 30px 0;
}

.rankComponent_attention__section {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
}

.rankComponent_attention__sectionTitle {
  padding-bottom: 6px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #484848;
  line-height: 1.4;
  border-bottom: 1px solid #707070;
}

@media (max-width: 800px) {
  .rankComponent_attention__sectionTitle {
    font-size: 1.6rem;
  }
}

.rankComponent_attention__subSectionTitle {
  margin-bottom: 10px;
  font-size: 1.6rem;
  font-weight: 700;
}

@media (max-width: 800px) {
  .rankComponent_attention__subSectionTitle {
    font-size: 1.4rem;
  }
}

.rankComponent_attention__basicList {
  display: flex;
  flex-flow: column;
  gap: 0;
}

.rankComponent_attention__basicListItem {
  position: relative;
  padding-left: 1.4rem;
  font-size: 1.4rem;
  line-height: 1.7;
}

.rankComponent_attention__basicListItem::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '・';
  width: 1.4rem;
}

.rankComponent_attention__warnList {
  display: flex;
  flex-flow: column;
  gap: 0;
}

.rankComponent_attention__warnListItem {
  position: relative;
  padding-left: 1.4rem;
  font-size: 1.4rem;
  line-height: 1.7;
}

.rankComponent_attention__warnListItem::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '※';
  width: 1.4rem;
}

.rankComponent_campaignHeader {
  transition-property: filter;
  transition-duration: 0.2s;
}

@media (hover) {
  .rankComponent_campaignHeader:hover {
    filter: brightness(1.1);
  }
}

.rankComponent_campaignHeader img {
  max-width: 100%;
}

.rankComponent_campaignBanner {
  transition-property: filter;
  transition-duration: 0.2s;
}

@media (hover) {
  .rankComponent_campaignBanner:hover {
    filter: brightness(1.1);
  }
}

.rankComponent_campaignBanner img {
  max-width: 100%;
}

.rank_description {
  background-color: #FFFCDB;
}

.rank_description * {
  box-sizing: border-box;
}

.rank_description__commonHeading {
  position: relative;
  top: -10px;
  font-size: 4.0rem;
  font-weight: 700;
  color: #440205;
}

@media (max-width: 800px) {
  .rank_description__commonHeading {
    top: 0;
    font-size: 2.0rem;
  }
}

.rank_description__commonSummary {
  font-size: 1.8rem;
  font-weight: 500;
  color: #484848;
  line-height: 1.45;
}

@media (max-width: 800px) {
  .rank_description__commonSummary {
    font-size: 1.4rem;
  }
}

.rank_description__header {
  padding: 34px 15px 0 15px;
  background-image: url("/assets/img/rank/common/bg_gold.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 800px) {
  .rank_description__header {
    background-size: initial;
  }
}

.rank_description__headerIcons {
  display: flex;
  justify-content: center;
  margin-bottom: 23px;
}

.rank_description__headerIcons img {
  width: 367.67px;
}

@media (max-width: 800px) {
  .rank_description__headerIcons img {
    width: 215px;
  }
}

.rank_description__headerTitle {
  display: flex;
  justify-content: center;
  margin-bottom: 27px;
}

.rank_description__headerTitle img {
  width: 399px;
}

@media (max-width: 800px) {
  .rank_description__headerTitle img {
    width: 215px;
  }
}

.rank_description__headerSummary {
  margin-bottom: 18px;
  font-size: 2.0rem;
  font-weight: 500;
  color: #440205;
  line-height: 1.45;
  text-align: center;
}

@media (max-width: 800px) {
  .rank_description__headerSummary {
    font-size: 1.4rem;
  }
}

.rank_description__navigation {
  padding: 0 15px;
  border-bottom: 1px solid #e4e5e4;
  background-color: #fff;
}

.rank_description__navigationInner {
  display: flex;
  max-width: 1046px;
  margin: 0 auto;
}

.rank_description__navigationItem {
  flex: 1;
  position: relative;
}

.rank_description__navigationItem:first-child::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  content: '';
  background-color: #e4e5e4;
}

.rank_description__navigationItem::after {
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  content: '';
  background-color: #e4e5e4;
}

.rank_description__navigationLink {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  padding: 8px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #484848;
  text-align: center;
  transition-property: background-color, color;
  transition-duration: 0.2s;
}

@media (hover) {
  .rank_description__navigationLink:hover {
    color: #fff;
    text-decoration: none;
    background-color: #f08404;
  }
}

@media (min-width: 801px) {
  .rank_description__navigationLink br {
    display: none;
  }
}

@media (max-width: 800px) {
  .rank_description__navigationLink {
    font-size: 1.4rem;
  }
}

.rank_description__about {
  padding-top: 10px;
}

.rank_description__aboutTopSeparator {
  width: 100%;
  aspect-ratio: 1400 / 120;
  background: linear-gradient(atan2(-120, 1400), #fff 0%, #fff 50%, #fffcdb 50%, #fffcdb 100%);
}

.rank_description__aboutInner {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
  padding: 10px 15px;
  background-color: #fff;
}

.rank_description__aboutHead {
  display: flex;
  align-items: flex-end;
  width: 446px;
  height: 140px;
  background-image: url("/assets/img/rank/description/about-title-pc.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 800px) {
  .rank_description__aboutHead {
    width: 191px;
    height: 60px;
    background-image: url("/assets/img/rank/description/about-title-sp.png");
  }
}

.rank_description__aboutSummaryWrapper {
  padding-right: 11vw;
}

@media (max-width: 800px) {
  .rank_description__aboutSummaryWrapper {
    padding-right: 0;
  }
}

.rank_description__aboutCampaign {
  position: relative;
  z-index: 1;
  margin: 20px auto 40px auto;
}

@media (max-width: 800px) {
  .rank_description__aboutCampaign {
    margin: 20px auto 20px auto;
  }
}

.rank_description__aboutStep {
  position: relative;
  top: -60px;
  margin-bottom: 15px;
}

.rank_description__aboutStep img {
  max-width: 100%;
}

@media (max-width: 800px) {
  .rank_description__aboutStep {
    top: 0;
  }
}

.rank_description__ruleHead {
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
}

.rank_description__ruleHead::before, .rank_description__ruleHead::after {
  position: absolute;
  top: calc(50% - 1px / 2);
  width: calc((100% - 274px) / 2);
  height: 1px;
  content: '';
  background-color: #ff9d02;
}

@media (max-width: 800px) {
  .rank_description__ruleHead::before, .rank_description__ruleHead::after {
    width: calc((100% - 144px) / 2);
  }
}

.rank_description__ruleHead::before {
  left: 0;
}

.rank_description__ruleHead::after {
  right: 0;
}

.rank_description__ruleLabel {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  aspect-ratio: 160 / 34;
  font-size: 2.0rem;
  font-weight: 700;
  color: #fff;
  background: transparent linear-gradient(90deg, #FF9E00 0%, #F06A2F 100%);
  clip-path: polygon(7.5% 0, 92.5% 0, 100% 50%, 92.5% 100%, 7.5% 100%, 0 50%);
}

@media (max-width: 800px) {
  .rank_description__ruleLabel {
    width: 102px;
    font-size: 1.2rem;
    font-weight: 500;
  }
}

.rank_description__ruleSummary {
  margin-bottom: 12px;
  font-size: 2.6rem;
  font-weight: 700;
  color: #440205;
  line-height: 1.6;
  text-align: center;
}

@media (max-width: 800px) {
  .rank_description__ruleSummary {
    font-size: 1.6rem;
  }
  .rank_description__ruleSummary br {
    display: none;
  }
}

.rank_description__rulePoint {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
}

.rank_description__rulePointItem {
  display: flex;
  flex-flow: column;
  gap: 12px 0;
  align-items: center;
  width: calc((100% - 13px * (3 - 1)) / 3);
  padding: 20px;
  background-color: #ffea93;
}

@media (max-width: 800px) {
  .rank_description__rulePointItem {
    gap: 8px 0;
    width: 100%;
  }
}

.rank_description__rulePointItem img {
  width: 100px;
}

@media (max-width: 800px) {
  .rank_description__rulePointItem img {
    width: 72px;
  }
}

.rank_description__rulePointTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 74px;
  font-size: 2.2rem;
  font-weight: 700;
  color: #440205;
  line-height: 1.4;
  text-align: center;
}

@media (max-width: 800px) {
  .rank_description__rulePointTitle {
    min-height: auto;
    font-size: 1.6rem;
  }
}

.rank_description__rulePointSummary {
  font-size: 1.6rem;
  color: #484848;
  line-height: 1.5;
}

@media (max-width: 800px) {
  .rank_description__rulePointSummary {
    font-size: 1.2rem;
  }
}

.rank_description__privilegeTopSeparator {
  width: 100%;
  aspect-ratio: 1400 / 120;
  background: linear-gradient(atan2(-120, 1400), #fffcdb 0%, #fffcdb 50%, #fff 50%, #fff 100%);
}

.rank_description__privilegeInner {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
  padding: 10px 15px;
  background-color: #fffcdb;
}

.rank_description__privilegeHead {
  align-self: flex-end;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  width: 575px;
  height: 140px;
  background-image: url("/assets/img/rank/description/privilege-title-pc.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 800px) {
  .rank_description__privilegeHead {
    width: 246px;
    height: 62.33px;
    background-image: url("/assets/img/rank/description/privilege-title-sp.png");
  }
}

.rank_description__privilegeBody {
  overflow: auto;
}

.rank_description__privilegeTable {
  width: 100%;
  min-width: 900px;
}

.rank_description__mechanismTopSeparator {
  width: 100%;
  aspect-ratio: 1400 / 120;
  background: linear-gradient(atan2(-120, 1400), #fff 0%, #fff 50%, #fffcdb 50%, #fffcdb 100%);
}

.rank_description__mechanismInner {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
  padding: 10px 15px;
  background-color: #fff;
}

.rank_description__mechanismHead {
  display: flex;
  align-items: flex-end;
  width: 689px;
  height: 140px;
  background-image: url("/assets/img/rank/description/mechanism-title-pc.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 800px) {
  .rank_description__mechanismHead {
    width: 332.8px;
    height: 60px;
    background-image: url("/assets/img/rank/description/mechanism-title-sp.png");
  }
}

.rank_description__mechanismHeadLabel {
  position: relative;
  top: -10px;
  font-size: 4.0rem;
  font-weight: 700;
  color: #440205;
}

.rank_description__mechanismBody {
  display: flex;
  flex-flow: column;
  gap: 20px 0;
  background-color: #fff;
}

.rank_description__mechanismSection {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
}

.rank_description__mechanismFigure {
  max-width: 100%;
}

.rank_description__mechanismRule {
  display: flex;
  flex-flow: column;
  gap: 6px 0;
}

.rank_description__mechanismRule + .rank_description__mechanismRule {
  margin-top: 6px;
}

.rank_description__mechanismRuleHeading {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 102px;
  aspect-ratio: 160 / 34;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  background: transparent linear-gradient(90deg, #FF9E00 0%, #F06A2F 100%);
  clip-path: polygon(7.5% 0, 92.5% 0, 100% 50%, 92.5% 100%, 7.5% 100%, 0 50%);
}

.rank_description__attentionInner {
  padding: 15px;
}

.rank_description__attentionSeparator {
  width: 100%;
  aspect-ratio: 1400 / 120;
  background: linear-gradient(atan2(-120, 1400), #fffcdb 0%, #fffcdb 50%, #fff 50%, #fff 100%);
}

/*-------------------------------------
  ** sp_index（トップページ）
--------------------------------------*/
.sp_carousel {
  /* cssはpoint.scssを参考 */
  margin-top: 15px;
}

@media (max-width: 800px) {
  .sp_carousel .carousel_slide img {
    width: 100%;
    height: 120px;
  }
}

.sp_carousel .carousel_dot__list {
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
}

.sp_carousel .carousel_dot__button {
  display: flex;
  padding: 2px;
  margin: 5px 15px;
  color: #333;
  border: 2px solid #ddd;
  background-color: #fff;
  position: relative;
}

.sp_carousel .carousel_dot__button--active {
  border: 3px solid #ffb000;
}

.sp_carousel .carousel_dot__button--active::before {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom: 7px solid #ffb000;
  position: absolute;
  left: 17px;
  top: -15px;
  z-index: 1;
}

.sp_index {
  width: 950px;
}

@media (max-width: 800px) {
  .sp_index {
    width: 100%;
  }
}

.sp_index__header {
  width: 100%;
}

.sp_index__nav {
  width: 100%;
}

.sp_index__iconList {
  display: flex;
  margin-bottom: 10px;
}

.sp_index__iconItem {
  width: 25%;
  padding: 0 1px;
}

.sp_index__iconItem:first-child {
  padding-left: 0;
}

.sp_index__iconItem:last-child {
  padding-right: 0;
}

.sp_index__iconItem a {
  display: inline-block;
  color: #fff;
  width: 100%;
  background: #f58d06;
  box-shadow: 0 1vw #c67104;
  -moz-box-shadow: 0 1vw #c67104;
  -webkit-box-shadow: 0 1vw #c67104;
}

.sp_index__iconItem a:hover {
  opacity: 50%;
}

.sp_index__icon {
  padding: 5px 0;
  font-size: 2rem;
  text-align: center;
}

.sp_index__iconTitle {
  padding: 5px 0;
  text-align: center;
}

.sp_index__mainContents {
  width: 100%;
}

.sp_index__contentsLabel {
  color: #fff;
  padding: 10px 5px;
  margin-bottom: 10px;
  background-color: #f58d06;
}

.sp_index__contentsLabel--affiliate {
  margin-bottom: 0;
}

.sp_index__contentsTitle {
  font-size: 1.6rem;
}

.sp_index__contentsIcon {
  display: inline-block;
  width: 25px;
  height: 25px;
  padding-top: 3px;
  margin-right: 5px;
  color: #f58d06;
  text-align: center;
  border-radius: 50%;
  box-sizing: border-box;
  background-color: #fff;
}

.sp_index__category {
  padding: 0 5px;
  margin-bottom: 10px;
}

.sp_index__categoryTitle {
  margin-bottom: 10px;
  padding: 5px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
  border-radius: 4px;
  background: #ffebd0;
}

.sp_index__pointNews {
  width: 100%;
  margin-bottom: 10px;
}

.sp_index__pointNewsImage {
  width: 100%;
}

.sp_index__applicationItemList {
  margin: 7px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.sp_index__applicationItemLink {
  display: block;
  text-align: right;
  margin-bottom: 15px;
}

.sp_index__applicationWallList {
  display: grid;
  justify-items: center;
  grid-template-columns: repeat(2, 1fr);
}

.sp_index__prizeItem {
  width: 100%;
  margin-bottom: 10px;
}

.sp_index__prizeItemTop {
  padding: 10px;
}

.sp_index__prizeTopImage {
  width: 100%;
}

.sp_index__prizeItemList {
  padding: 5px;
  display: grid;
  justify-items: center;
  grid-template-columns: repeat(3, 1fr);
}

.sp_index__pointItemList {
  display: grid;
  justify-items: center;
  grid-template-columns: repeat(2, 1fr);
}

.sp_index__fruitFarmAttention {
  padding: 0 10px;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 15px;
  box-sizing: border-box;
  font-family: "Avenir", "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, "Roboto", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.sp_index__affiliateItemList {
  background-color: #ffebd0;
  padding-top: 7px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 120px);
}

.sp_index__affiliateItemList--other {
  padding-top: 0;
  padding-bottom: 10px;
  display: grid;
  grid-template-columns: repeat(3, 80px);
}

.sp_index__banner {
  width: 100%;
  margin: 20px 0;
  display: flex;
  justify-content: space-around;
}

.sp_index__bannerImage {
  width: 100%;
  padding: 0 7px;
  box-sizing: border-box;
}

.sp_applicationItem {
  margin: 3px;
  border: 1px solid #ddd;
}

.sp_applicationItem__detail {
  margin: 3px;
  text-align: center;
}

.sp_applicationItem__image img {
  width: 100%;
}

@media (max-width: 800px) {
  .sp_applicationItem__image img.lazyloaded {
    height: auto;
  }
}

.sp_applicationItem__value {
  color: #ff0000;
  padding: 5px 0;
  display: flex;
  justify-content: center;
  white-space: nowrap;
}

.sp_applicationItem__point {
  font-size: 1.8rem;
  font-weight: 500;
}

.sp_applicationItem__unit {
  font-size: 1.4rem;
}

.sp_applicationWall__item {
  margin-bottom: 20px;
}

.sp_applicationWall__item:nth-child(odd) {
  margin-left: 25px;
}

.sp_applicationWall__item:nth-child(even) {
  margin-right: 25px;
}

.sp_applicationWall__link {
  font-size: 1.2rem;
}

.sp_applicationWall__image {
  width: 100%;
  max-width: 100px;
}

.sp_prizeItem {
  margin-bottom: 10px;
}

.sp_prizeItem__link {
  font-size: 1.2rem;
}

.sp_prizeItem__image {
  width: 100%;
  max-width: 100px;
}

.sp_pointItem {
  margin-bottom: 20px;
}

.sp_pointItem__link {
  font-size: 1.2rem;
}

.sp_pointItem__image {
  width: 100%;
  max-width: 100px;
}

.sp_affiliateItem {
  margin: 3px;
}

.sp_affiliateItem img {
  width: 100%;
  max-width: 120px;
}

.sp_affiliateItem--other {
  margin: 3px;
}

.sp_affiliateItem--other img {
  width: 100%;
  max-width: 80px;
}

.sp_affiliateItem__link {
  font-size: 1.2rem;
}

.sp_affiliateItem__image {
  width: 100%;
  max-width: 100px;
}

/*-------------------------------------
  ** sp_appList(一覧ページ)
--------------------------------------*/
.sp_appList {
  width: 950px;
}

@media (max-width: 800px) {
  .sp_appList {
    width: 100%;
  }
}

.sp_appList__pagination {
  margin: 24px 0;
}

.sp_appList__pagination .pagination {
  position: relative;
  display: flex;
  justify-content: flex-end;
}

.sp_appList__pagination .previous,
.sp_appList__pagination .next,
.sp_appList__pagination .previous-inactive,
.sp_appList__pagination .next-inactive {
  display: none;
}

.sp_appList__pagination span {
  position: relative;
  width: 32px;
  height: 32px;
  border: 1px #4892EF solid;
  margin-right: 8px;
}

.sp_appList__pagination span a {
  display: block;
  width: 100%;
  height: 100%;
  color: #4892EF;
  font-size: 1.4rem;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sp_appList__pagination .active {
  background-color: #4892EF;
}

.sp_appList__pagination .active a {
  color: white;
}

.sp_appList__listItem {
  padding: 10px 5px;
  background-color: #f2f2f2;
}

.sp_appList__title {
  font-size: 1.6rem;
  padding: 10px 5px;
  margin-top: 10px;
  background-color: #fff;
  border-top: 4px solid #0099c5;
}

.sp_appList__icon {
  margin-right: 5px;
  color: #0099c5;
}

.appList_listItem {
  width: 100%;
  background-color: #fff;
}

.appList_listItem__link {
  width: 100%;
  margin: 5px 0;
  display: flex;
  text-decoration: none !important;
  position: relative;
}

.appList_listItem__link::before {
  position: absolute;
  right: 10px;
  top: 50%;
  content: "";
  width: 2px;
  height: 8px;
  margin-top: -2px;
  background-color: #aaa;
  transform: rotate(45deg);
}

.appList_listItem__link::after {
  position: absolute;
  right: 10px;
  bottom: 50%;
  content: "";
  width: 2px;
  height: 8px;
  margin-bottom: -2px;
  background-color: #aaa;
  transform: rotate(315deg);
}

.appList_listItem__detail {
  width: 100%;
  margin: 5px;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

.appList_listItem__image {
  width: 60px;
  padding: 5px;
  display: block;
}

.appList_listItem__title {
  width: 100%;
  color: #333;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.appList_listItem__description {
  width: 100%;
  font-size: 1.2rem;
  display: flex;
  justify-content: space-between;
}

.appList_listItem__condition {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.appList_listItem__text {
  color: #aaa;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.appList_listItem__additionMark {
  width: 50px;
  color: #fff;
  text-align: center;
  font-size: 1.1rem;
  border-radius: 3px;
  display: inline-block;
  background-color: #f58d06;
}

.appList_listItem__value {
  width: 100px;
  margin-right: 20px;
  color: #ff0000;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f5f5f5;
}

/*-------------------------------------
  ** sp_appDetail(詳細ページ)
--------------------------------------*/
.sp_appDetail {
  width: 950px;
}

@media (max-width: 800px) {
  .sp_appDetail {
    width: 100%;
  }
}

.sp_appDetail__attention {
  margin: 15px;
  padding: 10px;
  font-size: 1.2rem;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
}

.sp_appDetail__attentionText {
  margin-top: 5px;
}

.sp_appDetail__attentionText a {
  font-size: 1.2rem;
}

.sp_appDetail__detailItem {
  margin: 0 5px;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  background-color: #fff;
}

.sp_appDetail__postForm {
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}

.sp_appDetail__submitButton {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 36px;
  padding: 8px 11px 8px 18px;
  font-size: 1.8rem;
  font-weight: 700;
  border-width: 1px;
  border-style: solid;
  border-radius: 7px;
  color: #fff;
  border-color: #E8A61D;
  background-color: #E8A61D;
}

.sp_appDetail__submitButton img {
  filter: brightness(0) invert(1);
}

.sp_appDetail__submitButton:hover {
  color: #fff;
  text-decoration: none;
}

.sp_appDetail__tab {
  width: 100%;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background-color: #eee;
  border: 1px solid #ddd;
  border-bottom: none;
  position: relative;
}

.sp_appDetail__tab--description:hover {
  cursor: pointer;
  background-color: #2a7fb8;
  border: 1px solid #ddd;
  border-bottom: none;
}

.sp_appDetail__tab--description:hover div {
  color: white;
  font-size: 2rem;
  font-weight: bold;
}

.sp_appDetail__tab--precautions:hover {
  cursor: pointer;
  background-color: #dd4646;
  border: 1px solid #ddd;
  border-bottom: none;
}

.sp_appDetail__tab--precautions:hover div {
  color: white;
  font-size: 2rem;
  font-weight: bold;
}

.sp_appDetail__tab--activedescription {
  background-color: #2a7fb8;
}

.sp_appDetail__tab--activedescription div {
  color: white;
  font-size: 2rem;
  font-weight: bold;
}

.sp_appDetail__tab--activedescription::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  border: 10px transparent solid;
  border-top: 10px #2a7fb8 solid;
  transform: translateY(100%);
}

.sp_appDetail__tab--activeprecautions {
  background-color: #dd4646;
}

.sp_appDetail__tab--activeprecautions div {
  color: white;
  font-size: 2rem;
  font-weight: bold;
}

.sp_appDetail__tab--activeprecautions::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  border: 10px transparent solid;
  border-top: 10px #dd4646 solid;
  transform: translateY(100%);
}

.sp_appDetail__tabSpace {
  display: flex;
  margin: 0 10px;
}

.sp_appDetail__tabText {
  color: #333;
  font-size: 2rem;
  font-weight: bold;
}

.sp_appDetail__tabContentsList {
  padding: 10px;
  margin: 0 10px;
  padding-top: 0;
  border: 1px solid #ddd;
}

.sp_appDetail__tabContent {
  display: none;
}

.sp_appDetail__tabContent--active {
  display: block;
}

.sp_appDetail__default {
  line-height: 1.6;
  margin: 10px;
  padding: 10px;
  border: 1px solid #ddd;
  background-color: #eee;
}

.sp_appDetail__description {
  white-space: pre-line;
}

.sp_appDetail__precautions {
  white-space: pre-line;
}

.appDetail_detailItem {
  padding: 5px;
}

.appDetail_detailItem__title {
  margin: 7px 0;
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
}

.appDetail_detailItem__description {
  display: flex;
  justify-content: space-between;
}

.appDetail_detailItem__image {
  width: 30%;
  height: 100%;
  padding: 5px;
  border: 1px solid #ddd;
}

.appDetail_detailItem__contents {
  width: 70%;
  margin-left: 5px;
  padding-bottom: 5px;
}

.appDetail_detailItem__additionMark {
  margin-top: 7px;
  width: 50px;
  color: #fff;
  text-align: center;
  font-size: 1.1rem;
  border-radius: 3px;
  display: inline-block;
  background-color: #f58d06;
}

.appDetail_detailItem__textList {
  color: #666;
  margin-top: 5px;
}

.appDetail_detailItem__textList li {
  display: flex;
  border: 1px solid #ddd;
}

.appDetail_detailItem__textList li:last-child {
  border-top: none;
}

.appDetail_detailItem__text {
  width: 50px;
  padding: 3px;
  text-align: center;
  border-right: 1px solid #ddd;
  background-color: #f5f5f5;
}

.appDetail_detailItem__condition {
  width: 70%;
  padding: 3px;
}

.appDetail_detailItem__term {
  width: 70%;
  padding: 3px;
}

.appDetail_detailItem__value {
  display: flex;
  justify-content: center;
}

.appDetail_detailItem__getComment {
  margin-top: 3px;
  margin-right: 5px;
  color: #aaa;
}

.appDetail_detailItem__point {
  font-size: 1.6rem;
  font-weight: bold;
  color: #ff0000;
}

.appDetail_detailItem__unit {
  font-size: 1.6rem;
  font-weight: bold;
  color: #ff0000;
}

/*------------------------------
    ** クリックゲーム
------------------------------*/
.clickgame_index {
  max-width: 550px;
  width: 100%;
  margin: 0 auto;
  font-family: Verdana;
  background: #6db456;
  position: relative;
}

.clickgame_index__header {
  position: relative;
}

.clickgame_index__taskAlert {
  background-color: #fff;
}

.clickgame_index__rewardImage {
  width: 100%;
}

.clickgame_index__hiddenPointMikkun {
  width: 100%;
}

.clickgame_index__skyscraperAds {
  position: fixed;
  top: 0;
}

.clickgame_index__skyscraperAds--left {
  position: absolute;
  left: -190px;
}

.clickgame_index__skyscraperAds--right {
  position: absolute;
  right: -740px;
}

.clickgame_index__headerAttention {
  padding: 10px;
  border-radius: 5px;
  border: 1px dotted #333333;
  background-color: #ffc0cb;
}

.clickgame_index__mainContents {
  text-align: center;
  margin: 10px 7px 5px 7px;
  padding: 0 30px 10px 30px;
  background-color: #fff;
}

@media (max-width: 1040px) {
  .clickgame_index__mainContents {
    padding: 7px;
  }
}

.clickgame_index__plea {
  padding: 10px;
  margin-bottom: 20px;
  background-color: #d9f2d0;
}

.clickgame_index__clickPoint {
  background: url("https://img.fruitmail.net/fruit/img/game/clickpoint/bg.gif") -133px 0px no-repeat;
  color: #fff;
  margin: 5px 0;
  padding: 2px 0px 2px 17px;
  width: 95px;
  height: 18px;
  float: right;
}

.clickgame_index__textBannerImage {
  display: flex;
  margin-top: 10px;
  margin-bottom: 3px;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 1040px) {
  .clickgame_index__textBannerImage {
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}

.clickgame_index__textBannerList {
  border: 1px solid #ccc;
  padding: 5px;
  margin-top: 3px;
}

@media (max-width: 1040px) {
  .clickgame_index__textBannerList {
    padding: 3px;
  }
}

.clickgame_index__mainAd {
  margin: 10px 0;
}

.clickgame_index__lotteryBannerList {
  display: flex;
  margin-top: 5px;
  margin-bottom: 20px;
  justify-content: space-around;
}

@media (max-width: 1040px) {
  .clickgame_index__lotteryBannerList {
    margin-bottom: 30px;
  }
}

.clickgame_index__pointAttention {
  text-align: right;
}

.clickgame_index__pointAttention a {
  color: #fff;
  font-size: 1.2rem;
  margin-right: 7px;
}

.clickgame_index__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.clickgame_index__footerImage {
  padding: 10px;
  text-align: center;
}

.clickgame_index__footerTextImage {
  width: 100%;
}

.clickgame_index__iframAd {
  text-align: center;
}

.clickgame_index__closeButton {
  text-align: center;
  background: url("https://img.fruitmail.net/fruit/img/game/clickpoint/end_btn.gif") no-repeat;
  width: 154px;
  height: 42px;
  border: 0px;
  cursor: pointer;
}

.clickgame_index__topButtonBox {
  display: flex;
  justify-content: center;
  padding: 10px;
}

.clickgame_index__topButton {
  display: inline-block;
  padding: 15px 20px;
  color: #fff;
  border-bottom: 4px solid #dd1a51;
  border-radius: 6px;
  background-color: #eb386d;
  transition-property: background-color;
  transition-duration: 0.1s;
}

.clickgame_index__topButton:hover {
  color: #fff;
  text-decoration: none;
  background-color: #dd1a51;
}

.clickgame_recommend {
  display: flex;
  justify-content: flex-end;
}

.clickgame_recommend__item {
  color: #0066cb;
  font-size: 1.4rem;
}

.clickgame_recommend__iconTitle {
  width: 335px;
  margin: 10px 0 5px 0;
  padding: 2px 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 12px;
  background-color: #eb396d;
}

.clickgame_recommend__icon {
  width: 16px;
  margin-right: 4px;
}

.clickgame_recommend__item {
  border: 1px solid #ccc;
  padding: 5px;
}

.clickgame_recommend__detail:hover {
  background: #fffcc9;
}

.clickgame_recommend__text {
  padding-left: 23px;
  text-align: left;
  background: url("https://img.fruitmail.net/fruit/img/common/arrow.gif") 0px 7px no-repeat;
}

.clickgame_recommend__off {
  height: 23px;
  color: #6b7b00;
  font-size: 1.3rem;
  background-color: #e5f674;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  white-space: nowrap;
  width: 88px;
  padding-right: 6px;
  box-sizing: border-box;
  margin-left: 4px;
}

.clickgame_recommend__off img {
  margin-right: 2px;
}

.clickgame_recommend__ad {
  display: block;
  padding-bottom: 5px;
  border-bottom: 1px dotted #ccc;
}

.clickgame_recommend__ad:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.clickgame_textBanner__item {
  color: #333;
  text-decoration: none;
  font-size: 12px;
  padding: 7px 0px 7px 0px;
  border-bottom: 1px dotted #ccc;
}

.clickgame_textBanner__item:hover {
  background: #fffcc9;
}

.clickgame_textBanner__item:last-child {
  border-bottom: none;
}

.clickgame_textBanner__detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.clickgame_textBanner__text {
  background: url("https://img.fruitmail.net/fruit/img/common/arrow.gif") 0px 3px no-repeat;
  padding-left: 20px;
  font-size: 1.4rem;
}

@media (max-width: 1040px) {
  .clickgame_textBanner__text {
    padding-left: 12px;
    font-size: 1.3rem;
    background-size: 10px;
  }
}

.clickgame_textBanner__get {
  display: inline-flex;
  align-items: center;
  width: 40px;
  height: 22px;
  padding-left: 23px;
  background: url("https://img.fruitmail.net/fruit/img/game/clickpoint/bg.gif") -182px -107px no-repeat;
  color: #547b00;
}

@media (max-width: 1040px) {
  .clickgame_textBanner__get {
    width: 30px;
    height: 20px;
    background-position: -186px -108px;
  }
  .clickgame_textBanner__get .txtBold {
    font-size: 1.1rem;
  }
}

.clickgame_textBanner__onePoint {
  height: 23px;
  color: #6b7b00;
  font-size: 1.3rem;
  background-color: #e5f674;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  white-space: nowrap;
  width: 61px;
  padding-right: 6px;
  box-sizing: border-box;
  margin-left: 4px;
}

@media (max-width: 1040px) {
  .clickgame_textBanner__onePoint {
    font-size: 1.2rem;
    padding-right: 3px;
    margin-left: 2px;
    width: 54px;
    height: 20px;
  }
  .clickgame_textBanner__onePoint .txtBold {
    font-size: 1.2rem !important;
  }
}

.clickgame_textBanner__onePoint img {
  margin-right: 2px;
}

.clickgame_lotteryBanner__imageLink {
  max-width: 120px;
  max-height: 60px;
  margin-bottom: 5px;
}

.clickgame_lotteryBanner__imageLink img {
  object-fit: contain;
}

.clickgame_lotteryBanner__result {
  font-size: 1.4rem;
  font-weight: bold;
  background: url("https://img.fruitmail.net/fruit/img/common/arrow.gif") 20px 2px no-repeat;
  padding-left: 5px;
}

.clickgame_lotteryBanner__result--hit {
  padding: 5px;
  background: #ffef97;
}

.clickgame_lotteryBanner__result--hit span {
  background: url(https://img.fruitmail.net/fruit/img/game/clickpoint/bg.gif) 0px -3px no-repeat;
  padding-left: 32px;
  color: #d50000;
}

.clickgame_lotteryBanner__clickLink {
  font-size: 1.4rem;
  font-weight: bold;
  background: url("https://img.fruitmail.net/fruit/img/common/arrow.gif") 20px 2px no-repeat;
  padding-left: 5px;
}

/*------------------------------
    ** 隠しポイント
------------------------------*/
.hidden_index {
  width: 770px;
  margin: 0 auto;
  background: #dfc495;
  color: #4d4d4d;
  text-align: center;
  position: relative;
}

@media (max-width: 1040px) {
  .hidden_index {
    width: 100%;
  }
}

.hidden_index__headerImage {
  text-align: center;
}

@media (max-width: 1040px) {
  .hidden_index__headerImage img {
    width: 100%;
    object-fit: contain;
  }
}

.hidden_index__mainContents {
  margin-top: 20px;
}

.hidden_index__clickItemList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 15px;
}

@media (max-width: 1040px) {
  .hidden_index__clickItemList {
    gap: 3px;
    margin-bottom: 30px;
  }
}

.hidden_index__bottomAd {
  display: flex;
  justify-content: space-around;
  margin: 30px auto;
}

.hidden_index__attention {
  display: flex;
  justify-content: center;
  margin: 10px;
  margin-bottom: 20px;
}

.hidden_index__attentionImage {
  width: 30px;
}

.hidden_index__attentionText {
  padding: 7px;
  text-align: left;
  background-color: #fef4df;
  border: 1px solid #4b4b4b;
}

@media (max-width: 1040px) {
  .hidden_index__attentionText {
    font-size: 1.0rem;
  }
}

.hidden_index__attentionText span::before {
  content: "・";
  visibility: hidden;
}

.hidden_index__closeButton {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 30px;
}

.hidden_index__closeButton a {
  width: 100px;
  color: #484848;
  padding: 8px;
  border-radius: 6px;
  background-color: #ebebeb;
  text-decoration: none !important;
}

.hidden_index__backgroundImage {
  width: 650px;
  height: 70px;
}

.hidden_clickItem {
  position: relative;
  width: 315px;
  margin: 5px;
  border-radius: 3px;
  background-color: #ffffff;
  padding-bottom: 24px;
}

.hidden_clickItem__description {
  margin: 5px 7px;
  display: flex;
  justify-content: flex-start;
}

.hidden_clickItem__image {
  max-width: 120px;
  max-height: 60px;
}

.hidden_clickItem__image img {
  object-fit: contain;
}

.hidden_clickItem__title {
  text-align: left;
  margin: 3px 7px;
}

.hidden_clickItem__title a {
  color: #0066cb;
  font-size: 1.2rem;
  white-space: nowrap;
}

.hidden_clickItem__title a:hover {
  color: #ea6767;
}

.hidden_clickItem__point {
  width: 175px;
  text-align: left;
  margin-left: 5px;
}

.hidden_clickItem__pointBefore {
  margin: 3px 0;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.hidden_clickItem__pointImg {
  margin-right: 3px;
  margin-bottom: 3px;
}

.hidden_clickItem__arrow {
  margin: 0 2px;
}

.hidden_clickItem__upImage {
  margin-right: 2px;
  margin-bottom: 2px;
}

.hidden_clickItem__pointAfter, .hidden_clickItem__pointNormal {
  font-size: 1.8rem;
  font-weight: bold;
  color: #d50000;
}

.hidden_clickItem__pointNormal {
  display: flex;
  align-items: center;
}

.hidden_clickItem__pointNormal img {
  margin-right: 4px;
}

.hidden_clickItem__detailLink a {
  color: #0066cb;
  font-size: 1.1rem;
  text-decoration: underline;
}

.hidden_clickItem__detailLink a:hover {
  color: #ea6767;
}

.hidden_clickItem__pointCaption {
  font-size: 1.1rem;
}

.hidden_clickItem__winningResult {
  position: absolute;
  bottom: 0;
  left: 0;
}

.hidden_clickItem__winningIcon {
  width: 316px;
  height: 23px;
}

.point_news {
  width: 950px;
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
}

.point_news__contents {
  width: 20%;
  color: #333;
  margin-right: 15px;
}

.point_news__title {
  font-size: 1.2rem;
}

.point_news__heading {
  display: flex;
  padding: 5px;
  align-items: center;
  border-left: 1px solid #b3b3b3;
  border-right: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
  border-top: 3px solid #0f6299;
  background: -moz-linear-gradient(top, #f1efef, #fff);
  background: -webkit-linear-gradient(top, #f1efef, #fff);
  background: linear-gradient(to top, #e6e6e6, #fff);
}

.point_news__markerLine {
  width: 4px;
  height: 17px;
  margin-left: 5px;
  background-color: #0f6299;
}

.point_news__text {
  font-weight: bold;
  font-size: 1.5rem;
  margin-left: 10px;
}

.point_news__wrapper {
  width: 80%;
  background-color: #fff;
}

.point_news__category {
  clear: both;
  padding: 0 10px;
  border: 1px solid #b3b3b3;
  border-top: none;
  background-color: #fff;
}

.point_news__itemList {
  overflow: hidden;
  border: 1px solid #b3b3b3;
  border-top: none;
}

.point_news__attention {
  padding: 100px;
  text-align: center;
}

.point_newsCategory__item {
  padding: 5px 5px 5px 10px;
  border-bottom: 1px dotted #b3b3b3;
  background: url(https://img.fruitmail.net/fruit/img/point/fmpoint.gif) top no-repeat;
  background-position: 0px -580px;
}

.point_newsCategory__item:last-child {
  border-bottom: none;
}

.point_newsCategory__link {
  font-size: 1.2rem;
}

.point_newsItem {
  padding: 10px;
  margin-bottom: 20px;
}

.point_newsItem__banner {
  display: flex;
  padding: 8px;
  background-color: #eaeaea;
}

.point_newsItem__date {
  padding: 0 10px;
  background: url(https://img.fruitmail.net/fruit/img/point/fmpoint.gif) top no-repeat;
  background-position: 0px -584px;
  color: #0066cb;
  pointer-events: none;
  text-decoration: none;
}

.point_newsItem__item {
  overflow: hidden;
}

.point_newsItem__title {
  font-size: 1.2rem;
}

.point_newsItem__link {
  font-size: 1.2rem;
}

.point_newsItem__detail {
  padding: 10px;
}

.point_newsItem__image {
  float: left;
  padding: 10px;
}

.point_newsItem__text {
  font-size: 1.2rem;
}

.point_newsItem__description {
  padding: 10px;
}

.point_newsItem__detailButton {
  margin: 10px 0;
  text-align: right;
}

.exchange_layoutTop__clickPoint {
  margin-bottom: 20px;
}

.exchange_layoutTop__adBlock {
  margin-bottom: 20px;
}

.exchange_navigationComponent {
  display: flex;
  gap: 1px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.exchange_navigationComponent__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 46px;
  padding: 0 20px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  border-width: 1px 0;
  border-style: solid;
  border-color: #3AA59E;
  background-color: #3AA59E;
}

.exchange_navigationComponent__link .material-icons {
  font-size: 2.6rem;
}

@media (any-hover: hover) {
  body[data-device="pc"] .exchange_navigationComponent__item {
    flex: 1;
  }
  body[data-device="pc"] .exchange_navigationComponent__item:first-child .exchange_navigationComponent__link {
    border-width: 1px 0 1px 1px;
    border-radius: 5px 0 0 5px;
  }
  body[data-device="pc"] .exchange_navigationComponent__item:last-child .exchange_navigationComponent__link {
    border-width: 1px 1px 1px 0;
    border-radius: 0 5px 5px 0;
  }
}

@media (any-hover: hover) {
  body[data-device="pc"] .exchange_navigationComponent__link {
    transition-property: color, background-color;
    transition-duration: .2s;
  }
  body[data-device="pc"] .exchange_navigationComponent__link:hover {
    color: #3AA59E;
    background-color: #fff;
  }
}

body[data-device="mobile"] .exchange_navigationComponent {
  border-radius: 5px;
  overflow: hidden;
}

body[data-device="mobile"] .exchange_navigationComponent__item {
  width: calc((100% - 1px * 1) / 2);
}

body[data-device="mobile"] .exchange_navigationComponent__item:last-child .exchange_navigationComponent__link {
  border-radius: 0 0 5px 0;
}

body[data-device="mobile"] .exchange_navigationComponent__link {
  font-size: 1.4rem;
}

body[data-device="mobile"] .exchange_navigationComponent__link .material-icons {
  font-size: 2.0rem;
}

body[data-device="mobile"] .exchange_rankComponent {
  padding: 0;
  background-color: initial;
  box-shadow: none;
}

body[data-device="mobile"] .exchange_rankComponent__heading {
  margin-bottom: 0;
  border-bottom: 0;
}

body[data-device="mobile"] .exchange_rankComponent__title {
  font-size: 1.4rem;
}

body[data-device="mobile"] .exchange_rankComponent__statusWrapper {
  border-radius: 5px;
}

body[data-device="mobile"] .exchange_rankComponent__currentStatus {
  margin-bottom: 7px;
  gap: 10px;
}

body[data-device="mobile"] .exchange_rankComponent__currentBadge {
  margin-bottom: 5px;
}

body[data-device="mobile"] .exchange_rankComponent__currentBadge img {
  width: 30px;
  height: 42px;
}

body[data-device="mobile"] .exchange_rankComponent__currentNow {
  margin-left: 0;
}

body[data-device="mobile"] .exchange_rankComponent__currentNowTitle {
  font-weight: initial;
}

body[data-device="mobile"] .exchange_rankComponent__currentName {
  font-size: 1.6rem;
  font-weight: bold;
}

body[data-device="mobile"] .exchange_rankComponent__currentBonus {
  gap: 5px;
  min-width: 200px;
  padding-left: 10px;
}

body[data-device="mobile"] .exchange_rankComponent__linkBox .material-icons {
  font-size: 2.0rem;
}

body[data-device="mobile"] .exchange_rankComponent__link {
  padding: 4px 10px;
}

body[data-device="mobile"] .exchange_rankComponent__linkTitle {
  font-size: 1.4rem;
  margin-right: 0;
}

body[data-device="mobile"] .exchange_rankComponent__caption {
  font-size: 1.1rem;
}

.exchange_rankComponent {
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
  display: flex;
}

.exchange_rankComponent__heading {
  display: flex;
  align-items: center;
  padding-bottom: 8px;
  margin-bottom: 10px;
  border-bottom: 1px solid #E0E0E0;
}

.exchange_rankComponent__title {
  font-size: 2.0rem;
  font-weight: bold;
  margin-left: 5px;
}

.exchange_rankComponent__statusWrapper {
  padding: 0;
  width: 100%;
}

.exchange_rankComponent__statusBackground {
  border-radius: 5px;
  display: flex;
  justify-content: space-around;
  height: 110px;
  padding: 24px 0;
}

.exchange_rankComponent__currentStatus {
  width: 50%;
  display: flex;
  align-items: center;
  border-right: 1px solid #E0E0E0;
  justify-content: center;
  gap: 18px;
}

.exchange_rankComponent__currentBudge {
  max-width: 50px;
  max-height: 105px;
}

@media (max-width: 640px) {
  .exchange_rankComponent__currentBudge {
    max-width: 40px;
  }
}

.exchange_rankComponent__currentNow {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 16px;
}

.exchange_rankComponent__currentNowTitle {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.92;
}

.exchange_rankComponent__currentName {
  color: #3A896C;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: calc(27 / 18);
}

.exchange_rankComponent__bonus {
  width: 50%;
  display: flex;
  gap: 10px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.exchange_rankComponent__linkBox {
  width: 158px;
  height: 36px;
  border-radius: 5px;
  background-color: #FFFFFF;
  border-color: #E9EBED;
  display: flex;
  align-content: center;
  justify-content: center;
  box-shadow: 0px 0px 10px #E2E1D9;
}

@media (max-width: 640px) {
  .exchange_rankComponent__linkBox {
    width: auto;
    max-width: 100%;
  }
}

.exchange_rankComponent__linkBox .material-icons {
  color: #FFFFFF;
  font-size: 2.4rem;
}

.exchange_rankComponent__link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #939393;
}

.exchange_rankComponent__link:hover {
  color: #484848;
  border-radius: 5px;
  background-color: #FFFFFF;
}

.exchange_rankComponent__link:hover .material-icons {
  color: #3AA59E;
}

.exchange_rankComponent__link .material-icons {
  color: #939393;
}

.exchange_rankComponent__linkTitle {
  font-size: 1.4rem;
}

/**
  新しいTOPページ
 */
.exchange_top__titleSection {
  font-size: 3.0rem;
  height: 44px;
  margin-bottom: 20px;
}

@media screen and (max-width: 719px) {
  .exchange_top__titleSection {
    margin-bottom: 10px;
  }
}

.exchange_top__informationSection {
  margin-bottom: 20px;
}

.exchange_top__sliderSection {
  margin-bottom: 20px;
  max-width: 720px;
  overflow: hidden;
}

@media screen and (max-width: 719px) {
  .exchange_top__sliderSection {
    margin-left: 15px;
    margin-right: 15px;
  }
}

.exchange_top__catalogSection {
  background-color: white;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 20px;
  box-shadow: 0px 0px 10px #E2E1D9;
}

.exchange_top__rankSection {
  display: flex;
  flex-direction: row;
  margin-bottom: 30px;
  gap: 20px;
}

.exchange_top__rankStatus {
  width: 100%;
}

.exchange_top__exchangeAction {
  min-width: 138px;
}

.exchange_top__exchangeActionBody {
  height: 100%;
  border-radius: 5px;
  background-color: #FFFFFF;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-content: center;
  gap: 10px;
  align-items: center;
  justify-content: space-evenly;
}

@media screen and (max-width: 719px) {
  .exchange_top__exchangeActionBody {
    flex-direction: row;
    flex-direction: row;
    display: flex;
    justify-content: center;
    padding: 12px;
  }
}

.exchange_top__exchangeActionBody span {
  background: #939393;
  border-radius: 16px;
  width: 32px;
  height: 32px;
  display: flex;
  color: white;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 719px) {
  .exchange_top__exchangeActionBody span {
    border-radius: 10px;
    width: 20px;
    height: 20px;
  }
}

.exchange_top__exchangeActionBody p {
  font-size: 1.4rem;
}

.exchange_top__bonusBannerSection {
  margin-bottom: 30px;
}

@media screen and (max-width: 719px) {
  .exchange_top__bonusBannerSection {
    padding: 0 15px;
  }
}

.exchange_top__mobileNavigationSection {
  margin: 0 15px;
  margin-bottom: 20px;
}

.exchange_top__wall {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  box-sizing: border-box;
}

.exchange_top__wallTitle {
  font-size: 1.8rem;
  font-weight円分: bold;
  margin-bottom: 10px;
}

.exchange_top__tile {
  width: 233px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 15px;
  align-items: stretch;
  border-bottom: 1px solid #CDD3D6;
  border-right: 1px solid #CDD3D6;
}

.exchange_top__tile img {
  width: 203px;
  height: 130px;
  margin-bottom: 10px;
}

.exchange_top__tile:nth-child(3n) {
  border-right: 0px;
}

.exchange_top__tile:nth-child(-n+3) {
  border-top: 1px solid #CDD3D6;
}

.exchange_top__tile:nth-child(n+4) {
  border-top: 0px solid #CDD3D6;
}

.exchange_top__tile a {
  display: inline-flex;
  justify-content: center;
}

.exchange_top__tile a div {
  height: 36px;
  flex-direction: row;
  padding: 20px;
  background-color: #3AA59E;
  border-radius: 10px;
  color: #fff;
  display: flex;
  margin-top: 8px;
  margin-bottom: 8px;
  align-items: center;
}

.exchange_top__tile a:hover {
  text-decoration: none;
}

.exchange_top__tile a:hover div {
  color: #3AA59E;
  background-color: #fff;
  outline: 1px solid;
}

.exchange_top__exchangeName {
  font-size: 1.8rem;
  font-weigth: bold;
  line-height: calc(27 / 18);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.exchange_top__exchangeName--condensed {
  font-size: 1.4rem;
  line-height: calc(27 / 14);
}

.exchange_top__exchangeName span {
  font-size: 1.4rem;
}

.exchange_top__pointInfo {
  width: 100%;
  line-height: 2.4rem;
  margin-top: 10px;
  margin-bottom: 10px;
}

.exchange_top__pointInfo dt {
  width: 56px;
  margin-right: 24px;
  color: #484848;
  font-weight: normal;
}

.exchange_top__pointInfo dd {
  color: #E31610;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
}

.exchange_top__pointInfo dd span {
  font-size: 1.4rem;
}

.exchange_top__pointInfo dd p {
  font-weight: normal;
  font-size: 1.4rem;
  color: #939393;
}

.exchange_top__deliveryInfo {
  line-height: 2.4rem;
  width: 100%;
  margin-top: auto;
}

.exchange_top__deliveryInfo dt {
  font-weight: normal;
  width: 70px;
  margin-right: 10px;
}

.exchange_top__deliveryInfo dd {
  font-weight: normal;
}

.exchange_top__campaignAndFeatureSection {
  margin-bottom: 20px;
}

.exchange_top__attentionsSection {
  font-size: 1.0rem;
  line-height: 1.7;
  color: #939393;
  margin-bottom: 20px;
}

.exchange_top__attentionsSection pre {
  white-space: pre-wrap;
}

@media screen and (max-width: 719px) {
  .exchange_top__attentionsSection {
    margin: 0 15px;
  }
  .exchange_top__attentionsSection .global_trademarkNotation {
    padding: 0;
  }
}

.exchange_top .mypage_rank {
  padding: 10px;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
}

@media screen and (max-width: 719px) {
  .exchange_top .mypage_rank {
    padding: 0;
    background-color: initial;
    box-shadow: none;
  }
}

.exchange_top .mypage_rank__heading {
  display: flex;
  align-items: center;
  padding-bottom: 8px;
  margin-bottom: 10px;
  border-bottom: 1px solid #E0E0E0;
}

@media screen and (max-width: 719px) {
  .exchange_top .mypage_rank__heading {
    margin-bottom: 0;
    border-bottom: 0;
  }
}

.exchange_top .mypage_rank__title {
  font-size: 2.0rem;
  font-weight: bold;
  margin-left: 5px;
}

@media screen and (max-width: 719px) {
  .exchange_top .mypage_rank__title {
    font-size: 1.4rem;
  }
}

.exchange_top .mypage_rank__statusWrapper {
  padding: 0;
}

@media screen and (max-width: 719px) {
  .exchange_top .mypage_rank__statusWrapper {
    padding: 10px;
    border-radius: 5px;
    background-color: #FFFFFF;
  }
}

.exchange_top .mypage_rank__statusBackground {
  border-radius: 5px;
  padding: 20px 30px;
}

@media screen and (max-width: 719px) {
  .exchange_top .mypage_rank__statusBackground {
    padding: 10px 18px;
  }
}

.exchange_top .mypage_rank__currentStatus {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

@media screen and (max-width: 719px) {
  .exchange_top .mypage_rank__currentStatus {
    flex-direction: column;
    margin-bottom: 7px;
  }
}

.exchange_top .mypage_rank__currentBudge {
  max-width: 85px;
  max-height: 105px;
}

@media screen and (max-width: 719px) {
  .exchange_top .mypage_rank__currentBudge {
    margin-bottom: 5px;
  }
  .exchange_top .mypage_rank__currentBudge img {
    width: 61px;
    height: 76px;
  }
}

.exchange_top .mypage_rank__currentNow {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (max-width: 719px) {
  .exchange_top .mypage_rank__currentNow {
    margin-left: 0;
  }
}

.exchange_top .mypage_rank__currentNowTitle {
  font-size: 1.4rem;
  line-height: calc(20 / 14);
}

@media screen and (max-width: 719px) {
  .exchange_top .mypage_rank__currentNowTitle {
    font-size: 1.0rem;
    font-weight: initial;
  }
}

.exchange_top .mypage_rank__currentName {
  color: #3A896C;
  font-size: 3.0rem;
  font-weight: bold;
}

@media screen and (max-width: 719px) {
  .exchange_top .mypage_rank__currentName {
    font-size: 1.6rem;
    font-weight: bold;
  }
}

.exchange_top .mypage_rank__caption {
  font-size: 1.4rem;
  line-height: calc(20 / 14);
}

.exchange_top .mypage_rank__linkBox {
  width: 270px;
  border-radius: 5px;
  background-color: #3AA59E;
}

@media screen and (max-width: 719px) {
  .exchange_top .mypage_rank__linkBox {
    width: 100%;
  }
}

.exchange_top .mypage_rank__linkBox .material-icons {
  color: #FFFFFF;
  font-size: 2.4rem;
}

@media screen and (max-width: 719px) {
  .exchange_top .mypage_rank__linkBox .material-icons {
    font-size: 2.0rem;
  }
}

.exchange_top .mypage_rank__link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  padding: 10px 20px;
}

@media screen and (max-width: 719px) {
  .exchange_top .mypage_rank__link {
    padding: 4px 10px;
  }
}

.exchange_top .mypage_rank__link:hover {
  color: #3AA59E;
  border-radius: 5px;
  background-color: #FFFFFF;
  outline: 2px solid;
}

.exchange_top .mypage_rank__link:hover .material-icons {
  color: #3AA59E;
}

.exchange_top .mypage_rank__linkTitle {
  font-size: 1.8rem;
  font-weight: bold;
  margin-right: 8px;
}

@media screen and (max-width: 719px) {
  .exchange_top .mypage_rank__linkTitle {
    font-size: 1.4rem;
    margin-right: 0;
  }
}

body[data-device="mobile"] .exchange_top__rankSection {
  flex-direction: column;
  padding: 0 15px;
  gap: 10px;
}

body[data-device="mobile"] .exchange_top__catalogSection {
  background-color: unset;
  width: 100%;
  padding: unset;
  padding-left: 15px;
  padding-right: 15px;
  box-shadow: unset;
}

body[data-device="mobile"] .exchange_top__exchangeAction {
  width: 100%;
}

body[data-device="mobile"] .exchange_top__wallTitle {
  margin-bottom: 10px;
}

body[data-device="mobile"] .exchange_top__wall {
  justify-content: space-between;
}

body[data-device="mobile"] .exchange_top__tile {
  background-color: white;
  border-radius: 5px;
  box-shadow: 0px 0px 10px #E2E1D9;
  width: calc(98% / 2);
  padding: 7px;
  margin-bottom: 10px;
}

body[data-device="mobile"] .exchange_top__tile:nth-child(n) {
  border-top: 0;
}

body[data-device="mobile"] .exchange_top__tile img {
  margin: 0 auto;
  object-fit: contain;
}

body[data-device="mobile"] .exchange_top__exchangeName {
  font-weight: bold;
  font-size: 1.4rem;
  line-height: calc(21 / 14);
  align-items: center;
  align-items: flex-start;
}

body[data-device="mobile"] .exchange_top__pointInfo {
  flex-direction: column;
}

body[data-device="mobile"] .exchange_top__pointInfo dt {
  width: 100%;
}

body[data-device="mobile"] .exchange_top__pointInfo dd {
  width: 100%;
}

body[data-device="mobile"] .exchange_top__deliveryInfo {
  flex-direction: column;
}

body[data-device="mobile"] .exchange_top__deliveryInfo dt {
  width: 100%;
}

body[data-device="mobile"] .exchange_top__deliveryInfo dd {
  width: 100%;
}

.exchange_informationList__header {
  font-size: 1.8rem;
  line-height: calc(27 / 18);
}

@media screen and (max-width: 719px) {
  .exchange_informationList__header {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

.exchange_informationList__list {
  background: white;
}

@media screen and (max-width: 719px) {
  .exchange_informationList__list {
    background: unset;
  }
}

.exchange_informationList__item {
  margin-bottom: 0;
}

.exchange_informationList__item:last-child {
  margin-bottom: 0px;
}

@media screen and (max-width: 719px) {
  .exchange_informationList__item {
    display: block;
    background: white;
    border-radius: 10px;
    margin-bottom: 10px;
  }
}

@media (any-hover: hover) {
  .exchange_informationList__link {
    transition-property: background-color;
    transition-duration: 0.2s;
  }
  .exchange_informationList__link:hover {
    background-color: #fff9bc;
  }
}

.exchange_informationList__itemWrapper {
  display: flex;
  align-items: center;
  gap: 0 10px;
  padding: 10px 0px 10px 0px;
  position: relative;
  border-bottom: 1px solid #CDD3D6;
  margin: 0px 10px 0 10px;
}

.exchange_informationList__itemWrapper:first-child {
  border-top: 1px solid #CDD3D6;
}

@media screen and (max-width: 719px) {
  .exchange_informationList__itemWrapper:first-child {
    border-top: 0;
  }
}

.exchange_informationList__itemWrapper--noRecord {
  text-align: center;
}

@media screen and (max-width: 719px) {
  .exchange_informationList__itemWrapper {
    display: block;
    border: 0px;
  }
}

.exchange_informationList__itemWrapper:hover {
  background-color: #FFF9BC;
}

.exchange_informationList__status {
  display: flex;
  align-items: center;
  gap: 0 10px;
  margin-left: 10px;
}

@media screen and (max-width: 719px) {
  .exchange_informationList__status {
    margin-bottom: 10px;
  }
}

.exchange_informationList__category {
  display: inline-block;
  width: 100px;
  font-size: 1.4rem;
  padding: 2px;
  text-align: center;
  border: 1px solid #707070;
  height: 24px;
}

.exchange_informationList__category--information {
  color: #2C786C;
}

.exchange_informationList__category--campaign {
  color: #E8A61D;
}

.exchange_informationList__category--alert {
  color: red;
}

@media screen and (max-width: 719px) {
  .exchange_informationList__date {
    width: 120px;
  }
}

.exchange_informationList__title {
  flex: 1;
  font-size: 1.4rem;
}

/*
ここまで新しいTOP
*/
/*------------------------------
  ** ナビゲーション(交換カテゴリ)
------------------------------*/
body[data-device="pc"] .exchange_anchorLinks__container {
  padding-bottom: 22px;
}

body[data-device="pc"] .exchange_anchorLinks__title {
  font-size: 1.8rem;
  font-weight: bold;
  padding-bottom: 5px;
}

body[data-device="pc"] .exchange_anchorLinks__category {
  position: relative;
  cursor: pointer;
}

body[data-device="pc"] .exchange_anchorLinks__category:hover {
  background-color: #EAE8DF;
}

body[data-device="pc"] .exchange_anchorLinks__link {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

body[data-device="pc"] .exchange_anchorLinks__nameWrapper {
  display: flex;
  align-items: center;
  gap: 7px;
}

body[data-device="pc"] .exchange_anchorLinks__nameWrapper .material-icons {
  color: #3AA59E;
  font-size: 20px;
}

body[data-device="pc"] .exchange_anchorLinks__name {
  color: #484848;
  font-size: 1.4rem;
  line-height: 1.5;
}

body[data-device="pc"] .exchange_anchorLinks__name br {
  display: none;
}

/**
 * フローステップ部分のコンポーネント
 */
.exchange_flowStep {
  display: flex;
  justify-content: space-between;
  margin: 24px 0;
  /**
  かなりややこしいが、ここでは初期値が設定されていて、
  @includeする際に変数名と値をセットで渡さないと初期値の設定で全て上書きされてしまう、、
  なので、下記のような形で「変数名＋値」で指定してあげないとスタイルが正しく適用されない仕様になってます。
  
  // How to use: 詳しくは橋本さんに直接聞いてみてください
  // TODO: 三角関数が使えないので微妙な角度調整は一旦スルー
  &__fooBar {
    @import "./../component/_step_navigation.scss";
    @include step_navigation(
      $width: 180px,
      $height: 60px,
      $wrapper-width: 130px,
    );
 */
}

.exchange_flowStep__item {
  position: relative;
  color: #777;
  width: 200px;
  filter: grayscale(0.7);
}

.exchange_flowStep__item.isActive {
  color: #444;
  filter: grayscale(0);
}

.exchange_flowStep__wrapper {
  display: flex;
  align-items: center;
  width: 200px;
  height: 60px;
  background-color: #EEB158;
  clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
}

.exchange_flowStep__wrapper:nth-child(n+2) {
  margin-right: 0px;
}

.exchange_flowStep__wrapper.lastChild {
  clip-path: polygon(0 0, 100% 0%, 100% 50%, 100% 100%, 0% 100%);
}

.exchange_flowStep__hiLight {
  clip-path: polygon(1% 3.33333%, 89% 3.33333%, calc(100% - 1% - 1px) 50%, 89% 96.66667%, 1% 96.66667%);
}

.exchange_flowStep__hiLight.lastChild {
  clip-path: polygon(1% 3.33333%, 99% 3.33333%, 99% 50%, 99% 96.66667%, 1% 96.66667%);
}

.exchange_flowStep__draw {
  width: 200px;
  height: 60px;
  background-color: #FEEBB9;
  clip-path: polygon(3% 10%, calc(89% - 2px) 10%, calc(100% - 3% - 1px) 50%, calc(89% - 2px) 90%, 3% 90%);
}

.exchange_flowStep__draw.lastChild {
  clip-path: polygon(3% 10%, 97% 10%, 97% 50%, 97% 90%, 3% 90%);
}

.exchange_flowStep__contents {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4%;
  position: absolute;
}

.exchange_flowStep__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  width: 24px;
  height: 24px;
  padding: 4%;
  background-color: white;
  border-radius: 50%;
  border: 2px solid #EEB158;
}

.exchange_flowStep__reverseMargin {
  width: 10px;
}

.exchange_flowStep__text {
  font-size: 1.6rem;
  font-weight: 600;
}

@media screen and (max-width: 719px) {
  .exchange_flowStep {
    display: flex;
    justify-content: center;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 719px) {
  .exchange_flowStep__item {
    display: flex;
    width: calc(100% / 5);
  }
  .exchange_flowStep__item::after {
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    background-color: #EEB158;
    position: absolute;
    top: calc(50% - 2px);
    right: 0;
    z-index: 1;
  }
  .exchange_flowStep__item.isActive::after {
    background-color: #EEB158;
  }
  .exchange_flowStep__item:last-child {
    width: auto;
  }
  .exchange_flowStep__item:last-child::after {
    width: 0%;
    position: relative;
  }
}

@media screen and (max-width: 719px) {
  .exchange_flowStep__wrapper {
    width: 100%;
    height: auto;
    background-color: initial;
    clip-path: none !important;
    position: relative;
    z-index: 2;
  }
}

.exchange_flowStep__hiLight {
  background-color: #FFFFFF;
}

@media screen and (max-width: 719px) {
  .exchange_flowStep__hiLight {
    clip-path: none;
  }
}

@media screen and (max-width: 719px) {
  .exchange_flowStep__draw {
    width: auto;
    height: auto;
    clip-path: none;
  }
}

@media screen and (max-width: 719px) {
  .exchange_flowStep__contents {
    gap: 0;
    padding: 0;
    width: 100%;
    position: relative;
  }
}

.exchange_flowStep__badge {
  margin-left: 5px;
}

@media screen and (max-width: 719px) {
  .exchange_flowStep__badge {
    width: 30px;
    height: 30px;
    margin-left: 0;
  }
}

@media screen and (max-width: 719px) {
  .exchange_flowStep__text {
    font-size: 1.2rem;
    white-space: nowrap;
    position: absolute;
    top: 35px;
    left: -10px;
  }
  .exchange_flowStep__text span {
    display: none;
  }
}

.exchange_flow__heading {
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  padding: 8px 24px;
  box-sizing: border-box;
}

@media screen and (max-width: 719px) {
  .exchange_flow__heading {
    font-size: 1.4rem;
    padding: 8px 20px;
  }
}

.exchange_flow__heading::before {
  content: '';
  position: absolute;
  left: 8px;
  width: 6px;
  height: 64%;
  background-color: #F4A838;
}

.exchange_flow__title {
  position: relative;
  margin-bottom: 20px;
  z-index: 1;
  overflow: hidden;
}

@media screen and (max-width: 719px) {
  .exchange_flow__title {
    margin-bottom: 10px;
  }
}

.exchange_flow__titleCaption {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 2.2rem;
  font-weight: 600;
  padding: 10px;
  background-color: #E8E8E8;
}

@media screen and (max-width: 719px) {
  .exchange_flow__titleCaption {
    gap: 5px;
    font-size: 1.4rem;
  }
}

.exchange_flow__titleSubLink {
  position: absolute;
  right: 16px;
}

.exchange_flow__titleSubLink:hover {
  opacity: 0.8;
}

.exchange_flow__banner {
  margin-top: 16px;
  margin-bottom: 24px;
}

.exchange_flow__explain {
  font-size: 1.3rem;
  border: 1px solid #ccc;
  padding: 12px;
}

.exchange_flow__explain h2 {
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
  border-bottom: 1px dotted #999;
  padding: 8px 24px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  margin-top: 24px;
}

@media screen and (max-width: 719px) {
  .exchange_flow__explain h2 {
    font-size: 1.4rem;
    padding: 8px 20px;
  }
}

.exchange_flow__explain h2:first-child {
  margin-top: 0;
}

.exchange_flow__explain h2::before {
  content: '';
  position: absolute;
  left: 8px;
  width: 6px;
  height: 64%;
  background-color: #F4A838;
}

.exchange_flow__explain ul {
  padding-left: 20px;
}

.exchange_flow__explain ul li {
  font-size: 1.3rem;
  list-style-type: disc;
  line-height: 25px;
  letter-spacing: -0.3px;
}

.exchange_flow__returnButton {
  max-width: 1040px;
  width: 100%;
  margin: 32px 0;
  border-radius: 5px;
  background-color: #3AA59E;
}

@media screen and (max-width: 719px) {
  .exchange_flow__returnButton {
    width: 95%;
    margin: 32px auto;
  }
}

.exchange_flow__returnButton--error {
  max-width: 500px;
  margin: auto;
}

.exchange_flow__returnButton--finished {
  max-width: 345px;
  margin: auto;
}

.exchange_flow__returnLink {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-bottom: 25px;
  padding: 13px 0;
  color: #3AA59E;
  background: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #3AA59E;
}

.exchange_flow__returnLink:hover {
  background-color: #FFF9BC;
}

.exchange_flow__returnLink--error:hover {
  color: #3AA59E;
  text-decoration: none;
}

.exchange_flow__returnLink--finished {
  margin-bottom: 0;
}

.exchange_submitButton__action {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  color: #FFFFFF;
  padding: 10px 20px;
  border-radius: 5px;
  background-color: #3AA59E;
}

.exchange_submitButton__action:hover {
  color: #3AA59E;
  outline: 2px solid;
  background-color: #FFFFFF;
}

.exchange_submitButton__action .material-icons {
  font-weight: bold;
}

.exchange_submitButton__action--prev {
  color: #939393;
  outline: 2px solid #CDD3D6;
  background-color: #FFFFFF;
}

.exchange_submitButton__action--prev:hover {
  color: #484848;
  background-color: #F7F7F7;
}

.exchange_submitButton__title {
  font-size: 1.8rem;
  font-weight: bold;
}

.exchange_information__message {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  border-bottom: 3px double #ccc;
  padding-bottom: 10px;
  margin-bottom: 32px;
}

.exchange_information__message span {
  color: #e33838;
}

.exchange_information__message a {
  font-size: 2rem;
}

.exchange_information__tableTitle {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 5px;
}

@media screen and (max-width: 719px) {
  .exchange_information__tableTitle {
    margin-left: 5px;
  }
}

.exchange_information__table {
  width: 1040px;
  border: 3px solid #c5c5c5;
  border-spacing: 0;
  margin-bottom: 30px;
}

@media screen and (max-width: 719px) {
  .exchange_information__table {
    width: 100%;
  }
}

.exchange_information__table th, .exchange_information__table td {
  font-size: 1.4rem;
  border-right: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
  padding: 8px 3px;
  font-weight: bold;
}

.exchange_information__table th {
  text-align: center;
  background: #004b96;
  color: #fff;
}

@media screen and (max-width: 719px) {
  .exchange_information__table th {
    width: calc(100% / 3);
  }
  .exchange_information__table th:first-child {
    width: 100px;
  }
}

.exchange_information__table td {
  color: #333;
  font-size: 1.5rem;
  text-align: center;
  line-height: 20px;
  background-color: #FFFFFF;
}

@media screen and (max-width: 719px) {
  .exchange_information__table td {
    vertical-align: middle;
  }
}

.exchange_information__table .td-wrap {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.exchange_information__table .td-wrap small {
  font-weight: normal;
}

@media screen and (max-width: 719px) {
  .exchange_information__table .td-wrap {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
}

.exchange_information__checkbox {
  display: block;
  font-size: 1.4rem;
  text-align: center;
  font-weight: bold;
  margin: 30px 0;
}

.exchange_information__checkbox input {
  margin-right: 15px;
}

.exchange_information__submit {
  max-width: 345px;
  display: flex;
  justify-content: center;
  margin: auto;
  margin-bottom: 20px;
}

.exchange_information__submit--hidden {
  display: none;
}

.exchange_authorize__caution {
  color: white;
  font-size: 1.4rem;
  line-height: 1.8;
  background-color: crimson;
  padding: 16px;
  margin: 14px 0;
}

.exchange_authorize__onetimePasswordSubmit {
  display: block;
  position: relative;
  width: 210px;
  color: white;
  font-size: 1.6rem !important;
  text-align: center;
  background-color: #E69533 !important;
  border: none !important;
  outline: none !important;
  padding: 16px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  cursor: pointer !important;
}

.exchange_authorize__onetimePasswordSubmit--gray {
  background-color: gray;
}

.exchange_authorize__onetimePasswordSubmit span {
  margin-right: 4px;
}

.exchange_authorize__heading {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 8px 24px;
  box-sizing: border-box;
  margin-top: 24px;
  margin-bottom: 10px;
  position: relative;
}

@media screen and (max-width: 719px) {
  .exchange_authorize__heading {
    font-size: 1.4rem;
    padding: 8px 20px;
    border-bottom: 0;
  }
}

.exchange_authorize__heading::before {
  content: '';
  position: absolute;
  left: 8px;
  width: 6px;
  height: 64%;
  background-color: #F4A838;
}

.exchange_authorize__item {
  display: flex;
  width: 100%;
  border-spacing: 0;
  margin: 0px auto 10px;
  border: 3px solid #c5c5c5;
}

@media screen and (max-width: 719px) {
  .exchange_authorize__item {
    width: unset;
  }
}

.exchange_authorize__item tbody, .exchange_authorize__item tr {
  width: 100%;
}

@media screen and (max-width: 719px) {
  .exchange_authorize__item tr {
    display: flex;
    flex-wrap: wrap;
  }
}

.exchange_authorize__item th, .exchange_authorize__item td {
  font-size: 1.4rem;
  font-weight: bold;
  padding: 8px 12px;
  box-sizing: border-box;
}

.exchange_authorize__item th {
  width: 400px;
  color: #333;
  text-align: right;
  vertical-align: middle;
  background-color: #eaeaea;
  border-right: 1px solid #c5c5c5;
}

@media screen and (max-width: 719px) {
  .exchange_authorize__item th {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #c5c5c5;
    text-align: center;
  }
  .exchange_authorize__item th span {
    display: none;
  }
}

.exchange_authorize__item td {
  width: 640px;
  vertical-align: bottom;
  background-color: #FFFFFF;
}

@media screen and (max-width: 719px) {
  .exchange_authorize__item td {
    text-align: center;
  }
}

.exchange_authorize__item td input[type="text"] {
  padding: 6px;
  border-radius: 2px;
  border: 1px #959595 solid;
}

.exchange_authorize__item td input[name="postal_code_left"] {
  width: 70px;
}

@media screen and (max-width: 719px) {
  .exchange_authorize__item td input[name="postal_code_left"] {
    width: 60px;
  }
}

.exchange_authorize__item td input[name="postal_code_right"] {
  width: 140px;
}

@media screen and (max-width: 719px) {
  .exchange_authorize__item td input[name="postal_code_right"] {
    width: 120px;
  }
}

.exchange_authorize__item td input[type="password"] {
  width: 100%;
  padding: 6px;
  border-radius: 2px;
  border: 1px #959595 solid;
}

.exchange_authorize__item td span {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0 4px;
}

.exchange_authorize__newPasswordLink {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.exchange_authorize__newPasswordLink a {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  font-size: 1.4rem;
  text-decoration: none !important;
}

@media screen and (max-width: 719px) {
  .exchange_authorize__newPasswordLink a {
    font-size: 1.2rem;
  }
}

.exchange_authorize__newPasswordLink .material-icons {
  color: #FFFFFF;
  font-size: 12px;
  border-radius: 50%;
  background-color: #F4A838;
}

.exchange_authorize__submit {
  display: flex;
  justify-content: center;
  max-width: 345px;
  margin: auto;
  margin-bottom: 30px;
}

.ezchange_zipAddress__attemntion {
  color: #d10000;
}

.exchange_form__heading {
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 8px 24px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 10px;
}

@media screen and (max-width: 719px) {
  .exchange_form__heading {
    flex-wrap: wrap;
    font-size: 1.4rem;
    border-bottom: 0;
  }
}

.exchange_form__heading::before {
  content: '';
  position: absolute;
  left: 8px;
  width: 6px;
  height: 64%;
  background-color: #F4A838;
}

.exchange_form__heading span {
  font-size: 1.4rem;
}

@media screen and (max-width: 719px) {
  .exchange_form__heading span {
    font-size: 1.2rem;
  }
}

.exchange_form__item {
  width: 100%;
  border-spacing: 0;
  margin: 0px auto 20px;
  border: 3px solid #c5c5c5;
}

@media screen and (max-width: 719px) {
  .exchange_form__item tr {
    display: flex;
    flex-wrap: wrap;
  }
}

.exchange_form__item th, .exchange_form__item td {
  padding: 8px 12px;
  box-sizing: border-box;
  font-size: 1.4rem;
  font-weight: bold;
  border-bottom: 1px solid #c5c5c5;
}

@media screen and (max-width: 719px) {
  .exchange_form__item th, .exchange_form__item td {
    padding: 6px 10px;
  }
}

.exchange_form__item th {
  width: 400px;
  background: #eaeaea;
  color: #333;
  text-align: right;
  vertical-align: middle;
  border-right: 1px solid #c5c5c5;
}

@media screen and (max-width: 719px) {
  .exchange_form__item th {
    width: 100%;
    text-align: center;
    border-right: 0;
  }
}

.exchange_form__item th span {
  color: gray;
  font-size: 1.3rem;
}

.exchange_form__item td {
  width: 640px;
  font-size: 1.5rem;
  background-color: #FFFFFF;
}

@media screen and (max-width: 719px) {
  .exchange_form__item td {
    width: 100%;
    text-align: center;
  }
}

.exchange_form__item td > div {
  font-size: 1.4rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 8px;
}

.exchange_form__item td > div > span {
  min-width: 50px;
}

@media screen and (max-width: 719px) {
  .exchange_form__item td > div {
    flex-wrap: initial;
  }
}

.exchange_form__item td select {
  max-width: 400px;
  width: 100%;
  font-size: 1.4rem;
  border: 1px #959595 solid;
  border-radius: 2px;
  padding: 6px;
}

.exchange_form__item td input {
  max-width: 500px;
  width: 100%;
  padding: 6px;
  border-radius: 2px;
  border: 1px #959595 solid;
}

.exchange_form__item td input[readonly] {
  background-color: #E5E5E5;
}

.exchange_form__item td strong {
  color: #E33838;
  font-size: 1.8rem;
}

.exchange_form__rakutenpoint {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
}

.exchange_form__rakutenpoint .numberFlow {
  width: 600px;
}

.exchange_form__rakutenpointDescription {
  color: #E33838;
  font-weight: 600;
  text-align: center;
  margin: 10px;
  font-size: 1.2em;
}

.exchange_form__rakutenpointDescription a {
  color: #E33838;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.exchange_form__message {
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 24px;
}

@media screen and (max-width: 719px) {
  .exchange_form__message {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 1.2rem;
  }
}

.exchange_form__message a {
  font-size: 1.4rem;
}

.exchange_form__sub {
  color: #5C5C5C;
  font-size: 1.2rem !important;
  margin-top: 16px;
}

.exchange_form__numberFormLayout {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.exchange_form__numberFormLayout input {
  max-width: 120px !important;
}

@media screen and (max-width: 719px) {
  .exchange_form__numberFormLayout input {
    max-width: 100px !important;
  }
}

.exchange_form__numberFormLayout span {
  font-size: 1.8rem;
  margin: 0 8px;
}

.exchange_form__numberFormLayout a {
  font-size: 1.4rem;
  margin-left: 8px;
}

@media screen and (max-width: 719px) {
  .exchange_form__numberFormLayout a {
    font-size: 1.2rem;
  }
}

.exchange_form__errorMessage {
  width: 100%;
  color: crimson;
  font-size: 1.4rem;
  border: 1px crimson dashed;
  padding: 4px 8px;
  box-sizing: border-box;
  margin-top: 8px;
}

.exchange_form__submit {
  display: flex;
  justify-content: center;
  max-width: 345px;
  margin: auto;
  margin-bottom: 30px;
}

.exchange_finished__button {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}

.exchange_finished__main {
  width: 100%;
  padding: 24px;
  margin-bottom: 20px;
  box-sizing: border-box;
  border-radius: 10px;
  background-color: white;
}

@media screen and (max-width: 719px) {
  .exchange_finished__main {
    padding: 16px;
  }
}

.exchange_finished__title {
  display: flex;
  flex-direction: column;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 16px;
}

@media screen and (max-width: 719px) {
  .exchange_finished__title {
    gap: 10px;
    font-size: 2.0rem;
  }
}

.exchange_finished__receptNumber {
  display: flex;
  font-size: 2.0rem;
}

@media screen and (max-width: 719px) {
  .exchange_finished__receptNumber {
    font-size: 1.6rem;
    align-items: center;
    flex-direction: column;
  }
}

.exchange_finished__receptNumber span {
  display: inline-flex;
  align-items: center;
}

.exchange_finished__receptNumber span::after {
  content: ':';
  margin: 0 5px;
}

@media screen and (max-width: 719px) {
  .exchange_finished__receptNumber span::after {
    display: none;
  }
}

.exchange_finished__mailAddress {
  color: #d10000;
  font-size: 1.8rem;
  line-height: 1.4;
  margin-bottom: 10px;
}

@media screen and (max-width: 719px) {
  .exchange_finished__mailAddress {
    font-size: 1.4rem;
  }
}

.exchange_finished__mailAddress strong {
  font-size: 2.2rem;
}

@media screen and (max-width: 719px) {
  .exchange_finished__mailAddress strong {
    font-size: 1.8rem;
  }
}

.exchange_finished__body {
  width: 100%;
  margin: auto;
}

.exchange_finished__attention {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
}

@media screen and (max-width: 719px) {
  .exchange_finished__attention {
    gap: 5px;
  }
}

.exchange_finished__modalLink {
  display: block;
  margin-top: 24px;
}

.exchange_jpbankExplain {
  display: flex;
  justify-content: space-between;
  padding: 20px 40px;
  margin-bottom: 20px;
  background-color: #E5F6F9;
}

@media screen and (max-width: 719px) {
  .exchange_jpbankExplain {
    flex-direction: column;
    padding: 16px;
  }
}

.exchange_jpbankExplain__explain {
  font-size: 1.4rem;
  max-width: 400px;
  width: 100%;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

.exchange_jpbankExplain h4 {
  display: flex;
  align-items: baseline;
  gap: 5px;
  color: #1F5FA8;
  font-size: 1.4rem;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #999;
}

.exchange_jpbankExplain h4 span {
  color: #fff;
  padding: 3px 6px;
  margin-right: 5px;
  border-radius: 5px;
  background-color: #1F5FA8;
}

.exchange_jpbankExplain ul {
  margin-left: 30px;
}

@media screen and (max-width: 719px) {
  .exchange_jpbankExplain ul {
    margin-left: 16px;
  }
}

.exchange_jpbankExplain ul li {
  list-style-type: decimal;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: 30px;
}

@media screen and (max-width: 719px) {
  .exchange_jpbankExplain ul li {
    margin-bottom: 20px;
  }
  .exchange_jpbankExplain ul li br {
    display: none;
  }
}

.exchange_jpbankExplain__link {
  display: block;
  max-width: 300px;
  width: 100%;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  padding: 10px;
  margin-top: 20px;
  text-align: center;
  border-radius: 10px;
  background-color: #0066FF;
  border-bottom: 3px solid #002b6c;
}

.exchange_jpbankExplain__link:hover {
  color: white;
  text-decoration: none;
  opacity: 0.8;
}

.exchange_jpbankExplain img {
  max-width: 400px;
  width: 100%;
}

.exchange_cataloggiftItems {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 40px;
}

@media screen and (max-width: 719px) {
  .exchange_cataloggiftItems {
    gap: 40px;
    justify-content: center;
  }
}

.exchange_cataloggiftItems__item {
  max-width: 320px;
  width: 100%;
}

.exchange_cataloggiftItems__thumbnail {
  position: relative;
  border: 1px solid #ccc;
  margin-bottom: 8px;
}

.exchange_cataloggiftItems__thumbnail:hover {
  opacity: 0.8;
  cursor: pointer;
}

.exchange_cataloggiftItems__thumbnail img {
  width: 100%;
}

.exchange_cataloggiftItems__zoomIcon {
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-block;
  background: #999;
  width: 30px;
  padding: 5px;
  box-sizing: border-box;
  opacity: 0.8;
}

.exchange_cataloggiftItems__title {
  font-weight: bold;
  font-size: 1.6rem;
  text-align: center;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 5px;
  margin-bottom: 8px;
}

.exchange_cataloggiftItems__information {
  font-size: 1.4rem;
  margin-bottom: 8px;
}

.exchange_cataloggiftItems__price {
  background: #004b96;
  color: #fff;
  padding: 10px;
  display: flex;
  align-items: center;
}

.exchange_cataloggiftItems__price span {
  border-radius: 5px;
  padding: 3px 6px;
  background: #fff;
  display: inline-block;
  margin-right: 10px;
  color: #e33838;
  font-size: 1.4rem;
  font-weight: bold;
  vertical-align: bottom;
}

.exchange_cataloggiftItems__price s {
  font-size: 1.4rem;
  font-weight: normal;
  margin-right: 8px;
}

.exchange_cataloggiftItems__price strong {
  font-size: 2rem;
  transform: translateY(-1px);
}

.exchange_cataloggiftItems__modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}

.exchange_cataloggiftItems__modal--hidden {
  display: none;
}

.exchange_cataloggiftItems__modalCloseBackground {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.exchange_cataloggiftItems__modalMain {
  position: relative;
  width: 800px;
  height: 540px;
  background-color: white;
  border-radius: 10px;
  padding: 16px 8px;
  box-sizing: border-box;
}

.exchange_cataloggiftItems__modalCloseIcon {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  background-color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  transform: translate(50%, -50%);
}

.exchange_cataloggiftItems__modalCloseIcon .material-icons {
  color: white;
  font-size: 1.8rem;
  font-weight: bold;
  cursor: pointer;
}

.exchange_cataloggiftItems__modalTitle {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.exchange_cataloggiftItems__modalImages {
  height: 90%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  overflow-y: scroll;
  margin-bottom: 8px;
}

.exchange_cataloggiftItems__modalImages img {
  width: 100%;
}

.exchange_cataloggiftItems__modalExplain {
  color: #787878;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
}

.exchange_attention {
  margin: 0px auto 10px auto;
  background: #FFEEEE;
  border-top: 2px dotted #FFB3B3;
  border-bottom: 2px dotted #FFB3B3;
  padding: 16px;
  margin-top: 30px;
  margin-bottom: 20px;
}

.exchange_attention--sppoint {
  display: none;
}

.exchange_rank_advantage {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 1.6rem;
  padding: 6px;
  margin-bottom: 10px;
}

@media screen and (max-width: 719px) {
  .exchange_rank_advantage {
    gap: 3px;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .exchange_rank_advantage img {
    margin-right: 3px;
  }
}

.exchange_rank_advantage__memo {
  font-size: 1.2rem;
}

.exchange_list__table {
  border: 3px solid #c5c5c5;
  border-spacing: 0;
  margin-bottom: 30px;
}

.exchange_list__table th, .exchange_list__table td {
  border-right: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
  padding: 8px 3px;
}

.exchange_list__table th:nth-of-type(2), .exchange_list__table td:nth-of-type(2) {
  width: 200px;
}

.exchange_list__table th:nth-of-type(3), .exchange_list__table td:nth-of-type(3) {
  width: 100px;
}

.exchange_list__table th {
  text-align: center;
  font-weight: normal;
  padding: 1px;
  background: #004b96;
  color: #fff;
  font-size: 1.2rem;
}

.exchange_list__table td {
  font-size: 1.5rem;
  text-align: center;
}

.exchange_list__table td a {
  font-size: 1.6rem;
  font-weight: bold;
}

.exchange_list__table tr:hover td {
  background-color: #ffffce;
  cursor: pointer;
}

.exchange_list__itemName {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.exchange_list__itemName span {
  font-size: 1.2rem;
}

.exchange_giftcodeExplain {
  background: #fffbe2;
  padding: 20px;
  border-radius: 10px;
}

@media screen and (max-width: 719px) {
  .exchange_giftcodeExplain {
    padding: 16px;
  }
}

.exchange_giftcodeExplain__title {
  background: #c93a02;
  border-radius: 10px 10px 0 0px;
  padding: 10px 0;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}

.exchange_giftcodeExplain__main {
  background: #ffffff;
  padding-bottom: 20px;
  border-radius: 10px;
}

.exchange_giftcodeExplain__items {
  display: flex;
  font-size: 1.4rem;
}

@media screen and (max-width: 719px) {
  .exchange_giftcodeExplain__items {
    flex-direction: column;
  }
}

.exchange_giftcodeExplain__item {
  width: 100%;
  border-right: 1px #cccccc dotted;
  padding: 0 10px;
}

@media screen and (max-width: 719px) {
  .exchange_giftcodeExplain__item {
    border-right: 0;
  }
}

.exchange_giftcodeExplain__item h3 {
  font-size: 1.4rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin: 20px 0;
}

.exchange_giftcodeExplain__item h3 span {
  background: #333333;
  font-size: 1.2rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  color: #ffffff;
  border-radius: 50%;
}

.exchange_giftcodeExplain__item p {
  font-size: 1.4rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  line-height: 1.5;
  margin-bottom: 40px;
}

.exchange_giftcodeExplain__item img {
  display: block;
  width: 100px;
  margin: 10px auto;
  opacity: .3;
}

.exchange_giftcodeExplain__message {
  margin-bottom: 16px;
}

.exchange_giftcodeExplain__message p {
  display: flex;
  gap: 3px;
  font-size: 1.2rem;
}

.exchange_giftcodeExplain__message p::before {
  content: '※';
}

.exchange_giftcodeExplain__message p span {
  color: #484848;
}

.exchange_giftcodeExplain__message p a {
  font-size: 1.2rem;
}

.exchange_giftcodeExplain__subInformation {
  margin-top: 20px;
}

.exchange_giftcodeExplain__subInformation h4 {
  font-weight: bold;
  margin-bottom: 10px;
}

.exchange_giftcodeExplain__subInformation p {
  display: flex;
  gap: 3px;
  font-size: 1.2rem;
}

.exchange_giftcodeExplain__subInformation p::before {
  content: '※';
}

.exchange_giftcodeExplain__subInformation p .textRed {
  color: #e50000;
}

.exchange_giftcodeExplain__subInformation ul {
  padding: 10px 0;
}

.exchange_giftcodeExplain__subInformation ul li {
  list-style-type: none;
  font-size: 1.3rem;
}

.exchange_activation {
  margin-bottom: 20px;
}

.exchange_activation__methodList {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  height: 42px;
}

.exchange_activation__methodList li {
  margin: 0 30px;
}

.exchange_activation__methodLabel {
  padding: 10px;
  border: 1px solid;
  border-radius: 8px;
}

.exchange_activation__methodInput {
  padding: 10px;
  border: 1px solid;
  border-radius: 8px;
}

.exchange_activation__methodInput:checked ~ .exchange_activation__methodLabel {
  background-color: #FEEBB9;
}

.exchange_activation__phoneInputGroup {
  margin: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.exchange_activation__phoneCaption {
  font-size: 1.6rem;
  line-height: 24px;
}

.exchange_activation__phoneInput {
  text-align: center;
  font-size: 2.4rem;
  padding: 4px;
  max-width: 300px;
  width: 100%;
  padding: 6px;
  border-radius: 2px;
  border: 1px #959595 solid;
  background-color: #FFFFFF;
}

.exchange_activation__caution {
  color: white;
  font-size: 1.4rem;
  line-height: 1.8;
  background-color: crimson;
  padding: 16px;
  margin: 14px 0;
}

.exchange_activation__description {
  font-size: 1.4rem;
  line-height: 1.8;
  margin: 14px 0;
  border: 1px solid;
  padding: 10px;
}

.exchange_activation__sendPhoneNumberSubmit {
  display: block;
  position: relative;
  max-width: 200px;
  width: 100%;
  color: white;
  font-size: 1.6rem !important;
  text-align: center;
  border-radius: 5px;
  background-color: #E69533 !important;
  border: none !important;
  outline: none !important;
  padding: 16px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin: 0 auto;
  cursor: pointer !important;
}

.exchange_activation__sendPhoneNumberSubmit--gray {
  background-color: gray;
}

.exchange_activationConfirm__remainTimer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 20px;
  line-height: 32px;
  padding: 20px 0;
  align-items: baseline;
}

.exchange_activationConfirm__remainSecond {
  font-size: 32px;
  font-weight: bold;
}

.exchange_activationConfirm__ivr {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  align-items: center;
  margin-bottom: 20px;
}

.exchange_activationConfirm__ivrCaption {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
}

.exchange_activationConfirm__ivrPhoneNumber {
  font-size: 32px;
  line-height: 32px;
  border: 1px solid black;
  padding: 10px 60px;
  background-color: #FFFFFF;
  border-radius: 2px;
  border: 1px #959595 solid;
}

.exchange_activationConfirm__sms {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  align-items: center;
  margin-bottom: 20px;
}

.exchange_activationConfirm__codeInputGroup {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.exchange_activationConfirm__codeCaption {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
}

.exchange_activationConfirm__codeInput {
  text-align: center;
  font-size: 24px;
  padding: 4px;
  width: 300px;
  border-radius: 2px;
  border: 1px #959595 solid;
  background-color: #FFFFFF;
}

.exchange_activationConfirm__sendCodeSubmit {
  display: block;
  position: relative;
  max-width: 200px;
  width: 100%;
  color: white;
  font-size: 1.6rem !important;
  text-align: center;
  border-radius: 5px;
  background-color: #E69533 !important;
  border: none !important;
  outline: none !important;
  padding: 16px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin: 0 auto;
  cursor: pointer !important;
}

.exchange_activationConfirm__sendCodeSubmit--gray {
  background-color: gray;
}

.campaign_index {
  width: 950px;
}

@media screen and (max-width: 800px) {
  .campaign_index {
    width: 95%;
    margin: auto;
  }
}

.campaign_index__headerContents {
  margin: auto;
  width: 100%;
}

.campaign_index__headerImg {
  width: 100%;
  position: relative;
}

@media screen and (max-width: 800px) {
  .campaign_index__headerImg img {
    width: 100%;
    position: relative;
  }
}

.campaign_index__medalImg {
  position: absolute;
  top: 80px;
  right: 30px;
  width: 12%;
  animation: rotate 2s linear infinite;
}

.campaign_index__medalImg--yahoolp {
  top: 20px;
}

.campaign_index__medalImg--popularlp {
  top: 20px;
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(30deg);
  }
}

@media screen and (max-width: 800px) {
  .campaign_index__medalImg {
    position: absolute;
    top: 35px;
    right: 20px;
    animation: rotate 2s linear infinite;
  }
  .campaign_index__medalImg--yahoolp {
    top: 5px;
    right: 5px;
  }
  .campaign_index__medalImg--popularlp {
    top: 5px;
    right: 5px;
  }
}

.campaign_index__itemContents {
  width: 100%;
}

.campaign_index__banner {
  display: flex;
  margin-top: 10px;
  margin-bottom: 20px;
}

@media screen and (max-width: 800px) {
  .campaign_index__banner {
    display: initial;
  }
}

.campaign_index__mainAffiliate {
  width: 100%;
  margin: auto;
}

@media screen and (max-width: 800px) {
  .campaign_index__mainAffiliate {
    width: 100%;
    margin: auto;
  }
}

.campaign_index__subAffiliate {
  width: 300px;
  margin-top: 10px;
  margin-left: 10px;
}

@media screen and (max-width: 800px) {
  .campaign_index__subAffiliate {
    width: 300px;
    margin: auto;
  }
}

.campaign_index__modal {
  display: none;
  position: fixed;
  /* 表示位置 */
  z-index: 1;
  top: 20%;
  left: 0;
  right: 0;
  margin: auto;
  /* ここまで */
  width: 520px;
  border-radius: 10px;
  border: 1px solid #ccc;
  background-color: white;
  font-family: "Avenir", "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, "Roboto", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

@media screen and (max-width: 800px) {
  .campaign_index__modal {
    width: 90%;
    top: 20%;
    left: 0;
    right: 0;
    margin: auto;
  }
}

.campaign_index__modalAbout {
  z-index: 2;
  width: 500px;
  padding: 10px;
}

@media screen and (max-width: 800px) {
  .campaign_index__modalAbout {
    width: 100%;
    padding: 1px;
  }
}

.campaign_index__modalAbout a {
  color: #0066cb;
}

.campaign_index__modalAbout a:hover {
  color: #bd0000;
  text-decoration: underline;
}

.campaign_index__modalClose {
  position: relative;
  width: 500px;
}

@media screen and (max-width: 800px) {
  .campaign_index__modalClose {
    width: 100%;
    padding: 5px;
  }
}

.campaign_index__modalClose input {
  position: absolute;
  z-index: 3;
  right: 5px;
  top: -25px;
  cursor: pointer;
  color: #fff;
  font-size: 1.5rem;
  font-weight: bolder;
  border-radius: 50%;
  border: 2px solid #fff;
  background-color: #333;
}

.campaign_index__modalClose input:hover {
  color: #fff;
  background-color: #333;
}

.campaign_index__modalContents {
  height: 300px;
  width: 500px;
  padding: 10px;
  overflow: auto;
  box-sizing: border-box;
}

@media screen and (max-width: 800px) {
  .campaign_index__modalContents {
    width: 100%;
    padding: 5px;
  }
}

.campaign_index__modalTitle {
  font-size: 1.42rem;
  font-weight: bold;
  padding-left: 10px;
}

.campaign_index__modalText {
  font-size: 1.4rem;
  display: flex;
  align-items: flex-start;
}

.campaign_index__modalText span {
  display: block;
}

.campaign_index__modalText p {
  flex: 1;
}

.campaign_index__modalAttention {
  font-size: 1.4rem;
  margin-top: 10px;
}

.campaign_index__footerContents {
  width: 100%;
}

@media screen and (max-width: 800px) {
  .campaign_index__footerContents {
    margin-top: 50px;
  }
}

.campaign_index__footerContents h3 {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 20px;
}

.campaign_index__FeatureLists {
  display: flex;
  margin-bottom: 200px;
  justify-content: center;
}

@media screen and (max-width: 800px) {
  .campaign_index__FeatureLists {
    display: flex;
    flex-wrap: wrap;
  }
  .campaign_index__FeatureLists li {
    width: 35%;
    padding: 15px;
  }
}

.campaign_index__FeatureLists li {
  margin: 10px;
  text-align: center;
}

.campaign_index__FeatureLists p {
  font-size: 1.1rem;
  margin-top: 10px;
}

/*------------------------------
  ** コンポーネント部分
------------------------------*/
.campaign_mainItem {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  margin: 10px 0;
  padding: 10px;
  color: #333;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  border: 5px solid #fef436;
  background-color: #fffbb0;
  transition-property: border-color background-color;
  transition-duration: .1s;
}

.campaign_mainItem:hover {
  color: #333;
  text-decoration: none;
  background: #ffeded;
  border-color: #bd0000;
}

.campaign_mainItem:hover .campaign_mainItem__button {
  opacity: 0.75;
}

.campaign_mainItem--yahoolp:hover {
  background: #ecf4ff;
  border-color: #083d93;
}

.campaign_mainItem--popularlp {
  border-color: #e92b5e;
  background-color: #fddde6;
}

.campaign_mainItem--popularlp:hover {
  border-color: #96f0df;
  background-color: #e0f4f1;
}

@media screen and (max-width: 800px) {
  .campaign_mainItem__thumbnail img {
    width: 100%;
    box-sizing: border-box;
  }
}

.campaign_mainItem__name {
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.campaign_mainItem__caption {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-wrap: wrap;
  padding: 10px 0;
}

.campaign_mainItem__reason {
  position: relative;
  top: -2px;
  display: flex;
  justify-content: center;
}

.campaign_mainItem__reasonIcon {
  position: relative;
  top: 3px;
  margin-right: 3px;
  line-height: 1;
}

.campaign_mainItem__reasonText {
  font-size: 1.1rem;
}

.campaign_mainItem__point {
  position: relative;
  padding: 0 5px;
}

.campaign_mainItem__pointBeforeValue del {
  font-weight: bold;
  color: #333;
  line-height: 1;
}

.campaign_mainItem__pointBeforeValue span {
  display: inline-block;
  margin: 0 5px;
  color: #333;
}

.campaign_mainItem__pointValue {
  color: #bd0000;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
}

.campaign_mainItem__pointValue img {
  margin-right: 5px;
}

.campaign_mainItem__pointValue em {
  font-family: Verdana;
  font-size: 2.0rem;
  font-style: normal;
}

.campaign_mainItem__pointValue--up {
  display: flex;
  justify-content: center;
  align-items: center;
}

.campaign_mainItem__button {
  width: 100%;
  max-width: 468px;
  margin: auto;
  padding: 10px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 50px;
  background-color: #bd0000;
  border-bottom: 5px solid #ddd;
  transition-property: opacity;
  transition-duration: .1s;
}

.campaign_mainItem__button:hover {
  color: #fff;
  background-color: #bd0000;
}

.campaign_mainItem__button--yahoolp {
  background-color: #083d93;
}

.campaign_mainItem__button--yahoolp:hover {
  background-color: #083d93;
}

.campaign_mainItem__button--popularlp {
  background-color: #e92b5e;
}

.campaign_mainItem__button--popularlp:hover {
  background-color: #e92b5e;
}

.campaign_mainItem__detail {
  margin: 5px 0 10px 0;
}

.campaign_mainItem__detail a {
  font-size: 1.3rem;
}

@media screen and (max-width: 800px) {
  .campaign_mainItem__detail a {
    display: none;
  }
}

.campaign_itemLists {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 10px;
}

@media screen and (min-width: 801px) {
  .campaign_itemLists li {
    width: calc(25% - 10px * (4 - 1) / 4);
    margin-right: 10px;
  }
  .campaign_itemLists li:nth-child(4n), .campaign_itemLists li:last-child {
    margin-right: 0;
  }
  .campaign_itemLists li:nth-child(n+5) {
    margin-top: 15px;
  }
}

@media screen and (max-width: 800px) {
  .campaign_itemLists li {
    width: calc(50% - 10px * (2 - 1) / 2);
    margin-right: 10px;
  }
  .campaign_itemLists li:nth-child(2n), .campaign_itemLists li:last-child {
    margin-right: 0;
  }
  .campaign_itemLists li:nth-child(n+3) {
    margin-top: 15px;
  }
}

.campaign_item {
  position: relative;
  box-sizing: border-box;
  display: block;
  height: 100%;
  padding: 10px 15px 20px 15px;
  color: #333;
  text-decoration: none;
  text-align: center;
  border: 5px solid #ddd;
  position: relative;
  transition-property: border-color;
  transition-duration: .1s;
}

.campaign_item:hover {
  color: #333;
  text-decoration: none;
  border-color: #bd0000;
}

.campaign_item--yahoolp:hover {
  border-color: #083d93;
}

.campaign_item--popularlp:hover {
  border-color: #96f0df;
}

.campaign_item__img {
  max-width: 200px;
  min-height: 170px;
  display: flex;
}

.campaign_item__img img {
  max-width: 100%;
  margin: auto;
}

@media screen and (max-width: 800px) {
  .campaign_item__img {
    margin: auto;
    max-width: 70%;
    min-height: 40%;
  }
}

.campaign_item__name {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

@media screen and (max-width: 800px) {
  .campaign_item__name {
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 1.2rem;
  }
}

.campaign_item__caption {
  flex-direction: row;
  justify-content: center;
  font-size: 1.3rem;
  margin-bottom: 10px;
  align-items: center;
}

@media screen and (max-width: 800px) {
  .campaign_item__caption {
    margin: 5px;
    font-size: 1.1rem;
  }
}

.campaign_item__reason {
  position: relative;
  display: flex;
  justify-content: center;
}

.campaign_item__reasonIcon {
  position: relative;
  top: 3px;
  margin-right: 3px;
  line-height: 1;
}

.campaign_item__reasonText {
  font-size: 1.1rem;
}

.campaign_item__point {
  position: relative;
  padding: 0 5px;
}

.campaign_item__pointBeforeValue del {
  font-weight: bold;
  color: #333;
  line-height: 1;
}

.campaign_item__pointBeforeValue span {
  display: inline-block;
  margin: 0 5px;
  color: #333;
}

.campaign_item__pointValue {
  color: #bd0000;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
}

.campaign_item__pointValue img {
  margin-right: 5px;
}

.campaign_item__pointValue em {
  font-family: Verdana;
  font-size: 2.0rem;
  font-style: normal;
}

.campaign_item__pointValue--up {
  display: flex;
  justify-content: center;
  align-items: center;
}

.campaign_item__detail {
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 100%;
  font-size: 1.2rem;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .campaign_item__detail {
    display: none;
  }
}

.campaign_bannerMedal {
  float: left;
  width: 640px;
  padding: 20px 25px;
  padding-bottom: 12px;
  text-align: center;
  background: #d20605;
  box-sizing: border-box;
}

@media screen and (max-width: 800px) {
  .campaign_bannerMedal {
    width: 100%;
    display: initial;
    margin-bottom: 50px;
    padding: 20px 15px;
  }
}

.campaign_bannerMedal__inline {
  display: flex;
  gap: 0 10px;
}

.campaign_bannerMedal__head {
  color: #fff;
  margin-right: 15px;
}

@media screen and (max-width: 800px) {
  .campaign_bannerMedal__head {
    margin-right: 0;
  }
}

.campaign_bannerMedal__heading {
  display: flex;
  align-items: center;
  padding: 10px;
}

@media screen and (max-width: 800px) {
  .campaign_bannerMedal__heading {
    flex-flow: column;
    padding: 10px 0;
  }
}

.campaign_bannerMedal__heading img {
  width: 30%;
}

@media screen and (max-width: 800px) {
  .campaign_bannerMedal__heading img {
    width: 60px;
  }
}

.campaign_bannerMedal__heading h2 {
  font-size: 2rem;
  line-height: 1.5;
  margin: 10px;
}

@media screen and (max-width: 800px) {
  .campaign_bannerMedal__heading h2 {
    font-size: 1.5rem;
  }
  .campaign_bannerMedal__heading h2 br {
    display: none;
  }
}

.campaign_bannerMedal__heading span {
  font-size: 2rem;
}

@media screen and (max-width: 800px) {
  .campaign_bannerMedal__heading span {
    font-size: 1.5rem;
  }
}

.campaign_bannerMedal__description {
  padding: 10px;
  font-size: 1.3rem;
  line-height: 1.5;
  margin-bottom: 20px;
  letter-spacing: 0.2rem;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
}

@media screen and (max-width: 800px) {
  .campaign_bannerMedal__description {
    font-size: 1.1rem;
    letter-spacing: initial;
    text-align: left;
  }
  .campaign_bannerMedal__description br {
    display: none;
  }
}

.campaign_bannerMedal__rule {
  font-size: 1.3rem;
  color: #fff;
  background: none;
  border: none;
}

.campaign_bannerMedal__rule:hover {
  text-decoration: underline;
  background: none;
  border: none;
}

@media screen and (max-width: 800px) {
  .campaign_bannerMedal__rule {
    margin-bottom: 15px;
  }
}

.campaign_bannerMedal__contents {
  position: relative;
  width: 65%;
}

@media screen and (max-width: 800px) {
  .campaign_bannerMedal__contents {
    width: 50%;
  }
}

.campaign_bannerMedal__item {
  box-sizing: border-box;
  display: block;
  height: 100%;
  padding: 15px 10px 30px 10px;
  color: #333;
  text-decoration: none;
  border-radius: 10px;
  background-color: #fff;
  transition-property: border-color background-color;
  transition-duration: .1s;
}

.campaign_bannerMedal__item:hover {
  color: #333;
  text-decoration: none;
  background: #ffeded;
  border-color: #bd0000;
}

.campaign_bannerMedal__lead {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 1.3rem;
  color: #d20605;
}

.campaign_bannerMedal__img {
  padding: 5px 0;
  border: 1px solid #ddd;
}

.campaign_bannerMedal__img img {
  max-width: 100%;
}

.campaign_bannerMedal__name {
  margin-top: 10px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 10px;
}

@media screen and (max-width: 800px) {
  .campaign_bannerMedal__name {
    font-size: 1.6rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}

.campaign_bannerMedal__caption {
  font-size: 1.2rem;
  margin-bottom: 10px;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 800px) {
  .campaign_bannerMedal__caption {
    font-size: 1.2rem;
    text-overflow: ellipsis;
  }
}

.campaign_bannerMedal__reason {
  position: relative;
  display: flex;
  justify-content: center;
}

.campaign_bannerMedal__reasonIcon {
  position: relative;
  top: 3px;
  margin-right: 3px;
  line-height: 1;
}

.campaign_bannerMedal__reasonText {
  font-size: 1.1rem;
}

.campaign_bannerMedal__point {
  position: relative;
  padding: 0 5px;
}

.campaign_bannerMedal__pointBeforeValue del {
  font-weight: bold;
  color: #333;
  line-height: 1;
}

.campaign_bannerMedal__pointBeforeValue span {
  display: inline-block;
  margin: 0 5px;
  color: #333;
}

.campaign_bannerMedal__pointValue {
  color: #bd0000;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
}

.campaign_bannerMedal__pointValue img {
  margin-right: 5px;
}

.campaign_bannerMedal__pointValue em {
  font-family: Verdana;
  font-size: 2.0rem;
  font-style: normal;
}

.campaign_bannerMedal__pointValue--up {
  display: flex;
  justify-content: center;
  align-items: center;
}

.campaign_bannerMedal__detail {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
}

.campaign_bannerMedal__detail a {
  font-size: 1.2rem;
  color: #333;
}

.campaign_bannerMedal__status {
  color: white;
  font-size: 1.6rem;
  font-weight: bold;
  background-color: #970100;
  border-radius: 60px;
  padding: 10px;
  box-sizing: border-box;
  margin-top: 16px;
}

.campaign_bannerMedal__status--rewarded {
  background-color: #2A2A2A;
}

.campaign_bannerMedal__attention {
  display: inline-block;
  color: white;
  font-size: 1.2rem;
  border-radius: 60px;
  padding: 4px 16px;
  box-sizing: border-box;
  margin-top: 4px;
}

.campaign_explains {
  position: relative;
  width: 100%;
  height: auto;
  border: 1px #DDD solid;
  padding: 20px;
  box-sizing: border-box;
}

.campaign_explain__title {
  font-size: 2.4rem;
  font-weight: bold;
  border-bottom: 1px #DDD solid;
  padding: 10px 0;
}

.campaign_explain__text {
  color: #333;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 0 40px;
  box-sizing: border-box;
  margin-bottom: 20px;
}

.campaign_explain__text li {
  list-style-type: disc;
  line-height: 1.6;
  margin: 12px 0;
}

@media (max-width: 800px) {
  .campaign_explain__title {
    font-size: 2rem;
    line-height: 1.2;
  }
  .campaign_explain__text {
    font-size: 1.2rem;
    padding: 0 20px;
  }
}

.campaign_specialBannerLinks {
  text-align: center;
}

.campaign_specialBannerLinks h3 {
  font-size: 20px;
  margin-bottom: 10px;
}

.campaign_specialBannerLinks li {
  width: 130px;
  text-align: center;
  vertical-align: top;
  display: inline-block;
}

.campaign_specialBannerLinks a {
  display: inline-block;
  color: #333;
  padding: 10px 6px;
}

.campaign_specialBannerLinks a:hover {
  background: #fff884;
}

.comparisonCampaign__headerImage {
  width: 100%;
  margin-bottom: 16px;
}

.comparisonCampaign__explain {
  margin: 20px 0;
}

.comparisonCampaign__specialBannerLinks {
  margin-top: 56px;
  margin-bottom: 20px;
}

.comparisonCampaign__main table {
  border-collapse: collapse;
  margin-bottom: 32px;
}

.comparisonCampaign__main table:last-child {
  margin-bottom: 0;
}

.comparisonCampaign__main table th,
.comparisonCampaign__main table td {
  color: #484848;
  border: 2px #D3E1FF solid;
  padding: 16px 0;
}

.comparisonCampaign__main table th {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  padding: 16px 0 15px;
}

.comparisonCampaign__main table th img {
  width: 80%;
}

.comparisonCampaign__main table td {
  font-size: 1.7rem;
  line-height: 1.4;
  text-align: center;
}

.comparisonCampaign__main table td:first-child {
  border-left-color: transparent;
}

.comparisonCampaign__main table td:last-child {
  border-right-color: transparent;
}

.comparisonCampaign__title {
  display: block;
  color: #5A5A5A;
  font-size: 1.5rem;
  margin-top: 10px;
}

.comparisonCampaign__own {
  font-weight: bold;
}

.comparisonCampaign__own td {
  font-weight: bold;
}

.comparisonCampaign__own td:not(:first-child) strong {
  color: #ff4367;
  font-size: 3.2rem;
}

.comparisonCampaign__own td:not(:first-child) a {
  display: block;
  padding: 8px;
  background-color: #ff4646;
  width: 50%;
  margin: 0 auto;
  border-radius: 60px;
  font-size: 1.4rem;
  color: white;
  text-decoration: none;
  margin-top: 8px;
}

.comparisonCampaign__own td img {
  display: block;
  width: 120px;
  margin: 0 auto;
  margin-top: 8px;
}

.comparisonCampaign__sub {
  font-size: 1.2rem;
}

.comparisonCampaign__borderNone {
  border: none !important;
}

.comparisonCampaign__message {
  width: 88%;
  color: white;
  font-size: 2.4rem;
  text-align: center;
  background-color: #FF8900;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 0;
  margin: 40px auto;
}

.comparisonCampaign__message span {
  font-size: 4rem;
  margin-right: 6px;
}

.comparisonCampaign__button {
  color: white;
  font-size: 1.6rem;
  font-weight: bold;
  background-color: #ff3057;
  border-radius: 6px;
  padding: 8px 32px;
}

.comparisonCampaign__button:hover {
  color: white;
  text-decoration: none;
}

@media (max-width: 800px) {
  .comparisonCampaign__main {
    width: 100%;
  }
  .comparisonCampaign__main .js-scrollColumn {
    width: 800px;
    display: table;
  }
  .comparisonCampaign__main .js-scrollColumn tbody {
    display: table-row-group;
  }
  .comparisonCampaign__main .js-scrollColumn tr {
    display: table-row;
  }
  .comparisonCampaign__main .js-scrollColumn th {
    display: table-cell;
  }
  .comparisonCampaign__main .js-scrollColumn th img {
    width: 90%;
  }
  .comparisonCampaign__main .js-scrollColumn td {
    display: table-cell;
    font-size: 1.4rem;
  }
  .comparisonCampaign__own:not(:first-child) td strong {
    font-size: 2.4rem;
  }
  .comparisonCampaign__own:not(:first-child) td a {
    font-size: 1.3rem;
  }
  .comparisonCampaign__button {
    font-size: 1.5rem;
    padding: 8px 24px;
  }
  .comparisonCampaign__message {
    font-size: 1.6rem;
    line-height: 1.6;
    font-weight: bold;
    text-align: left;
    padding: 16px 8px;
    box-sizing: border-box;
    margin: 32px auto;
  }
  .comparisonCampaign__message span {
    font-size: 3.2rem;
  }
  .comparisonCampaign__explain {
    padding: 0 8px;
    box-sizing: border-box;
  }
}

.treasure_index {
  width: 1040px;
}

@media (max-width: 1040px) {
  .treasure_index {
    width: 100%;
  }
}

.treasure_index__mainColumn {
  width: 100%;
  display: flex;
  justify-content: space-around;
  padding: 10px 5px;
  margin: auto;
  margin-bottom: 40px;
  box-sizing: border-box;
  background-color: #ebcf9c;
  box-shadow: 2px 2px 4px #4a1802, -2px -2px 4px #4a1802, inset 0px 0px 8px #4a1802;
}

@media (max-width: 1040px) {
  .treasure_index__mainColumn {
    max-width: 720px;
    height: auto;
    flex-direction: column;
  }
}

.treasure_index__leftColumn {
  width: 720px;
}

@media (max-width: 1040px) {
  .treasure_index__leftColumn {
    width: 100%;
  }
}

.treasure_index__rightColumn {
  width: 300px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 1040px) {
  .treasure_index__rightColumn {
    width: 100%;
  }
}

.treasure_index__thumbnail {
  margin-bottom: 20px;
}

.treasure_index__titleImage {
  width: 100%;
}

.treasure_index__playRule {
  margin-bottom: 20px;
}

.treasure_index__playRule a {
  display: block;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  border-radius: 10px;
  background-color: #804915;
}

.treasure_index__selectTitle {
  text-align: center;
  margin-bottom: 10px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.4;
}

@media (max-width: 1040px) {
  .treasure_index__selectTitle {
    font-size: 2.0rem;
    margin-bottom: 0;
  }
}

.treasure_index__selectItems {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px 0;
  margin-bottom: 30px;
}

@media (max-width: 1040px) {
  .treasure_index__selectItems {
    gap: 20px 0;
  }
}

.treasure_index__selectItem {
  width: calc(100% / 3);
  display: flex;
  justify-content: center;
}

@media (max-width: 1040px) {
  .treasure_index__selectItem {
    width: calc(100% / 2);
  }
}

.treasure_index__selectBoxTexts {
  color: #fff;
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 10px;
  text-shadow: 1px 2px 2px #986637, -1px -2px 2px #986637;
}

@media (max-width: 1040px) {
  .treasure_index__selectBoxTexts {
    font-size: 1.6rem;
  }
}

.treasure_index__selectItemTop {
  display: flex;
  justify-content: center;
}

.treasure_index__selectItemCenter {
  margin: 0 35px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.treasure_index__selectItemBottom {
  margin: 0 100px;
  display: flex;
  justify-content: space-around;
}

.treasure_index__selectBox {
  width: 150px;
  height: 150px;
}

.treasure_index__selectBox:hover img {
  display: none;
}

.treasure_index__selectBox:hover a {
  display: block;
  width: 150px;
  height: 150px;
}

.treasure_index__selectBox a {
  display: block;
}

.treasure_index__congratulation {
  padding-right: 20px;
}

@media (max-width: 1040px) {
  .treasure_index__congratulation {
    padding-right: 15px;
  }
}

.treasure_index__rewarded {
  max-width: 600px;
  margin: auto;
  position: relative;
}

.treasure_index__rewardedBackgroundImage {
  width: 100%;
  max-height: 420px;
}

.treasure_index__medalChip {
  width: 100%;
  display: inline-flex;
  justify-content: center;
  position: absolute;
  top: 20%;
  left: 15%;
  /* 画像をコンテナの幅に合わせる */
}

.treasure_index__medalChip img {
  width: calc(100% / 4);
  height: auto;
}

.treasure_index__medalChip--cherry {
  top: 20%;
  left: 5%;
}

.treasure_index__medalChip--peach {
  top: 18%;
  left: 3%;
}

.treasure_index__medalChip--orange {
  top: 17%;
  left: 2%;
}

.treasure_index__medalChip--melon {
  top: 13%;
  left: 3%;
}

.treasure_index__challengeTextImage {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  margin: 20px 0;
}

@media (max-width: 1040px) {
  .treasure_index__challengeTextImage {
    font-size: 2.0rem;
    margin: 20px 0;
  }
}

.treasure_index__rankUpThumbnail {
  max-width: 500px;
  width: 100%;
  margin: auto;
}

@media (max-width: 1040px) {
  .treasure_index__rankUpThumbnail {
    margin-bottom: 30px;
  }
}

.treasure_index__rankUpImage {
  width: 100%;
}

.treasure_index__adrRightColumn {
  margin: auto;
}

.treasure_index__ruleColumn {
  max-width: 300px;
  width: calc(100% - 30px);
  padding: 24px 12px;
  margin-top: 10px;
  text-align: center;
  background: url(/assets/img/treasure/right_bg.gif) no-repeat;
  background-size: 100% 100%;
}

@media (max-width: 1040px) {
  .treasure_index__ruleColumn {
    width: calc(100% - 40px);
    height: auto;
    margin-top: 0;
  }
}

.treasure_index__ruleTitle {
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  padding: 5px;
  margin-bottom: 10px;
  border-radius: 10px;
  background-color: #804915;
}

.treasure_index__ruleDescription {
  display: flex;
}

.treasure_index__descriptionNo {
  margin: 5px;
  height: 17px;
  width: 17px;
  font-size: 1.2rem;
  border-radius: 3px;
  color: #fff;
  background: #804915;
}

.treasure_index__descriptionText {
  width: 250px;
  margin: 3px;
  font-size: 1.2rem;
  text-align: left;
}

.treasure_index__fruitCategoryIcon {
  margin: 7px;
  margin-bottom: 10px;
  height: 17px;
  width: 100px;
  font-size: 1.2rem;
  border-radius: 3px;
  color: #fff;
  background: #804915;
}

.treasure_index__fruitList {
  text-align: initial;
}

.treasure_index__fruitItem {
  padding: 7px;
  background-image: linear-gradient(to right, #000, #000 1px, transparent 1px, transparent 1px);
  /* 幅2の線を作る */
  background-size: 5px 1px;
  /* グラデーションの幅・高さを指定 */
  background-position: top;
  /* 背景の開始位置を指定 */
  background-repeat: repeat-x;
  /* 横向きにのみ繰り返す */
}

.treasure_index__fruitItem:last-child {
  padding: 0;
  padding-top: 10px;
  margin-left: 5px;
}

.treasure_index__adBottomResponsive {
  margin: auto;
}

.treasure_index__adTitle {
  height: 250px;
  padding: 0 1px;
  margin-right: 20px;
  color: #999;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #ccc;
  background-color: #faf8f5;
  font-family: Verdana, Tahoma, sans-serif;
  /* 縦書き設定 */
  writing-mode: vertical-lr;
  text-orientation: upright;
}

.treasure_index__adInterstitial {
  margin-bottom: 10px;
}

.treasure_index__adInterstitial--mobile {
  margin-bottom: 10px;
}

.insurance_index {
  width: 640px;
  margin: auto;
}

@media (max-width: 640px) {
  .insurance_index {
    width: 100%;
  }
}

.insurance_index__link {
  display: flex;
  margin: 10px;
  margin-left: 0;
}

.insurance_index__link a {
  font-size: small;
  cursor: pointer;
}

.insurance_index__link li:first-child::after {
  content: ">";
}

.insurance_index__text {
  margin-left: 3px;
  font-size: small;
  font-weight: bold;
}

.insurance_index__buttonWrapper {
  display: flex;
  flex-direction: column;
}

@media (max-width: 640px) {
  .insurance_index__buttonWrapper {
    padding: 0 8px;
  }
}

.insurance_index__contents {
  margin: auto;
}

.insurance_index__tab {
  width: 100%;
}

.insurance_index__tab img {
  width: 100%;
}

.insurance_index__contentsImg img {
  width: 100%;
}

.insurance_index__estimateButton {
  margin-top: 25px;
  width: 100%;
}

.insurance_index__estimateButton:hover {
  opacity: 0.75;
}

@media (max-width: 640px) {
  .insurance_index__estimateButton img {
    width: 100%;
  }
}

.insurance_index__attention {
  display: flex;
  justify-content: center;
  width: 100%;
  font-size: 1.5rem;
  color: red;
  font-weight: bold;
  margin: 10px 0 55px 0;
  font-family: "メイリオ", "Meiryo", sans-serif;
}

@media (max-width: 640px) {
  .insurance_index__attention {
    align-items: center;
    flex-direction: column;
  }
}

.insurance_index__attentionImg {
  margin-right: 10px;
}

@media (max-width: 640px) {
  .insurance_index__attentionImg {
    margin-right: 0;
    margin-bottom: 5px;
  }
}

.insurance_index__attentionLink {
  padding: 2px;
  text-decoration: none;
}

@media (max-width: 640px) {
  .insurance_index__attentionLink {
    font-size: 1.2rem;
  }
}

.insurance_index__attentionLink a {
  text-decoration: underline;
}

@media (max-width: 640px) {
  .insurance_index__attentionLink a {
    font-size: 1.2rem;
  }
}

.insurance_index__contentsTitle {
  width: 100%;
  margin-bottom: 10px;
}

.insurance_index__contentsLink {
  display: flex;
  width: 100%;
  margin-bottom: 55px;
  justify-content: center;
}

.insurance_index__contentsLink li {
  padding: 0 4px 0 4px;
}

.insurance_index__contentsLink li:hover {
  opacity: 0.75;
}

.insurance_index__overview {
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 640px) {
  .insurance_index__overview {
    padding: 10px;
  }
}

.insurance_index__overviewTitle {
  width: 100%;
  padding: 5px;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: lighter;
  background-color: #00a1cb;
  box-sizing: border-box;
}

.insurance_index__overviewSentence {
  margin: 10px 0;
}

.insurance_index__overviewTable {
  width: 100%;
  margin-bottom: 10px;
  border-collapse: collapse;
}

.insurance_index__overviewTable tr {
  border: solid 1px #00a1cb;
}

@media (max-width: 640px) {
  .insurance_index__overviewTable tr {
    display: flex;
    border-bottom: none;
  }
  .insurance_index__overviewTable tr:last-child {
    border-bottom: solid 1px #00a1cb;
  }
}

.insurance_index__overviewTable tr td {
  padding: 10px;
  font-size: 1.2rem;
  background-color: white;
  box-sizing: border-box;
}

.insurance_index__overviewTable tr th {
  background-color: #f5f7f9;
  padding: 10px;
  width: 90px;
  text-align: left;
  vertical-align: top;
  border-right: solid 1px #00a1cb;
}

.insurance_index__overviewText {
  margin-bottom: 10px;
}

.insurance_index__targetPerson {
  width: 100%;
  display: flex;
  align-items: flex-start;
}

.insurance_index__targetPerson a {
  font-size: 1.2rem;
}

.insurance_index__mark {
  display: block;
}

.insurance_index__matter {
  flex: 1;
}

.insurance_index__prize {
  width: 100%;
  display: flex;
  align-items: flex-start;
}

.insurance_index__shipping {
  width: 100%;
  display: flex;
  align-items: flex-start;
}

.insurance_index__shippingAttention {
  color: red;
  font-weight: bold;
}

.insurance_index__precautionsImg {
  margin: 25px 10px 0 8px;
}

.insurance_index__precautionsImg img {
  width: 100%;
}

.insurance_index__details {
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 640px) {
  .insurance_index__details {
    padding: 10px;
  }
}

.insurance_index__details img {
  width: 84px;
  height: 63px;
}

.insurance_index__details a {
  font-size: 1.2rem;
}

.insurance_index__detailsTitle img {
  width: 100%;
  height: 100%;
}

.insurance_index__detailsTable {
  width: 100%;
  border-collapse: collapse;
}

.insurance_index__detailsTable tr {
  border: solid 1px #999;
}

@media (max-width: 640px) {
  .insurance_index__detailsTable tr {
    display: flex;
  }
}

.insurance_index__detailsTable tr td {
  padding: 5px;
  font-size: 1.2rem;
  background-color: white;
  box-sizing: border-box;
}

.insurance_index__detailsTable tr th {
  border-right: solid 1px #999;
  background-color: #f5f7f9;
  padding: 10px;
  width: 90px;
  text-align: left;
  vertical-align: top;
}

.insurance_index__detailsText {
  font-weight: bold;
}

.insurance_index__prizeAbout {
  display: flex;
  flex-direction: column;
}

.insurance_index__prizeAbout li {
  display: flex;
}

.insurance_index__prizeAbout li:not(:last-child)::before {
  content: '・';
}

.insurance_index__prizeAbout li:last-child::before {
  content: '※';
}

.insurance_index__detailsAttention {
  color: red;
  font-weight: bold;
  margin: 5px;
  font-size: 1.4rem;
  font-family: "メイリオ", "Meiryo", sans-serif;
}

.insurance_index__attentionList {
  display: flex;
  flex-wrap: wrap;
  border-top: solid 1px #999;
  border-left: solid 1px #999;
}

.insurance_index__attentionList li {
  width: calc(100% / 3);
  box-sizing: border-box;
  padding: 17px 3px;
  text-align: center;
  line-height: 1.7;
  border-right: solid 1px #999;
  border-bottom: solid 1px #999;
}

@media (max-width: 740px) {
  .insurance_index__attentionList li {
    width: calc(100% / 2);
    padding: 11px 4px;
  }
}

.insurance_index__attentionList li:last-child {
  display: none;
}

@media (max-width: 640px) {
  .insurance_index__attentionList a {
    display: block;
  }
}

.insurance_index__detailsLists {
  margin: 5px 0;
  line-height: 1.5;
}

.insurance_index__detailsLists .description {
  display: flex;
  flex-direction: column;
}

.insurance_index__detailsLists .description li {
  display: flex;
}

.insurance_index__detailsLists .description li::before {
  content: '・';
}

.insurance_index__detailsLists .description .note {
  display: flex;
}

.insurance_index__detailsLists .description .note::before {
  content: '※';
}

.insurance_index__contents {
  width: 100%;
  text-align: right;
}

.insurance_index__contentsAppeal img {
  width: 100%;
}

.fm_tyousatai-l-main__header {
  margin-top: 24px;
  margin-bottom: 8px;
}

.fm_tyousatai-l-main__headerImage {
  margin-bottom: 24px;
}

.fm_tyousatai-l-main__headerImage img {
  width: 100%;
}

.fm_tyousatai-l-main__heading {
  position: relative;
  width: 100%;
  color: #333;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  border-bottom: 2px #BBB solid;
  padding-bottom: 16px;
  box-sizing: border-box;
  margin-bottom: 16px;
}

.fm_tyousatai-l-main__banner {
  margin: 32px 0;
}

.fm_tyousatai-l-main__banner img {
  display: block;
  width: 80%;
  margin: 0 auto;
}

.fm_tyousatai-l-main__rules ul {
  padding: 0 24px;
  box-sizing: border-box;
}

.fm_tyousatai-l-main__rules ul li {
  font-size: 1.4rem;
  line-height: 1.4;
  list-style-type: disc;
  margin-bottom: 12px;
}

.fm_tyousatai-pg-detail__lostMessage {
  color: #FF4266;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 40px 0;
}

.fm_tyousatai-pg-detail__newsLink {
  position: relative;
  display: block;
  color: #FF727B;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 24px;
}

.fm_tyousatai-pg-detail__heading {
  position: relative;
  width: 100%;
  color: #333;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.4;
  border-bottom: 2px #BBB solid;
  padding-bottom: 8px;
  box-sizing: border-box;
  margin-bottom: 16px;
}

.fm_tyousatai-pg-detail__heading--sub {
  font-size: 1.8rem;
}

.fm_tyousatai-pg-detail__heading--center {
  text-align: center;
}

.fm_tyousatai-pg-detail__catchPhrase {
  position: relative;
  display: flex;
  padding: 0 8px;
  box-sizing: border-box;
  margin-bottom: 24px;
}

.fm_tyousatai-pg-detail__catchPhraseImage {
  width: 300px;
  margin-right: 16px;
}

.fm_tyousatai-pg-detail__catchPhraseImage img {
  width: 100%;
}

.fm_tyousatai-pg-detail__catchPhraseText {
  width: calc(950px - 300px - 24px);
  font-size: 1.4rem;
  line-height: 1.6;
}

.fm_tyousatai-pg-detail__aboveTheButton {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
}

.fm_tyousatai-pg-detail__aboveTheButton span {
  margin-right: 4px;
}

.fm_tyousatai-pg-detail__aboveTheButton b {
  font-size: 1.4rem;
}

.fm_tyousatai-pg-detail__applyButton {
  position: relative;
  width: 560px;
  height: 48px;
  font-size: 2rem;
  margin: 0 auto 16px;
}

.fm_tyousatai-pg-detail__subComment {
  position: relative;
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: 24px;
}

.fm_tyousatai-pg-detail__informationTable {
  font-size: 1.3rem;
  margin-bottom: 24px;
}

.fm_tyousatai-pg-detail__informationTable th {
  width: 180px;
  text-align: right;
  background-color: #DDD5CD;
  padding: 6px 16px;
  box-sizing: border-box;
}

.fm_tyousatai-pg-detail__informationTable td {
  padding: 0 8px;
  box-sizing: border-box;
}

.fm_tyousatai-pg-detail__apealPointInformation {
  color: crimson;
  font-size: 1.6rem;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.fm_tyousatai-pg-detail__apealPointInformation img {
  width: 24px;
  margin-right: 4px;
}

.fm_tyousatai-pg-detail__blackText {
  color: #505050;
  font-size: 1.4rem;
  margin-left: 8px;
}

.fm_tyousatai-pg-detail__notes {
  position: relative;
  font-size: 1.2rem;
  background-color: #F5F5F5;
  padding: 16px;
  margin-bottom: 24px;
}

.fm_tyousatai-pg-detail__notesTitle {
  font-weight: bold;
  margin-bottom: 4px;
}

.fm_tyousatai-pg-guide {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
}

.fm_tyousatai-pg-guide__main {
  position: relative;
  width: 640px;
  padding-right: 2%;
  box-sizing: border-box;
}

.fm_tyousatai-pg-guide__mobileOpenIndexesButton {
  display: none;
}

.fm_tyousatai-pg-guide__heading, .fm_tyousatai-pg-guide__mobileOpenIndexesButton {
  color: white;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
  background-color: #76C225;
  border-radius: 3px;
  padding: 12px 0px 12px 10px;
  margin-bottom: 12px;
}

.fm_tyousatai-pg-guide__heading--pink, .fm_tyousatai-pg-guide__mobileOpenIndexesButton--pink {
  background-color: #FF46A8;
}

.fm_tyousatai-pg-guide__type {
  position: relative;
  width: 100%;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 12px;
  padding-left: 12px;
}

.fm_tyousatai-pg-guide__type::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background-color: #76C225;
}

.fm_tyousatai-pg-guide__type a {
  margin-left: 4px;
}

.fm_tyousatai-pg-guide__content {
  position: relative;
  border: 1px #C3C3C3 solid;
  padding: 16px;
  box-sizing: border-box;
  margin-bottom: 12px;
}

.fm_tyousatai-pg-guide__title {
  position: relative;
  color: #875D2A;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  padding-bottom: 8px;
  border-bottom: 1px #C3C3C3 dashed;
  margin-bottom: 12px;
}

.fm_tyousatai-pg-guide__title span {
  color: crimson;
  font-size: 1.1rem;
  margin-left: 8px;
}

.fm_tyousatai-pg-guide__title img {
  margin-right: 8px;
}

.fm_tyousatai-pg-guide__subTitle {
  font-weight: bold;
  background-color: #E5F8CF;
  border-radius: 3px;
  padding: 4px 2px;
  box-sizing: border-box;
  margin: 12px 0;
}

.fm_tyousatai-pg-guide__subTitle:first-child {
  margin-top: 0;
}

.fm_tyousatai-pg-guide__questions {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.6;
}

.fm_tyousatai-pg-guide__questions p {
  margin: 24px 0;
}

.fm_tyousatai-pg-guide__questions dl dt, .fm_tyousatai-pg-guide__questions dl dd {
  color: #875D2A;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 4px;
}

.fm_tyousatai-pg-guide__questions dl dd {
  color: black;
  border-bottom: 1px dotted #CCC;
  padding-bottom: 8px;
  margin-bottom: 16px;
}

.fm_tyousatai-pg-guide__caution {
  color: crimson;
}

.fm_tyousatai-pg-guide__indent15 {
  margin-left: 15px;
}

.fm_tyousatai-pg-guide__pickupPoint {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.6;
  background-color: #E5F8CF;
  padding: 16px;
  box-sizing: border-box;
}

.fm_tyousatai-pg-guide__pickupPoint img {
  width: 100%;
  margin-top: 16px;
}

.fm_tyousatai-pg-guide__rightInformation {
  position: relative;
  width: calc(100% - 640px);
}

.fm_tyousatai-pg-guide__rightInformation ul {
  margin-bottom: 12px;
}

.fm_tyousatai-pg-guide__rightInformation ul li {
  font-size: 1.4rem;
  margin-bottom: 8px;
}

.fm_tyousatai-pg-guide__rightInformation ul li:last-child {
  margin-bottom: 0;
}

.fm_tyousatai-pg-help {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
}

.fm_tyousatai-pg-help__main {
  position: relative;
  width: 640px;
  padding-right: 2%;
  box-sizing: border-box;
}

.fm_tyousatai-pg-help__mobileOpenIndexesButton {
  display: none;
}

.fm_tyousatai-pg-help__heading, .fm_tyousatai-pg-help__mobileOpenIndexesButton {
  color: white;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
  background-color: #76C225;
  border-radius: 3px;
  padding: 12px 0px 12px 10px;
  margin-bottom: 12px;
}

.fm_tyousatai-pg-help__heading--pink, .fm_tyousatai-pg-help__mobileOpenIndexesButton--pink {
  background-color: #FF46A8;
}

.fm_tyousatai-pg-help__type {
  position: relative;
  width: 100%;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 12px;
  padding-left: 12px;
}

.fm_tyousatai-pg-help__type::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background-color: #76C225;
}

.fm_tyousatai-pg-help__content {
  position: relative;
  border: 1px #C3C3C3 solid;
  padding: 16px;
  box-sizing: border-box;
}

.fm_tyousatai-pg-help__title {
  position: relative;
  color: #875D2A;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  padding-bottom: 8px;
  border-bottom: 1px #C3C3C3 dashed;
  margin-bottom: 12px;
}

.fm_tyousatai-pg-help__title img {
  margin-right: 8px;
}

.fm_tyousatai-pg-help__indexes {
  position: relative;
  font-size: 1.4rem;
  padding-bottom: 12px;
  border-bottom: 1px #C3C3C3 solid;
  margin-bottom: 12px;
}

.fm_tyousatai-pg-help__indexes li {
  margin-bottom: 12px;
}

.fm_tyousatai-pg-help__indexes li:last-child {
  margin-bottom: 0;
}

.fm_tyousatai-pg-help__questions {
  position: relative;
}

.fm_tyousatai-pg-help__questions dt {
  font-size: 1.6rem;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.fm_tyousatai-pg-help__questions dd {
  font-size: 1.4rem;
}

.fm_tyousatai-pg-help__questions dt, .fm_tyousatai-pg-help__questions dd {
  position: relative;
  margin-bottom: 16px;
  line-height: 1.6;
  padding-left: 32px;
  box-sizing: border-box;
}

.fm_tyousatai-pg-help__questions dt img, .fm_tyousatai-pg-help__questions dd img {
  position: absolute;
  left: 0;
}

.fm_tyousatai-pg-help__toIndex {
  position: relative;
  font-size: 1.4rem;
  padding-bottom: 8px;
  border-bottom: 1px #C3C3C3 solid;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  margin-bottom: 12px;
}

.fm_tyousatai-pg-help__toIndex::before {
  content: '';
  position: absolute;
  right: 80px;
  width: 4px;
  height: 4px;
  border-top: 2px #C3C3C3 solid;
  border-left: 2px #C3C3C3 solid;
  transform: rotateZ(45deg) translateY(50%);
}

.fm_tyousatai-pg-help__rightInformation {
  position: relative;
  width: calc(100% - 640px);
}

.fm_tyousatai-pg-help__rightInformation ul {
  margin-bottom: 12px;
}

.fm_tyousatai-pg-help__rightInformation ul li {
  font-size: 1.4rem;
  margin-bottom: 8px;
}

.fm_tyousatai-pg-help__rightInformation ul li:last-child {
  margin-bottom: 0;
}

.fm_tyousatai-pg-iframe_items {
  width: 100%;
  max-width: 800px;
}

.fm_tyousatai-pg-iframe_items__prefecture {
  color: #A7A7A7;
  font-size: 1.4rem;
  margin-bottom: 16px;
}

.fm_tyousatai-pg-iframe_items__noneText {
  font-size: 2rem;
  color: #505050;
  font-weight: bold;
  letter-spacing: 0.2rem;
}

.fm_tyousatai-pg-iframe_items__productItemsMoreButtonSpace {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 16px 0;
}

.fm_tyousatai-pg-iframe_items__productItemsMoreButton {
  position: relative;
  color: #000;
  font-size: 1.8rem;
  text-decoration: none !important;
  margin-bottom: 32px;
}

.fm_tyousatai-pg-iframe_items__productItemsMoreButton img {
  display: inline-block;
  margin-left: 4px;
}

.fm_tyousatai-pg-index__title {
  position: relative;
  color: #333;
  font-size: 2.2rem;
  font-weight: bold;
  border-bottom: 1px #BBB solid;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 12px;
  box-sizing: border-box;
  margin-bottom: 16px;
}

.fm_tyousatai-pg-index__recommends {
  margin-bottom: 48px;
  overflow: hidden;
}

.fm_tyousatai-pg-index__recommendItem {
  position: relative;
  height: auto;
  display: flex;
  justify-content: center;
}

.fm_tyousatai-pg-index__recommendItem img {
  width: 210px;
  height: auto;
  margin-right: 2px;
}

.fm_tyousatai-pg-index__popularShops {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin-bottom: 24px;
}

.fm_tyousatai-pg-index__popularShopIcon {
  display: flex;
  justify-content: center;
}

.fm_tyousatai-pg-index__popularShopIcon img {
  width: 50px;
  margin-right: 24px;
}

.fm_tyousatai-pg-index__productTitle {
  position: relative;
  width: 100%;
  height: 72px;
  margin-bottom: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fm_tyousatai-pg-index__tentameNewsLink {
  position: relative;
  display: block;
  color: #3E3EFF;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 24px;
}

.fm_tyousatai-pg-index__productMoreLink {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #333;
  font-size: 1.4rem;
  font-weight: bold;
  text-decoration: none;
  border: 1px #AEAEAE solid;
  border-radius: 7% / 47%;
  padding: 6px 12px;
  box-sizing: border-box;
}

.fm_tyousatai-pg-index__productMoreLink:hover {
  text-decoration: none;
}

.fm_tyousatai-pg-index__productItemsMoreButtonSpace {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
}

.fm_tyousatai-pg-index__productItemsMoreButton {
  position: relative;
  color: #000;
  font-size: 1.8rem;
  text-decoration: none !important;
  margin-bottom: 32px;
}

.fm_tyousatai-pg-index__productItemsMoreButton img {
  display: inline-block;
  margin-left: 4px;
}

.fm_tyousatai-pg-mypage {
  position: relative;
}

.fm_tyousatai-pg-mypage__linkButtonSpace {
  display: flex;
  margin-bottom: 16px;
}

.fm_tyousatai-pg-mypage__linkButton {
  position: relative;
  color: white !important;
  font-size: 1.4rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  padding: 6px 24px 6px 16px;
  border-radius: 20px / 22px;
  margin-right: 16px;
}

.fm_tyousatai-pg-mypage__linkButton:hover {
  text-decoration: none;
}

.fm_tyousatai-pg-mypage__linkButton--pink {
  background-color: #FFAFAF;
}

.fm_tyousatai-pg-mypage__linkButton--brown {
  background-color: #F99154;
}

.fm_tyousatai-pg-mypage__heading {
  color: #5F5F5F;
  font-size: 1.6rem;
  font-weight: bold;
  border-bottom: 1px #5F5F5F solid;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

.fm_tyousatai-pg-mypage iframe {
  width: 100%;
  /*
     * ファンくるのiframeが横幅が狭いと操作できないことがあるのでmin-widthを設定する.
     * iframe内のキャンセルページのモーダル表示時に操作ができない.
     */
  min-width: 950px;
  height: 600px;
  border: none;
  margin-bottom: 16px;
}

.fm_tyousatai-pg-mypage__tentameIframe--mobile {
  display: none;
}

.fm_tyousatai-pg-mypage__tentameIframe--mobile iframe {
  min-width: 100%;
}

.fm_tyousatai-pg-search__productTitle {
  position: relative;
  margin-bottom: 24px;
}

.fm_tyousatai-pg-search__pagination {
  margin-bottom: 24px;
}

.fm_tyousatai-pg-search__pagination .pagination {
  position: relative;
  display: flex;
  justify-content: flex-end;
}

.fm_tyousatai-pg-search__pagination .previous,
.fm_tyousatai-pg-search__pagination .next,
.fm_tyousatai-pg-search__pagination .previous-inactive,
.fm_tyousatai-pg-search__pagination .next-inactive {
  display: none;
}

.fm_tyousatai-pg-search__pagination span {
  position: relative;
  width: 32px;
  height: 32px;
  border: 1px #4892EF solid;
  margin-right: 8px;
}

.fm_tyousatai-pg-search__pagination span a {
  display: block;
  width: 100%;
  height: 100%;
  color: #4892EF;
  font-size: 1.4rem;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fm_tyousatai-pg-search__pagination .active {
  background-color: #4892EF;
}

.fm_tyousatai-pg-search__pagination .active a {
  color: white;
}

.fm_tyousatai-pg-search__tags {
  margin-bottom: 16px;
}

.fm_tyousatai-pg-search__tag {
  display: inline-block;
  color: #333;
  font-size: 1.2rem;
  font-weight: bold;
  border-bottom: 4px #6AC6D8 solid;
  padding: 8px 24px;
  margin: 4px 8px;
}

.fm_tyousatai-pg-search__tagEndText {
  display: inline-block;
  color: #333;
  font-size: 1.5rem;
  font-weight: bold;
  margin-left: 16px;
  transform: translateY(16%);
}

.fm_tyousatai-pg-search__noneText {
  color: #C1C1C1;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  text-align: center;
  margin: 80px 0;
}

.fm_tyousatai-pg-fancrewNews {
  padding: 16px 8px;
  box-sizing: border-box;
}

.fm_tyousatai-pg-fancrewNews h1 {
  position: relative;
  font-size: 2.6rem;
  text-align: center;
  line-height: 1.4;
  margin: 0;
  margin-bottom: 32px;
}

.fm_tyousatai-pg-fancrewNews__image {
  width: 100%;
}

.fm_tyousatai-pg-tentameNews {
  background-color: #F1F1F1;
  padding: 16px 8px;
  box-sizing: border-box;
}

.fm_tyousatai-pg-tentameNews h1 {
  position: relative;
  font-size: 2.6rem;
  line-height: 1.4;
  margin: 32px 0;
}

.fm_tyousatai-pg-tentameNews p {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.6;
  padding: 0 16px;
  box-sizing: border-box;
  margin-bottom: 48px;
}

.fm_tyousatai-pg-tentameNews h2 {
  font-size: 1.8rem;
  line-height: 1.6;
  padding-bottom: 16px;
}

.fm_tyousatai-c-header {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}

.fm_tyousatai-c-header__logo {
  position: relative;
}

.fm_tyousatai-c-header__nav {
  position: absolute;
  right: 0;
  bottom: 0;
}

.fm_tyousatai-c-header__searchForm {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  transform: translateY(calc(100% + 8px));
  z-index: 1;
}

.fm_tyousatai-c-header__searchForm--hidden {
  display: none;
}

.fm_tyousatai-c-nav__item {
  float: left;
  margin-right: 8px;
}

.fm_tyousatai-c-nav__item:last-child {
  margin-right: 0;
}

.fm_tyousatai-c-product_item {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 48px;
  box-sizing: border-box;
}

.fm_tyousatai-c-product_item--wideDesign {
  display: flex;
  height: auto;
  padding-bottom: 64px;
}

.fm_tyousatai-c-product_item__image {
  margin: 0 auto;
  margin-bottom: 12px;
}

.fm_tyousatai-c-product_item__image img {
  width: 100%;
  height: 140px;
  object-fit: contain;
}

.fm_tyousatai-c-product_item__image--mobile {
  display: none;
}

.fm_tyousatai-c-product_item__image--wideDesign {
  margin: 0 8px;
}

.fm_tyousatai-c-product_item__image--wideDesign img {
  width: 160px;
  height: auto;
}

.fm_tyousatai-c-product_item__point {
  color: #D50000;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
}

.fm_tyousatai-c-product_item__point img {
  display: block;
  width: 20px;
  margin-right: 4px;
}

.fm_tyousatai-c-product_item__point b {
  display: inline-block;
  font-size: 2.4rem;
  margin: 0 4px;
}

.fm_tyousatai-c-product_item__point--wideDesign {
  justify-content: flex-start;
  margin-bottom: 4px;
}

.fm_tyousatai-c-product_item__title {
  height: 86px;
  font-size: 1.4rem;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  margin-bottom: 16px;
}

.fm_tyousatai-c-product_item__title--wideDesign {
  height: auto;
}

.fm_tyousatai-c-product_item__pointTitleBlack {
  color: #484848;
  font-size: 1.2rem;
  margin-left: 4px;
}

.fm_tyousatai-c-product_item table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px;
}

.fm_tyousatai-c-product_item table tr {
  display: block;
  margin-bottom: 4px;
}

.fm_tyousatai-c-product_item table th, .fm_tyousatai-c-product_item table td {
  font-size: 1.4rem;
  font-weight: normal;
  text-align: left;
  background: white !important;
  border: none !important;
  margin-bottom: 4px;
}

.fm_tyousatai-c-product_item--wideDesign table tr, .fm_tyousatai-c-product_item--wideDesign table th, .fm_tyousatai-c-product_item--wideDesign table td {
  margin-bottom: 0;
}

.fm_tyousatai-c-product_item__subInformation {
  color: #424242;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.6;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.fm_tyousatai-c-product_item__subInformation--last {
  margin-bottom: 32px;
}

.fm_tyousatai-c-product_item__subInformation img {
  width: 24px;
  margin-right: 8px;
}

.fm_tyousatai-c-product_item__linkButton {
  position: absolute;
  width: calc(100% - 30px);
  height: 42px;
  bottom: 4%;
  left: 15px;
  font-size: 1.6rem;
}

.fm_tyousatai-c-product_item__linkButton--mobile {
  display: none;
}

.fm_tyousatai-c-product_item__closeButton {
  position: relative;
  width: 100%;
  height: 100%;
  color: #333;
  text-decoration: none;
  background-color: #B5B5B5;
  border-bottom: 2px #ABA5A0 solid;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fm_tyousatai-c-product_item__closeButton:hover {
  color: #333;
  text-decoration: none;
}

.fm_tyousatai-c-product_items {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.fm_tyousatai-c-product_items--wideDesign {
  display: block;
  height: auto;
}

.fm_tyousatai-c-product_items__item {
  position: relative;
  width: 224px;
  border: 5px #F2F2F2 solid;
  padding: 15px;
  box-sizing: border-box;
  margin-bottom: 18px;
  margin-right: 18px;
}

.fm_tyousatai-c-product_items__item:nth-of-type(4n) {
  margin-right: 0;
}

.fm_tyousatai-c-product_items__item--wideDesign {
  width: 100%;
  height: auto;
}

.fm_tyousatai-c-product_items__status {
  position: absolute;
  top: 0;
  left: 6px;
  width: 60px;
  font-size: 1.4rem;
  color: #A62700;
  font-weight: bold;
  text-align: center;
  background-color: #EEC05F;
  padding: 4px;
  box-sizing: border-box;
  z-index: 1;
}

.fm_tyousatai-c-product_items__status--blue {
  color: #064549;
  background-color: #96E0E5;
}

.fm_tyousatai-c-product_items__status--gray {
  color: #333;
  background-color: #DDD;
}

.fm_tyousatai-c-product_items__statusText {
  margin-bottom: 4px;
}

.fm_tyousatai-c-product_items__statusRemainderDay {
  color: black;
  background-color: white;
  padding: 4px 0;
}

.fm_tyousatai-c-product_items__statusRemainderDay div {
  text-align: center;
}

.fm_tyousatai-c-product_items__statusRemainderDayText {
  color: #D50000;
  margin-top: 4px;
}

.fm_tyousatai-c-product_items__statusRemainderDayText b {
  display: inline-block;
  font-size: 1.8rem;
  margin-right: 4px;
}

.fm_tyousatai-c-link_button {
  position: relative;
  width: 100%;
  height: 100%;
  color: #333;
  text-decoration: none;
  background-color: #DDD5CD;
  border-bottom: 2px #ABA5A0 solid;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fm_tyousatai-c-link_button:hover {
  color: #333;
  text-decoration: none;
}

.fm_tyousatai-c-nav_item {
  position: relative;
  width: 100%;
  height: 100%;
  text-decoration: none !important;
  background-color: #EBF9FA;
  border: 1px #ABC8DA solid;
  border-radius: 15% / 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 12px;
  box-sizing: border-box;
  cursor: pointer;
}

.fm_tyousatai-c-nav_item__icon, .fm_tyousatai-c-nav_item__name {
  color: #064872;
  font-size: 1.4rem;
}

.fm_tyousatai-c-nav_item__icon {
  margin-right: 4px;
}

.fm_tyousatai-c-nav_item__name {
  font-weight: bold;
}

.fm_tyousatai-c-product_title {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fm_tyousatai-c-product_title .material-icons {
  font-size: 4rem;
  margin-right: 8px;
}

.fm_tyousatai-c-product_title .material-icons--blue {
  color: #A5DDF1;
}

.fm_tyousatai-c-product_title .material-icons--pink {
  color: #EABFBF;
}

.fm_tyousatai-c-product_title .material-icons--orange {
  color: #EAD2A4;
}

.fm_tyousatai-c-product_title .material-icons--green {
  color: #81FFB9;
}

.fm_tyousatai-c-product_title div {
  color: #333;
  font-size: 2.2rem;
  font-weight: bold;
}

.fm_tyousatai-c-product_title__sub {
  font-size: 1.4rem;
  font-weight: normal;
  transform: translateY(50%);
}

@media (max-width: 600px) {
  .fm_tyousatai-l-main__header {
    margin: 0;
  }
  .fm_tyousatai-pg-detail {
    padding: 0 4px;
    box-sizing: border-box;
  }
  .fm_tyousatai-pg-detail__heading {
    font-size: 1.6rem;
    padding-bottom: 8px;
  }
  .fm_tyousatai-pg-detail__heading--sub {
    font-size: 1.8rem;
  }
  .fm_tyousatai-pg-detail__catchPhrase {
    display: block;
    font-size: 1.4rem;
  }
  .fm_tyousatai-pg-detail__catchPhraseImage {
    display: block;
    margin: 0 auto;
    margin-bottom: 8px;
  }
  .fm_tyousatai-pg-detail__catchPhraseImage img {
    width: 100%;
  }
  .fm_tyousatai-pg-detail__catchPhraseText {
    width: 100%;
  }
  .fm_tyousatai-pg-detail__aboveTheButton {
    flex-wrap: wrap;
    line-height: 1.6;
  }
  .fm_tyousatai-pg-detail__applyButton {
    width: 240px;
  }
  .fm_tyousatai-pg-detail table tr {
    margin-bottom: 16px;
  }
  .fm_tyousatai-pg-detail table th, .fm_tyousatai-pg-detail table td {
    width: 100%;
  }
  .fm_tyousatai-pg-detail table th {
    text-align: left;
    padding: 8px 16px;
    margin-bottom: 8px;
  }
  .fm_tyousatai-pg-guide {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .fm_tyousatai-pg-guide__mobileOpenIndexesButton {
    display: block;
  }
  .fm_tyousatai-pg-guide__indexes {
    display: none;
  }
  .fm_tyousatai-pg-guide__indexes--show {
    display: block;
  }
  .fm_tyousatai-pg-guide__main, .fm_tyousatai-pg-guide__rightInformation {
    width: 100%;
    padding: 0 2%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .fm_tyousatai-pg-guide__bnr300 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
  }
  .fm_tyousatai-pg-help {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .fm_tyousatai-pg-help__mobileOpenIndexesButton {
    display: block;
  }
  .fm_tyousatai-pg-help__indexes {
    display: none;
  }
  .fm_tyousatai-pg-help__indexes--show {
    display: block;
  }
  .fm_tyousatai-pg-help__main, .fm_tyousatai-pg-help__rightInformation {
    width: 100%;
    padding: 0 2%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .fm_tyousatai-pg-help__bnr300 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
  }
  .fm_tyousatai-pg-index__productTitle {
    display: block;
    height: auto;
    margin-bottom: 16px;
  }
  .fm_tyousatai-pg-index__productItemsMoreButton {
    margin-top: 16px;
  }
  .fm_tyousatai-pg-index__productMoreLink {
    position: relative;
    right: auto;
    width: 220px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0;
    margin: 0 auto;
    margin-top: 8px;
  }
  .fm_tyousatai-pg-index__recommendItem img {
    width: 97%;
    margin-right: 0;
    object-fit: contain;
  }
  .fm_tyousatai-pg-index__popularShopIcon img {
    width: 50px;
    height: 50px;
    margin-right: 0;
  }
  .fm_tyousatai-pg-mypage {
    padding: 0 2px;
    box-sizing: border-box;
  }
  .fm_tyousatai-pg-mypage__linkButtonSpace {
    display: block;
  }
  .fm_tyousatai-pg-mypage__linkButton {
    white-space: nowrap;
    padding: 6px 16px 6px 8px;
    margin-right: 0;
    margin-bottom: 8px;
  }
  .fm_tyousatai-pg-mypage__tentameIframe--pc {
    display: none;
  }
  .fm_tyousatai-pg-mypage__tentameIframe--mobile {
    display: block;
  }
  .fm_tyousatai-pg-search__tags {
    padding: 0 2px;
    box-sizing: border-box;
  }
  .fm_tyousatai-pg-search__tag {
    font-size: 1.1rem;
    padding: 4px 16px;
    margin: 4px;
  }
  .fm_tyousatai-pg-search__tagEndText {
    font-size: 1.4rem;
  }
  .fm_tyousatai-c-carousel {
    position: relative;
    width: calc(100% - 56px) !important;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }
  .fm_tyousatai-c-carousel__thumbnail img {
    width: 100%;
  }
  .fm_tyousatai-c-header {
    display: block;
  }
  .fm_tyousatai-c-header__logo {
    width: 160px;
    margin-left: 8px;
    margin-bottom: 16px;
  }
  .fm_tyousatai-c-header__nav {
    position: relative;
  }
  .fm_tyousatai-c-header__searchForm {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transform: translateY(100%);
    z-index: 1;
  }
  .fm_tyousatai-c-header__searchForm--hidden {
    display: none;
  }
  .fm_tyousatai-c-nav {
    background-color: #D8F4F6;
    display: flex;
    justify-content: center;
    padding: 6px 0;
  }
  .fm_tyousatai-c-product_item {
    border: none;
  }
  .fm_tyousatai-c-product_item--wideDesign {
    display: block;
    height: 100%;
    padding-bottom: 48px;
  }
  .fm_tyousatai-c-product_item__image {
    margin: 0 auto;
    margin-bottom: 12px;
  }
  .fm_tyousatai-c-product_item__image img {
    width: 100%;
    height: 140px;
    object-fit: contain;
  }
  .fm_tyousatai-c-product_item__image--pc {
    display: none;
  }
  .fm_tyousatai-c-product_item__image--mobile {
    display: block;
  }
  .fm_tyousatai-c-product_item__image--wideDesign {
    margin: 0 auto;
  }
  .fm_tyousatai-c-product_item__image--wideDesign img {
    width: 100%;
    height: 140px;
  }
  .fm_tyousatai-c-product_item__point {
    color: #D50000;
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
  }
  .fm_tyousatai-c-product_item__point img {
    display: block;
    width: 20px;
    margin-right: 4px;
  }
  .fm_tyousatai-c-product_item__point b {
    display: inline-block;
    font-size: 2.4rem;
    margin: 0 4px;
  }
  .fm_tyousatai-c-product_item__point--wideDesign {
    justify-content: center;
    margin-bottom: 12px;
  }
  .fm_tyousatai-c-product_item__title {
    margin-bottom: 16px;
  }
  .fm_tyousatai-c-product_item__title--wideDesign {
    height: 86px;
  }
  .fm_tyousatai-c-product_item table {
    padding-bottom: 14px;
  }
  .fm_tyousatai-c-product_item table tr {
    padding: 8px 0;
    border-top: 1px gray dashed;
    margin: 0;
  }
  .fm_tyousatai-c-product_item table tr:last-child {
    border-bottom: 1px gray dashed;
  }
  .fm_tyousatai-c-product_item table th {
    margin-bottom: 8px;
  }
  .fm_tyousatai-c-product_item table td {
    margin: 0;
  }
  .fm_tyousatai-c-product_item--wideDesign table tr {
    margin: 0;
  }
  .fm_tyousatai-c-product_item--wideDesign table th {
    margin-bottom: 8px;
  }
  .fm_tyousatai-c-product_item--wideDesign table td {
    margin: 0;
  }
  .fm_tyousatai-c-product_item__separate {
    display: none;
  }
  .fm_tyousatai-c-product_item__linkButton {
    position: absolute;
    width: calc(100% - 30px);
    height: 42px;
    bottom: 4%;
    left: 15px;
    font-size: 1.6rem;
  }
  .fm_tyousatai-c-product_item__linkButton--pc {
    display: none;
  }
  .fm_tyousatai-c-product_item__linkButton--mobile {
    display: block;
  }
  .fm_tyousatai-c-product_items {
    padding: 0 2px;
    box-sizing: border-box;
  }
  .fm_tyousatai-c-product_items--wideDesign {
    display: flex;
  }
  .fm_tyousatai-c-product_items__item {
    width: 50%;
    border: 1px #CCC solid;
    margin: 0;
  }
  .fm_tyousatai-c-product_items__item:nth-of-type(even) {
    border-left: none;
  }
  .fm_tyousatai-c-product_items__item--showRemainderStatus {
    padding-top: 48px;
  }
  .fm_tyousatai-c-product_items__item--wideDesign {
    width: 50%;
    height: auto;
  }
  .fm_tyousatai-c-product_items__status {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    margin-bottom: 8px;
  }
  .fm_tyousatai-c-product_items__statusText {
    font-size: 1.6rem;
    white-space: nowrap;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    margin-right: 6px;
  }
  .fm_tyousatai-c-product_items__statusRemainderDay {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .fm_tyousatai-c-product_items__statusRemainderDay div {
    font-size: 1.6rem;
    margin: 0;
    margin-right: 4px;
  }
  .fm_tyousatai-c-product_items__statusRemainderDayText {
    color: #D50000;
    margin: 0;
  }
  .fm_tyousatai-c-search_form__title {
    font-size: 1.8rem;
  }
  .fm_tyousatai-c-search_form__products {
    display: block;
    margin-bottom: 16px;
  }
  .fm_tyousatai-c-search_form__productButton {
    position: relative;
    width: 100%;
    font-size: 1rem;
    margin-bottom: 8px;
  }
  .fm_tyousatai-c-search_form__selectInformation {
    display: block;
  }
  .fm_tyousatai-c-search_form__selectInformation--hide {
    display: none;
  }
  .fm_tyousatai-c-search_form__selectItem {
    margin-bottom: 16px;
  }
  .fm_tyousatai-c-search_form__selectItem:last-child {
    margin-right: 0;
  }
  .fm_tyousatai-c-search_form__selectItem--hide {
    display: none;
  }
  .fm_tyousatai-c-search_form__selectItem select {
    font-size: 1.6rem;
  }
  .fm_tyousatai-c-search_form__selectItemTitle {
    font-size: 1.2rem;
  }
  .fm_tyousatai-c-search_form__keywords {
    font-size: 1.6rem;
  }
  .fm_tyousatai-c-search_form__submit {
    width: 90%;
    font-size: 1.4rem;
    font-weight: bold;
  }
  .fm_tyousatai-c-nav_item {
    border: 1px #A7CFD2 solid;
  }
  .fm_tyousatai-c-nav_item__icon, .fm_tyousatai-c-nav_item__name {
    color: #333;
    font-size: 1.1rem;
  }
  .fm_tyousatai-c-nav_item__icon {
    display: none;
  }
}

/*------------------------------------------------------------
 ** LPO
 ------------------------------------------------------------*/
.tyousatai_landing {
  width: 950px;
  margin: 20px 0;
}

@media (max-width: 950px) {
  .tyousatai_landing {
    width: 100%;
  }
}

.fortuneLayout {
  display: flex;
}

.fortuneLayout__main {
  width: 640px;
}

.fortuneLayout__aside {
  width: calc(100% - 640px);
  padding-left: 10px;
  box-sizing: border-box;
}

.fortuneLayout__headingBanner {
  position: relative;
  margin-bottom: 10px;
}

.fortuneLayout__latestNewsLink {
  position: absolute;
  left: 5px;
  top: -5px;
  display: inline-block;
  color: #fff;
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
  background-color: #ED4E80;
  border-radius: 8px;
  padding: 3px 10px;
}

.fortuneLayout__moreLinks {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.fortuneLayout__more {
  position: relative;
  display: flex;
  align-items: center;
}

.fortuneLayout__more span {
  color: #F45C8E;
  font-size: 4rem;
}

.fortuneLayout__more a {
  font-size: 1.8rem;
}

.fortuneLayout__more--previous {
  left: -20px;
}

.fortuneLayout__more--previous span {
  position: relative;
  left: 10px;
}

.fortuneLayout__more--next {
  right: -20px;
}

.fortuneLayout__more--next span {
  position: relative;
  right: 10px;
}

.fortuneLayout__selfResult {
  background-color: #ffefef;
  border-radius: 6px;
  padding: 24px 54px 16px;
  box-sizing: border-box;
}

.fortuneLayout__baseInformation {
  display: flex;
}

.fortuneLayout__icon {
  margin-right: 40px;
  margin-bottom: 16px;
}

.fortuneLayout__icon img {
  display: block;
  width: 120px;
  background-color: #df9893;
  border-radius: 50%;
  margin: 0 auto 12px;
}

.fortuneLayout__icon span {
  display: block;
  font-size: 1.5rem;
  text-align: center;
  background-color: white;
  border-radius: 6px;
  padding: 6px 12px;
}

.fortuneLayout__termsLabel {
  display: inline-block;
  color: white;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  background-color: #F45C8E;
  padding: 5px 10px;
  border-radius: 6px;
  margin-bottom: 5px;
}

.fortuneLayout__rank {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
}

.fortuneLayout__name {
  font-size: 3rem;
  line-height: 1.5;
  margin-bottom: 10px;
}

.fortuneLayout__snsIcons {
  display: flex;
}

.fortuneLayout__snsIcon {
  padding: 5px;
  border-radius: 50%;
  margin-right: 10px;
}

.fortuneLayout__snsIcon:last-child {
  margin-right: 0;
}

.fortuneLayout__snsIcon--twitter {
  background-color: #10A5DE;
}

.fortuneLayout__snsIcon--facebook {
  background-color: #284A95;
}

.fortuneLayout__snsIcon--google {
  background-color: #D04C3C;
}

.fortuneLayout__snsIcon img {
  width: 20px;
}

.fortuneLayout__stars {
  display: flex;
}

.fortuneLayout__ads {
  display: flex;
  justify-content: center;
  margin: 16px 0;
}

.fortuneLayout__ads > div {
  width: 300px;
}

.fortuneLayout__ads > div:first-child {
  margin-right: 8px;
}

.fortuneLayout__body {
  margin-bottom: 24px;
}

.fortuneLayout__heading {
  color: white;
  font-size: 1.8rem;
  font-weight: normal;
  background: url(https://img.fruitmail.net/fruit/img/fortune/bg_ttl.jpg) no-repeat;
  border-radius: 6px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding: 10px;
}

.fortuneLayout__heading span {
  display: inline-block;
  color: white;
  font-size: 1.4rem;
  background-color: #F45B8E;
  border-radius: 6px;
  padding: 4px;
  margin-right: 10px;
}

.fortuneLayout__form {
  position: relative;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}

.fortuneLayout__form input[type="text"] {
  width: 72px;
  font-size: 14px;
  line-height: 1.5;
  border: 1px solid #ccc;
  padding: 5px;
  margin: 0px 5px;
}

.fortuneLayout__form select {
  font-size: 14px;
  line-height: 1.5;
  border: 1px solid #ccc;
  padding: 5px 12px;
  margin: 0px 5px;
}

.fortuneLayout__submit {
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 6px;
  border: 1px solid #ccc;
  padding: 5px 10px;
  margin-left: 5px;
}

.fortuneLayout__submit--today {
  position: absolute;
  right: 0;
}

.fortuneLayout__recommend {
  display: flex;
  margin-bottom: 40px;
}

.fortuneLayout__recommendItem {
  width: 50%;
  padding: 0 8px;
  box-sizing: border-box;
}

.fortuneLayout__recommendItem img {
  width: 100%;
}

.fortuneLayout__recommendItem a {
  display: block;
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 8px 0;
  border-bottom: 1px solid #EEE;
}

.fortuneLayout__supervise {
  background-color: #EFEFEF;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 20px;
}

.fortuneLayout__superviseName {
  font-size: 1.8rem;
  line-height: 1.5;
  margin-bottom: 5px;
}

.fortuneLayout__superviseSummary {
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 20px;
}

.fortuneLayout__superviseSummary p {
  font-size: 1.4rem;
  line-height: 1.8;
  padding: 5px 0px;
}

.fortuneLayout__asideItem {
  margin-bottom: 8px;
}

.fortuneLayout__ranking {
  margin-bottom: 10px;
}

.fortuneLayout__rankingItem {
  display: block;
  font-size: 1.5rem;
  line-height: 1.5;
  text-decoration: none;
  border-bottom: 1px dotted #ccc;
  padding: 5px;
  box-sizing: border-box;
  cursor: pointer;
}

.fortuneLayout__rankingItem img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 6px;
  transition: 0.7s;
  transform: rotateZ(0deg);
}

.fortuneLayout__rankingItem:hover {
  color: #EA6767;
  background-color: #EEE;
  text-decoration: none;
}

.fortuneLayout__rankingItem:hover img {
  transform: rotateZ(-360deg);
}

.fortuneLayout__rankingItem span {
  display: inline-block;
  width: 130px;
  font-size: 1.4rem;
}

.fortuneDetail {
  position: relative;
  background-color: #FFF9FB;
  border: 1px solid #CCC;
  border-radius: 6px;
  padding: 20px;
  box-sizing: border-box;
}

.fortuneDetail__doubleItem {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}

.fortuneDetail__item {
  width: 294px;
}

.fortuneDetail__text {
  font-size: 1.4rem;
  line-height: 1.5;
}

.fortuneDetail__text--small {
  width: 260px;
}

.fortuneDetail__point {
  font-size: 1.8rem;
  margin-top: 32px;
}

.fortuneDetail__point strong {
  color: #F45C8E;
  font-size: 5rem;
  font-weight: normal;
}

.fortuneDetail__specialHeading {
  position: relative;
  height: 40px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.fortuneDetail__specialHeading img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #F45A8D;
}

.fortuneDetail__specialHeading span {
  display: block;
  width: 100%;
  font-size: 1.4rem;
  font-weight: bold;
  background-color: #FFE0EA;
  border-radius: 10px;
  padding: 6px;
  padding-left: 48px;
  box-sizing: border-box;
}

.fortuneDetail__table th {
  width: 60px;
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: left;
  background-color: #FFE0EA;
  border: 1px solid #F9A7C1;
  padding: 3px 10px;
}

.fortuneDetail__table td {
  font-size: 1.4rem;
  line-height: 1.5;
  border: 1px solid #f9a7c1;
  padding: 3px 10px;
}

.fortuneDetail__partner {
  display: flex;
  align-items: center;
  padding: 10px 0;
}

.fortuneDetail__partner > div {
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
}

.fortuneDetail__partnerRank {
  width: 25px;
  height: 25px;
  font-size: 1.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
  transform: rotateZ(45deg);
}

.fortuneDetail__partnerRank--best {
  background-color: #F9A7C1;
}

.fortuneDetail__partnerRank--worst {
  background-color: #FFE0EA;
}

.fortuneDetail__partnerRank span {
  display: block;
  transform: rotateZ(-45deg);
}

.fortuneGraph {
  background-color: #FFEFEF;
  border-radius: 6px;
  padding: 16px 10px;
  box-sizing: border-box;
}

.fortuneGraph__item {
  background-color: white;
  border-radius: 10px 10px 0 0;
  padding: 10px;
  box-sizing: border-box;
  margin-top: 24px;
}

.fortuneGraph__item:first-child {
  margin-top: 0;
}

.fortuneGraph__heading {
  color: #F45C8E;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  border-bottom: 1px dotted #CCC;
  padding: 5px 0px 10px 0px;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.fortuneGraph__sub {
  font-size: 1.2rem;
  line-height: 1.5;
  background-color: #F5F5F5;
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 10px;
}

.fortuneGraph__sub span {
  color: #F47200;
}

.fortune_biograph__graph {
  display: block;
  background-color: white;
  border-radius: 0 0 10px 10px;
  display: flex;
  justify-content: center;
}

.fortune_biograph__buttonSpace {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.fortune_biograph__button {
  position: relative;
  width: 15%;
  font-size: 1.6rem;
  display: flex;
  justify-content: center;
  background-color: white;
  border-radius: 6px;
  padding: 10px;
  margin-right: 6px;
  cursor: pointer;
}

.fortune_biograph__button--selected {
  color: white;
  background-color: #F45C8E;
}

.fortune_biograph__button--selected::before {
  content: '';
  position: absolute;
  top: 0;
  width: 0px;
  height: 0px;
  border: 10px solid transparent;
  border-bottom: 10px solid #F45C8E;
  transform: translateY(-100%);
}

.fortune_radargraph__graph {
  display: block;
  background-color: white;
  border-radius: 0 0 10px 10px;
  display: flex;
  justify-content: center;
  padding-bottom: 24px;
}

.fortune_heading__heading {
  color: white;
  font-size: 1.8rem;
  font-weight: normal;
  background: url(https://img.fruitmail.net/fruit/img/fortune/bg_ttl.jpg) no-repeat;
  border-radius: 6px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding: 10px;
}

.fortune_heading__stars {
  color: #f1dc00;
  font-size: 3rem;
  line-height: 1.0;
  text-shadow: 0px 0px 1px #ed5e00;
  margin-bottom: 10px;
}

.fortune_starLabel {
  width: 120px;
  text-decoration: none;
  background-color: white;
  border: 1px solid #CCC;
  border-radius: 6px;
  padding: 5px 0px;
  box-sizing: border-box;
  margin-right: 16px;
}

.fortune_starLabel:last-child {
  margin-right: 0;
}

.fortune_starLabel span {
  display: block;
  color: #333;
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: center;
}

.fortune_starLabel div {
  color: #F1DC00;
  font-size: 2rem;
  line-height: 1.5;
  text-align: center;
  text-shadow: 0px 0px 1px #ed5e00;
}

.fm_pointhistory-l-news {
  position: relative;
  font-size: 1.2rem;
  line-height: 1.6;
  background-color: #FFF98C;
  padding: 8px;
  box-sizing: border-box;
  margin: 8px 0;
}

.fm_pointhistory-l-news h3 {
  font-size: 1.4rem;
  margin-bottom: 4px;
}

.fm_pointhistory-l-main__tabMenu {
  display: flex;
}

.fm_pointhistory-l-main__tab {
  display: block;
  text-decoration: none;
  margin-right: 4px;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-l-main__tab {
    width: calc(100% / 3);
    margin-right: 0;
  }
}

.fm_pointhistory-l-main__tab:hover {
  text-decoration: none;
}

.fm_pointhistory-l-main__content {
  position: relative;
  border: 5px gray solid;
  padding: 8px;
  box-sizing: border-box;
}

.fm_pointhistory-l-main__contentHeader {
  font-size: 1.4rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-l-main__contentHeader p {
    display: none;
  }
}

.fm_pointhistory-l-main__contentHeader img {
  margin-right: 6px;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-l-main__contentHeader img {
    width: 120px;
  }
}

.fm_pointhistory-l-main__ads {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}

.fm_pointhistory-l-main__ads iframe {
  background-color: gray;
}

.fm_pointhistory-pg-index__pointInformation {
  margin-bottom: 24px;
}

.fm_pointhistory-pg-index__heading {
  position: relative;
  font-size: 1.6rem;
  border-bottom: 1px #B1B1B1 dashed;
  padding-left: 10px;
  padding-bottom: 8px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-pg-index__heading {
    padding-left: 0;
  }
}

.fm_pointhistory-pg-index__heading::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: calc(100% - 8px);
  background: linear-gradient(crimson, white);
  border: 1px crimson solid;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-pg-index__heading::before {
    background: none;
    border: none;
  }
}

.fm_pointhistory-pg-index__headingSubText {
  font-size: 1.2rem;
  margin-left: 16px;
  font-weight: normal;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-pg-index__headingSubText {
    display: none;
  }
}

.fm_pointhistory-pg-index__selectInformation {
  position: relative;
  font-size: 1.4rem;
  padding: 8px 0;
  margin-bottom: 24px;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-pg-index__selectInformation {
    padding-top: 25px;
    padding-bottom: 15px;
    margin-bottom: 0;
  }
}

.fm_pointhistory-pg-index__selectInformation select {
  font-size: 1.6rem;
  padding: 5px;
  padding-right: 0;
  margin-right: 15px;
  background: #FFFFFF;
  border: 1px solid #B4B4B4;
  border-radius: 5px;
}

.fm_pointhistory-pg-index__selectInformation input[type="submit"] {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #E8A61D;
  border-radius: 7px;
  color: #E8A61D;
}

.fm_pointhistory-pg-index__search {
  width: 400px;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-pg-index__search {
    width: 100%;
  }
}

.fm_pointhistory-pg-index__search form {
  display: flex;
}

.fm_pointhistory-pg-index__search form input[type="text"] {
  font-size: 1.4rem;
  border: 1px gray solid;
  outline: none;
  padding: 4px;
  margin-right: 8px;
}

.fm_pointhistory-pg-index__search form input[type="submit"] {
  font-size: 1.4rem;
  background: #e1e1e1 !important;
  border: 1px gray solid;
}

.fm_pointhistory-pg-index__searchNoneMessage {
  font-size: 1.4rem;
  text-align: center;
}

.fm_pointhistory-pg-index__numberDisplay {
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-pg-index__numberDisplay {
    left: calc(100% / 2 - 60px);
  }
}

.fm_pointhistory-pg-index__pagination {
  position: relative;
}

.fm_pointhistory-pg-index__pagination .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}

.fm_pointhistory-pg-index__pagination .pagination span {
  display: block;
  font-size: 1.2rem;
  background-color: #E4E4E4;
  border: 1px #B9B9B9 solid;
  padding: 4px 6px;
  margin-right: 8px;
}

.fm_pointhistory-pg-index__pagination .pagination span:last-child {
  margin-right: 0;
}

.fm_pointhistory-pg-index__pagination .pagination span a, .fm_pointhistory-pg-index__pagination .pagination span a:hover {
  color: #318BAB;
}

.fm_pointhistory-pg-index__pagination .pagination .active {
  color: white !important;
  font-weight: bold;
  background-color: #61ACC7;
  border-color: #B9B9B9;
}

.fm_pointhistory-pg-index__pagination .pagination .active a {
  color: white !important;
}

.fm_pointhistory-pg-index__pagination .pagination .next,
.fm_pointhistory-pg-index__pagination .pagination .previous {
  background-color: transparent;
  border: none;
}

.fm_pointhistory-pg-index__pagination .pagination .next a,
.fm_pointhistory-pg-index__pagination .pagination .previous a {
  color: #61ACC7;
  font-size: 1.2rem;
}

.fm_pointhistory-pg-index__pagination .pagination .next-inactive,
.fm_pointhistory-pg-index__pagination .pagination .previous-inactive {
  background-color: transparent;
  border: none;
}

.fm_pointhistory-pg-index__pagination .pagination .next-inactive a,
.fm_pointhistory-pg-index__pagination .pagination .previous-inactive a {
  color: #CCC;
  font-size: 1.2rem;
  text-decoration: none;
}

.fm_pointhistory-pg-index__pagination .pagination .next-inactive a:hover,
.fm_pointhistory-pg-index__pagination .pagination .previous-inactive a:hover {
  color: #CCC;
}

.fm_pointhistory-pg-index__strong {
  display: block;
  color: crimson;
  font-size: 1.3rem;
  margin-bottom: 8px;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-pg-index__strong {
    font-size: 1.1rem;
  }
}

.fm_pointhistory-pg-index__actionDateHelp {
  position: relative;
  cursor: pointer;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-pg-index__actionDateHelp img {
    display: none;
  }
}

.fm_pointhistory-pg-index__actionDateHelpText {
  position: absolute;
  top: 0;
  left: 0;
  width: 240px;
  font-size: 1.1rem;
  font-weight: normal;
  line-height: 1.6;
  text-align: left;
  background-color: white;
  border: 3px #6ca2f3 solid;
  padding: 8px 12px;
  transform: translate(-32%, -100%);
  opacity: 0;
  visibility: hidden;
  transform: .2s;
}

.fm_pointhistory-pg-index__actionDateHelpText strong {
  display: inline-block;
  margin-bottom: 8px;
}

.fm_pointhistory-pg-index__actionDateHelp:hover .fm_pointhistory-pg-index__actionDateHelpText {
  opacity: 1;
  visibility: visible;
}

.fm_pointhistory-pg-index__pointRelatedLinks {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 16px auto;
}

.fm_pointhistory-pg-index__pointRelatedLink {
  display: block;
  position: relative;
  color: #333;
  font-size: 1.4rem;
  font-weight: bold;
  border: 1px #CCC solid;
  border-radius: 5px;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.3) inset;
  display: flex;
  align-items: center;
  padding: 8px 16px;
  margin-right: 8px;
  cursor: pointer;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-pg-index__pointRelatedLink {
    font-size: 1.2rem;
  }
}

.fm_pointhistory-pg-index__pointRelatedLink:hover {
  color: #333;
  text-decoration: none;
  opacity: .8;
}

.fm_pointhistory-pg-index__pointRelatedLink:last-child {
  margin-right: 0;
}

.fm_pointhistory-pg-index__pointRelatedLink--yellow {
  background-color: #FFE164;
  border-color: #FFE164;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-pg-index__pointRelatedLink--yellow {
    font-size: 1.2rem;
    background-color: #fff;
    border: 1px #CCC solid;
  }
}

.fm_pointhistory-pg-index__pointRelatedLink span {
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-pg-index__pointRelatedLink span {
    display: none;
  }
}

.fm_pointhistory-pg-index__pointRelatedLink::before {
  content: '\f105';
  position: relative;
  color: #FF5000;
  font-size: 1.6rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 6px;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-pg-index__pointRelatedLink::before {
    color: #CCC;
  }
}

.fm_pointhistory-pg-index__historyTable {
  margin-bottom: 24px;
}

.fm_pointhistory-pg-index__item {
  position: relative;
  padding: 12px 8px;
  box-sizing: border-box;
  border-bottom: 1px #d1d1d1 solid;
  cursor: pointer;
}

.fm_pointhistory-pg-index__item h2 {
  position: relative;
  color: #525252;
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 0;
  padding-right: 50%;
  margin: 0;
}

.fm_pointhistory-pg-index__item h2 span {
  transform: rotateZ(0deg);
  transition: .2s;
  margin-right: 8px;
}

.fm_pointhistory-pg-index__item table {
  display: none !important;
}

.fm_pointhistory-pg-index__item--open h2 {
  margin-bottom: 16px;
}

.fm_pointhistory-pg-index__item--open h2 span {
  transform: rotateZ(90deg);
}

.fm_pointhistory-pg-index__item--open table {
  display: table !important;
}

.fm_pointhistory-pg-index__status {
  position: absolute;
  right: 0;
  color: white;
  font-size: 1.4rem;
  border-radius: 60px;
  padding: 4px 16px;
}

.fm_pointhistory-pg-index__status--action {
  background-color: #61add7;
}

.fm_pointhistory-pg-index__status--recognition {
  background-color: #e3cf57;
}

.fm_pointhistory-pg-index__status--ng {
  background-color: #8b8b8b;
}

.fm_pointhistory-pg-index__explain {
  margin-top: 16px;
}

.fm_pointhistory-pg-index__links {
  margin-top: 16px;
}

.fm_pointhistory-pg-index__ads {
  display: flex;
  justify-content: center;
}

.fm_pointhistory-pg-friend__information {
  background-color: #F5F5F5;
  padding: 4px;
  box-sizing: border-box;
  margin-bottom: 24px;
}

.fm_pointhistory-pg-friend__heading {
  color: white;
  font-size: 1.4rem;
  font-weight: bold;
  background-color: #6697B5;
  border-radius: 3px 3px 0 0;
  display: flex;
  align-items: center;
  padding: 6px;
  box-sizing: border-box;
}

.fm_pointhistory-pg-friend__heading img {
  margin-right: 4px;
}

.fm_pointhistory-pg-friend__main {
  background-color: white;
  border: 1px #dadada solid;
  border-top: none;
  padding: 8px 0 16px;
}

.fm_pointhistory-pg-friend__introducation {
  position: relative;
  width: 530px;
  font-size: 1.4rem;
  font-weight: bold;
  background-color: #E6F0F2;
  padding: 20px 0 10px;
  padding-left: 24px;
  margin: 0 auto;
}

.fm_pointhistory-pg-friend__introducation span {
  color: #e80000;
  margin-left: 8px;
}

.fm_pointhistory-pg-friend__number {
  font-size: 3.6rem;
}

.fm_pointhistory-pg-friend__introducationBanner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.fm_pointhistory-pg-friend__introducationBanner a:hover {
  opacity: .6;
}

.fm_pointhistory-pg-friend__explain {
  margin-bottom: 24px;
}

.fm_pointhistory-c-relatedLinks__title {
  color: #333;
  font-size: 1.2rem;
  font-weight: bold;
  background-color: #D0D0D0;
  padding: 6px;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-relatedLinks__title {
    font-size: 1.3rem;
    background-color: #FFFFFF;
    border-bottom: 1px solid #D0D0D0;
  }
}

.fm_pointhistory-c-relatedLinks__main {
  display: flex;
  flex-wrap: wrap;
  border: 1px #D0D0D0 solid;
  border-top: none;
  padding: 6px;
  box-sizing: border-box;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-relatedLinks__main {
    border: none;
  }
}

.fm_pointhistory-c-relatedLinks__link {
  position: relative;
  color: #006BB6;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  margin-right: 24px;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-relatedLinks__link {
    color: #3AA59E;
    font-weight: bold;
  }
}

.fm_pointhistory-c-relatedLinks__link::before {
  content: '\f105';
  position: relative;
  width: 13px;
  height: 13px;
  color: #333;
  font-size: 1.2rem;
  background-color: #D2D2D2;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9px;
  box-sizing: border-box;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 6px;
}

.fm_pointhistory-c-explain {
  font-size: 1.2rem;
  line-height: 1.8;
}

.fm_pointhistory-c-explain div, .fm_pointhistory-c-explain p, .fm_pointhistory-c-explain a {
  font-size: 1.2rem;
}

.fm_pointhistory-c-explain div {
  margin: 6px 0;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-explain div span {
    display: none;
  }
}

.fm_pointhistory-c-explain p {
  display: block;
  text-indent: -1em;
  padding: 6px 0;
  margin-left: 1rem;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-explain p {
    padding: 0;
    margin-left: 0;
    font-size: 1.1rem;
    text-indent: initial;
  }
  .fm_pointhistory-c-explain p:first-child {
    color: #333333;
    font-size: 1.3rem;
    margin-bottom: 10px;
    border-bottom: 2px solid #CCCCCC;
  }
}

.fm_pointhistory-c-explain .txtRed {
  color: #DF0000;
}

.fm_pointhistory-c-historyTable {
  width: 100% !important;
  margin-bottom: 0;
}

@media screen and (max-width: 600px) {
  .fm_pointhistory-c-historyTable tbody {
    display: flex;
    flex-direction: column;
    position: relative;
  }
}

.fm_pointhistory-c-historyTable th, .fm_pointhistory-c-historyTable td {
  font-size: 1.4rem;
  padding: 8px;
  box-sizing: border-box;
  border-collapse: collapse;
  border: 1px #B5B5B5 solid;
}

@media screen and (max-width: 600px) {
  .fm_pointhistory-c-historyTable th, .fm_pointhistory-c-historyTable td {
    font-weight: normal;
    border: none !important;
    width: initial !important;
    background: #FFFFFF !important;
  }
}

.fm_pointhistory-c-historyTable .recognition {
  color: #965604;
  background-color: #F9F4D6;
}

.fm_pointhistory-c-historyTable .recognitionMultiple {
  color: #965604;
  background-color: #F9F4D6;
}

@media screen and (max-width: 600px) {
  .fm_pointhistory-c-historyTable .recognitionMultiple {
    display: none;
    width: 45% !important;
    white-space: nowrap;
    overflow: scroll;
  }
}

.fm_pointhistory-c-historyTable .action {
  color: #2477A8;
  background-color: #E0F4FF;
}

.fm_pointhistory-c-historyTable .actionMultiple {
  color: #2477A8 !important;
  background-color: #E0F4FF !important;
}

@media screen and (max-width: 600px) {
  .fm_pointhistory-c-historyTable .actionMultiple {
    display: none;
  }
}

.fm_pointhistory-c-historyTable .ng {
  background-color: #E7E7E7;
}

.fm_pointhistory-c-historyTable .ngMultiple {
  background-color: #E7E7E7 !important;
}

@media screen and (max-width: 600px) {
  .fm_pointhistory-c-historyTable .ngMultiple {
    display: none;
  }
}

.fm_pointhistory-c-historyTable__th {
  color: #666;
  background-color: #DDD;
  border-top: 2px #999 solid;
  border-bottom: 2px #999 solid;
}

.fm_pointhistory-c-historyTable__th div {
  display: inline-block;
  font-size: 1.4rem;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-historyTable__th div {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .fm_pointhistory-c-historyTable__th {
    padding: 0;
  }
  .fm_pointhistory-c-historyTable__th--point:nth-of-type(1) {
    padding: 5px;
    font-size: 1.4rem;
    font-weight: bold;
    width: initial !important;
    background: #EAEAEA !important;
  }
  .fm_pointhistory-c-historyTable__th--point:nth-of-type(2) {
    padding: 3px;
    font-size: 1.1rem;
  }
  .fm_pointhistory-c-historyTable__th--point:nth-of-type(3) {
    padding: 3px;
    color: #484848;
    font-size: 1.1rem;
  }
  .fm_pointhistory-c-historyTable__th--point:nth-of-type(4) {
    padding: 3px;
    color: #484848;
    font-size: 1.1rem;
  }
  .fm_pointhistory-c-historyTable__th--point:nth-of-type(5) {
    padding: 3px;
    font-size: 1.1rem;
    visibility: hidden;
  }
  .fm_pointhistory-c-historyTable__th--point:last-of-type {
    display: none;
  }
  .fm_pointhistory-c-historyTable__th--exchange:nth-of-type(1) {
    padding: 5px;
    font-size: 1.4rem;
    font-weight: bold;
    width: initial !important;
    background: #EAEAEA !important;
  }
  .fm_pointhistory-c-historyTable__th--exchange:nth-of-type(2) {
    padding: 3px;
    font-size: 1.1rem;
  }
  .fm_pointhistory-c-historyTable__th--exchange:nth-of-type(3) {
    padding: 3px;
    font-size: 1.1rem;
  }
  .fm_pointhistory-c-historyTable__th--exchange:nth-of-type(4) {
    display: none;
  }
  .fm_pointhistory-c-historyTable__th--exchange:nth-of-type(5) {
    display: none;
  }
  .fm_pointhistory-c-historyTable__th--exchange:last-of-type {
    display: none;
  }
  .fm_pointhistory-c-historyTable__th--affiliate:nth-of-type(1) {
    padding: 5px;
    font-size: 1.4rem;
    font-weight: bold;
    width: initial !important;
    background: #EAEAEA !important;
  }
  .fm_pointhistory-c-historyTable__th--affiliate:nth-of-type(2) {
    padding: 3px;
    font-size: 1.1rem;
  }
  .fm_pointhistory-c-historyTable__th--affiliate:nth-of-type(3) {
    padding: 3px;
    font-size: 1.1rem;
  }
  .fm_pointhistory-c-historyTable__th--affiliate:nth-of-type(4) {
    display: none;
  }
  .fm_pointhistory-c-historyTable__th--affiliate:nth-of-type(5) {
    display: none;
  }
  .fm_pointhistory-c-historyTable__th--affiliate:last-of-type {
    display: none;
  }
}

.fm_pointhistory-c-historyTable__th a {
  display: block;
}

.fm_pointhistory-c-historyTable__tr span {
  display: none;
}

.fm_pointhistory-c-historyTable__tr--sp {
  display: none;
}

@media screen and (max-width: 600px) {
  .fm_pointhistory-c-historyTable__tr {
    display: none;
  }
  .fm_pointhistory-c-historyTable__tr span {
    display: inline-block;
    margin: 0 3px;
  }
  .fm_pointhistory-c-historyTable__tr img {
    display: none;
  }
  .fm_pointhistory-c-historyTable__tr--sp {
    display: block;
    padding-bottom: 5px;
    width: initial !important;
    text-align: left !important;
  }
  .fm_pointhistory-c-historyTable__tr--point {
    display: block;
    position: relative;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 600px) and (max-width: 600px) {
  .fm_pointhistory-c-historyTable__tr--point td {
    padding: 0;
    border: none !important;
  }
  .fm_pointhistory-c-historyTable__tr--point td:nth-of-type(1) {
    width: 50% !important;
    text-align: left !important;
    background: #EAEAEA !important;
    padding: 3px;
    font-size: 1.6rem;
    font-weight: bold;
    position: absolute;
    top: -122px;
    left: 50px;
  }
  .fm_pointhistory-c-historyTable__tr--point td:nth-of-type(2) {
    width: 55% !important;
    padding: 3px;
    font-size: 1.1rem;
    text-align: left !important;
    position: absolute;
    top: -96px;
    left: 80px;
  }
  .fm_pointhistory-c-historyTable__tr--point td:nth-of-type(3) {
    width: 55% !important;
    padding: 3px;
    color: #484848;
    font-size: 1.1rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: scroll;
    position: absolute;
    top: -73px;
    left: 55px;
  }
  .fm_pointhistory-c-historyTable__tr--point td:nth-of-type(4) {
    width: 95% !important;
    text-align: left !important;
    padding: 3px;
    color: #484848;
    font-size: 1.1rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: scroll;
    position: absolute;
    top: -30px;
    left: 10px;
  }
  .fm_pointhistory-c-historyTable__tr--point td:nth-of-type(5) {
    width: 25% !important;
    text-align: right !important;
    padding: 3px;
    font-size: 1.8rem;
    font-weight: bold;
    position: absolute;
    top: -97px;
    right: 0;
  }
  .fm_pointhistory-c-historyTable__tr--point td:nth-of-type(5) div {
    font-size: 1.8rem;
  }
  .fm_pointhistory-c-historyTable__tr--point td:nth-of-type(6) {
    width: 25% !important;
    text-align: right !important;
    padding: 3px;
    font-size: 1.1rem;
    font-weight: bold;
    position: absolute;
    top: -70px;
    right: 0;
  }
  .fm_pointhistory-c-historyTable__tr--point td:last-of-type {
    text-align: right !important;
  }
}

@media screen and (max-width: 600px) {
  .fm_pointhistory-c-historyTable__tr--exchange {
    display: block;
    position: relative;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 600px) and (max-width: 600px) {
  .fm_pointhistory-c-historyTable__tr--exchange td {
    padding: 0;
    border: none !important;
  }
  .fm_pointhistory-c-historyTable__tr--exchange td:nth-of-type(1) {
    width: 50% !important;
    text-align: left !important;
    background: #EAEAEA !important;
    padding: 3px;
    font-size: 1.6rem;
    font-weight: bold;
    position: absolute;
    top: -76px;
    left: 50px;
  }
  .fm_pointhistory-c-historyTable__tr--exchange td:nth-of-type(2) {
    width: 55% !important;
    padding: 3px;
    font-size: 1.1rem;
    white-space: nowrap;
    overflow: scroll;
    position: absolute;
    top: -50px;
    left: 57px;
  }
  .fm_pointhistory-c-historyTable__tr--exchange td:nth-of-type(3) {
    width: 55% !important;
    padding: 3px;
    font-size: 1.1rem;
    white-space: nowrap;
    overflow: scroll;
    position: absolute;
    top: -27px;
    left: 57px;
  }
  .fm_pointhistory-c-historyTable__tr--exchange td:nth-of-type(4) {
    width: 25% !important;
    text-align: right !important;
    padding: 3px;
    font-size: 1.8rem;
    font-weight: bold;
    position: absolute;
    top: -50px;
    right: 0;
  }
  .fm_pointhistory-c-historyTable__tr--exchange td:nth-of-type(4) div {
    font-size: 1.8rem;
  }
  .fm_pointhistory-c-historyTable__tr--exchange td:nth-of-type(5) {
    width: 25% !important;
    text-align: right !important;
    padding: 3px;
    font-size: 1.1rem;
    position: absolute;
    top: -25px;
    right: 0;
  }
  .fm_pointhistory-c-historyTable__tr--exchange td:last-of-type {
    text-align: right !important;
  }
}

@media screen and (max-width: 600px) {
  .fm_pointhistory-c-historyTable__tr--affiliate {
    display: block;
    position: relative;
  }
}

@media screen and (max-width: 600px) and (max-width: 600px) {
  .fm_pointhistory-c-historyTable__tr--affiliate td {
    padding: 0;
    border: none !important;
  }
  .fm_pointhistory-c-historyTable__tr--affiliate td:nth-of-type(1) {
    width: 50% !important;
    text-align: left !important;
    background: #EAEAEA !important;
    padding: 3px;
    font-size: 1.6rem;
    font-weight: bold;
    position: absolute;
    top: -76px;
    left: 50px;
  }
  .fm_pointhistory-c-historyTable__tr--affiliate td:nth-of-type(2) {
    width: 40% !important;
    padding: 3px;
    font-size: 1.1rem;
    text-align: left !important;
    position: absolute;
    top: -50px;
    left: 80px;
  }
  .fm_pointhistory-c-historyTable__tr--affiliate td:nth-of-type(3) {
    display: block !important;
    width: 65% !important;
    padding: 3px;
    font-size: 1.1rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: scroll;
    position: relative;
    top: -27px;
    left: 47px;
  }
  .fm_pointhistory-c-historyTable__tr--affiliate td:nth-of-type(4) {
    width: 25% !important;
    text-align: right !important;
    padding: 3px;
    font-size: 1.8rem;
    font-weight: bold;
    position: absolute;
    top: -50px;
    right: 0;
  }
  .fm_pointhistory-c-historyTable__tr--affiliate td:nth-of-type(5) {
    width: 15% !important;
    text-align: right !important;
    padding: 3px;
    font-size: 1.1rem;
    font-weight: bold;
    position: absolute;
    top: -25px;
    right: 0;
  }
  .fm_pointhistory-c-historyTable__tr--affiliate td:last-of-type {
    text-align: left !important;
    position: absolute;
    top: 0;
    right: 0;
  }
  .fm_pointhistory-c-historyTable__tr--affiliate td:last-of-type a {
    font-size: 1.1rem;
    padding: 3px;
  }
}

.fm_pointhistory-c-historyTable__noneText {
  height: 200px;
  font-size: 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px #C5C5C5 solid;
  border-top: none;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-historyTable__noneText {
    border-top: 1px #C5C5C5 solid;
  }
}

.fm_pointhistory-c-historyTable button {
  font-size: 1.2rem;
  background-color: #DEDEDE;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-historyTable button {
    background-color: #EFFAFA;
  }
  .fm_pointhistory-c-historyTable button:hover {
    background-color: #f4c0a9;
  }
}

.fm_pointhistory-c-pointInformation {
  position: relative;
  border: 5px #EFEFEF solid;
  padding: 4px;
  box-sizing: border-box;
  display: flex;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-pointInformation {
    display: flex;
    flex-direction: column;
    border: none;
    padding: 0;
  }
}

.fm_pointhistory-c-pointInformation__main {
  position: relative;
  width: 600px;
  padding: 6px;
  box-sizing: border-box;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-pointInformation__main {
    width: 100%;
    padding: 5px;
  }
}

.fm_pointhistory-c-pointInformation__title {
  position: relative;
  font-size: 1.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 36px;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-pointInformation__title {
    font-size: 1.6rem;
    font-weight: bold;
  }
}

.fm_pointhistory-c-pointInformation__title img {
  width: 32px;
  margin-right: 6px;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-pointInformation__title img {
    width: 20px;
  }
}

.fm_pointhistory-c-pointInformation__point {
  color: #E80000;
  font-size: 4.2rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
  border-bottom: 1px #CCC solid;
  padding-bottom: 14px;
  margin-bottom: 16px;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-pointInformation__point {
    font-size: 3.2rem;
  }
}

.fm_pointhistory-c-pointInformation__pointSubText {
  font-size: 1.8rem;
}

.fm_pointhistory-c-pointInformation__expires {
  color: #666;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 8px;
}

.fm_pointhistory-c-pointInformation__expires span {
  color: #E80000;
  margin-left: 8px;
}

.fm_pointhistory-c-pointInformation__news {
  position: relative;
  font-weight: bold;
  text-align: center;
  background-color: #FFF98C;
  padding: 6px;
  margin-bottom: 16px;
}

.fm_pointhistory-c-pointInformation__linkButtonSpace {
  display: flex;
  justify-content: space-around;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-pointInformation__linkButtonSpace {
    flex-direction: column;
  }
}

.fm_pointhistory-c-pointInformation__linkButton {
  width: 47%;
  color: white;
  background-color: gray;
  font-size: 1.8rem;
  font-weight: bold;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  padding: 20px 0;
  box-sizing: border-box;
  box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.3) inset;
  cursor: pointer;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-pointInformation__linkButton {
    margin: 5px 0;
    padding: 20px 10px;
    justify-content: flex-start;
  }
}

.fm_pointhistory-c-pointInformation__linkButton:hover {
  color: white;
  text-decoration: none;
  opacity: .8;
}

.fm_pointhistory-c-pointInformation__linkButton::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 6px;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-pointInformation__linkButton::before {
    margin-right: 10px;
  }
}

.fm_pointhistory-c-pointInformation__linkButton--exchange {
  background-color: #2AA763;
  position: relative;
}

.fm_pointhistory-c-pointInformation__linkButton--exchange span {
  display: none;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-pointInformation__linkButton--exchange {
    width: 100%;
  }
  .fm_pointhistory-c-pointInformation__linkButton--exchange span {
    display: block;
    position: absolute;
    top: 23px;
    left: calc(100% - 30px);
    width: 5px;
    height: 5px;
    border: 3px solid;
    border-color: #FFFFFF #FFFFFF transparent transparent;
    transform: rotate(45deg);
  }
}

.fm_pointhistory-c-pointInformation__linkButton--exchange::before {
  content: '\f2f1';
}

.fm_pointhistory-c-pointInformation__linkButton--prize {
  background-color: #FDB20E;
  position: relative;
}

.fm_pointhistory-c-pointInformation__linkButton--prize span {
  display: none;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-pointInformation__linkButton--prize {
    width: 100%;
  }
  .fm_pointhistory-c-pointInformation__linkButton--prize span {
    display: block;
    position: absolute;
    top: 23px;
    left: calc(100% - 30px);
    width: 5px;
    height: 5px;
    border: 3px solid;
    border-color: #FFFFFF #FFFFFF transparent transparent;
    transform: rotate(45deg);
  }
}

.fm_pointhistory-c-pointInformation__linkButton--prize::before {
  content: '\f06b';
}

.fm_pointhistory-c-pointInformation__ads {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-pointInformation__ads {
    margin: auto;
    justify-content: initial;
  }
}

.fm_pointhistory-c-pointInformation__ads iframe {
  background-color: gray;
}

.fm_pointhistory-c-tab {
  color: #333;
  font-size: 1.6rem;
  background-color: white;
  border: 2px #333 solid;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  padding: 12px 24px;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-tab {
    font-size: 1.2rem;
    padding: 10px 5px;
    border: 1px #333 solid;
  }
}

.fm_pointhistory-c-tab--red {
  color: white;
  background-color: #A72A2A;
  border-color: #A72A2A;
}

.fm_pointhistory-c-tab::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 6px;
}

.fm_pointhistory-c-tab--pointhistory::before {
  content: '\f51e';
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-tab--pointhistory::before {
    display: none;
  }
}

.fm_pointhistory-c-tab--exchange::before {
  content: '\f2f1';
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-tab--exchange::before {
    display: none;
  }
}

.fm_pointhistory-c-tab--friend::before {
  content: '\f234';
}

.fm_pointhistory-c-tab__text {
  font-weight: bold;
}

@media screen and (max-width: 800px) {
  .fm_pointhistory-c-tab__text span {
    display: none;
  }
}

.fm_pointhistory-c-extraNews {
  overflow: hidden;
  margin-bottom: 15px;
  width: 100%;
  background: #80CEFF;
  border-radius: 5px 5px 0 0;
}

.fm_pointhistory-c-extraNews__title {
  font-size: 16px;
  font-weight: bold;
  padding: 10px;
}

.fm_pointhistory-c-extraNews__icon {
  background: #d10000;
  color: #ffffff;
  margin-right: 10px;
  padding: 3px 5px;
  border-radius: 5px;
}

.fm_pointhistory-c-extraNews__inner {
  border: 4px #80CEFF solid;
  border-top: none;
  padding: 14px 10px;
  background: #ffffff;
}

.fm_pointhistory-c-extraNews__marTop13 {
  margin-top: 13px;
  line-height: 1.5;
}

.fm_pointhistory-c-extraNews__redBoldBig {
  color: #d10000;
  font-size: 14px;
  font-weight: bold;
}

/** パンくず **/
@media screen and (max-width: 800px) {
  .fm_breadcrumb {
    display: none;
  }
}

/*-- 開始時 --*/
.fm_research-layout__monitorTownBanner {
  display: flex;
  justify-content: center;
  margin: 40px 0;
}

.fm_research-layout__monitorTownBanner img {
  margin-bottom: 8px;
}

.fm_research-layout__monitorTownBanner a {
  color: #333;
  font-size: 1.4rem;
}

.fm_research-layout__monitorTownBanner a span {
  color: #f71a63;
}

.fm_research-layout__ads {
  display: flex;
  justify-content: center;
  margin: 10px 0;
}

.fm_research-pg-index__news {
  color: #4a89c9;
  text-decoration: none;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  background-color: #FFEEEE;
  border-top: 2px dotted #FFB3B3;
  border-bottom: 2px dotted #FFB3B3;
  padding: 8px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  margin-bottom: 5px;
}

.fm_research-pg-index__title {
  font-size: 2.2rem;
  text-align: center;
  border-bottom: 1px #D4D4D4 dashed;
  padding-bottom: 16px;
  margin: 16px 0;
}

.fm_research-pg-index__tabSpace {
  display: flex;
  margin-bottom: 32px;
}

.fm_research-pg-index__tab {
  position: relative;
  width: 100%;
  height: 100px;
  font-size: 1.8rem;
  background-color: #EEE;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.fm_research-pg-index__tab div {
  font-size: 1.6rem;
}

.fm_research-pg-index__tab--minimum {
  height: 70px;
}

.fm_research-pg-index__tab--research:hover {
  background-color: #2A7FB8;
  cursor: pointer;
}

.fm_research-pg-index__tab--research:hover div {
  color: white;
}

.fm_research-pg-index__tab--research:hover div span {
  color: #2A7FB8;
  font-weight: bold;
  background-color: white;
}

.fm_research-pg-index__tab--promotion:hover {
  background-color: #DD4646;
  cursor: pointer;
}

.fm_research-pg-index__tab--promotion:hover div {
  color: white;
}

.fm_research-pg-index__tab--promotion:hover div span {
  color: #DD4646;
  font-weight: bold;
  background-color: white;
}

.fm_research-pg-index__tab--bonus:hover {
  background-color: #24A55A;
  cursor: pointer;
}

.fm_research-pg-index__tab--bonus:hover div {
  color: white;
}

.fm_research-pg-index__tab--bonus:hover div span {
  color: #24A55A;
  font-weight: bold;
  background-color: white;
}

.fm_research-pg-index__tab--tyousatai:hover {
  background-color: #E8A61D;
  cursor: pointer;
}

.fm_research-pg-index__tab--tyousatai:hover div {
  color: white;
}

.fm_research-pg-index__tab--tyousatai:hover div span {
  color: #E8A61D;
  font-weight: bold;
  background-color: white;
}

.fm_research-pg-index__tab--activeresearch {
  background-color: #2A7FB8;
}

.fm_research-pg-index__tab--activeresearch div {
  color: white;
}

.fm_research-pg-index__tab--activeresearch div span {
  color: #2A7FB8;
  font-weight: bold;
  background-color: white;
}

.fm_research-pg-index__tab--activeresearch::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border: 10px transparent solid;
  border-top: 10px #2A7FB8 solid;
  transform: translateY(100%);
}

.fm_research-pg-index__tab--activepromotion {
  background-color: #DD4646;
}

.fm_research-pg-index__tab--activepromotion div {
  color: white;
}

.fm_research-pg-index__tab--activepromotion div span {
  color: #DD4646;
  font-weight: bold;
  background-color: white;
}

.fm_research-pg-index__tab--activepromotion::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border: 10px transparent solid;
  border-top: 10px #DD4646 solid;
  transform: translateY(100%);
}

.fm_research-pg-index__tab--activebonus {
  background-color: #24A55A;
}

.fm_research-pg-index__tab--activebonus div {
  color: white;
}

.fm_research-pg-index__tab--activebonus div span {
  color: #24A55A;
  font-weight: bold;
  background-color: white;
}

.fm_research-pg-index__tab--activebonus::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border: 10px transparent solid;
  border-top: 10px #24A55A solid;
  transform: translateY(100%);
}

.fm_research-pg-index__tab--activetyousatai {
  background-color: #E8A61D;
}

.fm_research-pg-index__tab--activetyousatai div {
  color: white;
}

.fm_research-pg-index__tab--activetyousatai div span {
  color: #E8A61D;
  font-weight: bold;
  background-color: white;
}

.fm_research-pg-index__tab--activetyousatai::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border: 10px transparent solid;
  border-top: 10px #E8A61D solid;
  transform: translateY(100%);
}

.fm_research-pg-index__tabText {
  color: #333;
  font-size: 1.5rem;
  text-align: center;
}

.fm_research-pg-index__tabText--mobile {
  display: none;
}

.fm_research-pg-index__tabText span {
  display: inline-block;
  font-size: 1.6rem;
  background-color: #DDD;
  border-radius: 20px;
  padding: 4px 10px;
  margin-top: 16px;
}

.fm_research-pg-index__tabContent {
  display: none;
}

.fm_research-pg-index__tabContent--active {
  display: block;
}

.fm_research-pg-index__enqueteTable {
  margin-bottom: 40px;
}

.fm_research-pg-index__tyousataiHeaderImage {
  display: block;
  width: 100%;
  margin: 20px 0 16px;
}

.fm_research-pg-index__tyousataiNav ul {
  height: 64px;
  display: flex;
  overflow-x: auto;
  overflow-y: visible;
}

.fm_research-pg-index__tyousataiNav ul li {
  position: relative;
  height: 32px;
  color: #A2A2A2;
  font-size: 1.2rem;
  font-weight: bold;
  white-space: nowrap;
  background-color: #EEE;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 16px;
  margin: 4px 4px;
  cursor: pointer;
}

.fm_research-pg-index__tyousataiNav--selected {
  color: white !important;
  background-color: #E8A61D !important;
  border-radius: 3px;
}

.fm_research-pg-index__tyousataiNav--selected:before {
  content: '';
  position: absolute;
  display: block;
  bottom: 0;
  width: 0;
  height: 0;
  border: 10px transparent solid;
  border-top: 10px #E8A61D solid;
  transform: translateY(100%);
}

.fm_research-pg-index__tyousataiIframe {
  width: 100%;
  height: auto;
  opacity: 0;
  visibility: hidden;
}

.fm_research-pg-index__tyousataiIframe--selected {
  display: block !important;
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.fm_research-pg-index__tyousataiIframe iframe {
  width: 100%;
  border: none;
}

.fm_research-pg-index__tab--tyousatai iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.fm_research-pg-index__heading {
  font-size: 1.4rem;
  font-weight: bold;
  background-color: #EEE;
  border-bottom: 1px #DDD solid;
  padding: 10px;
  margin-bottom: 10px;
}

.fm_research-pg-index__description {
  padding: 0 10px;
  box-sizing: border-box;
  margin-bottom: 32px;
}

.fm_research-pg-index__description p {
  font-size: 1.2rem;
  line-height: 1.6;
  margin-bottom: 10px;
}

.fm_research-pg-index__description p a {
  font-size: 1.2rem;
}

.fm_research-pg-index__description p:last-child {
  padding-bottom: 0;
}

.fm_research-pg-index__description--alignCenter p {
  display: flex;
  align-items: center;
}

@media (max-width: 800px) {
  .fm_research-pg-index {
    padding: 0 8px;
    box-sizing: border-box;
  }
  .fm_research-pg-index__title {
    font-size: 1.8rem;
  }
  .fm_research-pg-index__tabText {
    font-size: 1.3rem;
  }
  .fm_research-pg-index__tabText--pc {
    display: none;
  }
  .fm_research-pg-index__tabText--mobile {
    display: block;
  }
  .fm_research-pg-index__tabText--mobile span {
    font-size: 1.3rem;
    padding: 2px 12px;
    margin-top: 8px;
  }
}

.fm_research-c-enqueteTable__heading {
  display: block;
  position: relative;
  font-size: 2.2rem;
  display: flex;
  align-items: center;
  padding-bottom: 16px;
}

.fm_research-c-enqueteTable__heading::before, .fm_research-c-enqueteTable__heading::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #DDD;
}

.fm_research-c-enqueteTable__heading::after {
  width: 30%;
}

.fm_research-c-enqueteTable__heading a {
  position: absolute;
  right: 0;
  font-size: 1.2rem;
  font-weight: normal;
  display: flex;
  align-items: center;
}

.fm_research-c-enqueteTable__heading--research {
  color: #2A7FB8;
}

.fm_research-c-enqueteTable__heading--research::after {
  background-color: #2A7FB8;
}

.fm_research-c-enqueteTable__heading--promotion {
  color: #DD4646;
}

.fm_research-c-enqueteTable__heading--promotion::after {
  background-color: #DD4646;
}

.fm_research-c-enqueteTable__heading--bonus {
  color: #24A55A;
}

.fm_research-c-enqueteTable__heading--bonus::after {
  background-color: #24A55A;
}

.fm_research-c-enqueteTable__heading--tyousatai {
  color: #E8A61D;
}

.fm_research-c-enqueteTable__heading--tyousatai::after {
  background-color: #E8A61D;
}

.fm_research-c-enqueteTable__subHeading {
  font-size: 1.4rem;
  border-bottom: 1px #BBB dotted;
  padding: 16px 0;
}

.fm_research-c-enqueteTable__sortButtonSpace {
  position: relative;
  display: flex;
  margin: 16px 0;
}

.fm_research-c-enqueteTable__sortButton {
  color: #0066CB;
  font-size: 1.4rem;
  border: 2px #DDD solid;
  border-radius: 6px;
  padding: 6px;
  margin-right: 8px;
}

.fm_research-c-enqueteTable__sortButton:hover {
  color: white;
  background-color: #2A7FB8;
  text-decoration: none;
}

.fm_research-c-enqueteTable__sortButton--active {
  color: #333 !important;
  font-weight: bold !important;
  background-color: transparent !important;
  cursor: default !important;
}

@media (max-width: 800px) {
  .fm_research-c-enqueteTable__heading {
    font-size: 1.8rem;
  }
  .fm_research-c-enqueteTable__subHeading {
    font-size: 1.2rem;
  }
  .fm_research-c-enqueteTable__sortButton {
    font-size: 1.2rem;
  }
}

.fm_research-c-button {
  position: relative;
  width: 72px;
  height: 27px;
  color: white;
  font-size: 1.2rem;
  text-decoration: none;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.fm_research-c-button:hover {
  color: white;
  text-decoration: none;
}

.fm_research-c-button--blue {
  background-color: #2A7FB8;
}

.fm_research-c-button--green {
  background-color: #24A55A;
}

.fm_research-c-button--gray {
  background-color: #999;
}

@media (max-width: 800px) {
  .fm_research-c-button {
    width: 100%;
    margin: 6px 0 8px;
  }
}

.fm_research-c-historyTable {
  width: 100% !important;
  margin-bottom: 0;
}

.fm_research-c-historyTable th, .fm_research-c-historyTable td {
  font-size: 1.3rem;
  line-height: 1.4;
  padding: 8px;
  box-sizing: border-box;
  border-collapse: collapse;
  border: 1px #DDD solid;
}

.fm_research-c-historyTable th {
  color: #666;
  background-color: #EEE;
}

.fm_research-c-historyTable th a {
  display: block;
}

.fm_research-c-historyTable td span {
  display: block;
  color: #D10000;
  font-size: 1.2rem;
  font-weight: bold;
  transform: translateY(-16%);
  animation: 1s new_text_animation linear infinite alternate;
}

.fm_research-c-historyTable td b {
  color: #D10000;
  margin: 0 2px;
}

.fm_research-c-historyTable tr:hover td {
  background: #FFFFCC !important;
}

.fm_research-c-historyTable__bonusPointText {
  font-size: 1.2rem;
}

.fm_research-c-historyTable__mobilePointText {
  display: none !important;
}

.fm_research-c-historyTable__noneText {
  height: 50px;
  font-size: 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px #C5C5C5 solid;
  border-top: none;
}

.fm_research-c-historyTable button {
  font-size: 1.2rem;
  background-color: #DEDEDE;
}

@media (max-width: 800px) {
  .fm_research-c-historyTable tr {
    border: none;
    border-bottom: 1px #CECECE solid;
  }
  .fm_research-c-historyTable tr:first-child {
    display: none;
  }
  .fm_research-c-historyTable td {
    text-align: left !important;
    border: none;
    padding: 2px 0;
  }
  .fm_research-c-historyTable td:first-child {
    margin-top: 8px;
  }
  .fm_research-c-historyTable td span {
    display: inline-block;
    margin-right: 5px;
    transform: none;
  }
  .fm_research-c-historyTable__mobilePointText {
    display: inline-block !important;
    color: #333 !important;
    font-weight: normal !important;
    animation: none !important;
  }
}

@keyframes new_text_animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fm_mailstatus-pg-index__heading {
  position: relative;
  font-size: 1.8rem;
  font-weight: normal;
  background: linear-gradient(white, #E8E8E8);
  border-radius: 5px;
  border: 1px #CCC solid;
  padding: 12px 24px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.fm_mailstatus-pg-index__heading::before {
  content: '';
  position: absolute;
  left: 8px;
  width: 5px;
  height: 75%;
  background-color: #F4A838;
}

.fm_mailstatus-pg-index__description {
  font-size: 1.4rem;
  line-height: 1.6;
}

.fm_mailstatus-pg-index__information {
  padding: 16px;
  box-sizing: border-box;
  border-top: 1px #CCC dashed;
  border-bottom: 1px #CCC dashed;
  margin-top: 16px;
}

.fm_mailstatus-pg-index__informationHeader {
  font-size: 1.6rem;
  letter-spacing: 2px;
  margin-bottom: 8px;
}

.fm_mailstatus-pg-index__checkbox {
  margin-bottom: 8px;
}

.fm_mailstatus-pg-index__checkbox label {
  position: relative;
  height: 25px;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  padding-left: 34px;
  box-sizing: border-box;
}

.fm_mailstatus-pg-index__checkbox label::before {
  content: '';
  position: absolute;
  left: 0;
  width: 25px;
  height: 25px;
  border: 1px #D2D2D2 solid;
  border-radius: 5px;
}

.fm_mailstatus-pg-index__checkbox label::after {
  content: '';
  position: absolute;
  left: 5px;
  width: 8px;
  height: 8px;
  border-right: 6px #EB841E solid;
  border-bottom: 6px #EB841E solid;
  transform: rotateZ(45deg) translate(-5%, -27%);
  opacity: 0;
  transition: .2s;
}

.fm_mailstatus-pg-index__checkbox input[type="checkbox"] {
  display: none;
}

.fm_mailstatus-pg-index__checkbox input[type="checkbox"]:checked + label::after {
  opacity: 1;
}

.fm_mailstatus-pg-index__submit {
  display: block !important;
  width: 240px !important;
  color: white !important;
  font-size: 1.6rem !important;
  font-weight: bold !important;
  letter-spacing: 1px !important;
  text-align: center !important;
  background-color: gray;
  border-radius: 24px !important;
  border: none !important;
  outline: none !important;
  padding: 16px 0 !important;
  box-sizing: border-box !important;
  margin: 24px auto !important;
  cursor: pointer !important;
}

.fm_mailstatus-pg-index__submit:hover {
  color: white !important;
  text-decoration: none !important;
  opacity: .8 !important;
}

.fm_mailstatus-pg-index__submit--blue {
  background-color: #1E4294;
}

.fm_mailstatus-pg-index__submit--orange {
  background-color: #EB841E !important;
  padding: 13px 0 !important;
}

.fm_mailstatus-pg-index__rule {
  font-size: 1.4rem;
  line-height: 1.6;
  background-color: #F5F5F5;
  padding: 20px;
}

.fm_mailstatus-pg-index__rule li {
  list-style: inside;
}

.fm_memberchange-l-register {
  padding-top: 32px;
}

@media screen and (max-width: 639px) {
  .fm_memberchange-l-register__title {
    font-size: 1.6em !important;
  }
}

.fm_memberchange-l-register__title {
  font-size: 3rem;
  text-align: center;
  margin-bottom: 32px;
}

.fm_memberchange-l-register__heading {
  position: relative;
  font-size: 1.8rem;
  font-weight: bold;
  border-bottom: 1px #999 dotted;
  padding: 8px 16px;
  margin-bottom: 24px;
}

.fm_memberchange-l-register__heading::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 80%;
  background-color: orange;
}

.fm_memberchange-l-register__footer {
  margin-top: 40px;
}

.fm_memberchange-l-register__policy {
  display: flex;
  margin-bottom: 24px;
}

.fm_memberchange-l-register__policyExplain {
  width: calc(100% - 60px - 20px);
  font-size: 1.4rem;
  line-height: 1.6;
  margin-right: 20px;
}

.fm_memberchange-l-register__policyLogo {
  width: 60px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.fm_memberchange-l-register__policyLogo img {
  width: 60px;
}

@media screen and (max-width: 639px) {
  .fm_memberchange-pg-mailform .error_message {
    width: 94%;
    padding: 3%;
  }
  .fm_memberchange-pg-mailform__flow img {
    width: 100%;
  }
  .fm_memberchange-pg-mailform table th {
    text-align: left !important;
    width: auto !important;
  }
  .fm_memberchange-pg-mailform table td {
    padding: 0 !important;
  }
  .fm_memberchange-pg-mailform table td > div {
    margin: 8px;
  }
  .fm_memberchange-pg-mailform table td > div > div:nth-child(1) {
    width: 50%;
  }
  .fm_memberchange-pg-mailform table td > div > div:nth-child(1) input#mail_address1 {
    padding: 4px !important;
    width: 80%;
  }
  .fm_memberchange-pg-mailform table td > div > div:nth-child(2) {
    width: 50%;
  }
  .fm_memberchange-pg-mailform table td > div > div:nth-child(2) input#mail_address2 {
    padding: 4px !important;
    width: 100%;
  }
}

.fm_memberchange-pg-mailform__text {
  height: 100px;
  overflow: scroll;
  border: 1px solid;
  padding: 8px;
  border-color: lightgrey;
  white-space: pre-wrap;
  font-kerning: none;
  line-height: 1.5;
  font-size: 1.4rem;
}

.fm_memberchange-pg-mailform__step_navigation {
  /**
  かなりややこしいが、ここでは初期値が設定されていて、
  @includeする際に変数名と値をセットで渡さないと初期値の設定で全て上書きされてしまう、、
  なので、下記のような形で「変数名＋値」で指定してあげないとスタイルが正しく適用されない仕様になってます。
  
  // How to use: 詳しくは橋本さんに直接聞いてみてください
  // TODO: 三角関数が使えないので微妙な角度調整は一旦スルー
  &__fooBar {
    @import "./../component/_step_navigation.scss";
    @include step_navigation(
      $width: 180px,
      $height: 60px,
      $wrapper-width: 130px,
    );
 */
}

.fm_memberchange-pg-mailform__step_navigation__item {
  position: relative;
  color: #777;
  width: 200px;
  filter: grayscale(0.7);
}

.fm_memberchange-pg-mailform__step_navigation__item.isActive {
  color: #444;
  filter: grayscale(0);
}

.fm_memberchange-pg-mailform__step_navigation__wrapper {
  display: flex;
  align-items: center;
  width: 200px;
  height: 60px;
  background-color: #EEB158;
  clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
}

.fm_memberchange-pg-mailform__step_navigation__wrapper:nth-child(n+2) {
  margin-right: 0px;
}

.fm_memberchange-pg-mailform__step_navigation__wrapper.lastChild {
  clip-path: polygon(0 0, 100% 0%, 100% 50%, 100% 100%, 0% 100%);
}

.fm_memberchange-pg-mailform__step_navigation__hiLight {
  clip-path: polygon(1% 3.33333%, 89% 3.33333%, calc(100% - 1% - 1px) 50%, 89% 96.66667%, 1% 96.66667%);
}

.fm_memberchange-pg-mailform__step_navigation__hiLight.lastChild {
  clip-path: polygon(1% 3.33333%, 99% 3.33333%, 99% 50%, 99% 96.66667%, 1% 96.66667%);
}

.fm_memberchange-pg-mailform__step_navigation__draw {
  width: 200px;
  height: 60px;
  background-color: #FEEBB9;
  clip-path: polygon(0% 0%, calc(89% - 2px) 0%, calc(100% - 0% - 1px) 50%, calc(89% - 2px) 100%, 0% 100%);
}

.fm_memberchange-pg-mailform__step_navigation__draw.lastChild {
  clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 100% 100%, 0% 100%);
}

.fm_memberchange-pg-mailform__step_navigation__contents {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 1%;
  position: absolute;
}

.fm_memberchange-pg-mailform__step_navigation__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  width: 24px;
  height: 24px;
  padding: 1%;
  background-color: white;
  border-radius: 50%;
  border: 2px solid #EEB158;
}

.fm_memberchange-pg-mailform__step_navigation__reverseMargin {
  width: 10px;
}

.fm_memberchange-pg-mailform__step_navigation__text {
  font-size: 1.6rem;
  font-weight: 600;
}

.fm_memberchange-pg-mailform__step_navigation__text {
  font-size: 13px;
}

.fm_memberchange-pg-mailform__flow {
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
}

.fm_memberchange-pg-mailform__heading {
  position: relative;
  font-size: 1.8rem;
  font-weight: bold;
  border-bottom: 1px #999 dotted;
  padding: 8px 16px;
  margin-bottom: 24px;
}

.fm_memberchange-pg-mailform__heading::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 80%;
  background-color: orange;
}

.fm_memberchange-pg-mailform__form input[type="text"] {
  width: 200px;
  height: 40px;
}

.fm_memberchange-pg-mailform__atSymbol {
  font-size: 2rem;
  margin: 0 4px;
}

.fm_memberchange-pg-mailform__explain {
  font-size: 1.4rem;
  font-weight: normal;
  margin-top: 10px;
}

.fm_memberchange-pg-mailform__errorSpace {
  display: flex;
}

.fm_memberchange-pg-mailform__error {
  width: 38%;
  color: crimson;
  font-size: 1.4rem;
  font-weight: bold;
  margin: 8px;
}

.fm_memberchange-pg-mailform__error:nth-of-type(1) {
  margin-right: 2.4rem;
}

.fm_memberchange-pg-mailform__terms, .fm_memberchange-pg-mailform__policy {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 16px;
}

.fm_memberchange-pg-mailform__terms h2, .fm_memberchange-pg-mailform__policy h2 {
  font-size: 1.5rem;
  margin-bottom: 8px;
}

.fm_memberchange-pg-mailform__terms textarea, .fm_memberchange-pg-mailform__policy textarea {
  height: 80px;
  font-size: 1.4rem;
  padding: 6px;
  box-sizing: border-box;
}

.fm_memberchange-pg-mailform__domainExplain {
  width: 100%;
  max-width: 870px;
  margin: 0 auto 10px auto;
  background: #ffeeee;
  border-top: 2px dotted #ffb3b3;
  border-bottom: 2px dotted #ffb3b3;
  padding: 8px;
  font-size: 1.3rem;
  box-sizing: border-box;
}

.fm_memberchange-pg-mailform__submit {
  width: 100% !important;
  color: #fff !important;
  background: #eb841e !important;
  border: 0 !important;
  border-bottom: 8px solid #be5703 !important;
  border-radius: 50px !important;
  font-weight: bold !important;
  font-size: 2.6rem !important;
  max-width: 430px !important;
  box-sizing: border-box !important;
  padding: 10px !important;
  display: block !important;
  margin: 0 auto !important;
  margin-top: 32px !important;
  cursor: pointer !important;
}

.fm_memberchange-pg-mailform__submit:hover {
  opacity: 0.8;
  text-decoration: none;
}

.fm_memberchange-pg-mailform table {
  width: 100%;
  max-width: 866px;
  border: 3px solid #c5c5c5;
  border-spacing: 0;
  margin: 0 auto 30px auto;
}

.fm_memberchange-pg-mailform table th,
.fm_memberchange-pg-mailform table td {
  font-weight: bold;
  border-right: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
  padding: 8px 15px;
}

.fm_memberchange-pg-mailform table th {
  color: #333;
  width: 280px;
  text-align: right;
  background: #eaeaea;
}

.fm_memberchange-pg-mailform__require {
  position: relative;
  top: -1px;
  color: #fff;
  font-size: 1.1rem;
  background: #ee3030;
  border-radius: 10px;
  padding: 1px 4px;
  margin-left: 5px;
}

@media screen and (max-width: 639px) {
  .fm_memberchange-pg-provision__message {
    width: 94% !important;
    border: none !important;
    padding: 3% !important;
  }
}

.fm_memberchange-pg-provision__flow {
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
}

.fm_memberchange-pg-provision__heading {
  position: relative;
  font-size: 1.8rem;
  font-weight: bold;
  border-bottom: 1px #999 dotted;
  padding: 8px 16px;
  margin-bottom: 24px;
}

.fm_memberchange-pg-provision__heading::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 80%;
  background-color: orange;
}

.fm_memberchange-pg-provision__message {
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.6;
  border: 4px solid #c5c5c5;
  padding: 16px;
}

.fm_memberchange-pg-provision__message ul {
  border-top: 1px gray dotted;
  margin-top: 8px;
  padding-top: 8px;
  padding-left: 24px;
}

.fm_memberchange-pg-provision__message ul li {
  list-style-type: disc;
  font-size: 1.4rem;
}

.fm_memberchange-pg-provision__message ul li ul {
  border-top: none;
  margin-top: 0;
  padding-top: 4px;
}

.fm_memberchange-pg-provision__message ul li ul li {
  font-size: 1.2rem;
}

.fm_memberchange-pg-confirm {
  background: #00AE00;
}

@media screen and (max-width: 639px) {
  .fm_memberchange-pg-confirm table td {
    width: 94% !important;
    padding: 3% !important;
  }
  .fm_memberchange-pg-confirm table th {
    text-align: left !important;
    width: 94% !important;
    padding: 3% !important;
  }
  .fm_memberchange-pg-confirm__shortInput input[type="text"] {
    width: 100% !important;
  }
}

.fm_memberchange-pg-confirm__errorSpace {
  display: flex;
}

.fm_memberchange-pg-confirm__error {
  width: 100%;
  color: crimson;
  font-size: 1.4rem;
  font-weight: bold;
  margin: 8px;
}

.fm_memberchange-pg-confirm__error:nth-of-type(1) {
  margin-right: 2.4rem;
}

.fm_memberchange-pg-confirm__submit {
  width: 100% !important;
  color: #fff !important;
  background: #eb841e !important;
  border: 0 !important;
  border-bottom: 8px solid #be5703 !important;
  border-radius: 50px !important;
  font-weight: bold !important;
  font-size: 2.6rem !important;
  max-width: 430px !important;
  box-sizing: border-box !important;
  padding: 10px !important;
  display: block !important;
  margin: 0 auto !important;
  margin-top: 32px !important;
  cursor: pointer !important;
}

.fm_memberchange-pg-confirm__submit--gray {
  color: #333 !important;
  background: #e5e5df !important;
  border-bottom: 8px solid #bbb !important;
}

.fm_memberchange-pg-confirm__submit:hover {
  opacity: 0.8;
  text-decoration: none;
}

.fm_memberchange-pg-confirm__form input[type="text"] {
  width: 200px;
  height: 40px;
}

.fm_memberchange-pg-confirm__explain {
  font-size: 1.4rem;
  font-weight: normal;
  margin-top: 10px;
}

.fm_memberchange-pg-confirm table {
  width: 100%;
  max-width: 866px;
  border: 3px solid #c5c5c5;
  border-spacing: 0;
  margin: 0 auto 30px auto;
}

.fm_memberchange-pg-confirm table th,
.fm_memberchange-pg-confirm table td {
  font-weight: bold;
  border-right: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
  padding: 8px 15px;
}

.fm_memberchange-pg-confirm table th {
  color: #333;
  width: 280px;
  text-align: right;
  background: #eaeaea;
}

.fm_memberchange-pg-confirm table td {
  width: 100%;
}

.fm_memberchange-pg-confirm select {
  font-size: 1.6rem;
  padding-left: 5px;
  height: 35px;
  border: 1px solid #ccc;
  background: #faf8f7;
  border-radius: 3px;
  margin: 0 4px;
}

.fm_memberchange-pg-confirm select:first-child {
  margin-left: 0;
}

.fm_memberchange-pg-confirm__radio {
  display: inline-block;
  border-radius: 5px;
  border: 1px solid #ccc;
  margin-right: 5px;
  padding: 5px;
  cursor: pointer;
}

.fm_memberchange-pg-confirm__require {
  position: relative;
  top: -1px;
  color: #fff;
  font-size: 1.1rem;
  background: #ee3030;
  border-radius: 10px;
  padding: 1px 4px;
  margin-left: 5px;
}

.fm_memberchange-pg-confirm__shortInput input[type="text"] {
  width: 180px;
}

.fm_memberchange-pg-confirm__shortInput input[type="text"]:first-child {
  margin-right: 16px;
}

.fm_memberchange-pg-confirm__mailaddress {
  font-size: 1.5rem;
  font-weight: bold;
}

.fm_memberchange-pg-confirm__handleName .fm_memberchange-pg-confirm__error {
  width: 31%;
  margin-left: 4%;
}

.fm_memberchange-pg-confirm__handleNameKana .fm_memberchange-pg-confirm__error {
  width: 31%;
  margin-left: 7%;
}

.fm_memberchange-pg-confirm__postalCode .fm_memberchange-pg-confirm__error {
  width: 20%;
  font-size: 1.2rem;
  margin-right: 0;
}

.fm_memberchange-pg-confirm__postalCode input[type="text"] {
  width: 100px;
}

.fm_memberchange-pg-confirm__postalCode input[type="text"]:first-child {
  margin-right: 4px;
}

.fm_memberchange-pg-confirm__postalCode input[type="text"]:nth-of-type(2) {
  margin-left: 4px;
}

.fm_memberchange-pg-confirm__postalCode a {
  font-weight: normal;
  margin-left: 8px;
}

@media screen and (max-width: 639px) {
  .fm_memberchange-pg-registerCompleted__completedTitle {
    text-align: center !important;
    width: 80%  !important;
    line-height: 100%  !important;
    display: flex  !important;
    align-items: center  !important;
    border: none !important;
  }
  .fm_memberchange-pg-registerCompleted__completedTitle img {
    bottom: 0;
  }
  .fm_memberchange-pg-registerCompleted table td {
    width: 94% !important;
    padding: 3% !important;
  }
  .fm_memberchange-pg-registerCompleted table th {
    text-align: left !important;
    width: 94% !important;
    padding: 3% !important;
  }
}

.fm_memberchange-pg-registerCompleted__completedTitle {
  position: relative;
  width: 90%;
  height: 60px;
  display: flex;
  align-items: center;
  border-bottom: 3px double #ed5900;
  font-size: 2.5rem;
  font-weight: bold;
  color: #ed5900;
  margin-bottom: 32px;
}

.fm_memberchange-pg-registerCompleted__completedTitle img {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(100%);
}

.fm_memberchange-pg-registerCompleted__heading {
  position: relative;
  font-size: 1.8rem;
  font-weight: bold;
  border-bottom: 1px #999 dotted;
  padding: 8px 16px;
  margin-bottom: 24px;
}

.fm_memberchange-pg-registerCompleted__heading::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 80%;
  background-color: orange;
}

.fm_memberchange-pg-registerCompleted__fruitIdOnMessage {
  font-size: 1.8rem;
  font-weight: bold;
  color: #079f00;
  background: #cfffaf;
  border-radius: 5px;
  padding: 5px 10px;
  word-break: break-all;
  margin-bottom: 5px;
}

.fm_memberchange-pg-registerCompleted__message {
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.6;
  border: 4px solid #c5c5c5;
  padding: 8px;
  box-sizing: border-box;
  margin-bottom: 32px;
}

.fm_memberchange-pg-registerCompleted table {
  width: 100%;
  max-width: 866px;
  border: 3px solid #c5c5c5;
  border-spacing: 0;
  margin: 0 auto 30px auto;
}

.fm_memberchange-pg-registerCompleted table th,
.fm_memberchange-pg-registerCompleted table td {
  font-weight: bold;
  border-right: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
  padding: 8px 15px;
}

.fm_memberchange-pg-registerCompleted table th {
  color: #333;
  width: 280px;
  text-align: right;
  background: #eaeaea;
}

.fm_memberchange-pg-registerCompleted table td {
  width: 100%;
}

.fm_memberchange-pg-registerCompleted table td input {
  font-size: 1.6rem;
}

.fm_memberchange-pg-registerCompleted__saveCheckBox, .fm_memberchange-pg-registerCompleted__forgotLink {
  font-size: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 16px 0;
}

.fm_memberchange-pg-registerCompleted__saveCheckBox a, .fm_memberchange-pg-registerCompleted__forgotLink a {
  font-size: 1.5rem;
}

.fm_memberchange-pg-registerCompleted__submit {
  width: 100% !important;
  color: #fff !important;
  background: #eb841e !important;
  border: 0 !important;
  border-bottom: 8px solid #be5703 !important;
  border-radius: 50px !important;
  font-weight: bold !important;
  font-size: 2.6rem !important;
  max-width: 430px !important;
  box-sizing: border-box !important;
  padding: 10px !important;
  display: block !important;
  margin: 0 auto !important;
  margin-top: 32px !important;
  cursor: pointer !important;
}

.fm_memberchange-pg-registerCompleted__submit:hover {
  opacity: 0.8;
  text-decoration: none;
}

.fm_memberchange-pg-completed {
  font-size: 1.3rem;
}

.fm_memberchange-pg-completed__title {
  color: #009900;
  font-size: 2rem;
  font-weight: bold;
  margin-top: 24px;
  margin-bottom: 40px;
}

.fm_memberchange-pg-completed__buttonSpace {
  display: flex;
  justify-content: space-around;
  margin-top: 40px;
}

.fm_memberchange-pg-completed__button {
  display: block;
  position: relative;
  color: #312E2E;
  font-size: 1.3rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-decoration: none;
  background-color: #F7F7F7;
  display: inline-block;
  border-radius: 4px;
  border: 1px #cbcbcb solid;
  padding: 8px 16px;
  margin: 0 auto;
  margin-top: 32px;
}

.fm_memberchange-pg-completed__button:hover {
  color: #312E2E;
  text-decoration: none;
}

.fm_memberchange-pg-completed__prizeUserMessage {
  font-size: 1.4rem;
  background: #d3f8d3;
  text-align: center;
  padding: 20px;
  margin-top: 16px;
}

.fm_memberchange-l-default {
  position: relative;
  width: 680px;
  margin: 32px auto;
}

.fm_memberchange-l-default__title {
  width: 100%;
  margin-bottom: 24px;
}

.fm_memberchange-l-default__heading {
  font-size: 1.4rem;
  font-weight: bold;
  background-color: #DEDEDE;
  padding: 8px;
  box-sizing: border-box;
  margin-top: 48px;
  margin-bottom: 8px;
}

.fm_memberchange-l-default__policy {
  display: flex;
  margin-bottom: 24px;
}

.fm_memberchange-l-default__policyExplain {
  width: calc(100% - 60px - 20px);
  font-size: 1.4rem;
  line-height: 1.6;
  margin-right: 20px;
}

.fm_memberchange-l-default__policyLogo {
  width: 60px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.fm_memberchange-l-default__policyLogo img {
  width: 60px;
}

@media (max-width: 800px) {
  .fm_memberchange-l-default {
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
    margin-top: 24px;
  }
  .fm_memberchange-l-default__title {
    display: none;
  }
}

.fm_memberchange-pg-authorize__onetimePasswordGenerateButton {
  display: block;
  position: relative;
  width: 210px;
  color: white;
  font-size: 1.6rem !important;
  text-align: center;
  background-color: #E69533 !important;
  border: none !important;
  outline: none !important;
  padding: 16px !important;
  display: flex;
  align-items: center;
  margin: 0 auto;
  cursor: pointer !important;
}

.fm_memberchange-pg-authorize__onetimePasswordGenerateButton--gray {
  background-color: gray !important;
}

.fm_memberchange-pg-authorize__onetimePasswordGenerateButton span {
  margin-right: 4px;
}

.fm_memberchange-pg-authorize__onetimePasswordMailSendMessage {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  margin-top: 16px;
}

.fm_memberchange-pg-authorize__main {
  display: flex;
  margin-top: 48px;
}

.fm_memberchange-pg-authorize__explain {
  width: 60%;
  font-size: 1.5rem;
  line-height: 1.5;
  padding-right: 16px;
}

.fm_memberchange-pg-authorize__explainImportant {
  color: crimson;
  font-weight: bold;
  line-height: 1.6;
}

.fm_memberchange-pg-authorize__authForm {
  width: 40%;
  background-color: #85BA5A;
  padding: 8px;
  box-sizing: border-box;
}

.fm_memberchange-pg-authorize__authForm h5 {
  color: white;
  text-align: center;
}

.fm_memberchange-pg-authorize__authFormInline {
  position: relative;
  width: 100%;
  height: 240px;
  background-color: #FFFFCC;
  padding: 8px;
  box-sizing: border-box;
  margin-top: 4px;
}

.fm_memberchange-pg-authorize__row {
  height: 24px;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.fm_memberchange-pg-authorize__name {
  width: 48%;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
}

.fm_memberchange-pg-authorize__value {
  width: 52%;
  font-size: 1.6rem;
}

.fm_memberchange-pg-authorize__value input {
  height: 24px;
  font-size: 1.6rem;
  border: 1px #3E3E3E solid;
  padding: 4px !important;
  box-sizing: border-box;
}

.fm_memberchange-pg-authorize__submit input {
  display: block;
  position: relative;
  color: #312E2E;
  font-size: 1.4rem;
  letter-spacing: 1px;
  background-color: #D0D0D0;
  margin: 0 auto;
  margin-top: 32px;
}

@media (max-width: 800px) {
  .fm_memberchange-pg-authorize__main {
    display: block;
  }
  .fm_memberchange-pg-authorize__explain {
    width: 100%;
    margin-bottom: 24px;
  }
  .fm_memberchange-pg-authorize__authForm {
    width: 100%;
  }
}

.fm_memberchange-pg-password__title {
  color: #009900;
  font-size: 1.8rem;
  margin-bottom: 24px;
}

.fm_memberchange-pg-password__explain {
  margin-bottom: 24px;
}

.fm_memberchange-pg-password table {
  border-collapse: collapse;
}

.fm_memberchange-pg-password table th, .fm_memberchange-pg-password table td {
  background-color: #FFFFC1;
  border: 2px #D0D0D0 solid;
  padding: 8px;
  box-sizing: border-box;
}

.fm_memberchange-pg-password table th {
  width: 30%;
}

.fm_memberchange-pg-password table td input {
  width: 70%;
  height: 24px;
  border: 1px #505050 solid;
  outline: none;
  padding: 0 4px;
  box-sizing: border-box;
}

.fm_memberchange-pg-password table td span {
  font-size: 1rem;
  font-weight: bold;
}

.fm_memberchange-pg-password__submit {
  display: block;
  background-color: #D8D8D8 !important;
  border: 1px gray solid !important;
  outline: none !important;
  margin: 0 auto;
}

.fm_memberchange-pg-password__completedLink {
  display: inline-block;
  color: white !important;
  font-size: 1.2rem;
  font-weight: bold;
  background-color: #5D5D5D;
  border-radius: 4px;
  padding: 8px;
  margin-top: 24px;
}

.fm_memberchange-pg-password__attention {
  border: 2px solid crimson;
  font-size: 1.4rem;
  line-height: 200%;
  text-align: center;
  padding: 10px;
  margin-bottom: 20px;
}

.fm_memberchange-pg-password__attention span {
  color: crimson;
  font-weight: 600;
}

@media (max-width: 800px) {
  .fm_memberchange-pg-password table th, .fm_memberchange-pg-password table td {
    width: 100%;
    border: none;
  }
  .fm_memberchange-pg-password table td input {
    width: 100%;
  }
  .fm_memberchange-pg-password table td span {
    font-size: 1.2rem;
    display: flex;
    justify-content: center;
    margin-top: 8px;
  }
}

.fm_memberchange-pg-passwordRequest__heading {
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
  background: linear-gradient(white, #E8E8E8);
  border-radius: 5px;
  border: 1px #CCC solid;
  padding: 8px 24px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.fm_memberchange-pg-passwordRequest__heading::before {
  content: '';
  position: absolute;
  left: 8px;
  width: 5px;
  height: 75%;
  background-color: #F4A838;
}

.fm_memberchange-pg-passwordRequest__description {
  font-size: 1.4rem;
  line-height: 1.6;
  margin-bottom: 24px;
}

.fm_memberchange-pg-passwordRequest__description--yellow {
  background-color: #FFEDBB;
  padding: 12px 16px;
  box-sizing: border-box;
}

.fm_memberchange-pg-passwordRequest__email {
  height: 32px;
  font-size: 1.4rem;
  border: 1px #DDD solid;
  display: flex;
  align-items: center;
  padding: 16px 4px;
}

.fm_memberchange-pg-passwordRequest__email input[type="email"] {
  width: 260px;
  height: 100%;
  padding: 4px;
  margin: 0 16px;
}

.fm_memberchange-pg-passwordRequest__email span {
  color: crimson;
  font-weight: bold;
}

.fm_memberchange-pg-passwordRequest__label {
  height: 100%;
  font-size: 1.4rem;
  font-weight: bold;
  background-color: #D3D3D3;
  display: flex;
  align-items: center;
  padding: 4px 8px;
  box-sizing: border-box;
}

.fm_memberchange-pg-passwordRequest__policy {
  font-size: 1.4rem;
  text-align: center;
  line-height: 1.6;
  margin: 16px 0;
}

.fm_memberchange-pg-passwordRequest__submit {
  display: block;
  width: 148px;
  height: 30px;
  border: none;
  outline: none;
  margin: 0 auto;
  margin-top: 32px;
}

@media (max-width: 800px) {
  .fm_memberchange-pg-passwordRequest__email {
    display: block;
    height: auto;
    text-align: center;
  }
  .fm_memberchange-pg-passwordRequest__email input[type="email"] {
    display: block;
    width: 100%;
    height: 40px;
    margin: 0;
    margin-bottom: 8px;
  }
  .fm_memberchange-pg-passwordRequest__label {
    display: flex;
    justify-content: center;
    padding: 6px;
    margin-bottom: 8px;
  }
}

.fm_memberchange-pg-addressAndFamily h1 {
  color: #00A808;
  font-size: 1.8rem;
  margin-bottom: 24px;
}

.fm_memberchange-pg-addressAndFamily p {
  font-size: 1.4rem;
  margin-bottom: 24px;
  line-height: 1.6;
}

.fm_memberchange-pg-addressAndFamily form {
  margin-bottom: 32px;
}

.fm_memberchange-pg-addressAndFamily table {
  border-collapse: collapse;
}

.fm_memberchange-pg-addressAndFamily table th, .fm_memberchange-pg-addressAndFamily table td {
  position: relative;
  border: 2px #CCC solid;
}

.fm_memberchange-pg-addressAndFamily table th {
  width: 30%;
  background-color: #FFF7D3;
  vertical-align: middle;
}

.fm_memberchange-pg-addressAndFamily table td {
  padding: 10px 8px;
}

.fm_memberchange-pg-addressAndFamily table td input {
  margin: 4px;
}

.fm_memberchange-pg-addressAndFamily table td select {
  font-size: 1.4rem;
  padding: 4px;
}

.fm_memberchange-pg-addressAndFamily table td input[type="text"] {
  width: 40%;
  height: 24px;
  border: 1px #464646 solid;
  padding: 4px;
}

.fm_memberchange-pg-addressAndFamily table td p {
  color: crimson;
  margin: 4px 0;
}

.fm_memberchange-pg-addressAndFamily__postalCode input[type="text"] {
  width: 30% !important;
}

.fm_memberchange-pg-addressAndFamily__address input[type="text"] {
  width: 80% !important;
}

.fm_memberchange-pg-addressAndFamily__familyForm {
  display: flex;
  align-items: center;
}

.fm_memberchange-pg-addressAndFamily__familyBirthDay {
  width: 60%;
  display: flex;
  align-items: center;
  margin-right: 16px;
}

.fm_memberchange-pg-addressAndFamily input[type="radio"] {
  margin-left: 16px;
}

.fm_memberchange-pg-addressAndFamily__submitButtonDesign {
  display: block;
  max-width: 180px;
  color: #131313;
  text-align: center;
  background-color: #F5F5F5 !important;
  border: 1px #656565 solid !important;
  padding: 8px 16px !important;
  border-radius: 4px;
  margin: 0 auto;
}

@media (max-width: 800px) {
  .fm_memberchange-pg-addressAndFamily table th {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
  }
  .fm_memberchange-pg-addressAndFamily table td {
    box-sizing: border-box;
  }
  .fm_memberchange-pg-addressAndFamily table td input[type="text"] {
    width: 35%;
  }
  .fm_memberchange-pg-addressAndFamily__familyForm {
    font-size: 1.4rem;
    flex-wrap: wrap;
    margin-bottom: 24px;
  }
  .fm_memberchange-pg-addressAndFamily__familyBirthDay {
    width: 100%;
    margin-right: 0;
    margin-bottom: 4px;
  }
}

.fm_memberchange-pg-list h1 {
  color: #00A808;
  font-size: 1.8rem;
  margin-bottom: 24px;
}

.fm_memberchange-pg-list p {
  font-size: 1.4rem;
  margin-bottom: 24px;
  line-height: 1.6;
}

.fm_memberchange-pg-list__main {
  position: relative;
  font-size: 1.4rem;
  border: 2px #BBB solid;
  padding: 16px 4px;
  box-sizing: border-box;
  margin: 40px 0;
}

.fm_memberchange-pg-list__title {
  position: absolute;
  top: 0;
  left: -2px;
  color: white;
  font-size: 1.2rem;
  font-weight: bold;
  background-color: #00AE00;
  padding: 4px 24px;
  box-sizing: border-box;
  transform: translateY(-100%);
}

.fm_memberchange-pg-list table {
  margin-bottom: 0;
}

.fm_memberchange-pg-list table th,
.fm_memberchange-pg-list table td {
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.6;
  text-align: left;
  padding: 8px 4px;
  box-sizing: border-box;
}

.fm_memberchange-pg-list table th {
  width: 40%;
}

.fm_memberchange-pg-list table th a {
  font-size: 1.25rem;
  text-decoration: underline;
}

.fm_memberchange-pg-list table td {
  width: 60%;
  color: #FF0000;
}

.fm_memberchange-pg-list__submitButtonDesign {
  display: block;
  max-width: 180px;
  color: #131313;
  text-align: center;
  background-color: #F5F5F5 !important;
  border: 1px #656565 solid !important;
  padding: 6px 4px !important;
  border-radius: 4px;
  margin: 0 auto;
}

@media (max-width: 800px) {
  .fm_memberchange-pg-list table th,
  .fm_memberchange-pg-list table td {
    width: 100%;
  }
  .fm_memberchange-pg-list table th {
    padding: 0 4px;
  }
  .fm_memberchange-pg-list table td {
    padding: 4px 16px 16px;
  }
}

.fm_memberchange-pg-personal h1 {
  color: #00A808;
  font-size: 1.8rem;
  margin-bottom: 24px;
}

.fm_memberchange-pg-personal p {
  font-size: 1.4rem;
  margin-bottom: 24px;
  line-height: 1.6;
}

.fm_memberchange-pg-personal__changeMailAddressLink {
  position: absolute;
  top: 10%;
  right: 3%;
  color: white;
  font-size: 1.2rem;
  background-color: #00A808;
  border-radius: 5px;
  padding: 6px 8px;
}

.fm_memberchange-pg-personal form {
  margin-bottom: 24px;
}

.fm_memberchange-pg-personal table {
  border-collapse: collapse;
}

.fm_memberchange-pg-personal table th, .fm_memberchange-pg-personal table td {
  position: relative;
  border: 2px #CCC solid;
}

.fm_memberchange-pg-personal table th {
  width: 30%;
  background-color: #FFF7D3;
  vertical-align: middle;
}

.fm_memberchange-pg-personal table td {
  padding: 10px 8px;
}

.fm_memberchange-pg-personal table td input {
  margin: 4px;
}

.fm_memberchange-pg-personal table td select {
  font-size: 1.4rem;
  padding: 4px;
}

.fm_memberchange-pg-personal table td input[type="text"] {
  width: 40%;
  height: 24px;
  border: 1px #464646 solid;
  padding: 4px;
}

.fm_memberchange-pg-personal table td p {
  color: crimson;
  margin: 4px 0;
}

.fm_memberchange-pg-personal__submitButtonDesign {
  display: block;
  max-width: 180px;
  color: #131313;
  text-align: center;
  background-color: #F5F5F5 !important;
  border: 1px #656565 solid !important;
  padding: 8px 16px !important;
  border-radius: 4px;
  margin: 0 auto;
}

@media (max-width: 800px) {
  .fm_memberchange-pg-personal table th {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
  }
  .fm_memberchange-pg-personal table td {
    box-sizing: border-box;
  }
  .fm_memberchange-pg-personal table td input[type="text"] {
    width: 35%;
  }
}

.fm_memberchange-pg-hobby h1 {
  color: #00A808;
  font-size: 1.8rem;
  margin-bottom: 24px;
}

.fm_memberchange-pg-hobby p {
  font-size: 1.4rem;
  margin-bottom: 24px;
  line-height: 1.6;
}

.fm_memberchange-pg-hobby__titleImage {
  display: block;
  margin-bottom: 8px;
}

.fm_memberchange-pg-hobby__items {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.fm_memberchange-pg-hobby__input {
  width: calc(100% / 3);
}

.fm_memberchange-pg-hobby__input input {
  margin: 4px;
}

.fm_memberchange-pg-hobby__submitButtonDesign {
  display: block;
  max-width: 180px;
  color: #131313;
  text-align: center;
  background-color: #F5F5F5 !important;
  border: 1px #656565 solid !important;
  padding: 4px 16px !important;
  border-radius: 4px;
  margin: 16px auto;
}

@media (max-width: 800px) {
  .fm_memberchange-pg-hobby__input {
    width: calc(100% / 2);
  }
}

.fm_clickInsentive-l-default {
  padding-top: 16px;
  box-sizing: border-box;
}

.fm_clickInsentive-l-default__main {
  margin: 4px 0;
}

.fm_clickInsentive-l-default__backButton {
  width: 200px;
  color: white;
  font-size: 1.8rem;
  text-align: center;
  background-color: orange;
  padding: 10px 0;
  margin: 0 auto;
  margin-top: 40px;
  cursor: pointer;
}

.fm_clickInsentive-l-default__rule {
  font-size: 1.4rem;
  line-height: 1.8;
  background-color: #dedede;
  border: 3px #b5b5b5 solid;
  padding: 12px;
  box-sizing: border-box;
  margin-top: 40px;
}

.fm_clickInsentive-pg-index__image img {
  width: 100%;
}

.fm_clickInsentive-pg-index__text {
  font-size: 3.2rem;
  font-weight: bold;
  text-align: center;
  margin: 40px 0;
}

.fm_clickInsentive-pg-failed__text {
  color: #464646;
  font-size: 1.6rem;
  text-align: center;
  border-top: 3px #ff6884 dotted;
  border-bottom: 3px #ff6684 dotted;
  padding: 16px;
  box-sizing: border-box;
}

.fm_clickInsentive-c-middleAds__ads {
  display: flex;
  justify-content: space-around;
}

.fm_clickInsentive-c-common__onlyMobile {
  display: none;
}

.fm_clickInsentive-c-common__onlyPC {
  display: block;
}

@media (max-width: 800px) {
  .fm_clickInsentive-c-common__onlyMobile {
    display: block;
  }
  .fm_clickInsentive-c-common__onlyPC {
    display: none;
  }
  .fm_clickInsentive-l-default {
    padding-top: 24px;
  }
  .fm_clickInsentive-l-default__rule {
    font-size: 1.2rem;
    line-height: 1.6;
  }
  .fm_clickInsentive-pg-index__text {
    font-size: 2.8rem;
  }
  .fm_clickInsentive-pg-failed__text {
    font-size: 1.4rem;
  }
}

/*------------------------------------------------------------------------------------------
  ** サイト全体で共通の想定（いったんcontact内に書いておく）
------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------
  ** コンポーネント（ファイルを切ってない系）
------------------------------------------------------------*/
/*------------------------------
  ** ボタン
------------------------------*/
.common_button {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  min-width: 200px;
  min-height: 50px;
  padding: 10px !important;
  font-size: 1.6rem !important;
  color: #333;
  text-decoration: none;
  border: 1px solid #ccc !important;
  border-bottom-color: #aaa !important;
  border-radius: 4px !important;
  background-color: #eee !important;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), inset 0 0 2px rgba(255, 255, 255, 0.9);
  cursor: pointer;
  transition-property: background-color;
  transition-duration: 0.1s;
}

.common_button:hover {
  text-decoration: none;
}

@media screen and (min-width: 641px) {
  .common_button:hover {
    background-color: #f5f5f5 !important;
  }
}

.common_button--green {
  color: #fff !important;
  border-color: #93c900 !important;
  border-bottom-color: #999 !important;
  background-color: #93c900 !important;
}

.common_button--green:hover {
  background-color: #98d304 !important;
}

/*------------------------------------------------------------------------------------------
  ** お問い合わせ
------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------
  ** ユーティリティ
------------------------------------------------------------*/
.contact_isNone {
  display: none;
}

.contact_focusText {
  color: #d10000;
}

/*------------------------------------------------------------
  ** レイアウト
------------------------------------------------------------*/
/*------------------------------
  ** 大枠
------------------------------*/
.contact_index {
  max-width: 800px;
  margin: 0 auto;
}

.contact_index__headingSub {
  margin-bottom: 5px;
  font-size: 1.4rem;
}

/*------------------------------
  ** 余白コントロール
  * 全ページ共通で使用します。
------------------------------*/
.contact_commonItem {
  margin-bottom: 20px;
}

.contact_commonItem:last-child {
  margin-bottom: 0;
}

/*------------------------------------------------------------
  ** コンポーネント
------------------------------------------------------------*/
/*------------------------------
  ** 休業のお知らせ
------------------------------*/
.contact_holidayInfo {
  padding: 16px;
  border: 1px solid #ccc;
  background-color: #fffec5;
}

.contact_holidayInfo__heading {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding: 0 8px;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.6;
  border-left: 8px solid #fdaf05;
}

.contact_holidayInfo__text {
  margin-bottom: 10px;
  font-size: 1.4rem;
  line-height: 1.6;
}

.contact_holidayInfo__text:last-child {
  margin-bottom: 0;
}

.contact_holidayInfo__day {
  color: #e33838;
  font-size: 1.6rem;
  font-weight: bold;
  border-bottom: 2px dotted #e33838;
}

.contact_holidayInfo__imageBox {
  margin: 0;
  text-align: center;
}

.contact_holidayInfo__image {
  max-width: 100%;
}

/*------------------------------
  ** 見出し
------------------------------*/
.contact_heading {
  margin-top: 40px;
  margin-bottom: 20px;
  padding: 10px 10px 8px 10px;
  font-size: 1.6rem;
  background-color: #fef9dc;
}

/*------------------------------
  ** ドキュメント
------------------------------*/
.contact_document__heading {
  margin-bottom: 10px;
  font-size: 1.4rem;
}

.contact_document__text {
  height: 200px;
  padding: 10px;
  font-size: 1.4rem;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  white-space: pre-wrap;
  overflow: scroll;
}

/*------------------------------
  ** 同意して送信
------------------------------*/
.contact_agreement {
  margin-top: 40px;
}

.contact_agreement__checkList {
  margin-top: 10px;
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
}

.contact_agreement__checkListItem {
  display: flex;
  align-items: center;
  padding: 0 10px;
}

.contact_agreement__button {
  display: flex;
  justify-content: center;
  align-items: center;
}

/*------------------------------------------------------------
  ** コンポーネント（ファイルを切ってない系）
  * お問い合わせページ全体で使用します。
------------------------------------------------------------*/
/*------------------------------
  ** メモ
------------------------------*/
.contact_memo {
  padding: 10px;
  font-size: 1.4rem;
  line-height: 1.6;
  background-color: #f5f5f5;
}

.contact_memo--focus {
  padding: 10px;
  color: #d10000;
  background-color: #fff9f9;
}

/*------------------------------
  ** エラー
------------------------------*/
.contact_error {
  margin-bottom: 5px;
  padding: 10px;
  font-size: 1.4rem;
  color: #d10000;
  background: #ffeded;
}

/*------------------------------
  ** 説明文
------------------------------*/
.contact_description__check {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  margin-bottom: 5px;
  padding: 4px 8px;
  font-size: 1.6rem;
  color: #fff;
  line-height: 1;
  border-radius: 20px;
  background-color: #d10000;
}

.contact_description__text {
  font-size: 1.4rem;
  line-height: 1.6;
}

/*------------------------------
  ** フォーム
  * 入力／確認ページで使用。
------------------------------*/
.contact_form {
  max-width: 800px;
  margin: 0 auto;
}

.contact_form__item {
  display: flex;
  margin-top: -1px;
}

.contact_form__item:first-child {
  margin-top: 0;
}

@media screen and (max-width: 640px) {
  .contact_form__item {
    display: block;
  }
}

.contact_form__itemKey {
  box-sizing: border-box;
  width: 180px;
  padding: 10px;
  font-size: 1.4rem;
  font-weight: bold;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
}

.contact_form__itemKey--must::before {
  content: '*';
  display: inline-block;
  margin-right: 5px;
  color: #d10000;
  vertical-align: middle;
}

@media screen and (max-width: 640px) {
  .contact_form__itemKey {
    width: 100%;
  }
}

.contact_form__itemSubText {
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: 8px;
}

.contact_form__itemValue {
  flex: 1;
  box-sizing: border-box;
  padding: 10px;
  font-size: 1.4rem;
  border: 1px solid #ccc;
  border-left: none;
}

@media screen and (max-width: 640px) {
  .contact_form__itemValue {
    margin-top: -1px;
    border: 1px solid #ccc;
  }
}

.contact_form__text {
  margin-bottom: 10px;
  font-size: 1.4rem;
  line-height: 1.6;
}

.contact_form__text:last-child {
  margin-bottom: 0;
}

.contact_form__selectList {
  padding: 10px;
  font-size: 1.4rem;
}

.contact_form__userText {
  height: 200px;
  margin-bottom: 10px;
  padding: 10px;
  font-size: 1.4rem;
}

.contact_form__button {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 640px) {
  .contact_form__button {
    display: block;
  }
}

.contact_form__buttonItem {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 640px) {
  .contact_form__buttonItem {
    width: 100%;
    margin-bottom: 20px;
  }
  .contact_form__buttonItem:last-child {
    margin-bottom: 0;
  }
}

.contact_form__shortText {
  max-width: 200px;
}

.contact_form__middleText {
  max-width: 400px;
}

/*------------------------------------------------------------------------------------------
  ** プレゼント
------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------
  ** ユーティリティ
------------------------------------------------------------*/
.prize_focus {
  color: #d10000;
}

/*------------------------------------------------------------
  ** レイアウト
------------------------------------------------------------*/
/*------------------------------
  ** 余白コントロール
  * 全ページ共通で使用します。
------------------------------*/
.prize_commonItem {
  margin-top: 10px;
  margin-bottom: 10px;
}

.prize_commonItem--wide {
  margin-top: 30px;
  margin-bottom: 30px;
}

.prize_commonItem:last-child {
  margin-bottom: 0;
}

/*------------------------------------------------------------
  ** コンポーネント（ファイルを切ってない系）
------------------------------------------------------------*/
/*------------------------------
  ** ボタン
------------------------------*/
.prize_button {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 300px;
  min-width: 260px;
  padding: 20px 20px;
  font-size: 2.6rem;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  border: 0;
  border-bottom: 5px solid #ddd;
  border-radius: 50px;
  background-color: #e7474c;
  box-shadow: none;
  cursor: pointer;
  transition-property: border-bottom-color background-color;
  transition-duration: 0.1s;
}

@media screen and (max-width: 960px) {
  .prize_button {
    min-width: auto;
    font-size: 2.0rem;
  }
}

.prize_button:hover {
  color: #fff;
  text-decoration: none;
  border-bottom-color: #ccc;
  background-color: #cf3035;
}

.prize_button--small {
  max-width: 200px;
  font-size: 2.0rem;
}

.prize_button--green {
  border-color: #bae8cf;
  background-color: #46c37f;
}

.prize_button--green:hover {
  border-color: #bae8cf;
  background-color: #2aa763;
}

/*------------------------------
  ** ボタンレイアウト
------------------------------*/
.prize_buttons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.prize_buttons__item {
  margin: 0 10px;
}

@media screen and (max-width: 720px) {
  .prize_buttons {
    max-width: 300px;
    margin: 0 auto;
  }
  .prize_buttons__item {
    width: 100%;
    margin: 10px;
  }
}

/*------------------------------
  ** メモ
------------------------------*/
.prize_memo {
  padding: 8px;
  font-size: 1.4rem;
  color: #666;
  border: 3px solid #ddd;
  border-radius: 5px;
  background-color: #f6f3ee;
}

.prize_memo__title {
  padding-bottom: 5px;
  font-weight: bold;
  border-bottom: 1px dashed #ccc;
}

.prize_memo__description {
  line-height: 1.6;
}

.prize_memo--blue {
  color: #3a809c;
  border-color: #c7e4f0;
  background-color: #edf4f7;
}

/*------------------------------------------------------------
  ** 各ページ共通コンポーネント
------------------------------------------------------------*/
/*------------------------------
  ** 見出し
------------------------------*/
.prize_heading {
  padding: 15px 5px;
  font-size: 2.8rem;
  font-weight: bold;
  color: #fff;
  line-height: 1.4;
  text-align: center;
  background-color: #2d426d;
}

/*------------------------------
  ** サブ見出し
------------------------------*/
.prize_subHeading {
  padding-bottom: 10px;
  font-size: 1.8rem;
  font-weight: normal;
  border-bottom: 2px solid #eee;
}

/*------------------------------
  ** ローカルナビ
------------------------------*/
.prize_nav {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 960px) {
  .prize_nav {
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #ac9b81;
  }
}

.prize_nav__item {
  box-sizing: border-box;
  position: relative;
  flex: 1;
  min-height: 37px;
  border-right: 1px solid #ac9b81;
}

@media screen and (min-width: 961px) {
  .prize_nav__item:last-child {
    border-right: none;
  }
}

.prize_nav__item--new::before {
  position: absolute;
  left: 4px;
  top: -8px;
  content: 'NEW';
  padding: 2px;
  font-size: 1.1rem;
  color: #fff;
  line-height: 1;
  border-radius: 4px;
  background-color: #dd1e2e;
}

@media screen and (max-width: 960px) {
  .prize_nav__item--new::before {
    left: 0;
    top: 0;
    font-size: 1.0rem;
    border-radius: 0;
  }
}

@media screen and (max-width: 960px) {
  .prize_nav__item {
    height: auto;
    min-width: 25%;
    border-bottom: 1px solid #ac9b81;
  }
}

.prize_nav__link {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding: 0 5px;
  font-weight: bold;
  color: #333;
  background-color: #efe7dc;
  white-space: nowrap;
}

.prize_nav__link:hover {
  color: #fff;
  text-decoration: none;
  background-color: #b4a180;
}

.prize_nav__link--current {
  color: #fff;
  background-color: #ac9b81;
}

@media screen and (max-width: 960px) {
  .prize_nav__link {
    padding: 16px 5px 5px 5px !important;
    font-size: 1.2rem;
    white-space: normal;
  }
}

.prize_nav__icon {
  display: none;
}

@media screen and (max-width: 960px) {
  .prize_nav__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
  }
}

.prize_nav__circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1;
  border-radius: 50%;
  background-color: #333;
}

/*------------------------------
  ** キャンペーンバナー
------------------------------*/
.prize_campaignBanner__image {
  width: 100%;
}

/*------------------------------
  ** ヘッダー
------------------------------*/
.prize_header {
  position: relative;
}

.prize_header__headingImage {
  width: 100%;
}

.prize_header__clickPoint {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 300px;
  background-color: #fff;
}

@media screen and (max-width: 960px) {
  .prize_header__clickPoint {
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
    margin-top: 10px;
  }
}

/*------------------------------
  ** 中段バナー群
------------------------------*/
@media screen and (min-width: 961px) {
  .prize_middleBanners {
    display: flex;
    flex-wrap: wrap;
  }
  .prize_middleBanners__item {
    width: calc(33.3334% - 15px * (3 - 1) / 3);
    margin-right: 15px;
  }
  .prize_middleBanners__item:nth-child(3n), .prize_middleBanners__item:last-child {
    margin-right: 0;
  }
  .prize_middleBanners__item:nth-child(n+4) {
    margin-top: 15px;
  }
}

@media screen and (max-width: 960px) {
  .prize_middleBanners__item {
    max-width: 300px;
    margin: 10px auto;
  }
}

/*------------------------------
  ** 下段バナー群
------------------------------*/
@media screen and (min-width: 961px) {
  .prize_bottomBanners {
    display: flex;
    flex-wrap: wrap;
  }
  .prize_bottomBanners__item {
    width: calc(33.3334% - 15px * (3 - 1) / 3);
    margin-right: 15px;
  }
  .prize_bottomBanners__item:nth-child(3n), .prize_bottomBanners__item:last-child {
    margin-right: 0;
  }
  .prize_bottomBanners__item:nth-child(n+4) {
    margin-top: 15px;
  }
}

@media screen and (max-width: 960px) {
  .prize_bottomBanners__item {
    max-width: 300px;
    margin: 10px auto;
  }
}

/*------------------------------
  ** 当選発表リンク
------------------------------*/
.prize_winnerLinkItem__link {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  font-size: 1.6rem;
  color: #8d6d1f;
  border: 3px solid #d2aa48;
  background-color: #ffe9b3;
  transition-property: color background-color;
  transition-duration: 0.1s;
}

.prize_winnerLinkItem__link::after {
  position: absolute;
  right: 10px;
  top: calc(50% - 0.5em);
  content: '→';
}

.prize_winnerLinkItem__link:hover {
  color: #fff;
  text-decoration: none;
  background-color: #d2aa48;
}

@media screen and (max-width: 960px) {
  .prize_winnerLinkItem__link {
    margin: 0 0 10px 0 !important;
  }
}

.prize_winnerLinkItem__icon {
  display: inline-block;
  margin-right: 10px;
}

/*------------------------------
  ** 注意事項
------------------------------*/
.prize_attention__heading {
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 1.8rem;
  font-weight: normal;
  border-bottom: 2px solid #eee;
}

.prize_attention__listItem {
  position: relative;
  margin-top: 2px;
  padding-left: 1.2em;
  font-size: 1.4rem;
  line-height: 2;
}

.prize_attention__listItem:last-child {
  margin-bottom: 0;
}

.prize_attention__listItem::before {
  position: absolute;
  left: calc(0.5em - 4px / 2);
  top: calc(0.5em * 2 - 4px / 2);
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #333;
}

/*------------------------------
  ** 賞品一覧（大）
------------------------------*/
.prize_itemListBig__item {
  display: flex;
  padding: 20px;
  border-top: 1px solid #ccc;
}

.prize_itemListBig__item:first-child {
  border-top: none;
}

@media screen and (max-width: 960px) {
  .prize_itemListBig__item {
    display: block;
    padding: 20px 10px;
  }
}

.prize_itemListBig__thumbnail {
  width: 40vw;
  max-width: 360px;
  margin-right: 20px;
}

@media screen and (max-width: 960px) {
  .prize_itemListBig__thumbnail {
    width: 100%;
    max-width: 300px;
    margin: 0 auto 20px auto;
  }
}

.prize_itemListBig__image {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #ddd;
}

.prize_itemListBig__summary {
  margin-bottom: 20px;
}

.prize_itemListBig__text {
  flex: 1;
}

/*------------------------------
  ** 賞品一覧（小）
------------------------------*/
.prize_itemListSmall__item {
  display: flex;
  padding: 20px;
  border-top: 1px solid #ccc;
}

.prize_itemListSmall__item:first-child {
  border-top: none;
}

@media screen and (max-width: 480px) {
  .prize_itemListSmall__item {
    display: block;
  }
}

.prize_itemListSmall__thumbnail {
  width: 200px;
  margin-right: 20px;
}

@media screen and (max-width: 960px) {
  .prize_itemListSmall__thumbnail {
    width: 140px;
  }
}

@media screen and (max-width: 480px) {
  .prize_itemListSmall__thumbnail {
    margin: 0 auto 10px auto;
  }
}

.prize_itemListSmall__image {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #ddd;
}

.prize_itemListSmall__information {
  flex: 1;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 720px) {
  .prize_itemListSmall__information {
    display: block;
  }
}

.prize_itemListSmall__summary {
  flex: 1;
  margin-bottom: 10px;
}

.prize_itemListSmall__applyNumber {
  margin-top: 10px;
}

.prize_itemListSmall__apply {
  width: 300px;
  margin-left: 20px;
}

@media screen and (max-width: 960px) {
  .prize_itemListSmall__apply {
    width: 200px;
  }
}

@media screen and (max-width: 720px) {
  .prize_itemListSmall__apply {
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
  }
}

/*------------------------------
  ** 押せないボタン
------------------------------*/
.prize_disabledButton {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 300px;
  min-width: 260px;
  padding: 20px 20px;
  font-size: 2.6rem;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  border: 0;
  border-radius: 50px;
  background-color: #999;
  box-shadow: none;
}

@media screen and (max-width: 960px) {
  .prize_disabledButton {
    min-width: auto;
    font-size: 2.0rem;
  }
}

/*------------------------------------------------------------
  ** トップ用コンポーネント
------------------------------------------------------------*/
/*------------------------------
  ** 懸賞一覧
------------------------------*/
.prize_prizeList {
  display: flex;
  flex-wrap: wrap;
  padding: 0 20px;
}

@media screen and (min-width: 961px) {
  .prize_prizeList__item {
    width: calc(25% - 15px * (4 - 1) / 4);
    margin-right: 15px;
  }
  .prize_prizeList__item:nth-child(4n), .prize_prizeList__item:last-child {
    margin-right: 0;
  }
  .prize_prizeList__item:nth-child(n+5) {
    margin-top: 15px;
  }
}

@media screen and (max-width: 960px) {
  .prize_prizeList__item {
    width: calc(50% - 15px * (2 - 1) / 2);
    margin-right: 15px;
  }
  .prize_prizeList__item:nth-child(2n), .prize_prizeList__item:last-child {
    margin-right: 0;
  }
  .prize_prizeList__item:nth-child(n+3) {
    margin-top: 15px;
  }
}

.prize_prizeList__item--new {
  position: relative;
}

.prize_prizeList__item--new::before {
  position: absolute;
  left: 0;
  top: 0;
  content: 'NEW';
  padding: 2px;
  font-size: 1.1rem;
  color: #fff;
  background-color: #dd1e2e;
}

.prize_prizeList__link {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
  color: #333;
  text-align: center;
  border: 1px solid #555;
  border-top-width: 3px;
  background-color: #fff;
  transition-property: color background-color;
  transition-duration: 0.1s;
}

.prize_prizeList__link:hover {
  color: #fff;
  text-decoration: none;
  background-color: #fdb20e;
}

.prize_prizeList__link:hover .prize_prizeList__icon {
  color: #fff;
}

.prize_prizeList__link:hover .prize_prizeList__circle {
  color: #fdb20e;
  background-color: #fff;
}

.prize_prizeList__link:hover .prize_prizeList__point {
  color: #eaac27;
  background-color: #fff;
}

.prize_prizeList__link--kenshobox:hover {
  background-color: #e95f8e;
}

.prize_prizeList__icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  margin-bottom: 10px;
  font-size: 5.6rem;
  color: #fdb20e;
  transition-property: color;
  transition-duration: 0.1s;
}

.prize_prizeList__circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #333;
  border-radius: 50%;
  background-color: #fdb20e;
  transition-property: color background-color;
  transition-duration: 0.1s;
}

.prize_prizeList__title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  font-size: 3.0rem;
  font-weight: bold;
  line-height: 1.2;
}

@media screen and (max-width: 960px) {
  .prize_prizeList__title {
    font-size: 2.0rem;
  }
}

.prize_prizeList__description {
  line-height: 1.4;
}

.prize_prizeList__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
}

.prize_prizeList__logoImage {
  width: 100%;
}

.prize_prizeList__point {
  position: absolute;
  left: 50%;
  top: calc(50% + 5px);
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #333;
  line-height: 1;
  border-radius: 50%;
  background-color: #fdb20e;
  transition-property: color background-color;
  transition-duration: 0.1s;
}

/*------------------------------
  ** 応募期間見出し
------------------------------*/
.prize_termHeading {
  padding: 10px;
  font-weight: bold;
  color: #fff;
  line-height: 1.4;
  text-align: center;
  background-color: #2c416d;
}

.prize_termHeading__heading {
  font-size: 2.8rem;
}

.prize_termHeading__limit {
  display: inline-block;
  font-size: 1.6rem;
}

.prize_termHeading__pointInformation {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 8px;
  border-top: 1px dashed #4a3718;
}

.prize_termHeading__pointValue {
  display: inline-block;
  margin-right: 4px;
  font-size: 1.8rem;
  color: #cb040c;
}

.prize_termHeading--everyweek {
  font-size: 1.6rem;
  color: #333;
  background-color: #f2af1a;
}

.prize_termHeading--everymonth {
  font-size: 1.6rem;
  color: #0e7c2c;
  background-color: #9cefb0;
}

.prize_termHeading--gorgeous {
  font-size: 1.6rem;
}

.prize_termHeading--gorgeous .prize_termHeading__heading {
  font-size: 2.4rem;
}

.prize_termHeading--pointdeeveryday {
  font-size: 1.6rem;
  color: #333;
  background-color: #f2af1a;
}

.prize_termHeading--pointdegorgeous {
  font-size: 1.6rem;
  color: #333;
  background-color: #f2af1a;
}

.prize_termHeading--exchange {
  font-size: 1.6rem;
  color: #0e7c2c;
  background-color: #9cefb0;
}

/*------------------------------
  ** トップ懸賞情報
------------------------------*/
.prize_topInformation {
  display: flex;
  padding: 0 20px;
}

@media screen and (max-width: 960px) {
  .prize_topInformation {
    display: block;
  }
}

.prize_topInformation__thumbnail {
  width: 40vw;
  max-width: 360px;
  margin-right: 20px;
}

@media screen and (max-width: 960px) {
  .prize_topInformation__thumbnail {
    width: 100%;
    max-width: 300px;
    margin: 0 auto 20px auto;
  }
}

.prize_topInformation__image {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #ddd;
}

.prize_topInformation__summary {
  margin-bottom: 20px;
}

.prize_topInformation__text {
  flex: 1;
}

/*------------------------------
  ** 応募フォーム
------------------------------*/
.prize_applyForm__select {
  max-width: 300px;
  margin: 20px auto;
}

.prize_applyForm__button {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

/*------------------------------
  ** 応募口数
------------------------------*/
.prize_applyNumber {
  display: flex;
  color: #333;
}

@media screen and (max-width: 960px) {
  .prize_applyNumber {
    display: block;
    max-width: 300px;
    margin: 0 auto;
  }
}

.prize_applyNumber__key {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 220px;
  padding: 10px;
  font-size: 1.4rem;
  text-align: center;
  background-color: #b4a180;
}

@media screen and (max-width: 960px) {
  .prize_applyNumber__key {
    width: 100%;
  }
}

.prize_applyNumber__value {
  flex: 1;
  padding: 10px;
  line-height: 1;
  background-color: #efe7dc;
}

@media screen and (max-width: 720px) {
  .prize_applyNumber__value {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-wrap: wrap;
  }
}

.prize_applyNumber__number {
  font-size: 2.4rem;
  font-weight: bold;
}

.prize_applyNumber__unit {
  font-size: 1.4rem;
}

/*------------------------------
  ** 応募口数選択
------------------------------*/
.prize_selectApplyNumber {
  box-sizing: border-box;
  width: 100%;
  padding: 5px;
  font-size: 1.4rem;
}

/*------------------------------
  ** 応募制御メッセージ
------------------------------*/
.prize_disabledMessage {
  padding: 10px;
  font-size: 2.1rem;
  color: #666;
  line-height: 1.4;
  text-align: center;
}

/*------------------------------
  ** 賞品概要
------------------------------*/
.prize_itemSummary__name {
  margin-top: 4px;
  margin-bottom: 12px;
  font-size: 2.1rem;
  font-weight: bold;
  line-height: 1.4;
}

.prize_itemSummary__description {
  margin-bottom: 16px;
  font-size: 1.4rem;
  line-height: 1.6;
}

.prize_itemSummary__winner {
  font-size: 2.0rem;
}

.prize_itemSummary__winnerUnit {
  font-size: 1.4rem;
}

/*------------------------------
  **  応募口数（ボーナス）
------------------------------*/
.prize_applyNumberBonus__campaigns {
  margin-bottom: 5px;
  border-bottom: 1px dashed #d60019;
}

.prize_applyNumberBonus__campaign {
  display: flex;
  align-items: center;
  padding-bottom: 5px;
  animation: mark 6s infinite;
}

.prize_applyNumberBonus__campaignLead {
  flex: 1;
  font-size: 2.0rem;
  font-weight: bold;
  color: #d60019;
  line-height: 1.4;
}

.prize_applyNumberBonus__campaignLink {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  padding: 0 5px;
  font-size: 1.3rem;
  color: #d60019;
  border: 1px solid #d60019;
  border-radius: 5px;
  transition-property: color background-color;
  transition-duration: 0.1s;
}

.prize_applyNumberBonus__campaignLink:hover {
  color: #fff;
  text-decoration: none;
  background-color: #d60019;
}

.prize_applyNumberBonus__numberBox {
  display: flex;
}

@media screen and (max-width: 960px) {
  .prize_applyNumberBonus__numberBox {
    display: block;
  }
}

.prize_applyNumberBonus__key {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  padding: 5px 10px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  background-color: #810312;
}

@media screen and (max-width: 960px) {
  .prize_applyNumberBonus__key {
    width: 100%;
  }
}

.prize_applyNumberBonus__value {
  flex: 1;
  padding: 5px 10px;
  color: #fff;
  line-height: 1.4;
  background-color: #d60019;
}

.prize_applyNumberBonus__number {
  display: inline-block;
  font-size: 2.4rem;
  font-weight: bold;
  margin-right: 2px;
}

.prize_applyNumberBonus__help {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  font-size: 1.2rem;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  background-color: transparent;
  transition-property: color background-color;
  transition-duration: 0.1s;
}

.prize_applyNumberBonus__help:hover {
  color: #d60019;
  background-color: #fff;
}

.prize_applyNumberBonus__attention {
  display: none;
  padding-top: 20px;
}

.prize_applyNumberBonus__attentionHeading {
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 5px;
  font-size: 1.4rem;
  border-bottom: 2px solid #ddd;
}

.prize_applyNumberBonus__attentionCloser {
  position: absolute;
  right: 0;
  bottom: 5px;
  display: inline-block;
  padding: 0 5px;
  font-size: 1.2rem;
  font-weight: normal;
  color: #666;
  border-radius: 5px;
  background-color: #ddd;
  cursor: pointer;
}

.prize_applyNumberBonus__attentionText {
  font-size: 1.2rem;
}

@keyframes mark {
  80% {
    opacity: 1;
  }
  85% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*------------------------------
  ** 応募から当選者発表まで（レイアウト）
------------------------------*/
.prize_flow__heading {
  margin-bottom: 15px;
  padding-bottom: 10px;
  font-size: 1.8rem;
  font-weight: normal;
  border-bottom: 2px solid #eee;
}

.prize_flow__list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 20px;
}

@media screen and (max-width: 960px) {
  .prize_flow__list {
    display: block;
  }
}

@media screen and (min-width: 961px) {
  .prize_flow__listItem {
    width: calc(33.3334% - 20px * (3 - 1) / 3);
    margin-right: 20px;
  }
  .prize_flow__listItem:nth-child(3n), .prize_flow__listItem:last-child {
    margin-right: 0;
  }
  .prize_flow__listItem:nth-child(n+4) {
    margin-top: 20px;
  }
}

@media screen and (max-width: 960px) {
  .prize_flow__listItem + .prize_flow__listItem {
    margin-top: 10px;
  }
}

/*------------------------------
  ** 応募から当選者発表まで（アイテム）
------------------------------*/
.prize_flowItem__heading {
  padding: 8px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  border-radius: 5px 5px 0 0;
  background-color: #2d426d;
}

.prize_flowItem__body {
  padding: 10px;
  border: 1px solid #ccc;
  border-top: none;
}

.prize_flowItem__description {
  font-size: 1.4rem;
  line-height: 1.6;
}

.prize_flowItem__memo {
  margin-top: 10px;
}

/*------------------------------------------------------------
  ** 毎日懸賞用コンポーネント
------------------------------------------------------------*/
/*------------------------------
  ** 過去の賞品一覧
------------------------------*/
.prize_everydayBacknumber {
  padding: 5px;
  background-color: #f3b502;
}

.prize_everydayBacknumber__heading {
  padding: 10px 0;
  font-size: 2.4rem;
  line-height: 1.4;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .prize_everydayBacknumber__heading {
    font-size: 1.8rem;
  }
}

.prize_everydayBacknumber__list {
  display: flex;
  flex-wrap: wrap;
}

.prize_everydayBacknumber__listItem {
  box-sizing: border-box;
  background-color: #fff;
}

@media screen and (min-width: 961px) {
  .prize_everydayBacknumber__listItem {
    width: calc(14.285% - 1px * (7 - 1) / 7);
    margin-right: 1px;
  }
  .prize_everydayBacknumber__listItem:nth-child(7n), .prize_everydayBacknumber__listItem:last-child {
    margin-right: 0;
  }
  .prize_everydayBacknumber__listItem:nth-child(n+8) {
    margin-top: 1px;
  }
}

@media screen and (min-width: 481px) and (max-width: 960px) {
  .prize_everydayBacknumber__listItem {
    width: calc(25% - 1px * (4 - 1) / 4);
    margin-right: 1px;
  }
  .prize_everydayBacknumber__listItem:nth-child(4n), .prize_everydayBacknumber__listItem:last-child {
    margin-right: 0;
  }
  .prize_everydayBacknumber__listItem:nth-child(n+5) {
    margin-top: 1px;
  }
}

@media screen and (max-width: 480px) {
  .prize_everydayBacknumber__listItem {
    width: calc(50% - 1px * (2 - 1) / 2);
    margin-right: 1px;
  }
  .prize_everydayBacknumber__listItem:nth-child(2n), .prize_everydayBacknumber__listItem:last-child {
    margin-right: 0;
  }
  .prize_everydayBacknumber__listItem:nth-child(n+3) {
    margin-top: 1px;
  }
}

.prize_everydayBacknumber__prize {
  padding: 5px;
}

.prize_everydayBacknumber__date {
  margin-bottom: 10px;
  padding: 3px 4px;
  font-size: 1.6rem;
  text-align: center;
  border-radius: 5px;
  background-color: #efe7dc;
}

.prize_everydayBacknumber__detail {
  position: relative;
}

@media screen and (min-width: 961px) {
  .prize_everydayBacknumber__detail:hover .prize_everydayBacknumber__name {
    opacity: 1;
  }
}

.prize_everydayBacknumber__image {
  width: 100%;
}

.prize_everydayBacknumber__name {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 8px;
  font-size: 1.4rem;
  color: #fff;
  line-height: 1.5;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.3s;
}

/*------------------------------------------------------------
  ** 毎週懸賞用コンポーネント
------------------------------------------------------------*/
/*------------------------------
  ** 過去の賞品一覧
------------------------------*/
.prize_everyweekBacknumber {
  padding: 5px;
  background-color: #6ece51;
}

.prize_everyweekBacknumber__heading {
  padding: 10px 0;
  font-size: 2.4rem;
  line-height: 1.4;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .prize_everyweekBacknumber__heading {
    font-size: 1.8rem;
  }
}

.prize_everyweekBacknumber__list {
  display: flex;
  flex-wrap: wrap;
}

.prize_everyweekBacknumber__listItem {
  box-sizing: border-box;
  background-color: #fff;
}

@media screen and (min-width: 961px) {
  .prize_everyweekBacknumber__listItem {
    width: calc(25% - 1px * (4 - 1) / 4);
    margin-right: 1px;
  }
  .prize_everyweekBacknumber__listItem:nth-child(4n), .prize_everyweekBacknumber__listItem:last-child {
    margin-right: 0;
  }
  .prize_everyweekBacknumber__listItem:nth-child(n+5) {
    margin-top: 1px;
  }
}

@media screen and (min-width: 481px) and (max-width: 960px) {
  .prize_everyweekBacknumber__listItem {
    width: calc(25% - 1px * (4 - 1) / 4);
    margin-right: 1px;
  }
  .prize_everyweekBacknumber__listItem:nth-child(4n), .prize_everyweekBacknumber__listItem:last-child {
    margin-right: 0;
  }
  .prize_everyweekBacknumber__listItem:nth-child(n+5) {
    margin-top: 1px;
  }
}

@media screen and (max-width: 480px) {
  .prize_everyweekBacknumber__listItem {
    width: calc(50% - 1px * (2 - 1) / 2);
    margin-right: 1px;
  }
  .prize_everyweekBacknumber__listItem:nth-child(2n), .prize_everyweekBacknumber__listItem:last-child {
    margin-right: 0;
  }
  .prize_everyweekBacknumber__listItem:nth-child(n+3) {
    margin-top: 1px;
  }
}

.prize_everyweekBacknumber__prize {
  padding: 5px;
}

.prize_everyweekBacknumber__date {
  margin-bottom: 10px;
  padding: 3px 4px;
  font-size: 1.6rem;
  text-align: center;
  border-radius: 5px;
  background-color: #efe7dc;
}

@media screen and (max-width: 720px) {
  .prize_everyweekBacknumber__date {
    font-size: 1.4rem;
  }
}

.prize_everyweekBacknumber__detail {
  position: relative;
}

@media screen and (min-width: 961px) {
  .prize_everyweekBacknumber__detail:hover .prize_everyweekBacknumber__name {
    opacity: 1;
  }
}

.prize_everyweekBacknumber__image {
  width: 100%;
}

.prize_everyweekBacknumber__name {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 8px;
  font-size: 1.4rem;
  color: #fff;
  line-height: 1.5;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.3s;
}

/*------------------------------
  ** 応募期間リスト
------------------------------*/
.prize_everyweekTermList {
  display: flex;
  padding-bottom: 10px;
}

@media screen and (max-width: 720px) {
  .prize_everyweekTermList {
    display: none;
  }
}

.prize_everyweekTermList__item {
  width: calc(25% - 10px * (4 - 1) / 4);
  margin-right: 10px;
}

.prize_everyweekTermList__item:nth-child(4n), .prize_everyweekTermList__item:last-child {
  margin-right: 0;
}

.prize_everyweekTermList__itemBody {
  padding: 5px;
  border-radius: 5px;
  background-color: #ddd;
}

.prize_everyweekTermList__itemBody--active {
  position: relative;
  background-color: #f2af1c;
  animation: now_mark 3s infinite;
}

.prize_everyweekTermList__itemBody--active::after {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 23px);
  z-index: 1;
  content: '';
  width: 0;
  height: 0;
  border-width: 13px 23px 0 23px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #f2af1c;
}

.prize_everyweekTermList__status {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  font-size: 1.6rem;
  border-radius: 5px;
  background-color: #fff;
}

.prize_everyweekTermList__date {
  padding: 8px 0 2px 0;
  font-size: 1.6rem;
  line-height: 1;
  text-align: center;
}

@keyframes now_mark {
  50% {
    transform: scale(0.95, 0.95);
  }
  100% {
    transform: scale(1, 1);
  }
}

/*------------------------------------------------------------
  ** 毎月懸賞用コンポーネント
------------------------------------------------------------*/
/*------------------------------
  ** 過去の賞品一覧
------------------------------*/
.prize_everymonthBacknumber__monthBox {
  margin-bottom: 10px;
}

.prize_everymonthBacknumber__monthBox:last-child {
  margin-bottom: 0;
}

.prize_everymonthBacknumber__heading {
  padding: 10px 0;
  font-size: 2.4rem;
  line-height: 1.4;
  text-align: center;
  background-color: #f4788b;
}

@media screen and (max-width: 960px) {
  .prize_everymonthBacknumber__heading {
    font-size: 1.8rem;
  }
}

.prize_everymonthBacknumber__list {
  display: flex;
  flex-wrap: wrap;
  border-left: 1px solid #f4788b;
}

.prize_everymonthBacknumber__list:first-child {
  margin-top: 0;
}

.prize_everymonthBacknumber__listItem {
  box-sizing: border-box;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #f4788b;
  background-color: #fff;
}

@media screen and (min-width: 961px) {
  .prize_everymonthBacknumber__listItem {
    flex: 1;
  }
}

@media screen and (max-width: 960px) {
  .prize_everymonthBacknumber__listItem {
    width: 50%;
  }
}

.prize_everymonthBacknumber__month {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  font-size: 1.6rem;
  color: #fff;
  line-height: 1.4;
  text-align: center;
  border-radius: 50%;
  background-color: #c62640;
}

@media screen and (max-width: 960px) {
  .prize_everymonthBacknumber__month {
    width: 100%;
    height: 40px;
    border-radius: 0;
  }
  .prize_everymonthBacknumber__month br {
    display: none;
  }
}

.prize_everymonthBacknumber__prize {
  padding: 5px;
}

.prize_everymonthBacknumber__date {
  margin-bottom: 10px;
  padding: 3px 4px;
  font-size: 1.6rem;
  text-align: center;
  border-radius: 5px;
  background-color: #efe7dc;
}

.prize_everymonthBacknumber__detail {
  position: relative;
}

@media screen and (min-width: 961px) {
  .prize_everymonthBacknumber__detail:hover .prize_everymonthBacknumber__name {
    opacity: 1;
  }
}

.prize_everymonthBacknumber__image {
  width: 100%;
}

.prize_everymonthBacknumber__name {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 8px;
  font-size: 1.4rem;
  color: #fff;
  line-height: 1.5;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.3s;
}

/*------------------------------------------------------------
  ** ゲーム用コンポーネント
------------------------------------------------------------*/
.prize_gameFlow {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (min-width: 961px) {
  .prize_gameFlowItem {
    width: calc(33.3334% - 15px * (3 - 1) / 3);
    margin-right: 15px;
  }
  .prize_gameFlowItem:nth-child(3n), .prize_gameFlowItem:last-child {
    margin-right: 0;
  }
  .prize_gameFlowItem:nth-child(n+4) {
    margin-top: 15px;
  }
}

@media screen and (max-width: 960px) {
  .prize_gameFlowItem {
    max-width: 300px;
    margin: 10px auto;
  }
}

.prize_gameFlowItem__image {
  width: 100%;
}

.prize_gameFlowItem__text {
  padding: 10px;
  font-size: 1.4rem;
  line-height: 1.4;
}

.prize_gameDescription {
  font-size: 1.4rem;
  line-height: 1.4;
}

/*------------------------------------------------------------
  ** 応募ステップ用コンポーネント
------------------------------------------------------------*/
/*------------------------------
  ** ヘッダー
------------------------------*/
.prize_applyHeader {
  padding: 5px 0;
  border-bottom: 5px solid #fdaf05;
}

.prize_applyHeader__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.prize_applyHeader__logo {
  display: flex;
  align-items: center;
  width: 140px;
  height: 100px;
}

.prize_applyHeader__logoImage {
  width: 100%;
}

/*------------------------------
  ** フッター
------------------------------*/
.prize_applyFooter {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  background-color: #fdaf05;
}

.prize_applyFooter__copyright {
  font-size: 1.2rem;
}

/*------------------------------
  ** 応募ステップ
------------------------------*/
.prize_applyStep {
  display: flex;
  max-width: 700px;
  margin: 0 auto;
  overflow: hidden;
}

.prize_applyStep__item {
  flex: 1;
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  padding: 10px 25px;
  font-size: 1.6rem;
  background-color: #ddd;
}

@media screen and (min-width: 721px) {
  .prize_applyStep__item::before, .prize_applyStep__item::after {
    position: absolute;
    top: calc(50% - 40px);
    z-index: 1;
    content: '';
    width: 0;
    height: 0;
    border-width: 40px 10px;
    border-style: solid;
    border-color: transparent;
  }
  .prize_applyStep__item::before {
    right: -24px;
    border-left-color: #fff;
  }
  .prize_applyStep__item::after {
    right: -20px;
    border-left-color: #ddd;
  }
}

@media screen and (max-width: 720px) {
  .prize_applyStep__item {
    font-size: 1.4rem;
  }
  .prize_applyStep__item::after {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    content: '';
    width: 1px;
    height: 100%;
    background-color: #fff;
  }
  .prize_applyStep__item:last-child::after {
    content: none;
  }
}

.prize_applyStep__item--current {
  font-weight: bold;
  background-color: #fdb20e;
}

.prize_applyStep__item--current::after {
  border-left-color: #fdb20e;
}

/*------------------------------
  ** 応募見出し
------------------------------*/
.prize_applyHeading {
  position: relative;
  padding: 16px 20px;
  font-size: 2.0rem;
  color: #333;
  background-color: #e8e8e8;
}

.prize_applyHeading::after {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #ccc;
}

.prize_applyHeading__step {
  margin-right: 5px;
}

.prize_applyHeading__label {
  font-weight: normal;
}

/*------------------------------
  ** サマリー
------------------------------*/
.prize_applySummary {
  font-size: 1.4rem;
}

/*------------------------------
  ** 応募情報
------------------------------*/
.prize_applyInformation {
  display: flex;
  padding: 0 20px;
}

@media screen and (max-width: 960px) {
  .prize_applyInformation {
    display: block;
  }
}

.prize_applyInformation__thumbnail {
  width: 180px;
  margin-right: 20px;
}

@media screen and (max-width: 960px) {
  .prize_applyInformation__thumbnail {
    width: 100%;
    max-width: 300px;
    margin: 0 auto 20px auto;
  }
}

.prize_applyInformation__image {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #ddd;
}

.prize_applyInformation__summary {
  margin-bottom: 20px;
}

.prize_applyInformation__text {
  flex: 1;
}

.prize_applyInformation__name {
  margin-bottom: 20px;
  font-size: 2.1rem;
  font-weight: bold;
  line-height: 1.4;
}

.prize_applyInformation__item {
  margin-bottom: 10px;
  font-size: 1.6rem;
  line-height: 1.4;
}

.prize_applyInformation__select {
  max-width: 300px;
  margin: 20px auto;
}

.prize_applyInformation__button {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

/*------------------------------
  ** メンバー情報
------------------------------*/
.prize_memberInformation {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.prize_memberInformation th,
.prize_memberInformation td {
  padding: 10px;
  font-size: 1.4rem;
  border: 1px solid #ddd;
}

.prize_memberInformation th {
  width: 178px;
  text-align: right;
  background-color: #f5f5f5;
}

@media screen and (max-width: 960px) {
  .prize_memberInformation {
    display: block;
  }
  .prize_memberInformation tbody,
  .prize_memberInformation tr,
  .prize_memberInformation th,
  .prize_memberInformation td {
    display: block;
    box-sizing: border-box;
  }
  .prize_memberInformation th {
    width: 100%;
    margin-top: -1px;
    text-align: left;
  }
  .prize_memberInformation td {
    margin-top: -1px;
  }
  .prize_memberInformation tr:first-child th {
    margin-top: 0;
  }
}

/*------------------------------
  ** 応募注意事項
------------------------------*/
.prize_applyAttention {
  box-sizing: border-box;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding: 8px 20px;
  font-size: 1.3rem;
  border-width: 2px 0;
  border-style: dashed;
  border-color: #ffb3b3;
  background-color: #ffeeee;
}

.prize_applyAttention__item {
  padding-left: calc(1em + 0.5em);
  text-indent: calc(1em * -1);
}

.prize_applyAttention__item::before {
  content: '※';
  display: inline-block;
  width: 1em;
  text-align: right;
}

/*------------------------------
  ** 応募注意事項見出し
------------------------------*/
.prize_applyAttentionHeading {
  box-sizing: border-box;
  max-width: 700px;
  margin: 0 auto;
  padding: 5px;
  font-size: 1.6rem;
  background-color: #f7f7f7;
}

/*------------------------------
  ** 登録情報変更ボタン
------------------------------*/
.prize_memberChangeButton {
  padding: 5px;
}

.prize_memberChangeButton--error {
  border: 1px solid #d10000;
  background-color: #ffeeee;
}

.prize_memberChangeButton__item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
}

.prize_memberChangeButton__description {
  font-size: 1.4rem;
}

.prize_memberChangeButton__button {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #64615b;
  background: #e6ded2;
  margin: 0 auto;
  padding: 8px 15px;
  font-size: 1.4rem;
  color: #413f3b;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  transition-property: border-bottom-color background-color;
  transition-duration: 0.1s;
}

.prize_memberChangeButton__button:hover {
  text-decoration: none;
  color: #413f3b;
  background-color: #d0bb9c;
}

.prize_memberChangeButton__button--error {
  color: #fff;
  background-color: #e95559;
}

.prize_memberChangeButton__button--error:hover {
  color: #fff;
  background-color: #cf3035;
}

/*------------------------------
  ** 登録情報変更確認
------------------------------*/
.prize_memberChangeCheck__heading {
  position: relative;
  min-height: 28px;
  margin-bottom: 20px;
  padding: 0 0 5px 0;
  font-size: 1.8rem;
  text-align: center;
  border-bottom: 2px solid #eee;
}

.prize_memberChangeCheck__summary {
  margin-bottom: 20px;
  font-size: 1.6rem;
  line-height: 1.6;
  text-align: center;
}

.prize_memberChangeCheck__form {
  margin-bottom: 20px;
}

/*------------------------------
  ** セブンATMの注意事項
------------------------------*/
.prize_sevenATM__heading {
  position: relative;
  min-height: 28px;
  margin-bottom: 20px;
  padding: 0 0 5px 0;
  font-size: 1.8rem;
  text-align: center;
  border-bottom: 2px solid #eee;
}

.prize_sevenATM__summary {
  margin-bottom: 20px;
  font-size: 1.4rem;
  line-height: 1.6;
  text-align: center;
}

.prize_sevenATM__form {
  margin-bottom: 20px;
}

/*------------------------------
  ** 他の懸賞も要チェック！
------------------------------*/
.prize_etcCheck__heading {
  position: relative;
  display: flex;
  justify-content: center;
  width: 700px;
  margin: 0 auto;
}

.prize_etcCheck__heading::after {
  position: absolute;
  left: 0;
  top: calc(50% - 1px / 2);
  z-index: 1;
  content: '';
  width: 100%;
  height: 1px;
  background-color: #333;
}

.prize_etcCheck__headingInner {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  background-color: #fff;
}

.prize_etcCheck__headingBaloon {
  position: relative;
  top: -10px;
  display: inline-block;
  margin-right: 10px;
  padding: 0 5px;
  width: 90px;
  height: 90px;
  padding-top: 15px;
  line-height: 1.4;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 2.0rem;
  font-weight: bold;
  background: #fdb20e;
  border-radius: 50%;
  box-sizing: border-box;
  animation: balloon 5s infinite;
}

.prize_etcCheck__headingBaloon::before {
  position: absolute;
  bottom: -8px;
  right: -8px;
  content: '';
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #fdb20e;
  transform: rotate(45deg);
}

.prize_etcCheck__headingLabel {
  font-size: 2.2rem;
}

.prize_etcCheck__summary {
  margin-bottom: 10px;
  font-size: 1.4rem;
  line-height: 1.6;
}

.prize_etcCheck__list {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 961px) {
  .prize_etcCheck__listItem {
    width: calc(14.285% - 1px * (7 - 1) / 7);
    margin-right: 1px;
  }
  .prize_etcCheck__listItem:nth-child(7n), .prize_etcCheck__listItem:last-child {
    margin-right: 0;
  }
  .prize_etcCheck__listItem:nth-child(n+8) {
    margin-top: 1px;
  }
}

@media (min-width: 691px) and (max-width: 960px) {
  .prize_etcCheck__listItem {
    width: calc(20% - 1px * (5 - 1) / 5);
    margin-right: 1px;
  }
  .prize_etcCheck__listItem:nth-child(5n), .prize_etcCheck__listItem:last-child {
    margin-right: 0;
  }
  .prize_etcCheck__listItem:nth-child(n+6) {
    margin-top: 1px;
  }
}

@media (max-width: 690px) {
  .prize_etcCheck__listItem {
    width: calc(33.3334% - 10px * (3 - 1) / 3);
    margin-right: 10px;
  }
  .prize_etcCheck__listItem:nth-child(3n), .prize_etcCheck__listItem:last-child {
    margin-right: 0;
  }
  .prize_etcCheck__listItem:nth-child(n+4) {
    margin-top: 10px;
  }
}

.prize_etcCheck__link {
  box-sizing: border-box;
  display: block;
  height: 100%;
  padding: 5px;
  color: #333;
  text-align: center;
  border: 3px solid #fdb20e;
  transition-property: border-color;
  transition-duration: 0.1s;
}

.prize_etcCheck__link:hover {
  text-decoration: none;
  border-color: #c48701;
}

.prize_etcCheck__link:hover .prize_etcCheck__name {
  color: #fff;
  background-color: #c48701;
}

.prize_etcCheck__link--end {
  border-color: #ccc;
}

.prize_etcCheck__link--end .prize_etcCheck__mark {
  display: flex;
  justify-content: center;
  align-items: center;
}

.prize_etcCheck__link--end .prize_etcCheck__name {
  color: #333;
  background-color: #ccc;
}

.prize_etcCheck__link--end:hover {
  border-color: #ccc;
}

.prize_etcCheck__link--end:hover .prize_etcCheck__name {
  color: #333;
  background-color: #ccc;
}

.prize_etcCheck__name {
  margin-bottom: 5px;
  font-size: 1.1rem;
  line-height: 2;
  border-radius: 5px;
  background-color: #fdb20e;
  transition-property: color background-color;
  transition-duration: 0.1s;
}

.prize_etcCheck__thumbnail {
  position: relative;
}

.prize_etcCheck__mark {
  display: none;
  position: absolute;
  top: calc(50% - 70px / 2);
  left: calc(50% - 70px / 2);
  z-index: 1;
  width: 70px;
  height: 70px;
  font-size: 5.0rem;
  font-weight: bold;
  color: #e7474c;
  line-height: 1;
  border: 3px solid #e7474c;
  border-radius: 50%;
  background-color: #fff;
  transform: rotate(15deg);
}

.prize_etcCheck__image {
  width: 100%;
}

@keyframes balloon {
  0% {
    transform: rotate(-15deg);
  }
  30% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-15deg);
  }
  80% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-15deg);
  }
}

/*------------------------------
  ** ポイントをもっと貯めて、毎月・毎週懸賞に応募しよう！
------------------------------*/
.prize_pointCheck__heading {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.prize_pointCheck__headingIcon {
  width: 35px;
  margin-right: 10px;
}

.prize_pointCheck__headingLabel {
  font-size: 2.2rem;
  line-height: 1.4;
}

@media screen and (min-width: 721px) {
  .prize_pointCheck__list {
    display: flex;
    flex-wrap: wrap;
  }
}

.prize_pointCheck__listItem {
  box-sizing: border-box;
  padding: 10px;
  border: 3px solid #2a7fb8;
}

@media screen and (min-width: 721px) {
  .prize_pointCheck__listItem {
    width: calc(50% - 15px * (2 - 1) / 2);
    margin-right: 15px;
  }
  .prize_pointCheck__listItem:nth-child(2n), .prize_pointCheck__listItem:last-child {
    margin-right: 0;
  }
  .prize_pointCheck__listItem:nth-child(n+3) {
    margin-top: 15px;
  }
}

@media screen and (max-width: 720px) {
  .prize_pointCheck__listItem {
    margin: 10px auto;
  }
}

.prize_pointCheck__subHeading {
  display: flex;
  align-items: center;
  padding: 0 0 5px 0;
  font-size: 2.1rem;
  border-bottom: 1px dashed #ccc;
}

.prize_pointCheck__icon {
  width: 20px;
  margin-right: 10px;
}

.prize_pointCheck__body {
  margin-top: 10px;
}

.prize_pointCheck__button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding: 8px;
  color: #64615b;
  text-align: center;
  border-radius: 5px;
  background-color: #e6ded2;
  transition-property: background-color;
  transition-duration: 0.1s;
}

.prize_pointCheck__button:hover {
  color: #64615b;
  text-decoration: none;
  background-color: #eee8df;
}

/*------------------------------
  ** アンケート
------------------------------*/
.prize_pointCheckResearch__item {
  display: flex;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px dashed #ccc;
}

.prize_pointCheckResearch__item:first-child {
  padding-top: 0;
}

.prize_pointCheckResearch__summary {
  flex: 1;
  padding-right: 15px;
}

@media screen and (max-width: 960px) {
  .prize_pointCheckResearch__summary {
    padding: 0;
  }
}

.prize_pointCheckResearch__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  min-height: 36px;
  color: #fff;
  border-radius: 5px;
  background-color: #2a7fb8;
  transition-property: background-color;
  transition-duration: 0.1s;
}

.prize_pointCheckResearch__button:hover {
  color: #fff;
  text-decoration: none;
  background-color: #6fa5ce;
}

/*------------------------------
  ** ゲーム
------------------------------*/
.prize_pointCheckGame {
  display: flex;
  flex-wrap: wrap;
}

.prize_pointCheckGame__item {
  width: calc(50% - 15px * (2 - 1) / 2);
  margin-right: 15px;
}

.prize_pointCheckGame__item:nth-child(2n), .prize_pointCheckGame__item:last-child {
  margin-right: 0;
}

.prize_pointCheckGame__item:nth-child(n+3) {
  margin-top: 15px;
}

.prize_pointCheckGame__link {
  transition-property: opacity;
  transition-duration: 0.1s;
}

.prize_pointCheckGame__link:hover {
  opacity: 0.8;
}

.prize_pointCheckGame__image {
  width: 100%;
}

/*------------------------------
  ** モンスターバナー
------------------------------*/
.prize_monsterBanner__banner {
  margin-bottom: 10px;
  text-align: center;
}

.prize_monsterBanner__rule {
  text-align: center;
}

/*------------------------------
  ** ポイントモーダル
------------------------------*/
.prize_pointModal__heading {
  margin-bottom: 40px;
  padding-bottom: 5px;
  font-size: 2.1rem;
  line-height: 1.4;
  text-align: center;
  border-bottom: 1px solid #ddd;
}

.prize_pointModal__banners {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 480px) {
  .prize_pointModal__banners {
    display: block;
  }
}

.prize_pointModal__banner {
  text-align: center;
}

@media screen and (min-width: 481px) {
  .prize_pointModal__banner {
    flex: 1;
  }
}

@media screen and (max-width: 480px) {
  .prize_pointModal__banner {
    margin-bottom: 20px;
  }
}

.prize_pointModal__link {
  color: #333;
  transition-property: opacity;
  transition-duration: 0.1s;
}

.prize_pointModal__link:hover {
  color: #333;
  opacity: 0.8;
}

.prize_pointModal__name {
  display: block;
  margin-top: 5px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}

.prize_pointModal__lead {
  margin-top: 20px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #333;
  line-height: 1.6;
  text-align: center;
}

@media screen and (max-width: 480px) {
  .prize_pointModal__lead {
    font-size: 1.8rem;
  }
}

/*------------------------------------------------------------
  ** 商品交換
------------------------------------------------------------*/
/*------------------------------
  ** ヘッダー
------------------------------*/
.prize_exchangeHeader__headingImage {
  width: 100%;
}

/*------------------------------
  ** 見出し
------------------------------*/
.prize_exchangeHeading {
  padding: 10px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #0e7c2c;
  line-height: 1.4;
  text-align: center;
  background-color: #9cefb0;
}

.prize_exchangeHeading__heading {
  font-size: 2.8rem;
}

.prize_exchangeHeading__pointInformation {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 8px;
  border-top: 1px dashed #4a3718;
}

.prize_exchangeHeading__pointValue {
  display: inline-block;
  margin-right: 4px;
  font-size: 1.8rem;
  color: #cb040c;
}

/*------------------------------
  ** 賞品
------------------------------*/
.prize_exchangeItemList__item {
  display: flex;
  align-items: flex-start;
  padding: 20px;
  border-top: 1px solid #ccc;
}

.prize_exchangeItemList__item:first-child {
  border-top: none;
}

@media screen and (max-width: 480px) {
  .prize_exchangeItemList__item {
    display: block;
  }
}

.prize_exchangeItemList__thumbnail {
  width: 200px;
  margin-right: 20px;
}

@media screen and (max-width: 960px) {
  .prize_exchangeItemList__thumbnail {
    width: 140px;
  }
}

@media screen and (max-width: 480px) {
  .prize_exchangeItemList__thumbnail {
    margin: 0 auto 10px auto;
  }
}

.prize_exchangeItemList__image {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #ddd;
}

.prize_exchangeItemList__information {
  flex: 1;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 720px) {
  .prize_exchangeItemList__information {
    display: block;
  }
}

.prize_exchangeItemList__summary {
  flex: 1;
  margin-bottom: 10px;
}

.prize_exchangeItemList__name {
  margin-bottom: 12px;
  font-size: 2.1rem;
  font-weight: bold;
  line-height: 1.4;
}

.prize_exchangeItemList__description {
  margin-bottom: 16px;
  font-size: 1.4rem;
  line-height: 1.6;
}

.prize_exchangeItemList__description {
  margin-bottom: 16px;
  font-size: 1.4rem;
  line-height: 1.6;
}

.prize_exchangeItemList__applyNumber {
  margin-top: 10px;
  font-size: 1.4rem;
}

.prize_exchangeItemList__apply {
  width: 300px;
  margin-left: 20px;
}

@media screen and (max-width: 960px) {
  .prize_exchangeItemList__apply {
    width: 200px;
  }
}

@media screen and (max-width: 720px) {
  .prize_exchangeItemList__apply {
    width: 100%;
    margin: 20px 0 10px 0;
  }
}

/*------------------------------
  ** 応募フォーム
------------------------------*/
.prize_exchangeForm {
  max-width: 300px;
  margin: 0 auto;
}

.prize_exchangeForm__select {
  width: 100%;
  padding: 10px;
  font-size: 1.4rem;
}

.prize_exchangeForm__button {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

/*------------------------------------------------------------
  ** 当選者発表
------------------------------------------------------------*/
/*------------------------------
  ** ヘッダー
------------------------------*/
.prize_winnerHeader__image {
  width: 100%;
}

/*------------------------------
  ** 喜びの声
------------------------------*/
.prize_winnerVoice__item {
  padding: 20px 0;
}

.prize_winnerVoice__heading {
  margin-bottom: 5px;
  font-size: 2.1rem;
}

.prize_winnerVoice__main {
  padding: 10px;
  background-color: #eee;
}

.prize_winnerVoice__main--everyday {
  background-color: #fff085;
}

.prize_winnerVoice__main--everyweek {
  background-color: #b5f7a1;
}

.prize_winnerVoice__main--everymonth {
  background-color: #fecfd7;
}

.prize_winnerVoice__prize {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.prize_winnerVoice__thumbnail {
  display: block;
  width: 70px;
  margin-right: 8px;
  border: 1px solid #ccc;
}

.prize_winnerVoice__prizeImage {
  width: 100%;
}

.prize_winnerVoice__name {
  flex: 1;
  display: block;
  font-size: 1.4rem;
}

.prize_winnerVoice__voice {
  padding: 10px;
  font-size: 1.4rem;
  line-height: 1.6;
  background-color: #fff;
}

/*------------------------------
  ** 喜びの声バックナンバー
------------------------------*/
.prize_winnerBacknumber__heading {
  position: relative;
  margin-bottom: 10px;
  padding: 0 0 5px 0;
  font-size: 1.8rem;
  border-bottom: 2px solid #eee;
}

.prize_winnerBacknumber__list {
  display: flex;
  flex-wrap: wrap;
}

.prize_winnerBacknumber__listItem {
  padding: 0 10px;
  border-left: 1px solid #ccc;
}

.prize_winnerBacknumber__listItem:first-child {
  border-left: none;
}

.prize_winnerBacknumber__current {
  font-size: 1.4rem;
  font-weight: bold;
}

/*------------------------------------------------------------
  ** エラー
------------------------------------------------------------*/
.prize_errorMessage {
  padding: 60px 0;
  text-align: center;
}

.prize_errorMessage__message {
  margin-bottom: 20px;
  font-size: 2.0rem;
  line-height: 1.8;
}

/*------------------------------------------------------------
  ** 旧環境から移植したものの調整
------------------------------------------------------------*/
/*
  高さが潰れる系は、
  https://img.fruitmail.net/fruit/css/common/common.css
  のbodyに指定してあるline-heightの影響ぽい。
*/
/*------------------------------
  ** プレゼントルーレット
------------------------------*/
#roulette_play .btn_set .btn {
  padding: 20px;
}

/*------------------------------
  ** プレゼント漢字クイズ
------------------------------*/
#kanjiquiz_geme_view {
  margin-bottom: 10px;
}

.kanjiquiz_question_text {
  line-height: 1.2;
}

.kanjiquiz_result_item {
  box-sizing: border-box;
  padding: 8px;
  line-height: 1.2;
}

.kanjiquiz .btn_set a.btn {
  padding: 20px;
}

.kanjiquiz_result_text_item {
  line-height: 1.2;
}

.kanjiquiz_result_count {
  line-height: 1.2;
}

.kanjiquiz_lead_item {
  font-size: 1.6rem;
  line-height: 1.2;
}

.prize_kanjiquizResult {
  display: flex;
  flex-wrap: wrap;
}

.prize_kanjiquizResult__item {
  width: 50%;
}

.prize_kanjiquizResult__inner {
  display: flex;
  width: 100%;
}

.prize_kanjiquizResult .kanjiquiz_result_one_question_no {
  width: 60px;
}

.prize_kanjiquizResult .kanjiquiz_result_one_text {
  flex: 1;
}

.prize_kanjiquizResult .kanjiquiz_result_one_result {
  width: 30px;
}

.prize_kanjiquizResult .result_ok {
  color: #d10000;
}

.prize_kanjiquizResult .result_ng {
  color: #1500d1;
}

/*------------------------------------------------------------
  ** LPO
------------------------------------------------------------*/
.prize_landing {
  width: 950px;
  margin-bottom: 20px;
}

@media (max-width: 950px) {
  .prize_landing {
    width: 100%;
  }
}

.adenquete {
  margin: 5px;
}

.adenquete_information {
  margin-bottom: 20px;
  padding: 5px 0;
  text-align: center;
  background-color: #fffbd4;
}

.adenquete_information__label {
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
}

.adenquete_title {
  background: #d04040;
  display: block;
  border-radius: 8px;
}

.adenquete_title__caption {
  margin-bottom: 10px;
  padding: 10px;
  font-size: 20px;
  font-weight: normal;
  color: #fff;
}

@media screen and (max-width: 450px) {
  .adenquete_title__caption {
    font-size: 14px;
    text-align: center;
  }
}

.adenquete_information {
  background: #fffbd4;
  margin-bottom: 20px;
  padding: 5px 0;
  border: 1px solid #ccc;
  /*&--strong {
            color : #d10000
        }*/
}

.adenquete_eyecatch {
  background-color: #d04040;
}

.adenquete_eyecatch img {
  width: 100%;
}

.adenquete_campaign {
  width: 100%;
  margin: 10px 0;
}

.adenquete_tabMenu {
  position: relative;
  text-align: center;
  border-bottom: 5px solid #d04040;
}

.adenquete_tabMenu__link {
  text-decoration: none;
  display: inline-block;
  width: 35%;
  padding: 10px 0px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  border-bottom: 1px solid #fff;
  border-radius: 6px 6px 0px 0px;
  background: #aaa;
}

@media screen and (max-width: 640px) {
  .adenquete_tabMenu__link {
    font-size: 10px;
  }
}

.adenquete_tabMenu__link--current {
  cursor: auto;
  font-weight: bold;
  border-bottom: 1px solid #d04040;
  background: #d04040;
}

.adenquete_tabMenu__link:hover {
  background: #e55757;
}

.adenquete_enqueteList {
  display: flex;
  flex-direction: column;
  background: #eee;
  border-width: 0 0px 0 0px;
  box-sizing: border-box;
  border-style: solid;
  border-color: #ccc;
  margin-bottom: 20px;
}

.adenquete_enqueteHeader {
  display: flow-root;
  background: #f5f5f5;
  border-color: #ccc;
  border-style: solid;
  border-width: 0px 1px 0 0;
}

.adenquete_enqueteHeader__nameCell {
  width: calc(100% - 111px);
}

.adenquete_enqueteHeader__name {
  font-size: 14px;
}

.adenquete_enqueteHeader__buttonCell {
  width: 111px;
  text-align: center;
}

.adenquete_enqueteHeader__button {
  font-size: 14px;
}

.adenquete_enqueteHeader__startDateCell {
  width: calc((100% - 111px) / 2);
}

.adenquete_enqueteHeader__startDate {
  font-size: 14px;
}

.adenquete_enqueteHeader__endDateCell {
  width: calc((100% - 111px) / 2);
}

.adenquete_enqueteHeader__endDate {
  font-size: 14px;
}

.adenquete_enqueteHeader__pointCell {
  width: 111px;
}

.adenquete_enqueteHeader__point {
  font-size: 14px;
}

.adenquete_enqueteHeader > div {
  text-align: center;
  font-weight: 700;
  float: left;
  line-height: 1.8;
  padding-top: 2px;
  display: inline-block;
  padding-bottom: 2px;
  font-size: 14px;
  border-width: 1px 0 0 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: #ccc;
}

.adenquete_enqueteItem {
  display: flow-root;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  line-height: 1.0;
  border-width: 0 1px 1px 0;
  border-style: solid;
  box-sizing: border-box;
  border-color: #ccc;
  margin-bottom: 10px;
  background: white;
}

.adenquete_enqueteItem__nameCell {
  width: calc(100% - 111px);
}

.adenquete_enqueteItem__name {
  padding-top: 14px;
  padding-left: 6px;
  font-size: 14px;
}

.adenquete_enqueteItem__buttonCell {
  width: 111px;
  text-align: center;
}

.adenquete_enqueteItem__button {
  text-decoration: none;
  display: inline;
  padding: 8px;
  color: #fff;
  background: #d04040;
  border-radius: 4px;
  line-height: 40px;
}

.adenquete_enqueteItem__startDate {
  padding-top: 14px;
  padding-left: 6px;
  font-size: 14px;
}

.adenquete_enqueteItem__startDateCell {
  width: calc((100% - 111px) / 2);
}

.adenquete_enqueteItem__endDate {
  padding-top: 14px;
  padding-left: 6px;
  font-size: 14px;
}

.adenquete_enqueteItem__endDateCell {
  width: calc((100% - 111px) / 2);
}

.adenquete_enqueteItem__pointCell {
  width: 111px;
  text-align: center;
}

.adenquete_enqueteItem__pointValue {
  font-size: 18px;
  color: #d10000;
  display: inline-block;
  line-height: 1.8;
  padding-top: 4px;
}

.adenquete_enqueteItem__pointUnit {
  line-height: 1.8;
  padding-top: 10px;
}

.adenquete_enqueteItem > div {
  font-size: 14px;
  float: left;
  padding-top: 2px;
  height: 44px;
  padding-bottom: 2px;
  border-width: 1px 0 0 1px;
  border-style: solid;
  box-sizing: border-box;
  border-color: #ccc;
}

.adenquete_footerBunner {
  text-align: center;
  margin-bottom: 10px;
}

.adenquete_alert {
  margin-bottom: 10px;
  padding: 10px 10px 0px 10px;
  font-size: 14px;
  color: #666;
  line-height: 1.5;
  background: #eee;
}

.adenquete_alert__title {
  padding: 0px 0px 5px 0px;
  margin-bottom: 5px;
  font-size: 16px;
  border-bottom: 1px dotted #ccc;
}

.adenquete_alert__message {
  color: #cc6633;
  padding: 0px 0px 10px 0px;
  line-height: 1.5;
}

.adenquete_error__wrapper, .adenquete_thanks__wrapper {
  border-color: #d04040;
  margin-bottom: 10px;
  padding: 40px 20px;
  text-align: center;
  border-width: 1px 0px;
  border-style: solid;
}

.adenquete_error__message, .adenquete_thanks__message {
  font-size: 16px;
  line-height: 2;
}

.adenquete_enterSummary {
  font-size: 1.4rem;
  border-color: #d04040;
  margin-bottom: 10px;
  border: 3px solid #d04040;
}

.adenquete_enterSummary__rewardWrapper {
  margin: 5px;
}

.adenquete_enterSummary__rewardCaption {
  display: table-cell;
  width: 84px;
  padding: 5px;
  font-size: 30px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  background: #d04040;
}

.adenquete_enterSummary__rewardMessage {
  display: table-cell;
  padding: 10px;
  line-height: 1.8;
  vertical-align: middle;
  background: #fff;
  margin: 0px;
  font-size: 16px;
}

.adenquete_enterSummary__rewardMessage--strong {
  color: #d10000;
}

.adenquete_enterSummary__alert {
  color: #d04040;
}

.adenquete_enterAttention__title {
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
  background: #eee;
}

.adenquete_enterAttention__messageWrapper {
  margin-bottom: 20px;
  padding: 10px;
  font-size: 14px;
  line-height: 1.5;
}

.adenquete_enterAttention__messageItem {
  padding: 0px 0px 10px 0px;
  line-height: 1.5;
}

.adenquete_enterAttention__messageList {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.adenquete_enterAttention__messageListItem:before {
  position: absolute;
  left: 0px;
  top: 0px;
  content: '※';
}

.adenquete_enterAttention__messageListItem {
  position: relative;
  margin-bottom: 10px;
  padding-left: 20px;
  line-height: 1.8;
}

.adenquete_enterAttention__messageListItem--strong {
  color: #d10000;
}

.adenquete_formGroup {
  text-align: center;
  margin-bottom: 10px;
}

.adenquete_formGroup--gtgt {
  margin-top: 100px;
}

.adenquete_formGroup__button {
  margin: 10px 0px 10px 0px;
  background: #d04040 !important;
  display: inline-block !important;
  cursor: pointer !important;
  min-width: 200px !important;
  margin-bottom: 10px !important;
  padding: 10px !important;
  font-size: 20px !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
}

.adenquete_formGroup__button--invisible {
  opacity: 0;
  visibility: collapse;
}

.adenquete_enterAdvertTrap {
  width: 100%;
  max-width: 728px;
  margin: 0px auto;
  text-align: center;
  display: block;
}

.adenquete_enterAdvertTrap--gtgt {
  display: none;
}

.adenquete_doubleRectangleAdvert__list {
  justify-content: center;
  display: flex;
  flex-flow: row;
}

.adenquete_doubleRectangleAdvert__list--swap {
  flex-flow: row-reverse;
}

.adenquete_doubleRectangleAdvert__item {
  min-height: 250px;
  padding: 0 5px;
}

.adenquete_questionWrapper {
  font-size: 1.4rem;
  border-color: #d04040;
  margin-bottom: 10px;
  border: 3px solid #d04040;
}

.adenquete_questionWrapper__rewardWrapper {
  margin: 5px;
}

.adenquete_questionWrapper__rewardCaption {
  display: table-cell;
  width: 84px;
  padding: 5px;
  font-size: 30px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  background: #d04040;
}

.adenquete_questionWrapper__rewardMessage {
  display: table-cell;
  padding: 10px;
  line-height: 1.8;
  vertical-align: middle;
  background: #fff;
  margin: 0px;
}

.adenquete_questionWrapper__rewardMessage--strong {
  color: #d10000;
}

.adenquete_questionWrapper__alert {
  color: #d04040;
}

.adenquete_answerArea {
  margin: 8px;
}

.adenquete_selectAnswerInterface {
  border-radius: 4px;
  width: 100%;
  padding: 8px;
  font-size: 24px;
}

.adenquete_singleAnswerInterface__item, .adenquete_multiAnswerInterface__item {
  line-height: 2.2;
}

.adenquete_questionMiddleLeaderboard {
  text-align: center;
}

.adenquete_questionControllInterface {
  text-align: center;
  margin-top: 10px;
}

.adenquete_questionControllInterface--gtgt {
  margin-top: 100px;
}

.adenquete_questionControllInterface__nextButton {
  background-color: #d04040 !important;
  display: inline-block !important;
  cursor: pointer !important;
  min-width: 200px !important;
  margin-bottom: 10px !important;
  padding: 10px !important;
  font-size: 20px !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
}

.adenquete_breadcrumb {
  overflow: hidden;
  width: 100%;
  height: 25px;
  margin: 0px auto;
  padding: 0px;
  border-radius: 0px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #ddd;
  background: #f5f5f5;
  margin-bottom: 20px;
}

.adenquete_breadcrumb__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0px auto;
}

.adenquete_breadcrumb__content {
  padding: 0px 20px;
}

.adenquete_breadcrumb__list {
  display: table;
  line-height: 1.5;
}

.adenquete_breadcrumb__listItem {
  display: table-cell;
  white-space: nowrap;
  line-height: 1.5;
  border-left: 1px solid #ddd;
}

.adenquete_breadcrumb a {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-decoration: none;
  margin-top: 0px;
  padding: 5px 20px 5px 20px;
  font-size: 1.1rem;
  color: #333;
  line-height: 1.5;
}

.adenquete_breadcrumb__link a:hover {
  background: #eee;
}

.adenquete_breadcrumb__link--current a:hover {
  cursor: auto;
  background: #f5f5f5;
}

.adenquete_header {
  padding: 0px 0px 7px 0px;
  display: flex;
  align-items: center;
  margin: 10px auto 0;
  width: 1000px;
}

@media screen and (max-width: 450px) {
  .adenquete_header {
    width: auto;
    flex-direction: column;
  }
}

.adenquete_header__advert {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}

.adenquete_footer {
  display: block;
}

.adenquete_footer__wrapper {
  width: 100%;
  height: 50px;
  border-top: 1px solid #ccc;
  background: #fff;
}

.adenquete_footer__inner {
  padding: 15px 0px 0px 0px;
  text-align: center;
  width: 100%;
  max-width: 1000px;
  margin: 0px auto;
}

.adenquete_footer__contents {
  padding: 0px;
}

.adenquete_footer small {
  font-size: 0.7rem;
  color: #333;
}

.adenquete_moveTop {
  position: fixed;
  right: 0px;
  bottom: 0px;
  z-index: 70;
}

.adenquete_moveTop__link {
  background: #d04040;
  position: relative;
  display: block;
  text-decoration: none;
  width: 50px;
  height: 26px;
  padding-top: 24px;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  outline: none;
  cursor: pointer;
}

.adenquete_moveTop__link:before {
  position: absolute;
  left: 50%;
  top: 5px;
  content: '';
  width: 0px;
  height: 0px;
  margin-left: -8px;
  border: 8px solid transparent;
  border-bottom: 8px solid #fff;
}

.adenquete_checkOtherEnquete {
  visibility: collapse;
  opacity: 0;
  display: none;
  transition: all 1000ms 0s ease;
  height: 0;
  margin-top: 20px;
}

.adenquete_checkOtherEnquete--open {
  visibility: visible;
  opacity: 1;
  height: auto;
  display: block;
}

.adenquete_layout__adInterstitial {
  margin-bottom: 10px;
}

.adenquete_layout__adInterstitial--mobile {
  margin-bottom: 10px;
}

/*------------------------------------------------------------------------------------------
  ** マイページ
------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------
  ** レイアウト
------------------------------------------------------------*/
/*------------------------------
  ** 大枠
------------------------------*/
.mypage_layout {
  display: flex;
  padding: 10px;
  background-color: #faf8f8;
  font-feature-settings: "palt";
}

@media (max-width: 800px) {
  .mypage_layout {
    display: block;
  }
}

.mypage_layout__main {
  flex: 1;
}

.mypage_layout__sub {
  width: 300px;
  margin-left: 10px;
}

@media (max-width: 800px) {
  .mypage_layout__sub {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
}

/*------------------------------
  ** 余白コントロール
------------------------------*/
.mypage_commonItem {
  margin-bottom: 20px;
}

.mypage_commonItem:last-child {
  margin-bottom: 0;
}

/*------------------------------------------------------------
  ** マイページ共通コンポーネント
------------------------------------------------------------*/
/*------------------------------
  ** 注意事項
------------------------------*/
.mypage_attention {
  padding: 20px;
  background-color: #f5f5f5;
}

.mypage_attention__heading {
  margin-bottom: 10px;
  font-size: 1.6rem;
}

.mypage_attention__listItem {
  position: relative;
  margin-top: 2px;
  padding-left: 1.2em;
  font-size: 1.4rem;
  line-height: 1.6;
}

.mypage_attention__listItem:last-child {
  margin-bottom: 0;
}

.mypage_attention__listItem::before {
  position: absolute;
  left: calc(0.5em - 3px / 2);
  top: calc(0.5em * 1.6 - 3px / 2);
  content: '';
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #333;
}

/*------------------------------------------------------------
  ** マイページトップ用コンポーネント
------------------------------------------------------------*/
/*------------------------------
  ** ポイントデータ
------------------------------*/
.mypage_pointData {
  margin-bottom: 20px;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
}

.mypage_pointData__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px dashed #ccc;
}

.mypage_pointData__name {
  font-size: 1.8rem;
}

.mypage_pointData__nameUnit {
  margin-left: 5px;
  font-weight: normal;
}

.mypage_pointData__mainButton {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  color: #64615b;
  background-color: #e6ded2;
  transition-property: color background-color;
  transition-duration: 0.1s;
}

.mypage_pointData__mainButton:hover {
  color: #64615b;
  text-decoration: none;
  background-color: #d0bb9c;
}

.mypage_pointData__row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 10px 0;
  border-bottom: 1px dashed #ccc;
}

.mypage_pointData__kind {
  box-sizing: border-box;
  width: 180px;
  padding-left: 20px;
  font-size: 1.4rem;
}

.mypage_pointData__kind--point {
  background-image: url("https://img.fruitmail.net/fruit/img/top/acc/icon-point.png");
  background-repeat: no-repeat;
  background-size: 17px;
}

.mypage_pointData__kind--rank {
  background-image: url("https://img.fruitmail.net/fruit/img/top/acc/icon-rank.png");
  background-repeat: no-repeat;
  background-size: 17px;
}

.mypage_pointData__kind--spPoint {
  background-image: url("https://img.fruitmail.net/fruit/img/top/acc/icon-shopping.png");
  background-repeat: no-repeat;
  background-size: 17px;
}

.mypage_pointData__point {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

.mypage_pointData__pointValue {
  display: block;
  margin-right: 5px;
  font-size: 2.2rem;
  font-weight: bold;
  color: #de4040;
}

@media (max-width: 480px) {
  .mypage_pointData__pointValue {
    font-size: 1.8rem;
  }
}

.mypage_pointData__pointUnit {
  display: block;
  width: 60px;
  font-size: 1.6rem;
}

.mypage_pointData__subButtons {
  width: 205px;
  display: flex;
}

@media (max-width: 960px) {
  .mypage_pointData__subButtons {
    width: 100%;
    margin-top: 10px;
  }
}

.mypage_pointData__subButton {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  margin-right: 5px;
  padding: 3px;
  font-size: 1.3rem;
  color: #db8700;
  border: 1px solid #db8700;
  transition-property: color background-color;
  transition-duration: 0.1s;
}

.mypage_pointData__subButton:hover {
  color: #fff;
  text-decoration: none;
  background-color: #db8700;
}

.mypage_pointData__subButton:last-child {
  margin-right: 0;
}

.mypage_pointData__date {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
  font-size: 1.2rem;
  color: #666;
}

/*------------------------------
  ** スタンプラリー
------------------------------*/
.mypage_stampRally {
  padding: 10px 20px;
  background-color: #2cb5a9;
  background-image: url("https://img.fruitmail.net/fruit/img/mypage/stamp_rally/stamp_bg.png");
}

@media (max-width: 720px) {
  .mypage_stampRally {
    padding: 10px;
  }
}

.mypage_stampRally--newMember {
  background-color: #ffd522;
}

/*-- ヘッド --*/
.mypage_stampRallyHead {
  display: flex;
  align-items: center;
}

@media (max-width: 960px) {
  .mypage_stampRallyHead {
    justify-content: space-between;
  }
}

.mypage_stampRallyHead__heading {
  position: relative;
  width: 327px;
  margin-top: -30px;
  margin-right: 10px;
}

@media (max-width: 960px) {
  .mypage_stampRallyHead__heading {
    margin-top: 0;
  }
}

.mypage_stampRallyHead__lead {
  position: relative;
  animation: leadAnimation 1.0s ease-in-out infinite alternate;
}

@media (max-width: 720px) {
  .mypage_stampRallyHead__lead {
    display: none;
  }
}

.mypage_stampRallyHead__image {
  width: 100%;
}

.mypage_stampRallyHead__buttons {
  width: 40px;
}

.mypage_stampRallyHead__button {
  box-sizing: border-box;
  display: block;
  width: 40px;
  margin-bottom: 4px;
  padding: 4px;
  font-size: 1.2rem;
  color: #0a625a;
  text-align: center;
  border-bottom: 1px solid #0a625a;
  border-radius: 5px;
  background-color: #d5fffb;
  transition-property: color background-color;
  transition-duration: 0.1s;
}

.mypage_stampRallyHead__button:last-child {
  margin-bottom: 0;
}

.mypage_stampRallyHead__button:hover {
  color: #fff;
  text-decoration: none;
  background-color: #0b615a;
}

.mypage_stampRallyHead__buttonImage {
  width: 16px;
}

@keyframes leadAnimation {
  0% {
    top: 5px;
  }
  100% {
    top: -5px;
  }
}

/*-- キャッチ --*/
.mypage_stampRallyCatch__main {
  display: flex;
  margin-bottom: 10px;
}

.mypage_stampRallyCatch__mainLabel {
  flex: 1;
  padding: 5px;
  font-size: 1.7rem;
  color: #f6ff00;
  line-height: 1.3;
  text-align: center;
  background-color: #ee425b;
}

@media (max-width: 720px) {
  .mypage_stampRallyCatch__mainLabel {
    font-size: 1.4rem;
  }
}

.mypage_stampRallyCatch__mainLabel--newMember {
  background-color: #245793;
}

.mypage_stampRallyCatch__mainLabelItem {
  display: block;
  text-align: center;
}

.mypage_stampRallyCatch__mainRibbonLeft {
  position: relative;
  width: 20px;
}

.mypage_stampRallyCatch__mainRibbonLeft::before, .mypage_stampRallyCatch__mainRibbonLeft::after {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
}

.mypage_stampRallyCatch__mainRibbonLeft::before {
  background: linear-gradient(to bottom left, #ee425b 50%, transparent 50%);
}

.mypage_stampRallyCatch__mainRibbonLeft::after {
  background: linear-gradient(to top left, #ee425b 50%, transparent 50%);
}

.mypage_stampRallyCatch__mainRibbonLeft--newMember::before {
  background: linear-gradient(to bottom left, #245793 50%, transparent 50%);
}

.mypage_stampRallyCatch__mainRibbonLeft--newMember::after {
  background: linear-gradient(to top left, #245793 50%, transparent 50%);
}

.mypage_stampRallyCatch__mainRibbonRight {
  position: relative;
  width: 20px;
}

.mypage_stampRallyCatch__mainRibbonRight::before, .mypage_stampRallyCatch__mainRibbonRight::after {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
}

.mypage_stampRallyCatch__mainRibbonRight::before {
  background: linear-gradient(to bottom right, #ee425b 50%, transparent 50%);
}

.mypage_stampRallyCatch__mainRibbonRight::after {
  background: linear-gradient(to top right, #ee425b 50%, transparent 50%);
}

.mypage_stampRallyCatch__mainRibbonRight--newMember::before {
  background: linear-gradient(to bottom right, #245793 50%, transparent 50%);
}

.mypage_stampRallyCatch__mainRibbonRight--newMember::after {
  background: linear-gradient(to top right, #245793 50%, transparent 50%);
}

.mypage_stampRallyCatch__mainFocus {
  font-size: 2.4rem;
}

@media (max-width: 720px) {
  .mypage_stampRallyCatch__mainFocus {
    font-size: 2.0rem;
  }
}

.mypage_stampRallyCatch__sub {
  font-size: 2.6rem;
  line-height: 1.4;
  text-align: center;
}

@media (max-width: 720px) {
  .mypage_stampRallyCatch__sub {
    font-size: 2.2rem;
  }
}

.mypage_stampRallyCatch__subItem {
  display: inline-block;
}

.mypage_stampRallyCatch__subFocus {
  font-size: 1.3em;
}

/*-- スタンプカード --*/
.mypage_stampRallyCard__main {
  display: flex;
}

@media (max-width: 960px) {
  .mypage_stampRallyCard__main {
    display: block;
  }
}

.mypage_stampRallyCard__dayBox {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 170px;
  padding: 5px 10px 10px 10px;
  background-color: #874f17;
}

@media (max-width: 960px) {
  .mypage_stampRallyCard__dayBox {
    width: 100%;
  }
}

.mypage_stampRallyCard__day {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 5px;
  color: #fff;
  line-height: 1;
}

.mypage_stampRallyCard__dayValue {
  font-size: 3.0rem;
  font-weight: bold;
}

.mypage_stampRallyCard__dayUnit {
  position: relative;
  top: -2px;
  font-size: 1.4rem;
}

.mypage_stampRallyCard__heading {
  margin-bottom: 5px;
  padding: 3px 0;
  font-size: 1.2rem;
  font-weight: normal;
  color: #874f17;
  text-align: center;
  background-color: #fff0d8;
}

.mypage_stampRallyCard__button {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 8px 5px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border: none;
  border-radius: 10px;
  background-color: #f9444a;
  box-shadow: 0 2px 3px #333;
  transition-property: background-color;
  transition-duration: 0.1s;
}

.mypage_stampRallyCard__button:hover {
  color: #fff;
  text-decoration: none;
  background-color: #0b615a;
}

.mypage_stampRallyCard__stampBox {
  flex: 1;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 25px 15px;
  border-radius: 0 50px 50px 0;
  background-color: #fff;
}

@media (max-width: 960px) {
  .mypage_stampRallyCard__stampBox {
    border-radius: 0;
  }
}

.mypage_stampRallyCard__stamps {
  flex: 1;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.mypage_stampRallyCard__stamp {
  position: relative;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 6px;
  padding: 10px;
  color: #bababa;
  border: 2px solid #bababa;
  border-radius: 50%;
  background: #fff;
}

@media (min-width: 961px) {
  .mypage_stampRallyCard__stamp {
    width: 70px;
    height: 70px;
    font-size: 3.6rem;
  }
}

@media (min-width: 721px) and (max-width: 960px) {
  .mypage_stampRallyCard__stamp {
    width: 60px;
    height: 60px;
    font-size: 3.2rem;
  }
}

@media (max-width: 720px) {
  .mypage_stampRallyCard__stamp {
    width: 40px;
    height: 40px;
    font-size: 2.8rem;
  }
}

.mypage_stampRallyCard__stampImage {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -3px;
  right: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  border: 3px solid #7c532b;
  border-radius: 50%;
  animation: stamp 10s infinite;
}

.mypage_stampRallyCard__attention {
  margin-top: 10px;
  padding: 5px;
  font-size: 1.4rem;
  line-height: 1.6;
  background-color: #d5fffb;
}

@keyframes stamp {
  10% {
    transform: scale(0.8);
  }
  30% {
    transform: scale(1);
  }
}

/*-- スタンプ対象コンテンツリスト --*/
.mypage_stampRallyContents__heading {
  margin-bottom: 10px;
  font-size: 2.0rem;
  color: #fff;
  line-height: 1.4;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}

.mypage_stampRallyContents__list {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 721px) {
  .mypage_stampRallyContents__listItem {
    width: calc(25% - 5px * (4 - 1) / 4);
    margin-right: 5px;
  }
  .mypage_stampRallyContents__listItem:nth-child(4n), .mypage_stampRallyContents__listItem:last-child {
    margin-right: 0;
  }
  .mypage_stampRallyContents__listItem:nth-child(n+5) {
    margin-top: 5px;
  }
}

@media (max-width: 720px) {
  .mypage_stampRallyContents__listItem {
    width: calc(50% - 5px * (2 - 1) / 2);
    margin-right: 5px;
  }
  .mypage_stampRallyContents__listItem:nth-child(2n), .mypage_stampRallyContents__listItem:last-child {
    margin-right: 0;
  }
  .mypage_stampRallyContents__listItem:nth-child(n+3) {
    margin-top: 5px;
  }
}

.mypage_stampRallyContents__link {
  position: relative;
  box-sizing: border-box;
  display: block;
  height: 100%;
  padding: 10px;
  color: #333;
  text-align: center;
  border: 3px solid #b5e6e2;
  border-radius: 10px;
  background-color: #fff;
  transition-property: border-color background-color;
  transition-duration: 0.1s;
}

.mypage_stampRallyContents__link:hover {
  color: #333;
  text-decoration: none;
  border-color: #e5a530;
  background-color: #e5a530;
}

.mypage_stampRallyContents__link:hover .mypage_stampRallyContents__iconCircle {
  background-color: #fff;
}

.mypage_stampRallyContents__link:hover .mypage_stampRallyContents__name {
  background-color: #fff4e1;
}

.mypage_stampRallyContents__link--newMember {
  border-color: #fadc89;
}

.mypage_stampRallyContents__link--newMember:hover {
  border-color: #6789b1;
  background-color: #93c1f8;
}

.mypage_stampRallyContents__link--newMember:hover .mypage_stampRallyContents__name {
  background-color: #d1dbe6;
}

.mypage_stampRallyContents__icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mypage_stampRallyContents__iconCircle {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  padding: 10px;
  border-radius: 50%;
  background-color: #2cb5a9;
  transition-property: background-color;
  transition-duration: 0.1s;
}

.mypage_stampRallyContents__iconCircle--newMember {
  background-color: #ffbd46;
}

.mypage_stampRallyContents__iconImage {
  width: 100%;
}

.mypage_stampRallyContents__end {
  position: absolute;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  padding: 10px;
  font-size: 1.4rem;
  color: #fff;
  line-height: 1;
  background-color: #333;
  border-radius: 50%;
}

.mypage_stampRallyContents__name {
  display: block;
  margin: 5px 0;
  padding: 5px 0;
  font-weight: normal;
  background-color: #d5e8e6;
  transition-property: background-color;
  transition-duration: 0.1s;
}

.mypage_stampRallyContents__name--newMember {
  background-color: #e8e8d5;
}

.mypage_stampRallyContents__pcIcon {
  position: absolute;
  right: 0;
  top: 0;
  box-sizing: border-box;
  width: 24px;
  padding: 4px;
  border-top-right-radius: 8px;
  background-color: #666;
}

.mypage_stampRallyContents__pcIconImage {
  width: 100%;
}

.mypage_stampRallyContents__reason {
  display: flex;
  align-items: flex-start;
}

.mypage_stampRallyContents__reasonTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 26px;
  margin-right: 4px;
  padding: 2px;
  font-size: 1.1rem;
  border-radius: 5px;
  background-color: #ccc;
}

.mypage_stampRallyContents__reasonDescription {
  flex: 1;
  padding: 2px 0;
  font-size: 1.4rem;
  text-align: left;
}

/*------------------------------
  ** お知らせ
------------------------------*/
.mypage_news {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
}

.mypage_news__heading {
  margin-bottom: 0;
  padding: 5px 5px 10px 25px;
  font-size: 2.0rem;
  border-bottom: 1px dashed #ccc;
  background-image: url("https://img.fruitmail.net/fruit/img/mypage/top/new_icon.png");
  background-position: left 0 top 4px;
  background-repeat: no-repeat;
  background-size: 20px;
}

.mypage_news__listItem {
  padding: 10px 0;
  font-size: 1.4rem;
  border-bottom: 1px dashed #ccc;
}

.mypage_news__listItem:last-of-type {
  padding: 10px 0 0 0;
  border-bottom: none;
}

.mypage_news__date {
  margin-bottom: 5px;
}

.mypage_news__link {
  color: #4a89c9;
}

/*------------------------------
  ** アンケート
------------------------------*/
.mypage_research {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
}

.mypage_research__heading {
  margin-bottom: 0;
  padding: 5px 5px 10px 25px;
  font-size: 2.0rem;
  border-bottom: 1px dashed #ccc;
  background-image: url("https://img.fruitmail.net/fruit/img/mypage/top/research_icon.png");
  background-position: left 0 top 4px;
  background-repeat: no-repeat;
  background-size: 20px;
}

.mypage_research__listItem {
  padding: 10px 0;
  border-bottom: 1px dashed #ccc;
}

.mypage_research__listItem:last-of-type {
  border-bottom: none;
}

.mypage_research__date {
  margin-bottom: 5px;
  font-size: 1.4rem;
}

.mypage_research__point {
  margin-bottom: 5px;
  font-size: 1.4rem;
}

.mypage_research__name {
  margin-bottom: 5px;
  font-size: 1.4rem;
}

.mypage_research__button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  font-size: 1.4rem;
  color: #fff;
  border-radius: 5px;
  background-color: #2a7fb8;
  transition-property: background-color;
  transition-duration: 0.1s;
}

.mypage_research__button:hover {
  color: #fff;
  text-decoration: none;
  background-color: #3095d8;
}

.mypage_research__more {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  color: #64615b;
  border-radius: 5px;
  background: #e6ded2;
  transition-property: background-color;
  transition-duration: 0.1s;
}

.mypage_research__more:hover {
  color: #64615b;
  text-decoration: none;
  background-color: #cfbb9c;
}

/*------------------------------------------------------------
  ** スタンプラリーとは？用コンポーネント
------------------------------------------------------------*/
/*------------------------------
  ** ヘッダー
------------------------------*/
.mypage_aboutMainHeading {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border-radius: 50px;
  background-color: #29b0a3;
}

.mypage_aboutMainHeading__image {
  max-width: 100%;
}

/*------------------------------
  ** サブ見出し
------------------------------*/
.mypage_aboutSubHeading {
  padding-bottom: 5px;
  font-size: 2.4rem;
  font-weight: normal;
  line-height: 1.4;
  text-align: center;
  border-bottom: 2px solid #333;
}

/*------------------------------
  ** 図
------------------------------*/
.mypage_aboutFigure {
  margin: 0;
  text-align: center;
}

.mypage_aboutFigureImage {
  max-width: 100%;
}

/*------------------------------
  ** 説明
------------------------------*/
.mypage_aboutDescription__item {
  position: relative;
  margin-top: 2px;
  padding-left: 1.2em;
  font-size: 1.4rem;
  line-height: 1.6;
}

.mypage_aboutDescription__item:last-child {
  margin-bottom: 0;
}

.mypage_aboutDescription__item::before {
  position: absolute;
  left: calc(0.5em - 3px / 2);
  top: calc(0.5em * 1.6 - 3px / 2);
  content: '';
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #333;
}

/*------------------------------------------------------------
  ** スタンプラリースタンプ獲得履歴用コンポーネント
------------------------------------------------------------*/
/*------------------------------
  ** 見出し
------------------------------*/
.mypage_historyHeading {
  position: relative;
  padding-bottom: 5px;
  border-bottom: 1px #ddd dashed;
}

.mypage_historyHeading__heading {
  display: flex;
  justify-content: center;
  padding: 0 110px;
}

@media (max-width: 720px) {
  .mypage_historyHeading__heading {
    display: block;
    padding: 0 110px 0 0;
  }
}

.mypage_historyHeading__headingLabel {
  display: inline-block;
  padding-top: 2px;
  padding-left: 40px;
  font-size: 2.2rem;
  line-height: 1.6;
  background-image: url("https://img.fruitmail.net/fruit/img/mypage/common/stamp_rally_icon.png");
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: 35px;
}

@media (max-width: 720px) {
  .mypage_historyHeading__headingLabel {
    font-size: 1.8rem;
  }
}

.mypage_historyHeading__button {
  position: absolute;
  bottom: 10px;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 100px;
  padding: 5px;
  font-size: 1.4rem;
  font-weight: normal;
  color: #64615b;
  border: 1px solid #b9b3a6;
  border-radius: 5px;
  background-color: #e6ded2;
  transition-property: background-color;
  transition-duration: 0.1s;
}

.mypage_historyHeading__button:hover {
  color: #64615b;
  text-decoration: none;
  background-color: #cfbb9c;
}

/*------------------------------
  ** 履歴リスト
  * 別のテーブルが入れ子になる場合を想定し、
  * 子要素であることを明示している。
------------------------------*/
.mypage_historyList {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  /*
    https://img.fruitmail.net/fruit/css-v2/common/common.css
    で定義されているレスポンシブを無効化
  */
}

.mypage_historyList > thead > tr > th {
  padding: 10px;
  font-size: 1.4rem;
  text-align: center;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
}

.mypage_historyList > tbody > tr > td {
  padding: 10px;
  font-size: 1.4rem;
  text-align: center;
  border: 1px solid #ccc;
  background-color: #fff;
}

@media (max-width: 640px) {
  .mypage_historyList {
    display: table;
  }
  .mypage_historyList > thead {
    display: table-row-group;
  }
  .mypage_historyList > thead > tr {
    display: table-row;
  }
  .mypage_historyList > thead > tr > th {
    display: table-cell;
    width: auto;
    margin-top: 0;
  }
  .mypage_historyList > tbody {
    display: table-row-group;
  }
  .mypage_historyList > tbody > tr {
    display: table-row;
  }
  .mypage_historyList > tbody > tr > td {
    display: table-cell;
    width: auto;
    margin-top: 0;
  }
}

.mypage_historyList__stamp {
  display: block;
}

.mypage_historyList__complete {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  width: 100px;
  margin-top: 5px;
  padding: 2px 16px;
  font-size: 1.1rem;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  border-radius: 5px;
  background-color: #3bbaaf;
}

.mypage_historyList__complete::before, .mypage_historyList__complete::after {
  position: absolute;
  top: calc(50% - 16px);
  content: url("https://img.fruitmail.net/fruit/img/mypage/history/star.png");
  display: inline-block;
  transform: scale(0.3) scaleX(-1);
  width: 20px;
}

.mypage_historyList__complete::before {
  left: 2px;
  transform: scale(0.3) scaleX(-1);
}

.mypage_historyList__complete::after {
  right: 2px;
  transform: scale(0.3);
}

@media (max-width: 480px) {
  .mypage_historyList__complete {
    width: 100%;
    max-width: 100px;
    padding: 2px;
  }
  .mypage_historyList__complete::before, .mypage_historyList__complete::after {
    content: none;
  }
}

.mypage_historyList__link {
  padding: 0;
  color: #4a89c9;
  border: none;
}

.mypage_historyList__link:hover {
  text-decoration: underline;
  background-color: transparent;
}

/*------------------------------
  ** 履歴詳細
  * 基本的には上記「履歴」と同じだが、
  * 「履歴」の入れ子になる想定なので、
  * 念のため分けている。
------------------------------*/
.mypage_historyDetail {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  /*
    https://img.fruitmail.net/fruit/css-v2/common/common.css
    で定義されているレスポンシブを無効化
  */
}

.mypage_historyDetail > thead > tr > th {
  padding: 10px;
  font-size: 1.4rem;
  text-align: center;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
}

.mypage_historyDetail > tbody > tr > td {
  padding: 10px;
  font-size: 1.4rem;
  text-align: center;
  border: 1px solid #ccc;
  background-color: #fff;
}

@media (max-width: 640px) {
  .mypage_historyDetail {
    display: table;
  }
  .mypage_historyDetail > thead {
    display: table-row-group;
  }
  .mypage_historyDetail > thead > tr {
    display: table-row;
  }
  .mypage_historyDetail > thead > tr > th {
    display: table-cell;
    width: auto;
    margin-top: 0;
  }
  .mypage_historyDetail > tbody {
    display: table-row-group;
  }
  .mypage_historyDetail > tbody > tr {
    display: table-row;
  }
  .mypage_historyDetail > tbody > tr > td {
    display: table-cell;
    width: auto;
    margin-top: 0;
  }
}

/* 1.Contents
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.fm_c_exchange_attention__description {
  line-height: 22px;
  letter-spacing: -0.3px;
}

@media (max-width: 1040px) {
  .fm_c_exchange_attention__description {
    padding-left: 0;
  }
}

.fm_c_exchange_attention__description--alert {
  color: #E33838;
  font-weight: bold;
}

.fm_c_exchange_attention__description a {
  font-size: 1em;
}

.fm_c_exchange_attention__caption {
  font-size: 1.2rem;
  font-weight: bold;
}

.fm_c_exchange_attention__caption--alert {
  font-size: 1.2rem;
  font-weight: bold;
  color: #E33838;
}

.giftcodeCompleted__wrapper {
  color: #444444;
  background: #C9FFFF;
  padding-top: 20px;
}

.giftcodeCompleted__mainFrame {
  max-width: 820px;
  background: #FFFFFF;
  margin: 0 auto;
  padding: 20px 0;
}

@media screen and (max-width: 640px) {
  .giftcodeCompleted__mainFrame {
    width: 100%;
  }
}

.giftcodeCompleted__mainFrame .text {
  font-size: 14px;
  display: block;
  margin: 10px 0px;
  line-height: 20px;
  padding-left: 10px;
}

.giftcodeCompleted__mainCaptionBackground {
  position: relative;
}

.giftcodeCompleted__mainCaptionBackground img {
  width: 100%;
}

.giftcodeCompleted__mainCaptionText {
  position: absolute;
  line-height: 80px;
  top: 0px;
  font-size: 32px;
  color: white;
  filter: drop-shadow(2px 2px 2px red) drop-shadow(-2px -2px 2px red);
  text-align: center;
  width: 100%;
  transform: scale(1, 0.9);
  font-family: system-ui;
}

.giftcodeCompleted__messages {
  border: 4px solid #ffba00;
  padding: 1.5rem;
  margin: 20px auto;
  width: 90%;
  background: #fffbe2;
  font-size: 1.5rem;
  line-height: 22px;
}

.giftcodeCompleted__captionMessage {
  font-weight: bold;
}

.giftcodeCompleted__alertMessage {
  font-size: 2rem;
  color: #e41212;
}

.giftcodeCompleted__bigAlertMessage {
  color: #e41212;
  font-weight: bold;
  font-size: 18px;
  line-height: 35px;
}

.giftcodeCompleted__howToUse {
  background: #ffc0cb36;
  width: 90%;
  padding: 20px;
  margin: 0 auto;
  line-height: 22px;
  letter-spacing: -0.3px;
  word-break: keep-all;
}

.giftcodeCompleted__howToUse--alert {
  color: #E33838;
  font-weight: bold;
}

.giftcodeCompleted__howToUse a {
  font-size: 1em;
}

.giftcodeCompleted__messages {
  color: #444444;
}

.giftcodeCompleted__footerContent {
  clear: both;
  overflow: hidden;
  background: #efefef;
  text-align: center;
}

.giftcodeCompleted__footerContent a {
  color: #FFFFFF;
  font-size: 12px;
}

.giftcodeCompleted__footerList {
  width: 100%;
  background-color: #333333;
  color: #FFFFFF;
  padding: 5px 0px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
}

.giftcodeCompleted__footerListItems {
  float: left;
  margin: 0 5px;
}

.giftcodeCompleted__privacy {
  text-align: right;
  display: block;
  padding: 0 10px 0 0;
  position: relative;
  top: -10px;
}

/*-------------------------------------
  ** landing_monitor
--------------------------------------*/
.landing_monitor {
  width: 950px;
}

@media screen and (max-width: 800px) {
  .landing_monitor {
    width: 100%;
  }
}

.landing_monitor__header {
  background: #FFFFFF;
}

.landing_monitor__registerNav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 90px;
}

@media screen and (max-width: 800px) {
  .landing_monitor__registerNav {
    padding: 5px 0px 10px 10px;
  }
}

.landing_monitor__logo {
  display: block;
  width: 140px;
}

@media screen and (max-width: 800px) {
  .landing_monitor__logo {
    width: 90px;
    height: 35px;
  }
}

.landing_monitor__registerList {
  display: flex;
  align-items: center;
}

.landing_monitor__registerList li {
  margin: 10px;
  /** login_button **/
  /** register_button **/
}

.landing_monitor__registerList li:first-child {
  width: 100px;
  padding: 10px 0;
  border-radius: 5px;
  text-align: center;
  background: #E8A61D;
  box-shadow: 0px 0px 2px #00000029;
}

@media screen and (max-width: 800px) {
  .landing_monitor__registerList li:first-child {
    width: 80px;
    padding: 7px 0;
  }
}

.landing_monitor__registerList li:first-child:hover {
  cursor: pointer;
  opacity: 0.5;
}

.landing_monitor__registerList li:last-child {
  width: 100px;
  padding: 10px 0;
  border-radius: 5px;
  text-align: center;
  background: #FF1212;
  box-shadow: 0px 0px 2px #00000029;
}

@media screen and (max-width: 800px) {
  .landing_monitor__registerList li:last-child {
    width: 80px;
    padding: 7px 0;
  }
}

.landing_monitor__registerList li:last-child:hover {
  cursor: pointer;
  opacity: 0.5;
}

.landing_monitor__registerList li a {
  color: #FFFFFF;
  font-size: 1.2rem;
  font-weight: bold;
  text-decoration: none;
}

@media screen and (max-width: 800px) {
  .landing_monitor__registerList li a {
    font-size: 1.0rem;
    font-weight: initial;
  }
}

.landing_monitor__headerBanner {
  padding-bottom: 30px;
  background: #F8F6ED;
}

@media screen and (max-width: 800px) {
  .landing_monitor__headerBanner {
    padding-bottom: 10px;
  }
}

.landing_monitor__headerBanner img {
  width: 100%;
  box-shadow: 0px 0px 3px #00000029;
}

.landing_monitor__bannerImage {
  display: block;
}

@media screen and (max-width: 800px) {
  .landing_monitor__bannerImage {
    display: none;
  }
}

.landing_monitor__bannerImage--sp {
  display: none;
}

@media screen and (max-width: 800px) {
  .landing_monitor__bannerImage--sp {
    display: block;
  }
}

.landing_monitor__body {
  background: #F8F6ED;
  border: solid 2px #f5f5f5;
  border-bottom: solid 1px #f5f5f5;
  border-top: none;
}

@media screen and (max-width: 800px) {
  .landing_monitor__body {
    padding: 10px;
    box-sizing: border-box;
  }
}

.landing_monitor__menuList {
  height: 60px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

@media screen and (max-width: 800px) {
  .landing_monitor__menuList {
    display: none;
  }
}

.landing_monitor__menuList--sp {
  display: none;
  position: relative;
}

@media screen and (max-width: 800px) {
  .landing_monitor__menuList--sp {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 330px;
    margin: auto;
    padding-bottom: 70px;
  }
}

.landing_monitor__menuList--sp span {
  position: absolute;
}

.landing_monitor__menuList--sp span:nth-of-type(1) {
  top: 28px;
  left: 70px;
}

.landing_monitor__menuList--sp span:nth-of-type(2) {
  top: 28px;
  left: 238px;
}

.landing_monitor__menuList--sp span:nth-of-type(3) {
  top: 83px;
  left: 70px;
}

.landing_monitor__menuList--sp span:nth-of-type(4) {
  top: 83px;
  left: 238px;
}

.landing_monitor__menu {
  margin: 0px 15px;
}

@media screen and (max-width: 800px) {
  .landing_monitor__menu {
    width: 160px;
    margin: 5px 0;
    background: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0px 1px 6px #00000029;
  }
}

.landing_monitor__menu a {
  display: flex;
  align-items: center;
  padding: 7px 0;
  color: #444444;
  font-size: 1.0rem;
  font-weight: bold;
  text-decoration: none;
}

@media screen and (max-width: 800px) {
  .landing_monitor__menu a {
    padding: 10px 0 20px 0;
    justify-content: center;
  }
}

.landing_monitor__menu a img {
  width: 15px;
  height: 15px;
  display: block;
  margin-right: 5px;
}

.landing_monitor__menu a .active {
  display: none;
}

.landing_monitor__menu a:focus {
  color: #E8A61D;
  border-bottom: solid 3px #E8A61D;
}

@media screen and (max-width: 800px) {
  .landing_monitor__menu a:focus {
    border: none;
  }
}

.landing_monitor__menu a:focus img {
  display: none;
}

.landing_monitor__menu a:focus .active {
  display: block;
  margin-right: 5px;
}

.landing_monitor__pointPrize {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}

@media screen and (max-width: 800px) {
  .landing_monitor__pointPrize {
    margin-bottom: 20px;
  }
}

.landing_monitor__serviceFlow {
  margin-bottom: 40px;
}

@media screen and (max-width: 800px) {
  .landing_monitor__serviceFlow {
    margin-bottom: 20px;
  }
}

.landing_monitor__pointExchange {
  margin-bottom: 40px;
}

@media screen and (max-width: 800px) {
  .landing_monitor__pointExchange {
    margin-bottom: 20px;
  }
}

.landing_monitor__pointGet {
  margin-bottom: 40px;
}

@media screen and (max-width: 800px) {
  .landing_monitor__pointGet {
    margin-bottom: 20px;
  }
}

.landing_monitor__fruitFeature {
  margin-bottom: 40px;
}

@media screen and (max-width: 800px) {
  .landing_monitor__fruitFeature {
    margin-bottom: 20px;
  }
}

.landing_monitor__affiliate {
  margin-bottom: 40px;
}

@media screen and (max-width: 800px) {
  .landing_monitor__affiliate {
    margin-bottom: 30px;
  }
}

.landing_monitor__attention {
  width: 700px;
  padding: 20px 40px;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 40px auto;
  border-radius: 7px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
}

@media screen and (max-width: 800px) {
  .landing_monitor__attention {
    width: 100%;
    padding: 20px;
    margin: 25px auto;
    box-sizing: border-box;
  }
}

.landing_monitor__attention P {
  margin: 10px 0;
}

.landing_monitor__attention span {
  margin: 5px 0;
}

.landing_monitor__attentionTitle {
  text-align: center;
  font-size: 1.6rem;
  margin-bottom: 15px;
}

.landing_monitor__footer {
  display: flex;
  justify-content: space-around;
  width: 100%;
  padding: 12px 0;
  color: #FFFFFF;
  background: #444444;
  position: relative;
}

@media screen and (max-width: 800px) {
  .landing_monitor__footer {
    padding-bottom: 75px;
    box-sizing: border-box;
  }
}

.landing_monitor__footerTitle {
  font-size: 1.0rem;
}

.landing_monitor__footerTitle span {
  display: none;
}

@media screen and (max-width: 800px) {
  .landing_monitor__footerTitle {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: absolute;
    top: 170px;
    width: 100%;
    font-size: 1.5rem;
  }
  .landing_monitor__footerTitle span {
    display: block;
    width: 40px;
    height: 2px;
    margin-bottom: 20px;
    text-align: center;
    background: #FFFFFF;
  }
}

.landing_monitor__footerLinkList {
  display: flex;
  justify-content: space-around;
}

@media screen and (max-width: 800px) {
  .landing_monitor__footerLinkList {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
}

.landing_monitor__footerLinkList li {
  padding: 0 13px;
  text-align: center;
  border-right: 1px solid;
}

@media screen and (max-width: 800px) {
  .landing_monitor__footerLinkList li {
    border: none;
    margin: 15px 10px;
  }
}

.landing_monitor__footerLinkList a {
  cursor: pointer;
  color: #FFFFFF;
  font-size: 1.0rem;
  text-decoration: none;
}

.landing_monitor__footerLinkList a:hover {
  opacity: 0.5;
}

@media screen and (max-width: 800px) {
  .landing_monitor__footerLinkList a {
    font-size: 1.5rem;
    font-weight: 500;
  }
}

.landing_monitor__toTop {
  position: relative;
  bottom: 68px;
  left: 670px;
  width: 150px;
  padding: 5px;
  text-align: center;
  background: #444444;
  border-radius: 5px 5px 0 0;
  transform: scale(0.8);
}

@media screen and (max-width: 800px) {
  .landing_monitor__toTop {
    bottom: 260px;
    left: 295px;
    width: 0px;
    background: none;
  }
  .landing_monitor__toTop img {
    width: 60px;
    height: 60px;
  }
  .landing_monitor__toTop span {
    display: none;
  }
}

.landing_monitor__toTop a {
  cursor: pointer;
  color: #FFFFFF;
  font-size: 1.0rem;
  text-decoration: none;
}

/*-------------------------------------
  ** _component
--------------------------------------*/
.landing_pointPrize {
  padding: 25px 40px;
  border-radius: 7px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
  position: relative;
}

@media screen and (max-width: 800px) {
  .landing_pointPrize {
    width: 315px;
    padding: 20px 15px;
  }
}

.landing_pointPrize__title {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
  margin: auto;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 25px;
  letter-spacing: 1px;
  margin-bottom: 15px;
}

@media screen and (max-width: 800px) {
  .landing_pointPrize__title {
    letter-spacing: initial;
  }
}

.landing_pointPrize__title span {
  margin: 0 5px;
}

@media screen and (max-width: 800px) {
  .landing_pointPrize__title span {
    display: none;
  }
}

.landing_pointPrize__point {
  color: #FF1212;
  font-size: 4.0rem;
  line-height: 4.0rem;
}

.landing_pointPrize__unit {
  margin-right: 5px;
  color: #FF1212;
  font-size: 2.5rem;
  line-height: 3.0rem;
}

.landing_pointPrize__underline {
  position: absolute;
  background: linear-gradient(transparent 70%, #E8A61D40 60%);
}

.landing_pointPrize__underline--introducer {
  top: 30px;
  left: 92px;
  width: 317px;
  height: 35px;
}

@media screen and (max-width: 800px) {
  .landing_pointPrize__underline--introducer {
    top: 25px;
    left: 15px;
    width: 310px;
  }
}

.landing_pointPrize__underline--newMember {
  top: 30px;
  left: 103px;
  width: 295px;
  height: 35px;
}

@media screen and (max-width: 800px) {
  .landing_pointPrize__underline--newMember {
    top: 25px;
    left: 27px;
    width: 280px;
  }
}

.landing_pointPrize__registrationLink {
  display: flex;
  color: #FFFFFF;
  align-items: center;
  border-radius: 10px;
  background: #FF1212;
  padding: 10px 80px 10px 80px;
  text-decoration: none !important;
  box-shadow: 0px 5px 0px #DBDBDB;
}

@media screen and (max-width: 800px) {
  .landing_pointPrize__registrationLink {
    padding: 10px 15px;
  }
}

.landing_pointPrize__registrationLink:active {
  -webkit-transform: translate(0, 4px);
  -moz-transform: translate(0, 4px);
  transform: translate(0, 4px);
  border-bottom: none;
}

.landing_pointPrize__registrationIcon {
  color: #FF1212;
  padding: 7px 10px;
  margin-right: 5px;
  font-size: 1.3rem;
  font-weight: bold;
  border-radius: 50%;
  background: #FFFFFF;
}

.landing_pointPrize__registrationText {
  font-size: 2.0rem;
  line-height: 2.0rem;
  font-weight: bold;
  margin: 10px 0px 10px 10px;
  position: relative;
}

.landing_pointPrize__registrationText span {
  display: inline-block;
  font-size: 2.0rem;
  line-height: 2.0rem;
  margin-left: 35px;
}

.landing_pointPrize__arrow {
  position: absolute;
  bottom: 3px;
  left: 235px;
  width: 7px;
  height: 7px;
  border: 3px solid;
  border-color: #FFFFFF #FFFFFF transparent transparent;
  transform: rotate(45deg);
}

@media screen and (max-width: 800px) {
  .landing_pointPrize__arrow {
    bottom: 4px;
    left: 205px;
    border: 2px solid;
    border-color: #FFFFFF #FFFFFF transparent transparent;
  }
}

.landing_serviceFlow {
  width: 700px;
  height: 285px;
  margin: auto;
  overflow: hidden;
  border-radius: 7px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
  position: relative;
}

@media screen and (max-width: 800px) {
  .landing_serviceFlow {
    width: 100%;
    height: 635px;
  }
}

.landing_serviceFlow__title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0 15px;
  font-size: 2.2rem;
  line-height: 2.2rem;
  font-weight: bold;
}

@media screen and (max-width: 800px) {
  .landing_serviceFlow__title {
    flex-direction: column;
    font-size: 2.0rem;
    line-height: 2.0rem;
  }
  .landing_serviceFlow__title img {
    width: 50px;
    height: 50px;
  }
}

.landing_serviceFlow__titleUnderline {
  width: 35px;
  height: 3px;
  margin: auto;
  background: #56A78D;
}

@media screen and (max-width: 800px) {
  .landing_serviceFlow__titleUnderline {
    width: 50px;
  }
}

.landing_serviceFlow__stepList {
  display: grid;
  margin: 0 10px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 800px) {
  .landing_serviceFlow__stepList {
    grid-template-columns: 1fr;
  }
}

.landing_serviceFlow__step {
  position: relative;
  margin: 15px;
  height: 170px;
  text-align: center;
  border-radius: 10px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
}

@media screen and (max-width: 800px) {
  .landing_serviceFlow__step {
    display: flex;
    align-items: center;
    width: 300px;
    height: auto;
    text-align: left;
    margin: 20px auto;
  }
}

.landing_serviceFlow__step P {
  padding: 12px 3px;
  font-size: 1.0rem;
  line-height: 1.2rem;
  font-weight: bold;
  box-sizing: border-box;
  transform: scale(0.9, 0.9);
}

.landing_serviceFlow__step P br {
  display: none;
}

@media screen and (max-width: 800px) {
  .landing_serviceFlow__step P {
    font-size: 1.3rem;
    line-height: normal;
    box-sizing: border-box;
    transform: none;
  }
  .landing_serviceFlow__step P br {
    display: block;
  }
}

.landing_serviceFlow__step span {
  position: absolute;
  display: inline-block;
  top: 35px;
  left: -30px;
  width: 200px;
  transform: scale(0.65, 0.65);
}

@media screen and (max-width: 800px) {
  .landing_serviceFlow__step span {
    position: initial;
    padding-bottom: 0;
    font-size: 1.0rem;
    font-weight: 100;
    letter-spacing: -1px;
    transform: none;
  }
}

.landing_serviceFlow__step .arrow {
  position: absolute;
  top: 78px;
  left: 149px;
  width: 15px;
  height: auto;
}

@media screen and (max-width: 800px) {
  .landing_serviceFlow__step .arrow {
    position: relative;
    top: 70px;
    left: -157px;
    width: 20px;
    transform: rotate(90deg);
  }
}

.landing_serviceFlow__step:last-child .arrow {
  display: none;
}

.landing_serviceFlow__stepImage {
  padding: 10px 0;
  box-sizing: border-box;
  border: 1px solid #E2E1D9;
  border-radius: 10px 10px 0px 0px;
}

@media screen and (max-width: 800px) {
  .landing_serviceFlow__stepImage {
    padding: 10px 5px;
    border: none;
  }
  .landing_serviceFlow__stepImage img {
    width: 80px;
    height: 65px;
    border-radius: 10px;
  }
}

.landing_serviceFlow__backgroundGreen {
  background: #e6f2ee;
  position: relative;
  bottom: 110px;
  height: 200px;
  transform: skew(0deg, -7deg);
}

@media screen and (max-width: 800px) {
  .landing_serviceFlow__backgroundGreen {
    bottom: 335px;
    height: 400px;
    transform: skew(0deg, -15deg);
  }
}

.landing_pointExchange {
  width: 700px;
  margin: auto;
  border-radius: 7px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
  position: relative;
}

@media screen and (max-width: 800px) {
  .landing_pointExchange {
    width: 100%;
  }
}

.landing_pointExchange__title {
  padding: 30px 0 15px;
  font-size: 2.2rem;
  line-height: 2.2rem;
  font-weight: bold;
  text-align: center;
}

.landing_pointExchange__title br {
  display: none;
}

@media screen and (max-width: 800px) {
  .landing_pointExchange__title {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 2.0rem;
    line-height: 3.0rem;
  }
  .landing_pointExchange__title br {
    display: block;
  }
  .landing_pointExchange__title img {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
  }
}

.landing_pointExchange__titleUnderline {
  width: 35px;
  height: 3px;
  margin: auto;
  background: #E8A61D;
}

@media screen and (max-width: 800px) {
  .landing_pointExchange__titleUnderline {
    width: 50px;
  }
}

.landing_pointExchange__description {
  padding: 15px 0px;
  font-size: 1.2rem;
  line-height: 1.7rem;
  text-align: center;
}

.landing_pointExchange__description span {
  display: block;
}

@media screen and (max-width: 800px) {
  .landing_pointExchange__description {
    padding: 10px 20px;
    font-size: 1.3rem;
    line-height: 2.3rem;
    letter-spacing: 0.5px;
  }
  .landing_pointExchange__description br {
    display: none;
  }
}

.landing_pointExchange__itemList {
  width: 75%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media screen and (max-width: 800px) {
  .landing_pointExchange__itemList {
    width: 100%;
    justify-content: center;
  }
}

.landing_pointExchange__itemIcon {
  margin: 10px;
  padding: 5px;
  box-sizing: border-box;
}

@media screen and (max-width: 800px) {
  .landing_pointExchange__itemIcon {
    padding: 0;
    margin: 10px 15px;
  }
}

.landing_pointExchange__dotMoneyAbout {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 120px;
  height: 65px;
  font-size: 1.0rem;
  line-height: 1.7rem;
  letter-spacing: 1px;
  text-align: center;
  background: #FFFFFF;
  border: 3px solid #E8A61D;
  position: absolute;
  top: 257px;
  left: 450px;
}

@media screen and (max-width: 800px) {
  .landing_pointExchange__dotMoneyAbout {
    display: block;
    width: initial;
    height: auto;
    margin: 5px 35px;
    padding: 3px 10px;
    font-size: 1.0rem;
    text-align: left;
    position: relative;
    top: 0;
    left: 0;
  }
}

.landing_pointExchange__dotMoneyAbout strong {
  font-size: 1.2rem;
  line-height: 1.2rem;
}

@media screen and (max-width: 800px) {
  .landing_pointExchange__dotMoneyAbout strong {
    font-size: 1.0rem;
    line-height: 1.0rem;
  }
  .landing_pointExchange__dotMoneyAbout strong br {
    display: none;
  }
}

.landing_pointExchange__arrow {
  position: relative;
  top: -68px;
  left: 443px;
  width: 13px;
  height: 13px;
  border: 3px solid;
  background: #FFFFFF;
  border-color: transparent transparent #E8A61D #E8A61D;
  transform: rotate(45deg);
}

@media screen and (max-width: 800px) {
  .landing_pointExchange__arrow {
    width: 15px;
    height: 15px;
    border-radius: 5px;
    top: -59px;
    left: calc(100% / 2 + 70px);
    transform: rotate(135deg);
  }
}

.landing_pointGet {
  width: 700px;
  height: 670px;
  margin: auto;
  overflow: hidden;
  border-radius: 7px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 800px) {
  .landing_pointGet {
    width: 100%;
    height: 880px;
  }
}

.landing_pointGet__title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 0 15px;
  font-size: 2.2rem;
  line-height: 2.2rem;
  font-weight: bold;
}

.landing_pointGet__title br {
  display: none;
}

@media screen and (max-width: 800px) {
  .landing_pointGet__title {
    flex-direction: column;
    font-size: 2.0rem;
    line-height: 3rem;
    text-align: center;
    padding: 20px 0 10px;
  }
  .landing_pointGet__title img {
    width: 50px;
    height: 50px;
  }
  .landing_pointGet__title br {
    display: block;
  }
}

.landing_pointGet__titleUnderline {
  width: 35px;
  height: 3px;
  margin: auto;
  background: #56A78D;
}

@media screen and (max-width: 800px) {
  .landing_pointGet__titleUnderline {
    width: 50px;
  }
}

.landing_pointGet__itemList {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 20px;
  margin-bottom: 5px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 800px) {
  .landing_pointGet__itemList {
    padding: 5px 10px;
  }
}

.landing_pointGet__item {
  margin: 10px;
  text-align: center;
  border-radius: 10px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
  width: calc(100% / 3 - 20px);
}

@media screen and (max-width: 800px) {
  .landing_pointGet__item {
    width: 100%;
    display: flex;
    margin: 10px 5px;
  }
}

.landing_pointGet__item p {
  padding: 0 7px;
  font-size: 1.0rem;
  font-weight: 550;
}

@media screen and (max-width: 800px) {
  .landing_pointGet__item p {
    padding: 0;
    text-align: left;
    line-height: 1.5rem;
  }
}

.landing_pointGet__thumbnail {
  width: 100%;
}

@media screen and (max-width: 800px) {
  .landing_pointGet__thumbnail {
    width: 100px;
  }
  .landing_pointGet__thumbnail#enquete img {
    object-position: -40px;
  }
}

.landing_pointGet__thumbnail img {
  width: 100%;
  height: auto;
  border: 1px solid #E2E1D9;
  box-sizing: border-box;
  border-radius: 10px 10px 0 0;
}

@media screen and (max-width: 800px) {
  .landing_pointGet__thumbnail img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border: none;
    border-radius: 10px 0 0 10px;
  }
}

.landing_pointGet__itemTitle {
  margin: 7px;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 2px 0px #FFFFFF;
}

@media screen and (max-width: 800px) {
  .landing_pointGet__itemTitle {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
    margin-top: 10px;
    padding: 0 5px 0 10px;
    font-size: 1.2rem;
  }
}

.landing_pointGet__itemUnderline {
  width: 20px;
  height: 2px;
  margin: 7px auto;
  background: #56A78D;
  position: relative;
}

@media screen and (max-width: 800px) {
  .landing_pointGet__itemUnderline {
    width: 27px;
    margin: 5px 0;
  }
}

.landing_pointGet__backgroundGreen {
  background: #e6f2ee;
  position: relative;
  bottom: 320px;
  height: 470px;
  transform: skew(0deg, -20deg);
  z-index: -1;
}

@media screen and (max-width: 800px) {
  .landing_pointGet__backgroundGreen {
    bottom: 360px;
    transform: skew(0deg, -12deg);
  }
}

.landing_pointGet__balloon {
  width: 330px;
  margin: auto;
  padding: 13px 5px;
  color: #FFFFFF;
  font-size: 1.3rem;
  line-height: 1.3rem;
  font-weight: 500;
  text-align: center;
  background: #56A78D 0% 0% no-repeat padding-box;
  border-radius: 5px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 800px) {
  .landing_pointGet__balloon {
    display: none;
  }
}

.landing_pointGet__arrow {
  position: absolute;
  bottom: 37px;
  left: 163px;
  width: 2px;
  border-radius: 3px;
  border: 7px solid transparent;
  border-bottom: 12px solid #56A78D;
}

@media screen and (max-width: 800px) {
  .landing_pointGet__arrow {
    display: none;
  }
}

.landing_fruitFeature {
  width: 700px;
  height: 650px;
  margin: auto;
  overflow: hidden;
  border-radius: 7px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 800px) {
  .landing_fruitFeature {
    width: 100%;
    height: 920px;
  }
}

.landing_fruitFeature__title {
  padding: 30px 0 15px;
  font-size: 2.2rem;
  line-height: 2.2rem;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .landing_fruitFeature__title {
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 2.0rem;
    line-height: 3rem;
    text-align: center;
    padding: 20px 0 10px;
  }
  .landing_fruitFeature__title img {
    width: 35px;
    height: 35px;
    margin-bottom: 10px;
  }
}

.landing_fruitFeature__titleUnderline {
  width: 35px;
  height: 3px;
  margin: auto;
  background: #E8A61D;
}

@media screen and (max-width: 800px) {
  .landing_fruitFeature__titleUnderline {
    width: 50px;
  }
}

.landing_fruitFeature__itemList {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 20px;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 800px) {
  .landing_fruitFeature__itemList {
    padding: 5px;
    justify-content: center;
  }
}

.landing_fruitFeature__item {
  margin: 10px;
  text-align: center;
  border-radius: 10px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
  width: calc(100% / 3 - 20px);
}

@media screen and (max-width: 800px) {
  .landing_fruitFeature__item {
    width: calc(100% / 2 - 20px);
  }
}

.landing_fruitFeature__item p {
  padding: 10px 15px;
  padding-top: 0;
  font-size: 1.0rem;
  font-weight: 550;
}

@media screen and (max-width: 800px) {
  .landing_fruitFeature__item p {
    padding: 10px;
    padding-top: 0;
  }
}

.landing_fruitFeature__thumbnail {
  height: 120px;
}

@media screen and (max-width: 800px) {
  .landing_fruitFeature__thumbnail {
    height: 110px;
  }
}

.landing_fruitFeature__thumbnail img {
  width: 100%;
  height: 120px;
  padding: 10px;
  border: 1px solid #E2E1D9;
  box-sizing: border-box;
  border-radius: 10px 10px 0px 0px;
}

@media screen and (max-width: 800px) {
  .landing_fruitFeature__thumbnail img {
    width: 100%;
    height: auto;
    padding-top: 20px;
    border: none;
  }
}

.landing_fruitFeature__itemTitle {
  margin: 20px 20px 5px 20px;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 2px 0px #FFFFFF;
}

@media screen and (max-width: 800px) {
  .landing_fruitFeature__itemTitle {
    margin: 10px;
    margin-top: 0;
    font-size: 1.2rem;
    font-weight: bold;
  }
}

.landing_fruitFeature__itemUnderline {
  width: 20px;
  height: 2px;
  margin: 5px auto;
  background: #E8A61D;
  position: relative;
}

@media screen and (max-width: 800px) {
  .landing_fruitFeature__itemUnderline {
    width: 30px;
    margin-top: 10px;
  }
}

.landing_fruitFeature__backgroundSkin {
  background: #E8A61D26;
  position: relative;
  bottom: 275px;
  height: 470px;
  transform: skew(0deg, 20deg);
  z-index: -1;
}

@media screen and (max-width: 800px) {
  .landing_fruitFeature__backgroundSkin {
    bottom: 430px;
    height: 600px;
    transform: skew(0deg, 15deg);
  }
}

.landing_affiliate {
  width: 700px;
  margin: auto;
  border-radius: 7px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
  position: relative;
}

@media screen and (max-width: 800px) {
  .landing_affiliate {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
  }
}

.landing_affiliate p {
  padding: 10px 5px;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .landing_affiliate p {
    padding: 0;
    font-size: 1.3rem;
    line-height: 2.0rem;
  }
}

.landing_affiliate__title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 0 15px;
  font-size: 2.2rem;
  line-height: 2.2rem;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
}

.landing_affiliate__title br {
  display: none;
}

@media screen and (max-width: 800px) {
  .landing_affiliate__title {
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 2.0rem;
    line-height: 3.0rem;
  }
  .landing_affiliate__title br {
    display: block;
  }
}

.landing_affiliate__titleUnderline {
  width: 35px;
  height: 3px;
  margin: auto;
  background: #56A78D;
}

@media screen and (max-width: 800px) {
  .landing_affiliate__titleUnderline {
    width: 50px;
    margin-bottom: 10px;
  }
}

.landing_affiliate__itemList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 5px 15px 10px 15px;
  box-sizing: border-box;
}

.landing_affiliate__itemList li {
  margin: 5px;
  width: calc(100% / 6);
}

.landing_affiliate__itemList li a {
  display: block;
  padding: 5px;
  text-align: center;
}

.landing_affiliate__itemList li img {
  padding: 5px;
}

@media screen and (max-width: 800px) {
  .landing_affiliate__itemList li {
    width: calc(100% / 2 - 10px);
  }
}

.landing_affiliate__itemTitle {
  font-size: 1.1rem;
}

@media screen and (max-width: 800px) {
  .landing_affiliate__itemTitle {
    font-size: 1.0rem;
  }
}

.landing_registerCampaign {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px 20px 10px;
  background-color: #f8f6ed;
}

@media screen and (max-width: 800px) {
  .landing_registerCampaign {
    padding: 10px 10px 10px 10px;
  }
}

.landing_registerCampaign img {
  max-width: 100%;
}

/*
 * 旧環境のcommon.cssにある.breadcrumbと衝突するため,
 * 適当なprefixを追加する.
 */
.fm_breadcrumb {
  margin: 10px 0;
}

@media screen and (max-width: 800px) {
  .fm_breadcrumb {
    margin: 10px;
  }
}

.fm_breadcrumb__lists {
  display: flex;
}

.fm_breadcrumb__lists a {
  font-size: 1.1rem;
  cursor: pointer;
}

.fm_breadcrumb__lists li {
  margin-right: 6px;
}

.fm_breadcrumb__lists li:last-child {
  font-size: 1.2rem;
  font-weight: bold;
}

.fm_breadcrumb__arrow {
  margin-left: 4px;
}

.fm_l-loggedRightInformation__ads {
  margin-bottom: 8px;
}

.fm_l-loggedRightInformation__item {
  position: relative;
  border: 1px #D4D4D4 solid;
  border-top: 3px orange solid;
  padding: 8px;
  padding-top: 16px;
  box-sizing: border-box;
  margin-bottom: 16px;
}

.fm_l-loggedRightInformation__item--clickpoint {
  padding-top: 4px;
}

.fm_l-loggedRightInformation__recommendTitle {
  color: #6E4529;
  font-size: 1.4rem;
  font-weight: bold;
  padding-bottom: 6px;
  border-bottom: 1px gray dashed;
  margin-bottom: 8px;
}

.fm_l-loggedRightInformation__recommendTitle--normal {
  font-size: 1.2rem;
  font-weight: normal;
  display: flex;
  align-items: center;
  margin-top: 8px;
}

.fm_l-loggedRightInformation__recommendTitle--normal img {
  display: inline-block;
  margin-right: 4px;
}

.fm_l-loggedRightInformation__links li {
  margin-bottom: 6px;
}

.fm_l-loggedRightInformation__links li:last-child {
  margin-bottom: 0;
}

.fm_l-loggedRightInformation__links li a {
  font-size: 1.2rem;
  display: flex;
  align-items: center;
}

.fm_l-loggedRightInformation__links li a img {
  display: inline-block;
  margin-right: 4px;
}

@media (max-width: 800px) {
  .fm_l-skyscraperAds {
    display: none;
  }
}

.fm_l-skyscraperAds__left {
  position: absolute;
  left: calc(-160px - 10px);
  top: 0;
  width: 160px;
  height: 100%;
}

.fm_l-skyscraperAds__right {
  position: absolute;
  right: calc(-160px - 10px);
  top: 0;
  width: 160px;
  height: 100%;
}

.fm_c-clickpoint table {
  table-layout: auto;
  margin-bottom: 0;
}

.fm_c-clickpoint table a {
  font-size: 1.2rem;
}

.fm_c-clickpoint table td {
  padding: 0;
  border: none;
}

.fm_l-footer__ads {
  display: flex;
  justify-content: center;
  margin: 8px 0;
}

.fm_l-footer__mobile {
  display: none;
}

@media (max-width: 600px) {
  .fm_l-footer__pc {
    display: none;
  }
  .fm_l-footer__mobile {
    display: block;
  }
}

/*-------------------------------------
  ** memberRegisterButton(CTA)
--------------------------------------*/
.global_memberRegisterButton {
  max-width: 676px;
  width: 100%;
  margin: auto;
  margin-bottom: 15px;
  position: relative;
  border: none;
  /**
     * 右カラム用の会員登録ボタン(rightColumn)
     */
  /**
     * セクション用の会員登録ボタン(section)
     */
}

.global_memberRegisterButton:hover {
  background-color: transparent;
}

.global_memberRegisterButton:hover .global_memberRegisterButton__wrapper {
  color: #EA3323;
  background-color: #FFFFFF;
  transform: scale(1.02);
}

.global_memberRegisterButton:hover .global_memberRegisterButton__label {
  color: #FFFFFF;
  background-color: #EA3323;
}

.global_memberRegisterButton:hover .global_memberRegisterButton__nextIcon {
  color: #EA3323;
  transform: scale(1.02);
}

@media (max-width: 1040px) {
  .global_memberRegisterButton {
    max-width: 345px;
    margin-bottom: 5px;
  }
}

.global_memberRegisterButton__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #FFFFFF;
  padding: 17px 38px;
  border-radius: 50px;
  background-color: #EA3323;
  border: 3px solid #EA3323;
  box-shadow: 0px 6px 6px #291E1729;
  text-decoration: none !important;
  overflow: hidden;
  transition: 0.2s;
  position: relative;
  z-index: 1;
}

@media (max-width: 1040px) {
  .global_memberRegisterButton__wrapper {
    padding: 10px 34px 12px;
    white-space: nowrap;
  }
}

.global_memberRegisterButton__wrapper::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 60px;
  background-color: #fff;
  transition: 0.2s;
  animation: shiny 2.0s ease-in-out infinite;
}

@keyframes shiny {
  0% {
    opacity: 0;
    transform: scale(0) rotate(135deg);
  }
  50% {
    opacity: 0.5;
    transform: scale(0) rotate(135deg);
  }
  51% {
    opacity: 1;
    transform: scale(1) rotate(135deg);
  }
  100% {
    opacity: 0;
    transform: scale(50) rotate(135deg);
  }
}

.global_memberRegisterButton__label {
  align-items: center;
  justify-content: center;
  max-width: 300px;
  width: 100%;
  height: 42px;
  color: #EA3323;
  font-size: 2.0rem;
  font-weight: bold;
  border-radius: 30px;
  border: 2px solid #EA3323;
  background-color: #FFFFFF;
  position: absolute;
  top: -24px;
  left: calc(100% / 2 - 150px);
  z-index: 2;
}

@media (max-width: 1040px) {
  .global_memberRegisterButton__label {
    max-width: 239px;
    height: 33px;
    font-size: 1.4rem;
    top: -20px;
    left: calc(100% / 2 - 120px);
  }
}

.global_memberRegisterButton__label .pickup {
  font-size: 2.4rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .global_memberRegisterButton__label .pickup {
    font-size: 1.6rem;
  }
}

.global_memberRegisterButton__label .unit {
  margin-right: 5px;
}

@media (max-width: 1040px) {
  .global_memberRegisterButton__label .unit {
    font-size: 1.4rem;
  }
}

@media (max-width: 1040px) {
  .global_memberRegisterButton__label {
    display: flex;
  }
}

.global_memberRegisterButton__title {
  display: flex;
  align-items: baseline;
  font-size: 3.6rem;
  font-weight: 900;
}

@media (max-width: 1040px) {
  .global_memberRegisterButton__title {
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 1.6rem;
  }
}

.global_memberRegisterButton__title .minutes {
  width: 34px;
  font-size: 4.0rem;
  text-align: center;
}

@media (max-width: 1040px) {
  .global_memberRegisterButton__title .minutes {
    width: 21px;
    font-size: 2.0rem;
  }
}

.global_memberRegisterButton__nextIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  color: #FFFFFF;
}

@media (max-width: 1040px) {
  .global_memberRegisterButton__nextIcon {
    width: 28px;
    height: 28px;
  }
}

.global_memberRegisterButton__nextIcon img {
  width: 100%;
  height: auto;
  filter: brightness(0) invert(1);
}

.global_memberRegisterButton--rightColumn {
  max-width: 290px;
  margin: auto;
  margin-bottom: 10px;
  padding: 0 !important;
  color: initial !important;
  border: initial !important;
  background-color: initial !important;
}

.global_memberRegisterButton--rightColumn .global_memberRegisterButton__wrapper {
  padding: 8px 12px 4px;
  border-radius: 50px;
  border: 2px solid #EA3323;
  background-color: #EA3323;
}

.global_memberRegisterButton--rightColumn .global_memberRegisterButton__wrapper:hover {
  color: #EA3323;
  background-color: #FFFFFF;
  transform: scale(1.02);
}

.global_memberRegisterButton--rightColumn .global_memberRegisterButton__wrapper:hover .global_memberRegisterButton__nextIcon {
  color: #EA3323;
  transform: scale(1.02);
}

.global_memberRegisterButton--rightColumn .global_memberRegisterButton__label {
  max-width: 150px;
  height: 21px;
  align-items: center;
  color: #EA3323;
  font-size: 1.2rem;
  top: -15px;
  left: calc(100% / 2 - 75px);
}

.global_memberRegisterButton--rightColumn .global_memberRegisterButton__label .pickup {
  font-size: 1.3rem;
}

.global_memberRegisterButton--rightColumn .global_memberRegisterButton__label .unit {
  margin-right: 2px;
}

.global_memberRegisterButton--rightColumn .global_memberRegisterButton__title {
  font-size: 1.6rem;
}

.global_memberRegisterButton--rightColumn .global_memberRegisterButton__title .minutes {
  width: 12px;
  font-size: 1.8rem;
}

.global_memberRegisterButton--rightColumn .global_memberRegisterButton__nextIcon .material-icons {
  font-size: 2.4rem;
}

.global_memberRegisterButton--section {
  max-width: 562px;
}

@media (max-width: 1040px) {
  .global_memberRegisterButton--section {
    max-width: 345px;
  }
}

.global_memberRegisterButton--section .global_memberRegisterButton__wrapper {
  padding: 8px 16px;
}

@media (max-width: 1040px) {
  .global_memberRegisterButton--section .global_memberRegisterButton__wrapper {
    align-items: center;
    padding: 10px 34px 12px;
    white-space: nowrap;
  }
}

.global_memberRegisterButton--section .global_memberRegisterButton__wrapper .minutes {
  width: 24px;
  font-size: 2.4rem;
}

@media (max-width: 1040px) {
  .global_memberRegisterButton--section .global_memberRegisterButton__wrapper .minutes {
    width: 21px;
    font-size: 2.0rem;
  }
}

.global_memberRegisterButton--section .global_memberRegisterButton__title {
  align-items: center;
  font-size: 2.2rem;
  min-height: 36px;
  margin: auto;
}

@media (max-width: 1040px) {
  .global_memberRegisterButton--section .global_memberRegisterButton__title {
    width: 100%;
    font-size: 1.6rem;
  }
}

.global_memberRegisterButton--section .global_memberRegisterButton__nextIcon img {
  width: 36px;
  height: auto;
}

@media (max-width: 1040px) {
  .global_memberRegisterButton--section .global_memberRegisterButton__nextIcon img {
    width: 28px;
    height: auto;
  }
}

/*-------------------------------------
  ** memberLoginLink(CTA)
--------------------------------------*/
.global_memberLoginLink {
  display: flex;
  justify-content: center;
  color: #484848;
  font-size: 1.4rem;
}

.global_memberLoginLink .toLogin {
  color: #3aa59e;
  font-size: 1.4rem;
  text-decoration: none !important;
}

/*-------------------------------------
  ** memberPromotion(LPO)
--------------------------------------*/
.global_memberPromotion {
  width: 100%;
  padding-top: 3px;
  padding-bottom: 20px;
  position: relative;
}

@media (max-width: 1040px) {
  .global_memberPromotion {
    margin-bottom: 0;
  }
}

.global_memberPromotion__background {
  padding: 20px 0;
  background-color: #FFFFFF;
  background-image: url("/assets/img/member-promotion/mv_bg.png");
  background-repeat: no-repeat;
  background-position: 50% 0px;
}

@media (max-width: 1040px) {
  .global_memberPromotion__background {
    padding: 20px 0 15px;
    background-color: #fff79d;
    background-image: url("/assets/img/member-promotion/sp_mv_top_bg.svg");
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

.global_memberPromotion__wrapper {
  max-width: 1040px;
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 0;
}

.global_memberPromotion__mikkun {
  max-width: 199px;
  max-height: 170px;
  position: absolute;
  z-index: 1;
  top: -4px;
  right: -32px;
}

@media (max-width: 1040px) {
  .global_memberPromotion__mikkun {
    display: none;
  }
}

.global_memberPromotion__mikkun img {
  width: 100%;
  object-fit: contain;
}

.global_memberPromotion__subTitleWrapper {
  display: flex;
  justify-content: center;
  gap: 5px;
  margin-bottom: 12px;
}

@media (max-width: 1040px) {
  .global_memberPromotion__subTitleWrapper {
    margin-bottom: 5px;
  }
}

.global_memberPromotion__subTitleWrapper .backSlash, .global_memberPromotion__subTitleWrapper .slash {
  width: 15px;
  position: relative;
}

.global_memberPromotion__subTitleWrapper .backSlash::before, .global_memberPromotion__subTitleWrapper .backSlash::after {
  position: absolute;
  content: "";
  display: block;
  transform: matrix(-0.87, 0.5, -0.5, -0.87, 0, 0);
  background-color: #6B4117;
  width: 2px;
  height: 16px;
}

.global_memberPromotion__subTitleWrapper .backSlash::before {
  top: 3px;
  left: 5px;
}

.global_memberPromotion__subTitleWrapper .backSlash::after {
  top: 3px;
  left: 10px;
}

.global_memberPromotion__subTitleWrapper .slash::before, .global_memberPromotion__subTitleWrapper .slash::after {
  position: absolute;
  content: "";
  display: block;
  transform: matrix(0.87, 0.5, -0.5, 0.87, 0, 0);
  background-color: #6B4117;
  width: 2px;
  height: 16px;
}

.global_memberPromotion__subTitleWrapper .slash::before {
  top: 3px;
  right: 5px;
}

.global_memberPromotion__subTitleWrapper .slash::after {
  top: 3px;
  right: 10px;
}

.global_memberPromotion__subTitle {
  color: #6B4117;
  font-size: 1.8rem;
  letter-spacing: 0.2px;
}

@media (max-width: 1040px) {
  .global_memberPromotion__subTitle {
    font-size: 1.5rem;
  }
}

.global_memberPromotion__titleWrapper {
  display: flex;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}

@media (max-width: 1040px) {
  .global_memberPromotion__titleWrapper {
    max-width: 320px;
    justify-content: center;
    margin: auto;
    margin-bottom: 20px;
  }
}

.global_memberPromotion__title {
  display: flex;
  align-items: baseline;
}

@media (max-width: 1040px) {
  .global_memberPromotion__title {
    flex-direction: column;
    position: relative;
  }
  .global_memberPromotion__title::before {
    content: "";
    width: 26px;
    height: 27px;
    background-image: url("/assets/img/member-promotion/sp_mv_point_left.svg");
    background-repeat: no-repeat;
    position: absolute;
    top: 14px;
    left: -27px;
  }
  .global_memberPromotion__title::after {
    content: "";
    width: 29px;
    height: 25px;
    background-image: url("/assets/img/member-promotion/sp_mv_point_right.svg");
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    right: -23px;
  }
}

.global_memberPromotion__title .fruitmail {
  color: #582F06;
  font-size: 3.6rem;
  font-weight: 800;
}

@media (max-width: 1040px) {
  .global_memberPromotion__title .fruitmail {
    font-size: 3.0rem;
    width: 100%;
    text-align: center;
  }
}

.global_memberPromotion__title .fruitmail strong {
  font-size: 5.4rem;
  font-weight: 800;
}

@media (max-width: 1040px) {
  .global_memberPromotion__title .fruitmail strong {
    font-size: 3.6rem;
  }
}

.global_memberPromotion__title .lifeStyle {
  display: flex;
}

.global_memberPromotion__title .lifeStyle .poikatsu {
  color: #FFFFFF;
  font-size: 5.4rem;
  font-weight: 800;
  padding: 5px;
  background-color: #3FC128;
}

@media (max-width: 1040px) {
  .global_memberPromotion__title .lifeStyle .poikatsu {
    font-size: 3.6rem;
    padding: 2px 5px;
  }
}

.global_memberPromotion__title .lifeStyle .plus {
  color: #3FC128;
  font-size: 5.4rem;
  font-weight: 800;
  padding: 0 15px;
}

@media (max-width: 1040px) {
  .global_memberPromotion__title .lifeStyle .plus {
    font-size: 3.6rem;
    padding: 0 10px;
  }
}

.global_memberPromotion__title .lifeStyle .prize {
  color: #FFFFFF;
  font-size: 5.4rem;
  font-weight: 800;
  padding: 5px;
  background-color: #3FC128;
}

@media (max-width: 1040px) {
  .global_memberPromotion__title .lifeStyle .prize {
    font-size: 3.6rem;
    padding: 2px 5px;
  }
}

.global_memberPromotion__fruitmail {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

@media (max-width: 1040px) {
  .global_memberPromotion__fruitmail {
    align-items: center;
    flex-direction: column;
    gap: 15px;
    padding: 0 17px 0 18px;
  }
}

.global_memberPromotion__fruitmailContents {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 490px;
  width: 100%;
  height: 240px;
  border-radius: 10px;
  border: 3px solid #E8C01E;
  background-color: #FFFFFF;
  position: relative;
  z-index: 2;
}

@media (max-width: 1040px) {
  .global_memberPromotion__fruitmailContents:nth-child(1) {
    height: 321px;
  }
  .global_memberPromotion__fruitmailContents:nth-child(2) {
    height: 339px;
  }
}

.global_memberPromotion__contentsTitle {
  color: #6B4117;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
}

.global_memberPromotion__contentsTitle br {
  display: none;
}

@media (max-width: 1040px) {
  .global_memberPromotion__contentsTitle br {
    display: block;
  }
}

.global_memberPromotion__contentsImage {
  max-width: 408px;
  max-height: 81px;
  text-align: center;
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .global_memberPromotion__contentsImage {
    max-width: 202px;
    max-height: 157px;
    margin-bottom: 15px;
  }
}

.global_memberPromotion__contentsImage img {
  width: 100%;
  object-fit: contain;
}

.global_memberPromotion__paragraph {
  color: #6B4117;
  font-size: 1.4rem;
  line-height: 1.714;
  text-align: center;
}

.global_memberPromotion__contentsList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-bottom: 15px;
}

.global_memberPromotion__contentsItem {
  display: flex;
  align-items: center;
  gap: 5px;
  max-width: 140px;
  max-height: 40px;
  width: 100%;
  color: #FFFFFF;
  padding: 10px;
  border-radius: 5px;
  box-sizing: border-box;
}

.global_memberPromotion__contentsItem img {
  filter: brightness(0) invert(1);
}

.global_memberPromotion__contentsItem--app {
  background-color: #F55D7C;
}

.global_memberPromotion__contentsItem--shopping {
  background-color: #35BE5F;
}

.global_memberPromotion__contentsItem--enquete {
  background-color: #5085D0;
}

.global_memberPromotion__contentsItem--game {
  background-color: #A6CB0E;
}

.global_memberPromotion__contentsItem--receipt {
  background-color: #49B5EF;
}

.global_memberPromotion__contentsItem--prize {
  background-color: #F2A905;
}

.global_memberPromotion__nextIcon {
  display: flex;
  border-radius: 50%;
  background-color: #FFFFFF;
}

.global_memberPromotion__nextIcon .material-icons {
  color: #D20012;
}

.global_memberPromotion__achievementList {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-bottom: 18px;
}

@media (max-width: 1040px) {
  .global_memberPromotion__achievementList {
    align-items: center;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
  }
}

.global_memberPromotion__achievement {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}

.global_memberPromotion__achievement .featuresLeft {
  max-width: 18px;
  max-height: 44px;
  object-fit: contain;
}

@media (max-width: 1040px) {
  .global_memberPromotion__achievement .featuresLeft {
    max-width: 11px;
    max-height: 26px;
  }
}

.global_memberPromotion__achievement .featuresRight {
  max-width: 18px;
  max-height: 44px;
  object-fit: contain;
}

@media (max-width: 1040px) {
  .global_memberPromotion__achievement .featuresRight {
    max-width: 11px;
    max-height: 26px;
  }
}

.global_memberPromotion__achievementWrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
}

@media (max-width: 1040px) {
  .global_memberPromotion__achievementWrapper {
    align-items: baseline;
    flex-direction: row;
    gap: 5px;
  }
}

.global_memberPromotion__achievementTitle {
  color: #6B4117;
  font-size: 1.6rem;
  margin-bottom: 5px;
}

@media (max-width: 1040px) {
  .global_memberPromotion__achievementTitle {
    font-size: 1.4rem;
  }
}

.global_memberPromotion__achievementDescription {
  color: #6B4117;
  font-size: 2.0rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .global_memberPromotion__achievementDescription {
    font-size: 1.4rem;
  }
}

.global_memberPromotion__achievementDescription strong {
  font-size: 2.4rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .global_memberPromotion__achievementDescription strong {
    font-size: 1.4rem;
  }
}

.global_memberPromotion__achievementDescription span {
  font-size: 1.6rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .global_memberPromotion__achievementDescription span {
    font-size: 1.4rem;
  }
}

.global_memberPromotion__achievementDescription--money {
  font-size: 1.6rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .global_memberPromotion__achievementDescription--money {
    font-size: 1.4rem;
  }
}

.global_memberPromotion__achievementDescription--money strong {
  font-size: 2.4rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .global_memberPromotion__achievementDescription--money strong {
    font-size: 1.4rem;
  }
}

.global_memberPromotion__callToAction {
  display: flex;
  flex-direction: column;
}

.global_memberPromotion__callToAction--rightColumn {
  padding-top: 10px;
}

.global_memberPromotion__callToAction--rightColumn .global_memberLoginLink,
.global_memberPromotion__callToAction--rightColumn .global_memberLoginLink .toLogin {
  font-size: 1.2rem;
}

.global_memberPromotion__callToAction--section {
  padding: 10px;
}

.global_memberPromotion__callToAction--mobile {
  display: none;
}

@media (max-width: 1040px) {
  .global_memberPromotion__callToAction--mobile {
    display: flex;
    margin-bottom: 30px;
  }
}

.global_memberPromotion__campaignInfo {
  display: flex;
  flex-flow: column;
  gap: 10px;
  align-items: center;
  padding: 20px 0 45px 0;
}

@media (max-width: 1040px) {
  .global_memberPromotion__campaignInfo {
    padding: 4px 0 40px 0;
  }
}

.global_memberPromotion__campaignInfo p {
  font-size: 2.0rem;
  font-weight: 700;
  color: #F51631;
  line-height: 1.2;
}

@media (max-width: 1040px) {
  .global_memberPromotion__campaignInfo p {
    font-size: 1.6rem;
  }
}

.global_memberPromotion__campaignInfo img {
  width: 100%;
  height: auto;
}

.global_memberPromotion__campaignInfo.isMobileOnly {
  display: none;
}

@media (max-width: 1040px) {
  .global_memberPromotion__campaignInfo.isMobileOnly {
    display: flex;
  }
}

.global_trademarkNotation {
  max-width: 1040px;
  width: 100%;
  margin: auto;
  color: #939393;
  font-size: 1.0rem;
  line-height: 1.7;
  letter-spacing: 0px;
}

@media (max-width: 1040px) {
  .global_trademarkNotation {
    margin: 0;
    padding-top: 20px;
    padding-bottom: 30px;
    background-color: #F8F6ED;
  }
}

.global_trademarkNotation__title {
  font-size: 1.0rem;
}

.global_trademarkNotation__text a:not([class]) {
  color: #3aa59e;
  font-size: 1.0rem;
  text-decoration: none;
}

.global_trademarkNotation__pre {
  white-space: pre-wrap;
}

.global_trademarkNotation__pre a:not([class]) {
  color: #3aa59e;
  font-size: 1.0rem;
  text-decoration: none;
}

@media (max-width: 1040px) {
  .global_trademarkNotation {
    margin: 40px 0;
    padding: 0 15px;
  }
}

.beginner_index {
  color: #484848;
  margin: auto;
}

@media (max-width: 1280px) {
  .beginner_index {
    max-width: 100%;
  }
}

.beginner_index__trick {
  background: #FFF9BC;
  padding-bottom: 20px;
  position: relative;
}

.beginner_index__trick::before, .beginner_index__trick::after {
  width: 100%;
  height: 20px;
  content: "";
  position: absolute;
  left: 0;
}

.beginner_index__trick::after {
  bottom: -20px;
  background: linear-gradient(135deg, #FFF9BC 10px, transparent 0), linear-gradient(225deg, #FFF9BC 10px, transparent 0);
  background-size: 20px 20px;
}

.beginner_index__pointSave {
  background: #ECFCFB;
  position: relative;
  padding-bottom: 20px;
}

.beginner_index__pointSave::before, .beginner_index__pointSave::after {
  width: 100%;
  height: 20px;
  content: "";
  position: absolute;
  left: 0;
}

.beginner_index__pointSave::before {
  top: -20px;
  background: linear-gradient(45deg, #ECFCFB 10px, transparent 0), linear-gradient(315deg, #ECFCFB 10px, transparent 0);
  background-size: 20px 20px;
}

.beginner_index__pointSave::after {
  bottom: -20px;
  background: linear-gradient(135deg, #ECFCFB 10px, transparent 0), linear-gradient(225deg, #ECFCFB 10px, transparent 0);
  background-size: 20px 20px;
}

.beginner_index__pointExchange {
  background: #FFFFFF;
  padding-bottom: 20px;
  position: relative;
}

.beginner_index__pointExchange::before, .beginner_index__pointExchange::after {
  width: 100%;
  height: 20px;
  content: "";
  position: absolute;
  left: 0;
}

.beginner_index__pointExchange::before {
  top: -20px;
  background: linear-gradient(45deg, #FFFFFF 10px, transparent 0), linear-gradient(315deg, #FFFFFF 10px, transparent 0);
  background-size: 20px 20px;
}

.beginner_index__pointExchange::after {
  bottom: -20px;
  background: linear-gradient(135deg, #FFFFFF 10px, transparent 0), linear-gradient(225deg, #FFFFFF 10px, transparent 0);
  background-size: 20px 20px;
}

.beginner_index__prize {
  background: #FFF9BC;
  padding-bottom: 20px;
  position: relative;
}

.beginner_index__prize::before, .beginner_index__prize::after {
  width: 100%;
  height: 20px;
  content: "";
  position: absolute;
  left: 0;
}

.beginner_index__prize::before {
  top: -20px;
  background: linear-gradient(45deg, #FFF9BC 10px, transparent 0), linear-gradient(315deg, #FFF9BC 10px, transparent 0);
  background-size: 20px 20px;
}

.beginner_index__prize::after {
  bottom: -20px;
  background: linear-gradient(135deg, #FFF9BC 10px, transparent 0), linear-gradient(225deg, #FFF9BC 10px, transparent 0);
  background-size: 20px 20px;
}

.beginner_index__rank {
  background: #ECFCFB;
  padding-bottom: 20px;
  position: relative;
}

.beginner_index__rank::before, .beginner_index__rank::after {
  width: 100%;
  height: 20px;
  content: "";
  position: absolute;
  left: 0;
}

.beginner_index__rank::before {
  top: -20px;
  background: linear-gradient(45deg, #ECFCFB 10px, transparent 0), linear-gradient(315deg, #ECFCFB 10px, transparent 0);
  background-size: 20px 20px;
}

.beginner_index__rank::after {
  bottom: -20px;
  background: linear-gradient(135deg, #ECFCFB 10px, transparent 0), linear-gradient(225deg, #ECFCFB 10px, transparent 0);
  background-size: 20px 20px;
}

.beginner_index__myPage {
  background: #FFFFFF;
  padding-bottom: 20px;
  position: relative;
}

.beginner_index__myPage::before, .beginner_index__myPage::after {
  width: 100%;
  height: 20px;
  content: "";
  position: absolute;
  left: 0;
}

.beginner_index__myPage::before {
  top: -20px;
  background: linear-gradient(45deg, #FFFFFF 10px, transparent 0), linear-gradient(315deg, #FFFFFF 10px, transparent 0);
  background-size: 20px 20px;
}

.beginner_index__myPage::after {
  bottom: -20px;
  background: linear-gradient(135deg, #FFFFFF 10px, transparent 0), linear-gradient(225deg, #FFFFFF 10px, transparent 0);
  background-size: 20px 20px;
}

.beginner_index__notation {
  margin: auto;
  margin-bottom: 20px;
  padding-top: 50px;
  padding-bottom: 50px;
  background: #F7F7F7;
  position: relative;
}

@media (max-width: 1040px) {
  .beginner_index__notation {
    padding: 14px 0;
    margin-top: 14px;
    margin-bottom: 28px;
  }
}

.beginner_index__notation .global_trademarkNotation {
  max-width: 1040px;
  margin: auto;
}

.beginner_index__notation::before, .beginner_index__notation::after {
  width: 100%;
  height: 20px;
  content: "";
  position: absolute;
  left: 0;
}

.beginner_index__notation::before {
  top: -20px;
  background: linear-gradient(45deg, #F7F7F7 10px, transparent 0), linear-gradient(315deg, #F7F7F7 10px, transparent 0);
  background-size: 20px 20px;
}

.beginner_index__notation::after {
  bottom: -20px;
  background: linear-gradient(135deg, #F7F7F7 10px, transparent 0), linear-gradient(225deg, #F7F7F7 10px, transparent 0);
  background-size: 20px 20px;
}

.beginner_index__wrapper {
  width: 1040px;
  margin: 0 auto;
}

@media (max-width: 1040px) {
  .beginner_index__wrapper {
    width: 100%;
  }
}

.beginner_index__linkButton {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-bottom: 30px;
  padding: 10px 20px 10px 50px;
  color: #939393;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.0;
  background: #FFFFFF;
  border-radius: 10px;
  border: 1px solid #E9EBED;
}

@media (max-width: 1040px) {
  .beginner_index__linkButton {
    font-size: 1.4rem;
    font-weight: normal;
    margin-bottom: 0;
    padding: 10px 20px 10px 45px;
  }
}

.beginner_index__linkButton:hover {
  color: #484848;
  background: #F7F7F7;
  border: 1px solid #CDD3D6;
}

.beginner_index__linkButton--friend, .beginner_index__linkButton--monitor {
  margin: 0;
}

@media (max-width: 1040px) {
  .beginner_index__linkButton--friend, .beginner_index__linkButton--monitor {
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
  }
}

.beginner_index__buttonIcon .material-icons {
  font-size: 20px;
  margin-left: 10px;
  line-height: 1.2;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .beginner_index__buttonIcon .material-icons {
    font-weight: normal;
    margin-left: 0;
    line-height: 1.5;
  }
}

.beginner_index__fruitmailLife {
  display: flex;
  align-items: center;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.4;
}

@media (max-width: 1040px) {
  .beginner_index__fruitmailLife {
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.5;
  }
}

.beginner_index__fruitmailLife::before {
  content: '';
  width: 16px;
  height: 20px;
  margin-right: 7px;
  display: inline-block;
  background: linear-gradient(55deg, #FFF9BC, #FFF9BC 47%, #707070 47%, #707070 53%, #FFF9BC 53%, #FFF9BC);
}

@media (max-width: 1040px) {
  .beginner_index__fruitmailLife::before {
    width: 11px;
    height: 15px;
    background: linear-gradient(60deg, #FFF9BC, #FFF9BC 45%, #707070 45%, #707070 55%, #FFF9BC 55%, #FFF9BC);
  }
}

.beginner_index__fruitmailLife::after {
  content: '';
  width: 16px;
  height: 20px;
  margin-left: 10px;
  display: inline-block;
  background: linear-gradient(125deg, #FFF9BC, #FFF9BC 47%, #707070 47%, #707070 53%, #FFF9BC 53%, #FFF9BC);
}

@media (max-width: 1040px) {
  .beginner_index__fruitmailLife::after {
    width: 11px;
    height: 15px;
    background: linear-gradient(120deg, #FFF9BC, #FFF9BC 45%, #707070 45%, #707070 55%, #FFF9BC 55%, #FFF9BC);
  }
}

.beginner_index__trickTitle {
  font-size: 8.0rem;
  font-weight: 900;
  line-height: 1.45;
  padding-bottom: 10px;
}

@media (max-width: 1040px) {
  .beginner_index__trickTitle {
    font-size: 5.0rem;
    line-height: 1.44;
  }
}

.beginner_index__trickTitle span {
  font-size: 7.0rem;
}

@media (max-width: 1040px) {
  .beginner_index__trickTitle span {
    font-size: 4.0rem;
  }
}

.beginner_index__trickDescription {
  width: 546px;
  font-size: 1.4rem;
  line-height: 1.74;
}

@media (max-width: 1040px) {
  .beginner_index__trickDescription {
    width: 100%;
    padding: 0 20px;
    margin: auto;
    margin-bottom: 10px;
  }
}

.beginner_index__trickContent {
  display: flex;
  align-items: flex-end;
  margin-bottom: 45px;
}

@media (max-width: 1040px) {
  .beginner_index__trickContent {
    align-items: center;
    flex-direction: column;
    padding-top: 30px;
    margin-bottom: 20px;
  }
}

.beginner_index__trickContentBox {
  width: 100%;
}

.beginner_index__trickIntroduce {
  width: 470px;
  display: flex;
  align-items: center;
  flex-direction: column;
}

@media (max-width: 1040px) {
  .beginner_index__trickIntroduce {
    width: 100%;
  }
}

.beginner_index__trickLogo {
  width: 100%;
}

@media (max-width: 1040px) {
  .beginner_index__trickLogo {
    text-align: center;
  }
}

.beginner_index__anchorList {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

@media (max-width: 1040px) {
  .beginner_index__anchorList {
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 15px 10px;
    max-width: 100%;
    padding: 0 5px;
    margin: auto;
    margin-bottom: 14px;
  }
}

.beginner_index__anchorName {
  width: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: solid 3px #78542D;
  position: relative;
  z-index: 1;
}

@media (max-width: 1040px) {
  .beginner_index__anchorName {
    align-items: initial;
    justify-content: initial;
  }
  .beginner_index__anchorName:nth-child(1), .beginner_index__anchorName:nth-child(2) {
    max-width: 165px;
    width: 100%;
    height: 80px;
  }
  .beginner_index__anchorName:nth-child(n + 3) {
    max-width: 115px;
    width: 100%;
    height: 80px;
  }
}

.beginner_index__anchorLink {
  width: 100%;
  height: 88px;
  color: #78542D;
  font-size: 1.6rem;
  line-height: 1.4;
  text-align: center;
  padding-top: 10px;
  background: #FFFFFF;
  cursor: pointer;
}

@media (max-width: 1040px) {
  .beginner_index__anchorLink {
    height: auto;
    font-size: 1.4rem;
    padding: 10px 15px;
  }
}

.beginner_index__anchorLink:hover {
  color: #FFFFFF;
  padding-top: 20px;
  transition: 0.3s;
  background: #78542D;
}

@media (max-width: 1040px) {
  .beginner_index__anchorLink:hover {
    color: #78542D;
    padding-top: 10px;
    background: #FFFFFF;
  }
}

.beginner_index__anchorLink:hover::before {
  position: absolute;
  bottom: 84px;
  left: 70px;
  content: "";
  width: 50px;
  height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/assets/img/beginner/default/hover_mikkun.png");
  z-index: -1;
  opacity: 0;
  animation-name: fadeIn;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 1040px) {
  .beginner_index__anchorLink:hover::before {
    content: none;
  }
}

.beginner_index__anchorLink br {
  display: block;
}

@media (max-width: 1040px) {
  .beginner_index__anchorLink br {
    display: none;
  }
}

.beginner_index__linkIcon {
  display: block;
}

.beginner_index__pointSaveTitle {
  font-size: 4.4rem;
  font-weight: 900;
  line-height: 1.45;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 10px;
}

@media (max-width: 1040px) {
  .beginner_index__pointSaveTitle {
    font-size: 1.8rem;
    line-height: 1.39;
    padding-top: 14px;
  }
}

.beginner_index__pointSaveCarousel {
  width: 100%;
}

.beginner_index__pointExchangeTitle {
  font-size: 4.4rem;
  font-weight: 900;
  line-height: 1.45;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 10px;
}

@media (max-width: 1040px) {
  .beginner_index__pointExchangeTitle {
    font-size: 1.8rem;
    line-height: 1.39;
    padding-top: 14px;
  }
}

.beginner_index__pointExchangeDescription {
  font-size: 1.4rem;
  line-height: 1.74;
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .beginner_index__pointExchangeDescription {
    padding: 0 20px;
  }
}

.beginner_index__pointExchangeList {
  margin-bottom: 50px;
}

@media (max-width: 1040px) {
  .beginner_index__pointExchangeList {
    margin-bottom: 0;
  }
}

.beginner_index__pointExchangeItem {
  width: 100%;
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .beginner_index__pointExchangeItem {
    text-align: center;
  }
}

.beginner_index__prizeTitle {
  font-size: 4.4rem;
  font-weight: 900;
  line-height: 1.45;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 10px;
}

@media (max-width: 1040px) {
  .beginner_index__prizeTitle {
    font-size: 1.8rem;
    line-height: 1.39;
    padding-top: 14px;
  }
}

.beginner_index__prizeDescription {
  font-size: 1.4rem;
  line-height: 1.74;
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .beginner_index__prizeDescription {
    padding: 0 20px;
  }
}

.beginner_index__prizeContents {
  margin-bottom: 64px;
}

@media (max-width: 1040px) {
  .beginner_index__prizeContents {
    margin-bottom: 14px;
  }
}

.beginner_index__rankTitle {
  font-size: 4.4rem;
  font-weight: 900;
  line-height: 1.45;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 10px;
}

@media (max-width: 1040px) {
  .beginner_index__rankTitle {
    font-size: 1.8rem;
    line-height: 1.39;
    padding-top: 14px;
  }
}

.beginner_index__rankDescription {
  font-size: 1.4rem;
  line-height: 1.74;
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .beginner_index__rankDescription {
    padding: 0 20px;
  }
}

.beginner_index__rankImage {
  width: 100%;
  margin: auto;
  margin-bottom: 50px;
}

@media (max-width: 1040px) {
  .beginner_index__rankImage {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
  }
}

.beginner_index__rankUpMethod {
  display: flex;
  align-items: center;
  flex-direction: column;
  font-size: 3.0rem;
  font-weight: bold;
  line-height: 1.4;
}

@media (max-width: 1040px) {
  .beginner_index__rankUpMethod {
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.375;
    text-align: center;
    padding: 0 20px;
  }
}

.beginner_index__rankCaseDiamond {
  color: #FFFFFF;
  font-size: 2.0rem;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 50px;
  padding: 6px 32px 5px;
  border-radius: 50px;
  background: #3AA59E;
}

@media (max-width: 1040px) {
  .beginner_index__rankCaseDiamond {
    max-width: 335px;
    width: 100%;
    font-size: 1.4rem;
    font-weight: normal;
    margin-bottom: 20px;
  }
}

.beginner_index__rankPrivilege {
  margin-bottom: 20px;
}

.beginner_index__privilegeTitle {
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.4;
}

@media (max-width: 1040px) {
  .beginner_index__privilegeTitle {
    font-size: 1.6rem;
    line-height: 1.375;
    padding: 0 20px;
  }
}

.beginner_index__privilegeTitle span {
  font-size: 1.3rem;
}

.beginner_index__privilegeDescription {
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.74;
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .beginner_index__privilegeDescription {
    line-height: 1.5;
    padding: 0 20px;
  }
}

.beginner_index__privilegeItemList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px 20px;
  margin-bottom: 50px;
}

@media (max-width: 1040px) {
  .beginner_index__privilegeItemList {
    justify-content: center;
    gap: 25px 10px;
    margin-bottom: 30px;
  }
}

.beginner_index__privilegeItem {
  display: flex;
  flex-direction: column;
  width: 245px;
  height: 172px;
  border-radius: 5px;
  background: #FFFFFF;
  border: 1px solid #69C4BB;
  box-shadow: 0px 0px 10px #E2E1D9;
}

@media (max-width: 1040px) {
  .beginner_index__privilegeItem {
    width: 172px;
    height: 128px;
  }
}

.beginner_index__privilegeItem:last-child .beginner_index__rewardContent {
  height: 20px;
}

@media (max-width: 1040px) {
  .beginner_index__privilegeItem:last-child .beginner_index__rewardContent {
    height: 0;
    margin-bottom: 0;
  }
}

.beginner_index__titleBackground {
  display: flex;
  align-items: center;
  background: #69C4BB;
  position: relative;
}

.beginner_index__privilegeItemTitle {
  color: #FFFFFF;
  font-size: 1.8rem;
  line-height: 1.44;
  padding: 15px 10px 14px 10px;
}

@media (max-width: 1040px) {
  .beginner_index__privilegeItemTitle {
    font-size: 1.4rem;
    white-space: nowrap;
    padding: 10px;
  }
}

.beginner_index__privilegeItemIcon {
  position: absolute;
  bottom: 17px;
  right: 0;
}

@media (max-width: 1040px) {
  .beginner_index__privilegeItemIcon {
    bottom: 30px;
    right: 5px;
  }
}

.beginner_index__privilegeItemReward {
  color: #484848;
  padding: 20px 0 0 20px;
}

@media (max-width: 1040px) {
  .beginner_index__privilegeItemReward {
    padding: 10px 0 0 10px;
  }
}

.beginner_index__rewardContent {
  font-size: 1.4rem;
  line-height: 1.43;
  margin-bottom: 5px;
}

@media (max-width: 1040px) {
  .beginner_index__rewardContent {
    font-size: 1.2rem;
  }
}

.beginner_index__rewardPoint {
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.43;
}

@media (max-width: 1040px) {
  .beginner_index__rewardPoint {
    font-size: 1.2rem;
  }
}

.beginner_index__rewardPointValue {
  font-size: 2.6rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .beginner_index__rewardPointValue {
    font-size: 1.6rem;
  }
}

.beginner_index__rankUpImageList {
  display: flex;
  justify-content: center;
  gap: 50px;
}

@media (max-width: 1040px) {
  .beginner_index__rankUpImageList {
    gap: 18px;
  }
}

.beginner_index__rankUpImage {
  margin-bottom: 50px;
}

@media (max-width: 1040px) {
  .beginner_index__rankUpImage {
    margin-bottom: 30px;
  }
}

@media (max-width: 1040px) {
  .beginner_index__rankAbout {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}

.beginner_index__rankOverView {
  display: flex;
  align-items: center;
  font-weight: bold;
  line-height: 1.71;
}

@media (max-width: 1040px) {
  .beginner_index__rankOverView {
    padding: 0 20px;
    margin-bottom: 10px;
  }
}

.beginner_index__rankOverView::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 20px;
  margin-right: 13px;
  background: #3AA59E;
}

.beginner_index__rankOverViewImage {
  width: 100%;
  margin-bottom: 54px;
}

@media (max-width: 1040px) {
  .beginner_index__rankOverViewImage {
    text-align: center;
    padding: 0 20px;
    margin-bottom: 30px;
  }
}

.beginner_index__rankCondition {
  display: flex;
  justify-content: flex-end;
  color: #939393;
  font-size: 1.3rem;
  line-height: 1.69;
  text-align: left;
}

@media (max-width: 1040px) {
  .beginner_index__rankCondition {
    justify-content: center;
    font-size: 1.2rem;
    line-height: 1.83;
    margin-top: 10px;
  }
}

.beginner_index__rankPageGuide {
  display: flex;
  align-items: center;
  font-weight: bold;
  line-height: 1.71;
}

@media (max-width: 1040px) {
  .beginner_index__rankPageGuide {
    padding: 0 20px;
    margin-bottom: 10px;
  }
}

.beginner_index__rankPageGuide::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 20px;
  margin-right: 13px;
  background: #3AA59E;
}

@media (max-width: 1040px) {
  .beginner_index__rankPageGuide::before {
    height: 42px;
  }
}

.beginner_index__rankPageGuideImage {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}

@media (max-width: 1040px) {
  .beginner_index__rankPageGuideImage {
    text-align: center;
    padding: 0 20px;
    margin-bottom: 35px;
  }
}

.beginner_index__rankButtonLinks {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 64px;
}

@media (max-width: 1040px) {
  .beginner_index__rankButtonLinks {
    flex-direction: column;
    align-items: center;
    margin-bottom: 4px;
  }
}

.beginner_index__rankHere {
  margin-right: 20px;
}

@media (max-width: 1040px) {
  .beginner_index__rankHere {
    margin-right: 0;
    margin-bottom: 30px;
  }
}

.beginner_index__blackPrivilegeInfo {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 10px;
}

@media (max-width: 1040px) {
  .beginner_index__blackPrivilegeInfo {
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.71;
  }
}

.beginner_index__blackPrivilegeInfo::before {
  content: '＼';
  color: #707070;
}

.beginner_index__blackPrivilegeInfo::after {
  content: '／';
  color: #707070;
  margin-left: 3px;
}

.beginner_index__myPageTitle {
  font-size: 4.4rem;
  font-weight: 900;
  line-height: 1.45;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 10px;
}

@media (max-width: 1040px) {
  .beginner_index__myPageTitle {
    font-size: 1.8rem;
    line-height: 1.39;
    padding-top: 14px;
  }
}

.beginner_index__myPageDescription {
  font-size: 1.4rem;
  line-height: 1.74;
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .beginner_index__myPageDescription {
    padding: 0 20px;
    margin-bottom: 10px;
  }
}

.beginner_index__myPageImage {
  width: 100%;
  text-align: center;
  padding-bottom: 50px;
}

@media (max-width: 1040px) {
  .beginner_index__myPageImage {
    padding-bottom: 25px;
  }
}

.pointSave_carousel {
  overflow: hidden;
}

.pointSave_carousel__list {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .pointSave_carousel__list {
    padding: 0 15px !important;
  }
}

.pointSave_carousel__navigationButton {
  max-width: 900px;
  margin: auto;
  position: relative;
}

@media (max-width: 1040px) {
  .pointSave_carousel__navigationButton {
    width: calc(100% - 15px);
  }
}

.pointSave_carousel__slide {
  max-width: 900px !important;
  height: 444px !important;
  padding: 40px;
  background: #FFFFFF;
  border-radius: 10px;
  border: 3px solid #3AA59E;
}

@media (max-width: 1040px) {
  .pointSave_carousel__slide {
    height: 449px !important;
    padding: 20px;
  }
}

.pointSave_carousel__slide--friend {
  padding-bottom: 23px;
}

.pointSave_carousel__slide--monitor {
  padding-bottom: 27px;
}

.pointSave_carousel__title {
  color: #DF4083;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 6px;
}

@media (max-width: 1040px) {
  .pointSave_carousel__title {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 1.4rem;
    white-space: nowrap;
  }
}

.pointSave_carousel__title::before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 17px;
  margin-right: 10px;
  background: #DF4083;
  transform: rotate(140deg);
}

.pointSave_carousel__title::after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 17px;
  margin-left: 10px;
  background: #DF4083;
  transform: rotate(40deg);
}

.pointSave_carousel__action {
  font-size: 3.0rem;
  font-weight: 900;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 16px;
  border-radius: 50px;
  background: #FFF871;
}

@media (max-width: 1040px) {
  .pointSave_carousel__action {
    font-size: 1.4rem;
    padding: 6px 16px;
    margin-bottom: 10px;
  }
}

.pointSave_carousel__action span {
  font-size: 3.6rem;
}

@media (max-width: 1040px) {
  .pointSave_carousel__action span {
    font-size: 1.4rem;
  }
}

.pointSave_carousel__description {
  height: 74px;
  line-height: 1.71;
  margin-bottom: 15px;
}

@media (max-width: 1040px) {
  .pointSave_carousel__description {
    height: auto;
    line-height: 1.57;
  }
}

@media (max-width: 370px) {
  .pointSave_carousel__description {
    font-size: 1.3rem;
  }
}

.pointSave_carousel__description--friend, .pointSave_carousel__description--monitor {
  margin-bottom: 10px;
}

@media (max-width: 1040px) {
  .pointSave_carousel__description--friend span {
    display: none;
  }
}

.pointSave_carousel__description--monitor {
  height: 44px;
}

@media (max-width: 1040px) {
  .pointSave_carousel__description--monitor {
    height: auto;
  }
}

.pointSave_carousel__contentList {
  display: flex;
  justify-content: center;
  gap: 100px;
}

@media (max-width: 1040px) {
  .pointSave_carousel__contentList {
    gap: 23px;
  }
}

.pointSave_carousel__contentList--monitor {
  gap: 45px;
  margin-bottom: 15px;
}

@media (max-width: 1040px) {
  .pointSave_carousel__contentList--monitor {
    gap: 22px;
    margin-bottom: 5px;
  }
}

.pointSave_carousel__content {
  position: relative;
}

.pointSave_carousel__contentLink {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.pointSave_carousel__contentImage {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 135px;
  height: 135px;
  text-align: center;
  border-radius: 50%;
  background: #FFF871;
}

@media (max-width: 1040px) {
  .pointSave_carousel__contentImage {
    width: 80px;
    height: 80px;
  }
}

.pointSave_carousel__contentImage--monitor {
  width: 100%;
  height: auto;
  background: none;
  border-radius: 0;
}

.pointSave_carousel__contentImage--friend {
  width: 100%;
  height: auto;
  background: #FFFFFF;
  margin-bottom: 15px;
}

@media (max-width: 1040px) {
  .pointSave_carousel__contentImage--friend {
    margin-bottom: 5px;
  }
}

.pointSave_carousel__contentImage--friend #introduce {
  width: 820px;
  height: 138px;
}

@media (max-width: 1040px) {
  .pointSave_carousel__contentImage--friend #introduce {
    width: 303px;
    height: 130px;
  }
}

.pointSave_carousel__contentImage #app {
  width: 47px;
  height: 77px;
}

@media (max-width: 1040px) {
  .pointSave_carousel__contentImage #app {
    width: 27px;
    height: 44px;
  }
}

.pointSave_carousel__contentImage #edit {
  width: 75px;
  height: 76px;
}

@media (max-width: 1040px) {
  .pointSave_carousel__contentImage #edit {
    width: 36px;
    height: 36px;
  }
}

.pointSave_carousel__contentImage #click {
  width: 77px;
  height: 76px;
}

@media (max-width: 1040px) {
  .pointSave_carousel__contentImage #click {
    width: 35px;
    height: 35px;
  }
}

.pointSave_carousel__contentImage #rakuten {
  width: 120px;
  height: 60px;
  border: 1px solid #484848;
}

@media (max-width: 1040px) {
  .pointSave_carousel__contentImage #rakuten {
    width: 65px;
    height: 32px;
  }
}

.pointSave_carousel__contentImage #expensive {
  width: 54px;
  height: 60px;
}

@media (max-width: 1040px) {
  .pointSave_carousel__contentImage #expensive {
    width: 33px;
    height: 37px;
  }
}

.pointSave_carousel__contentImage #pointUp {
  width: 88px;
  height: 63px;
}

@media (max-width: 1040px) {
  .pointSave_carousel__contentImage #pointUp {
    width: 50px;
    height: 36px;
  }
}

.pointSave_carousel__contentImage #research {
  width: 55px;
  height: 76px;
}

@media (max-width: 1040px) {
  .pointSave_carousel__contentImage #research {
    width: 37px;
    height: 50px;
  }
}

.pointSave_carousel__contentImage #mail {
  width: 72px;
  height: 70px;
}

@media (max-width: 1040px) {
  .pointSave_carousel__contentImage #mail {
    width: 47px;
    height: 32px;
  }
}

.pointSave_carousel__contentImage #scratch {
  width: 72px;
  height: 70px;
}

@media (max-width: 1040px) {
  .pointSave_carousel__contentImage #scratch {
    width: 43px;
    height: 42px;
  }
}

.pointSave_carousel__contentImage #bingo {
  width: 71px;
  height: 71px;
}

@media (max-width: 1040px) {
  .pointSave_carousel__contentImage #bingo {
    width: 43px;
    height: 43px;
  }
}

.pointSave_carousel__contentImage #game {
  width: 64px;
  height: 41px;
}

@media (max-width: 1040px) {
  .pointSave_carousel__contentImage #game {
    width: 47px;
    height: 30px;
  }
}

.pointSave_carousel__contentBottom {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: absolute;
  top: 120px;
}

@media (max-width: 1040px) {
  .pointSave_carousel__contentBottom {
    top: 73px;
  }
}

.pointSave_carousel__contentBottom--friend {
  flex-direction: initial;
  justify-content: center;
  top: 0;
  gap: 20px;
}

.pointSave_carousel__contentBottom--monitor {
  width: 100%;
  flex-direction: initial;
  justify-content: center;
  top: 110px;
  gap: 20px;
}

@media (max-width: 1040px) {
  .pointSave_carousel__contentBottom--monitor {
    top: 73px;
  }
}

.pointSave_carousel__contentName {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 4px;
  white-space: nowrap;
}

@media (max-width: 1040px) {
  .pointSave_carousel__contentName {
    width: 80px;
    height: 56px;
    font-size: 1.4rem;
    font-weight: normal;
    white-space: initial;
    line-height: 1.28;
    margin-bottom: 0;
  }
}

@media (max-width: 370px) {
  .pointSave_carousel__contentName {
    font-size: 1.3rem;
  }
}

.pointSave_carousel__contentName--monitor {
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.5;
  text-align: center;
  white-space: normal;
}

.pointSave_carousel__contentName--monitor span {
  display: none;
}

@media (max-width: 1040px) {
  .pointSave_carousel__contentName--monitor span {
    display: block;
  }
}

@media (max-width: 1040px) {
  .pointSave_carousel__contentName--monitor {
    width: 80px;
    height: 56px;
    font-size: 1.4rem;
    font-weight: normal;
    white-space: initial;
    text-align: left;
    line-height: 1.28;
    margin-bottom: 0;
  }
  .pointSave_carousel__contentName--monitor br {
    display: none;
  }
}

.pointSave_carousel__detail {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.pointSave_carousel__detailText {
  font-size: 1.8rem;
  font-weight: bold;
  white-space: nowrap;
}

@media (max-width: 1040px) {
  .pointSave_carousel__detailText {
    display: none;
  }
}

.pointSave_carousel__detailedLink {
  font-size: 1.8rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .pointSave_carousel__detailedLink {
    display: none;
  }
}

.pointSave_carousel__detailedLink--mobile {
  display: none;
}

@media (max-width: 1040px) {
  .pointSave_carousel__detailedLink--mobile {
    display: block;
    font-size: 1.4rem;
    font-weight: normal;
  }
}

@media (max-width: 370px) {
  .pointSave_carousel__detailedLink--mobile {
    font-size: 1.3rem;
  }
}

.pointSave_carousel__linkArrow {
  border-radius: 50%;
  background: #3AA59E;
}

.pointSave_carousel__linkArrow .material-icons {
  display: block;
  color: #FFFFFF;
  font-size: 26px;
}

@media (max-width: 1040px) {
  .pointSave_carousel__linkArrow .material-icons {
    font-size: 18px;
  }
}

.pointSave_carousel__thumbnail {
  width: 900px;
  margin-bottom: 50px;
}

@media (max-width: 1040px) {
  .pointSave_carousel__thumbnail {
    display: none;
  }
}

.pointSave_carousel__thumbnailList {
  display: flex !important;
  justify-content: center;
  gap: 20px;
}

.pointSave_carousel__thumbnailName {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 128px !important;
  height: 50px !important;
  color: #2C786C;
  font-size: 1.8rem;
  text-align: center;
  background: #FFFFFF;
  border-radius: 10px;
  border: 3px solid #3AA59E;
  cursor: pointer;
}

.pointSave_carousel__thumbnailName:hover {
  background: #FFF871;
}

/**
 * spike: ジグザグ背景
 **/
.beginner_poikatsu {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 40px;
  margin-bottom: 30px;
}

@media (max-width: 1040px) {
  .beginner_poikatsu {
    flex-direction: column;
    padding: 10px;
    margin-top: 0;
  }
}

.beginner_poikatsu__navigationAnchor {
  max-width: 300px;
  width: 100%;
}

@media (max-width: 1040px) {
  .beginner_poikatsu__navigationAnchor {
    max-width: 100%;
    overflow: scroll;
    padding-bottom: 14px;
  }
}

.beginner_poikatsu__anchorList {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 5px;
  border: 2px solid #15A097;
  background-color: #FFFFFF;
  position: sticky;
  top: 20px;
}

@media (max-width: 1040px) {
  .beginner_poikatsu__anchorList {
    flex-direction: initial;
    justify-content: flex-start;
    gap: 10px;
    border: none;
  }
}

.beginner_poikatsu__anchorName {
  display: flex;
  align-items: center;
  padding: 5px;
}

@media (max-width: 1040px) {
  .beginner_poikatsu__anchorName {
    padding: 0;
    border-radius: 5px;
    border: 2px solid #15A097;
  }
}

.beginner_poikatsu__anchorLink {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 12px;
  font-size: 1.4rem;
  background-color: #FFFFFF;
  cursor: pointer;
}

@media (max-width: 1040px) {
  .beginner_poikatsu__anchorLink {
    flex-direction: column;
    justify-content: center;
    width: 200px;
    height: 100%;
  }
}

.beginner_poikatsu__anchorLink:hover {
  transition: 0.2s;
  background-color: #FFF9BC;
}

.beginner_poikatsu__anchorLink br {
  display: none;
}

@media (max-width: 1040px) {
  .beginner_poikatsu__anchorLink br {
    display: block;
  }
}

.beginner_poikatsu__anchorLink .material-icons {
  color: #15A097;
  font-size: 20px;
}

@media (max-width: 1040px) {
  .beginner_poikatsu__anchorLink .material-icons {
    display: none;
  }
}

.beginner_poikatsu__anchorLinkTitle {
  display: inline-flex;
  align-items: center;
}

@media (max-width: 1040px) {
  .beginner_poikatsu__anchorLinkTitle {
    line-height: 1.5;
  }
}

.beginner_poikatsu__mainContents {
  max-width: 720px;
  width: 100%;
}

.beginner_poikatsu__mainContentsWrapper {
  display: flex;
  flex-direction: column;
}

.beginner_poikatsu__header {
  margin-bottom: 40px;
}

@media (max-width: 1040px) {
  .beginner_poikatsu__header {
    margin-bottom: 20px;
  }
}

.beginner_poikatsu__headerSubTitle {
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .beginner_poikatsu__headerSubTitle {
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
}

.beginner_poikatsu__headerTitle {
  font-size: 2.7rem;
  font-weight: bold;
}

.beginner_poikatsu__contents {
  margin-bottom: 60px;
}

@media (max-width: 1040px) {
  .beginner_poikatsu__contents {
    margin-bottom: 30px;
  }
}

.beginner_poikatsu__contentsTitle {
  color: #15A097;
  font-size: 2.6rem;
  line-height: 1.54;
  padding: 16px 32px;
  margin-bottom: 30px;
  border-top: 1px solid #15A097;
  border-bottom: 1px solid #15A097;
}

@media (max-width: 1040px) {
  .beginner_poikatsu__contentsTitle {
    font-size: 1.7rem;
    line-height: 1.30;
    padding: 6px;
  }
}

.beginner_poikatsu__contentsTitle--other {
  font-size: 1.8rem;
  margin-bottom: 20px;
  border: none;
}

@media (max-width: 1040px) {
  .beginner_poikatsu__contentsTitle--other {
    font-size: 1.3rem;
    line-height: 1.42;
    margin-bottom: 10px;
  }
}

.beginner_poikatsu__contentsTitle .subTitle {
  display: block;
}

.beginner_poikatsu__pointTable {
  border-collapse: collapse;
  max-width: 620px;
  width: 100%;
  margin: auto;
  margin-bottom: 30px;
}

.beginner_poikatsu__pointTable .title, .beginner_poikatsu__pointTable .point {
  padding: 16px;
  text-align: center;
  border: 1px solid #d9d9d9;
}

.beginner_poikatsu__pointTable .title {
  width: 50%;
  background-color: #f2f2f2;
}

.beginner_poikatsu__pointTable .point {
  width: 50%;
  background-color: #FFFFFF;
}

.beginner_poikatsu__imageWrapper {
  display: flex;
  justify-content: center;
  max-width: 620px;
  margin: auto;
  margin-bottom: 30px;
}

@media (max-width: 1040px) {
  .beginner_poikatsu__imageWrapper {
    max-width: 100%;
    margin-bottom: 20px;
  }
  .beginner_poikatsu__imageWrapper img {
    object-fit: cover;
    padding: 10px 0;
  }
  .beginner_poikatsu__imageWrapper--fruitmail img {
    object-fit: contain;
  }
}

.beginner_poikatsu__imageWrapper--simulation {
  max-width: 620px;
  display: flex;
  flex-direction: column;
}

.beginner_poikatsu__imageWrapper--simulation img {
  margin-bottom: 10px;
}

@media (max-width: 1040px) {
  .beginner_poikatsu__imageWrapper--simulation img {
    margin-bottom: 0;
  }
}

.beginner_poikatsu__imageWrapper--introduce {
  max-width: 620px;
  margin-bottom: 10px;
}

@media (max-width: 1040px) {
  .beginner_poikatsu__imageWrapper--introduce {
    max-width: 100%;
  }
  .beginner_poikatsu__imageWrapper--introduce img {
    object-fit: initial;
    width: 100%;
    height: auto;
  }
}

.beginner_poikatsu__paragraph {
  font-size: 1.6rem;
  line-height: 2.19;
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .beginner_poikatsu__paragraph {
    font-size: 1.4rem;
    line-height: 1.74;
    margin-bottom: 10px;
  }
}

.beginner_poikatsu__paragraphTitle {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.beginner_poikatsu__simulationTabs {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
}

.beginner_poikatsu__simulationTab {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 200px;
  width: 100%;
  padding: 16px;
  margin-bottom: 30px;
  border-radius: 5px;
  border: 1px solid #3AA59E;
  background-color: #FFFFFF;
  position: relative;
  cursor: pointer;
}

@media (max-width: 1040px) {
  .beginner_poikatsu__simulationTab {
    font-size: 1.2rem;
    padding: 6px;
    margin-bottom: 20px;
  }
}

.beginner_poikatsu__simulationTab:hover {
  background-color: #FFF9BC;
}

.beginner_poikatsu__simulationTab.isActive {
  color: #FFFFFF;
  background-color: #3AA59E;
}

.beginner_poikatsu__simulationTab.isActive::before {
  content: '';
  width: 0;
  height: 0;
  border: 6px transparent solid;
  border-top: 10px #3AA59E solid;
  transform: translateY(100%);
  position: absolute;
  bottom: 0;
}

.beginner_poikatsu__simulationTabContent {
  max-width: 620px;
  width: 100%;
  margin: auto;
  display: none;
  margin-bottom: 20px;
}

.beginner_poikatsu__simulationTabContent.isActive {
  display: block;
}

.beginner_poikatsu__profit {
  display: flex;
  max-width: 620px;
  margin: auto;
  margin-bottom: 30px;
}

.beginner_poikatsu__profitTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  color: #FFFFFF;
  font-size: 1.8rem;
  padding: 24px 16px;
  border-radius: 5px 0 0 5px;
  background-color: #df4840;
}

@media (max-width: 1040px) {
  .beginner_poikatsu__profitTitle {
    padding: 16px;
    font-size: 1.4rem;
  }
}

.beginner_poikatsu__profitValue {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 16px;
  color: #df4840;
  font-size: 1.8rem;
  border: 1px solid #df4840;
  border-radius: 0 5px 5px 0;
  background-color: #FFFFFF;
}

@media (max-width: 1040px) {
  .beginner_poikatsu__profitValue {
    padding: 16px;
    font-size: 1.4rem;
  }
}

.beginner_poikatsu__simulationDetail {
  color: #df4840;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 30px;
}

@media (max-width: 1040px) {
  .beginner_poikatsu__simulationDetail {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
}

.beginner_poikatsu__attention {
  display: flex;
  max-width: 620px;
  color: #939393;
  font-size: 1.2rem;
  line-height: 1.83;
  margin: auto;
  margin-bottom: 20px;
  white-space: pre-line;
}

.beginner_poikatsu__pointLinkBox {
  max-width: 620px;
  margin: auto;
}

.beginner_poikatsu__pointLink {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  margin-bottom: 10px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.0;
  border-radius: 10px;
  border: 2px solid #15A097;
  background-color: #FFFFFF;
}

@media (max-width: 1040px) {
  .beginner_poikatsu__pointLink {
    padding: 5px;
    font-size: 1.4rem;
  }
}

.beginner_poikatsu__pointLink:hover {
  background-color: #FFF9BC;
  border: 2px solid #15A097;
  transition: 0.2s;
}

.beginner_poikatsu__pointLink .material-icons {
  color: #15A097;
  font-size: 3.0rem;
  margin-left: 10px;
}

@media (max-width: 1040px) {
  .beginner_poikatsu__pointLink .material-icons {
    margin-left: 4px;
  }
}

.beginner_poikatsu__originalService {
  display: block;
}

.beginner_poikatsu__originalServiceContent {
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 5px;
  background-color: #FFFFFF;
}

@media (max-width: 1040px) {
  .beginner_poikatsu__originalServiceContent {
    padding: 15px;
  }
}

@media (max-width: 1040px) {
  .beginner_poikatsu__originalServiceHeading {
    padding: 0;
  }
}

.beginner_poikatsu__originalServiceTitle {
  font-size: 2.0rem;
  font-weight: bold;
  padding: 0 10px;
  margin-bottom: 10px;
  position: relative;
}

@media (max-width: 1040px) {
  .beginner_poikatsu__originalServiceTitle {
    font-size: 1.6rem;
  }
}

.beginner_poikatsu__originalServiceTitle::before {
  content: "";
  width: 5px;
  height: 100%;
  background-color: #15A097;
  position: absolute;
  top: 0;
  left: 0;
}

.beginner_poikatsu__memberRegister {
  padding: 20px 0;
}

/*--------------------------------------
    ** カムバックキャンペーン
---------------------------------------*/
.comeback_campaign__mainColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}

@media (max-width: 1040px) {
  .comeback_campaign__mainColumn {
    gap: 20px;
  }
}

.comeback_campaign__mainVisual {
  max-width: 1040px;
  margin-bottom: 30px;
}

@media (max-width: 1040px) {
  .comeback_campaign__mainVisual {
    max-width: 100%;
  }
  .comeback_campaign__mainVisual img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
}

.comeback_campaign__period {
  padding: 10px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  background-color: #0f3578;
}

@media (max-width: 1040px) {
  .comeback_campaign__period {
    flex-wrap: wrap;
  }
}

.comeback_campaign__period .termTitle {
  color: #fff;
  font-size: 2.4rem;
}

@media (max-width: 1040px) {
  .comeback_campaign__period .termTitle {
    width: 100%;
    font-size: 1.4rem;
    text-align: center;
  }
}

.comeback_campaign__period .start, .comeback_campaign__period .end {
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
  display: flex;
  align-items: baseline;
  gap: 2px;
}

.comeback_campaign__period .from {
  color: #fff;
  font-size: 2.4rem;
}

@media (max-width: 1040px) {
  .comeback_campaign__period .from {
    font-size: 1.6rem;
  }
}

.comeback_campaign__period .year {
  color: #fff;
  font-size: 2.8rem;
  margin-right: 2px;
  margin: 0px 2px 0px 12px;
}

@media (max-width: 1040px) {
  .comeback_campaign__period .year {
    font-size: 1.4rem;
  }
}

.comeback_campaign__period .month, .comeback_campaign__period .day {
  font-size: 4.4rem;
}

@media (max-width: 1040px) {
  .comeback_campaign__period .month, .comeback_campaign__period .day {
    font-size: 2.0rem;
  }
}

.comeback_campaign__period .week {
  color: #fff;
  font-size: 2.4rem;
  font-weight: normal;
  margin-left: -10px;
}

@media (max-width: 1040px) {
  .comeback_campaign__period .week {
    font-size: 1.4rem;
  }
}

.comeback_campaign__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 562px;
  padding: 24px 0;
  margin: auto;
  color: #FFFFFF;
  line-height: calc(28/26);
  font-weight: bold;
  font-size: 2.6rem;
  border-radius: 50px;
  background: #E8A61D;
  border: 3px solid #E8A61D;
  box-sizing: border-box;
  box-shadow: 0px 6px 6px #E2E1D9;
  opacity: 1;
  cursor: pointer;
  position: relative;
  transition: 0.5s;
}

@media (max-width: 1040px) {
  .comeback_campaign__submit {
    max-width: 345px;
    padding: 14px;
    font-size: 1.6rem;
    font-weight: normal;
  }
}

.comeback_campaign__submit:hover {
  color: #E8A61D;
  background: #FFFFFF;
  text-decoration: none;
  border: 3px solid #E8A61D;
  box-sizing: border-box;
  box-shadow: 0px 6px 6px #E2E1D9;
  opacity: 1;
}

.comeback_campaign_submitText {
  width: 100%;
}

.comeback_campaign__arrowIcon {
  position: absolute;
  right: 0;
  margin: 0 25px;
}

@media (max-width: 1040px) {
  .comeback_campaign__arrowIcon {
    margin: 2px 25px;
  }
}

.comeback_campaign__arrowIcon .material-icons {
  font-size: 4.0rem;
}

@media (max-width: 1040px) {
  .comeback_campaign__arrowIcon .material-icons {
    font-size: 2.5rem;
  }
}

.comeback_campaign__entry {
  display: flex;
  flex-direction: column;
  max-width: 600px;
  width: 100%;
  margin-bottom: 50px;
}

@media (max-width: 1040px) {
  .comeback_campaign__entry {
    max-width: 345px;
    margin: auto;
    margin-bottom: 30px;
  }
}

.comeback_campaign__entryLogin {
  width: 100%;
  height: 70px;
  margin-bottom: 20px;
  position: relative;
}

@media (max-width: 1040px) {
  .comeback_campaign__entryLogin {
    margin-bottom: 0;
  }
}

.comeback_campaign__entryLink {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 100%;
  height: 100%;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none;
  border-radius: 10px;
  border: 3px solid #0067c0;
  background-color: #0067c0;
  transition-duration: 0.2s;
}

@media (max-width: 1040px) {
  .comeback_campaign__entryLink {
    font-size: 1.4rem;
    height: 70%;
  }
}

.comeback_campaign__entryLink:hover {
  color: #0067c0;
  background-color: #effafa;
}

.comeback_campaign__entryLink--forgetId {
  color: #0067c0;
  background-color: #ffffff;
  border: 3px solid #0067c0;
}

.comeback_campaign__entryLink--forgetId:hover {
  color: #ffffff;
  background-color: #0067c0;
}

.comeback_campaign__entryIcon {
  color: #ffffff;
  transition-property: color;
  transition-duration: 0.2s;
  position: absolute;
  top: -15px;
  left: -45px;
}

@media (max-width: 1040px) {
  .comeback_campaign__entryIcon {
    top: -15px;
    left: -7px;
  }
  .comeback_campaign__entryIcon img {
    width: 68px;
    height: 80px;
  }
}

.comeback_campaign__entryImage {
  display: flex;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .comeback_campaign__entryImage img {
    width: 128px;
    height: 150px;
  }
}

.comeback_campaign__entryForgetId {
  width: 100%;
  height: 70px;
}

.comeback_campaign__privilegeIntroduce {
  color: #ff0000;
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .comeback_campaign__privilegeIntroduce {
    padding: 0 10px;
  }
}

.comeback_campaign__scheduleFlow {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  margin-bottom: 30px;
}

@media (max-width: 1040px) {
  .comeback_campaign__scheduleFlow {
    gap: 5px;
    padding: 0 10px;
    margin-bottom: 20px;
    font-size: 1.4rem;
  }
}

.comeback_campaign__scheduleFlowTitle {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 30px;
}

@media (max-width: 1040px) {
  .comeback_campaign__scheduleFlowTitle {
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
}

.comeback_campaign__scheduleFlowTitle::after {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  margin-top: 7px;
  background-color: #0F3578;
}

.comeback_campaign__scheduleFlowDescription {
  color: #0F3578;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 10px;
}

@media (max-width: 1040px) {
  .comeback_campaign__scheduleFlowDescription {
    font-size: 1.4rem;
  }
}

.comeback_campaign__attention {
  margin-bottom: 60px;
}

/*--------------------------------------
    ** カムバックキャンペーン（コンポーネント）
---------------------------------------*/
.comebackCampaign_layout {
  width: 100%;
}

.comebackCampaign_layout__main {
  max-width: 1040px;
  margin: auto;
}

.comebackCampaign_layout__header {
  max-width: 100%;
  margin-bottom: 10px;
}

@media (max-width: 1040px) {
  .comebackCampaign_layout__header {
    margin-bottom: 0;
  }
}

@media (max-width: 1040px) {
  .comebackCampaign_layout__logo {
    padding: 6px 10px;
  }
  .comebackCampaign_layout__logo img {
    max-width: 100px;
    height: auto;
  }
}

.comebackCampaign_layout__contentsColumn {
  max-width: 100%;
}

.comebackCampaign_layout__footer {
  background-color: #0b392a;
}

.comebackCampaign_layout__footerCopyright {
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #939393;
  background-color: #0b392a;
}

.comebackCampaign_privilege {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (max-width: 1040px) {
  .comebackCampaign_privilege {
    gap: 10px;
  }
}

.comebackCampaign_privilege__item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100px;
  border: 2px solid #00B4D5;
}

@media (max-width: 1040px) {
  .comebackCampaign_privilege__item {
    height: 90px;
  }
}

.comebackCampaign_privilege__label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10%;
  height: 100%;
  color: #ffffff;
  font-size: 2.0rem;
  font-weight: bold;
  background-color: #00B4D5;
}

@media (max-width: 1040px) {
  .comebackCampaign_privilege__label {
    font-size: 1.6rem;
    letter-spacing: 2px;
    writing-mode: vertical-lr;
  }
}

.comebackCampaign_privilege__description {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: 100%;
  color: #0F3578;
  padding-left: 20px;
  background-color: #FFF36A;
}

@media (max-width: 1040px) {
  .comebackCampaign_privilege__description {
    padding: 5px;
    justify-content: space-evenly;
    background-color: #FFFFFF;
  }
}

.comebackCampaign_privilege__textWrapper {
  display: inline-flex;
  align-items: baseline;
  align-content: center;
  flex-wrap: wrap;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.2;
  min-height: 40px;
}

@media (max-width: 1040px) {
  .comebackCampaign_privilege__textWrapper {
    display: inline-block;
    align-content: initial;
    font-size: 1.4rem;
    min-height: auto;
  }
}

.comebackCampaign_privilege__textWrapper .pickUpPoint {
  font-size: 3.6rem;
}

@media (max-width: 1040px) {
  .comebackCampaign_privilege__textWrapper .pickUpPoint {
    font-size: 1.8rem;
  }
}

.comebackCampaign_privilege__textWrapper .pickUpPointText {
  font-size: 2.6rem;
}

@media (max-width: 1040px) {
  .comebackCampaign_privilege__textWrapper .pickUpPointText {
    font-size: 1.6rem;
  }
}

.comebackCampaign_privilege__textWrapper .pickUpRank {
  font-size: 2.6rem;
}

@media (max-width: 1040px) {
  .comebackCampaign_privilege__textWrapper .pickUpRank {
    font-size: 1.6rem;
  }
}

.comebackCampaign_privilege__detail {
  color: #0F3578;
  font-size: 2.0rem;
  line-height: 1.5;
}

@media (max-width: 1040px) {
  .comebackCampaign_privilege__detail {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
}

.comebackCampaign_privilege__attentionBackground {
  width: 100%;
  border-radius: 5px;
  margin: auto;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: 0 0 4px 1px #DEDCD4;
}

.comebackCampaign_privilege__attention {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 14px;
}

@media (max-width: 1040px) {
  .comebackCampaign_privilege__attention {
    gap: 8px;
    padding: 10px;
  }
}

.comebackCampaign_privilege__attention .attentionText {
  display: flex;
  gap: 6px;
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.4;
}

@media (max-width: 1040px) {
  .comebackCampaign_privilege__attention .attentionText {
    gap: 3px;
    font-size: 1.2rem;
  }
}

.comebackCampaign_privilege__attention .attentionText::before {
  content: '※';
}

.comebackCampaign_scheduleFlow {
  display: flex;
  flex-direction: column;
}

.comebackCampaign_scheduleFlow__steps {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-bottom: 30px;
}

@media (max-width: 1040px) {
  .comebackCampaign_scheduleFlow__steps {
    gap: 5px;
    margin-bottom: 10px;
  }
}

.comebackCampaign_scheduleFlow__step {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

@media (max-width: 1040px) {
  .comebackCampaign_scheduleFlow__step {
    gap: 5px;
    width: 100%;
  }
}

.comebackCampaign_scheduleFlow__term {
  font-size: 1.6rem;
  font-weight: bold;
  position: relative;
  left: calc(50% - 105px);
}

@media (max-width: 1040px) {
  .comebackCampaign_scheduleFlow__term {
    font-size: 1.2rem;
    left: 0;
  }
}

.comebackCampaign_scheduleFlow__stepArrow, .comebackCampaign_scheduleFlow__stepInner {
  max-width: 300px;
  width: 100%;
  height: 120px;
}

.comebackCampaign_scheduleFlow__stepArrow {
  background-color: #0F3578;
  clip-path: polygon(0 0, 85% 0, 100% 50%, 85% 100%, 0 100%);
}

.comebackCampaign_scheduleFlow__stepInner {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  background-color: #ffffff;
  clip-path: polygon(3px 3px, calc(85% - 2px) 3px, calc(100% - 4px) 50%, calc(85% - 2px) calc(100% - 3px), 3px calc(100% - 3px));
}

.comebackCampaign_scheduleFlow__stepTitle {
  font-size: 1.8rem;
  font-weight: bold;
  padding: 8px 48px 8px 24px;
}

.comebackCampaign_scheduleFlow__stepTitle br {
  display: none;
}

@media (max-width: 1040px) {
  .comebackCampaign_scheduleFlow__stepTitle {
    font-size: 1.3rem;
    text-align: center;
    padding: 2px 16px 2px 10px;
  }
  .comebackCampaign_scheduleFlow__stepTitle br {
    display: block;
  }
}

.comebackCampaign_scheduleFlow__stepDescription {
  font-size: 1.4rem;
  min-height: 50px;
  padding: 8px 48px 8px 24px;
}

@media (max-width: 1040px) {
  .comebackCampaign_scheduleFlow__stepDescription {
    font-size: 1.1rem;
    padding: 2px 16px 2px 10px;
  }
}

.comebackCampaign_rewardModal {
  display: flex;
  flex-direction: column;
  padding: 15px;
  position: relative;
}

@media (max-width: 1040px) {
  .comebackCampaign_rewardModal {
    padding: 8px;
  }
}

.comebackCampaign_rewardModal__getPrivilege {
  width: 100%;
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .comebackCampaign_rewardModal__getPrivilege {
    margin-bottom: 10px;
  }
}

.comebackCampaign_rewardModal__privilegeTitle {
  padding: 10px;
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 20px;
  background-color: #FFF36A;
}

@media (max-width: 1040px) {
  .comebackCampaign_rewardModal__privilegeTitle {
    font-size: 1.4rem;
  }
}

.comebackCampaign_rewardModal__privilegeItems {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
}

@media (max-width: 1040px) {
  .comebackCampaign_rewardModal__privilegeItems {
    gap: 6px;
  }
}

.comebackCampaign_rewardModal__privilegeItem {
  font-size: 1.6rem;
  font-weight: 500;
}

@media (max-width: 1040px) {
  .comebackCampaign_rewardModal__privilegeItem {
    font-size: 1.4rem;
  }
}

.comebackCampaign_rewardModal__privilegeItem span {
  color: #ff0000;
}

.comebackCampaign_rewardModal__privilegeItem::before {
  content: '・';
}

.comebackCampaign_rewardModal__privilegeParagraph {
  font-size: 1.4rem;
}

.comebackCampaign_rewardModal__icon {
  padding: 10px;
}

@media (max-width: 1040px) {
  .comebackCampaign_rewardModal__icon {
    padding: 6px;
  }
}

@media (max-width: 1040px) {
  .comebackCampaign_rewardModal__icon img {
    width: 100px;
    height: 120px;
  }
}

.comebackCampaign_attention {
  width: 100%;
}

@media (max-width: 1040px) {
  .comebackCampaign_attention {
    padding: 0 10px;
  }
}

.comebackCampaign_attention__title {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 16px;
}

@media (max-width: 1040px) {
  .comebackCampaign_attention__title {
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
}

.comebackCampaign_attention__background {
  width: 100%;
  border-radius: 5px;
  margin: auto;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: 0 0 4px 1px #DEDCD4;
}

.comebackCampaign_attention__list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px 10px;
}

@media (max-width: 1040px) {
  .comebackCampaign_attention__list {
    gap: 10px;
    padding: 10px;
  }
}

.comebackCampaign_attention__list .text {
  display: flex;
  gap: 6px;
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.4;
}

@media (max-width: 1040px) {
  .comebackCampaign_attention__list .text {
    gap: 3px;
    font-size: 1.2rem;
  }
}

.comebackCampaign_attention__list .text::before {
  content: '・';
}

.clickpoint_daily {
  margin: 0 auto;
}

.clickpoint_daily__mainVisual {
  max-width: 1040px;
  margin-bottom: 20px;
}

.clickpoint_daily__mainVisual img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.clickpoint_daily__adUsageAlert {
  color: #DF4840;
  font-size: 1.6rem;
  text-align: center;
  padding: 10px;
  margin-bottom: 20px;
  border: 2px solid #DF4840;
  background-color: #FFFFFF;
}

@media (max-width: 740px) {
  .clickpoint_daily__adUsageAlert {
    font-size: 1.4rem;
    padding: 6px;
  }
}

.clickpoint_daily__mainContents {
  padding: 20px;
  border-radius: 6px;
  background-color: #FFFFFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

@media (max-width: 740px) {
  .clickpoint_daily__mainContents {
    padding: 15px;
    box-shadow: none;
  }
}

.clickpoint_daily__affiliateList {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 20px;
}

@media (max-width: 740px) {
  .clickpoint_daily__affiliateList {
    flex-direction: column;
  }
}

.clickpoint_daily__affiliateItem {
  display: flex;
  flex-direction: column;
  background-color: #f2f2f2;
  padding: 10px;
  border-radius: 6px;
  width: calc(100% / 2 - 8px);
  box-sizing: border-box;
}

@media (max-width: 740px) {
  .clickpoint_daily__affiliateItem {
    width: 100%;
  }
}

.clickpoint_daily__itemWrapper {
  display: flex;
  gap: 6px;
  min-height: 120px;
}

.clickpoint_daily__itemThumbnail {
  display: flex;
  align-items: center;
  max-width: 120px;
  max-height: 120px;
}

.clickpoint_daily__itemThumbnail img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.clickpoint_daily__itemDetail {
  width: calc(100% - 120px);
  flex: 1;
  padding: 6px 0;
  box-sizing: border-box;
}

.clickpoint_daily__itemTitle {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.8;
  margin-bottom: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 740px) {
  .clickpoint_daily__itemTitle {
    font-size: 1.4rem;
  }
}

.clickpoint_daily__itemAdditional {
  display: flex;
  flex-direction: column;
  margin-bottom: 5px;
}

.clickpoint_daily__condition, .clickpoint_daily__timing {
  display: flex;
  gap: 6px;
  font-size: 1.4rem;
  line-height: 1.4;
}

@media (max-width: 740px) {
  .clickpoint_daily__condition strong, .clickpoint_daily__timing strong {
    font-size: 1.2rem;
  }
}

.clickpoint_daily__condition .text, .clickpoint_daily__timing .text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1;
}

@media (max-width: 740px) {
  .clickpoint_daily__condition .text, .clickpoint_daily__timing .text {
    font-size: 1.2rem;
  }
}

.clickpoint_daily__point {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 5px 10px;
  box-sizing: border-box;
}

@media (max-width: 740px) {
  .clickpoint_daily__point {
    padding: 0;
  }
}

.clickpoint_daily__pointBefore {
  font-size: 1.4rem;
}

.clickpoint_daily__pointAfter {
  display: flex;
  align-items: baseline;
  gap: 3px;
}

.clickpoint_daily__pointIcon {
  max-width: 15px;
  max-height: 15px;
}

.clickpoint_daily__pointValue {
  display: inline-flex;
  align-items: baseline;
  color: #e31610;
  font-size: 3.0rem;
  font-weight: bold;
}

@media (max-width: 740px) {
  .clickpoint_daily__pointValue {
    font-size: 2.4rem;
  }
}

.clickpoint_daily__pointUnit {
  font-size: 1.4rem;
}

.clickpoint_daily__pointUnit--after {
  font-weight: bold;
}

.clickpoint_daily__actionButton {
  display: flex;
  gap: 20px;
}

@media (max-width: 740px) {
  .clickpoint_daily__actionButton {
    gap: 10px;
  }
}

.clickpoint_daily__detailLink {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  color: #FFFFFF;
  font-size: 1.4rem;
  font-weight: 600;
  text-decoration: none;
  padding: 10px;
  border-radius: 6px;
  border: 2px solid #ff0000;
  background-color: #ff0000;
  transition: 0.2s;
  cursor: pointer;
}

@media (max-width: 740px) {
  .clickpoint_daily__detailLink {
    padding: 6px;
  }
}

.clickpoint_daily__detailLink:hover {
  color: #ff0000;
  text-decoration: none;
  background-color: #FFFFFF;
}

.clickpoint_daily__redirectToClient {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  color: #FFFFFF;
  font-size: 1.4rem;
  font-weight: 600;
  text-decoration: none;
  padding: 10px;
  border-radius: 6px;
  border: 2px solid #0067c0;
  background-color: #0067c0;
  transition: 0.2s;
  cursor: pointer;
}

@media (max-width: 740px) {
  .clickpoint_daily__redirectToClient {
    padding: 6px;
  }
}

.clickpoint_daily__redirectToClient:hover {
  color: #0067c0;
  text-decoration: none;
  background-color: #FFFFFF;
}

.clickpoint_daily__redirectToClient.clicked {
  border: 2px solid #3AA59E;
  background-color: #3AA59E;
}

.clickpoint_daily__redirectToClient.clicked:hover {
  color: #3AA59E;
  text-decoration: none;
  background-color: #FFFFFF;
}

.clickpoint_daily__adResponsive {
  margin: 10px auto;
}

.clickpoint_daily__attention {
  display: flex;
  flex-direction: column;
  padding: 10px;
  margin: 20px 0;
  border-radius: 6px;
  background-color: #f2f2f2;
}

.clickpoint_daily__attentionTitle {
  font-size: 1.8rem;
  font-weight: bold;
  padding: 5px 10px;
}

@media (max-width: 740px) {
  .clickpoint_daily__attentionTitle {
    font-size: 1.6rem;
  }
}

.clickpoint_daily__attentionList {
  white-space: pre-line;
  font-size: 1.4rem;
  line-height: 1.6;
  margin-top: -16px;
  margin-bottom: 6px;
}

@media (max-width: 740px) {
  .clickpoint_daily__attentionList {
    font-size: 1.2rem;
    line-height: 1.8;
  }
}

.clickpoint_daily__toHome {
  width: 100%;
}

.clickpoint_daily__toHomeLink {
  display: flex;
  justify-content: center;
  color: #FFFFFF;
  font-size: 2.0rem;
  font-weight: bold;
  text-decoration: none;
  padding: 16px;
  border-radius: 6px;
  border: 2px solid #e8a61d;
  background-color: #e8a61d;
  text-decoration: none;
  transition: 0.2s;
}

.clickpoint_daily__toHomeLink:hover {
  color: #e8a61d;
  text-decoration: none;
  background-color: #FFFFFF;
}

.common_siteInner {
  position: relative;
  max-width: 950px;
  margin: 0 auto;
}

@media screen and (max-width: 960px) {
  .common_siteInner {
    padding: 0 16px;
  }
}

@media screen and (max-width: 960px) {
  .common_siteInner--wide {
    padding: 0;
  }
}

.common_pointIcon {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #ff0000;
  vertical-align: middle;
  border: 1px solid #e36e04;
  border-radius: 50%;
  background-color: #ffd023;
}

.common_pointIcon:before {
  position: absolute;
  left: 0;
  top: 0;
  content: 'P';
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.common_point {
  position: relative;
}

.common_point__item {
  display: inline-block;
  vertical-align: middle;
}

.common_point__item--reason {
  display: inline;
  font-size: 1.0rem;
  color: #4d4d4d;
  line-height: 1;
}

.common_point__item--before {
  color: #333;
  text-decoration: line-through;
}

.common_point__item--arrow {
  color: #333;
}

.common_point__item--up {
  padding: 0 4px;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  border-radius: 4px;
  background-color: #c80000;
}

.common_point__item--value {
  font-family: Verdana;
  font-size: 1.3rem;
  color: #c80000;
}

.common_point__item--unit {
  color: #c80000;
}

.common_point__item--afterValue {
  font-family: Verdana;
  font-size: 1.6rem;
  font-weight: bold;
  color: #c80000;
}

.common_point__item--afterUnit {
  font-family: Verdana;
  font-size: 1.1rem;
  font-weight: bold;
  color: #c80000;
}

.common_attentionList {
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: left;
}

.common_attentionList__item {
  padding-left: calc(1em + 0.1em);
  text-indent: calc(1em * -1);
}

.common_attentionList__item::before {
  content: '※';
  display: inline-block;
  width: 1em;
  padding-right: 0.1em;
  text-align: right;
}

.common_attentionList__item--focus {
  color: #df0000;
}

.common_attentionList__bigText {
  font-size: 1.2em;
}

@media (max-width: 640px) {
  .utility_spWrapper {
    padding: 0 15px;
  }
}

.utility_googleProduct {
  font-family: "Google Sans", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.layoutHeaderPc_logoArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1040px;
  min-height: 104px;
  margin: 0 auto;
}

.layoutHeaderPc_logoArea__logo {
  max-width: 150px;
  margin-top: 4px;
}

.layoutHeaderPc_logoArea__logo img {
  max-width: 100%;
}

.layoutHeaderPc_logoArea__logoLink {
  display: block;
}

@media (hover) {
  .layoutHeaderPc_logoArea__logoLink {
    transition-property: opacity;
    transition-duration: var(--duration-hover);
  }
  .layoutHeaderPc_logoArea__logoLink:hover {
    opacity: var(--opacity-hover);
  }
}

.layoutHeaderPc_logoArea__ad {
  height: 90px;
  margin: 5px 0 7px 0;
}

.layoutHeader_logoArea__logoLink img {
  max-width: 100%;
}

.layoutHeaderPc_pointStatus {
  display: flex;
  align-items: center;
  gap: 15px;
}

.layoutHeaderPc_pointStatus__pointWrapper {
  display: flex;
  align-items: center;
  gap: 0 5px;
}

.layoutHeaderPc_pointStatus__point {
  display: flex;
  flex-direction: column;
}

.layoutHeaderPc_pointStatus__pointTitle {
  font-size: 1.2rem;
}

.layoutHeaderPc_pointStatus__pointBody {
  display: flex;
  gap: 5px;
  font-weight: 700;
}

.layoutHeaderPc_pointStatus__links {
  display: flex;
  gap: 5px;
}

.layoutHeaderPc_pointStatus__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  font-size: 1.2rem;
}

.layoutHeaderPc_pointStatus__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid var(--color-primary-orange);
  border-radius: 50%;
  background-color: #fff;
}

.layoutHeaderPc_pointStatus__icon img {
  width: 24px;
  filter: var(--filter-primary-orange);
  transition-property: filter;
  transition-duration: var(--duration-hover);
}

@media (hover) {
  .layoutHeaderPc_pointStatus__icon {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .layoutHeaderPc_pointStatus__icon:hover {
    background-color: var(--color-primary-orange);
    text-decoration: none;
  }
  .layoutHeaderPc_pointStatus__icon:hover img {
    filter: var(--filter-white);
  }
}

.layoutHeaderPc_registerNav {
  display: flex;
  width: 100%;
  height: 100%;
}

.layoutHeaderPc_registerNav__item {
  flex: 1;
  height: 100%;
  border-right: 1px solid #e5e5e5;
}

.layoutHeaderPc_registerNav__item:last-child {
  border-left: none;
}

.layoutHeaderPc_registerNav__link {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  box-sizing: border-box;
  text-decoration: none;
}

.layoutHeaderPc_registerNav__link::before {
  position: absolute;
  right: 2px;
  bottom: 2px;
  content: '';
  width: 0;
  height: 0;
  border: 3px solid transparent;
  opacity: 1;
}

@media (hover) {
  .layoutHeaderPc_registerNav__link::before {
    transition-property: opacity;
    transition-duration: var(--duration-hover);
  }
}

.layoutHeaderPc_registerNav__link::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  width: 0;
  height: 5px;
  margin: 0 auto;
  background-color: transparent;
}

@media (hover) {
  .layoutHeaderPc_registerNav__link::after {
    transition-property: width;
    transition-duration: var(--duration-hover);
  }
}

.layoutHeaderPc_registerNav__link figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
}

.layoutHeaderPc_registerNav__link img {
  filter: brightness(0) invert(1);
  transition-property: filter;
  transition-duration: var(--duration-hover);
}

@media (hover) {
  .layoutHeaderPc_registerNav__link {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .layoutHeaderPc_registerNav__link:hover {
    text-decoration: none;
  }
  .layoutHeaderPc_registerNav__link:hover::after {
    width: 100%;
  }
}

.layoutHeaderPc_registerNav__link[data-type="signup"] {
  background-color: var(--color-signup-main);
}

@media (hover) {
  .layoutHeaderPc_registerNav__link[data-type="signup"]:hover {
    color: var(--color-signup-main);
    background-color: var(--color-signup-sub);
  }
  .layoutHeaderPc_registerNav__link[data-type="signup"]:hover::after {
    background-color: var(--color-signup-main);
  }
  .layoutHeaderPc_registerNav__link[data-type="signup"]:hover img {
    filter: var(--filter-signup-main);
  }
}

.layoutHeaderPc_registerNav__link[data-type="login"] {
  background-color: var(--color-login-main);
}

@media (hover) {
  .layoutHeaderPc_registerNav__link[data-type="login"]:hover {
    color: var(--color-login-main);
    background-color: var(--color-login-sub);
  }
  .layoutHeaderPc_registerNav__link[data-type="login"]:hover::after {
    background-color: var(--color-login-main);
  }
  .layoutHeaderPc_registerNav__link[data-type="login"]:hover img {
    filter: var(--filter-login-main);
  }
}

.layoutFooterPc_contents__list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 0;
  width: 150px;
}

.layoutFooterPc_contents__item {
  width: 150px;
}

.layoutFooterPc_contents__link {
  font-size: 1.2rem;
  color: #fff;
}

@media (any-hover: hover) {
  .layoutFooterPc_contents__link:hover {
    color: #fff;
    text-decoration: underline;
  }
}

.layoutFooterPc_main__body {
  background-color: #0b392a;
}

.layoutFooterPc_main__inner {
  position: relative;
  max-width: 1040px;
  margin: auto;
  padding: 24px 0 20px 0;
}

.layoutFooterPc_main__pageTop {
  position: absolute;
  right: 0;
  top: -20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: #e8a61d;
  transition-property: background-color;
  transition-duration: 0.2s;
}

.layoutFooterPc_main__pageTop img {
  width: 25px;
  filter: var(--filter-white);
}

@media (any-hover: hover) {
  .layoutFooterPc_main__pageTop:hover {
    text-decoration: none;
    background-color: #78542d;
  }
}

.layoutFooterPc_main__contentsBoxList {
  display: flex;
  gap: 0 24px;
  margin-bottom: 24px;
}

.layoutFooterPc_main__contentsBox {
  display: flex;
  flex-flow: column;
  gap: 24px;
}

.layoutFooterPc_main__contentsBoxHeading {
  margin-bottom: 5px;
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
}

.layoutFooterPc_main__mikkun {
  width: 170px;
  min-width: 100px;
  margin: 0;
  padding-top: 17px;
}

.layoutFooterPc_main__mikkun img {
  width: 100%;
}

.layoutFooterPc_main__guide {
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
  border-top: 1px solid #6e7a7b;
}

.layoutFooterPc_main__guideLinks {
  display: flex;
  flex-flow: column;
  gap: 5px 0;
}

.layoutFooterPc_main__guideList {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
}

.layoutFooterPc_main__guideLink {
  font-size: 1.1rem;
  color: #fff;
}

.layoutFooterPc_main__guideLink:hover {
  color: #fff;
  text-decoration: underline;
}

.layoutFooterPc_main__copyright small {
  font-size: 1.2rem;
  color: #fff;
}

.layoutFooterPc_main__stickers {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.layoutFooterPc_main__pmark {
  flex-shrink: 0;
  width: 70px;
  background-color: #fff;
}

.layoutFooterPc_main__pmark img {
  width: 100%;
}

.layoutFooterPc_main__isms {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 120px;
}

.layoutFooterPc_main__isms span {
  font-size: 1.0rem;
  color: #FFF;
  line-height: 1.7;
}

.layoutFooterPc_main__site {
  max-width: 1040px;
  margin: 12px auto 0 auto;
  padding-bottom: 20px;
  background-color: #fff;
}

.layoutFooterPc_main__siteHeading {
  font-size: 1.2rem;
  font-weight: 700;
  color: #778092;
}

.layoutFooterPc_main__siteList {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 5px 12px;
}

.layoutFooterPc_main__siteLink {
  font-size: 1.1rem;
  color: #778092;
}

.layoutFooterPc_main__siteLink:hover {
  text-decoration: underline;
}

.componentPc_moreLink {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 10px 0;
  font-size: 1.4rem;
  border-top: 1px solid var(--color-border-gray);
}

@media (hover) {
  .componentPc_moreLink {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .componentPc_moreLink:hover {
    background-color: var(--color-hover-yellow);
  }
}

.componentPc_sidePageAnchorNavigation {
  border-radius: 5px;
  border: 2px solid var(--color-primary-green);
  background-color: #FFF;
  overflow: hidden;
}

.componentPc_sidePageAnchorNavigation__link {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  min-height: 42px;
  padding: 6px 12px;
  font-size: 1.4rem;
  line-height: 1.5;
}

@media (hover) {
  .componentPc_sidePageAnchorNavigation__link {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .componentPc_sidePageAnchorNavigation__link:hover {
    background-color: var(--color-hover-yellow);
  }
}

.componentPc_sidePageAnchorNavigation__icon {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}

.componentPc_sidePageAnchorNavigation__icon img {
  filter: var(--filter-primary-green);
}

.componentPc_sidePageAnchorNavigation__label {
  flex: 1;
}

.homeComponentPc_highReturn {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 7px 12px;
  border-radius: 5px;
  background: linear-gradient(135deg, #ff9e00 0%, #ff3232 100%);
  box-shadow: var(--wrapper-shadow);
}

.homeComponentPc_highReturn__item {
  width: calc(((1040px - 12px * 2) - 12px * 2) / 3);
}

.homeComponentPc_highReturn__item:only-child {
  width: calc(350px - 12px * 2);
}

.homeComponentPc_highReturn__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  height: 100%;
  padding: 15px 10px 10px 10px;
  border-radius: 10px;
  background-color: #fff;
}

@media (hover) {
  .homeComponentPc_highReturn__link {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .homeComponentPc_highReturn__link:hover {
    background-color: var(--color-hover-yellow);
  }
}

.homeComponentPc_highReturn__banner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 250px;
  margin: 0 auto;
}

.homeComponentPc_highReturn__name {
  max-width: 300px;
  margin: 0 auto;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.homeComponentPc_highReturn__info {
  display: flex;
  gap: 10px;
  max-width: 300px;
  margin: 0 auto;
}

.homeComponentPc_highReturn__title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 5px;
  width: 58px;
  height: 58px;
  color: #fff;
  background-color: #ff3232;
}

.homeComponentPc_highReturn__title img {
  filter: var(--filter-white);
}

.homeComponentPc_highReturn__body {
  flex: 1;
}

.homeComponentPc_highReturn__pointReason {
  font-size: 1.4rem;
  overflow: hidden;
  white-space: nowrap;
  width: 220px;
  text-overflow: ellipsis;
}

.homeComponent_jackBannerSide {
  display: block;
  margin-top: -10px;
  margin-bottom: 10px;
}

@media (hover) {
  .homeComponent_jackBannerSide {
    transition-property: opacity;
    transition-duration: var(--duration-hover);
  }
  .homeComponent_jackBannerSide:hover {
    opacity: var(--opacity-hover);
  }
}

.homeComponent_jackBannerSide img {
  width: 100%;
}

.homeComponent_jackBannerTop {
  display: block;
  max-width: calc(1040px + 170px * 2);
  margin: 0 auto 10px auto;
}

@media (hover) {
  .homeComponent_jackBannerTop {
    transition-property: opacity;
    transition-duration: var(--duration-hover);
  }
  .homeComponent_jackBannerTop:hover {
    opacity: var(--opacity-hover);
  }
}

.homeComponent_jackBannerTop img {
  width: 100%;
}

.homeComponentPc_shoppingRanking {
  padding: 10px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: var(--wrapper-shadow);
}

.homeComponentPc_shoppingRanking__head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.homeComponentPc_shoppingRanking__headingWrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}

.homeComponentPc_shoppingRanking__logo {
  width: 70px;
}

.homeComponentPc_shoppingRanking__heading {
  display: flex;
  gap: 5px;
  font-size: 1.8rem;
}

.homeComponentPc_shoppingRanking__shop[data-shopping-ranking-shop="rakuten"] {
  color: var(--color-rakuten);
}

.homeComponentPc_shoppingRanking__shop[data-shopping-ranking-shop="yahoo"] {
  color: var(--color-yahoo);
}

.homeComponentPc_shoppingRanking__moreLink {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 105px;
  height: 32px;
  padding: 6px;
  font-size: 1.4rem;
  color: var(--color-icon-gray);
  border: 1px solid #E9EBED;
  border-radius: 10px;
  background-color: #fff;
}

.homeComponentPc_shoppingRanking__moreLink img {
  width: 20px;
  filter: var(--filter-icon-gray);
}

@media (hover) {
  .homeComponentPc_shoppingRanking__moreLink {
    transition-property: border-color, background-color;
    transition-duration: .2s;
  }
  .homeComponentPc_shoppingRanking__moreLink:hover {
    border-color: #CDD3D6;
    background-color: #F7F7F7;
  }
}

.homeComponentPc_shoppingRanking__moreLink.isNone {
  display: none !important;
}

.homeComponentPc_shoppingRanking__body {
  display: flex;
  flex-flow: column;
  gap: 5px;
}

.homeComponentPc_shoppingRanking__item {
  border-top: 1px solid var(--color-border-gray);
  border-bottom: 1px solid var(--color-border-gray);
}

.homeComponentPc_shoppingRanking__item[data-is-hide="true"] {
  display: none;
}

.homeComponentPc_shoppingRanking .splide {
  height: calc(46px + 10px * 2);
  overflow: hidden;
}

.homeComponentPc_shoppingRanking .splide__track {
  height: 100%;
  margin-right: 30px;
  margin-left: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.homeComponentPc_shoppingRanking .splide__arrow {
  width: 20px;
  height: calc(100% - 10px * 2);
  opacity: 1;
  background-color: #F7F7F7;
}

.homeComponentPc_shoppingRanking .splide__arrow:hover {
  opacity: 1 !important;
  background-color: var(--color-primary-green);
}

.homeComponentPc_shoppingRanking .splide__arrow:hover img {
  filter: var(--filter-white);
}

.homeComponentPc_shoppingRanking .splide__arrow--prev {
  left: 0;
  border-radius: 4px 0 0 4px;
}

.homeComponentPc_shoppingRanking .splide__arrow--next {
  right: 0;
  border-radius: 0 4px 4px 0;
}

.homePcMain {
  display: flex;
  flex-flow: column;
  gap: 25px 20px;
  width: 100%;
  margin-bottom: 50px;
}

.homePcMain__head {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  max-width: 1040px;
  width: 100%;
}

.homePcMain__headAds {
  display: flex;
  justify-content: space-between;
}

.homePcMain__body {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.homePcMain__sideColumn {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 300px;
}

.homePcMain__mainColumn {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: calc(100% - 20px - 300px);
}

.homePcMain__basicBox {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 0;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: var(--wrapper-shadow);
}

.homePcMain__basicBoxHeading {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 0 10px;
  font-size: 1.8rem;
  font-weight: 700;
}

.homePcMain__basicBoxHeadingFocus {
  font-size: 1.4rem;
  font-weight: 500;
  color: #EA6F15;
}

.homePcMain__basicBoxBody {
  padding: 0 10px;
}

.homePcMain__basicBoxBody.isStretched {
  padding: 0;
}

.homePcMain__message {
  flex: 1;
  min-width: 0;
}

.homePcMain__favorites {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.homePcMain__standardServices {
  padding-top: 7px;
}

.homePcMain__campaigns {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 7px;
}

.homePcMain__standardShops {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.homePcMain__bonusResearchItem {
  border-top: 1px solid var(--color-border-gray);
}

@media (max-width: 767px) {
  .homePcMain__bonusResearchItem {
    margin-bottom: 10px;
  }
  .homePcMain__bonusResearchItem:last-child {
    margin-bottom: 0;
  }
}

@media (hover) {
  .homePcMain__clickpointdaily {
    transition-property: opacity;
    transition-duration: var(--duration-hover);
  }
  .homePcMain__clickpointdaily:hover {
    opacity: var(--opacity-hover);
  }
}

.homePcMain__clickpointdaily img {
  height: auto;
}

.fruitmail_pc__main {
  background-color: #f8f6ed;
}

.fruitmail_pc__body {
  position: relative;
  width: 1040px;
  min-height: 600px;
  margin: 0 auto;
  padding-top: 15px;
}

.fruitmail_pc__contents {
  display: flex;
  gap: 25px 20px;
}

.fruitmail_pc__leftContents {
  width: 180px;
}

.fruitmail_pc__mainContents {
  flex: 1;
}

.fruitmail_pc__rightContents {
  width: 300px;
}

.fruitmail_pc__skyscraperLeft {
  position: absolute;
  left: calc(-160px - 10px);
  top: 0;
  width: 160px;
  height: 100%;
}

@media screen and (max-width: 1379px) {
  .fruitmail_pc__skyscraperLeft {
    display: none;
  }
}

.fruitmail_pc__skyscraperRight {
  position: absolute;
  right: calc(-160px - 10px);
  top: 0;
  width: 160px;
  height: 100%;
}

@media screen and (max-width: 1379px) {
  .fruitmail_pc__skyscraperRight {
    display: none;
  }
}

.fruitmail_pc__basicBox {
  flex: 1;
  padding: 14px 1px 10px 1px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #e2e1d9;
}

.fruitmail_pc__basicHeading {
  margin-bottom: 8px;
  padding: 0 10px;
  font-size: 1.8rem;
  font-weight: 700;
}

.fruitmail_pc__basicHeading--focus {
  color: #ff7612;
  text-align: center;
}

.fruitmail_pc__specialBox {
  position: relative;
  padding: 10px;
  background: linear-gradient(#ff9e00 80%, #ff3232 100%);
}

.fruitmail_pc__specialHeading {
  position: relative;
  margin-top: 4px;
  margin-bottom: 14px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
}

.fruitmail_pc__ranking {
  display: flex;
  flex-flow: column;
  gap: 20px;
}

.fruitmail_pc #contentsRightAd300 .rightBox {
  width: 300px;
}

.fruitmail_pc #contentsRightAd300 .greeting {
  height: 46px;
}

.fruitmail_pc #contentsRightAd300 .ranking li {
  height: 20px;
}

.fruitmail_pc #contentsRightAd300 .ranking dt {
  width: 100%;
}

.fruitmail_pc .fm_l-loggedRightInformation__item {
  background-color: #fff;
}

.global_point {
  line-height: 1.2;
}

.global_point__beforeUp {
  display: inline-block;
  margin-right: 5px;
  text-decoration: line-through;
}

@media screen and (max-width: 449px) {
  .global_point__beforeUp {
    font-size: 1.2rem;
  }
}

.global_point__main {
  display: inline-block;
}

.global_point__icon {
  position: relative;
  bottom: -1px;
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 1;
}

@media screen and (max-width: 449px) {
  .global_point__icon {
    bottom: -2px;
    width: 20px;
    height: 20px;
  }
}

@media screen and (max-width: 449px) {
  .global_point__icon--large {
    width: 20px;
    height: 20px;
  }
}

@media screen and (max-width: 449px) {
  .global_point__icon--small {
    width: 16px;
    height: 16px;
  }
}

.global_point__icon img {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  margin: auto;
}

.global_point__reason {
  position: relative;
  top: -2px;
  display: inline-block;
  line-height: 1;
}

@media screen and (max-width: 449px) {
  .global_point__reason {
    font-size: 1.2rem;
  }
}

.global_point__point {
  display: inline-block;
  font-weight: 700;
  color: #e31610;
  line-height: 1;
}

.global_point__pointValue {
  font-size: 1.8rem;
}

@media screen and (max-width: 449px) {
  .global_point__pointValue {
    font-size: 2.0rem;
  }
}

.global_point__pointValue--large {
  font-size: 4rem;
}

@media screen and (max-width: 449px) {
  .global_point__pointValue--large {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 449px) {
  .global_point__pointValue--small {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 449px) {
  .global_point__pointUnit {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 449px) {
  .global_point__pointUnit--large {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 449px) {
  .global_point__pointUnit--small {
    font-size: 1.2rem;
  }
}

.global_header__nav {
  position: relative;
  border-top: 1px solid #e4e5e4;
  border-bottom: 1px solid #e4e5e4;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.global_header__navInner {
  display: flex;
  width: 1040px;
  margin: auto;
}

.global_header__mainMenuList {
  flex: 1;
  display: flex;
}

.global_header__mainMenu {
  flex: 1;
  display: flex;
  justify-content: center;
  height: 70px;
  border-right: 1px solid #e5e5e5;
}

.global_header__mainMenu:first-child {
  border-left: 1px solid #e5e5e5;
}

.global_header__mainMenuLink {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 100%;
  height: 100%;
  color: #484848;
  font-size: 1.2rem;
  font-weight: 700;
  box-sizing: border-box;
  text-decoration: none;
}

.global_header__mainMenuLink::before {
  position: absolute;
  right: 2px;
  bottom: 2px;
  content: '';
  width: 0;
  height: 0;
  border: 3px solid transparent;
  opacity: 1;
}

@media (hover) {
  .global_header__mainMenuLink::before {
    transition-property: opacity;
    transition-duration: var(--duration-hover);
  }
}

.global_header__mainMenuLink::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  width: 0;
  height: 5px;
  margin: 0 auto;
  background-color: transparent;
}

@media (hover) {
  .global_header__mainMenuLink::after {
    transition-property: width;
    transition-duration: var(--duration-hover);
  }
}

.global_header__mainMenuLink--hasContent::before {
  border-right-color: #b4b4b4;
  border-bottom-color: #b4b4b4;
}

.global_header__mainMenuLink--hasContent.isCurrent::before {
  opacity: 0;
}

.global_header__mainMenuLink figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
}

.global_header__mainMenuLink img {
  width: 100%;
  filter: var(--filter-icon-light-gray);
}

@media (hover) {
  .global_header__mainMenuLink {
    transition-property: background-color;
    transition-duration: var(--duration-hover);
  }
  .global_header__mainMenuLink:hover {
    color: #e8a61d;
    text-decoration: none;
  }
  .global_header__mainMenuLink:hover::after {
    width: 100%;
    background-color: var(--color-primary-orange);
    transition-property: width;
    transition-duration: 0.6s;
  }
  .global_header__mainMenuLink:hover img {
    filter: var(--filter-primary-orange);
  }
}

.global_header__mainMenuLink.isCurrent {
  color: #e8a61d;
}

.global_header__mainMenuLink.isCurrent img {
  filter: var(--filter-primary-orange);
}

.global_header__mainMenuIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  transition-property: color;
  transition-duration: 0.2s;
}

.global_header__subMenu {
  width: 1040px;
  margin: auto;
  padding-top: 16px;
}

.global_header__subMenu--none {
  display: none;
}

.global_header__subMenu--myMenu {
  display: flex;
  justify-content: center;
  margin-top: 15px;
}

.global_header__accountMenu {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 235px;
}

.global_header__contentBox {
  position: absolute;
  top: 71px;
  left: 0;
  z-index: 1000;
  width: 1040px;
  margin: auto;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 0;
  transition-duration: .2s;
}

.global_header__contentBox.isShow {
  visibility: visible;
  opacity: 1;
}

.global_header__contentBoxBody {
  width: 1040px;
  margin: 0 auto;
  padding: 16px;
  padding-bottom: 20px;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.global_header__contentBoxInner {
  width: 100%;
}

.global_header__contentBoxClose {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1040px;
  margin: 20px auto 0 auto;
  padding: 10px;
  font-size: 1.4rem;
  font-weight: 700;
  color: #484848;
  border: none;
  background-color: #f7f7f7;
}

.global_header__contentBoxClose img {
  width: 18px;
  filter: brightness(0) saturate(100%) invert(24%) sepia(42%) saturate(0%) hue-rotate(224deg) brightness(95%) contrast(87%);
}

@media (any-hover: hover) {
  .global_header__contentBoxClose {
    transition-property: background-color;
    transition-duration: 0.2s;
  }
  .global_header__contentBoxClose:hover {
    background-color: #ffffd5;
  }
}

.global_header__subMenuList {
  display: flex;
  justify-content: space-between;
  gap: 0 15px;
  margin-bottom: 20px;
}

.global_header__subMenuListItem {
  width: 140px;
}

.global_header__subMenuListItem--large {
  flex: 1;
}

.global_header__subMenuLink {
  display: flex;
  align-items: center;
  gap: 0 5px;
  min-height: 40px;
  padding: 5px;
  color: #484848;
  font-size: 1.4rem;
  font-weight: 700;
  border-radius: 10px;
  background-color: #f7f7f7;
  white-space: nowrap;
  transition-property: background-color;
  transition-duration: var(--duration-hover);
}

.global_header__subMenuLink figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: var(--color-icon-light-gray);
  transition-property: background-color;
  transition-duration: var(--duration-hover);
}

.global_header__subMenuLink img {
  width: 13px;
  filter: var(--filter-white);
}

.global_header__subMenuLink:hover {
  text-decoration: none;
  background-color: #ffffd5;
}

.global_header__subMenuLink:hover figure {
  background-color: var(--color-primary-orange);
}

.global_header__menuContent {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 30px;
}

.global_header__setting {
  width: 175px;
}

.global_header__settingIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
}

.global_header__settingIcon img {
  width: 40px;
  filter: var(--filter-icon-light-gray);
}

.global_header__settingList {
  display: flex;
  flex-flow: column;
  gap: 5px 0;
}

.global_header__guide {
  display: flex;
  flex-wrap: wrap;
  gap: 13px 13px;
  width: 444px;
}

.global_header__guideItem {
  width: calc((100% - 30px) / 3);
  height: 96px;
}

.global_header__guideLink {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 7px 0;
  width: 100%;
  height: 100%;
  font-size: 1.4rem;
  color: #484848;
  border: 1px solid #e4e5e4;
  border-radius: 10px;
  background-color: #fff;
}

.global_header__guideLink figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}

.global_header__guideLink img {
  filter: var(--filter-icon-light-gray);
}

@media (hover) {
  .global_header__guideLink {
    transition-property: color border-color;
    transition-duration: var(--duration-hover);
  }
  .global_header__guideLink:hover {
    text-decoration: none;
    color: #e8a61d;
    border-color: #e8a61d;
  }
  .global_header__guideLink:hover img {
    filter: var(--filter-primary-orange);
  }
}

.global_header__logoutBox {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
}

.global_header__logoutLink {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 2px;
  width: 76px;
  height: 21px;
  padding: 0;
  color: #7b7b7b;
  font-size: 1.0rem;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 5px;
  border: 1px solid #b4b4b4;
  white-space: nowrap;
  transition-property: border-color background-color;
  transition-duration: 0.2s;
}

.global_header__logoutLink:hover {
  color: #7b7b7b;
  border-color: #e8a61d;
  background-color: #ffffd5;
  text-decoration: none;
}

.global_header__logoutLink:hover .global_header__logoutIcon {
  background-color: var(--color-primary-orange);
}

.global_header__logoutIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #b4b4b4;
  transition-property: background-color;
  transition-duration: 0.2s;
}

.global_header__logoutIcon img {
  width: 10px;
  filter: brightness(0) invert(1);
}

.global_header__menuClose {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 10px;
  margin-top: 20px;
  color: #484848;
  font-size: 1.4rem;
  font-weight: 700;
  border: none;
  background: #F7F7F7;
}

.global_header__menuClose .material-icons {
  font-size: 1.8rem;
}

.global_header__accountClose {
  display: flex;
  justify-content: center;
  padding: 10px;
  margin-top: 20px;
  color: #484848;
  font-size: 1.4rem;
  font-weight: 700;
  background: #F7F7F7;
}

.global_header__serviceCategory {
  padding: 10px 0;
  box-sizing: border-box;
}

.global_header__pointCategories {
  display: flex;
}

.global_header__pointCategory {
  display: flex;
  flex-direction: column;
  width: calc(100% / 7);
  padding: 0 7px;
  border-left: 1px solid #e0e0e0;
}

.global_header__pointCategory:first-child {
  border-left: none;
}

.global_header__pointCategoryHead {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
  font-size: 1.4rem;
  font-weight: 700;
}

.global_header__pointCategoryHead img {
  margin-right: 5px;
  filter: var(--filter-icon-light-gray);
}

.global_header__pointCategoryHeading {
  font-size: 1.4rem;
  color: #484848;
}

.global_header__pointCategoryLink {
  display: block;
  color: #484848;
  padding: 5px 0px;
  font-size: 1.2rem;
  text-decoration: none;
  border-radius: 10px;
  transition-property: background-color;
  transition-duration: .2s;
}

.global_header__pointCategoryLink:hover {
  color: #484848;
  text-decoration: none;
  background-color: #ffffd5;
}

.global_header__pointCategoryLink img {
  width: 20px;
  filter: var(--filter-icon-light-gray);
}

.global_header__pointCategoryLinkInner {
  display: flex;
}

.global_header__pointCategoryLinkLabel {
  display: flex;
  align-items: center;
  line-height: 1.4;
}

.global_header__loginAccount {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
  height: 100%;
  padding: 0 7px;
  box-sizing: border-box;
  border-right: 1px solid #e5e5e5;
}

.global_header__userNameBox {
  display: flex;
  align-items: center;
  gap: 0 5px;
}

.global_header__userRankLink .global_header__userRankIcon {
  transition-property: opacity;
  transition-duration: 0.2s;
}

@media (any-hover: hover) {
  .global_header__userRankLink:hover {
    text-decoration: none;
  }
  .global_header__userRankLink:hover .global_header__userRankIcon {
    opacity: 0.8;
  }
}

.global_header__userName {
  font-size: 1.2rem;
  font-weight: 700;
}

.global_header__userNameUnit {
  font-weight: 500;
}

.global_header__information {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.global_header__information--before {
  width: 100%;
  padding: 2px;
  flex-direction: initial;
  justify-content: space-evenly;
}

.global_header__informationLink {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 76px;
  height: 21px;
  margin-bottom: 5px;
  padding: 0;
  color: #7b7b7b;
  font-size: 1.0rem;
  font-weight: 500;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #b4b4b4;
  white-space: nowrap;
  transition-property: border-color background-color;
  transition-duration: 0.2s;
}

.global_header__informationLink:hover {
  color: #7b7b7b;
  border-color: #e8a61d;
  background-color: #ffffd5;
  text-decoration: none;
}

.global_header__informationLink:hover img {
  filter: var(--filter-primary-orange);
}

.global_header__informationLink img {
  width: 14px;
  filter: var(--filter-icon-light-gray);
}

.global_header__informationTitle {
  display: flex;
  align-items: center;
  font-size: 1.1rem;
}

.global_header__menuSetting {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-right: 30px;
}

.global_header__menuGuide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 20px;
}

.global_header__menuGuide a {
  color: #484848;
  text-decoration: none;
}

.global_header__menuPoint {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.global_header__menuPoint a {
  color: #484848;
  text-decoration: none;
}

.global_header__pointGuide {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-weight: 700;
  padding: 20px;
  margin-bottom: 15px;
  border-radius: 10px;
  border: 1px solid #E4E5E4;
}

.global_header__pointGuide:hover {
  opacity: 0.5;
  color: #e8a61d;
  background: #ffffd5;
  border: 1px solid #e8a61d;
}

.global_header__pointGuide:hover span {
  color: #e8a61d;
}

.global_header__pointGuide span {
  color: #b4b4b4;
  font-size: 2.4rem;
  margin-bottom: 10px;
}

.global_header__menuQuestion {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-weight: 700;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #E4E5E4;
}

.global_header__menuQuestion:hover {
  opacity: 0.5;
  color: #e8a61d;
  background: #ffffd5;
  border: 1px solid #e8a61d;
}

.global_header__menuQuestion:hover span {
  color: #e8a61d;
}

.global_header__menuQuestion span {
  color: #b4b4b4;
  font-size: 2.4rem;
  margin-bottom: 10px;
}

.global_header__pointHistory {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-weight: 700;
  padding: 20px 25px;
  margin-bottom: 15px;
  border-radius: 10px;
  border: 1px solid #E4E5E4;
}

.global_header__pointHistory:hover {
  opacity: 0.5;
  color: #e8a61d;
  background: #ffffd5;
  border: 1px solid #e8a61d;
}

.global_header__pointHistory:hover span {
  color: #e8a61d;
}

.global_header__pointHistory span {
  color: #b4b4b4;
  font-size: 2.4rem;
  margin-bottom: 10px;
}

.global_header__prize {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.global_header__prize::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #fff;
}

.global_header__prizeItem {
  position: relative;
  box-sizing: border-box;
  width: calc(100% / 5);
  padding: 22px 18px 10px 18px;
  border-right: 1px solid #e4e5e4;
  border-bottom: 1px solid #e4e5e4;
}

.global_header__prizeItem:nth-child(5n) {
  border-right: none;
}

.global_header__prizeLimit {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% - 18px * 2);
  height: 22px;
  margin: 0 auto;
  color: #fff;
  background-color: #e8a61d;
}

.global_header__prizeIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.global_header__prizeIcon .material-icons {
  font-size: 9rem;
  color: #e4e5e4;
}

.global_header__userStatus {
  background-color: #effafa;
}

.global_header__userStatusWrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1040px;
  height: 66px;
  margin: auto;
  padding: 0 3px;
}

.global_header__loginBonus {
  display: flex;
  align-items: center;
}

/*-------------------------------------
  ** global_userStatus（component）
--------------------------------------*/
.global_pointTarget {
  display: flex;
  align-items: center;
  gap: 5px;
}

.global_pointTarget__nextBox {
  display: flex;
  align-items: center;
  gap: 0 5px;
  height: 100%;
  font-size: 1.2rem;
}

.global_pointTarget__targetText {
  margin: 2px;
  padding: 20px;
  color: #484848;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0px;
  overflow: auto;
  background-color: #fff;
}

.global_pointTarget__nextPoint {
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.global_pointTarget__nextValue {
  font-size: 1.4rem;
  font-weight: 700;
}

.global_pointTarget__nextValue .unit {
  font-size: 1.2rem;
}

.global_pointTarget__graph {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 30px;
  height: 30px;
  color: #a0a0a0;
  border-radius: 50%;
}

.global_pointTarget__iconLink {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid #eab443;
  border-radius: 50%;
  background-color: #fff;
  transition-property: background-color;
  transition-duration: 0.2s;
}

.global_pointTarget__iconLink .material-icons {
  font-size: 2.4rem;
  color: #eab443;
  transition-property: color;
  transition-duration: 0.2s;
}

@media (any-hover: hover) {
  .global_pointTarget__iconLink:hover {
    background-color: #eab443;
    text-decoration: none;
  }
  .global_pointTarget__iconLink:hover .material-icons {
    color: #fff;
  }
}

.global_pointTarget__buttonLink {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #eab443;
  border: 1px solid #eab443;
  border-radius: 15px;
  background-color: #fff;
  transition-property: color background-color;
  transition-duration: 0.2s;
}

.global_pointTarget__buttonLink .material-icons {
  font-size: 1.6rem;
  color: #eab443;
  transition-property: color;
  transition-duration: 0.2s;
}

@media (any-hover: hover) {
  .global_pointTarget__buttonLink:hover {
    color: #fff;
    text-decoration: none;
    background-color: #eab443;
  }
  .global_pointTarget__buttonLink:hover .material-icons {
    color: #fff;
  }
}

.global_pointTarget__setTargetButton {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 0 10px 0 5px;
  color: #e8a61d;
  border: 1px solid #eab443;
  border-radius: 18px;
  background-color: #fff;
  transition-property: color background-color;
  transition-duration: 0.2s;
}

.global_pointTarget__setTargetButton .material-icons {
  color: #e8a61d;
}

@media (any-hover: hover) {
  .global_pointTarget__setTargetButton:hover {
    color: #fff;
    background-color: #eab443;
  }
  .global_pointTarget__setTargetButton:hover .material-icons {
    color: #fff;
  }
}

.global_pointTarget__setTargetButtonLabel {
  font-size: 1.1rem;
  line-height: 1.25;
}

.global_pointTarget__targetList {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 220px;
  left: calc(50% - 400px);
  z-index: 2000;
  background-color: rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px #00000029;
  opacity: 0;
  visibility: hidden;
  transition-duration: .2s;
}

.global_pointTarget__targetList.isActive {
  opacity: 1;
  visibility: visible;
}

.global_pointTarget__targetListInner {
  width: 370px;
  min-height: 260px;
  background-color: #fff;
  overflow-y: auto;
}

.global_pointTarget__targetListInner select {
  width: 100%;
  border: 1px solid #e5e5e5;
  cursor: pointer;
}

.global_pointTarget__exchangeItemDetail {
  display: flex;
  flex-wrap: wrap;
}

.global_pointTarget__exchangeItemTitle {
  width: 150px;
  font-size: 1.4rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.global_pointTarget__exchangeItemLabel {
  width: 100%;
  font-size: 1.4rem;
  font-weight: normal;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.global_pointTarget__exchangeItemLabel {
  font-size: 1.4rem;
}

.global_pointTarget__exchangeItemLabel .material-icons {
  color: #b4b4b4;
  font-size: 1.0rem;
  font-weight: normal;
}

.global_pointTarget__exchangeItemCategory {
  display: none;
}

.global_pointTarget__exchangeItemCategory.isShow {
  display: flex;
  width: 50%;
  padding: 22px 10px;
  box-sizing: border-box;
}

.global_pointTarget__exchangeItemCategory:hover {
  cursor: pointer;
  background-color: #FFF9BC;
}

.global_pointTarget__exchangeItemCategory .material-icons {
  color: #b4b4b4;
}

.global_pointTarget__exchangeItemList {
  display: none;
  width: 100%;
  flex-wrap: wrap;
  text-align: center;
}

.global_pointTarget__exchangeItemList.isShow {
  display: flex;
}

.global_pointTarget__exchangeItem {
  width: 50%;
  padding: 15px 10px;
  font-size: 1.4rem;
  box-sizing: border-box;
}

.global_pointTarget__exchangeItem:hover {
  cursor: pointer;
  background-color: #FFF9BC;
}

.global_exchangeTarget {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 3px;
}

.global_exchangeTarget__itemSetting {
  cursor: pointer;
  position: relative;
}

.global_exchangeTarget__itemSetting:hover .global_exchangeTarget__pointGraphFrame {
  opacity: 70%;
}

.global_exchangeTarget__itemSetting:hover .global_exchangeTarget__itemDisplay {
  opacity: 1;
  visibility: visible;
}

.global_exchangeTarget__settingButton {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 200px;
  height: 46px;
  color: #e8a61d;
  padding-left: 20px;
  border-radius: 22px;
  border: 1px solid #eab443;
  background-color: #FFFFFF;
}

.global_exchangeTarget__settingButton img {
  filter: var(--filter-primary-orange);
}

@media (hover) {
  .global_exchangeTarget__settingButton {
    transition-property: color, background-color;
    transition-duration: var(--duration-hover);
  }
  .global_exchangeTarget__settingButton:hover {
    color: #fff;
    background-color: var(--color-primary-orange);
  }
  .global_exchangeTarget__settingButton:hover img {
    filter: var(--filter-white);
  }
}

.global_exchangeTarget__settingButtonLabel {
  display: flex;
  align-items: center;
  gap: 20px;
}

@media (hover) {
  .global_exchangeTarget__settingButtonLabel {
    transition-property: filter;
    transition-duration: var(--duration-hover);
  }
}

.global_exchangeTarget__buttonLabelText {
  font-size: 1.2rem;
  line-height: 1.41;
}

.global_exchangeTarget__pointDisplay {
  width: 100%;
}

.global_exchangeTarget__heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.global_exchangeTarget__heading img {
  width: 20px;
}

.global_exchangeTarget__headingGoal {
  filter: brightness(0) saturate(100%) invert(27%) sepia(10%) saturate(0%) hue-rotate(216deg) brightness(101%) contrast(98%);
}

.global_exchangeTarget__headingFlag {
  filter: var(--filter-primary-orange);
}

.global_exchangeTarget__itemTitle {
  font-size: 1.2rem;
}

.global_exchangeTarget__pointBarFrame {
  width: 220px;
  padding: 2px;
  border-radius: 30px;
  border: 1px solid #CDD3D6;
  background-color: #FFFFFF;
  position: relative;
}

.global_exchangeTarget__pointBackgroundBar {
  width: 100%;
  border-radius: 30px;
  background-color: #FFFFFF;
  overflow: hidden;
}

.global_exchangeTarget__pointBar {
  height: 22px;
}

.global_exchangeTarget__achievement {
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
}

.global_exchangeTarget__achievementLinkBox {
  width: 100%;
}

.global_exchangeTarget__achievementLink {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  color: #FFFFFF;
}

.global_exchangeTarget__achievementMikkun {
  position: absolute;
  top: -15px;
  right: -10px;
}

.global_exchangeTarget__point {
  width: 100%;
  display: inline-flex;
  justify-content: center;
  gap: 3px;
  font-size: 1.4rem;
  position: absolute;
  top: 5px;
}

.global_exchangeTarget__itemDisplay {
  opacity: 0;
  visibility: hidden;
  transition-duration: 0.6s;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  min-width: 370px;
  min-height: 210px;
  background-color: #FFFFFF;
  position: absolute;
  top: 27px;
  left: 0px;
  z-index: 1000;
}

.global_exchangeTarget__title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 20px;
  font-size: 1.6rem;
  font-weight: bold;
}

.global_exchangeTarget__itemColumn {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  min-width: 370px;
  min-height: 210px;
}

.global_exchangeTarget__itemLabel {
  display: flex;
  align-items: center;
  width: 50%;
  height: 70px;
  padding: 10px;
  box-sizing: border-box;
}

.global_exchangeTarget__itemLabel:hover {
  background-color: #FFF9BC;
}

.global_exchangeTarget__itemLabel.isHidden {
  display: none;
}

.global_exchangeTarget__itemLabel img {
  filter: var(--filter-icon-light-gray);
}

.global_exchangeTarget__mainLabel {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  font-size: 1.4rem;
}

.global_exchangeTarget__subLabel {
  font-size: 1.4rem;
}

.global_exchangeTarget__subLabel:empty {
  display: none;
}

.global_exchangeTarget__itemList {
  display: none;
}

.global_exchangeTarget__itemList.isShow {
  display: flex;
  flex-wrap: wrap;
}

.global_exchangeTarget__itemCategory {
  width: 185px;
  height: 70px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
}

.global_exchangeTarget__itemCategory:hover {
  background-color: #FFF9BC;
}

.global_exchangeTarget__itemName {
  max-width: 150px;
  min-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.global_exchangeTarget__itemPoint {
  display: flex;
}

.global_exchangeTarget__LinkWrapper {
  width: 100%;
  position: relative;
  bottom: 0;
}

.global_exchangeTarget__link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-top: 1px solid #e4e5e4;
}

.global_exchangeTarget__link:hover {
  background-color: #FFF9BC;
}

.global_loginBonus {
  display: flex;
  align-items: center;
}

.global_loginBonus__getStamp {
  display: flex;
  align-items: center;
  gap: 5px;
}

.global_loginBonus__display {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 5px;
}

.global_loginBonus__stampDisplay {
  display: flex;
  align-items: center;
}

.global_loginBonus__stampCount {
  font-size: 1.2rem;
  font-weight: bold;
}

.global_loginBonus__title {
  font-size: 1.2rem;
}

.global_loginBonus__confirmButton {
  display: flex;
  align-items: center;
  width: 110px;
  height: 30px;
  color: #E56B77;
  font-size: 1.2rem;
  padding-left: 4px;
  border-radius: 18px;
  background-color: #FFFFFF;
  border: 1px solid #E56B77;
}

.global_loginBonus__confirmButton:hover {
  color: #FFFFFF;
  background-color: #E56B77;
}

.global_loginBonus__confirmButton .material-icons {
  font-size: 16px;
}

.global_loginBonus__modal {
  display: none;
}

.global_loginBonusModal__background {
  width: 450px;
  margin: auto;
  padding: 5px 0;
  border-radius: 10px;
  background-size: 480px 556px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/assets/img/global/login_bonus/background_pc.png");
}

@media (max-width: 1040px) {
  .global_loginBonusModal__background {
    width: 320px;
    background-size: 350px 490px;
    background-image: url("/assets/img/global/login_bonus/background_sp.png");
  }
}

.global_loginBonusModal__header {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 0 27px 3px 27px;
}

.global_loginBonusModal__title img {
  height: auto;
}

.global_loginBonusModal__header--campaign {
  padding-left: calc(10px + 99px + 14px);
}

.global_loginBonusModal__campaignIcon {
  position: absolute;
  left: 10px;
  bottom: 3px;
  width: 99px;
}

@media (hover) {
  .global_loginBonusModal__campaignIcon {
    transition-duration: bottom;
    transition-duration: 0.2s;
  }
  .global_loginBonusModal__campaignIcon:hover {
    bottom: 6px;
  }
}

.global_loginBonusModal__campaignIcon img {
  height: auto;
}

.global_loginBonusModal__reward {
  display: none;
  align-items: baseline;
  justify-content: center;
  width: 100%;
  margin: auto;
  margin-bottom: 10px;
  padding: 7px 0;
  background: #F8FF45;
  box-shadow: 0px 0px 6px #F6FF00;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__reward {
    align-items: center;
    padding: 4px 0;
    min-height: 40px;
  }
}

.global_loginBonusModal__reward .exception {
  font-size: 1.4rem;
}

.global_loginBonusModal__reward .exception a {
  display: block;
}

.global_loginBonusModal__receive {
  display: none;
  color: #FFFFFF;
  font-size: 2.0rem;
  padding: 10px 0;
  margin-bottom: 10px;
  background: #333333;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__receive {
    font-size: 1.4rem;
  }
}

.global_loginBonusModal__receive--not a {
  font-size: 2.0rem;
  color: #4BD1C8;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__receive--not a {
    font-size: 1.4rem;
  }
}

.global_loginBonusModal__pointIcon {
  margin-right: 5px;
}

.global_loginBonusModal__pointIcon img {
  width: 20px;
  height: 20px;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__pointIcon img {
    width: 18px;
    height: 18px;
  }
}

.global_loginBonusModal__rewardContent {
  display: flex;
  align-items: baseline;
}

.global_loginBonusModal__dailyContent {
  display: flex;
  align-items: baseline;
}

.global_loginBonusModal__dailyTitle {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: left;
  margin-right: 5px;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__dailyTitle {
    font-size: 1.3rem;
    margin-right: 0;
  }
}

.global_loginBonusModal__daily {
  color: #DF4840;
  font-size: 2.0rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__daily {
    font-size: 1.3rem;
  }
}

.global_loginBonusModal__dailyPoint {
  font-size: 3.0rem;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__dailyPoint {
    font-size: 1.8rem;
  }
}

.global_loginBonusModal__symbol {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 3px;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__symbol {
    font-size: 1.3rem;
  }
}

.global_loginBonusModal__symbol .plus {
  font-size: 2.6rem;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__symbol .plus {
    font-size: 1.3rem;
  }
}

.global_loginBonusModal__stampStatus {
  display: flex;
  align-items: center;
}

.global_loginBonusModal__statusTitle {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: left;
  margin-right: 5px;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__statusTitle {
    font-size: 1.3rem;
    margin-right: 0;
  }
}

.global_loginBonusModal__completeBonus {
  display: none;
  color: #DF4840;
  font-size: 2.0rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__completeBonus {
    font-size: 1.3rem;
  }
}

.global_loginBonusModal__completePoint {
  font-size: 3.0rem;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__completePoint {
    font-size: 1.8rem;
  }
}

.global_loginBonusModal__stampBox {
  width: 380px;
  margin: auto;
  margin-bottom: 10px;
  background: #FECC90;
  border: 1px solid #004445;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__stampBox {
    width: 300px;
  }
}

.global_loginBonusModal__stampCompleteTarget {
  font-size: 1.4rem;
  font-weight: bold;
  color: #F8FF45;
  padding: 4px;
  background-color: #004445;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__stampCompleteTarget {
    font-size: 1.3rem;
  }
}

.global_loginBonusModal__stampRally {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 11px 10px 3px 10px;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__stampRally {
    justify-content: space-between;
  }
}

.global_loginBonusModal__stamp {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: center;
  margin-right: 10px;
}

.global_loginBonusModal__stampTitle {
  color: #004445;
  font-size: 1.4rem;
}

.global_loginBonusModal__stampHistory {
  color: #004445;
  font-size: 2.6rem;
  font-weight: bold;
}

.global_loginBonusModal__stampList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 5px 0;
  width: 200px;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__stampList {
    gap: 3px;
    width: 152px;
  }
}

.global_loginBonusModal__stampIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px;
  background: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #B99E80;
}

.global_loginBonusModal__stampIcon #stampBonus {
  width: 28px;
  height: 28px;
}

@media (max-width: 1040px) {
  .global_loginBonusModal__stampIcon #stampBonus {
    width: 20px;
    height: 20px;
  }
}

.global_loginBonusModal__attention {
  display: flex;
  justify-content: center;
  margin-bottom: 7px;
}

.global_loginBonusModal__stampExpire {
  font-size: 1.2rem;
}

.global_loginBonusModal__question {
  display: flex;
  align-items: center;
  color: #1F7E78;
  font-size: 1.2rem;
}

.global_loginBonusModal__question .material-icons {
  font-size: 12px;
  color: #1F7E78;
  margin-top: 2px;
}

.global_highReturn {
  display: flex;
  flex-direction: column;
  color: #484848;
  max-width: 380px;
  width: 100%;
  margin: auto;
  border-radius: 10px;
}

@media (max-width: 1040px) {
  .global_highReturn {
    max-width: 300px;
  }
}

.global_highReturn__title {
  color: #FFFFFF;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 5px 60px;
  background: #DE3030;
  border-radius: 10px 10px 0px 0px;
}

.global_highReturn__item {
  background-color: #FFFFFF;
  border-radius: 0px 0px 10px 10px;
}

.global_highReturn__item:hover {
  background-color: #FFF9BC;
}

.global_highReturn__itemLink {
  color: #484848;
  text-decoration: none;
}

.global_highReturn__itemLink a:not([class]) {
  text-decoration: none;
}

.global_highReturn__itemLink a:not([class]):hover {
  text-decoration: underline;
}

.global_highReturn__itemThumbnail {
  display: flex;
}

.global_highReturn__itemThumbnail picture {
  padding: 10px;
}

@media (max-width: 1040px) {
  .global_highReturn__itemThumbnail picture {
    padding: 8px;
  }
}

.global_highReturn__itemDetail {
  padding-top: 10px;
}

.global_highReturn__itemText {
  width: 130px;
  font-size: 1.4rem;
  line-height: 1.42;
  text-align: left;
  margin-bottom: 10px;
}

@media (max-width: 1040px) {
  .global_highReturn__itemText {
    width: 110px;
  }
}

.global_highReturn__itemPoint {
  display: flex;
  flex-direction: column;
}

.global_highReturn__itemPoint .global_point {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.global_highReturn__itemPoint .global_point__beforeUp {
  font-size: 1.4rem;
  line-height: 1.42;
}

.global_highReturn__itemPoint .global_point__main {
  display: flex;
  align-items: center;
}

.global_highReturn__itemPoint .global_point__icon {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}

@media (max-width: 1040px) {
  .global_highReturn__itemPoint .global_point__icon {
    margin-right: 0;
  }
}

.global_highReturn__itemPoint .global_point__point {
  display: flex;
  align-items: baseline;
  font-family: 'Noto Sans JP' !important;
}

.global_highReturn__itemPoint .global_point__pointValue {
  font-size: 2.5rem;
}

.global_highReturn__itemPoint .global_point__pointUnit {
  font-size: 1.4rem;
}

.global_rankStatus {
  display: flex;
  align-items: center;
  gap: 0 10px;
}

.global_rankStatus__rankUpCondition {
  font-size: 1.2rem;
  text-align: right;
}

.global_rankStatus__userRankIcon {
  width: 28px;
}

.global_rankStatus__nextBox {
  display: flex;
  align-items: center;
  gap: 0 5px;
  height: 100%;
  font-size: 1.2rem;
}

.global_rankStatus__nextText {
  display: flex;
  flex-flow: column;
  font-size: 1.2rem;
}

.global_rankStatus__nextValue {
  font-size: 1.4rem;
  font-weight: 700;
}

.global_rankStatus__nextValue .unit {
  font-size: 1.2rem;
}

.global_rankStatus__graph {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 30px;
  height: 30px;
  color: #a0a0a0;
  border-radius: 50%;
}

.global_rankStatus__buttonLink {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #eab443;
  border: 1px solid #eab443;
  border-radius: 15px;
  background-color: #fff;
}

.global_rankStatus__buttonLink img {
  width: 16px;
  filter: var(--filter-primary-orange);
}

@media (hover) {
  .global_rankStatus__buttonLink {
    transition-property: color background-color;
    transition-duration: var(--duration-hover);
  }
  .global_rankStatus__buttonLink:hover {
    color: #fff;
    text-decoration: none;
    background-color: var(--color-primary-orange);
  }
  .global_rankStatus__buttonLink:hover img {
    filter: var(--filter-white);
  }
}

.global_campaignAndFeature__seeMoreLink {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 0;
  color: #484848 !important;
  text-decoration: none !important;
  border-radius: 0 0 5px 5px;
  border-top: 1px solid #E0E0E0;
  margin-top: -1px;
}

.global_campaignAndFeature__seeMoreLink:hover {
  background-color: #FFF9BC;
}

.global_campaignAndFeature__title {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
}

.global_campaignAndFeature__list {
  display: flex;
  flex-wrap: wrap;
}

.global_campaignAndFeature__link {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 10px;
}

.global_campaignAndFeature__link:hover {
  background-color: #FFF9BC;
}

.global_campaignAndFeature__item {
  width: calc(100% / 3);
}

.global_campaignAndFeature__image {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

.global_campaignAndFeature__image img {
  width: fit-content;
  height: fit-content;
}

@media screen and (max-width: 480px) {
  .global_campaignAndFeature__item {
    box-shadow: 0px 0px 10px #E2E1D9;
    border-radius: 5px;
  }
  .global_campaignAndFeature__item a {
    margin: 2px;
    padding: 7px;
    background-color: white;
  }
  .global_campaignAndFeature__seeMore {
    margin-top: 10px;
    border-radius: 10px;
    border: 1px solid #CDD3D6;
    background-color: #FFFFFF;
  }
  .global_campaignAndFeature__seeMoreLink {
    width: 100%;
    padding: 12px 0;
    border-radius: 10px;
    justify-content: center;
    color: #939393 !important;
  }
}

.global_panel {
  height: 100%;
  border-radius: 5px;
  background-color: #FFFFFF;
}

.global_panel__header {
  padding: 10px;
  padding-bottom: 5px;
}

.global_panel__footer {
  min-height: 10px;
}

body[data-device="mobile"] .global_panel {
  padding: 0 15px;
  background-color: initial;
  background-color: unset;
}

body[data-device="mobile"] .global_panel__header {
  padding: unset;
  padding-bottom: 5px;
}

body[data-device="mobile"] .global_panel__footer {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  min-height: 0;
}

.global_landing {
  padding: 47px 0px 0px 0px;
  background-color: #FFF871;
  /*-------------------------------------
  ** swiper
--------------------------------------*/
}

@media (max-width: 1040px) {
  .global_landing {
    max-width: 720px;
    margin: auto;
    padding: 37px 0px 0px 0px;
  }
}

.global_landing__contents {
  max-width: 1040px;
  margin: auto;
}

@media (max-width: 1040px) {
  .global_landing__contents {
    width: 100%;
  }
}

.global_landing__titleImage {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

.global_landing__swiperTabMenu {
  width: 100%;
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .global_landing__swiperTabMenu {
    padding: 15px;
    box-sizing: border-box;
  }
}

.global_landing__swiperMenuList {
  margin: auto;
}

.global_landing__swiperMenuList--large {
  width: 1040px;
  height: 46px;
  margin-bottom: 15px;
}

.global_landing__swiperMenuList--medium {
  width: 910px;
  height: 40px;
  margin-bottom: 10px;
}

.global_landing__swiperMenuList--small {
  width: 617px;
  height: 40px;
  margin-bottom: 10px;
}

@media (max-width: 1040px) {
  .global_landing__swiperMenuList {
    width: 100%;
    margin-bottom: 0;
    display: none;
  }
}

.global_landing__tabName {
  font-weight: 700;
  text-align: center;
  border-radius: 50px;
  background: #FFFFFF;
  box-shadow: 0px 3px 3px #291E1729;
  cursor: pointer;
}

.global_landing__tabName--large {
  width: 255px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 2.2rem;
}

.global_landing__tabName--medium {
  width: 220px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.4rem;
}

.global_landing__tabName--small {
  width: 145px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.4rem;
}

.global_landing__swiperContentList {
  border-radius: 10px;
  box-shadow: 0px 0px 10px #E2E1D9;
}

.global_landing__swiperContentList--large {
  width: 1040px;
  height: 280px;
  margin: auto;
  margin-bottom: 20px;
}

.global_landing__swiperContentList--medium {
  width: 910px;
  height: 208px;
  margin: auto;
  margin-bottom: 0px;
}

.global_landing__swiperContentList--small {
  width: 617px;
  height: 431px;
  margin: auto;
  margin-bottom: 0px;
}

@media (max-width: 1040px) {
  .global_landing__swiperContentList {
    width: 100%;
    height: auto;
    margin-bottom: 0;
    border-radius: initial;
    box-shadow: none;
  }
}

.global_landing__tabContent {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  background: #FFFFFF;
  border-radius: 10px;
  box-sizing: border-box;
}

.global_landing__tabContent--large {
  width: 1040px;
  height: 280px;
  margin: auto;
  padding: 30px;
}

.global_landing__tabContent--medium {
  width: 910px;
  height: 208px;
  margin: auto;
  padding: 20px;
  align-items: center;
}

.global_landing__tabContent--medium#exchange {
  padding-bottom: 10px;
}

.global_landing__tabContent--small {
  width: 617px;
  height: 431px;
  margin: auto;
  padding: 20px;
  flex-direction: column;
}

@media (max-width: 1040px) {
  .global_landing__tabContent {
    display: block;
    width: 100%;
    height: auto;
    padding: 20px;
    margin-bottom: 20px;
  }
  .global_landing__tabContent#siteIntroduce {
    margin-bottom: 0;
  }
}

.global_landing__tabWrapper {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.global_landing__contentTitle {
  display: flex;
  align-items: baseline;
  color: #333333;
  font-size: 2.6rem;
  font-weight: bold;
}

.global_landing__contentTitle--large {
  font-size: 2.6rem;
  margin-bottom: 20px;
}

.global_landing__contentTitle--large#charge {
  margin-bottom: 24px;
}

.global_landing__contentTitle--large#exchange {
  margin-bottom: 14px;
}

.global_landing__contentTitle--medium {
  font-size: 2.0rem;
  margin-bottom: 10px;
}

.global_landing__contentTitle--medium#exchange {
  margin-bottom: 0px;
}

.global_landing__contentTitle--small {
  display: block;
  line-height: 1.6;
  font-size: 2.0rem;
  margin-bottom: 10px;
}

.global_landing__contentTitle--small#prize {
  white-space: nowrap;
  letter-spacing: -1px;
}

@media (max-width: 1040px) {
  .global_landing__contentTitle {
    display: block;
    font-size: 1.4rem;
    line-height: 1.6;
    letter-spacing: -0.8px;
    white-space: initial !important;
    margin-bottom: 10px;
  }
}

.global_landing__titleMarker {
  display: block;
  margin: 0 5px;
  color: #333333;
  font-size: 3.0rem;
  font-weight: bold;
  line-height: 1.0;
  background: #FFF200;
}

.global_landing__titleMarker:first-child {
  margin-left: 0;
}

.global_landing__titleMarker--large {
  font-size: 3.0rem;
  padding: 5px 0;
}

.global_landing__titleMarker--medium {
  font-size: 2.6rem;
  padding: 5px 0;
}

.global_landing__titleMarker--small {
  display: inline-block;
  font-size: 2.6rem;
  padding: 5px 0;
}

@media (max-width: 1040px) {
  .global_landing__titleMarker {
    display: inline;
    font-size: 2.0rem;
    line-height: 1.6;
    padding: 0;
    margin-bottom: 5px;
  }
}

@media (max-width: 1040px) {
  .global_landing__pointContent {
    margin-bottom: 20px;
  }
}

.global_landing__pointItemList {
  width: 510px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 10px;
}

.global_landing__pointItemList--large {
  gap: 20px 10px;
}

.global_landing__pointItemList--medium {
  gap: 10px 10px;
}

.global_landing__pointItemList--small {
  width: 100%;
  gap: 20px 32px;
}

@media (max-width: 1040px) {
  .global_landing__pointItemList {
    justify-content: center;
    width: 100%;
    gap: 10px 17px;
  }
}

@media (max-width: 360px) {
  .global_landing__pointItemList {
    gap: 10px;
  }
}

.global_landing__pointItem {
  width: 120px;
  height: 60px;
}

@media (max-width: 1040px) {
  .global_landing__pointItem {
    width: 90px;
    height: 45px;
  }
}

.global_landing__freeContent--large {
  width: 410px;
}

.global_landing__freeContent--medium {
  width: 305px;
}

.global_landing__freeContent--small {
  width: 577px;
}

@media (max-width: 1040px) {
  .global_landing__freeContent {
    width: 100%;
  }
}

.global_landing__freeItemTitle {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  color: #333333;
  font-size: 2.0rem;
  font-weight: bold;
}

.global_landing__freeItemTitle--large {
  font-size: 2.0rem;
  margin-bottom: 20px;
}

.global_landing__freeItemTitle--medium {
  font-size: 2.0rem;
  margin-bottom: 10px;
}

.global_landing__freeItemTitle--medium span {
  display: none;
}

.global_landing__freeItemTitle--small {
  font-size: 2.0rem;
  margin-bottom: 10px;
}

.global_landing__freeItemTitle--small span {
  display: none;
}

@media (max-width: 1040px) {
  .global_landing__freeItemTitle {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
}

.global_landing__freeTitleIcon {
  width: 80px;
}

.global_landing__freeTitleIcon--large {
  width: 80px;
}

.global_landing__freeTitleIcon--medium {
  width: 60px;
}

.global_landing__freeTitleIcon--small {
  width: 60px;
}

@media (max-width: 1040px) {
  .global_landing__freeTitleIcon {
    width: 50px;
  }
}

.global_landing__freeItemList {
  display: flex;
  flex-wrap: wrap;
}

.global_landing__freeItemList--large {
  gap: 20px 10px;
}

.global_landing__freeItemList--medium {
  gap: 20px 15px;
}

.global_landing__freeItemList--small {
  gap: 20px 17px;
}

@media (max-width: 1040px) {
  .global_landing__freeItemList {
    gap: 10px 15px;
    justify-content: center;
  }
}

.global_landing__freeItem {
  border-radius: 10px;
  background: #F7B946;
}

.global_landing__freeItem#game {
  background: #51B9E6;
}

.global_landing__freeItem#mail {
  background: #F270A2;
}

.global_landing__freeItem#click {
  background: #6CD553;
}

@media (max-width: 1040px) {
  .global_landing__freeItem {
    width: 145px;
    height: 50px;
  }
}

.global_landing__freeItemBox {
  display: flex;
  align-items: center;
  color: #FFFFFF;
  white-space: nowrap;
}

.global_landing__freeItemBox--large {
  width: 200px;
  height: 60px;
  font-size: 1.8rem;
  padding: 17px 20px;
  box-sizing: border-box;
}

.global_landing__freeItemBox--large br {
  display: none;
}

.global_landing__freeItemBox--medium {
  width: 145px;
  height: 50px;
  font-size: 1.4rem;
  padding: 15px 22px;
  box-sizing: border-box;
}

.global_landing__freeItemBox--medium .material-icons {
  font-size: 2.0rem;
}

.global_landing__freeItemBox--medium br {
  display: block;
}

.global_landing__freeItemBox--small {
  width: 280px;
  height: 50px;
  font-size: 1.4rem;
  padding: 15px 22px;
  box-sizing: border-box;
}

.global_landing__freeItemBox--small .material-icons {
  font-size: 2.0rem;
}

.global_landing__freeItemBox--small br {
  display: none;
}

.global_landing__freeItemBox .material-icons {
  margin-right: 10px;
}

@media (max-width: 1040px) {
  .global_landing__freeItemBox .material-icons {
    font-size: 20px;
    margin-right: 14px;
  }
}

.global_landing__freeItemBox img {
  margin-right: 10px;
}

@media (max-width: 1040px) {
  .global_landing__freeItemBox img {
    width: 20px;
    margin-right: 14px;
  }
}

@media (max-width: 1040px) {
  .global_landing__freeItemBox br {
    display: block;
  }
}

@media (max-width: 1040px) {
  .global_landing__freeItemBox {
    width: 145px;
    height: 50px;
    font-size: 1.4rem;
    padding: 15px 20px;
  }
}

.global_landing__exchangeContent {
  margin-bottom: 0;
}

@media (max-width: 1040px) {
  .global_landing__exchangeImage {
    display: block;
    margin: auto;
  }
}

.global_landing__prizeItemList {
  display: flex;
  justify-content: center;
}

.global_landing__prizeItemList--large {
  gap: 22px;
}

.global_landing__prizeItemList--medium {
  gap: 18px;
}

.global_landing__prizeItemList--small {
  gap: 44px;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (max-width: 1040px) {
  .global_landing__prizeItemList {
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.global_landing__prizeItem {
  display: flex;
  align-items: center;
  justify-content: center;
  /** prizeコンポネート **/
}

.global_landing__prizeItem--large {
  /** prizeコンポネート **/
}

.global_landing__prizeItem--large .global_prizeItem {
  width: 145px;
  text-align: center;
}

.global_landing__prizeItem--large .global_prizeItem__name {
  font-size: 1.3rem;
  white-space: nowrap;
  border-radius: 5px 5px 0 0;
}

.global_landing__prizeItem--large .global_prizeItem__image {
  width: 120px;
  margin: 5px 0;
}

.global_landing__prizeItem--medium {
  /** prizeコンポネート **/
}

.global_landing__prizeItem--medium .global_prizeItem {
  width: 130px;
  text-align: center;
}

.global_landing__prizeItem--medium .global_prizeItem__name {
  padding: 4px;
  font-size: 1.2rem;
  white-space: nowrap;
  border-radius: 5px 5px 0 0;
}

.global_landing__prizeItem--medium .global_prizeItem__image {
  width: 90px;
  margin: 5px 0;
}

.global_landing__prizeItem--small {
  /** prizeコンポネート **/
}

.global_landing__prizeItem--small .global_prizeItem {
  width: 145px;
  text-align: center;
}

.global_landing__prizeItem--small .global_prizeItem__name {
  padding: 4px;
  font-size: 1.2rem;
  white-space: nowrap;
  border-radius: 5px 5px 0 0;
}

.global_landing__prizeItem--small .global_prizeItem__image {
  width: 113px;
  margin: 5px 0;
}

.global_landing__prizeItem .global_prizeItem__link {
  display: flex;
  flex-direction: column-reverse;
  pointer-events: none;
}

.global_landing__prizeItem .global_prizeItem__imageBox {
  border-radius: 0px 0px 5px 5px;
}

@media (max-width: 1040px) {
  .global_landing__prizeItem .global_prizeItem {
    width: 145px !important;
  }
  .global_landing__prizeItem .global_prizeItem__name {
    padding: 0;
    min-height: 27px;
    font-weight: normal;
  }
  .global_landing__prizeItem .global_prizeItem__image {
    width: 120px;
    margin: 5px 0;
  }
}

@media (max-width: 360px) {
  .global_landing__prizeItem {
    width: 135px !important;
  }
}

.global_landing__siteIntroduce {
  width: 100%;
  display: flex;
  flex-direction: column;
}

@media (max-width: 1040px) {
  .global_landing__siteIntroduce {
    margin-bottom: 0;
  }
}

.global_landing__siteIntroduceList {
  width: 100%;
}

.global_landing__siteIntroduceList--large {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

.global_landing__siteIntroduceList--medium {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

.global_landing__siteIntroduceList--small {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 39px 37px;
}

@media (max-width: 1040px) {
  .global_landing__siteIntroduceList {
    flex-wrap: wrap;
    gap: 10px 15px;
  }
}

@media (max-width: 280px) {
  .global_landing__siteIntroduceList {
    justify-content: center;
  }
}

.global_landing__siteDescription {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.global_landing__siteDescription--large {
  width: calc(100% / 4);
}

.global_landing__siteDescription--medium {
  width: calc(100% / 4);
}

.global_landing__siteDescription--small {
  height: 140px;
  width: calc(100% / 2 - 20px);
}

@media (max-width: 1040px) {
  .global_landing__siteDescription {
    width: 145px;
  }
}

@media (max-width: 360px) {
  .global_landing__siteDescription {
    width: 135px;
  }
}

.global_landing__descriptionTitle {
  color: #FFFFFF;
  font-size: 1.6rem;
  font-weight: bold;
  background: #E8A61D;
  border-radius: 10px 10px 0px 0px;
}

.global_landing__descriptionTitle--large {
  font-size: 1.6rem;
  padding: 14px 0;
}

.global_landing__descriptionTitle--medium {
  font-size: 1.3rem;
  padding: 10px 0;
}

.global_landing__descriptionTitle--small {
  font-size: 1.6rem;
  padding: 15px 0;
  white-space: nowrap;
}

.global_landing__descriptionTitle#privacy {
  background: #51B9E6;
}

.global_landing__descriptionTitle#rank {
  background: #F270A2;
}

.global_landing__descriptionTitle#campaign {
  background: #6CD553;
}

.global_landing__descriptionTitle br {
  display: none;
}

@media (max-width: 1040px) {
  .global_landing__descriptionTitle {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    line-height: 1.5;
    font-size: 1.3rem;
    padding: 2px 10px;
  }
  .global_landing__descriptionTitle br {
    display: block;
  }
}

.global_landing__descriptionContent {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  border-radius: 0 0 10px 10px;
  border: 1px solid #E8A61D;
}

.global_landing__descriptionContent--large {
  height: 112px;
}

.global_landing__descriptionContent--large#campaign {
  background-size: 193px auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/assets/img/global/landing/camp.png");
}

@media (max-width: 1040px) {
  .global_landing__descriptionContent--large#campaign {
    background-size: auto;
    background-image: url("/assets/img/global/landing/mv_camp.png");
  }
}

.global_landing__descriptionContent--medium {
  height: 90px;
}

.global_landing__descriptionContent--medium#campaign {
  background-size: 153px auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/assets/img/global/landing/camp.png");
}

@media (max-width: 1040px) {
  .global_landing__descriptionContent--medium#campaign {
    background-size: auto;
    background-image: url("/assets/img/global/landing/mv_camp.png");
  }
}

.global_landing__descriptionContent--small {
  height: 90px;
}

.global_landing__descriptionContent--small#campaign {
  background-size: 119px auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/assets/img/global/landing/camp.png");
}

@media (max-width: 1040px) {
  .global_landing__descriptionContent--small#campaign {
    background-size: auto;
    background-image: url("/assets/img/global/landing/mv_camp.png");
  }
}

.global_landing__descriptionContent#privacy {
  border: 1px solid #51B9E6;
}

.global_landing__descriptionContent#rank {
  border: 1px solid #F270A2;
}

.global_landing__descriptionContent#campaign {
  border: 1px solid #6CD553;
}

.global_landing__descriptionContent strong {
  font-size: 2.6rem;
}

.global_landing__descriptionContent br {
  display: none;
}

@media (max-width: 1040px) {
  .global_landing__descriptionContent strong {
    font-size: 2.6rem;
  }
  .global_landing__descriptionContent span {
    font-size: 1.6rem;
    line-height: 1.6;
  }
  .global_landing__descriptionContent br {
    display: block;
  }
}

.login_index__boxGroup {
  padding-top: 30px;
  display: flex;
  width: 1040px;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 30px;
}

.login_index__primaryBox {
  /* Layout Properties */
  left: 180px;
  width: 610px;
  /* UI Properties */
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #E2E1D9;
  border-radius: 5px;
  opacity: 1;
}

.login_index__primaryBoxCaption {
  margin-top: 30px;
  text-align: left;
  font: normal normal bold 20px/28px Noto Sans JP;
  letter-spacing: 0px;
  color: #484848;
  opacity: 1;
  display: flex;
  justify-content: center;
}

.login_index__primaryBoxContent {
  margin-top: 30px;
  text-align: left;
  color: #484848;
  display: flex;
  margin-left: 30px;
  margin-right: 30px;
  flex-direction: column;
}

.login_index__errors {
  background-color: #DF4840;
  line-height: 20px;
  color: #fff;
  padding: 4px;
  margin-bottom: 10px;
}

.login_index__identifierControl label {
  display: flex;
  font-size: 1.8rem;
  align-items: center;
  margin-bottom: 10px;
}

.login_index__identifierControl input {
  width: 100%;
  height: 44px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #CDD3D6;
  border-radius: 5px;
  text-align: left;
  font: 16px/41px Noto Sans JP;
  letter-spacing: 0px;
  color: #939393;
  padding: 0 20px;
  outline: 0;
}

.login_index__identifierControl input:focus {
  border: 1px solid #2C786C;
  color: #484848;
}

.login_index__identifierControlError {
  color: #DF4840;
  font-size: 12px;
  line-height: 17px;
  margin-top: 5px;
}

.login_index__identifierControlError--hide {
  display: none;
}

.login_index__passwordControl {
  margin-top: 50px;
}

.login_index__passwordControl label {
  display: flex;
  font-size: 1.8rem;
  align-items: center;
  margin-bottom: 10px;
  justify-content: space-between;
}

.login_index__passwordControl input {
  width: 100%;
  height: 44px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #CDD3D6;
  border-radius: 5px;
  text-align: left;
  font-size: 16px;
  line-height: 41px;
  letter-spacing: 0px;
  color: #939393;
  padding-left: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  outline: 0;
}

.login_index__passwordControl input:focus {
  border: 1px solid #2C786C;
  color: #484848;
}

.login_index__passwordControlMemo {
  text-align: left;
  font-size: 13px;
  letter-spacing: 0px;
  line-height: 22px;
  color: #2C786C;
  opacity: 1;
  display: flex;
}

.login_index__passwordControlMemo .material-icons {
  font-size: 14px;
  line-height: 22px;
  margin-right: 4px;
}

.login_index__memoryControl {
  border-color: gray;
  margin-top: 37px;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  align-items: center;
}

.login_index__memoryControl input[type=checkbox] {
  display: none;
}

.login_index__memoryControl input[type=checkbox] ~ label {
  display: flex;
  align-items: center;
  line-height: 24px;
}

.login_index__memoryControl input[type=checkbox] ~ label span {
  margin-right: 9px;
  color: #CDD3D6;
}

.login_index__memoryControl input[type=checkbox] ~ label span:after {
  content: 'check_box_outline_blank';
}

.login_index__memoryControl input[type=checkbox]:checked ~ label span {
  color: #2C786C;
}

.login_index__memoryControl input[type=checkbox]:checked ~ label span:after {
  content: 'check_box';
}

.login_index__reissue {
  color: #3AA59E;
}

.login_index__reissue:hover {
  text-decoration: underline;
}

.login_index__loginButtonControl {
  width: 100%;
  height: 46px;
  /* UI Properties */
  border-radius: 10px;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 37px;
  margin-bottom: 30px;
  padding: 20px;
  position: relative;
  overflow: hidden;
  transition: 0.2s;
  border: 3px solid #0067c0;
  background-color: #0067c0;
}

.login_index__loginButtonControl:hover {
  color: #0067c0;
  background-color: #effafa;
  border: 3px solid #0067c0;
}

.login_index__secondaryBox {
  /* component/sns.scssなどにまとめる */
  /* Layout Properties */
  left: 820px;
  width: 400px;
  /*height: 439px;*/
  /* UI Properties */
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #E2E1D9;
  border-radius: 5px;
  opacity: 1;
}

.login_index__secondaryBoxButton a:hover {
  text-decoration: none;
}

.login_index__secondaryBoxCaption {
  margin-top: 30px;
  text-align: left;
  font: normal normal bold 20px/28px Noto Sans JP;
  letter-spacing: 0px;
  color: #484848;
  opacity: 1;
  display: flex;
  justify-content: center;
}

.login_index__secondaryBoxContent {
  justify-content: center;
  margin: 20px;
  flex-direction: column;
}

.login_index__secondaryBoxDescription {
  margin-top: 30px;
  font-size: 14px;
  line-height: 20px;
}

.login_index__secondaryBoxImage {
  margin-top: 15px;
}

.login_index__secondaryBoxSnsCaption {
  font-size: 1.8rem;
  font-weight: 700;
  align-items: center;
  margin-bottom: 10px;
}

@media (max-width: 800px) {
  .login_index__secondaryBoxSnsCaption {
    font-size: 1.4rem;
  }
}

.login_index__secondaryBoxSnsList {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.login_index__secondaryBoxSnsList a {
  margin-bottom: 10px;
}

@media (max-width: 800px) {
  .login_index__secondaryBoxSnsList a {
    margin-bottom: 15px;
  }
}

.login_index__secondaryBoxSnsItemLine {
  width: 320px;
  height: 40px;
  border-radius: 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border: 1px solid #00000014;
  background-color: #06C755;
}

.login_index__secondaryBoxSnsItemLine img {
  padding-left: 10px;
  padding-right: 40px;
}

@media (max-width: 800px) {
  .login_index__secondaryBoxSnsItemLine {
    width: 100%;
    max-width: 562px;
    font-size: 13px;
  }
}

.login_index__secondaryBoxSnsItemLine span {
  color: white;
}

.login_index__secondaryBoxSnsItemLine:hover {
  filter: brightness(0.9);
}

.login_index__secondaryBoxSnsItemYahoo {
  width: 320px;
  height: 40px;
  border-radius: 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border: 1px solid #00000014;
  background-color: #FF0033;
}

.login_index__secondaryBoxSnsItemYahoo img {
  padding-left: 10px;
  padding-right: 40px;
}

@media (max-width: 800px) {
  .login_index__secondaryBoxSnsItemYahoo {
    width: 100%;
    max-width: 562px;
    font-size: 13px;
  }
}

.login_index__secondaryBoxSnsItemYahoo span {
  color: white;
}

.login_index__secondaryBoxSnsItemYahoo:hover {
  opacity: 0.8;
}

.login_index__secondaryBoxSnsItemGoogle {
  width: 320px;
  height: 40px;
  border-radius: 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border: 1px solid #00000014;
  background-color: white;
}

.login_index__secondaryBoxSnsItemGoogle img {
  padding-left: 10px;
  padding-right: 40px;
}

@media (max-width: 800px) {
  .login_index__secondaryBoxSnsItemGoogle {
    width: 100%;
    max-width: 562px;
    font-size: 13px;
  }
}

.login_index__secondaryBoxSnsItemGoogle img {
  mix-blend-mode: multiply;
}

.login_index__secondaryBoxSnsItemGoogle span {
  color: #484848;
}

.login_index__secondaryBoxSnsItemGoogle:hover {
  filter: brightness(95%);
}

.login_index__secondaryBoxSnsItemTwitter {
  width: 320px;
  height: 40px;
  border-radius: 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border: 1px solid #00000014;
  background-color: #1D9BF0;
}

.login_index__secondaryBoxSnsItemTwitter img {
  padding-left: 10px;
  padding-right: 40px;
}

@media (max-width: 800px) {
  .login_index__secondaryBoxSnsItemTwitter {
    width: 100%;
    max-width: 562px;
    font-size: 13px;
  }
}

.login_index__secondaryBoxSnsItemTwitter span {
  color: white;
}

.login_index__secondaryBoxSnsItemTwitter:hover {
  opacity: 0.8;
}

.login_index__secondaryBoxSnsItemFacebook {
  width: 320px;
  height: 40px;
  border-radius: 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border: 1px solid #1877F2;
  background-color: #fff;
}

.login_index__secondaryBoxSnsItemFacebook img {
  padding-left: 10px;
  padding-right: 40px;
}

@media (max-width: 800px) {
  .login_index__secondaryBoxSnsItemFacebook {
    width: 100%;
    max-width: 562px;
    font-size: 13px;
  }
}

.login_index__secondaryBoxSnsItemFacebook span {
  color: #1877F2;
}

.login_index__secondaryBoxSnsItemFacebook:hover {
  opacity: 0.8;
}

.login_index__secondaryBoxSnsItemApple {
  width: 320px;
  height: 40px;
  border-radius: 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border: 1px solid #00000014;
  background-color: #000000;
}

.login_index__secondaryBoxSnsItemApple img {
  padding-left: 10px;
  padding-right: 40px;
}

@media (max-width: 800px) {
  .login_index__secondaryBoxSnsItemApple {
    width: 100%;
    max-width: 562px;
    font-size: 13px;
  }
}

.login_index__secondaryBoxSnsItemApple span {
  color: white;
}

.login_index__secondaryBoxSnsItemApple:hover {
  filter: contrast(0.8);
}

.login_index__secondaryBoxSnsItemAmazon {
  width: 320px;
  height: 40px;
  border-radius: 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
  cursor: pointer;
  height: unset;
  border-width: 0px;
}

.login_index__secondaryBoxSnsItemAmazon img {
  padding-left: 10px;
  padding-right: 40px;
}

@media (max-width: 800px) {
  .login_index__secondaryBoxSnsItemAmazon {
    width: 100%;
    max-width: 562px;
    font-size: 13px;
  }
}

@media (max-width: 800px) {
  .login_index__secondaryBoxSnsItemAmazon {
    max-width: 562px;
  }
}

.login_index__secondaryBoxSnsItemAmazon img {
  padding-left: 0;
  padding-right: 0;
  width: 320px;
  height: 48px;
}

@media (max-width: 800px) {
  .login_index__secondaryBoxSnsItemAmazon img {
    width: 100%;
    height: unset;
    max-width: 562px;
  }
}

.login_index__secondaryBoxSnsItemAmazon span {
  width: 320px;
  height: 48px;
  display: block;
  position: absolute;
}

@media (max-width: 800px) {
  .login_index__secondaryBoxSnsItemAmazon span {
    width: unset;
    height: unset;
    max-width: 562px;
  }
}

.login_index__secondaryBoxSnsItemAmazon:hover {
  filter: brightness(0.95);
}

.login_index__secondaryBoxSnsItemAmazon:hover span {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4) inset;
}

.login_index_secondaryBoxMobileSeparater {
  height: 0;
}

.login_index__informationBox {
  /* Layout Properties */
  width: 1040px;
  height: 239px;
  /* UI Properties */
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #E2E1D9;
  border-radius: 5px;
  opacity: 1;
  margin-top: 30px;
  margin-bottom: 100px;
}

.login_index__informationBoxCaption {
  margin-top: 30px;
  text-align: left;
  font: normal normal bold 20px/28px Noto Sans JP;
  letter-spacing: 0px;
  color: #484848;
  opacity: 1;
  display: flex;
  justify-content: center;
}

.login_index__informationBoxContent {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin: 30px;
}

.login_index__informationBoxMessage {
  display: flex;
  align-items: center;
  margin-top: 30px;
}

.login_index__informationBoxMessage br {
  display: none;
}

.login_index__informationBoxMessage .privilegeText {
  font-weight: bold;
  color: #ff0000;
}

@media (max-width: 800px) {
  .login_index__informationBoxMessage {
    align-items: flex-end;
  }
}

.login_index__informationBoxDescription {
  font-size: 14px;
  line-height: 20px;
}

.login_index__registerMessage {
  display: flex;
  line-height: 20px;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-evenly;
  text-align: center;
}

.login_index__registerButtonKink:hover {
  text-decoration: none;
}

.login_index__registerButtonControl {
  width: 100%;
  height: 46px;
  /* UI Properties */
  margin-top: 9px;
  border-radius: 10px;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  transition: 0.2s;
  border: 3px solid #ff0000;
  background-color: #ff0000;
}

.login_index__registerButtonControl:hover {
  color: #ff0000;
  border: 3px solid #ff0000;
  background-color: #ffe5ee;
}

.login_index__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 20px;
}

.login_index__footerCopy {
  margin-bottom: 10px;
  margin-top: 10px;
  color: #939393;
  font-size: 12px;
}

@media screen and (max-width: 800px) {
  .login_index__boxGroup {
    width: 100% !important;
    padding-left: 20px;
    padding-right: 20px;
    background: #F8F6ED;
  }
  .login_index__primaryBox {
    width: 100%;
    border-radius: 5px 5px 0 0;
  }
  .login_index__primaryBoxContent {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
  }
  .login_index__primaryBoxCaption {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .login_index__identifierControl label {
    font-size: 1.6rem;
  }
  .login_index__identifierControl input {
    height: 50px;
  }
  .login_index__passwordControl {
    margin-top: 20px;
  }
  .login_index__passwordControl label {
    font-size: 1.6rem;
    align-items: flex-start !important;
    flex-direction: column;
  }
  .login_index__passwordControl input {
    height: 50px;
  }
  .login_index__passwordControlMemo {
    margin-top: 5px;
  }
  .login_index__memoryControl {
    align-items: flex-start !important;
    flex-direction: column;
    margin-top: 22px;
  }
  .login_index__memoryControl label {
    margin-bottom: 22px;
  }
  .login_index__loginButtonControl {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .login_index__secondaryBox {
    width: 100%;
    height: auto;
    border-radius: 0 0 5px 5px;
    box-shadow: 0px 8px 10px #e2e1d9;
  }
  .login_index__secondaryBoxMobileSeparater {
    margin-left: 20px;
    margin-right: 20px;
    height: 1px;
    background-color: #e2e1d9;
    border: 0px none;
  }
  .login_index__secondaryBoxContent {
    margin: 20px;
  }
  .login_index__secondaryBoxCaption {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .login_index__secondaryBoxDescription {
    width: 100%;
    margin-top: 0px;
  }
  .login_index__informationBoxMessage {
    margin-top: 20px;
    text-align: center;
  }
  .login_index__informationBoxMessage br {
    display: unset;
  }
  .login_index__informationBoxImage img {
    width: 100%;
  }
  .login_index__informationBox {
    width: 100%;
    height: auto !important;
  }
  .login_index__informationBoxCaption {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .login_index__informationBoxContent {
    margin-left: 20px;
    margin-right: 20px;
    flex-direction: column;
  }
  .login_index__informationBoxDescription {
    width: 100%;
  }
  .login_index__registerImage {
    margin-top: 15px;
  }
  .login_index__registerImage img {
    width: 100%;
  }
  .login_index__registerButton {
    width: 100%;
    margin-top: 20px;
  }
}

.mailstatus_index__siteInner {
  position: relative;
  max-width: 1040px;
  margin: 0 auto;
}

.mailstatus_index__contents {
  display: flex;
  gap: 20px;
}

@media (max-width: 1040px) {
  .mailstatus_index__contents {
    align-items: center;
    flex-direction: column-reverse;
  }
}

.mailstatus_index__leftColumn {
  max-width: 300px;
}

@media (max-width: 1040px) {
  .mailstatus_index__leftColumn {
    max-width: 100%;
  }
}

.mailstatus_index__leftColumnAd {
  min-width: 300px;
  margin: auto;
  margin-bottom: 22px;
}

.mailstatus_index__leftColumnAd--bottom {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.mailstatus_index__campaignBanner {
  width: 300px;
  margin-bottom: 22px;
}

@media (max-width: 1040px) {
  .mailstatus_index__campaignBanner {
    margin: auto;
    margin-bottom: 20px;
  }
}

.mailstatus_index__clickBanner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 218px;
  margin-bottom: 22px;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
}

@media (max-width: 1040px) {
  .mailstatus_index__clickBanner {
    margin: auto;
    margin-bottom: 20px;
  }
}

.mailstatus_index__navigation {
  position: relative;
}

.mailstatus_index__recommendMenu {
  margin-bottom: 22px;
}

.mailstatus_index__mainColumn {
  max-width: 720px;
}

.mailstatus_index__header {
  width: 100%;
  margin-bottom: 20px;
}

.mailstatus_index__headerTitle {
  font-size: 3.0rem;
  margin-bottom: 20px;
  font-weight: bold;
}

.mailstatus_index__mailSetting {
  font-size: 1.4rem;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.5;
  padding: 0px 15px;
}

.mailstatus_index__reseachEnqete {
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
  padding: 15px 20px;
  margin-bottom: 25px;
  line-height: 1.5;
}

@media (max-width: 640px) {
  .mailstatus_index__reseachEnqete {
    margin: 15px;
  }
}

.mailstatus_index__reseachEnqeteTitle {
  font-size: 2.0rem;
  margin-bottom: 10px;
  border-bottom: 1px solid #CDD3D6;
  padding-bottom: 10px;
  font-weight: bold;
}

@media (max-width: 640px) {
  .mailstatus_index__reseachEnqeteTitle {
    font-size: 1.6rem;
  }
}

.mailstatus_index__reseachEnqeteSetting {
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 30px;
  font-weight: bold;
}

@media (max-width: 640px) {
  .mailstatus_index__reseachEnqeteSetting {
    font-size: 1.4rem;
  }
}

.mailstatus_index__description {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 10px;
}

.mailstatus_index__descriptionLink {
  color: #3aa59e;
  text-decoration: none;
}

.mailstatus_index__descriptionLink:hover {
  color: #3AA59E;
  text-decoration: underline;
}

.mailstatus_index__reseachStatus {
  display: flex;
  height: 100px;
  border: 1px solid #3AA59E;
  flex-direction: column;
  width: 220px;
  align-items: center;
}

.mailstatus_index__reseachStatusTitle {
  display: flex;
  align-items: center;
  background-color: #3AA59E;
  color: #FFFFFF;
  font-size: 1.6rem;
  width: 220px;
  justify-content: center;
}

.mailstatus_index__reseachStatusWrapper {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-evenly;
  flex-direction: column;
  padding: 20px;
}

.mailstatus_index__reseachStatusNow {
  font-size: 2.6rem;
  color: #939393;
  padding: 15px;
}

.mailstatus_index__reseachChangeButton {
  border-radius: 5px;
  background-color: #3AA59E;
  margin: 20px 0;
}

.mailstatus_index__reseachChangeButton .material-icons {
  color: #FFFFFF;
  font-size: 2.4rem;
}

.mailstatus_index__reseachChangeLink {
  display: flex;
  align-items: center;
  color: #FFFFFF;
  padding: 10px 30px;
}

.mailstatus_index__reseachChangeLink:hover {
  color: #3AA59E;
  border-radius: 5px;
  background-color: #FFFFFF;
  outline: 2px solid;
}

.mailstatus_index__reseachChangeLink:hover .material-icons {
  color: #3AA59E;
}

.mailstatus_index__reseachChangeButtonTitle {
  font-size: 1.4rem;
  font-weight: bold;
  margin-right: 8px;
}

.mailstatus_index__prAdMail {
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
  padding: 15px 20px;
  margin-bottom: 25px;
}

@media (max-width: 640px) {
  .mailstatus_index__prAdMail {
    margin: 15px;
  }
}

.mailstatus_index__prAdMailTitle {
  font-size: 2.0rem;
  margin-bottom: 10px;
  border-bottom: 1px solid #CDD3D6;
  padding-bottom: 10px;
  font-weight: bold;
}

@media (max-width: 640px) {
  .mailstatus_index__prAdMailTitle {
    font-size: 1.6rem;
  }
}

.mailstatus_index__prAdMailSetting {
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 30px;
  font-weight: bold;
}

@media (max-width: 640px) {
  .mailstatus_index__prAdMailSetting {
    font-size: 1.4rem;
  }
}

.mailstatus_index__prAdMailDescription {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 10px;
}

.mailstatus_index__prAdMailDescriptionLink {
  color: #3aa59e;
  text-decoration: none;
}

.mailstatus_index__prAdMailDescriptionAttention {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 30px;
  margin-top: 10px;
  background: #FAEBEA;
  padding: 10px 10px;
}

.mailstatus_index__prAdMailStatus {
  display: flex;
  height: 100px;
  border: 1px solid #3AA59E;
  flex-direction: column;
  width: 220px;
  align-items: center;
  margin-bottom: 10px;
}

.mailstatus_index__prAdMailStatusTitle {
  display: flex;
  align-items: center;
  background-color: #3AA59E;
  color: #FFFFFF;
  font-size: 1.6rem;
  width: 220px;
  justify-content: center;
  padding: 5px;
}

.mailstatus_index__prAdMailStatusWrapper {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-evenly;
  flex-direction: column;
  padding: 20px;
}

.mailstatus_index__prAdMailStatusNow {
  font-size: 2.6rem;
  color: #a53a3a;
  padding: 15px;
}

.mailstatus_index__prAdMailChangeButton {
  border-radius: 5px;
  background-color: #3AA59E;
  margin: 10px 0;
}

.mailstatus_index__prAdMailChangeButton .material-icons {
  color: #FFFFFF;
  font-size: 2.4rem;
}

.mailstatus_index__prAdMailChangeLink {
  display: flex;
  align-items: center;
  color: #FFFFFF;
  padding: 10px 30px;
}

@media (max-width: 1040px) {
  .mailstatus_index__prAdMailChangeLink {
    padding: 7px 10px;
  }
}

.mailstatus_index__prAdMailChangeLink:hover {
  color: #3AA59E;
  border-radius: 5px;
  background-color: #FFFFFF;
  outline: 2px solid;
}

.mailstatus_index__prAdMailChangeLink:hover .material-icons {
  color: #3AA59E;
}

.mailstatus_index__prAdMailChangeButtonTitle {
  font-size: 1.4rem;
  font-weight: bold;
  margin-right: 8px;
}

.mailstatus_index__attention {
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
  padding: 15px 20px;
  margin-bottom: 50px;
}

@media (max-width: 640px) {
  .mailstatus_index__attention {
    margin: 15px;
  }
}

.mailstatus_index__attentionTitle {
  font-size: 2.0rem;
  margin-bottom: 20px;
  border-bottom: 1px solid #CDD3D6;
  padding-bottom: 10px;
  font-weight: bold;
}

@media (max-width: 640px) {
  .mailstatus_index__attentionTitle {
    font-size: 1.6rem;
  }
}

.mailstatus_index__attentionDescription {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 10px;
}

.mailstatus_index__attentionLink {
  color: #3aa59e;
  text-decoration: none;
}

.mailstatus_index__attentionLink:hover {
  color: #3AA59E;
  text-decoration: underline;
}

.mailstatus_index__fruitmailTopButton {
  margin: 10px 0;
}

@media (max-width: 640px) {
  .mailstatus_index__fruitmailTopButton {
    padding: 0 15px;
  }
}

.mailstatus_index__fruitmailTopButtonLink {
  display: flex;
  align-items: center;
  color: #FFFFFF;
  padding: 10px 30px;
  justify-content: center;
  border-radius: 5px;
  background-color: #3AA59E;
  height: 46px;
}

.mailstatus_index__fruitmailTopButtonLink .material-icons {
  color: #FFFFFF;
  font-size: 2.4rem;
}

@media (max-width: 1040px) {
  .mailstatus_index__fruitmailTopButtonLink {
    padding: 7px 10px;
  }
}

.mailstatus_index__fruitmailTopButtonLink:hover {
  color: #3AA59E;
  border-radius: 5px;
  background-color: #FFFFFF;
  outline: 2px solid;
}

.mailstatus_index__fruitmailTopButtonLink:hover .material-icons {
  color: #3AA59E;
}

.mailstatus_index__fruitmailTopButtonTitle {
  font-size: 1.4rem;
  font-weight: bold;
  margin-right: 8px;
}

.mailstatus_index__confirmButtonYes {
  display: flex;
  align-items: center;
}

.mailstatus_index__confirmButtonNo {
  display: flex;
  align-items: center;
}

.mailstatus_index__contentsBottomAd {
  text-align: center;
  margin-bottom: 40px;
}

.mailstatusModal {
  padding: 20px 10px 20px 10px !important;
}

.mailstatusModal .swal2-html-container {
  font-size: 1.4rem;
}

.mailstatusModal .swal2-styled.swal2-confirm {
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
  border: 1px solid #E8A61D;
  border-radius: 10px;
  background-color: #E8A61D;
}

.mailstatusModal .swal2-styled.swal2-confirm:focus {
  box-shadow: none;
}

@media (any-hover: hover) {
  .mailstatusModal .swal2-styled.swal2-confirm {
    transition-property: color, border-color, background;
    transition-duration: .2s;
  }
  .mailstatusModal .swal2-styled.swal2-confirm:hover {
    color: #E8A61D !important;
    background: #fff !important;
  }
}

.mailstatusModal .swal2-styled.swal2-cancel {
  font-size: 1.4rem;
  font-weight: 700;
  color: #939393;
  border: 1px solid #E9EBED;
  border-radius: 10px;
  background-color: #fff;
}

.mailstatusModal .swal2-styled.swal2-cancel:focus {
  box-shadow: none;
}

@media (any-hover: hover) {
  .mailstatusModal .swal2-styled.swal2-cancel {
    transition-property: color, border-color, background;
    transition-duration: .2s;
  }
  .mailstatusModal .swal2-styled.swal2-cancel:hover {
    color: #939393 !important;
    border-color: #CDD3D6 !important;
    background: #F7F7F7 !important;
  }
}

.mailstatusModal .swal2-close {
  right: 10px;
  top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 2.4rem;
  color: #939393;
  border-radius: 50%;
  background-color: #CDD3D6;
}

@media (any-hover: hover) {
  .mailstatusModal .swal2-close {
    transition-property: color, background-color;
    transition-duration: .2s;
  }
  .mailstatusModal .swal2-close:hover {
    color: #fff;
    background-color: #939393;
  }
}

/*------------------------------
  ** マイページ
------------------------------*/
.mypage_index {
  width: 100%;
}

.mypage_index__contentTopAreaAd {
  width: 100%;
  margin: 0 auto 20px auto;
  text-align: center;
}

.mypage_index__siteInner {
  position: relative;
  max-width: 1040px;
  margin: 0 auto;
}

.mypage_index__contents {
  display: flex;
  gap: 20px;
}

@media (max-width: 1040px) {
  .mypage_index__contents {
    align-items: center;
    flex-direction: column-reverse;
  }
}

.mypage_index__leftColumn {
  max-width: 300px;
}

@media (max-width: 1040px) {
  .mypage_index__leftColumn {
    max-width: 100%;
  }
}

.mypage_index__leftColumnAd {
  min-width: 300px;
  margin: auto;
  margin-bottom: 22px;
}

.mypage_index__leftColumnAd--bottom {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.mypage_index__information {
  margin-bottom: 22px;
}

.mypage_index__enquete {
  margin-bottom: 22px;
}

.mypage_index__campaignBanner {
  width: 300px;
  margin-bottom: 22px;
}

@media (max-width: 1040px) {
  .mypage_index__campaignBanner {
    margin: auto;
    margin-bottom: 20px;
  }
}

.mypage_index__clickBanner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 218px;
  margin-bottom: 22px;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
}

@media (max-width: 1040px) {
  .mypage_index__clickBanner {
    margin: auto;
    margin-bottom: 20px;
  }
}

.mypage_index__navigation {
  position: relative;
}

.mypage_index__memberMenu {
  margin-bottom: 22px;
}

.mypage_index__guideMenu {
  margin-bottom: 22px;
}

.mypage_index__recommendMenu {
  margin-bottom: 22px;
}

.mypage_index__mainColumn {
  max-width: 720px;
}

.mypage_index__mainTitle {
  font-size: 3.0rem;
  font-weight: bold;
  margin-bottom: 10px;
}

@media (max-width: 1040px) {
  .mypage_index__mainTitle {
    padding: 10px;
    font-size: 1.5rem;
    margin-bottom: 20px;
    background-color: #FFFFFF;
    position: relative;
    z-index: 1;
  }
  .mypage_index__mainTitle::before {
    content: "";
    width: 5px;
    height: 100%;
    background-color: #E8A61D;
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media (max-width: 1040px) {
  .mypage_index__status {
    padding: 0 15px;
  }
}

.mypage_index__prizeEveryday {
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .mypage_index__prizeEveryday {
    padding: 0 15px;
  }
}

.mypage_index__prizeEverydayImage {
  max-width: 640px;
  max-height: 210px;
  margin: auto;
}

@media (max-width: 1040px) {
  .mypage_index__prizeEverydayImage img {
    width: fit-content;
    height: fit-content;
  }
}

.mypage_index__rankOrFriend {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .mypage_index__rankOrFriend {
    gap: 10px;
    padding: 0 15px;
  }
}

.mypage_index__rank {
  width: 100%;
}

@media (max-width: 1040px) {
  .mypage_index__rank {
    width: calc(100% / 2);
  }
}

.mypage_index__friend {
  width: 100%;
}

@media (max-width: 1040px) {
  .mypage_index__friend {
    width: calc(100% / 2);
  }
}

.mypage_index__favorite {
  width: 100%;
}

.mypage_index__favorite .point_favorite__item {
  margin-bottom: -1px;
}

@media (max-width: 1040px) {
  .mypage_index__favorite {
    padding: 0 15px;
    margin-bottom: 30px;
  }
  .mypage_index__favorite .point_layout__favorite {
    background-color: initial;
  }
  .mypage_index__favorite .point_layout__favoriteTitle {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: none;
  }
  .mypage_index__favorite .point_layout__favoriteList {
    display: flex;
    flex-wrap: wrap;
    gap: 13px 19px;
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 15px;
  }
  .mypage_index__favorite .point_favorite__item {
    width: calc(100% / 2 - 10px);
    border-right: none;
    border-bottom: none;
    background-color: #FFFFFF;
    margin-bottom: -1px;
    background-color: #2C786C;
  }
}

.mypage_index__stampRally {
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .mypage_index__stampRally {
    padding: 0 15px;
  }
}

.mypage_index__stampRallyBackground {
  border-radius: 5px;
  background-size: 100% 100%;
  background-color: #3AA59E;
  background-repeat: no-repeat;
  background-image: url(/assets/img/mypage/stamprally_background.png);
}

.mypage_index__stampRallyHeading {
  margin-bottom: 40px;
}

@media (max-width: 1040px) {
  .mypage_index__stampRallyHeading {
    margin-bottom: 18px;
  }
}

.mypage_index__stampRallyReceived {
  margin-bottom: 34px;
}

@media (max-width: 1040px) {
  .mypage_index__stampRallyReceived {
    margin-bottom: 29px;
  }
}

.mypage_index__stampRallyContents {
  padding: 0 20px;
  margin-bottom: 40px;
}

@media (max-width: 1040px) {
  .mypage_index__stampRallyContents {
    padding: 0 10px;
  }
}

.mypage_index__stampRallyAttention {
  padding: 0 20px;
  padding-bottom: 20px;
}

@media (max-width: 1040px) {
  .mypage_index__stampRallyAttention {
    padding: 0 10px;
    padding-bottom: 10px;
  }
}

.mypage_index__contentsBottomAd {
  text-align: center;
  margin-bottom: 40px;
}

/*------------------------------
  ** もっと見る
------------------------------*/
.mypage_seeMore__link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 14px 0;
  color: #484848 !important;
  text-decoration: none !important;
  border-radius: 0 0 5px 5px;
  border-top: 1px solid #E0E0E0;
}

@media (max-width: 1040px) {
  .mypage_seeMore__link {
    border-radius: 10px;
    border: 1px solid #CDD3D6;
    background-color: #FFFFFF;
    width: 100%;
    padding: 10px 0;
    border-radius: 10px;
    justify-content: center;
    color: #939393 !important;
  }
}

.mypage_seeMore__link:hover {
  background-color: #FFF9BC;
}

@media (max-width: 1040px) {
  .mypage_seeMore__link:hover {
    background-color: #FFFFFF;
  }
}

/*------------------------------
  ** 重要なお知らせ
------------------------------*/
.mypage_importantInfo {
  padding-top: 10px;
  background-color: #f8f6ed;
}

.mypage_importantInfo__link {
  display: flex;
  width: 1040px;
  height: 30px;
  margin: auto;
  border: 1px solid #DF4840;
  background-color: #FFFFFF;
}

@media (max-width: 1040px) {
  .mypage_importantInfo__link {
    width: 100%;
  }
  .mypage_importantInfo__link:before {
    content: "\e000";
    display: inline-flex;
    align-items: center;
    color: #FFFFFF;
    font-size: 20px;
    padding: 0 10px;
    margin-right: 10px;
    background-color: #DF4840;
    font-family: 'Material Icons';
  }
}

.mypage_importantInfo__link:hover {
  background-color: #FFF9BC;
}

.mypage_importantInfo__importantNews {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 185px;
  color: #FFFFFF;
  text-align: center;
  margin-right: 20px;
  background-color: #DF4840;
}

@media (max-width: 1040px) {
  .mypage_importantInfo__importantNews {
    display: none;
  }
}

.mypage_importantInfo__title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #DF4840;
}

/*------------------------------
  ** お知らせ・情報更新
------------------------------*/
.mypage_information {
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
}

@media (max-width: 1040px) {
  .mypage_information {
    padding: 0 15px;
    background-color: initial;
    box-shadow: none;
  }
}

.mypage_information__wrapper {
  width: 100%;
}

@media (max-width: 1040px) {
  .mypage_information__wrapper {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-radius: 5px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 10px #E2E1D9;
  }
}

.mypage_information__heading {
  font-size: 2.0rem;
  font-weight: bold;
  padding: 10px;
}

@media (max-width: 1040px) {
  .mypage_information__heading {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
  }
}

.mypage_information__heading img {
  margin-right: 7px;
}

.mypage_information__list {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}

@media (max-width: 1040px) {
  .mypage_information__list {
    margin-bottom: 0;
  }
}

.mypage_information__link {
  color: #484848;
  padding: 5px 10px;
  cursor: pointer;
}

.mypage_information__link:hover {
  background-color: #FFF9BC;
}

.mypage_information__date {
  color: #939393;
  font-size: 1.3rem;
  margin-bottom: 5px;
}

.mypage_information__title {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.71;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/*------------------------------
  ** ポイントゲットアンケート
------------------------------*/
.mypage_enquete {
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
}

@media (max-width: 1040px) {
  .mypage_enquete {
    padding: 0 15px;
    background-color: initial;
    box-shadow: none;
  }
}

.mypage_enquete__wrapper {
  width: 100%;
}

@media (max-width: 1040px) {
  .mypage_enquete__wrapper {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-radius: 5px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 10px #E2E1D9;
  }
}

.mypage_enquete__heading {
  font-size: 2.0rem;
  font-weight: bold;
  padding: 10px;
}

@media (max-width: 1040px) {
  .mypage_enquete__heading {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
  }
}

.mypage_enquete__heading img {
  margin-right: 7px;
}

.mypage_enquete__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 16px;
}

@media (max-width: 1040px) {
  .mypage_enquete__list {
    margin-bottom: 0;
  }
}

.mypage_enquete__link {
  color: #484848;
  padding: 5px 10px;
  cursor: pointer;
}

.mypage_enquete__link:hover {
  background-color: #FFF9BC;
}

.mypage_enquete__date {
  color: #939393;
  font-size: 1.3rem;
  margin-bottom: 5px;
}

.mypage_enquete__point {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 7px;
}

.mypage_enquete__pointIcon {
  max-width: 20px;
  max-height: 20px;
}

.mypage_enquete__pointValue {
  display: flex;
  color: #E31610;
  font-size: 1.4rem;
  font-weight: bold;
}

.mypage_enquete__title {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.71;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/*------------------------------
  ** ナビゲーション(会員メニュー)
------------------------------*/
@media (max-width: 720px) {
  .mypage_memberMenu {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #CDD3D6;
  }
}

.mypage_memberMenu__title {
  font-size: 1.8rem;
  font-weight: bold;
  padding-bottom: 5px;
}

@media (max-width: 720px) {
  .mypage_memberMenu__title {
    width: 100%;
    padding: 16px 15px;
    border-bottom: 1px solid #CDD3D6;
  }
}

.mypage_memberMenu__category {
  position: relative;
  cursor: pointer;
}

@media (max-width: 720px) {
  .mypage_memberMenu__category {
    width: 50%;
  }
  .mypage_memberMenu__category:nth-of-type(2n) .mypage_memberMenu__link {
    border-right: none;
  }
}

.mypage_memberMenu__category:hover {
  background-color: #EAE8DF;
}

@media (max-width: 720px) {
  .mypage_memberMenu__category:hover {
    margin-top: 1px;
  }
}

.mypage_memberMenu__link {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

@media (max-width: 720px) {
  .mypage_memberMenu__link {
    padding: 5px 15px;
    border-right: 1px solid #CDD3D6;
    border-bottom: 1px solid #CDD3D6;
    margin-bottom: -1px;
  }
}

.mypage_memberMenu__nameWrapper {
  display: flex;
  align-items: center;
  gap: 7px;
}

@media (max-width: 720px) {
  .mypage_memberMenu__nameWrapper {
    min-height: 42px;
  }
}

.mypage_memberMenu__nameWrapper .material-icons {
  color: #3AA59E;
  font-size: 20px;
}

.mypage_memberMenu__name {
  color: #484848;
  font-size: 1.4rem;
  line-height: 1.5;
}

.mypage_memberMenu__name br {
  display: none;
}

@media (max-width: 720px) {
  .mypage_memberMenu__name br {
    display: block;
  }
}

/*------------------------------
  ** ナビゲーション(ガイドメニュー)
------------------------------*/
@media (max-width: 720px) {
  .mypage_guideMenu {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #CDD3D6;
  }
}

.mypage_guideMenu__title {
  font-size: 1.8rem;
  font-weight: bold;
  padding-bottom: 5px;
}

@media (max-width: 720px) {
  .mypage_guideMenu__title {
    width: 100%;
    padding: 16px 15px;
    border-bottom: 1px solid #CDD3D6;
  }
}

.mypage_guideMenu__category {
  position: relative;
  cursor: pointer;
}

@media (max-width: 720px) {
  .mypage_guideMenu__category {
    width: 50%;
  }
  .mypage_guideMenu__category:nth-of-type(2n) .mypage_guideMenu__link {
    border-right: none;
  }
}

.mypage_guideMenu__category:hover {
  background-color: #EAE8DF;
}

@media (max-width: 720px) {
  .mypage_guideMenu__category:hover {
    margin-top: 1px;
  }
}

.mypage_guideMenu__link {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

@media (max-width: 720px) {
  .mypage_guideMenu__link {
    padding: 5px 15px;
    border-right: 1px solid #CDD3D6;
    border-bottom: 1px solid #CDD3D6;
    margin-bottom: -1px;
  }
}

.mypage_guideMenu__nameWrapper {
  display: flex;
  align-items: center;
  gap: 7px;
}

@media (max-width: 720px) {
  .mypage_guideMenu__nameWrapper {
    min-height: 42px;
  }
}

.mypage_guideMenu__nameWrapper .material-icons {
  color: #3AA59E;
  font-size: 20px;
}

.mypage_guideMenu__name {
  color: #484848;
  font-size: 1.4rem;
  line-height: 1.5;
}

.mypage_guideMenu__name br {
  display: none;
}

@media (max-width: 720px) {
  .mypage_guideMenu__name br {
    display: block;
  }
}

/*------------------------------
  ** ナビゲーション(おすすめサービス)
------------------------------*/
@media (max-width: 720px) {
  .mypage_recommendMenu {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #CDD3D6;
  }
}

.mypage_recommendMenu__title {
  font-size: 1.8rem;
  font-weight: bold;
  padding-bottom: 5px;
}

@media (max-width: 720px) {
  .mypage_recommendMenu__title {
    width: 100%;
    padding: 16px 15px;
    border-bottom: 1px solid #CDD3D6;
  }
}

.mypage_recommendMenu__category {
  position: relative;
  cursor: pointer;
}

@media (max-width: 720px) {
  .mypage_recommendMenu__category {
    width: 50%;
  }
  .mypage_recommendMenu__category:nth-of-type(2n) .mypage_recommendMenu__link {
    border-right: none;
  }
}

.mypage_recommendMenu__category:hover {
  background-color: #EAE8DF;
}

@media (max-width: 720px) {
  .mypage_recommendMenu__category:hover {
    margin-top: 1px;
  }
}

.mypage_recommendMenu__link {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

@media (max-width: 720px) {
  .mypage_recommendMenu__link {
    padding: 5px 15px;
    border-right: 1px solid #CDD3D6;
    border-bottom: 1px solid #CDD3D6;
    margin-bottom: -1px;
  }
}

.mypage_recommendMenu__nameWrapper {
  display: flex;
  align-items: center;
  gap: 7px;
}

@media (max-width: 720px) {
  .mypage_recommendMenu__nameWrapper {
    min-height: 42px;
  }
}

.mypage_recommendMenu__nameWrapper .material-icons {
  color: #3AA59E;
  font-size: 20px;
}

.mypage_recommendMenu__name {
  color: #484848;
  font-size: 1.4rem;
  line-height: 1.5;
}

.mypage_recommendMenu__name br {
  display: none;
}

@media (max-width: 720px) {
  .mypage_recommendMenu__name br {
    display: block;
  }
}

/*------------------------------
  ** ステータス
------------------------------*/
.mypage_status {
  margin-bottom: 20px;
  padding: 11px 10px 23px 10px;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
}

@media (max-width: 1040px) {
  .mypage_status {
    padding: 10px;
  }
}

.mypage_status__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #CDD3D6;
}

@media (max-width: 1040px) {
  .mypage_status__heading {
    padding: 0 5px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}

.mypage_status__userName {
  display: flex;
  flex-wrap: wrap;
}

.mypage_status__handleName {
  font-size: 2.4rem;
  font-weight: 700;
  padding-right: 5px;
}

@media (max-width: 1040px) {
  .mypage_status__handleName {
    font-size: 1.6rem;
  }
}

.mypage_status__handleNameSuffix {
  font-size: 2.4rem;
  font-weight: 500;
}

@media (max-width: 1040px) {
  .mypage_status__handleNameSuffix {
    font-size: 1.6rem;
  }
}

.mypage_status__pointInformation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 0 10px;
}

@media (max-width: 1040px) {
  .mypage_status__pointInformation {
    flex-direction: column;
    padding: 0;
  }
}

.mypage_status__pointIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 37px;
  min-height: 37px;
}

.mypage_status__pointTitleWrapper {
  display: flex;
  align-items: center;
}

.mypage_status__fruitPoint {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mypage_status__fruitPointTitle {
  font-size: 1.8rem;
  font-weight: bold;
  margin-left: 9px;
}

@media (max-width: 1040px) {
  .mypage_status__fruitPointTitle {
    font-size: 1.4rem;
    margin-left: 4px;
  }
}

.mypage_status__fruitPointValue {
  display: flex;
  align-items: baseline;
}

.mypage_status__fruitPointValue .value {
  color: #E31610;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.77;
  margin-right: 4px;
}

@media (max-width: 1040px) {
  .mypage_status__fruitPointValue .value {
    font-size: 1.8rem;
  }
}

.mypage_status__fruitPointValue .unit {
  font-size: 1.8rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .mypage_status__fruitPointValue .unit {
    font-size: 1.4rem;
  }
}

.mypage_status__fruitMedal {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mypage_status__fruitMedalTitle {
  font-size: 1.4rem;
  font-weight: bold;
  margin-left: 14px;
}

@media (max-width: 1040px) {
  .mypage_status__fruitMedalTitle {
    font-size: 1.2rem;
    margin-left: 4px;
  }
}

.mypage_status__fruitMedalValue {
  display: flex;
  align-items: baseline;
}

.mypage_status__fruitMedalValue .value {
  color: #E31610;
  font-size: 2.2rem;
  font-weight: bold;
  margin-right: 4px;
}

@media (max-width: 1040px) {
  .mypage_status__fruitMedalValue .value {
    font-size: 1.6rem;
  }
}

.mypage_status__fruitMedalValue .unit {
  font-size: 1.4rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .mypage_status__fruitMedalValue .unit {
    font-size: 1.2rem;
  }
}

.mypage_status__fruitShopPoint {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mypage_status__fruitShopPointTitle {
  font-size: 1.4rem;
  font-weight: bold;
  margin-left: 14px;
}

@media (max-width: 1040px) {
  .mypage_status__fruitShopPointTitle {
    font-size: 1.2rem;
    margin-left: 4px;
  }
}

.mypage_status__fruitShopPointValue {
  display: flex;
  align-items: baseline;
}

.mypage_status__fruitShopPointValue .value {
  color: #E31610;
  font-size: 2.2rem;
  font-weight: bold;
  margin-right: 4px;
}

@media (max-width: 1040px) {
  .mypage_status__fruitShopPointValue .value {
    font-size: 1.6rem;
  }
}

.mypage_status__fruitShopPointValue .unit {
  font-size: 1.4rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .mypage_status__fruitShopPointValue .unit {
    font-size: 1.2rem;
  }
}

.mypage_status__pointLinks {
  width: 218px;
}

@media (max-width: 1040px) {
  .mypage_status__pointLinks {
    width: 100%;
  }
}

.mypage_status__linkBox {
  border-radius: 5px;
  background-color: #3AA59E;
}

.mypage_status__linkBox--red {
  background-color: #E31610;
}

.mypage_status__linkBox--red:hover {
  opacity: 0.7;
}

.mypage_status__linkBox--orange {
  background-color: #E8A61D;
}

.mypage_status__linkBox--orange:hover {
  opacity: 0.7;
}

.mypage_status__linkBox--white {
  background-color: #FFFFFF;
}

.mypage_status__linkBox .material-icons {
  color: #FFFFFF;
  font-size: 2.4rem;
}

.mypage_status__registrationInfoLinkTitle {
  font-size: 1.8rem;
  font-weight: bold;
  margin-right: 8px;
}

@media (max-width: 1040px) {
  .mypage_status__registrationInfoLinkTitle {
    font-size: 1.4rem;
  }
}

.mypage_status__registrationInfoLink {
  display: flex;
  align-items: center;
  color: #FFFFFF;
  padding: 10px 20px;
}

@media (max-width: 1040px) {
  .mypage_status__registrationInfoLink {
    padding: 7px 10px;
  }
}

.mypage_status__registrationInfoLink:hover {
  color: #3AA59E;
  border-radius: 5px;
  background-color: #FFFFFF;
  outline: 2px solid;
}

.mypage_status__registrationInfoLink:hover .material-icons {
  color: #3AA59E;
}

.mypage_status__pointInformation {
  display: flex;
  justify-content: space-between;
  gap: 18px;
}

.mypage_status__pointBackground {
  max-width: 444px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px 20px 28px 20px;
  border-radius: 5px;
  background-color: #F8F6ED;
}

@media (max-width: 1040px) {
  .mypage_status__pointBackground {
    gap: 6px;
    padding: 10px 12px 12px 10px;
  }
}

.mypage_status__pointExchangeLink {
  display: flex;
  align-items: center;
  color: #FFFFFF;
  margin-bottom: 20px;
  padding: 14px 10px 14px 16px;
}

@media (max-width: 1040px) {
  .mypage_status__pointExchangeLink {
    padding: 17px;
    margin-bottom: 10px;
  }
}

.mypage_status__pointExchangeWrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.mypage_status__pointExchangeLinkTitle {
  font-size: 1.8rem;
  font-weight: bold;
  max-width: 90px;
  line-height: 1.40;
  margin-left: 13px;
  margin-right: 39px;
}

@media (max-width: 1040px) {
  .mypage_status__pointExchangeLinkTitle {
    max-width: 100%;
  }
}

.mypage_status__pointHistoryLink {
  display: flex;
  align-items: center;
  color: #FFFFFF;
  padding: 20px 10px 20px 16px;
}

@media (max-width: 1040px) {
  .mypage_status__pointHistoryLink {
    padding: 11px;
    padding-right: 17px;
  }
}

.mypage_status__pointHistoryLinkTitle {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.40;
  margin-left: 7px;
}

.mypage_status__pointHistoryWrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

/*------------------------------
  ** ランク
------------------------------*/
.mypage_rank {
  padding: 10px;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
}

@media (max-width: 1040px) {
  .mypage_rank {
    padding: 0;
    background-color: initial;
    box-shadow: none;
  }
}

.mypage_rank__heading {
  display: flex;
  align-items: center;
  padding-bottom: 8px;
  margin-bottom: 10px;
  border-bottom: 1px solid #E0E0E0;
}

@media (max-width: 1040px) {
  .mypage_rank__heading {
    margin-bottom: 0;
    border-bottom: 0;
  }
}

.mypage_rank__title {
  font-size: 2.0rem;
  font-weight: bold;
  margin-left: 5px;
}

@media (max-width: 1040px) {
  .mypage_rank__title {
    font-size: 1.4rem;
  }
}

.mypage_rank__statusWrapper {
  padding: 0;
}

@media (max-width: 1040px) {
  .mypage_rank__statusWrapper {
    padding: 10px;
    border-radius: 5px;
    background-color: #FFFFFF;
  }
}

.mypage_rank__statusBackground {
  border-radius: 5px;
  padding: 20px 30px;
}

@media (max-width: 1040px) {
  .mypage_rank__statusBackground {
    padding: 10px 18px;
  }
}

.mypage_rank__currentStatus {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .mypage_rank__currentStatus {
    flex-direction: column;
    margin-bottom: 7px;
  }
}

.mypage_rank__currentBudge {
  max-width: 85px;
  max-height: 105px;
}

@media (max-width: 1040px) {
  .mypage_rank__currentBudge {
    margin-bottom: 5px;
  }
  .mypage_rank__currentBudge img {
    width: 61px;
    height: 76px;
  }
}

.mypage_rank__currentNow {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 16px;
}

@media (max-width: 1040px) {
  .mypage_rank__currentNow {
    margin-left: 0;
  }
}

.mypage_rank__currentNowTitle {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.92;
}

@media (max-width: 1040px) {
  .mypage_rank__currentNowTitle {
    font-size: 1.0rem;
    font-weight: initial;
  }
}

.mypage_rank__currentName {
  color: #3A896C;
  font-size: 3.0rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .mypage_rank__currentName {
    font-size: 1.6rem;
    font-weight: bold;
  }
}

.mypage_rank__linkBox {
  width: 270px;
  border-radius: 5px;
  background-color: #3AA59E;
}

@media (max-width: 1040px) {
  .mypage_rank__linkBox {
    width: 100%;
  }
}

.mypage_rank__linkBox .material-icons {
  color: #FFFFFF;
  font-size: 2.4rem;
}

@media (max-width: 1040px) {
  .mypage_rank__linkBox .material-icons {
    font-size: 2.0rem;
  }
}

.mypage_rank__link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  padding: 10px 20px;
}

@media (max-width: 1040px) {
  .mypage_rank__link {
    padding: 4px 10px;
  }
}

.mypage_rank__link:hover {
  color: #3AA59E;
  border-radius: 5px;
  background-color: #FFFFFF;
  outline: 2px solid;
}

.mypage_rank__link:hover .material-icons {
  color: #3AA59E;
}

.mypage_rank__linkTitle {
  font-size: 1.8rem;
  font-weight: bold;
  margin-right: 8px;
}

@media (max-width: 1040px) {
  .mypage_rank__linkTitle {
    font-size: 1.4rem;
    margin-right: 0;
  }
}

/*------------------------------
  ** 友達紹介
------------------------------*/
.mypage_friend {
  padding: 10px;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
}

@media (max-width: 1040px) {
  .mypage_friend {
    padding: 0;
    background-color: initial;
    box-shadow: none;
  }
}

.mypage_friend__heading {
  display: flex;
  align-items: center;
  padding-bottom: 8px;
  margin-bottom: 10px;
  border-bottom: 1px solid #E0E0E0;
}

@media (max-width: 1040px) {
  .mypage_friend__heading {
    margin-bottom: 0;
    border-bottom: 0;
  }
}

.mypage_friend__title {
  font-size: 2.0rem;
  font-weight: bold;
  margin-left: 5px;
}

@media (max-width: 1040px) {
  .mypage_friend__title {
    font-size: 1.4rem;
  }
}

.mypage_friend__wrapper {
  border-radius: 5px;
  padding: 24px 30px;
}

@media (max-width: 1040px) {
  .mypage_friend__wrapper {
    background-color: #FFFFFF;
    padding: 27px 11px 36px 12px;
  }
}

.mypage_friend__detail {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px;
}

.mypage_friend__introduce {
  color: #3AA59E;
  font-size: 2.0rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .mypage_friend__introduce {
    font-size: 1.4rem;
  }
}

.mypage_friend__introduceCount {
  color: #3AA59E;
  font-size: 7.2rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .mypage_friend__introduceCount {
    font-size: 4.8rem;
  }
}

.mypage_friend__suffix {
  font-size: 3.0rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .mypage_friend__suffix {
    font-size: 2.4rem;
  }
}

.mypage_friend__linkBox {
  width: 270px;
  border-radius: 5px;
  background-color: #3AA59E;
}

@media (max-width: 1040px) {
  .mypage_friend__linkBox {
    width: 100%;
  }
}

.mypage_friend__linkBox .material-icons {
  color: #FFFFFF;
  font-size: 2.4rem;
}

@media (max-width: 1040px) {
  .mypage_friend__linkBox .material-icons {
    font-size: 2.0rem;
  }
}

.mypage_friend__link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  padding: 10px 20px;
}

@media (max-width: 1040px) {
  .mypage_friend__link {
    padding: 7px 10px;
  }
}

.mypage_friend__link:hover {
  color: #3AA59E;
  border-radius: 5px;
  background-color: #FFFFFF;
  outline: 2px solid;
}

.mypage_friend__link:hover .material-icons {
  color: #3AA59E;
}

.mypage_friend__linkTitle {
  font-size: 1.8rem;
  font-weight: bold;
  margin-right: 8px;
}

@media (max-width: 1040px) {
  .mypage_friend__linkTitle {
    font-size: 1.4rem;
    margin-right: 0;
  }
}

/*------------------------------
  ** スタンプラリー
------------------------------*/
.mypage_stampRally__heading {
  display: flex;
  flex-direction: column;
}

.mypage_stampRally__headingImage {
  max-width: 718px;
  max-height: 150px;
  margin-bottom: 16px;
}

@media (max-width: 1040px) {
  .mypage_stampRally__headingImage {
    margin-bottom: 18px;
  }
  .mypage_stampRally__headingImage img {
    width: fit-content;
    height: fit-content;
  }
}

.mypage_stampRally__lowLayerLinks {
  display: flex;
  justify-content: center;
  gap: 20px;
}

@media (max-width: 1040px) {
  .mypage_stampRally__lowLayerLinks {
    gap: 8px;
  }
}

.mypage_stampRally__linkBox {
  border-radius: 5px;
  background-color: #FFFFFF;
}

.mypage_stampRally__linkBox:hover {
  background-color: #FFF9BC;
}

.mypage_stampRally__linkBox .material-icons {
  color: #2C786C;
  font-size: 2.4rem;
}

@media (max-width: 1040px) {
  .mypage_stampRally__linkBox .material-icons {
    font-size: 2.0rem;
  }
}

.mypage_stampRally__link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2C786C;
  padding: 6px 10px;
}

@media (max-width: 1040px) {
  .mypage_stampRally__link {
    padding: 6px 5px;
  }
  .mypage_stampRally__link img {
    width: 20px;
    height: 20px;
  }
}

.mypage_stampRally__titleWrapper {
  display: flex;
  align-items: center;
}

.mypage_stampRally__linkTitle {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 10px;
}

@media (max-width: 1040px) {
  .mypage_stampRally__linkTitle {
    font-size: 1.2rem;
  }
}

.mypage_stampRally__received {
  width: 100%;
}

@media (max-width: 1040px) {
  .mypage_stampRally__received {
    padding: 0 10px;
  }
}

.mypage_stampRally__receivedTitle {
  max-width: 347px;
  margin: auto;
  padding: 4px;
  color: #FFFFFF;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  border-radius: 2px;
  background-color: #E31610;
  position: relative;
  top: 10px;
}

@media (max-width: 1040px) {
  .mypage_stampRally__receivedTitle {
    display: inline-flex;
    align-items: baseline;
    max-width: 188px;
    margin: 0;
    font-size: 1.4rem;
    left: calc(100% / 2 - 92px);
  }
}

.mypage_stampRally__getStamp {
  font-size: 3.6rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .mypage_stampRally__getStamp {
    font-size: 2.0rem;
  }
}

.mypage_stampRally__getPoint {
  font-size: 3.6rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .mypage_stampRally__getPoint {
    font-size: 2.0rem;
  }
}

.mypage_stampRally__receivedBackground {
  display: flex;
  align-items: center;
  max-width: 678px;
  margin: auto;
  margin-bottom: 10px;
  padding: 40px 32px;
  border-radius: 999px;
  background-color: #FFFFFF;
}

@media (max-width: 1040px) {
  .mypage_stampRally__receivedBackground {
    justify-content: center;
    padding: 20px 15px;
  }
}

.mypage_stampRally__stampButton {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 10px 40px;
  margin-right: 18px;
  border-radius: 999px;
  background-color: #E8A61D;
}

@media (max-width: 1040px) {
  .mypage_stampRally__stampButton {
    font-size: 1.2rem;
    padding: 5px 14px;
    margin-right: 9px;
  }
}

.mypage_stampRally__stampButton:hover {
  opacity: 0.7;
}

.mypage_stampRally__stampButton .update {
  display: block;
}

.mypage_stampRally__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 17px;
}

@media (max-width: 1040px) {
  .mypage_stampRally__list {
    gap: 5px;
  }
}

.mypage_stampRally__count {
  position: relative;
}

.mypage_stampRally__number {
  width: 70px;
  height: 70px;
  font-size: 3.0rem;
  line-height: 1.5;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #C6CDD0;
  border-radius: 50%;
  border: 3px solid #C6CDD0;
  background-color: #FFFFFF;
}

@media (max-width: 1040px) {
  .mypage_stampRally__number {
    width: 35px;
    height: 35px;
    font-size: 1.5rem;
    border: 2px solid #C6CDD0;
  }
}

.mypage_stampRally__stampMikkun {
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 1040px) {
  .mypage_stampRally__stampMikkun img {
    width: 35px;
    height: 35px;
  }
}

.mypage_stampRally__updateRule {
  width: 100%;
  max-width: 656px;
  color: #FFFFFF;
  font-size: 1.3rem;
  margin: auto;
}

@media (max-width: 1040px) {
  .mypage_stampRally__updateRule {
    font-size: 1.0rem;
  }
}

.mypage_stampRally__contentsHeading {
  max-width: 378px;
  color: #2C786C;
  font-size: 2.4rem;
  font-weight: bold;
  margin: auto;
  margin-bottom: 20px;
  padding: 6px 20px;
  border-radius: 999px;
  background-color: #FDFD3A;
  box-shadow: 3px 3px 0px #00000040;
}

@media (max-width: 1040px) {
  .mypage_stampRally__contentsHeading {
    max-width: 283px;
    font-size: 1.8rem;
    padding: 5px 15px;
    text-align: center;
  }
}

.mypage_stampRally__contentsList {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

@media (max-width: 1040px) {
  .mypage_stampRally__contentsList {
    gap: 10px 15px;
  }
}

.mypage_stampRally__contentsItem {
  width: calc(100% / 4 - 15px);
  position: relative;
}

@media (max-width: 1040px) {
  .mypage_stampRally__contentsItem {
    width: calc(100%/ 2 - 8px);
  }
}

.mypage_stampRally__contentsLink {
  display: block;
  padding: 10px;
  border-radius: 5px;
  background-color: #FFFFFF;
}

.mypage_stampRally__contentsLink:hover {
  background-color: #FFF9BC;
}

.mypage_stampRally__playedIcon {
  position: absolute;
  top: -10px;
  left: -10px;
}

.mypage_stampRally__iconBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  background-color: #DDF5F4;
}

.mypage_stampRally__icon {
  max-width: 64px;
  max-height: 64px;
  margin-bottom: 4px;
}

.mypage_stampRally__contentsName {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.375;
}

.mypage_stampRally__contentsDetail {
  display: flex;
  gap: 6px;
  min-height: 40px;
}

.mypage_stampRally__condition {
  display: flex;
  align-items: center;
  color: #484848;
  font-size: 1.2rem;
  padding: 3px 4px;
  border-radius: 2px;
  max-height: 25px;
  white-space: nowrap;
  background-color: #E6E6E6;
}

.mypage_stampRally__description {
  font-size: 1.4rem;
}

.mypage_stampRally__attention {
  padding: 20px;
  border-radius: 5px;
  background-color: #FFFFFF;
}

@media (max-width: 1040px) {
  .mypage_stampRally__attention {
    padding: 10px;
  }
}

.mypage_stampRally__attentionHeading {
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 10px;
}

@media (max-width: 1040px) {
  .mypage_stampRally__attentionHeading {
    font-size: 1.6rem;
  }
}

.mypage_stampRally__attentionItem {
  display: flex;
  margin-bottom: 10px;
}

.mypage_stampRally__attentionItem::before {
  content: '';
  min-width: 3px;
  height: 3px;
  margin-right: 9px;
  border-radius: 50%;
  background-color: #333;
  position: relative;
  top: 10px;
  left: 0;
}

.mypage_stampRally__attentionText {
  font-size: 1.4rem;
  line-height: 1.6;
}

/*---------------------------------------
  *** rankgacha【ランクガチャ】***
-----------------------------------------*/
.rankgacha_layout {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.rankgacha_layout__header {
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .rankgacha_layout__header {
    margin-bottom: 10px;
  }
  .rankgacha_layout__header img {
    height: auto;
  }
}

.rankgacha_layout__gameScreen {
  max-width: 740px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
  position: relative;
  z-index: 10;
}

@media (max-width: 1040px) {
  .rankgacha_layout__gameScreen {
    padding: 15px;
  }
}

.rankgacha_layout__attentionTemplate {
  width: 740px;
}

@media (max-width: 1040px) {
  .rankgacha_layout__attentionTemplate {
    width: 100%;
    padding: 15px;
  }
}

.rankgacha_layout__attentionHeading {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .rankgacha_layout__attentionHeading {
    font-size: 1.8rem;
  }
}

.rankgacha_layout__attentionList {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.rankgacha_layout__attention {
  list-style: none;
}

.rankgacha_layout__attentionTitle {
  font-size: 1.6rem;
}

@media (max-width: 1040px) {
  .rankgacha_layout__attentionTitle {
    font-size: 1.4rem;
  }
}

.rankgacha_layout__attentionText {
  display: flex;
  align-items: flex-start;
  white-space: pre-line;
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 20px;
  flex-direction: column;
}

@media (max-width: 800px) {
  .rankgacha_layout__attentionText {
    font-size: 1.2rem;
  }
}

.rankgacha_layout__attentionText .textRed {
  color: #DF4840;
}

.rankgacha_index {
  width: 100%;
}

.rankgacha_index__gameBackground {
  background: url("/assets/img/rankgacha/gacha_background.png") no-repeat;
  background-size: contain;
  background-position: center;
  background-color: #69c4bb;
  position: relative;
}

.rankgacha_index__gachaImage {
  display: flex;
  justify-content: center;
}

.rankgacha_index__gachaImage img {
  width: 100%;
  height: auto;
}

.rankgacha_index__gachaBody {
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: #69c4bb;
}

.rankgacha_index__gachaHandle {
  width: 15%;
  height: 15%;
  border-radius: 50%;
  border: 13px solid #fff;
  background-color: #69c4bb;
  position: absolute;
  top: 66%;
  left: 42.5%;
  cursor: pointer;
}

@media (max-width: 600px) {
  .rankgacha_index__gachaHandle {
    border: 8px solid #fff;
  }
}

@media (max-width: 300px) {
  .rankgacha_index__gachaHandle {
    border: 6px solid #fff;
  }
}

.rankgacha_index__gachaHandle .gachaKnob {
  width: 20%;
  height: 100%;
  background-color: #FFFFFF;
  position: absolute;
  top: 0;
  left: 40%;
}

.rankgacha_index__gachaHandle .gachaKnob.isActive {
  transition: 2s;
  transform: rotateZ(360deg);
  transition-timing-function: linear;
}

.rankgacha_index__playableActions {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 20px;
  margin: 20px 0;
  position: relative;
  z-index: 1;
}

.rankgacha_index__playableCount {
  font-size: 1.8rem;
  font-weight: bold;
}

.rankgacha_index__triggerButton {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 300px;
  width: 100%;
  color: #FFFFFF;
  font-size: 2.0rem;
  font-weight: bold;
  padding: 12px;
  border-radius: 5px;
  border: 2px solid #ff0000;
  background-color: #ff0000;
  cursor: pointer;
}

.rankgacha_index__triggerButton:hover {
  color: #ff0000;
  background-color: #FFFFFF;
}

@media (max-width: 1040px) {
  .rankgacha_index__triggerButton {
    bottom: 15px;
    font-size: 2.0rem;
  }
}

.rankgacha_index__resultList {
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .rankgacha_index__resultList {
    bottom: 15px;
  }
}

.rankgacha_index__resultListLink {
  color: #3aa59e;
  text-decoration: none;
}

.rankgacha_result__background {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  min-height: 600px;
  padding: 30px 0;
  margin-bottom: 30px;
  background-color: #FFFFFF;
}

@media (max-width: 1040px) {
  .rankgacha_result__background {
    min-height: auto;
  }
}

.rankgacha_result__headingTitle {
  font-size: 2.6rem;
  font-weight: bold;
  margin-bottom: 40px;
}

@media (max-width: 1040px) {
  .rankgacha_result__headingTitle {
    font-size: 1.8rem;
    margin-bottom: 40px;
  }
}

.rankgacha_result__rewardItems {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.rankgacha_result__rewardDetail {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  gap: 20px;
  min-height: 200px;
  margin-bottom: 30px;
}

.rankgacha_result__playCount {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #FFFFFF;
  padding: 6px;
  font-size: 1.6rem;
  font-weight: bold;
  background-color: #484848;
}

.rankgacha_result__playAction {
  max-width: 300px;
  width: 100%;
}

.rankgacha_result__isHit {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 200px;
  color: #FFFFFF;
  font-size: 2.0rem;
  font-weight: bold;
  padding: 6px 12px;
  margin: auto;
  border-radius: 5px;
  background-color: #ff0000;
}

.rankgacha_result__rewardItem {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 8px;
}

.rankgacha_result__rewardItem img {
  width: 100%;
  height: auto;
}

.rankgacha_result__rewardIcon {
  max-width: 80px;
  max-height: 70px;
}

.rankgacha_result__reward {
  font-size: 1.6rem;
  font-weight: bold;
}

.rankgacha_result__reward .rewardName {
  font-size: 1.8rem;
}

.rankgacha_result__enqueteLinkBox {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.rankgacha_result__enqueteLink {
  max-width: 300px;
  width: 100%;
  color: #f5a623;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 10px;
  border-radius: 5px;
  border: 2px solid #f5a623;
  background-color: #FFFFFF;
  cursor: pointer;
}

.rankgacha_result__enqueteLink:hover {
  color: #FFFFFF;
  background-color: #f5a623;
}

.rankgacha_result__enqueteAttention {
  color: #ff0000;
  white-space: pre-line;
  padding: 0 10px;
}

.rankgacha_result__enqueteLink {
  text-align: center;
}

.rankgacha_result__backToTop {
  max-width: 300px;
  width: 100%;
  margin-bottom: 20px;
  border-radius: 5px;
  border: 2px solid #69c4bb;
  background-color: #FFFFFF;
}

.rankgacha_result__backToTop:hover {
  background-color: #69c4bb;
}

.rankgacha_result__backToLink {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #69c4bb;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 10px;
}

.rankgacha_result__backToLink:hover {
  color: #FFFFFF;
}

.rankgacha_result__backToLink .material-icons {
  font-weight: bold;
  margin-right: 5px;
}

/**
 *  component
 */
.rankgacha_playAction {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 20px;
}

.rankgacha_playAction__videoReward {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 300px;
  width: 100%;
  color: #0067c0;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 12px;
  margin-bottom: 5px;
  border-radius: 5px;
  border: 2px solid #0067c0;
  background-color: #FFFFFF;
  cursor: pointer;
}

.rankgacha_playAction__videoReward:hover {
  color: #FFFFFF;
  background-color: #0067c0;
}

.rankgacha_playAction__videoRewardAttention {
  color: #ff0000;
  white-space: nowrap;
}

@media (max-width: 1040px) {
  .rankgacha_playAction__videoRewardAttention {
    white-space: initial;
  }
}

.rankgacha_playAction__notification {
  width: 100%;
}

.rankgacha_playAction__playableText {
  font-size: 1.4rem;
}

.rankgacha_playAction__notPlayableText {
  font-size: 1.4rem;
  text-align: center;
}

.rankgacha_ads__block {
  width: 100%;
  margin: 10px auto;
}

.research {
  width: 720px;
}

.research__news {
  width: 100%;
  max-width: 1040px;
  text-decoration: none !important;
  border: 1px #DF4840 solid;
  display: flex;
  margin: 0 auto;
  cursor: pointer;
}

.research__newsHeading {
  width: 185px;
  color: white;
  font-size: 1.4rem;
  background-color: #DF4840;
  padding: 7px 0;
  text-align: center;
}

.research__newsTitle {
  flex: 1;
  color: #DF4840;
  font-size: 1.4rem;
  padding: 7px 20px;
  box-sizing: border-box;
}

.research__newsTitle:hover {
  background-color: #FFF9BC;
}

.research__headerBannerImage {
  margin-bottom: 20px;
}

.research__headerBannerImage img {
  width: 100%;
}

.research__ctxAttention {
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 10px 30px;
  margin-bottom: 20px;
}

.research__menu {
  display: flex;
  gap: 10px;
  margin-bottom: 30px;
}

.research__menu--bottom .research__menuItem--selected::before {
  bottom: auto !important;
  top: 0;
  border-top: 6px transparent solid !important;
  border-bottom: 10px #3AA59E solid;
  transform: translateY(-100%) !important;
}

.research__menuItem {
  width: calc(100% / 4 - (10px / 4));
  text-align: center;
  line-height: 1.8;
  background-color: white;
  border-radius: 4px;
  padding: 8px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.research__menuItem:hover {
  background-color: #FFF9BC;
}

.research__menuItem--selected {
  position: relative;
  color: white;
  background-color: #3AA59E;
}

.research__menuItem--selected:hover {
  background-color: #3AA59E;
}

.research__menuItem--selected::before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border: 6px transparent solid;
  border-top: 10px #3AA59E solid;
  transform: translateY(100%);
}

.research__menuItem a {
  color: #484848;
  width: 100%;
  height: 100%;
  text-decoration: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.research__menuItem a .material-icons {
  color: #000000;
  font-size: 2rem;
}

.research__tab {
  display: none;
}

.research__tab--selected {
  display: block;
}

.research__navi {
  display: flex;
  gap: 10px;
  margin-bottom: 16px;
}

.research__types {
  position: relative;
  width: 70%;
  display: flex;
}

.research__types::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #CDD3D6;
}

.research__type {
  position: relative;
  color: gray;
  padding: 0 24px;
  padding-top: 4px;
  padding-bottom: 12px;
  cursor: pointer;
}

.research__type--selected {
  color: #222;
}

.research__type--selected::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #2C786C;
  z-index: 1;
}

.research__pulldown {
  position: relative;
  height: auto;
  flex: 1;
  color: #939393;
  font-size: 1.4rem;
  background-color: white;
  padding: 0 10px;
  padding-left: 20px;
  box-sizing: border-box;
  border: 1px #CDD3D6 solid;
  border-radius: 5px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.research__pulldown::after {
  content: '';
  position: absolute;
  right: 10px;
  width: 0;
  height: 0;
  border: 5px transparent solid;
  border-top: 6px #939393 solid;
  transform: translateY(25%);
}

.research__pulldown--open {
  color: #484848;
  border-color: #3AA59E;
}

.research__pulldownItems {
  display: none;
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  background-color: white;
  border: 1px #CDD3D6 solid;
  border-radius: 5px;
  padding: 4px;
  box-sizing: border-box;
  transform: translateY(100%);
  z-index: 1;
}

.research__pulldownItems--open {
  display: block;
  border-color: #3AA59E;
}

.research__pulldownItem {
  color: #484848;
  font-size: 1.4rem;
  padding: 10px 16px;
  box-sizing: border-box;
  cursor: pointer;
}

.research__pulldownItem:hover {
  background-color: #FFF9BC;
}

.research__typeTab {
  position: relative;
  display: none;
  z-index: 0;
}

.research__typeTab--selected {
  display: block;
}

.research__noItemsMessage {
  color: #484848;
  font-size: 1.4rem;
  line-height: 1.6;
  text-align: center;
  margin: 50px 0;
}

.research__items {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 24px;
}

.research__item {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
}

.research__item:hover .research__itemMain {
  left: calc((140px - (4px + 2.4rem)) * -1);
}

.research__item--answered {
  cursor: auto;
}

.research__item--answered:hover .research__itemMain {
  left: 0;
}

.research__itemMain {
  position: relative;
  width: calc(100% - (4px + 2.4rem));
  left: 0;
  background-color: white;
  padding: 14px 20px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  gap: 5px;
  transition: .4s;
  z-index: 1;
}

.research__itemMainInformation {
  flex: 1;
}

.research__itemInformation {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: right;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 8px;
}

.research__itemInformationPoint {
  max-width: 210px;
  font-size: 1.4rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 0;
}

.research__itemInformationPoint div .material-icons {
  display: inline-block;
  color: white;
  font-size: 1.1rem;
  background-color: orange;
  border-radius: 100%;
  padding: 3px;
  margin: 0 6px;
}

.research__itemInformationPoint div strong {
  display: inline-block;
  width: 90px;
  color: red;
  font-size: 1.8rem;
}

.research__itemInformationEnter {
  position: absolute;
  top: 0;
  right: 0;
  width: 140px;
  height: 100%;
}

.research__itemInformationEnter div {
  position: relative;
  width: 100%;
  height: 100%;
  color: white;
  font-size: 1.5rem;
  background-color: #3aa59e;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 0;
}

.research__itemInformationEnter div .material-icons {
  position: absolute;
  right: 2px;
  font-size: 2.4rem;
}

.research__itemInformationEnter--black div {
  background-color: #484848;
}

.research__itemSubInformation {
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.research__itemSubInformation--mobile {
  display: none;
}

.research__itemSubInformationText {
  color: #939393;
  margin-left: 20px;
}

.research__itemSubInformationNewIcon {
  color: red;
  font-size: 1.2rem;
  border: 1px red solid;
  padding: 2px;
  margin-right: 5px;
}

.research__itemFirstIcon {
  width: fit-content;
  color: #2C786C;
  font-size: 1.4rem;
  background-color: #effafa;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  margin-bottom: 8px;
  transform: translateX(-173px);
}

.research__itemFirstIcon img {
  width: 20px;
}

.research__dummyFirstSpace {
  width: 100%;
  height: 0;
}

.research__bonusEnqueteText {
  width: 100%;
  color: #2C786C;
  font-size: 1.4rem;
  text-align: center;
  background-color: #EFFAFA;
  border-radius: 5px;
  padding: 10px 0;
  margin-bottom: 20px;
}

.research__tyousataiItems {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 40px;
}

.research__tyousataiItem {
  background-color: white;
  padding: 10px;
  box-sizing: border-box;
}

.research__tyousataiItemHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px #E5E5E5 solid;
  padding-bottom: 6px;
}

.research__tyousataiItemHeading {
  flex: 1;
  font-size: 1.4rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 4px;
}

.research__tyousataiItemHeading .material-icons {
  color: #939393;
  font-size: 2.2rem;
}

.research__tyousataiItemHeading sub {
  color: gray;
  font-size: 1.2rem;
  font-weight: normal;
}

.research__tyousataiItemSubLink {
  color: #3AA59E;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  gap: 4px;
}

.research__tyousataiItemSubLink .material-icons {
  font-size: 1.8rem;
}

.research__tyousataiPanels {
  display: flex;
  flex-wrap: wrap;
}

.research__tyousataiPanel {
  width: 50%;
  border-bottom: 1px #E5E5E5 solid;
  padding: 14px 10px;
  box-sizing: border-box;
}

.research__tyousataiPanel:nth-of-type(odd) {
  border-right: 1px #E5E5E5 solid;
}

.research__tyousataiPanel:hover {
  background-color: #FFF9BC;
}

.research__tyousataiPanelImage {
  position: relative;
  display: flex;
  justify-content: center;
}

.research__tyousataiPanelImage img {
  width: 160px;
  object-fit: contain;
  margin: 0 auto;
}

.research__tyousataiPanelStatus {
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  font-size: 1.2rem;
  background-color: orange;
  padding: 6px 16px;
}

.research__tyousataiPanelTitle {
  width: 95%;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: left;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 8px 0;
}

.research__tyousataiPanelPoint {
  color: red;
  font-size: 2.5rem;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
}

.research__tyousataiPanelPoint--medium {
  font-size: 2rem;
}

.research__tyousataiPanelPoint .material-icons {
  display: inline-block;
  color: white;
  font-size: 1rem;
  font-weight: normal;
  background-color: orange;
  border-radius: 100%;
  padding: 2px;
  margin-right: 4px;
}

.research__tyousataiPanelPoint sub {
  color: red;
  font-size: 1.1rem;
  font-weight: normal;
}

.research__tyousataiPanelPointMax {
  color: #484848;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}

.research__tyousataiPanelInformation {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}

.research__tyousataiPanelInformation div {
  min-width: 40%;
  color: #939393;
  font-size: 1.2rem;
  display: flex;
  gap: 5px;
}

.research__tyousataiPanelInformation div strong {
  color: #2C786C;
}

.research__tyousataiPanelMoreLink {
  display: flex;
  justify-content: flex-end;
  padding: 10px 0;
  box-sizing: border-box;
}

.research__tyousataiPanelMoreLink:hover {
  background-color: #FFF9BC;
}

.research__tyousataiPanelMoreLink div {
  color: #484848;
  font-size: 1.4rem;
  font-weight: bold;
  text-decoration: none !important;
  display: flex;
  align-items: center;
}

.research__tyousataiPanelMoreLink div .material-icons {
  font-weight: 2rem;
}

.research__bottomAds {
  margin: 0 auto;
  margin-bottom: 50px;
}

.research__attention {
  color: #484848;
  margin-bottom: 60px;
}

.research__attention h3 {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.research__attention p {
  font-size: 1.4rem;
  line-height: 1.6;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
}

.research__attention p a {
  color: #3AA59E;
}

.research__monitorTownBanner {
  width: 640px;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 60px auto;
}

.research__monitorTownBanner img {
  width: 100%;
  margin-bottom: 10px;
}

.research__monitorTownBanner a {
  color: #3AA59E;
  font-size: 1.4rem;
}

.research__pagination {
  margin-bottom: 40px;
}

.research__pagination .pagination {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 10px;
}

.research__pagination .first,
.research__pagination .last,
.research__pagination .first-inactive,
.research__pagination .last-inactive {
  display: none;
}

.research__pagination span {
  position: relative;
  width: 32px;
  height: 32px;
  background-color: white;
  border: 1px #3AA59E solid;
  border-radius: 5px;
}

.research__pagination span a {
  display: block;
  width: 100%;
  height: 100%;
  color: #3AA59E;
  font-size: 1.4rem;
  text-decoration: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.research__pagination span:hover {
  background-color: #3AA59E;
}

.research__pagination span:hover a {
  color: white;
}

.research__pagination .material-icons {
  font-size: 2rem;
}

.research__pagination .active {
  background-color: #3AA59E;
}

.research__pagination .active a {
  color: white;
}

.researchBeforeLogin {
  width: 720px;
}

.researchBeforeLogin__headerBannerImage {
  margin-bottom: 20px;
}

.researchBeforeLogin__headerBannerImage img {
  width: 100%;
}

.researchBeforeLogin__explain {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 20px;
}

.researchBeforeLogin__message {
  color: #2C786C;
  font-size: 1.4rem;
  text-align: center;
  background-color: #EFFAFA;
  padding: 10px 0;
  margin-bottom: 20px;
}

.researchBeforeLogin__loginMessage {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
}

.researchBeforeLogin__items {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.researchBeforeLogin__item {
  background-color: white;
  border-radius: 5px;
  padding: 10px;
  padding-bottom: 0;
  box-sizing: border-box;
}

.researchBeforeLogin__itemHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px #CDD3D6 solid;
  padding-bottom: 10px;
}

.researchBeforeLogin__itemHeading {
  flex: 1;
  font-size: 1.6rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 4px;
}

.researchBeforeLogin__panels {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.researchBeforeLogin__panel {
  width: 50%;
  border-bottom: 1px #CDD3D6 solid;
  padding: 15px;
  box-sizing: border-box;
}

.researchBeforeLogin__panel:nth-of-type(odd) {
  border-right: 1px #CDD3D6 solid;
}

.researchBeforeLogin__panelImage {
  position: relative;
  display: flex;
  justify-content: center;
}

.researchBeforeLogin__panelImage img {
  width: 100%;
  object-fit: contain;
  margin: 0 auto;
}

.researchBeforeLogin__panelTitle {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 8px 0;
}

.researchBeforeLogin__panelText {
  font-size: 1.4rem;
  line-height: 1.4;
}

@media (max-width: 800px) {
  .research {
    width: 100%;
  }
  .research__inline {
    padding: 0 10px;
    box-sizing: border-box;
  }
  .research__headerBannerImage {
    margin-bottom: 0;
  }
  .research__ctxAttention {
    margin-bottom: 0;
    margin-top: 10px;
    padding-bottom: 5px;
  }
  .research__menu {
    padding: 16px 0;
    overflow-y: visible;
    overflow-x: auto;
    margin-bottom: 14px;
  }
  .research__menu--bottom {
    padding-left: 10px;
    margin-bottom: 0;
  }
  .research__menuItem {
    min-width: 138px;
    font-size: 1.2rem;
  }
  .research__types {
    width: 55%;
  }
  .research__item:hover .research__itemMain {
    left: 0;
  }
  .research__itemMain {
    width: calc(100% - 110px);
    display: block;
    gap: 0;
  }
  .research__itemMainInformation {
    position: relative;
    margin-bottom: 20px;
  }
  .research__itemFirstIcon {
    transform: translateX(0);
    margin-bottom: 8px;
  }
  .research__dummyFirstSpace {
    display: none;
  }
  .research__itemInformation {
    max-height: 42px;
    font-size: 1.4rem;
    line-height: 1.5;
    text-align: left;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 0;
  }
  .research__itemSubInformation {
    display: none;
    line-height: 1.6;
    flex-wrap: wrap;
  }
  .research__itemSubInformation--mobile {
    display: flex;
    justify-content: flex-start;
  }
  .research__itemSubInformationText {
    margin-left: 0;
  }
  .research__itemSubInformationText:last-child {
    width: 100%;
  }
  .research__itemInformationPoint {
    width: auto;
    justify-content: flex-start;
    margin-bottom: 8px;
  }
  .research__itemInformationPoint div strong {
    width: auto;
  }
  .research__itemInformationEnter {
    width: 110px;
  }
  .research__itemInformationEnter div {
    font-size: 1.4rem;
  }
  .research__itemInformationEnter div .material-icons {
    display: none;
  }
  .research__bonusEnqueteText {
    height: 90px;
    line-height: 1.5;
    font-size: 1.3rem;
    text-align: left;
    padding: 15px;
    margin-bottom: 10px;
  }
  .research__bottomAds {
    margin-bottom: 20px;
  }
  .research__attention {
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 40px;
  }
  .research__attention h3 {
    font-size: 1.8rem;
  }
  .research__attention p {
    font-size: 1.3rem;
  }
  .research__pagination {
    margin-bottom: 30px;
  }
  .research__tyousataiItems {
    margin-bottom: 30px;
  }
  .research__tyousataiItem {
    background-color: transparent;
  }
  .research__tyousataiItemHeader {
    border: none;
    flex-direction: column;
    align-items: start;
    gap: 5px;
    margin-bottom: 5px;
  }
  .research__tyousataiItemHeading sub {
    font-size: 1.1rem;
  }
  .research__tyousataiItemSubLink {
    font-size: 1.3rem;
  }
  .research__tyousataiPanels {
    gap: 10px;
  }
  .research__tyousataiPanel {
    width: calc(50% - 5px);
    background-color: white;
    border: none !important;
  }
  .research__tyousataiPanelTitle {
    max-height: 40px;
    font-size: 1.4rem;
    font-weight: normal;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .research__tyousataiPanelPoint {
    font-size: 2.2rem;
    margin-bottom: 10px;
  }
  .research__tyousataiPanelPoint--medium {
    font-size: 1.6rem;
    align-items: start;
  }
  .research__tyousataiPanelPointMax {
    font-weight: normal;
  }
  .research__tyousataiPanelInformation div {
    font-size: 1.1rem;
  }
  .research__tyousataiPanelMoreLink {
    text-decoration: none !important;
  }
  .research__tyousataiPanelMoreLink:hover {
    background-color: transparent;
  }
  .research__tyousataiPanelMoreLink div {
    width: 100%;
    color: #939393;
    background-color: white;
    border: 1px #CDD3D6 solid;
    border-radius: 10px;
    justify-content: center;
    padding: 10px;
  }
  .research__monitorTownBanner {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .research__monitorTownBanner img {
    margin-bottom: 5px;
  }
  .research__monitorTownBanner a {
    font-size: 1.1rem;
    text-align: left;
  }
  .researchBeforeLogin {
    width: 100%;
  }
  .researchBeforeLogin__explain {
    padding: 0 10px;
    margin-bottom: 30px;
  }
  .researchBeforeLogin__message {
    width: calc(100% - 20px);
    font-size: 1.3rem;
    padding: 10px;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .researchBeforeLogin__loginMessage {
    margin-bottom: 40px;
  }
  .researchBeforeLogin__items {
    margin-bottom: 30px;
  }
  .researchBeforeLogin__item {
    background-color: transparent;
  }
  .researchBeforeLogin__itemHeader {
    border: none;
    flex-direction: column;
    align-items: start;
    gap: 5px;
  }
  .researchBeforeLogin__panels {
    gap: 10px;
  }
  .researchBeforeLogin__panel {
    width: calc(50% - 5px);
    background-color: white;
    border: none !important;
    border-radius: 5px;
  }
  .researchBeforeLogin__panelTitle {
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 10px;
  }
}

.renewalTyousatai_sp {
  display: none !important;
}

@media (max-width: 800px) {
  .renewalTyousatai_sp {
    display: flex !important;
  }
}

.renewalTyousatai_pc {
  display: flex !important;
}

@media (max-width: 800px) {
  .renewalTyousatai_pc {
    display: none !important;
  }
}

.renewalTyousatai_main {
  width: 1040px;
  margin: 0 auto;
}

@media (max-width: 800px) {
  .renewalTyousatai_main {
    width: 100%;
  }
}

.renewalTyousatai_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}

@media (max-width: 800px) {
  .renewalTyousatai_header {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
}

.renewalTyousatai_header__title {
  position: relative;
  color: #484848;
  font-size: 14px;
}

@media (max-width: 800px) {
  .renewalTyousatai_header__title {
    position: relative;
    height: 40px;
    color: #484848;
    font-size: 15px;
    font-weight: bold;
    line-height: 150%;
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: white;
    width: 100%;
  }
  .renewalTyousatai_header__title::before {
    content: '';
    width: 5px;
    height: 40px;
    background-color: #e8a61d;
  }
}

.renewalTyousatai_header__info {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}

@media (max-width: 800px) {
  .renewalTyousatai_header__info {
    width: 100%;
    justify-content: flex-end;
    padding-right: 15px;
  }
}

.renewalTyousatai_header__ticket {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #484848;
  font-size: 14px;
  line-height: 170%;
}

.renewalTyousatai_header__ticket img {
  width: 24px;
}

.renewalTyousatai_header__ticket span {
  font-size: 16px;
}

.renewalTyousatai_header-help {
  width: 24px;
}

.renewalTyousatai_gachaButton {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 2px;
  background-color: #ffffff;
  border-radius: 7px;
  border: 2px solid #222222;
  box-sizing: border-box;
}

.renewalTyousatai_gachaButton__main {
  position: relative;
  padding: 1px 8px 1px 8px;
  background-color: #222222;
  border-radius: 5px 5px 5px 5px;
  box-sizing: border-box;
  color: #ffed22;
  font-size: 14px;
  display: flex;
  align-items: center;
}

.renewalTyousatai_gachaButton__main img {
  width: 24px;
}

.renewalTyousatai_navigationSpace {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
  background-color: #ffffff;
  margin-bottom: 10px;
  z-index: 100;
}

.renewalTyousatai_navigationSpace__title {
  width: 100%;
  color: white;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  background-color: #3aa59e;
  padding: 10px 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

@media (max-width: 800px) {
  .renewalTyousatai_navigationSpace__title {
    font-size: 14px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

.renewalTyousatai_navigation {
  width: 100%;
  display: flex;
  height: 45px;
}

@media (max-width: 800px) {
  .renewalTyousatai_navigation {
    height: auto;
  }
}

.renewalTyousatai_navigation__item {
  width: calc(100% / 6);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 9px 0;
  background-color: #3aa59e;
  border-right: 1px solid white;
  box-sizing: border-box;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
}

.renewalTyousatai_navigation__item:first-child {
  border-bottom-left-radius: 5px;
}

.renewalTyousatai_navigation__item:last-child {
  border-bottom-right-radius: 5px;
  border-right: none;
}

.renewalTyousatai_navigation__item img {
  width: 24px;
}

@media (max-width: 800px) {
  .renewalTyousatai_navigation__item {
    flex-direction: column;
    font-size: 12px;
    height: 55px;
    gap: 3px;
    border-radius: 0 !important;
    font-weight: normal;
  }
  .renewalTyousatai_navigation__item img {
    width: 22px;
  }
}

.renewalTyousatai_banner {
  width: 100%;
  margin-bottom: 20px;
}

.renewalTyousatai_recommend {
  display: flex;
  height: 238px;
  border: 2px solid #f54c30;
  border-radius: 5px;
  margin-bottom: 20px;
}

@media (max-width: 800px) {
  .renewalTyousatai_recommend {
    height: 100%;
    flex-direction: column;
    height: auto;
  }
}

.renewalTyousatai_recommend * {
  min-height: 0;
  min-width: 0;
}

.renewalTyousatai_recommend__label {
  min-width: 220px;
  width: 220px;
  position: relative;
  background-color: #f54c30;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

@media (max-width: 800px) {
  .renewalTyousatai_recommend__label {
    width: 100%;
    min-width: 0;
    height: 65px;
    justify-content: flex-start;
    padding-left: 110px;
  }
}

.renewalTyousatai_recommend__label > div {
  display: flex;
  flex-direction: column;
}

.renewalTyousatai_recommend__label img {
  width: 100px;
  margin: 0 auto;
  margin-bottom: 9.64px;
}

@media (max-width: 800px) {
  .renewalTyousatai_recommend__label img {
    position: absolute;
    left: 20px;
    width: 70px;
  }
}

.renewalTyousatai_recommend__label span {
  display: block;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
}

@media (max-width: 800px) {
  .renewalTyousatai_recommend__label span {
    font-size: 14px;
  }
}

.renewalTyousatai_recommend__label strong {
  display: block;
  color: #ffffff;
  font-size: 32px;
  font-weight: bold;
  line-height: 140%;
  letter-spacing: 0em;
}

@media (max-width: 800px) {
  .renewalTyousatai_recommend__label strong {
    font-size: 18px;
  }
}

.renewalTyousatai_recommend__main {
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: white;
}

.renewalTyousatai_recommend__itemArea {
  position: relative;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.renewalTyousatai_recommend__itemWrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.renewalTyousatai_recommend__footer {
  position: relative;
  height: 44px;
  background-color: #ffffff;
  border-radius: 0px 0px 5px 0px;
  border-top: 1px solid #cdd3d6;
  color: #484848;
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.renewalTyousatai_recommend__footer img {
  width: 24px;
}

@media (max-width: 800px) {
  .renewalTyousatai_recommend__footer {
    border: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 345px;
    height: 44px;
    background-color: #ffffff;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #cdd3d6;
    box-sizing: border-box;
    color: #939393;
    font-size: 14px;
    font-weight: bold;
    line-height: 170%;
    margin: 15px auto;
  }
  .renewalTyousatai_recommend__footer img {
    width: 20px;
  }
}

.renewalTyousatai_recommend__leftArrow, .renewalTyousatai_recommend__rightArrow {
  position: absolute;
  width: 32px;
  z-index: 100;
  cursor: pointer;
  z-index: 90;
}

.renewalTyousatai_recommend__leftArrow {
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}

.renewalTyousatai_recommend__rightArrow {
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.renewalTyousatai_item {
  display: flex;
  gap: 10px;
  width: 706px;
  transition: .1s;
}

.renewalTyousatai_item:hover {
  background-color: #FFF9BC;
}

@media (max-width: 800px) {
  .renewalTyousatai_item {
    width: 261px;
    flex-direction: column;
  }
}

.renewalTyousatai_item__banner {
  width: 174px;
}

@media (max-width: 800px) {
  .renewalTyousatai_item__banner {
    width: 140px;
    margin: 0 auto;
    margin-bottom: 10px;
  }
}

.renewalTyousatai_item__info {
  flex: 1;
  display: flex;
  flex-direction: column;
}

@media (max-width: 800px) {
  .renewalTyousatai_item__info {
    padding-top: 0;
  }
}

.renewalTyousatai_item__company {
  color: #484848;
  font-size: 14px;
  height: 24px;
}

.renewalTyousatai_item__name {
  color: #484848;
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 800px) {
  .renewalTyousatai_item__name {
    white-space: normal;
    font-size: 14px;
    line-clamp: 2;
    -webkit-line-clamp: 2;
  }
}

.renewalTyousatai_item__pointSpace {
  display: flex;
  gap: 4px;
  align-items: center;
  margin-top: 10px;
}

@media (max-width: 800px) {
  .renewalTyousatai_item__pointSpace {
    margin-top: 5px;
  }
}

.renewalTyousatai_item__point {
  color: #e31610;
  font-size: 28px;
  font-weight: bold;
  display: flex;
  align-items: end;
}

.renewalTyousatai_item__point span {
  position: relative;
  top: -5px;
  font-size: 14px;
}

.renewalTyousatai_item__pointIcon {
  position: relative;
  top: -1px;
  width: 20px;
  transform: translateY(5px);
}

.renewalTyousatai_item__pinIcon {
  position: relative;
  top: -4px;
  width: 30px;
  transform: translateY(5px);
}

@media (max-width: 800px) {
  .renewalTyousatai_item__pinIcon {
    position: relative;
    top: 0;
    width: 20px;
    margin-left: 5px;
  }
}

.renewalTyousatai_comicBanner {
  width: 100%;
  margin-bottom: 20px;
}

.renewalTyousatai_panel {
  width: 100%;
  background-color: #ffffff;
  border-radius: 5px 5px 0px 0px;
  box-shadow: 0px 0px 10px #e2e1d9;
  display: flex;
  flex-direction: column;
  padding: 10px;
  margin-bottom: 20px;
}

.renewalTyousatai_panel__header {
  position: relative;
  width: 100%;
  height: 38px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #cdd3d6;
}

@media (max-width: 800px) {
  .renewalTyousatai_panel__header {
    height: 57px;
  }
}

.renewalTyousatai_panel__info {
  display: flex;
  align-items: center;
  gap: 5px;
}

@media (max-width: 800px) {
  .renewalTyousatai_panel__info {
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
    justify-content: flex-start;
  }
}

.renewalTyousatai_panel__title {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #484848;
  font-size: 20px;
  font-weight: bold;
}

.renewalTyousatai_panel__title img {
  width: 34px;
}

@media (max-width: 800px) {
  .renewalTyousatai_panel__title {
    font-size: 16px;
  }
}

.renewalTyousatai_panel__company {
  color: #939393;
  font-size: 13px;
}

.renewalTyousatai_panel__company span {
  color: #3aa59e;
}

@media (max-width: 800px) {
  .renewalTyousatai_panel__company {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
  }
}

.renewalTyousatai_panel__label {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 2px 5px 2px 5px;
  background-color: #ffd500;
  border-radius: 5px 5px 5px 5px;
  box-sizing: border-box;
  color: #484848;
  font-size: 13px;
  font-weight: bold;
  line-height: 100%;
  margin-left: 5px;
}

@media (max-width: 800px) {
  .renewalTyousatai_panel__label {
    font-size: 10px;
    font-weight: normal;
  }
}

.renewalTyousatai_panel__help {
  width: 24px;
}

@media (max-width: 800px) {
  .renewalTyousatai_panel__help {
    position: absolute;
    right: 0;
    top: 0;
  }
}

.renewalTyousatai_panel__navigation {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px 15px;
  box-sizing: border-box;
}

@media (max-width: 800px) {
  .renewalTyousatai_panel__navigation {
    padding: 5px 0;
  }
}

.renewalTyousatai_panel__naviItem, .renewalTyousatai_panel__selectedNaviItem {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px 20px 5px 20px;
  height: 34px;
  background-color: #f5f5f5;
  border-radius: 5px 5px 5px 5px;
  box-sizing: border-box;
  color: #484848;
  font-size: 14px;
  cursor: pointer;
}

@media (max-width: 800px) {
  .renewalTyousatai_panel__naviItem, .renewalTyousatai_panel__selectedNaviItem {
    font-size: 12px;
  }
}

.renewalTyousatai_panel__selectedNaviItem {
  background-color: #e5e4d6;
  color: #484848;
  font-weight: bold;
}

.renewalTyousatai_panel__itemTypes {
  position: absolute;
  right: 15px;
  display: flex;
  gap: 10px;
}

.renewalTyousatai_panel__itemTypes img {
  width: 24px;
  cursor: pointer;
}

.renewalTyousatai_panel__items, .renewalTyousatai_panel__listItems {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 3px;
  padding: 3px;
  background-color: #F5F5F5;
}

@media (max-width: 800px) {
  .renewalTyousatai_panel__items, .renewalTyousatai_panel__listItems {
    grid-template-columns: repeat(3, 1fr);
    padding: 3px 3.5px;
  }
}

.renewalTyousatai_panel__listItems {
  grid-template-columns: repeat(1, 1fr);
}

@media (max-width: 800px) {
  .renewalTyousatai_panel__listItems {
    grid-template-columns: repeat(1, 1fr);
  }
}

.renewalTyousatai_panel__footer {
  position: relative;
  height: 44px;
  background-color: #ffffff;
  border-radius: 0px 0px 5px 0px;
  color: #484848;
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.renewalTyousatai_panel__footer img {
  width: 24px;
}

@media (max-width: 800px) {
  .renewalTyousatai_panel__footer {
    border: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 345px;
    height: 44px;
    background-color: #ffffff;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #cdd3d6;
    box-sizing: border-box;
    color: #939393;
    font-size: 14px;
    font-weight: bold;
    line-height: 170%;
    margin: 15px auto;
  }
  .renewalTyousatai_panel__footer img {
    width: 20px;
  }
}

.renewalTyousatai_panelItem {
  position: relative;
  width: 100%;
  padding: 15px;
  padding-top: 25px;
  box-sizing: border-box;
  background-color: #ffffff;
  transition: .1s;
  overflow: hidden;
}

.renewalTyousatai_panelItem:hover {
  background-color: #FFF9BC;
}

@media (max-width: 800px) {
  .renewalTyousatai_panelItem {
    height: 250px;
    padding: 8px;
    padding-top: 26px;
  }
}

.renewalTyousatai_panelItem__label {
  position: absolute;
  top: 0;
  left: 0;
  width: 195.54px;
  height: 23px;
  background-color: #f54c30;
  color: #ffffff;
  font-size: 12px;
  line-height: 170.00000476837158%;
  letter-spacing: 0em;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(-33%, 59%) rotate(-30.0deg);
}

.renewalTyousatai_panelItem__label strong {
  font-size: 14px;
  font-weight: bold;
}

@media (max-width: 800px) {
  .renewalTyousatai_panelItem__label {
    font-size: 11px;
  }
  .renewalTyousatai_panelItem__label strong {
    font-size: 13px;
  }
}

.renewalTyousatai_panelItem__thumbnail {
  width: 174px;
  height: 174px;
  object-fit: cover;
  margin-bottom: 5px;
}

@media (max-width: 800px) {
  .renewalTyousatai_panelItem__thumbnail {
    width: 101px;
    height: 100.24px;
  }
}

.renewalTyousatai_panelItem__name {
  max-height: 56px;
  color: #484848;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 170%;
  line-clamp: 2;
  -webkit-line-clamp: 2;
}

@media (max-width: 800px) {
  .renewalTyousatai_panelItem__name {
    font-size: 12px;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    white-space: normal;
    height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
}

.renewalTyousatai_panelItem__pointSpace {
  position: relative;
  display: flex;
  gap: 4px;
  align-items: end;
  margin-top: 5px;
  margin-bottom: 10px;
}

.renewalTyousatai_panelItem__point {
  color: #e31610;
  font-size: 28px;
  font-weight: bold;
  display: flex;
  align-items: end;
}

.renewalTyousatai_panelItem__point span {
  position: relative;
  top: -5px;
  font-size: 14px;
}

@media (max-width: 800px) {
  .renewalTyousatai_panelItem__point {
    font-size: 14px;
  }
  .renewalTyousatai_panelItem__point span {
    font-size: 11px;
    top: 0;
  }
}

.renewalTyousatai_panelItem__pointIcon {
  position: relative;
  top: -1px;
  width: 20px;
}

@media (max-width: 800px) {
  .renewalTyousatai_panelItem__pointIcon {
    width: 11px;
    top: 0;
  }
}

.renewalTyousatai_panelItem__pinIcon {
  position: absolute;
  right: 0;
  top: 3px;
  width: 30px;
}

@media (max-width: 800px) {
  .renewalTyousatai_panelItem__pinIcon {
    position: relative;
    top: 0;
    width: 30px;
  }
}

.renewalTyousatai_panelItem__pinButton {
  position: relative;
  width: 101px;
  height: 29.78px;
  background-color: #f3eee0;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #ddcfae;
  color: #78542d;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.renewalTyousatai_panelItem__pinButton img {
  width: 18px;
}

.renewalTyousatai_listItem {
  position: relative;
  width: 100%;
  padding: 15px;
  padding-top: 25px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  background-color: #ffffff;
  transition: .1s;
  gap: 10px;
}

.renewalTyousatai_listItem:hover {
  background-color: #FFF9BC;
}

.renewalTyousatai_listItem:last-child {
  border-bottom: none;
}

@media (max-width: 800px) {
  .renewalTyousatai_listItem {
    gap: 5px;
  }
}

@media (max-width: 800px) {
  .renewalTyousatai_listItem {
    width: 100%;
    height: 121.63px;
    padding: 8px;
    padding: 10px;
  }
}

.renewalTyousatai_listItem__label {
  position: absolute;
  top: 0;
  left: 0;
  width: 195.54px;
  height: 23px;
  background-color: #f54c30;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  line-height: 170%;
  letter-spacing: 0em;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(-33%, 59%) rotate(-30.0deg);
}

.renewalTyousatai_listItem__label strong {
  font-size: 14px;
  font-weight: bold;
}

@media (max-width: 800px) {
  .renewalTyousatai_listItem__label {
    font-size: 11px;
  }
  .renewalTyousatai_listItem__label strong {
    font-size: 13px;
  }
}

.renewalTyousatai_listItem__thumbnail {
  width: 174px;
  height: 174px;
  object-fit: cover;
  margin-bottom: 5px;
}

@media (max-width: 800px) {
  .renewalTyousatai_listItem__thumbnail {
    width: 101px;
    height: 100.24px;
  }
}

.renewalTyousatai_listItem__content {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

@media (max-width: 800px) {
  .renewalTyousatai_listItem__content {
    gap: 0;
  }
}

.renewalTyousatai_listItem__name {
  max-height: 56px;
  color: #484848;
  font-size: 16px;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 170%;
  line-clamp: 2;
  -webkit-line-clamp: 2;
}

@media (max-width: 800px) {
  .renewalTyousatai_listItem__name {
    font-size: 12px;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    white-space: normal;
    height: 20px;
  }
}

.renewalTyousatai_listItem__description {
  max-height: 48px;
  color: #484848;
  font-size: 14px;
  line-height: 170.00000476837158%;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

@media (max-width: 800px) {
  .renewalTyousatai_listItem__description {
    height: 20px;
    max-height: 20px;
    color: #939393;
    font-size: 12px;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    white-space: normal;
  }
}

.renewalTyousatai_listItem__pointSpace {
  display: flex;
  gap: 4px;
  align-items: end;
  margin-top: 5px;
  margin-bottom: 10px;
}

@media (max-width: 800px) {
  .renewalTyousatai_listItem__pointSpace {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

.renewalTyousatai_listItem__point {
  color: #e31610;
  font-size: 28px;
  font-weight: bold;
  display: flex;
  align-items: end;
}

.renewalTyousatai_listItem__point span {
  position: relative;
  top: -5px;
  font-size: 14px;
}

@media (max-width: 800px) {
  .renewalTyousatai_listItem__point {
    font-size: 14px;
  }
  .renewalTyousatai_listItem__point span {
    font-size: 11px;
    top: 0;
  }
}

.renewalTyousatai_listItem__pointIcon {
  position: relative;
  top: -1px;
  width: 20px;
}

@media (max-width: 800px) {
  .renewalTyousatai_listItem__pointIcon {
    width: 11px;
    top: 0;
  }
}

.renewalTyousatai_listItem__pinIcon {
  position: relative;
  top: 0px;
  width: 30px;
  margin-left: 15px;
}

@media (max-width: 800px) {
  .renewalTyousatai_listItem__pinIcon {
    position: relative;
    top: 3px;
    width: 20px;
    margin-left: 5px;
  }
}

.renewalTyousatai_listItem__pinButton {
  position: relative;
  width: 101px;
  height: 29.78px;
  background-color: #f3eee0;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #ddcfae;
  color: #78542d;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.renewalTyousatai_listItem__pinButton img {
  width: 18px;
}

@media (max-width: 800px) {
  .tentameList .renewalTyousatai_listItem {
    height: auto;
  }
}

.tentameList .renewalTyousatai_listItem__description {
  height: auto;
  max-height: fit-content;
  line-clamp: 4;
  -webkit-line-clamp: 4;
}

.renewalTyousatai_ruleBlock {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}

@media (max-width: 800px) {
  .renewalTyousatai_ruleBlock {
    padding: 0 15px;
    margin-bottom: 10px;
  }
}

.renewalTyousatai_ruleBlock__title {
  color: #484848;
  font-size: 20px;
  font-weight: bold;
  display: flex;
  align-items: flex-end;
  gap: 5px;
}

@media (max-width: 800px) {
  .renewalTyousatai_ruleBlock__title {
    font-size: 16px;
  }
}

.renewalTyousatai_ruleBlock__title .sub {
  color: #939393;
  font-size: 13px;
  line-height: 170%;
  font-weight: normal;
}

.renewalTyousatai_ruleBlock__title .sub span {
  color: #3AA59E;
}

.renewalTyousatai_ruleBlock__items {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.renewalTyousatai_ruleBlock__item {
  position: relative;
  display: flex;
  gap: 10px;
  padding: 10px;
  background-color: #ffffff;
  border-radius: 10px;
  border: 1px solid #cdd3d6;
  box-sizing: border-box;
}

@media (max-width: 800px) {
  .renewalTyousatai_ruleBlock__item {
    align-items: flex-start;
  }
}

.renewalTyousatai_ruleBlock__thumbnail {
  width: 48px;
}

.renewalTyousatai_ruleBlock__info {
  display: flex;
  flex-direction: column;
}

.renewalTyousatai_ruleBlock__name {
  position: relative;
  height: 24px;
  color: #2b74e6;
  font-size: 14px;
  font-weight: bold;
}

.renewalTyousatai_ruleBlock__description {
  color: #484848;
  font-size: 14px;
}

.renewalTyousatai_ruleBlock__warning {
  color: #df4840;
  font-size: 13px;
  margin-top: 5px;
}

/* mypage */
.renewalTyousataiMypage_sp {
  display: none !important;
}

@media (max-width: 800px) {
  .renewalTyousataiMypage_sp {
    display: flex !important;
  }
}

.renewalTyousataiMypage_pc {
  display: flex !important;
}

@media (max-width: 800px) {
  .renewalTyousataiMypage_pc {
    display: none !important;
  }
}

.renewalTyousataiMypage_wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.renewalTyousataiMypage_preview {
  display: flex;
  justify-content: space-between;
  background-color: #84be60;
  padding: 20px;
}

@media (max-width: 800px) {
  .renewalTyousataiMypage_preview {
    flex-direction: column;
    padding: 10px;
    gap: 20px;
  }
}

.renewalTyousataiMypage_preview__main {
  width: 468px;
}

@media (max-width: 800px) {
  .renewalTyousataiMypage_preview__main {
    width: 100%;
  }
}

.renewalTyousataiMypage_preview__information {
  width: 480px;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

@media (max-width: 800px) {
  .renewalTyousataiMypage_preview__information {
    width: 100%;
  }
}

.renewalTyousataiMypage_mydata {
  border-radius: 15px 15px 15px 15px;
  box-shadow: 0px 0px 10px #71a154;
  background-color: white;
  padding: 5px;
  border: 2px solid #333333;
}

.renewalTyousataiMypage_mydata__header {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  height: 53px;
  box-sizing: border-box;
  color: #196ee9;
  font-size: 20px;
  font-weight: bold;
  line-height: 140%;
}

.renewalTyousataiMypage_mydata__main {
  background: linear-gradient(0deg, #7c1dbd 0%, #196ee9 100%);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  border-radius: 0 0 10px 10px;
}

.renewalTyousataiMypage_mydata__level {
  display: flex;
  align-items: center;
  gap: 30px;
  color: #ffffff;
  font-size: 32px;
  font-weight: bold;
  line-height: 150%;
}

.renewalTyousataiMypage_mydata__stars {
  display: flex;
  align-items: center;
  gap: 3.2px;
}

.renewalTyousataiMypage_mydata__stars img {
  width: 24px;
}

.renewalTyousataiMypage_mydata__cardCount {
  display: flex;
  gap: 25px;
  color: #ffffff;
  font-size: 16px;
  line-height: 150%;
}

.renewalTyousataiMypage_mydata__hr {
  width: 100%;
  height: 1px;
  background-color: #ffffff;
}

.renewalTyousataiMypage_mydata__jewel {
  display: flex;
  align-items: flex-end;
  gap: 20px;
}

.renewalTyousataiMypage_mydata__jewelCount {
  display: flex;
  align-items: flex-end;
  gap: 5px;
  color: #ffffff;
  font-size: 14px;
  line-height: 170%;
}

.renewalTyousataiMypage_mydata__jewelCount strong {
  color: #ffffff;
  font-size: 36px;
  font-weight: bold;
  line-height: 100%;
}

.renewalTyousataiMypage_mydata__jewelExpire {
  display: flex;
  gap: 10px;
  color: #ffffff;
  font-size: 14px;
  line-height: 170%;
}

.renewalTyousataiMypage_mydata__play {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.renewalTyousataiMypage_mydata__attention {
  color: #ffffff;
  font-size: 13px;
  line-height: 170.00000476837158%;
  letter-spacing: 0em;
  text-align: center;
}

.renewalTyousataiMypage_mikkun {
  width: 480px;
  transform: scale(1.05);
}

@media (max-width: 800px) {
  .renewalTyousataiMypage_mikkun {
    width: 100%;
  }
}

.renewalTyousataiMypage_gachaButton {
  position: relative;
  width: 268px;
  height: 38px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 2px;
  background-color: #ffffff;
  border-radius: 7px;
  border: 2px solid #222222;
  box-sizing: border-box;
}

.renewalTyousataiMypage_gachaButton__main {
  position: relative;
  height: 34px;
  padding: 1px 8px 1px 8px;
  background-color: #222222;
  border-radius: 5px 5px 5px 5px;
  box-sizing: border-box;
  color: #ffed22;
  font-size: 20px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}

.renewalTyousataiMypage_gachaButton__main img {
  width: 24px;
}

@media (max-width: 800px) {
  .renewalTyousataiMypage_gachaButton__main {
    font-size: 18px;
  }
}

.renewalTyousataiMypage_history {
  width: 100%;
}

.renewalTyousataiMypage_history__main {
  display: flex;
  flex-direction: column;
  padding: 10px;
}

.renewalTyousataiMypage_history__mobileMain {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.renewalTyousataiMypage_mobileHistoryItem {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.renewalTyousataiMypage_mobileHistoryItem__header {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 3px 15px 3px 15px;
  height: 26px;
  background-color: #f7f7f7;
  box-sizing: border-box;
  color: #484848;
  font-size: 12px;
}

.renewalTyousataiMypage_mobileHistoryItem__header span {
  color: #939393;
}

.renewalTyousataiMypage_mobileHistoryItem__main {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 15px;
}

.renewalTyousataiMypage_mobileHistoryItem__info {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.renewalTyousataiMypage_mobileHistoryItem__title {
  height: 21px;
  color: #484848;
  font-size: 14px;
  font-weight: bold;
  line-height: 150%;
}

.renewalTyousataiMypage_mobileHistoryItem__row {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #939393;
  font-size: 12px;
}

.renewalTyousataiMypage_mobileHistoryItem__row img {
  width: 22px;
}

.renewalTyousataiMypage_mobileHistoryItem__resut {
  color: #484848;
  font-size: 16px;
  font-weight: bold;
}

.renewalTyousataiMypage_tabs {
  display: flex;
  align-items: flex-end;
  gap: 1px;
}

.renewalTyousataiMypage_tabs__tab {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 10px;
  padding: 15px;
  height: 54px;
  background-color: #e2e1d9;
  border-top: 3px solid #3aa59e;
  box-sizing: border-box;
  color: #484848;
  font-size: 14px;
  line-height: 170%;
}

@media (max-width: 800px) {
  .renewalTyousataiMypage_tabs__tab {
    align-items: center;
    text-align: center;
    height: 73px;
    width: calc(100% / 3 - (2px / 3));
    flex-direction: column;
    padding: 0;
  }
}

.renewalTyousataiMypage_tabs__activeTab {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 15px 15px 25px 15px;
  height: 64px;
  background-color: #ffffff;
  border-top: 3px solid #3aa59e;
  box-sizing: border-box;
  color: #484848;
  font-size: 14px;
  line-height: 170%;
}

@media (max-width: 800px) {
  .renewalTyousataiMypage_tabs__activeTab {
    align-items: center;
    text-align: center;
    height: 73px;
    width: calc(100% / 3 - (2px / 3));
    height: 83px;
    padding: 0;
  }
}

.renewalTyousataiMypage_tabs__mobileTabSubText {
  font-size: 12px;
}

.renewalTyousataiMypage_table {
  position: relative;
  display: flex;
  flex-direction: column;
  border-top: 1px solid #cdd3d6;
  border-left: 1px solid #cdd3d6;
}

.renewalTyousataiMypage_table__row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.renewalTyousataiMypage_table__th {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 6px 15px 6px 15px;
  height: 60px;
  background-color: #f0f0f0;
  border-right: 1px solid #cdd3d6;
  border-bottom: 1px solid #cdd3d6;
  box-sizing: border-box;
  color: #484848;
  font-size: 14px;
  font-weight: bold;
  line-height: 170%;
  text-align: center;
}

.renewalTyousataiMypage_table__td {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 6px 15px 6px 15px;
  height: 60px;
  background-color: #ffffff;
  border-right: 1px solid #cdd3d6;
  border-bottom: 1px solid #cdd3d6;
  box-sizing: border-box;
  color: #484848;
  font-size: 14px;
  line-height: 170%;
  text-align: center;
}

.fm_tyousatai-c-search_form {
  height: 108px;
  display: flex;
  align-items: end;
  gap: 10px;
  padding: 0 10px;
  background-color: #eeffda;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0px 0px 10px #e2e1d9;
  border-bottom: 2px solid #4AA252;
  margin-bottom: 20px;
}

@media (max-width: 800px) {
  .fm_tyousatai-c-search_form {
    flex-direction: column;
    align-items: center;
    gap: 0;
    padding-top: 25px;
    padding-bottom: 20px;
    height: auto;
  }
}

.fm_tyousatai-c-search_form__mikkun {
  width: 80px;
}

.fm_tyousatai-c-search_form__main {
  flex: 1;
  height: 108px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 5px 0;
  box-sizing: border-box;
}

@media (max-width: 800px) {
  .fm_tyousatai-c-search_form__main {
    height: auto;
    gap: 15px;
    padding: 0;
  }
}

.fm_tyousatai-c-search_form__navigation {
  position: relative;
  display: flex;
  border-bottom: 1px solid #cdd3d6;
}

@media (max-width: 800px) {
  .fm_tyousatai-c-search_form__navigation {
    width: 100vw;
    overflow-x: scroll;
    padding: 0 20px;
    height: 33px;
    align-items: center;
    gap: 20px;
    background-color: #4AA252;
  }
}

.fm_tyousatai-c-search_form__naviItem, .fm_tyousatai-c-search_form__selectedNaviItem {
  width: 20%;
  padding: 5px 20px 10px 20px;
  height: 39px;
  box-sizing: border-box;
  color: #939393;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

@media (max-width: 800px) {
  .fm_tyousatai-c-search_form__naviItem, .fm_tyousatai-c-search_form__selectedNaviItem {
    color: white;
    width: fit-content;
    font-size: 13px;
    white-space: nowrap;
    height: auto;
    padding: 0;
  }
}

.fm_tyousatai-c-search_form__selectedNaviItem {
  color: #484848;
  font-weight: bold;
  border-bottom: 4px solid #3aa59e;
}

@media (max-width: 800px) {
  .fm_tyousatai-c-search_form__selectedNaviItem {
    color: white;
    border: none;
  }
}

.fm_tyousatai-c-search_form__form {
  display: flex;
  gap: 20px;
  width: 100%;
}

@media (max-width: 800px) {
  .fm_tyousatai-c-search_form__form {
    padding: 0 15px;
    gap: 0;
    align-items: flex-end;
  }
}

.fm_tyousatai-c-search_form__formItems {
  display: flex;
  flex: 1;
}

.fm_tyousatai-c-search_form__formItems > *:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.fm_tyousatai-c-search_form__formItems > *:first-child select {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.fm_tyousatai-c-search_form__formItems > *:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

@media (max-width: 800px) {
  .fm_tyousatai-c-search_form__formItems {
    flex-direction: column;
    gap: 10px;
  }
  .fm_tyousatai-c-search_form__formItems > *:first-child, .fm_tyousatai-c-search_form__formItems > *:last-child {
    border-radius: 0;
  }
}

.fm_tyousatai-c-search_form__input {
  flex: 1;
  width: 162px;
  background-color: #ffffff;
  border: 1px solid #cdd3d6;
  font-size: 14px;
  padding: 0 20px;
}

.fm_tyousatai-c-search_form__input::placeholder {
  color: #939393;
}

@media (max-width: 800px) {
  .fm_tyousatai-c-search_form__input {
    width: 100%;
    min-height: 44px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
}

.fm_tyousatai-c-search_form__button {
  width: 68px;
  height: 44px;
  background-color: #3aa59e;
  border-radius: 5px;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

@media (max-width: 800px) {
  .fm_tyousatai-c-search_form__button {
    border-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
}

.fm_tyousatai-c-search_form select {
  position: relative;
  width: 162px;
  height: 44px;
  color: #484848;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  outline: none;
  border: 1px solid #cdd3d6;
  padding: 10px 20px;
  cursor: pointer;
  z-index: 2;
}

.fm_tyousatai-c-search_form select[disabled] {
  color: #939393;
  background-color: #f7f7f7;
  border-color: #CDD3D6;
}

@media (max-width: 800px) {
  .fm_tyousatai-c-search_form select {
    width: 100%;
  }
}

.fm_tyousatai-c-search_form__selectItemInline {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.fm_tyousatai-c-search_form__select {
  position: relative;
  display: flex;
  align-items: center;
  background-color: white;
}

.fm_tyousatai-c-search_form__select img {
  position: absolute;
  right: 10px;
  width: 24px;
  z-index: 1;
}

.fm_tyousatai-c-search_form__selectItemFixedText {
  width: 200px;
  color: #828282;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 6px 8px;
}

.tyousatai_list {
  width: 1040px;
}

@media (max-width: 800px) {
  .tyousatai_list {
    width: 100%;
  }
}

.tyousatai_list__pageTitle {
  font-size: 3rem;
  color: #484848;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}

@media (max-width: 800px) {
  .tyousatai_list__pageTitle {
    position: relative;
    background-color: white;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 10px;
    padding-left: 15px;
    margin-bottom: 50px;
  }
  .tyousatai_list__pageTitle::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background-color: #E8A61D;
    width: 5px;
    height: 100%;
  }
}

.tyousatai_list__subLink {
  font-size: 1.4rem;
  color: #3AA59E;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.tyousatai_list__subLink .material-icons {
  font-size: 2rem;
}

@media (max-width: 800px) {
  .tyousatai_list__subLink {
    position: absolute;
    top: 52px;
    font-weight: normal;
  }
}

.tyousatai_list__keywords {
  background-color: white;
  border-radius: 5px;
  text-align: center;
  font-size: 1.3rem;
  color: #484848;
  line-height: 1.8;
  padding: 10px 20px;
  box-shadow: 0 0 10px #E2E1D9;
  margin-bottom: 10px;
}

@media (max-width: 800px) {
  .tyousatai_list__keywords {
    margin: 0 auto;
    margin-bottom: 10px;
    width: 90%;
    font-size: 1.3rem;
    padding: 10px;
  }
}

.tyousatai_list__updateSearch {
  margin-bottom: 40px;
}

@media (max-width: 800px) {
  .tyousatai_list__updateSearch {
    margin-bottom: 20px;
  }
}

.tyousatai_list__accordionButton {
  width: 190px;
  padding: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  gap: 10px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #939393;
  border-radius: 10px;
  border: 1px solid #E9EBED;
  margin: 0 auto;
  cursor: pointer;
}

.tyousatai_list__accordionButton .material-icons {
  font-size: 2rem;
}

@media (max-width: 800px) {
  .tyousatai_list__accordionButton {
    font-size: 1.4rem;
    width: fit-content;
    padding: 5px 15px;
  }
  .tyousatai_list__accordionButton .material-icons {
    font-size: 2.1rem;
  }
}

.tyousatai_list__accordionBody {
  display: none;
  margin-top: 20px;
}

.tyousatai_list__pagination {
  margin-bottom: 40px;
}

@media (max-width: 800px) {
  .tyousatai_list__pagination {
    margin-bottom: 20px;
  }
}

.tyousatai_list__pagination .pagination {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 10px;
}

.tyousatai_list__pagination .first,
.tyousatai_list__pagination .last,
.tyousatai_list__pagination .first-inactive,
.tyousatai_list__pagination .last-inactive {
  display: none;
}

.tyousatai_list__pagination span {
  position: relative;
  width: 32px;
  height: 32px;
  background-color: white;
  border: 1px #3AA59E solid;
  border-radius: 5px;
}

.tyousatai_list__pagination span a {
  display: block;
  width: 100%;
  height: 100%;
  color: #3AA59E;
  font-size: 1.4rem;
  text-decoration: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tyousatai_list__pagination span:hover {
  background-color: #3AA59E;
}

.tyousatai_list__pagination span:hover a {
  color: white;
}

.tyousatai_list__pagination .material-icons {
  font-size: 2rem;
}

.tyousatai_list__pagination .active {
  background-color: #3AA59E;
}

.tyousatai_list__pagination .active a {
  color: white;
}

.tyousatai_list__searchForm {
  margin-bottom: 50px;
}

@media (max-width: 800px) {
  .tyousatai_list__searchForm {
    margin-bottom: 30px;
  }
}

.tyousatai_list__loginButtonSpace {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  padding: 20px 0;
  margin-bottom: 40px;
}

.tyousatai_list__loginButtonSpace span {
  font-size: 1.4rem;
  color: #484848;
}

.tyousatai_list__loginButtonSpace span a {
  font-size: 1.4rem;
  color: #3AA59E;
  text-decoration: none !important;
}

@media (max-width: 800px) {
  .tyousatai_list__loginButtonSpace {
    width: calc(100% - 20px);
    margin: 0 auto;
    margin-bottom: 30px;
  }
}

.tyousatai_list__loginButton {
  width: 562px;
  background-color: #3AA59E;
  border-radius: 50px;
  font-size: 2rem;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  border: 2px #3AA59E solid;
}

.tyousatai_list__loginButton .material-icons {
  font-size: 3.2rem;
}

.tyousatai_list__loginButton:hover {
  color: #3AA59E;
  border: 2px #3AA59E solid;
  background-color: white;
}

@media (max-width: 800px) {
  .tyousatai_list__loginButton {
    width: 100%;
    font-size: 1.5rem;
  }
  .tyousatai_list__loginButton .material-icons {
    font-size: 2.4rem;
  }
}

.renewalTyousataiHelp_wrapper {
  display: flex;
  flex-direction: column;
  gap: 80px;
  margin-bottom: 80px;
  padding-top: 50px;
}

@media (max-width: 800px) {
  .renewalTyousataiHelp_wrapper {
    gap: 40px;
    padding: 0 15px;
    padding-top: 30px;
  }
}

.renewalTyousataiHelp_header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.renewalTyousataiHelp_header__title {
  color: #484848;
  font-size: 30px;
  font-weight: bold;
  line-height: 139%;
  letter-spacing: 0em;
  text-align: center;
}

@media (max-width: 800px) {
  .renewalTyousataiHelp_header__title {
    font-size: 24px;
  }
}

.renewalTyousataiHelp_header__navigation {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media (max-width: 800px) {
  .renewalTyousataiHelp_header__navigation {
    display: flex;
    flex-direction: column;
  }
}

.renewalTyousataiHelp_header__navigationItem {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px 10px 20px;
  height: 48px;
  background-color: #ffffff;
  border-radius: 10px;
  border: 1px solid #cdd3d6;
  box-sizing: border-box;
  color: #484848;
  font-size: 14px;
  line-height: 170%;
}

@media (max-width: 800px) {
  .renewalTyousataiHelp_header__navigationItem {
    font-size: 12px;
  }
}

.renewalTyousataiHelp_header__navigationItem span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background-color: #3aa59e;
  border-radius: 100%;
}

.renewalTyousataiHelp_header__navigationItem span img {
  width: 12px;
}

@media (max-width: 800px) {
  .renewalTyousataiHelp_header__navigationItem span {
    width: 16px;
    height: 16px;
  }
  .renewalTyousataiHelp_header__navigationItem span img {
    width: 8px;
  }
}

.renewalTyousataiHelp_block {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

@media (max-width: 800px) {
  .renewalTyousataiHelp_block {
    gap: 20px;
  }
}

.renewalTyousataiHelp_block__title {
  color: #484848;
  font-size: 20px;
  font-weight: bold;
  line-height: 139%;
  text-align: center;
}

@media (max-width: 800px) {
  .renewalTyousataiHelp_block__title {
    font-size: 16px;
  }
}

.renewalTyousataiHelp_block__items {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.renewalTyousataiHelp_item {
  position: relative;
  padding: 10px 20px;
  background-color: #ffffff;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0px 0px 10px #e2e1d9;
  box-sizing: border-box;
  transition: height 0.3s ease-in-out;
  cursor: pointer;
}

.renewalTyousataiHelp_item__main {
  display: flex;
  gap: 10px;
}

.renewalTyousataiHelp_item img {
  width: 24px;
}

@media (max-width: 800px) {
  .renewalTyousataiHelp_item img {
    width: 16px;
  }
}

.renewalTyousataiHelp_item__questionIcon {
  width: 24px;
  text-align: center;
  color: #004445;
  font-size: 16px;
  line-height: 150%;
}

@media (max-width: 800px) {
  .renewalTyousataiHelp_item__questionIcon {
    font-size: 14px;
  }
}

.renewalTyousataiHelp_item__text {
  flex: 1;
  color: #004445;
  font-size: 16px;
  line-height: 150%;
}

.renewalTyousataiHelp_item__text img {
  width: 24px;
}

@media (max-width: 800px) {
  .renewalTyousataiHelp_item__text {
    font-size: 11px;
    display: flex;
    align-items: center;
  }
  .renewalTyousataiHelp_item__text img {
    width: 20px;
  }
}

.renewalTyousataiHelp_item__hr {
  width: 100%;
  height: 1px;
  background-color: #cdd3d6;
  margin-bottom: 10px;
  margin-top: 15px;
}

@media (max-width: 800px) {
  .renewalTyousataiHelp_item__hr {
    margin-top: 5px;
  }
}

.renewalTyousataiHelp_item__answer {
  display: flex;
  gap: 10px;
  cursor: default;
}

.renewalTyousataiHelp_item__answerIcon {
  width: 24px;
  text-align: center;
  color: #e8a61d;
  font-size: 16px;
  line-height: 150%;
}

@media (max-width: 800px) {
  .renewalTyousataiHelp_item__answerIcon {
    width: 16px;
  }
}

.renewalTyousataiHelp_item__answerMain {
  display: flex;
  gap: 10px;
  flex-direction: column;
}

.renewalTyousataiHelp_item__answerBlockText {
  color: #484848;
  font-size: 14px;
  line-height: 170%;
}

@media (max-width: 800px) {
  .renewalTyousataiHelp_item__answerBlockText {
    font-size: 11px;
  }
}

.renewalTyousataiHelp_item__answerAlertText {
  color: #df4840;
  font-size: 13px;
  line-height: 170%;
}

@media (max-width: 800px) {
  .renewalTyousataiHelp_item__answerAlertText {
    font-size: 11px;
  }
}

.hidden-point-banner {
  width: fit-content;
  display: block;
  margin: 0 auto;
  margin-top: 50px;
}

.hidden-point-banner img {
  width: 100%;
}

@media (max-width: 800px) {
  .hidden-point-banner {
    width: 300px;
  }
}

/*------------------------------
  ** 退会ページ
------------------------------*/
/** 
 * 共通レイアアウト
 */
.withdraw_layout {
  width: 100%;
}

.withdraw_layout__siteInner {
  position: relative;
  max-width: 1040px;
  margin: 0 auto;
}

.withdraw_layout__contents {
  display: flex;
  gap: 20px;
}

@media (max-width: 1040px) {
  .withdraw_layout__contents {
    align-items: center;
    flex-direction: column-reverse;
  }
}

.withdraw_layout__leftColumn {
  max-width: 300px;
}

@media (max-width: 1040px) {
  .withdraw_layout__leftColumn {
    max-width: 100%;
  }
}

.withdraw_layout__ad {
  display: flex;
  align-items: center;
  flex-direction: column;
  min-width: 300px;
  margin: auto;
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .withdraw_layout__ad {
    margin-top: 20px;
  }
}

.withdraw_layout__campaignBanner {
  width: 300px;
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .withdraw_layout__campaignBanner {
    margin: auto;
    margin-bottom: 20px;
  }
}

.withdraw_layout__clickBanner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 218px;
  margin-bottom: 20px;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
}

@media (max-width: 1040px) {
  .withdraw_layout__clickBanner {
    margin: auto;
    margin-bottom: 20px;
  }
}

.withdraw_layout__localNavigation {
  position: relative;
  margin-bottom: 20px;
}

.withdraw_layout__mainColumn {
  width: 100%;
}

.withdraw_layout__mainColumn--completed {
  max-width: 720px;
  margin: auto;
}

.withdraw_layout__headingTitle {
  font-size: 3.0rem;
  font-weight: bold;
  margin-bottom: 14px;
}

@media (max-width: 1040px) {
  .withdraw_layout__headingTitle {
    padding: 10px;
    font-size: 1.5rem;
    margin-bottom: 20px;
    background-color: #FFFFFF;
    position: relative;
    z-index: 1;
  }
  .withdraw_layout__headingTitle::before {
    content: "";
    width: 5px;
    height: 100%;
    background-color: #E8A61D;
    position: absolute;
    top: 0;
    left: 0;
  }
}

.withdraw_layout__mainContents {
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .withdraw_layout__mainContents {
    padding: 0 15px;
  }
}

/** 
 * 退会ページ(トップ)
 */
.withdraw_index {
  width: 100%;
  padding: 20px;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
}

@media (max-width: 1040px) {
  .withdraw_index {
    padding: 10px;
  }
}

.withdraw_index__heading {
  font-size: 1.4rem;
  margin-bottom: 10px;
}

@media (max-width: 1040px) {
  .withdraw_index__heading {
    margin-bottom: 20px;
  }
}

.withdraw_index__pointStatus {
  margin-bottom: 22px;
}

.withdraw_index__pointLinks {
  width: 218px;
}

@media (max-width: 1040px) {
  .withdraw_index__pointLinks {
    width: 100%;
  }
}

.withdraw_index__selectButtons {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.withdraw_index__nextActionButton, .withdraw_index__backToHomeButton {
  border-radius: 5px;
  background-color: #3AA59E;
}

.withdraw_index__nextActionButton .material-icons, .withdraw_index__backToHomeButton .material-icons {
  color: #FFFFFF;
  font-size: 2.4rem;
}

@media screen {
  .withdraw_index__nextActionButton .material-icons, .withdraw_index__backToHomeButton .material-icons {
    font-size: 2.0rem;
  }
}

/** 
 * 退会ページ（注意事項）
 */
.withdraw_attention {
  padding: 20px;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
}

.withdraw_attention__heading {
  font-size: 1.4rem;
  margin-bottom: 10px;
}

.withdraw_attention__pointStatus {
  margin-bottom: 22px;
}

.withdraw_attention__confirmation {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 10px;
}

@media (max-width: 1040px) {
  .withdraw_attention__confirmation {
    font-weight: 1.6rem;
  }
}

.withdraw_attention__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 40px;
}

@media (max-width: 1040px) {
  .withdraw_attention__list {
    margin-bottom: 20px;
  }
}

.withdraw_attention__text {
  display: flex;
  align-items: center;
  line-height: 1.71;
}

@media (max-width: 1040px) {
  .withdraw_attention__text {
    align-items: baseline;
  }
}

.withdraw_attention__text::before {
  content: '';
  display: block;
  padding: 2px;
  margin: 5px;
  border-radius: 50%;
  background-color: #484848;
}

@media (max-width: 1040px) {
  .withdraw_attention__text::before {
    position: relative;
    top: -2px;
  }
}

.withdraw_attention__text--mail::before {
  display: none;
}

.withdraw_attention__mailSettingHere {
  color: #3AA59E;
  margin-left: 14px;
}

.withdraw_attention__mailSettingHere::before {
  content: '（ ';
  color: #484848;
}

.withdraw_attention__mailSettingHere::after {
  content: ' ）';
  color: #484848;
}

.withdraw_attention__selectButtons {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.withdraw_attention__nextActionButton, .withdraw_attention__backToHomeButton {
  border-radius: 5px;
  background-color: #3AA59E;
}

.withdraw_attention__nextActionButton .material-icons, .withdraw_attention__backToHomeButton .material-icons {
  color: #FFFFFF;
  font-size: 2.4rem;
}

/** 
 * 退会ページ（退会理由）
 */
.withdraw_reason {
  padding: 20px;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
}

@media (max-width: 1040px) {
  .withdraw_reason {
    padding: 10px;
    padding-bottom: 20px;
  }
}

.withdraw_reason__heading {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #CDD3D6;
}

.withdraw_reason__selectAnnounce {
  display: inline-flex;
  gap: 10px;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .withdraw_reason__selectAnnounce {
    font-size: 1.6rem;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
}

.withdraw_reason__required {
  color: #DF4840;
  font-size: 1.2rem;
  padding: 3px 6px;
  border: 1px solid #E31610;
}

.withdraw_reason__error {
  display: none;
  color: #DF4840;
  font-weight: bold;
  padding: 10px;
  margin-bottom: 15px;
  background: #FAEBEA;
}

@media (max-width: 1040px) {
  .withdraw_reason__error {
    font-size: 1.3rem;
  }
}

.withdraw_reason__itemList {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 40px;
}

@media (max-width: 1040px) {
  .withdraw_reason__itemList {
    gap: 10px;
    margin-bottom: 20px;
  }
}

.withdraw_reason__demand {
  margin-bottom: 10px;
  line-height: 1.71;
}

.withdraw_reason__textarea {
  width: 100%;
  height: 150px;
  resize: none;
  padding: 5px;
  border-radius: 5px;
  outline: 1px solid #2C786C;
  margin-bottom: 40px;
}

@media (max-width: 1040px) {
  .withdraw_reason__textarea {
    margin-bottom: 20px;
  }
}

.withdraw_reason__selectButtons {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.withdraw_reason__nextActionButton, .withdraw_reason__backToHomeButton {
  border-radius: 5px;
  background-color: #3AA59E;
}

.withdraw_reason__nextActionButton .material-icons, .withdraw_reason__backToHomeButton .material-icons {
  color: #FFFFFF;
  font-size: 2.4rem;
}

/** 
 * 退会ページ（確認画面）
 */
.withdraw_confirm__background {
  padding: 20px;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
  margin-bottom: 23px;
}

@media (max-width: 1040px) {
  .withdraw_confirm__background {
    padding: 10px;
    padding-bottom: 20px;
  }
}

.withdraw_confirm__heading {
  display: inline-block;
  color: #E31610;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #E31610;
}

.withdraw_confirm__headingAttention {
  color: #E31610;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 40px;
}

@media (max-width: 1040px) {
  .withdraw_confirm__headingAttention {
    margin-bottom: 20px;
  }
}

.withdraw_confirm__headingAttention span {
  color: #484848;
}

.withdraw_confirm__pointStatus {
  width: 100%;
}

.withdraw_confirm__rank {
  display: flex;
  flex-direction: column;
  padding: 10px;
  margin-bottom: 23px;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
}

@media (max-width: 1040px) {
  .withdraw_confirm__rank {
    padding: 0;
    margin: auto;
    margin-bottom: 20px;
    background-color: initial;
    box-shadow: none;
  }
}

.withdraw_confirm__rankHeading {
  display: flex;
  align-items: center;
  padding-bottom: 8px;
  border-bottom: 1px solid #E0E0E0;
}

@media (max-width: 1040px) {
  .withdraw_confirm__rankHeading {
    border-bottom: none;
  }
}

.withdraw_confirm__rankTitle {
  font-size: 2.0rem;
  font-weight: bold;
  margin-left: 5px;
}

@media (max-width: 1040px) {
  .withdraw_confirm__rankTitle {
    font-size: 1.4rem;
  }
}

.withdraw_confirm__rankInformation {
  display: flex;
  gap: 40px;
  padding: 10px;
}

@media (max-width: 1040px) {
  .withdraw_confirm__rankInformation {
    gap: 17px;
    padding: 10px;
    border-radius: 5px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 10px #E2E1D9;
  }
}

.withdraw_confirm__rankStatus {
  min-width: 340px;
}

@media (max-width: 1040px) {
  .withdraw_confirm__rankStatus {
    min-width: 124px;
  }
}

.withdraw_confirm__rankUpCondition {
  width: 100%;
}

.withdraw_confirm__pointSaveContents {
  width: 100%;
}

.withdraw_confirm__pointSaveTitle {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 13px;
}

@media (max-width: 1040px) {
  .withdraw_confirm__pointSaveTitle {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
}

.withdraw_confirm__introduceContents {
  margin-bottom: 26px;
}

.withdraw_confirm__apply {
  display: flex;
  flex-direction: column;
}

.withdraw_confirm__applyTitle {
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 10px;
}

@media (max-width: 1040px) {
  .withdraw_confirm__applyTitle {
    font-size: 1.4rem;
  }
}

.withdraw_confirm__applyForm {
  margin-bottom: 32px;
}

@media (max-width: 1040px) {
  .withdraw_confirm__applyForm {
    margin-bottom: 20px;
  }
}

.withdraw_confirm__applyBackground {
  padding: 22px 20px 26px 20px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
}

@media (max-width: 1040px) {
  .withdraw_confirm__applyBackground {
    padding: 20px 10px 32px 10px;
  }
}

/** 
 * 退会ページ（エラー画面）
 */
.withdraw_failed {
  padding: 30px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #E2E1D9;
}

@media (max-width: 1040px) {
  .withdraw_failed {
    padding: 15px;
    margin: 0 15px;
  }
}

.withdraw_failed__error {
  color: #DF4840;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  margin-bottom: 30px;
  background: #FAEBEA;
}

.withdraw_failed__previousButton {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

.withdraw_failed__previousLink {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
  min-width: 194px;
  min-height: 46px;
  color: #939393;
  font-size: 1.8rem;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 10px;
  border: 1px solid #E9EBED;
  background-color: #FFFFFF;
}

.withdraw_failed__previousLink:hover {
  color: #939393;
  border-color: #CDD3D6;
  background-color: #F7F7F7;
}

.withdraw_failed__previousLink .material-icons {
  position: relative;
  top: 1px;
}

.withdraw_failed__privacyHead {
  font-weight: bold;
  margin-bottom: 10px;
}

@media (max-width: 1040px) {
  .withdraw_failed__privacyHead {
    margin-bottom: 20px;
  }
}

.withdraw_failed__privacyBody {
  display: flex;
  gap: 0 30px;
}

.withdraw_failed__privacyText {
  flex: 1;
  font-size: 1.3rem;
  line-height: 1.7;
}

.withdraw_failed__privacyMark {
  width: 65px;
}

/** 
 * 退会完了ページ
 */
.withdraw_completed {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 20px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 10px #E2E1D9;
}

@media (max-width: 1040px) {
  .withdraw_completed {
    margin: 0 15px;
  }
}

.withdraw_completed__heading {
  color: #E31610;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 20px;
}

.withdraw_completed__mailSendConfirm {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.71;
  margin-bottom: 30px;
}

@media (max-width: 1040px) {
  .withdraw_completed__mailSendConfirm {
    margin-bottom: 10px;
  }
}

.withdraw_completed__goodByeMikkuen {
  width: 93px;
  height: 99px;
  margin-bottom: 30px;
}

@media (max-width: 1040px) {
  .withdraw_completed__goodByeMikkuen {
    margin-bottom: 20px;
  }
}

.withdraw_completed__linkBox {
  max-width: 270px;
  border-radius: 5px;
  background-color: #3AA59E;
}

.withdraw_completed__linkBox .material-icons {
  color: #FFFFFF;
  font-size: 2.4rem;
}

@media screen {
  .withdraw_completed__linkBox .material-icons {
    font-size: 2.0rem;
  }
}

.withdraw_completed__link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  padding: 10px 20px;
}

@media (max-width: 1040px) {
  .withdraw_completed__link {
    padding: 7px 10px;
  }
}

.withdraw_completed__link:hover {
  color: #3AA59E;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 2px #3AA59E;
}

.withdraw_completed__link:hover .material-icons {
  color: #3AA59E;
}

.withdraw_completed__linkName {
  font-size: 1.6rem;
  font-weight: bold;
  margin-right: 8px;
}

@media (max-width: 1040px) {
  .withdraw_completed__linkName {
    font-size: 1.4rem;
  }
}

/*------------------------------
  ** 退会ページ(components)
------------------------------*/
/** 
 * おすすめサービス
 */
@media (max-width: 720px) {
  .withdraw_localNavigation {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #CDD3D6;
  }
}

.withdraw_localNavigation__title {
  font-size: 1.8rem;
  font-weight: bold;
  padding-bottom: 5px;
}

@media (max-width: 720px) {
  .withdraw_localNavigation__title {
    width: 100%;
    padding: 16px 15px;
    border-bottom: 1px solid #CDD3D6;
  }
}

.withdraw_localNavigation__menu {
  position: relative;
  cursor: pointer;
}

@media (max-width: 720px) {
  .withdraw_localNavigation__menu {
    width: 50%;
  }
  .withdraw_localNavigation__menu:nth-of-type(2n) .mypage_recommendMenu__link {
    border-right: none;
  }
}

.withdraw_localNavigation__menu:hover {
  background-color: #EAE8DF;
}

@media (max-width: 720px) {
  .withdraw_localNavigation__menu:hover {
    margin-top: 1px;
  }
}

.withdraw_localNavigation__link {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

@media (max-width: 720px) {
  .withdraw_localNavigation__link {
    padding: 5px 15px;
    border-right: 1px solid #CDD3D6;
    border-bottom: 1px solid #CDD3D6;
    margin-bottom: -1px;
  }
}

.withdraw_localNavigation__nameWrapper {
  display: flex;
  align-items: center;
  gap: 7px;
}

@media (max-width: 720px) {
  .withdraw_localNavigation__nameWrapper {
    min-height: 42px;
  }
}

.withdraw_localNavigation__nameWrapper .material-icons {
  color: #3AA59E;
  font-size: 20px;
}

.withdraw_localNavigation__name {
  color: #484848;
  font-size: 1.4rem;
  line-height: 1.5;
}

.withdraw_localNavigation__name br {
  display: none;
}

@media (max-width: 720px) {
  .withdraw_localNavigation__name br {
    display: block;
  }
}

/** 
 * 退会手続きの進行ボタン
 */
.withdraw_pointStatus__userName {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #CDD3D6;
}

@media (max-width: 1040px) {
  .withdraw_pointStatus__userName {
    padding: 0 5px;
    padding-bottom: 15px;
    margin-bottom: 10px;
  }
}

.withdraw_pointStatus__handleName {
  font-size: 2.4rem;
  font-weight: 700;
}

@media (max-width: 1040px) {
  .withdraw_pointStatus__handleName {
    font-size: 1.6rem;
  }
}

.withdraw_pointStatus__handleNameSuffix {
  font-size: 2.4rem;
  font-weight: 500;
}

@media (max-width: 1040px) {
  .withdraw_pointStatus__handleNameSuffix {
    font-size: 1.6rem;
  }
}

.withdraw_pointStatus__background {
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 30px 32px;
  background-color: #F8F6ED;
}

@media (max-width: 1040px) {
  .withdraw_pointStatus__background {
    flex-direction: column;
    padding: 0;
    gap: 0;
  }
}

.withdraw_pointStatus__userPointStatus {
  margin-bottom: 22px;
}

.withdraw_pointStatus__userPointInformation {
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.4;
}

@media (max-width: 1040px) {
  .withdraw_pointStatus__userPointInformation {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.withdraw_pointStatus__userPointInformation .nickName {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 182px;
}

@media (max-width: 1040px) {
  .withdraw_pointStatus__userPointInformation .nickName {
    display: block;
    width: 100%;
    font-size: 1.4rem;
    margin-bottom: 5px;
  }
}

.withdraw_pointStatus__userPointInformation .currentPoint {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}

.withdraw_pointStatus__currentDateTime {
  font-size: 1.0rem;
  text-align: center;
}

.withdraw_pointStatus__userPointDetail {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  gap: 9px;
}

@media (max-width: 1040px) {
  .withdraw_pointStatus__userPointDetail {
    gap: 6px;
    padding: 10px 10px 16px 10px;
  }
}

.withdraw_pointStatus__pointIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 37px;
  min-height: 37px;
}

.withdraw_pointStatus__pointTitleWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 37px;
  gap: 9px;
}

.withdraw_pointStatus__fruitPoint {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.withdraw_pointStatus__fruitPointTitle {
  font-size: 1.8rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .withdraw_pointStatus__fruitPointTitle {
    font-size: 1.4rem;
    margin-left: 4px;
  }
}

.withdraw_pointStatus__fruitPointValue {
  display: flex;
  align-items: baseline;
}

.withdraw_pointStatus__fruitPointValue .value {
  color: #E31610;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.77;
  margin-right: 4px;
}

@media (max-width: 1040px) {
  .withdraw_pointStatus__fruitPointValue .value {
    font-size: 1.8rem;
  }
}

.withdraw_pointStatus__fruitPointValue .unit {
  font-size: 1.8rem;
  font-weight: bold;
  min-width: 42px;
}

@media (max-width: 1040px) {
  .withdraw_pointStatus__fruitPointValue .unit {
    font-size: 1.4rem;
  }
}

.withdraw_pointStatus__fruitMedal {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.withdraw_pointStatus__fruitMedalTitle {
  font-size: 1.4rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .withdraw_pointStatus__fruitMedalTitle {
    font-size: 1.2rem;
    margin-left: 4px;
  }
}

.withdraw_pointStatus__fruitMedalValue {
  display: flex;
  align-items: baseline;
}

.withdraw_pointStatus__fruitMedalValue .value {
  color: #E31610;
  font-size: 2.2rem;
  font-weight: bold;
  margin-right: 4px;
}

@media (max-width: 1040px) {
  .withdraw_pointStatus__fruitMedalValue .value {
    font-size: 1.6rem;
  }
}

.withdraw_pointStatus__fruitMedalValue .unit {
  font-size: 1.4rem;
  font-weight: bold;
  min-width: 42px;
}

@media (max-width: 1040px) {
  .withdraw_pointStatus__fruitMedalValue .unit {
    font-size: 1.2rem;
  }
}

.withdraw_pointStatus__fruitShopPoint {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.withdraw_pointStatus__fruitShopPointTitle {
  font-size: 1.4rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .withdraw_pointStatus__fruitShopPointTitle {
    font-size: 1.2rem;
    margin-left: 4px;
  }
}

.withdraw_pointStatus__fruitShopPointValue {
  display: flex;
  align-items: baseline;
}

.withdraw_pointStatus__fruitShopPointValue .value {
  color: #E31610;
  font-size: 2.2rem;
  font-weight: bold;
  margin-right: 4px;
}

@media (max-width: 1040px) {
  .withdraw_pointStatus__fruitShopPointValue .value {
    font-size: 1.6rem;
  }
}

.withdraw_pointStatus__fruitShopPointValue .unit {
  font-size: 1.4rem;
  font-weight: bold;
  min-width: 42px;
}

@media (max-width: 1040px) {
  .withdraw_pointStatus__fruitShopPointValue .unit {
    font-size: 1.2rem;
  }
}

/** 
 * 退会手続きの進行ボタン
 */
.withdraw_nextAction {
  display: flex;
  align-items: center;
  color: #FFFFFF;
  padding: 10px 20px;
}

@media (max-width: 1040px) {
  .withdraw_nextAction {
    padding: 7px 10px;
  }
}

.withdraw_nextAction:hover {
  color: #3AA59E;
  padding: 10px 20px;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 2px #3AA59E;
}

@media (max-width: 1040px) {
  .withdraw_nextAction:hover {
    padding: 7px 10px;
  }
}

.withdraw_nextAction:hover .material-icons {
  color: #3AA59E;
}

.withdraw_nextAction__buttonTitle {
  font-size: 1.8rem;
  font-weight: bold;
  margin-right: 8px;
}

@media (max-width: 1040px) {
  .withdraw_nextAction__buttonTitle {
    font-size: 1.4rem;
    margin-right: 3px;
  }
}

/** 
 * 退会とりやめ（homeに戻る）
 */
.withdraw_backToHome {
  display: flex;
  align-items: center;
  color: #FFFFFF;
  padding: 10px 20px;
}

@media (max-width: 1040px) {
  .withdraw_backToHome {
    padding: 7px 10px;
  }
}

.withdraw_backToHome .material-icons {
  margin-right: 8px;
}

@media (max-width: 1040px) {
  .withdraw_backToHome .material-icons {
    margin-right: 3px;
  }
}

.withdraw_backToHome:hover {
  color: #3AA59E;
  padding: 10px 20px;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 2px #3AA59E;
}

@media (max-width: 1040px) {
  .withdraw_backToHome:hover {
    padding: 7px 10px;
  }
}

.withdraw_backToHome:hover .material-icons {
  color: #3AA59E;
}

.withdraw_backToHome__buttonTitle {
  font-size: 1.8rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .withdraw_backToHome__buttonTitle {
    font-size: 1.4rem;
  }
}

/** 
 * 退会理由の項目
 */
.withdraw_reasonItem__item {
  width: calc(50% - 10px);
}

@media (max-width: 1040px) {
  .withdraw_reasonItem__item {
    width: 100%;
  }
}

.withdraw_reasonItem__checkBox {
  display: none;
}

.withdraw_reasonItem__checkBox:checked + .withdraw_reasonItem__label::before {
  content: 'check_box';
  color: #2C786C;
  font-size: 1.8rem;
  font-family: 'Material Icons';
}

.withdraw_reasonItem__label {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 12px;
  border-radius: 5px;
  border: 1px solid #CDD3D6;
  background-color: #FFFFFF;
}

.withdraw_reasonItem__label::before {
  content: 'check_box_outline_blank';
  color: #B4B4B4;
  font-size: 1.8rem;
  font-family: 'Material Icons';
}

.withdraw_reasonItem__content {
  font-size: 1.4rem;
}

/** 
 * ランクのステータス
 */
.withdraw_rankStatus__background {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  padding: 54px 44px;
}

@media (max-width: 1040px) {
  .withdraw_rankStatus__background {
    padding: 22px 20px;
  }
}

.withdraw_rankStatus__currentStatus {
  display: flex;
  align-items: center;
}

@media (max-width: 1040px) {
  .withdraw_rankStatus__currentStatus {
    flex-direction: column;
  }
}

.withdraw_rankStatus__currentBudge {
  max-width: 85px;
  max-height: 105px;
}

@media (max-width: 1040px) {
  .withdraw_rankStatus__currentBudge {
    margin-bottom: 5px;
  }
}

.withdraw_rankStatus__currentBudge img {
  max-width: initial;
}

.withdraw_rankStatus__currentNow {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 16px;
}

@media (max-width: 1040px) {
  .withdraw_rankStatus__currentNow {
    margin-left: 0;
  }
}

.withdraw_rankStatus__currentNowTitle {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.92;
}

@media (max-width: 1040px) {
  .withdraw_rankStatus__currentNowTitle {
    font-size: 1.0rem;
    font-weight: initial;
  }
}

.withdraw_rankStatus__currentName {
  color: #3A896C;
  font-size: 3.0rem;
  font-weight: bold;
  white-space: nowrap;
}

@media (max-width: 1040px) {
  .withdraw_rankStatus__currentName {
    font-size: 1.6rem;
    font-weight: bold;
    white-space: nowrap;
  }
}

/** 
 * ランクアップの条件
 */
.withdraw_rankUpCondition {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.withdraw_rankUpCondition__title {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 10px;
}

@media (max-width: 1040px) {
  .withdraw_rankUpCondition__title {
    font-size: 1.4rem;
    margin-top: 6px;
  }
}

.withdraw_rankUpCondition__list {
  display: flex;
  gap: 36px;
  margin-bottom: 10px;
}

@media (max-width: 1040px) {
  .withdraw_rankUpCondition__list {
    gap: 6px;
    margin-bottom: 12px;
  }
}

.withdraw_rankUpCondition__nextRank {
  font-size: 1.4rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .withdraw_rankUpCondition__nextRank {
    font-size: 1.2rem;
  }
}

.withdraw_rankUpCondition__remaining {
  font-size: 1.4rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .withdraw_rankUpCondition__remaining {
    font-size: 1.2rem;
  }
}

.withdraw_rankUpCondition__medalDetail {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 5px;
  color: #56A78D;
}

.withdraw_rankUpCondition__medalCircle {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-image: radial-gradient(#FFFFFF 63%, transparent 64%), conic-gradient(#56A78D 0% 60%, #d9d9d9 60% 100%);
}

@media (max-width: 1040px) {
  .withdraw_rankUpCondition__medalCircle {
    width: 80px;
    height: 80px;
  }
}

.withdraw_rankUpCondition__medal {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .withdraw_rankUpCondition__medal {
    font-size: 1.2rem;
  }
}

.withdraw_rankUpCondition__medalUnit {
  font-size: 1.2rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .withdraw_rankUpCondition__medalUnit {
    font-size: 1.0rem;
  }
}

.withdraw_rankUpCondition__pointDetail {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 5px;
  color: #F7BC4D;
}

.withdraw_rankUpCondition__pointCircle {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-image: radial-gradient(#FFFFFF 62%, transparent 63%), conic-gradient(#C68100 0% 60%, #d9d9d9 60% 100%);
}

@media (max-width: 1040px) {
  .withdraw_rankUpCondition__pointCircle {
    width: 80px;
    height: 80px;
  }
}

.withdraw_rankUpCondition__point {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .withdraw_rankUpCondition__point {
    font-size: 1.2rem;
  }
}

.withdraw_rankUpCondition__pointUnit {
  font-size: 1.2rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .withdraw_rankUpCondition__pointUnit {
    font-size: 1.0rem;
  }
}

.withdraw_rankUpCondition__linkBox {
  max-width: 270px;
  border-radius: 5px;
  background-color: #3AA59E;
}

.withdraw_rankUpCondition__linkBox .material-icons {
  color: #FFFFFF;
  font-size: 2.4rem;
}

.withdraw_rankUpCondition__link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  padding: 6px 20px;
}

@media (max-width: 1040px) {
  .withdraw_rankUpCondition__link {
    padding: 4px 5px;
  }
}

.withdraw_rankUpCondition__link:hover {
  color: #3AA59E;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 2px #3AA59E;
}

.withdraw_rankUpCondition__link:hover .material-icons {
  color: #3AA59E;
}

.withdraw_rankUpCondition__linkName {
  font-size: 1.6rem;
  font-weight: bold;
  margin-right: 8px;
}

@media (max-width: 1040px) {
  .withdraw_rankUpCondition__linkName {
    display: none;
  }
}

.withdraw_rankUpCondition__linkName--mobile {
  display: none;
  font-size: 1.2rem;
  font-weight: bold;
  margin-right: 0;
}

@media (max-width: 1040px) {
  .withdraw_rankUpCondition__linkName--mobile {
    display: block;
  }
}

/** 
 * 他コンテンツの紹介
 */
.withdraw_introduceContents {
  display: flex;
  flex-wrap: wrap;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
}

@media (max-width: 1040px) {
  .withdraw_introduceContents {
    gap: 10px;
    background-color: initial;
    box-shadow: none;
  }
}

.withdraw_introduceContents__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15px 16px;
  width: calc(100% / 3);
  border-right: 1px solid #E0E0E0;
}

@media (max-width: 1040px) {
  .withdraw_introduceContents__item {
    width: calc(100% / 2 - 5px);
    padding: 7px;
    padding-bottom: 14px;
    border-right: none;
    background-color: #FFFFFF;
  }
}

.withdraw_introduceContents__item:last-child {
  border-right: none;
}

.withdraw_introduceContents__thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 203px;
  min-height: 169px;
  border-radius: 10px;
  margin-bottom: 10px;
}

@media (max-width: 1040px) {
  .withdraw_introduceContents__thumbnail {
    min-width: 153px;
    min-height: 128px;
    margin-bottom: 5px;
  }
  .withdraw_introduceContents__thumbnail img {
    width: 153px;
    height: 128px;
    object-fit: contain;
  }
}

.withdraw_introduceContents__text {
  color: #E31610;
  font-size: 1.8rem;
  margin-bottom: 6px;
}

@media (max-width: 1040px) {
  .withdraw_introduceContents__text {
    font-size: 1.4rem;
    min-height: 34px;
  }
}

.withdraw_introduceContents__linkBox {
  width: 100%;
  border-radius: 5px;
  background-color: #3AA59E;
}

.withdraw_introduceContents__linkBox .material-icons {
  color: #FFFFFF;
  font-size: 2.4rem;
}

@media screen {
  .withdraw_introduceContents__linkBox .material-icons {
    font-size: 2.0rem;
  }
}

.withdraw_introduceContents__link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  padding: 6px;
}

@media (max-width: 1040px) {
  .withdraw_introduceContents__link {
    padding: 7px 10px;
  }
}

.withdraw_introduceContents__link:hover {
  color: #3AA59E;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 2px #3AA59E;
}

.withdraw_introduceContents__link:hover .material-icons {
  color: #3AA59E;
}

.withdraw_introduceContents__linkName {
  font-size: 1.4rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .withdraw_introduceContents__linkName {
    font-size: 1.2rem;
    margin-right: 0;
  }
}

/** 
 * 退会手続き(申請)
 */
.withdraw_applyForm__error {
  display: none;
  color: #DF4840;
  font-weight: bold;
  padding: 10px;
  margin-bottom: 15px;
  background-color: #FAEBEA;
}

.withdraw_applyForm__form {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}

@media (max-width: 1040px) {
  .withdraw_applyForm__form {
    margin-bottom: 20px;
  }
}

.withdraw_applyForm__fruitId, .withdraw_applyForm__password {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  font-size: 1.4rem;
  margin-bottom: 12px;
}

.withdraw_applyForm__required {
  color: #DF4840;
  font-size: 1.2rem;
  padding: 3px 6px;
  border: 1px solid #E31610;
}

.withdraw_applyForm__inputFruitId, .withdraw_applyForm__inputPassword {
  color: #757575;
  max-width: 300px;
  padding: 14px 20px;
  margin-bottom: 12px;
  border-radius: 5px;
  outline: 1px solid #2C786C;
}

.withdraw_applyForm__inputAttention {
  color: #939393;
  font-size: 1.3rem;
  line-height: 1.5;
}

@media (max-width: 1040px) {
  .withdraw_applyForm__inputAttention {
    font-size: 1.2rem;
  }
}

.withdraw_applyForm__attention {
  margin-bottom: 32px;
}

.withdraw_applyForm__attentionTitle {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 10px;
}

@media (max-width: 1040px) {
  .withdraw_applyForm__attentionTitle {
    font-size: 1.6rem;
  }
}

.withdraw_applyForm__attentionList {
  display: flex;
  flex-direction: column;
  gap: 10px;
  line-height: 1.5;
  margin-bottom: 32px;
}

.withdraw_applyForm__attentionContent {
  display: inline-flex;
  gap: 10px;
  font-size: 1.4rem;
}

@media (max-width: 1040px) {
  .withdraw_applyForm__attentionContent {
    gap: 5px;
  }
}

.withdraw_applyForm__attentionContent::before {
  content: '';
  min-width: 5px;
  height: 5px;
  padding: 2px;
  border-radius: 50%;
  background-color: #333;
  position: relative;
  top: 9px;
}

.withdraw_applyForm__agreement {
  max-width: 204px;
  margin: auto;
}

.withdraw_applyForm__checkBox {
  display: none;
}

.withdraw_applyForm__checkBox:checked + .withdraw_applyForm__label::before {
  content: 'check_box';
  color: #2C786C;
  font-size: 1.8rem;
  font-family: 'Material Icons';
}

.withdraw_applyForm__label {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 12px;
  border-radius: 5px;
  border: 1px solid #CDD3D6;
  background-color: #FFFFFF;
}

.withdraw_applyForm__label::before {
  content: 'check_box_outline_blank';
  color: #B4B4B4;
  font-size: 1.8rem;
  font-family: 'Material Icons';
}

.withdraw_applyForm__content {
  font-size: 1.4rem;
}

.campaignMail_layout {
  width: 100%;
}

.campaignMail_layout__mainVisual {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1040px;
  max-height: 360px;
  margin-bottom: 40px;
}

@media (max-width: 800px) {
  .campaignMail_layout__mainVisual {
    margin-bottom: 20px;
  }
}

.campaignMail_layout__mainVisual img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.campaignMail_layout__attention {
  width: 100%;
  height: auto;
  padding: 20px;
  border-radius: 5px;
  background-color: #fff;
}

@media (max-width: 800px) {
  .campaignMail_layout__attention {
    padding: 10px;
  }
}

.campaignMail_layout__attentionTitle {
  font-size: 2.4rem;
  font-weight: bold;
  padding: 10px 0;
  margin-bottom: 16px;
  border-bottom: 2px #DDD solid;
}

@media (max-width: 800px) {
  .campaignMail_layout__attentionTitle {
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
}

.campaignMail_layout__attentionList {
  padding-left: 24px;
  /* デフォルトのlist-styleを適用 */
  /* マーカーのフォントサイズを指定 */
}

@media (max-width: 800px) {
  .campaignMail_layout__attentionList {
    padding-left: 14px;
  }
}

.campaignMail_layout__attentionList .attentionText {
  list-style: disc;
  line-height: 2.4;
}

@media (max-width: 800px) {
  .campaignMail_layout__attentionList .attentionText {
    font-size: 1.2rem;
  }
}

.campaignMail_layout__attentionList .attentionText::marker {
  font-size: 1.4rem;
}

@media (max-width: 800px) {
  .campaignMail_layout__attentionList .attentionText::marker {
    font-size: 1.2rem;
  }
}

.campaignMail_layout__rewardModal {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
}

@media (max-width: 800px) {
  .campaignMail_layout__rewardModal {
    gap: 4px;
  }
}

.campaignMail_layout__rewardTitle {
  font-size: 2.0rem;
  font-weight: bold;
}

@media (max-width: 800px) {
  .campaignMail_layout__rewardTitle {
    font-size: 1.8rem;
  }
}

.campaignMail_layout__rewardStatus {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-size: 1.6rem;
}

@media (max-width: 800px) {
  .campaignMail_layout__rewardStatus {
    font-size: 1.4rem;
  }
}

.campaignMail_layout__rewardStatus .rewardPoint {
  font-size: 1.8rem;
}

@media (max-width: 800px) {
  .campaignMail_layout__rewardStatus .rewardPoint {
    font-size: 1.6rem;
  }
}

.campaignMail_layout__rewardIcon {
  max-width: 120px;
  max-height: 150px;
}

.campaignMail_layout__rewardIcon img {
  height: auto;
  object-fit: contain;
}

@media (max-width: 800px) {
  .campaignMail_layout__rewardIcon img {
    width: 90px;
    height: 120px;
  }
}

.campaignMail_layout__rewardAttention {
  font-size: 1.4rem;
  text-align: left;
  line-height: 1.6;
}

@media (max-width: 800px) {
  .campaignMail_layout__rewardAttention {
    font-size: 1.2rem;
  }
}

.campaignMail_index {
  width: 100%;
}

.campaignMail_index__mainContents {
  margin-bottom: 30px;
}

.campaignMail_index__rewards {
  font-size: 1.8rem;
  line-height: 1.8;
  margin-bottom: 50px;
  border-radius: 5px;
}

.campaignMail_index__rewardsImage {
  display: flex;
  align-items: center;
  max-width: 1040px;
  max-height: 100px;
  margin-bottom: 6px;
}

.campaignMail_index__rewardsImage img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.campaignMail_index__authRuleList {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0 5px;
}

.campaignMail_index__authRule {
  display: block;
  font-size: 1.5rem;
}

@media (max-width: 800px) {
  .campaignMail_index__authRule {
    font-size: 1.1rem;
  }
}

.campaignMail_index__authRule .notice {
  color: #FF0000;
}

.campaignMail_index__actions {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 30px;
}

@media (max-width: 800px) {
  .campaignMail_index__actions {
    gap: 20px;
  }
}

.campaignMail_index__sendingCompleted {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
}

@media (max-width: 800px) {
  .campaignMail_index__sendingMailImage {
    width: 100px;
  }
}

.campaignMail_index__sendedText {
  font-size: 2.0rem;
}

@media (max-width: 800px) {
  .campaignMail_index__sendedText {
    font-size: 1.6rem;
  }
}

.campaignMail_index__entryForm {
  max-width: 600px;
  width: 100%;
}

@media (max-width: 800px) {
  .campaignMail_index__entryForm {
    max-width: 320px;
  }
}

.campaignMail_index__submitButton {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 20px;
  color: #FFFFFF;
  border-radius: 10px;
  background-color: #E31610;
  border: 3px solid #E31610;
  transition-duration: 0.2s;
}

@media (max-width: 800px) {
  .campaignMail_index__submitButton {
    padding: 12px;
  }
}

.campaignMail_index__submitButton:disabled {
  opacity: 0.7;
}

.campaignMail_index__submitButton:disabled:hover {
  color: #FFFFFF;
  background-color: #E31610;
}

.campaignMail_index__submitButton:hover {
  color: #E31610;
  background-color: #fff;
}

.campaignMail_index__buttonWrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.campaignMail_index__buttonWrapper .material-icons {
  font-size: 30px;
  position: absolute;
  right: 0;
}

.campaignMail_index__buttonWrapper .entryIcon {
  position: absolute;
  top: -45px;
  left: -55px;
}

@media (max-width: 800px) {
  .campaignMail_index__buttonWrapper .entryIcon {
    width: 65px;
    height: 80px;
    top: -35px;
    left: -35px;
  }
}

.campaignMail_index__buttonTitle {
  font-size: 1.8rem;
  font-weight: bold;
}

@media (max-width: 800px) {
  .campaignMail_index__buttonTitle {
    font-size: 1.4rem;
  }
}

.campaignMail_index__changeRegistrationLink {
  max-width: 600px;
  width: 100%;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  padding: 20px;
  border-radius: 10px;
  border: 3px solid #E8A61D;
  background-color: #E8A61D;
  transition-duration: 0.2s;
}

@media (max-width: 800px) {
  .campaignMail_index__changeRegistrationLink {
    max-width: 320px;
    padding: 12px;
  }
}

.campaignMail_index__changeRegistrationLink:hover {
  color: #E8A61D;
  background-color: #fff;
}

.campaignMail_index__linkWrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.campaignMail_index__linkWrapper .material-icons {
  font-size: 30px;
  position: absolute;
  right: 0;
}

.campaignMail_index__linkTitle {
  font-size: 1.8rem;
  font-weight: bold;
}

@media (max-width: 800px) {
  .campaignMail_index__linkTitle {
    font-size: 1.4rem;
  }
}

.campaignMail_enquete {
  width: 100%;
  /* アイコンのデフォルトスタイル */
  /* チェックされたときのアイコンスタイル */
  /* チェックされていないときのアイコンスタイル */
}

.campaignMail_enquete__form {
  max-width: 600px;
  width: 100%;
  margin: auto;
}

@media (max-width: 800px) {
  .campaignMail_enquete__form {
    max-width: 80%;
  }
}

.campaignMail_enquete__fieldList {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 30px;
}

.campaignMail_enquete__legendTitle {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 20px;
}

@media (max-width: 800px) {
  .campaignMail_enquete__legendTitle {
    font-size: 1.6rem;
  }
}

.campaignMail_enquete__require {
  color: #DF4840;
  font-size: 1.2rem;
  padding: 4px;
  border: 1px solid #DF4840;
}

.campaignMail_enquete__field {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 20px;
  margin-bottom: 10px;
  border-radius: 10px;
  background-color: #FFFFFF;
}

.campaignMail_enquete__questionTitle {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 30px;
}

@media (max-width: 800px) {
  .campaignMail_enquete__questionTitle {
    font-size: 1.4rem;
    margin-bottom: 20px;
  }
}

.campaignMail_enquete__questionItem {
  display: flex;
  gap: 30px;
}

.campaignMail_enquete__radioButton {
  display: flex;
  align-items: center;
}

.campaignMail_enquete__radioButton input[type="radio"] {
  display: none;
}

.campaignMail_enquete__radioButton label {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
}

@media (max-width: 800px) {
  .campaignMail_enquete__radioButton label {
    font-size: 1.4rem;
  }
}

.campaignMail_enquete__radioButton label .material-icons-outlined {
  display: inline-block;
  font-family: 'Material Icons';
  font-size: 24px;
  margin-right: 10px;
}

@media (max-width: 800px) {
  .campaignMail_enquete__radioButton label .material-icons-outlined {
    font-size: 20px;
  }
}

.campaignMail_enquete input[type="radio"]:checked + label .material-icons-outlined::before {
  content: '\e837';
  color: #3AA59E;
}

.campaignMail_enquete input[type="radio"]:not(:checked) + label .material-icons-outlined::before {
  content: '\e836';
  color: #B4B4B4;
}

.campaignMail_enquete__buttonWrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.campaignMail_enquete__buttonWrapper .material-icons {
  font-size: 30px;
  position: absolute;
  right: 0;
}

.campaignMail_enquete__buttonTitle {
  font-size: 1.8rem;
  font-weight: bold;
}

@media (max-width: 800px) {
  .campaignMail_enquete__buttonTitle {
    font-size: 1.4rem;
  }
}

.campaignMail_enquete__answerButton {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 20px;
  margin-bottom: 50px;
  color: #FFFFFF;
  border-radius: 10px;
  background-color: #E8A61D;
  border: 3px solid #E8A61D;
  transition-duration: 0.2s;
}

@media (max-width: 800px) {
  .campaignMail_enquete__answerButton {
    padding: 12px;
    margin: auto;
    margin-bottom: 30px;
  }
}

.campaignMail_enquete__answerButton:disabled {
  opacity: 0.7;
}

.campaignMail_enquete__answerButton:disabled:hover {
  color: #FFFFFF;
  background-color: #E8A61D;
}

.campaignMail_enquete__answerButton:hover {
  color: #E8A61D;
  background-color: #fff;
}

/**
 * フローステップ部分のコンポーネント
 */
.register_flowStep {
  display: flex;
  width: 600px;
  margin: auto;
  margin-bottom: 32px;
  padding-right: 20px;
  /**
  かなりややこしいが、ここでは初期値が設定されていて、
  @includeする際に変数名と値をセットで渡さないと初期値の設定で全て上書きされてしまう、、
  なので、下記のような形で「変数名＋値」で指定してあげないとスタイルが正しく適用されない仕様になってます。
  
  // How to use: 詳しくは橋本さんに直接聞いてみてください
  // TODO: 三角関数が使えないので微妙な角度調整は一旦スルー
  &__fooBar {
    @import "./../component/_step_navigation.scss";
    @include step_navigation(
      $width: 180px,
      $height: 60px,
      $wrapper-width: 130px,
    );
 */
}

.register_flowStep__item {
  position: relative;
  color: #939393;
  width: 200px;
  filter: grayscale(0.7);
}

.register_flowStep__item.isActive {
  color: #FFFFFF;
  filter: grayscale(0);
}

.register_flowStep__wrapper {
  display: flex;
  align-items: center;
  width: 220px;
  height: 60px;
  background-color: #FFF;
  clip-path: polygon(0 0, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
}

.register_flowStep__wrapper:nth-child(n+2) {
  margin-right: 20px;
}

.register_flowStep__wrapper.lastChild {
  clip-path: polygon(0 0, 100% 0%, 100% 50%, 100% 100%, 0% 100%);
}

.register_flowStep__hiLight {
  clip-path: polygon(1% 3.66667%, 94% 3.66667%, calc(100% - 1% - 1px) 50%, 94% 96.33333%, 1% 96.33333%);
}

.register_flowStep__hiLight.lastChild {
  clip-path: polygon(1% 3.66667%, 99% 3.66667%, 99% 50%, 99% 96.33333%, 1% 96.33333%);
}

.register_flowStep__draw {
  width: 220px;
  height: 60px;
  background-color: #F2F2F2;
  clip-path: polygon(2% 7.33333%, calc(94% - 2px) 7.33333%, calc(100% - 2% - 1px) 50%, calc(94% - 2px) 92.66667%, 2% 92.66667%);
}

.register_flowStep__draw.lastChild {
  clip-path: polygon(2% 7.33333%, 98% 7.33333%, 98% 50%, 98% 92.66667%, 2% 92.66667%);
}

.register_flowStep__contents {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 3%;
  position: absolute;
}

.register_flowStep__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  width: 24px;
  height: 24px;
  padding: 3%;
  background-color: white;
  border-radius: 50%;
  border: 2px solid #FFF;
}

.register_flowStep__reverseMargin {
  width: 10px;
}

.register_flowStep__text {
  font-size: 1.6rem;
  font-weight: 600;
}

.register_flowStep__item {
  color: #939393;
}

.register_flowStep__contents {
  justify-content: center;
}

.register_flowStep__badge {
  display: none;
}

.register_flowStep__draw {
  border-radius: 25px;
}

.register_flowStep__item.isActive .register_flowStep__draw {
  background-color: #E8A61D;
}

@media (max-width: 800px) {
  .register_flowStep {
    display: none;
  }
}

.register_before {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto 0px;
}

@media (max-width: 800px) {
  .register_before {
    width: 100%;
    margin-bottom: 30px;
  }
}

.register_before__flow {
  /*@media (max-width: 800px) {
      background: #EFFAFA;
    }*/
}

@media (max-width: 800px) {
  .register_before__header .global_header__head {
    width: 100%;
    min-height: 50px;
    justify-content: center;
  }
}

@media (max-width: 800px) {
  .register_before__header .global_header__logoLink img {
    width: 80px;
    height: 32px;
  }
}

.register_before__title {
  font-size: 3.0rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 32px;
}

@media (max-width: 800px) {
  .register_before__title {
    font-size: 1.6rem;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media (max-width: 800px) {
  .register_before__title--complete {
    font-size: 1.6rem;
    margin-top: 10px;
  }
}

.register_before__heading {
  height: 20px;
  line-height: 20px;
  font-size: 1.4rem;
  letter-spacing: 0;
  margin-bottom: 10px;
  color: #2E2E2E;
}

.register_before__button {
  margin: auto;
  margin-bottom: 46px;
}

@media (max-width: 800px) {
  .register_before__button {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 27px;
  }
}

@media (max-width: 800px) {
  .register_before__button--addressEntry {
    padding: 0;
    margin-bottom: 0;
  }
}

.register_before__footer {
  width: 700px;
  margin: auto;
  margin-bottom: 25px;
  margin-top: 25px;
}

@media (max-width: 800px) {
  .register_before__footer {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 27px;
  }
}

.register_before__policyLinkAttention {
  display: inline-block;
}

.register_before__copyright {
  color: #939393;
  text-align: center;
}

/** mobile用 flow_step **/
.register_mobileFlow {
  max-width: 480px;
  margin: auto;
  margin-bottom: 22px;
}

.register_mobileFlow__stepList {
  display: flex;
  padding-bottom: 10px;
  flex-wrap: wrap;
  justify-content: center;
}

.register_mobileFlow__step {
  width: 20%;
  position: relative;
}

.register_mobileFlow__step--isActive {
  width: 20%;
  position: relative;
}

.register_mobileFlow__step--isChecked {
  width: 20%;
  position: relative;
}

.register_mobileFlow__step:last-child .register_mobileFlow__stepLine {
  display: none;
}

.register_mobileFlow__stepLine {
  background: #939393;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 14px;
  text-align: center;
  left: calc(50% + 14px);
}

.register_mobileFlow__stepLine--isActive {
  background: #2C786C;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 14px;
  text-align: center;
  left: calc(50% + 14px);
}

.register_mobileFlow__stepLine--isChecked {
  background: #2C786C;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 14px;
  text-align: center;
  left: calc(50% + 14px);
}

.register_mobileFlow__stepStatus {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.register_mobileFlow__stepCircle {
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
  border-radius: 50%;
  background: #F7F7F7;
  border: 1px solid #CDD3D6;
}

.register_mobileFlow__stepCircle--isActive {
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 1px solid #2C786C;
}

.register_mobileFlow__stepCircle--isChecked {
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 1px solid #2C786C;
}

.register_mobileFlow__stepNumber {
  width: 100%;
  position: absolute;
  color: #B4B4B4;
  text-align: center;
  line-height: 30px;
}

.register_mobileFlow__stepNumber > .material-icons {
  line-height: 30px;
  color: #2C786C;
}

.register_mobileFlow__stepNumber--isActive {
  width: 100%;
  position: absolute;
  color: #2C786C;
  text-align: center;
  line-height: 30px;
}

.register_mobileFlow__stepNumber--isActive > .material-icons {
  line-height: 30px;
  color: #2C786C;
}

.register_mobileFlow__stepNumber--isChecked {
  width: 100%;
  position: absolute;
  color: #2C786C;
  text-align: center;
  line-height: 30px;
}

.register_mobileFlow__stepNumber--isChecked > .material-icons {
  line-height: 30px;
  color: #2C786C;
}

.register_mobileFlow__stepText {
  width: 100%;
  text-align: center;
  color: #939393;
  font-size: 1.0rem;
}

.register_mobileFlow__stepText--isActive {
  width: 100%;
  text-align: center;
  color: #484848;
  font-size: 1.0rem;
}

.register_mobileFlow__stepText--isChecked {
  width: 100%;
  text-align: center;
  color: #484848;
  font-size: 1.0rem;
}

.register_privacy__policy {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

@media (max-width: 800px) {
  .register_privacy__policy {
    margin-bottom: 20px;
  }
}

.register_privacy__heading {
  font-size: 1.4rem;
  margin-bottom: 10px;
}

@media (max-width: 800px) {
  .register_privacy__heading {
    font-size: 1.2rem;
  }
}

.register_privacy__policyExplain {
  width: calc(100% - 65px - 24px);
  font-size: 1.3rem;
  line-height: 20px;
  margin-right: 24px;
  color: #2E2E2E;
}

@media (max-width: 800px) {
  .register_privacy__policyExplain {
    width: calc(100% - 65px - 15px);
    font-size: 1.0rem;
    margin-right: 15px;
  }
}

.register_privacy__policyLogo img {
  width: 65px;
  height: 65px;
}

.register_addressEntry {
  width: 1040px;
  display: flex;
  justify-content: center;
  /* component/sns.scssなどにまとめる */
}

.register_addressEntry__title {
  text-align: center;
  width: 1040px;
  margin-bottom: 40px;
}

.register_addressEntry__title h2 {
  font-size: 30px;
  line-height: 42px;
  font-weight: 600;
  margin-bottom: 5px;
}

.register_addressEntry__title p {
  text-align: center;
}

@media (max-width: 800px) {
  .register_addressEntry__title {
    margin: 0px 15px 20px;
    width: 100%;
  }
  .register_addressEntry__title h2 {
    text-align: center;
    font-size: 16px;
  }
  .register_addressEntry__title p {
    font-size: 12px;
  }
}

@media (max-width: 800px) {
  .register_addressEntry {
    width: 100%;
    flex-direction: column;
  }
}

.register_addressEntry__main {
  width: 600px;
}

@media (max-width: 800px) {
  .register_addressEntry__main {
    width: unset;
  }
}

.register_addressEntry__separator--desktop {
  color: #CDD3D6;
  width: 52px;
  text-align: center;
  display: flex;
  flex-direction: column;
  margin-left: 33px;
  margin-right: 35px;
}

@media (max-width: 800px) {
  .register_addressEntry__separator--desktop {
    display: none;
  }
}

.register_addressEntry__separator--mobile {
  background-color: #CDD3D6;
  height: 1px;
  border: 0px none;
  margin: 15px;
}

@media (min-width: 799px) {
  .register_addressEntry__separator--mobile {
    display: none;
  }
}

.register_addressEntry__separatorBorderTop {
  border-color: #CDD3D6;
  width: 1px;
  position: relative;
  border-width: 0 0 0 1px;
  height: calc(50% - 10px);
  margin: 0 auto;
}

.register_addressEntry__separatorText {
  display: flex;
  margin: 4px 0;
  justify-content: center;
  align-items: center;
}

.register_addressEntry__separatorBorderBottom {
  border-color: #CDD3D6;
  width: 1px;
  position: relative;
  border-width: 0 0 0 1px;
  height: calc(50% - 10px);
  margin: 0 auto;
}

.register_addressEntry__sub {
  width: 320px;
}

@media (max-width: 800px) {
  .register_addressEntry__sub {
    margin: 15px 15px 0 15px;
    width: unset;
  }
}

.register_addressEntry__snsCaption {
  font-size: 1.8rem;
  font-weight: 700;
  align-items: center;
  margin-bottom: 10px;
}

@media (max-width: 800px) {
  .register_addressEntry__snsCaption {
    font-size: 1.4rem;
  }
}

.register_addressEntry__snsList {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.register_addressEntry__snsList a {
  margin-bottom: 10px;
}

@media (max-width: 800px) {
  .register_addressEntry__snsList a {
    margin-bottom: 15px;
  }
}

.register_addressEntry__snsItemLine {
  width: 320px;
  height: 40px;
  border-radius: 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border: 1px solid #00000014;
  background-color: #06C755;
}

.register_addressEntry__snsItemLine img {
  padding-left: 10px;
  padding-right: 40px;
}

@media (max-width: 800px) {
  .register_addressEntry__snsItemLine {
    width: 100%;
    max-width: 562px;
  }
}

.register_addressEntry__snsItemLine span {
  color: white;
}

.register_addressEntry__snsItemLine:hover {
  filter: brightness(0.9);
}

.register_addressEntry__snsItemYahoo {
  width: 320px;
  height: 40px;
  border-radius: 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border: 1px solid #00000014;
  background-color: #FF0033;
}

.register_addressEntry__snsItemYahoo img {
  padding-left: 10px;
  padding-right: 40px;
}

@media (max-width: 800px) {
  .register_addressEntry__snsItemYahoo {
    width: 100%;
    max-width: 562px;
  }
}

.register_addressEntry__snsItemYahoo span {
  color: white;
}

.register_addressEntry__snsItemYahoo:hover {
  opacity: 0.8;
}

.register_addressEntry__snsItemGoogle {
  width: 320px;
  height: 40px;
  border-radius: 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border: 1px solid #00000014;
  background-color: white;
}

.register_addressEntry__snsItemGoogle img {
  padding-left: 10px;
  padding-right: 40px;
}

@media (max-width: 800px) {
  .register_addressEntry__snsItemGoogle {
    width: 100%;
    max-width: 562px;
  }
}

.register_addressEntry__snsItemGoogle img {
  mix-blend-mode: multiply;
}

.register_addressEntry__snsItemGoogle span {
  color: #484848;
}

.register_addressEntry__snsItemGoogle:hover {
  filter: brightness(95%);
}

.register_addressEntry__snsItemTwitter {
  width: 320px;
  height: 40px;
  border-radius: 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border: 1px solid #00000014;
  background-color: #1D9BF0;
}

.register_addressEntry__snsItemTwitter img {
  padding-left: 10px;
  padding-right: 40px;
}

@media (max-width: 800px) {
  .register_addressEntry__snsItemTwitter {
    width: 100%;
    max-width: 562px;
  }
}

.register_addressEntry__snsItemTwitter span {
  color: white;
}

.register_addressEntry__snsItemTwitter:hover {
  opacity: 0.8;
}

.register_addressEntry__snsItemFacebook {
  width: 320px;
  height: 40px;
  border-radius: 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border: 1px solid #1877F2;
  background-color: #fff;
}

.register_addressEntry__snsItemFacebook img {
  padding-left: 10px;
  padding-right: 40px;
}

@media (max-width: 800px) {
  .register_addressEntry__snsItemFacebook {
    width: 100%;
    max-width: 562px;
  }
}

.register_addressEntry__snsItemFacebook span {
  color: #1877F2;
}

.register_addressEntry__snsItemFacebook:hover {
  opacity: 0.8;
}

.register_addressEntry__snsItemApple {
  width: 320px;
  height: 40px;
  border-radius: 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border: 1px solid #00000014;
  background-color: #000000;
}

.register_addressEntry__snsItemApple img {
  padding-left: 10px;
  padding-right: 40px;
}

@media (max-width: 800px) {
  .register_addressEntry__snsItemApple {
    width: 100%;
    max-width: 562px;
  }
}

.register_addressEntry__snsItemApple span {
  color: white;
}

.register_addressEntry__snsItemApple:hover {
  filter: contrast(0.8);
}

.register_addressEntry__snsItemAmazon {
  width: 320px;
  height: 40px;
  border-radius: 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
  cursor: pointer;
  height: unset;
  border-width: 0px;
}

.register_addressEntry__snsItemAmazon img {
  padding-left: 10px;
  padding-right: 40px;
}

@media (max-width: 800px) {
  .register_addressEntry__snsItemAmazon {
    width: 100%;
    max-width: 562px;
  }
}

@media (max-width: 800px) {
  .register_addressEntry__snsItemAmazon {
    max-width: 562px;
  }
}

.register_addressEntry__snsItemAmazon img {
  padding-left: 0;
  padding-right: 0;
  width: 320px;
  height: 48px;
}

@media (max-width: 800px) {
  .register_addressEntry__snsItemAmazon img {
    width: 100%;
    height: unset;
    max-width: 562px;
  }
}

.register_addressEntry__snsItemAmazon span {
  width: 320px;
  height: 48px;
  display: block;
  position: absolute;
}

@media (max-width: 800px) {
  .register_addressEntry__snsItemAmazon span {
    width: unset;
    height: unset;
    max-width: 562px;
  }
}

.register_addressEntry__snsItemAmazon:hover {
  filter: brightness(0.95);
}

.register_addressEntry__snsItemAmazon:hover span {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4) inset;
}

.register_addressEntry__text {
  height: 100px;
  overflow: scroll;
  border: 1px solid;
  padding: 8px;
  border-color: lightgrey;
  white-space: pre-wrap;
  font-kerning: none;
  line-height: 1.5;
  font-size: 1.4rem;
}

.register_addressEntry__flow {
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
}

@media (max-width: 800px) {
  .register_addressEntry__form {
    padding: 0 15px;
  }
}

.register_addressEntry__form input[type="text"] {
  width: 100%;
  padding: 13px;
  line-height: 1.0;
  font-weight: 500;
  background: #FFFFFF;
  border: 1px solid #CDD3D6;
  border-radius: 5px;
}

.register_addressEntry__form input[type="text"]:focus {
  outline: 0;
  border: 1px solid #2C786C;
}

@media (max-width: 800px) {
  .register_addressEntry__form input[type="text"] {
    width: 100%;
  }
}

.register_addressEntry__inputArea {
  margin: auto;
}

@media (max-width: 800px) {
  .register_addressEntry__inputArea {
    width: 100%;
  }
}

.register_addressEntry__inputTitle {
  display: flex;
  font-size: 1.8rem;
  font-weight: 700;
  align-items: center;
  margin-bottom: 10px;
}

@media (max-width: 800px) {
  .register_addressEntry__inputTitle {
    font-size: 1.4rem;
  }
}

.register_addressEntry__domainExplain {
  max-width: 700px;
  padding: 20px;
  font-size: 1.3rem;
  background: #F7F7F7;
  margin: 0 auto 30px auto;
}

@media (max-width: 800px) {
  .register_addressEntry__domainExplain--desktop {
    display: none;
  }
}

@media (min-width: 799px) {
  .register_addressEntry__domainExplain--mobile {
    display: none;
  }
}

@media (max-width: 800px) {
  .register_addressEntry__domainExplain {
    padding: 10px 20px;
    margin: 0 15px 20px 15px;
  }
}

.register_addressEntry__domainExplain P {
  line-height: 2.0;
}

.register_addressEntry__domainExplain P br {
  display: none;
}

@media (max-width: 800px) {
  .register_addressEntry__domainExplain P br {
    display: block;
  }
}

@media (max-width: 800px) {
  .register_addressEntry__domainExplain P {
    font-size: 1.2rem;
  }
}

.register_addressEntry__domainAttention {
  display: flex;
  align-items: center;
  color: #2E2E2E;
  font-size: 1.4rem;
  margin-bottom: 10px;
}

.register_addressEntry__domainAttention .material-icons {
  color: #2C786C;
  font-size: 1.6rem;
  margin-right: 10px;
}

.register_addressEntry__submit {
  font-size: 20px;
  width: 100%;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 562px;
  margin: 50px auto;
  color: #FFFFFF;
  font-weight: bold;
  border-radius: 50px;
  border: 3px solid #ff0000;
  background-color: #ff0000;
  box-sizing: border-box;
  box-shadow: 0px 6px 6px #E2E1D9;
  overflow: hidden;
  transition: 0.2s;
  opacity: 1;
  position: relative;
  cursor: pointer;
}

@media (max-width: 800px) {
  .register_addressEntry__submit {
    padding: 18px;
    margin: 30px auto;
    margin-bottom: 0;
    font-size: 1.6rem;
    font-weight: normal;
    box-shadow: 0px 3px 6px #E2E1D9;
  }
}

.register_addressEntry__submit:hover {
  color: #ff0000;
  border: 3px solid #ff0000;
  background-color: #ffe5ee;
  transform: scale(1.02);
}

.register_addressEntry__arrowIcon {
  position: absolute;
  top: 13px;
  right: calc(50% - 200px);
}

@media (max-width: 800px) {
  .register_addressEntry__arrowIcon {
    top: 15px;
    right: calc(50% - 152px);
  }
}

.register_addressEntry__arrowIcon .material-icons {
  font-size: 3.0rem;
}

@media (max-width: 800px) {
  .register_addressEntry__arrowIcon .material-icons {
    font-size: 2.5rem;
  }
}

.register_addressEntry__require {
  font-size: 1.2rem;
  margin-left: 10px;
  padding: 5px;
  color: #DF4840;
  border: 1px solid #DF4840;
}

.register_addressEntry__policyLink {
  font-size: 1.4rem;
  white-space: nowrap;
  text-align: center;
}

@media (max-width: 800px) {
  .register_addressEntry__policyLink {
    font-size: 1.2rem;
    line-height: 2.0;
    text-align: center;
    white-space: initial;
  }
}

.register_addressEntry__policyLink br {
  display: none;
}

@media (max-width: 800px) {
  .register_addressEntry__policyLink br {
    display: flex;
  }
}

.register_mailClick {
  padding: 30px;
  background: #FAF5E4;
  width: 100%;
}

@media (max-width: 800px) {
  .register_mailClick {
    padding: 20px 15px;
    margin-bottom: 430px;
  }
}

.register_mailClick__mailImage {
  width: 130px;
  height: 60px;
  margin: auto;
  margin-bottom: 10px;
}

.register_mailClick__title {
  font-size: 3.0rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 32px;
}

@media (max-width: 800px) {
  .register_mailClick__title {
    font-size: 1.8rem;
    margin-top: 2px;
    margin-bottom: 10px;
  }
}

.register_mailClick__termsArea {
  width: 100%;
  max-width: 700px;
  margin: auto;
  padding: 25px;
  font-size: 1.6rem;
  line-height: 1.6;
  text-align: center;
  background: #FFFFFF;
  border: 2px solid #CDD3D6;
}

@media (max-width: 800px) {
  .register_mailClick__termsArea {
    padding: 20px 10px;
    letter-spacing: -0.5px;
    position: relative;
  }
}

.register_mailClick__attentionMessage {
  color: #484848;
  font-size: 1.8rem;
  font-weight: 700;
}

@media (max-width: 800px) {
  .register_mailClick__attentionMessage {
    font-size: 1.6rem;
    margin-bottom: 5px;
  }
}

.register_mailClick__step {
  color: #DF4840;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 10px;
}

@media (max-width: 800px) {
  .register_mailClick__step {
    font-size: 1.4rem;
  }
}

.register_mailClick__step br {
  display: block;
}

@media (max-width: 800px) {
  .register_mailClick__step br {
    display: none;
  }
}

.register_mailClick__rule {
  font-size: 1.4rem;
  padding: 16px 0;
  margin-bottom: 20px;
  background: #F7F7F7;
}

@media (max-width: 800px) {
  .register_mailClick__rule {
    padding: 10px 15px;
    margin-bottom: 0;
  }
}

.register_mailClick__rule p {
  color: #484848;
  font-size: 1.4rem;
  margin-bottom: 5px;
}

@media (max-width: 800px) {
  .register_mailClick__rule p {
    font-size: 1.2rem;
    line-height: 2.0;
    letter-spacing: 0;
    margin-bottom: 0;
  }
}

@media (max-width: 800px) {
  .register_mailClick__informationArea {
    width: 100%;
    position: absolute;
    top: 265px;
    left: 0;
  }
}

.register_mailClick__information {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

@media (max-width: 800px) {
  .register_mailClick__information {
    margin-top: 20px;
    align-items: flex-start;
    flex-direction: column;
  }
}

.register_mailClick__mailUser {
  display: flex;
  color: #2E2E2E;
  font-size: 1.4rem;
  margin-right: 13px;
}

.register_mailClick__mailUser .material-icons {
  color: #2C786C;
  margin-right: 10px;
}

@media (max-width: 800px) {
  .register_mailClick__mailUser {
    margin-bottom: 6px;
  }
}

.register_mailClick__selfMailer {
  color: #2C786C;
  font-size: 1.2rem;
}

@media (max-width: 800px) {
  .register_mailClick__selfMailer {
    text-align: left;
    letter-spacing: 0;
  }
}

.register_mailClick__mailerLink {
  display: flex;
  justify-content: space-around;
  margin-bottom: 20px;
}

@media (max-width: 800px) {
  .register_mailClick__mailerLink {
    flex-direction: column;
    margin-bottom: 30px;
  }
}

.register_mailClick__gMailLink {
  color: #2E2E2E;
  text-decoration: none;
}

.register_mailClick__gmailIcon {
  display: flex;
  align-items: center;
  width: 310px;
  font-size: 1.4rem;
  border-radius: 5px;
  border: 1px solid #CDD3D6;
}

@media (max-width: 800px) {
  .register_mailClick__gmailIcon {
    width: 100%;
    margin: auto;
    margin-bottom: 15px;
  }
}

.register_mailClick__gmailIcon img {
  margin: 5px 20px;
}

.register_mailClick__yahooMailLink {
  color: #2E2E2E;
  text-decoration: none;
}

.register_mailClick__yahooIcon {
  display: flex;
  align-items: center;
  width: 310px;
  font-size: 1.4rem;
  border-radius: 5px;
  border: 1px solid #CDD3D6;
}

@media (max-width: 800px) {
  .register_mailClick__yahooIcon {
    width: 100%;
    margin: auto;
  }
}

.register_mailClick__yahooIcon img {
  margin: 11px 20px;
}

.register_mailClick__domainExplain {
  text-align: left;
}

.register_mailClick__domainExplain p {
  font-size: 1.3rem;
}

.register_mailClick__domainAttention {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  margin-bottom: 10px;
}

@media (max-width: 800px) {
  .register_mailClick__domainAttention {
    align-items: flex-start;
    letter-spacing: 0;
  }
}

.register_mailClick__domainAttention .material-icons {
  display: inline-block;
  color: #2c7862;
  font-size: 1.6rem;
  margin-right: 12px;
}

@media (max-width: 800px) {
  .register_mailClick__domainAttention .material-icons {
    margin-top: 3px;
  }
}

@media (max-width: 800px) {
  .register_mailClick__caseAttention {
    font-size: 1.2rem !important;
    line-height: 2.0;
    letter-spacing: 0;
  }
}

.register_infoEntry__form {
  width: 100%;
}

.register_infoEntry__formArea {
  margin: auto;
  max-width: 500px;
}

@media (max-width: 800px) {
  .register_infoEntry__formArea {
    width: 345px;
  }
}

.register_infoEntry__inputArea {
  margin-bottom: 40px;
}

@media (max-width: 800px) {
  .register_infoEntry__inputArea--enquete {
    margin-bottom: 30px;
  }
}

@media (max-width: 800px) {
  .register_infoEntry__inputArea--introduce {
    margin-bottom: 0;
  }
}

.register_infoEntry__inputArea#pointExchangeItem {
  display: none;
}

.register_infoEntry__inputArea#pointExchangeItem.isShow {
  display: block;
}

.register_infoEntry__inputTitle {
  display: flex;
  font-size: 1.8rem;
  font-weight: 700;
  align-items: center;
  margin-bottom: 15px;
}

@media (max-width: 800px) {
  .register_infoEntry__inputTitle {
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 11px;
  }
}

.register_infoEntry__require {
  font-size: 1.2rem;
  margin-left: 10px;
  padding: 5px;
  color: #DF4840;
  border: 1px solid #DF4840;
}

@media (max-width: 800px) {
  .register_infoEntry__require {
    white-space: nowrap;
    padding: 3px 5px;
  }
}

.register_infoEntry__explain {
  display: flex;
  align-items: center;
  color: #939393;
  font-size: 1.3rem;
  margin: 8px 0;
}

@media (max-width: 800px) {
  .register_infoEntry__explain {
    font-size: 1.2rem;
    line-height: 1.8;
    margin: 5px 0 0 0;
  }
}

.register_infoEntry__digitsRange {
  margin-right: 7px;
}

.register_infoEntry__digitsRange .material-icons {
  color: #B4B4B4;
  font-size: 1.4rem;
}

.register_infoEntry__digitsRange .material-icons.isActive {
  color: #2C786C;
}

.register_infoEntry__halfWidthAlphaNumeric {
  margin-right: 7px;
}

.register_infoEntry__halfWidthAlphaNumeric .material-icons {
  color: #B4B4B4;
  font-size: 1.4rem;
}

.register_infoEntry__halfWidthAlphaNumeric .material-icons.isActive {
  color: #2C786C;
}

.register_infoEntry__nickName input[type="text"] {
  width: 500px;
  line-height: 1.0;
  padding: 12px 20px;
  background: #FFFFFF;
  border: 1px solid #CDD3D6;
  border-radius: 5px;
}

.register_infoEntry__nickName input[type="text"]:focus {
  outline: 0;
  border: 1px solid #2C786C;
}

@media (max-width: 800px) {
  .register_infoEntry__nickName input[type="text"] {
    width: 100%;
    padding: 15px 10px;
  }
}

.register_infoEntry__birthday {
  display: flex;
  align-items: center;
  gap: 15px;
}

@media (max-width: 800px) {
  .register_infoEntry__birthday {
    gap: 10px;
  }
}

.register_infoEntry__selectBirthday {
  /* 左の三角, 右の三角 */
  background-image: linear-gradient(45deg, transparent 50%, #939393 50%), linear-gradient(135deg, #939393 50%, transparent 50%);
  /* 左の三角のサイズ, 右の三角のサイズ */
  background-size: 5px 5px, 5px 5px;
  /* 左の三角の位置, 右の三角の位置 */
  background-position: calc(100% - 15px) 50%, calc(100% - 10px) 50%;
  /* リピートしない */
  background-repeat: no-repeat;
}

.register_infoEntry__selectBirthday:focus {
  background-image: linear-gradient(45deg, transparent 50%, #2C786C 50%), linear-gradient(135deg, #2C786C 50%, transparent 50%);
}

.register_infoEntry__selectBirthday:nth-child(1) {
  width: 150px;
  padding: 12px 20px;
  color: #484848;
  border: 1px solid #CDD3D6;
  border-radius: 5px;
}

.register_infoEntry__selectBirthday:nth-child(1):focus {
  outline: 0;
  border: 1px solid #2C786C;
}

@media (max-width: 800px) {
  .register_infoEntry__selectBirthday:nth-child(1) {
    width: 100px;
    padding: 13px 10px;
  }
}

.register_infoEntry__selectBirthday:nth-child(2) {
  width: 100px;
  padding: 12px 20px;
  color: #484848;
  border: 1px solid #CDD3D6;
  border-radius: 5px;
}

.register_infoEntry__selectBirthday:nth-child(2):focus {
  outline: 0;
  border: 1px solid #2C786C;
}

@media (max-width: 800px) {
  .register_infoEntry__selectBirthday:nth-child(2) {
    width: 70px;
    padding: 13px 10px;
  }
}

.register_infoEntry__selectBirthday:nth-child(3) {
  width: 100px;
  padding: 12px 20px;
  color: #484848;
  border: 1px solid #CDD3D6;
  border-radius: 5px;
}

.register_infoEntry__selectBirthday:nth-child(3):focus {
  outline: 0;
  border: 1px solid #2C786C;
}

@media (max-width: 800px) {
  .register_infoEntry__selectBirthday:nth-child(3) {
    width: 70px;
    padding: 13px 10px;
  }
}

.register_infoEntry__genderList {
  display: flex;
}

.register_infoEntry__genderRadioButton {
  display: flex;
  align-items: center;
}

.register_infoEntry__genderRadioButton #genderLabel {
  display: flex;
  align-items: center;
  padding: 12px;
  margin-right: 15px;
  border-radius: 5px;
  background: #FFFFFF;
  border: 1px solid #CDD3D6;
}

@media (max-width: 800px) {
  .register_infoEntry__genderRadioButton #genderLabel {
    padding: 14px 10px;
  }
}

.register_infoEntry__genderRadioButton #genderLabel::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 3px;
  margin-right: 6px;
  border-width: 1px;
  border-style: solid;
  border-radius: 50%;
  background-clip: content-box;
}

.register_infoEntry__genderRadioButton input[type="radio"] {
  display: none;
}

.register_infoEntry__genderRadioButton input[type="radio"]:not(:checked) + #genderLabel:before {
  border-color: #B4B4B4;
}

.register_infoEntry__genderRadioButton input[type="radio"]:checked + #genderLabel:before {
  border-color: #2C786C;
  background-color: #2C786C;
}

.register_infoEntry__genderRadioButton input[type="radio"]:checked + #genderLabel {
  border-color: #2C786C;
}

.register_infoEntry__postCode {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.register_infoEntry__inputPostCode {
  font-size: 1.4rem;
  white-space: nowrap;
}

.register_infoEntry__inputPostCode input[type="text"] {
  width: 200px;
  line-height: 1.0;
  padding: 12px 20px;
  background: #FFFFFF;
  border: 1px solid #CDD3D6;
  border-radius: 5px;
}

.register_infoEntry__inputPostCode input[type="text"]:focus {
  outline: 0;
  border: 1px solid #2C786C;
}

@media (max-width: 800px) {
  .register_infoEntry__inputPostCode input[type="text"] {
    width: 180px;
    padding: 15px 20px;
  }
}

.register_infoEntry__postCodeLink {
  display: flex;
  align-items: center;
  color: #3AA59E;
  font-size: 1.4rem;
  margin-left: 15px;
  white-space: nowrap;
}

.register_infoEntry__postCodeLink .material-icons {
  font-size: 1.4rem;
}

.register_infoEntry__prefecture {
  display: flex;
}

.register_infoEntry__addressDisplay {
  display: flex;
  align-items: center;
  width: 500px;
  background: #F7F7F7;
}

@media (max-width: 800px) {
  .register_infoEntry__addressDisplay {
    width: 345px;
  }
}

.register_infoEntry__addressConfirm {
  padding: 10px 20px;
  border-right: 1px solid #CDD3D6;
}

@media (max-width: 800px) {
  .register_infoEntry__addressConfirm {
    padding: 22px 20px;
    white-space: nowrap;
  }
}

.register_infoEntry__address {
  align-items: center;
}

.register_infoEntry__address .material-icons {
  color: #DF4840;
  font-size: 1.4rem;
  margin: 11px 20px;
}

.register_infoEntry__address .material-icons.isSuccess {
  color: #2C786C;
}

@media (max-width: 800px) {
  .register_infoEntry__address .material-icons {
    max-width: 11px 12px;
  }
}

@media (max-width: 800px) {
  .register_infoEntry__zipAddress {
    padding: 10px;
    padding-left: 0;
    line-height: 1.6;
    margin-bottom: 5px;
  }
}

.register_infoEntry__passWord {
  position: relative;
}

.register_infoEntry__passWord input[type="password"] {
  width: 500px;
  line-height: 1.0;
  padding: 12px 20px;
  background: #FFFFFF;
  border: 1px solid #CDD3D6;
  border-radius: 5px;
}

.register_infoEntry__passWord input[type="password"]:focus {
  outline: 0;
  border: 1px solid #2C786C;
}

@media (max-width: 800px) {
  .register_infoEntry__passWord input[type="password"] {
    width: 100%;
  }
}

.register_infoEntry__passWord input[type="text"] {
  width: 500px;
  line-height: 1.0;
  padding: 12px 20px;
  background: #FFFFFF;
  border: 1px solid #CDD3D6;
  border-radius: 5px;
}

.register_infoEntry__passWord input[type="text"]:focus {
  outline: 0;
  border: 1px solid #2C786C;
}

@media (max-width: 800px) {
  .register_infoEntry__passWord input[type="text"] {
    width: 100%;
  }
}

.register_infoEntry__visibilityIcon {
  position: absolute;
  top: 15px;
  right: 21px;
  cursor: pointer;
}

.register_infoEntry__visibilityIcon .material-icons {
  color: #939393;
  font-size: 1.6rem;
}

.register_infoEntry__visibilityIcon .material-icons.isActive {
  color: #484848;
}

.register_infoEntry__targetCategoryList {
  display: flex;
}

@media (max-width: 800px) {
  .register_infoEntry__targetCategoryList {
    flex-direction: column;
  }
}

.register_infoEntry__targetCategoryRadioButton {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.register_infoEntry__targetCategoryRadioButton #targetCategoryLabel {
  display: flex;
  align-items: center;
  padding: 13px;
  margin-right: 15px;
  border-radius: 5px;
  background: #FFFFFF;
  border: 1px solid #CDD3D6;
}

@media (max-width: 800px) {
  .register_infoEntry__targetCategoryRadioButton #targetCategoryLabel {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}

.register_infoEntry__targetCategoryRadioButton #targetCategoryLabel .material-icons {
  color: #B4B4B4;
  font-size: 18px;
  margin-right: 6px;
}

.register_infoEntry__targetCategoryRadioButton #targetCategoryLabel .material-icons.isActive {
  color: #2c7862;
}

.register_infoEntry__targetCategoryRadioButton input[type="radio"] {
  display: none;
}

.register_infoEntry__targetCategoryRadioButton input[type="radio"]:checked + #targetCategoryLabel {
  border-color: #2C786C;
}

.register_infoEntry__exchangeItemList {
  display: flex;
  margin-bottom: 15px;
}

@media (max-width: 800px) {
  .register_infoEntry__exchangeItemList {
    flex-direction: column;
    margin-bottom: 0;
  }
}

.register_infoEntry__exchangeItemRadioButton {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.register_infoEntry__exchangeItemRadioButton #exchangeItemLabel {
  display: flex;
  align-items: center;
  padding: 13px;
  margin-right: 15px;
  border-radius: 5px;
  background: #FFFFFF;
  border: 1px solid #CDD3D6;
}

@media (max-width: 800px) {
  .register_infoEntry__exchangeItemRadioButton #exchangeItemLabel {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}

.register_infoEntry__exchangeItemRadioButton #exchangeItemLabel .material-icons {
  color: #B4B4B4;
  font-size: 18px;
  margin-right: 6px;
}

.register_infoEntry__exchangeItemRadioButton #exchangeItemLabel .material-icons.isActive {
  color: #2c7862;
}

.register_infoEntry__exchangeItemRadioButton input[type="radio"] {
  display: none;
}

.register_infoEntry__exchangeItemRadioButton input[type="radio"]:checked + #exchangeItemLabel {
  border-color: #2C786C;
}

.register_infoEntry__inputIntroduce input[type="text"] {
  width: 500px;
  line-height: 1.0;
  padding: 12px 20px;
  background: #FFFFFF;
  border: 1px solid #CDD3D6;
  border-radius: 5px;
}

.register_infoEntry__inputIntroduce input[type="text"]:focus {
  outline: 0;
  border: 1px solid #2C786C;
}

@media (max-width: 800px) {
  .register_infoEntry__inputIntroduce input[type="text"] {
    width: 345px;
    padding: 15px 20px;
  }
}

.register_infoEntry__submitButton {
  display: flex;
  justify-content: center;
}

.register_infoEntry__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 562px;
  padding: 21px;
  margin: 50px auto;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 2.6rem;
  border-radius: 50px;
  border: 3px solid #ff0000;
  background-color: #ff0000;
  box-sizing: border-box;
  box-shadow: 0px 6px 6px #E2E1D9;
  overflow: hidden;
  transition: 0.2s;
  opacity: 1;
  position: relative;
  cursor: pointer;
}

.register_infoEntry__submit:hover {
  color: #ff0000;
  border: 3px solid #ff0000;
  background-color: #ffe5ee;
}

@media (max-width: 800px) {
  .register_infoEntry__submit {
    padding: 18px;
    margin: 30px auto;
    max-width: 345px;
    font-size: 1.6rem;
    font-weight: normal;
    box-shadow: 0px 3px 6px #E2E1D9;
  }
}

.register_infoEntry__arrowIcon {
  position: absolute;
  top: 17px;
  right: calc(50% - 250px);
}

@media (max-width: 800px) {
  .register_infoEntry__arrowIcon {
    top: 15px;
    right: calc(50% - 152px);
  }
}

.register_infoEntry__arrowIcon .material-icons {
  font-size: 4.0rem;
}

@media (max-width: 800px) {
  .register_infoEntry__arrowIcon .material-icons {
    font-size: 2.5rem;
  }
}

.register_confirm {
  margin-bottom: 30px;
}

.register_confirm__form {
  margin: auto;
  max-width: 661px;
}

@media (max-width: 800px) {
  .register_confirm__form {
    padding: 0 15px;
  }
}

.register_confirm__inputArea {
  font-weight: 700;
  margin-bottom: 40px;
}

@media (max-width: 800px) {
  .register_confirm__inputArea {
    margin-bottom: 32px;
  }
}

@media (max-width: 800px) {
  .register_confirm__inputArea--enquete {
    margin-bottom: 32px;
  }
}

@media (max-width: 800px) {
  .register_confirm__inputArea--introduce {
    margin-bottom: 32px;
  }
}

.register_confirm__inputTitle {
  display: flex;
  font-size: 1.8rem;
  align-items: center;
  margin-bottom: 15px;
}

@media (max-width: 800px) {
  .register_confirm__inputTitle {
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 11px;
  }
}

.register_confirm__require {
  font-size: 1.2rem;
  margin-left: 10px;
  padding: 5px;
  color: #DF4840;
  border: 1px solid #DF4840;
}

@media (max-width: 800px) {
  .register_confirm__require {
    white-space: nowrap;
  }
}

.register_confirm__explain {
  color: #939393;
  font-size: 1.3rem;
  font-weight: normal;
  margin-top: 10px;
}

@media (max-width: 800px) {
  .register_confirm__explain {
    font-size: 1.2rem;
  }
}

.register_confirm__targetList {
  display: flex;
  gap: 15px;
}

.register_confirm__targetRadioButton {
  display: flex;
  align-items: center;
  padding: 5px;
  background: #FFFFFF;
  border: 1px solid #CDD3D6;
  border-radius: 5px;
}

.register_confirm__exchangeList {
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
}

.register_confirm__exchangeRadioButton {
  display: flex;
  align-items: center;
  padding: 5px;
  background: #FFFFFF;
  border: 1px solid #CDD3D6;
  border-radius: 5px;
}

.register_confirm__submit {
  display: flex;
  justify-content: space-between;
  margin: auto;
  width: 661px;
}

@media (max-width: 800px) {
  .register_confirm__submit {
    max-width: 345px;
    margin: auto;
  }
}

.register_confirm__submitLeftButton {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 300px;
  padding: 20px;
  margin: 50px auto;
  color: #939393;
  font-weight: bold;
  font-size: 2.6rem;
  border-radius: 50px;
  background: #FFFFFF;
  border: 3px solid #CDD3D6;
  box-sizing: border-box;
  box-shadow: 0px 6px 6px #E2E1D9;
  opacity: 1;
  cursor: pointer;
}

@media (max-width: 800px) {
  .register_confirm__submitLeftButton {
    width: 160px;
    padding: 13px;
    margin: 0;
    font-size: 1.6rem;
    font-weight: normal;
    border: 1px solid #CDD3D6;
    box-shadow: 0px 3px 6px #E2E1D9;
  }
}

.register_confirm__submitLeftButton:hover {
  color: #484848;
  text-decoration: none;
  background: #F7F7F7;
  border: 3px solid #CDD3D6;
  box-shadow: 0px 6px 6px #E2E1D9;
  border-radius: 50px;
  opacity: 1;
}

.register_confirm__submitRightButton {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 300px;
  padding: 20px;
  margin: 50px auto;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 2.6rem;
  border-radius: 50px;
  overflow: hidden;
  transition: 0.2s;
  box-sizing: border-box;
  box-shadow: 0px 6px 6px #E2E1D9;
  opacity: 1;
  cursor: pointer;
  border: 3px solid #ff0000;
  background-color: #ff0000;
}

.register_confirm__submitRightButton:hover {
  color: #ff0000;
  border: 3px solid #ff0000;
  background-color: #ffe5ee;
}

@media (max-width: 800px) {
  .register_confirm__submitRightButton {
    width: 160px;
    padding: 13px;
    margin: 0;
    font-size: 1.6rem;
    font-weight: normal;
    box-shadow: 0px 3px 6px #E2E1D9;
  }
}

.register_confirm__arrowIcon {
  position: relative;
  top: 2px;
  left: 45px;
}

@media (max-width: 800px) {
  .register_confirm__arrowIcon {
    left: 15px;
  }
}

.register_confirm__arrowIcon--left {
  left: -45px;
}

@media (max-width: 800px) {
  .register_confirm__arrowIcon--left {
    left: -15px;
  }
}

.register_confirm__arrowIcon .material-icons {
  font-size: 3.6rem;
}

@media (max-width: 800px) {
  .register_confirm__arrowIcon .material-icons {
    font-size: 2.5rem;
  }
}

.register_confirm__homeLink {
  font-size: 1.2rem;
  text-align: center;
  margin-top: 20px;
}

.register_completed {
  padding-top: 40px;
  padding-bottom: 30px;
  margin-bottom: 40px;
  background: #FAF5E4;
  width: 100%;
  /* width: 1040px; */
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.register_completed__header {
  width: 1040px;
  position: relative;
}

.register_completed__header div {
  position: absolute;
  width: 90px;
  left: 560px;
  top: -20px;
}

.register_completed__header h3 {
  text-align: left;
  font-size: 3rem;
  line-height: 1.4;
  color: #2C786C;
  width: 100%;
}

.register_completed__header p {
  text-align: left;
  font-size: 1.4rem;
  margin-top: 10px;
}

@media (max-width: 800px) {
  .register_completed__header {
    align-content: center;
    width: 100%;
  }
  .register_completed__header h3 {
    text-align: left;
    font-size: 1.8rem;
    line-height: calc(25/18);
  }
  .register_completed__header div {
    display: none;
  }
}

.register_completed__body {
  width: 1040px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (max-width: 800px) {
  .register_completed__body {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    flex-direction: column;
    align-content: center;
  }
}

@media (max-width: 800px) {
  .register_completed {
    padding: 22px 17px;
    margin-bottom: 20px;
  }
}

.register_completed__fruitIdWrapper {
  margin-top: 20px;
  width: 340px;
  height: auto;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #e2e1d9;
  border-radius: 9px;
  opacity: 1;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.register_completed__fruitIdWrapper h4 {
  font-size: 2rem;
  padding-top: 20px;
}

.register_completed__fruitIdWrapper h4 span {
  text-decoration: underline;
}

.register_completed__fruitIdWrapper p {
  font-size: 1.4rem;
  line-height: calc(24/14);
  margin-top: 20px;
}

@media (max-width: 800px) {
  .register_completed__fruitIdWrapper {
    width: 100%;
  }
}

.register_completed__fruitId {
  display: flex;
  margin: 30px 0 0 0;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #2C786C;
  height: 58px;
  /* padding-top: 30px;

      @media (max-width: 800px) {
        width: 100%;
        flex-direction: column;
      }
    }
    &__explain{
        width: 340px;
        height: 310px;
        /* UI Properties */
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #E2E1D9;
  border-radius: 0px;
  opacity: 1;
  pading: 30px;
}

.register_completed__fruitIdTitle {
  color: #2C786C;
  padding: 7px 20px;
  font-size: 1.4rem;
  background: #effafa;
  max-width: 96px;
  border-radius: 0px 0 0 0px;
  line-height: calc(28/20);
}

.register_completed__fruitIdNumber {
  color: #2C786C;
  padding: 16px 20px;
  font-size: 2rem;
}

.register_completed__explainWrapper {
  margin-top: 20px;
  width: 340px;
  height: auto;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #e2e1d9;
  border-radius: 9px;
  opacity: 1;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.register_completed__explainWrapper h4 {
  font-size: 2rem;
  padding-top: 20px;
}

.register_completed__explainWrapper h4 span {
  text-decoration: underline;
}

.register_completed__explainWrapper p {
  font-size: 1.4rem;
  line-height: calc(24/14);
  margin-top: 20px;
}

@media (max-width: 800px) {
  .register_completed__explainWrapper {
    width: 100%;
  }
}

.register_completed__snsWrapper {
  margin-top: 20px;
  width: 340px;
  height: auto;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #e2e1d9;
  border-radius: 9px;
  opacity: 1;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.register_completed__snsWrapper img {
  margin-bottom: 7px;
}

.register_completed__snsWrapper h4 {
  font-size: 2rem;
  padding-top: 20px;
}

.register_completed__snsWrapper h4 span {
  text-decoration: underline;
}

.register_completed__snsWrapper p {
  font-size: 1.4rem;
  line-height: calc(24/14);
  margin-top: 20px;
}

@media (max-width: 800px) {
  .register_completed__snsWrapper {
    width: 100%;
  }
}

.register_completed__footer {
  width: 1040px;
  margin-top: 15px;
}

@media (max-width: 800px) {
  .register_completed__footer {
    width: 100%;
    align-content: center;
  }
}

@media (max-width: 800px) {
  .register_completed__explain {
    width: 100%;
  }
}

.register_completed__explain p {
  width: 532px;
  margin: 2px 0;
  font-size: 1.6rem;
  line-height: calc(24/14);
}

@media (max-width: 800px) {
  .register_completed__explain p {
    width: 100%;
    font-size: 1.4rem;
  }
}

.register_completed__attentionAbout {
  display: flex;
  align-items: center;
  margin: 15px 0;
  font-size: 1.8rem;
}

@media (max-width: 800px) {
  .register_completed__attentionAbout {
    margin: 30px 0 10px;
  }
}

.register_completed__attentionAbout .material-icons {
  color: #2C786C;
  font-size: 2.0rem;
  margin-right: 10px;
}

.register_completed__attention {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.register_completed__mikkunImage img {
  position: absolute;
  top: -95px;
  right: 35px;
}

@media (max-width: 800px) {
  .register_completed__mikkunImage img {
    max-width: 113px;
    height: auto;
    right: 15px;
  }
}

@media (max-width: 320px) {
  .register_completed__mikkunImage img {
    display: none;
  }
}

.register_completed__attentionText span {
  color: #DF4840;
}

.register_completed__heading {
  color: #484848;
  text-align: center;
  font-size: 2.0rem;
  line-height: 1.5;
  margin-bottom: 10px;
}

@media (max-width: 800px) {
  .register_completed__heading {
    font-size: 1.6rem;
  }
}

.register_completed__headingLeftIcon {
  margin-right: 15px;
}

@media (max-width: 800px) {
  .register_completed__headingLeftIcon {
    margin-right: 0;
  }
}

.register_completed__headingRightIcon {
  margin-left: 15px;
}

@media (max-width: 800px) {
  .register_completed__headingRightIcon {
    margin-left: 0;
  }
}

.register_completed__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 562px;
  padding: 24px 0;
  margin: auto;
  color: #FFFFFF;
  line-height: calc(28/26);
  font-weight: bold;
  font-size: 2.6rem;
  border-radius: 50px;
  background: #E8A61D;
  border: 3px solid #E8A61D;
  box-sizing: border-box;
  box-shadow: 0px 6px 6px #E2E1D9;
  opacity: 1;
  cursor: pointer;
  position: relative;
}

@media (max-width: 800px) {
  .register_completed__submit {
    align-items: flex-start;
    max-width: 345px;
    padding: 14px;
    font-size: 1.6rem;
    font-weight: normal;
  }
}

.register_completed__submit:hover {
  color: #E8A61D;
  background: #FFFFFF;
  text-decoration: none;
  border: 3px solid #E8A61D;
  box-sizing: border-box;
  box-shadow: 0px 6px 6px #E2E1D9;
  opacity: 1;
}

.register_completed__arrowIcon {
  position: absolute;
  right: 0;
  margin: 0 25px;
}

@media (max-width: 800px) {
  .register_completed__arrowIcon {
    margin: 2px 25px;
  }
}

.register_completed__arrowIcon .material-icons {
  font-size: 4.0rem;
}

@media (max-width: 800px) {
  .register_completed__arrowIcon .material-icons {
    font-size: 2.5rem;
  }
}

.register_completed__campaign {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
}

@media (max-width: 800px) {
  .register_completed__campaign {
    width: 100%;
  }
  .register_completed__campaign a {
    width: 100%;
  }
}

.register_completed__campaign img {
  max-width: 100%;
}

@media (max-width: 800px) {
  .register_completed__campaign img {
    width: 100%;
    max-width: none;
  }
}

/*-------------------------------------
    ** common
--------------------------------------*/
.point_information {
  padding-top: 10px;
  background-color: #f8f6ed;
}

.point_information__link {
  display: flex;
  width: 1040px;
  height: 30px;
  margin: auto;
  border: 1px solid #DF4840;
  background-color: #FFFFFF;
}

.point_information__link:hover {
  background-color: #FFF9BC;
}

.point_information__important {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 185px;
  color: #FFFFFF;
  text-align: center;
  margin-right: 20px;
  background-color: #DF4840;
}

.point_information__title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #DF4840;
}

/*-----------------------------------
    ** layout
------------------------------------*/
.point_layout {
  margin-bottom: 25px;
}

.point_layout__seeMore .point_seeMore__link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 0;
  color: #484848 !important;
  text-decoration: none !important;
  border-radius: 0 0 5px 5px;
  border-top: 1px solid #E0E0E0;
  margin-top: -1px;
}

.point_layout__seeMore .point_seeMore__link:hover {
  background-color: #FFF9BC;
}

.point_layout__ad {
  margin: auto;
  text-align: center;
  margin-bottom: 20px;
}

.point_layout__mainContents {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.point_layout__leftColumn {
  width: 300px;
}

.point_layout__mainColumn {
  width: 720px;
}

.point_layout__conversion {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (max-width: 1040px) {
  .point_layout__conversion {
    padding: 0 15px;
  }
}

.point_layout__conversionSummary {
  position: relative;
  top: 2px;
}

.point_layout__conversionMessage {
  color: #2C786C;
  padding: 10px 0;
  font-size: 1.4rem;
  text-align: center;
  background-color: #EFFAFA;
}

@media (max-width: 1040px) {
  .point_layout__conversionMessage {
    width: calc(100% - 20px);
    font-size: 1.3rem;
    padding: 10px;
  }
}

.point_layout__search {
  margin-bottom: 20px;
}

.point_layout__rectangleBanner {
  width: 300px;
  margin: auto;
  margin-bottom: 20px;
}

.point_layout__leftAd {
  margin-bottom: 20px;
}

.point_layout__campaignBanner {
  margin-bottom: 20px;
}

.point_layout__campaignBanner.ABtest {
  max-width: 300px;
  max-height: 200px;
}

.point_layout__campaignBanner.ABtest .point_campaignNavigation {
  margin: auto;
}

.point_layout__campaignBanner.ABtest .point_campaignNavigation__item {
  height: auto;
}

.point_layout__campaignBanner.ABtest .point_campaignNavigation__link {
  max-width: 213px;
  margin: auto;
  display: block;
}

.point_layout__campaignBanner.ABtest .point_campaignNavigation__banner {
  max-width: 213px;
  max-height: 178px;
  margin: auto;
}

.point_layout__campaignBanner.ABtest .point_campaignNavigation__banner img {
  object-fit: contain;
}

.point_layout__categoryMenuList {
  position: relative;
}

.point_layout__categoryMainMenu {
  margin-bottom: 22px;
}

.point_layout__categoryPickup {
  margin-bottom: 22px;
}

.point_layout__categoryPoint {
  margin-bottom: 22px;
}

.point_layout__categoryPointBack {
  margin-bottom: 22px;
}

.point_layout__hiddenPointBanner {
  width: 300px;
  height: 130px;
  margin: auto;
  margin-bottom: 20px;
}

.point_layout__scratchBanner {
  width: 300px;
  height: 130px;
  margin: auto;
  margin-bottom: 20px;
}

.point_layout__clickBanner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 218px;
  margin-bottom: 20px;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
}

.point_layout__newItem, .point_layout__endItem {
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
}

.point_layout__newItemTitle, .point_layout__endItemTitle {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 2.0rem;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 1px solid #E0E0E0;
}

.point_layout__ranking {
  width: 100%;
}

.point_layout__rankingTitle {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
}

.point_layout__rankingList {
  width: 100%;
}

.point_layout__adHistory {
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 5px;
  background-color: #FFFFFF;
}

.point_layout__adHistoryTitle {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  font-size: 1.8rem;
  border-bottom: 1px solid #E0E0E0;
}

.point_layout__adHistoryTitle .material-icons {
  color: #939393;
  margin-right: 7px;
}

.point_layout__adHistoryList {
  display: flex;
  flex-wrap: wrap;
}

.point_layout__adHistoryWrapper {
  padding-top: 0;
}

.point_layout__favorite {
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 5px;
  background-color: #FFFFFF;
}

.point_layout__favoriteTitle {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  font-size: 1.8rem;
  border-bottom: 1px solid #E0E0E0;
}

.point_layout__favoriteTitle .material-icons {
  color: #939393;
  margin-right: 7px;
}

.point_layout__favoriteList {
  display: flex;
  flex-wrap: wrap;
}

.point_layout__favoriteWrapper {
  padding-top: 0;
}

.point_layout__recommendAi {
  margin-bottom: 20px;
}

.point_layout__recommendAiTitle {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1.8rem;
  margin-bottom: 10px;
}

.point_layout__recommendAiIcon {
  display: block;
}

.point_layout__carousel {
  margin-bottom: 20px;
}

.point_layout__carousel .point_carouselNavigation .splide {
  margin-bottom: 20px;
}

.point_layout__carousel .point_carouselNavigation .splide__track {
  width: 90%;
  margin: auto;
}

.point_layout__carousel .point_carouselNavigation .splide__arrow--prev {
  width: 25px;
  height: 100px;
  border-radius: 0;
  background-color: #C1BEB2;
  top: 50%;
  left: 0;
}

.point_layout__carousel .point_carouselNavigation .splide__arrow--next {
  width: 25px;
  height: 100px;
  border-radius: 0;
  background-color: #C1BEB2;
  top: 50%;
  right: 0;
}

.point_layout__carousel .point_carouselNavigation .splide__arrow--prev::before {
  content: '';
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-right: 8px solid #FFFFFF;
  border-bottom: 8px solid transparent;
}

.point_layout__carousel .point_carouselNavigation .splide__arrow--next::after {
  content: '';
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-left: 8px solid #FFFFFF;
  border-bottom: 8px solid transparent;
}

.point_layout__campaignFeature {
  margin-bottom: 20px;
  border-radius: 5px;
  background-color: #FFFFFF;
}

.point_layout__campaignFeatureTitle {
  display: flex;
  align-items: center;
  padding: 10px;
  padding-bottom: 5px;
  font-size: 1.8rem;
}

.point_layout__campaignFeatureList {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.point_layout__campaignFeatureWrapper {
  padding: 10px;
  padding-top: 0;
}

.point_layout__backToTop {
  width: 100%;
}

.point_layout__previousButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1040px;
  margin: auto;
  margin-bottom: 25px;
  padding: 13px 0;
  color: #3AA59E;
  background: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #3AA59E;
}

.point_layout__previousButton:hover {
  background-color: #FFF9BC;
}

.point_layout__previousButton .material-icons {
  font-size: 24px;
  margin-right: 10px;
}

.point_layout__landing {
  margin-bottom: 20px;
}

.point_layout__trademarkNotation {
  width: 1040px;
  margin: auto;
}

.point_layout__clickpoint {
  max-width: 100%;
  width: 300px;
  margin-bottom: 20px;
}

.point_layout__clickpoint img {
  object-fit: contain;
}

.point_layout__clickpointLink {
  width: 100%;
  display: block;
}

/*--------------------------------------
    ** components
---------------------------------------*/
.point_rectangleBanner__link {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.point_rectangleBanner__link:hover {
  background-color: #FFF9BC;
}

.point_rectangleBanner__image {
  max-width: 300px;
  max-height: 250px;
  margin-bottom: 5px;
}

.point_rectangleBanner__image img {
  object-fit: contain;
}

.point_rectangleBanner__wrapper {
  text-align: center;
  border-bottom: 1px solid #CDD3D6;
}

.point_rectangleBanner__caption {
  font-size: 1.3rem;
  line-height: 1.69;
}

.point_rectangleBanner__value {
  margin-bottom: 20px;
}

.point_rectangleBanner__value .point_value {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.point_rectangleBanner__value .point_value__icon img {
  margin-right: 5px;
  margin-bottom: 2px;
}

.point_rectangleBanner__value .point_value__after {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.point_rectangleBanner__value .point_value__up {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_rectangleBanner__value .point_value__up .unit {
  font-size: 1.4rem;
}

.point_rectangleBanner__value .point_value__denial {
  display: inline-flex;
  font-size: 1.4rem;
  margin-right: 3px;
}

.point_rectangleBanner__value .point_value__denial .unit {
  font-size: 1.4rem;
}

.point_rectangleBanner__value .point_value__before {
  display: flex;
  align-items: baseline;
}

.point_rectangleBanner__value .point_value__origin {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_rectangleBanner__value .point_value__origin .unit {
  font-size: 1.4rem;
}

.point_rectangleBanner__value .point_value__up {
  font-size: 3.0rem;
  font-weight: bold;
}

.point_rectangleBanner__value .point_value__origin {
  font-size: 3.0rem;
  font-weight: bold;
}

.point_category__title {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 5px;
}

.point_category__itemWrapper {
  position: relative;
  cursor: pointer;
}

.point_category__itemWrapper:hover {
  background-color: #EAE8DF;
}

.point_category__itemWrapper:hover .point_category__subMenuList {
  display: block;
}

@media (max-width: 1040px) {
  .point_category__itemWrapper:hover .point_category__subMenuList {
    display: none;
  }
}

.point_category__item {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

.point_category__mainMenu .point_category__item::after {
  font-family: 'Material Icons';
  content: "\e315";
  color: #C1BEB2;
  font-size: 20px;
  line-height: 1.0;
}

.point_category__nameWrapper {
  display: flex;
  align-items: center;
  gap: 7px;
}

.point_category__nameWrapper .material-symbols-outlined {
  color: #3AA59E;
  font-size: 20px;
}

.point_category__itemName {
  color: #484848;
  font-size: 1.4rem;
}

.point_category__subMenuList {
  display: none;
  width: 220px;
  padding: 10px 0;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #C6C6C6;
  position: absolute;
  top: -8px;
  left: 300px;
  z-index: 10;
}

.point_category__subMenu {
  padding: 10px;
  cursor: pointer;
}

.point_category__subMenu:hover {
  background-color: #FFF9BC;
}

.point_category__subMenuLink {
  text-decoration: none;
}

.point_category__subMenuName {
  color: #484848;
  font-size: 1.4rem;
}

.point_newItem {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #E0E0E0;
}

.point_newItem:nth-child(4n) {
  border-right: none;
}

.point_newItem__link {
  display: block;
  padding: 15px;
  height: 100%;
}

.point_newItem__link:hover {
  background-color: #FFF9BC;
}

.point_newItem__image {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 120px;
  max-height: 60px;
  margin: auto;
  margin-bottom: 7px;
}

.point_newItem__image img {
  object-fit: contain;
}

.point_newItem__title {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.375;
  min-height: 42px;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.point_newItem__caption {
  font-size: 1.2rem;
  line-height: 1.69;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.point_newItem__value .point_value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.point_newItem__value .point_value__icon img {
  margin-right: 5px;
  margin-bottom: 2px;
}

.point_newItem__value .point_value__after {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.point_newItem__value .point_value__up {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_newItem__value .point_value__up .unit {
  font-size: 1.4rem;
}

.point_newItem__value .point_value__denial {
  display: inline-flex;
  font-size: 1.4rem;
  margin-right: 3px;
}

.point_newItem__value .point_value__denial .unit {
  font-size: 1.4rem;
}

.point_newItem__value .point_value__before {
  display: flex;
  align-items: baseline;
}

.point_newItem__value .point_value__origin {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_newItem__value .point_value__origin .unit {
  font-size: 1.4rem;
}

.point_newItem__value .point_value__denial {
  margin-right: 0;
}

.point_newItem__value .point_value__up {
  font-size: 3.4rem;
  font-weight: bold;
}

.point_newItem__value .point_value__origin {
  font-size: 3.4rem;
  font-weight: bold;
}

.point_endItem {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #E0E0E0;
}

.point_endItem:nth-child(4n) {
  border-right: none;
}

.point_endItem__link {
  display: block;
  padding: 15px;
  height: 100%;
}

.point_endItem__link:hover {
  background-color: #FFF9BC;
}

.point_endItem__image {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 120px;
  max-height: 60px;
  margin: auto;
  margin-bottom: 7px;
}

.point_endItem__image img {
  object-fit: contain;
}

.point_endItem__title {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.375;
  min-height: 42px;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.point_endItem__caption {
  font-size: 1.2rem;
  line-height: 1.69;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.point_endItem__value .point_value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.point_endItem__value .point_value__icon img {
  margin-right: 5px;
  margin-bottom: 2px;
}

.point_endItem__value .point_value__after {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.point_endItem__value .point_value__up {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_endItem__value .point_value__up .unit {
  font-size: 1.4rem;
}

.point_endItem__value .point_value__denial {
  display: inline-flex;
  font-size: 1.4rem;
  margin-right: 3px;
}

.point_endItem__value .point_value__denial .unit {
  font-size: 1.4rem;
}

.point_endItem__value .point_value__before {
  display: flex;
  align-items: baseline;
}

.point_endItem__value .point_value__origin {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_endItem__value .point_value__origin .unit {
  font-size: 1.4rem;
}

.point_endItem__value .point_value__denial {
  margin-right: 0;
}

.point_endItem__value .point_value__up {
  font-size: 3.4rem;
  font-weight: bold;
}

.point_endItem__value .point_value__origin {
  font-size: 3.4rem;
  font-weight: bold;
}

.point_ranking {
  border-top: 1px solid #E0E0E0;
}

.point_ranking:first-child {
  border-top: none;
}

.point_ranking__link {
  display: flex;
  padding: 12px;
  height: 100%;
}

.point_ranking__link:hover {
  background-color: #EAE8DF;
}

.point_ranking__position {
  display: flex;
}

.point_ranking__rankDetail {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.point_ranking__icon img {
  width: 20px;
  height: 16px;
}

.point_ranking__rank {
  display: flex;
  align-items: baseline;
  justify-content: center;
  width: 34px;
  font-size: 1.8rem;
  font-weight: bold;
}

.point_ranking__rank span {
  font-size: 1.3rem;
}

.point_ranking__image {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100px;
  height: 83px;
  margin: 0 10px;
}

.point_ranking__image img {
  object-fit: contain;
}

.point_ranking__wrapper {
  display: flex;
  flex-direction: column;
  width: 130px;
}

.point_ranking__title {
  font-size: 1.4rem;
  line-height: 1.69;
  margin-bottom: 5px;
  min-height: 42px;
  text-align: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.point_ranking__caption {
  font-size: 1.2rem;
  line-height: 1.69;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.point_ranking__value .point_value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}

.point_ranking__value .point_value__icon img {
  margin-right: 5px;
  margin-bottom: 2px;
}

.point_ranking__value .point_value__after {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.point_ranking__value .point_value__up {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_ranking__value .point_value__up .unit {
  font-size: 1.4rem;
}

.point_ranking__value .point_value__denial {
  display: inline-flex;
  font-size: 1.4rem;
  margin-right: 3px;
}

.point_ranking__value .point_value__denial .unit {
  font-size: 1.4rem;
}

.point_ranking__value .point_value__before {
  display: flex;
  align-items: baseline;
}

.point_ranking__value .point_value__origin {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_ranking__value .point_value__origin .unit {
  font-size: 1.4rem;
}

.point_ranking__value .point_value__denial {
  margin-right: 0;
  margin-left: 22px;
}

.point_ranking__value .point_value__icon {
  margin-bottom: 1px;
}

.point_ranking__value .point_value__up {
  font-size: 1.8rem;
  font-weight: bold;
}

.point_ranking__value .point_value__origin {
  font-size: 1.8rem;
  font-weight: bold;
}

.point_adHistory__item {
  width: calc(100% / 4);
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}

.point_adHistory__item:nth-child(4n) {
  border-right: none;
}

.point_adHistory__link {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px 27px;
  height: 100%;
}

.point_adHistory__link:hover {
  background-color: #FFF9BC;
}

.point_adHistory__image {
  max-width: 120px;
  max-height: 60px;
  margin-bottom: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.point_adHistory__image img {
  object-fit: contain;
}

.point_adHistory__value .point_value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.point_adHistory__value .point_value__icon img {
  margin-right: 5px;
  margin-bottom: 2px;
}

.point_adHistory__value .point_value__after {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.point_adHistory__value .point_value__up {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_adHistory__value .point_value__up .unit {
  font-size: 1.4rem;
}

.point_adHistory__value .point_value__denial {
  display: inline-flex;
  font-size: 1.4rem;
  margin-right: 3px;
}

.point_adHistory__value .point_value__denial .unit {
  font-size: 1.4rem;
}

.point_adHistory__value .point_value__before {
  display: flex;
  align-items: baseline;
}

.point_adHistory__value .point_value__origin {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_adHistory__value .point_value__origin .unit {
  font-size: 1.4rem;
}

.point_adHistory__value .point_value__denial {
  margin-right: 0;
}

.point_adHistory__value .point_value__up {
  font-size: 1.8rem;
  font-weight: bold;
}

.point_adHistory__value .point_value__origin {
  font-size: 1.8rem;
  font-weight: bold;
}

.point_favorite__item {
  width: calc(100% / 4);
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}

.point_favorite__item:nth-child(4n) {
  border-right: none;
}

.point_favorite__link {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  padding: 7px 27px;
  height: 100%;
}

.point_favorite__link:hover {
  background-color: #FFF9BC;
}

.point_favorite__image {
  max-width: 120px;
  max-height: 60px;
  margin-bottom: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.point_favorite__image img {
  object-fit: contain;
}

.point_favorite__value .point_value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.point_favorite__value .point_value__icon img {
  margin-right: 5px;
  margin-bottom: 2px;
}

.point_favorite__value .point_value__after {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.point_favorite__value .point_value__up {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_favorite__value .point_value__up .unit {
  font-size: 1.4rem;
}

.point_favorite__value .point_value__denial {
  display: inline-flex;
  font-size: 1.4rem;
  margin-right: 3px;
}

.point_favorite__value .point_value__denial .unit {
  font-size: 1.4rem;
}

.point_favorite__value .point_value__before {
  display: flex;
  align-items: baseline;
}

.point_favorite__value .point_value__origin {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_favorite__value .point_value__origin .unit {
  font-size: 1.4rem;
}

.point_favorite__value .point_value__denial {
  margin-right: 0;
}

.point_favorite__value .point_value__up {
  font-size: 1.8rem;
  font-weight: bold;
}

.point_favorite__value .point_value__origin {
  font-size: 1.8rem;
  font-weight: bold;
}

.point_campaignFeature__item {
  width: calc(100% / 3);
}

.point_campaignFeature__link {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 10px;
}

.point_campaignFeature__link:hover {
  background-color: #FFF9BC;
}

.point_campaignFeature__image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 213px;
  height: 178px;
  margin: auto;
  margin-bottom: 5px;
}

.point_campaignFeature__image img {
  width: fit-content;
  height: fit-content;
}

.point_campaignFeature__title {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.375;
  min-height: 42px;
  margin-bottom: 5px;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.point_campaignFeature__description {
  font-size: 1.2rem;
  line-height: 1.4;
  max-height: 50px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.point_standardService {
  width: 100%;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 5px;
  background-color: #FFFFFF;
}

.point_standardService__heading {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 2.0rem;
  font-weight: 700;
  margin-bottom: 10px;
}

.point_standardService__heading .material-icons {
  color: #3AA59E;
}

.point_standardService__contents {
  width: 100%;
}

.point_standardService__title {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  font-size: 1.4rem;
  text-decoration: none;
  cursor: pointer;
}

.point_standardService__title:hover {
  background-color: #FFF9BC;
}

.point_standardService__title .material-icons {
  color: #3AA59E;
  font-size: 2.0rem;
}

.point_standardService__category {
  font-size: 2.4rem;
  font-weight: 700;
  text-align: left;
  padding-bottom: 5px;
  margin-bottom: 15px;
  border-bottom: 3px solid #E0E0E0;
}

.point_standardService__affiliateContents {
  display: flex;
  flex-wrap: wrap;
}

.point_standardService__content {
  width: calc(100% / 5);
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}

.point_standardService__content:nth-of-type(5n) {
  border-right: 1px solid #fff;
}

.point_standardService__content:nth-of-type(n+6) {
  border-bottom: 1px solid #fff;
}

.point_standardService__affiliateLink {
  display: flex;
  flex-direction: column;
  padding: 10px;
  height: 100%;
  align-items: center;
}

.point_standardService__affiliateLink:hover {
  background-color: #FFF9BC;
}

.point_standardService__affiliateImage {
  display: flex;
  max-width: 120px;
  max-height: 120px;
  margin: auto;
}

.point_standardService__affiliateImage img {
  object-fit: contain;
}

.point_standardService__affiliateWrapper {
  width: 100%;
}

.point_standardService__affiliateTitle {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.375;
  min-height: 42px;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.point_standardService__affiliateCaption {
  font-size: 1.2rem;
  line-height: 1.69;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.point_standardService__affiliateValue {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-height: 64px;
}

.point_standardService__affiliateValue .point_value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.point_standardService__affiliateValue .point_value__icon img {
  margin-right: 5px;
  margin-bottom: 2px;
}

.point_standardService__affiliateValue .point_value__after {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.point_standardService__affiliateValue .point_value__up {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_standardService__affiliateValue .point_value__up .unit {
  font-size: 1.4rem;
}

.point_standardService__affiliateValue .point_value__denial {
  display: inline-flex;
  font-size: 1.4rem;
  margin-right: 3px;
}

.point_standardService__affiliateValue .point_value__denial .unit {
  font-size: 1.4rem;
}

.point_standardService__affiliateValue .point_value__before {
  display: flex;
  align-items: baseline;
}

.point_standardService__affiliateValue .point_value__origin {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_standardService__affiliateValue .point_value__origin .unit {
  font-size: 1.4rem;
}

.point_standardService__affiliateValue .point_value__denial {
  margin-right: 0;
}

.point_standardService__affiliateValue .point_value__up {
  font-size: 3.0rem;
  font-weight: bold;
}

.point_standardService__affiliateValue .point_value__origin {
  font-size: 3.0rem;
  font-weight: bold;
}

/*--------------------------------------
    ** layout(list)
---------------------------------------*/
.point_layoutList__ad {
  margin: auto;
  text-align: center;
  margin-bottom: 20px;
}

.point_layoutList__title {
  margin-right: 10px;
}

.point_layoutList__title:empty {
  margin-right: 0;
}

.point_layoutList__empty {
  padding: 90px;
  text-align: center;
}

.point_layoutList__pagination {
  width: 100%;
  margin-bottom: 25px;
}

.point_layoutList__pagination .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.point_layoutList__pagination .pagination span a {
  display: flex;
  align-items: center;
  color: #3AA59E;
  padding: 9px 15px;
  border-radius: 5px;
  border: 1px solid #3AA59E;
  background-color: #FFFFFF;
  text-decoration: none !important;
}

.point_layoutList__pagination .pagination span a:hover {
  color: #FFFFFF;
  background: #3AA59E;
}

.point_layoutList__pagination .pagination .active a {
  color: #FFFFFF;
  background: #3AA59E;
}

.point_layoutList__pagination .pagination .next,
.point_layoutList__pagination .pagination .previous {
  display: flex;
  align-items: center;
  gap: 10px;
}

.point_layoutList__pagination .pagination .next a,
.point_layoutList__pagination .pagination .previous a {
  padding: 5px 7px;
}

.point_layoutList__pagination .pagination .next-inactive,
.point_layoutList__pagination .pagination .previous-inactive {
  display: none;
}

.point_layoutList__pagination .pagination .next a:after {
  font-family: 'Material Icons';
  content: "\e5cc";
  font-size: 24px;
  line-height: 1.0;
}

.point_layoutList__pagination .pagination .previous a:after {
  font-family: 'Material Icons';
  content: "\e5cb";
  font-size: 24px;
  line-height: 1.0;
}

.point_carouselNavigation {
  width: 100%;
  border-radius: 5px;
  background-color: #FFFFFF;
}

.point_carouselNavigation__link {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.point_carouselNavigation__link:hover {
  background-color: #FFF9BC;
}

.point_carouselNavigation__thumbnail {
  max-width: 120px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.point_carouselNavigation__value .point_value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 40px;
}

.point_carouselNavigation__value .point_value__icon img {
  margin-right: 5px;
  margin-bottom: 2px;
}

.point_carouselNavigation__value .point_value__after {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.point_carouselNavigation__value .point_value__up {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_carouselNavigation__value .point_value__up .unit {
  font-size: 1.4rem;
}

.point_carouselNavigation__value .point_value__denial {
  display: inline-flex;
  font-size: 1.4rem;
  margin-right: 3px;
}

.point_carouselNavigation__value .point_value__denial .unit {
  font-size: 1.4rem;
}

.point_carouselNavigation__value .point_value__before {
  display: flex;
  align-items: baseline;
}

.point_carouselNavigation__value .point_value__origin {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_carouselNavigation__value .point_value__origin .unit {
  font-size: 1.4rem;
}

.point_carouselNavigation__value .point_value__denial {
  margin-right: 0;
}

.point_carouselNavigation__value .point_value__up {
  font-size: 1.8rem;
  font-weight: bold;
}

.point_carouselNavigation__value .point_value__origin {
  font-size: 1.8rem;
  font-weight: bold;
}

.point_carouselNavigation__value .point_value__after {
  align-items: flex-end;
}

.point_carouselNavigation__showMore {
  display: flex;
  justify-content: center;
  padding: 10px;
}

.point_carouselNavigation__showMoreLink {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 120px;
  width: 100%;
  height: 100px;
  color: #484848;
  box-sizing: border-box;
  border: 1px solid #E0E0E0;
  background-color: #FFFFFF;
}

.point_carouselNavigation__showMoreLink:hover {
  background-color: #FFF9BC;
}

/*--------------------------------------
    ** contents(詳細ページ)
---------------------------------------*/
.point_detail {
  width: 100%;
}

.point_detail__item {
  width: 100%;
}

.point_detail__tabSwitch {
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .point_detail__tabSwitch {
    padding: 0 15px;
    margin-bottom: 30px;
  }
}

.point_detail__recommend {
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
}

@media (max-width: 1040px) {
  .point_detail__recommend {
    background-color: initial;
    box-shadow: none;
    padding: 0 15px;
    margin-bottom: 30px;
  }
}

.point_detail__recommendSectionTitle {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1040px) {
  .point_detail__recommendSectionTitle {
    font-size: 1.6rem;
    white-space: normal;
  }
}

.point_detail__recommendItemList {
  display: flex;
}

@media (max-width: 1040px) {
  .point_detail__recommendItemList {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 20px;
  }
}

.point_detail__adColumn {
  width: 608px;
  height: 207px;
  margin-bottom: 17px;
}

.point_detail__backToCategory {
  width: 186px;
  margin: auto;
  margin-bottom: 20px;
}

.point_detail__backToCategoryButton {
  padding: 8px 20px;
  border-radius: 10px;
  background: #484848;
}

.point_detail__backToCategoryTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
}

.point_detail__backToCategoryTitle .material-icons {
  font-size: 20px;
}

.point_detail__rule {
  margin: 10px 0;
}

.point_detail__rule p {
  margin-top: 10px;
}

@media (max-width: 1040px) {
  .point_detail__rule p {
    margin-top: 15px;
  }
}

.point_detail__rule ul li {
  padding: 5px;
}

@media (max-width: 1040px) {
  .point_detail__rule ul li {
    padding: 15px 0;
  }
}

/*------------------------------
    ** components
------------------------------*/
.point_detailItem__background {
  margin-bottom: 20px;
  padding: 13px 10px 30px 10px;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
}

@media (max-width: 1040px) {
  .point_detailItem__background {
    margin-bottom: 30px;
    padding: 11px 15px 20px 15px;
  }
}

.point_detailItem__campaign {
  width: 100%;
}

.point_detailItem__campaignArticle {
  font-size: 1.4rem;
  padding: 5px 15px;
  margin-bottom: 10px;
  background-color: #FBE5D6;
}

.point_detailItem__campaignArticle:empty {
  display: none;
}

.point_detailItem__campaignArticle p {
  line-height: 1.5;
  margin-bottom: 5px;
}

.point_detailItem__labelList {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .point_detailItem__labelList {
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 10px;
  }
}

.point_detailItem__labelFrame {
  padding: 3px;
}

.point_detailItem__labelText {
  font-size: 1.3rem;
}

.point_detailItem__content {
  display: flex;
  margin-bottom: 20px;
}

@media (max-width: 1040px) {
  .point_detailItem__content {
    margin-bottom: 80px;
    margin-top: 70px;
    position: relative;
  }
}

@media (max-width: 340px) {
  .point_detailItem__content {
    display: block;
  }
}

.point_detailItem__contentLeft {
  margin-right: 20px;
}

@media (max-width: 1040px) {
  .point_detailItem__contentLeft {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
    justify-content: flex-end;
    margin-right: 10px;
  }
}

@media (max-width: 340px) {
  .point_detailItem__contentLeft {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.point_detailItem__contentRight {
  width: 430px;
}

@media (max-width: 1040px) {
  .point_detailItem__contentRight {
    width: 100%;
  }
}

.point_detailItem__image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  height: 208px;
  margin-bottom: 10px;
}

@media (max-width: 1040px) {
  .point_detailItem__image {
    width: 110px;
    height: 92px;
  }
}

.point_detailItem__image img {
  width: fit-content;
  height: fit-content;
}

.point_detailItem__favoriteButton {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  padding: 8px 0;
  color: #939393;
  border-radius: 10px;
  border: 1px solid #E9EBED;
  background-color: #FFFFFF;
  overflow: hidden;
  z-index: 1;
}

@media (max-width: 1040px) {
  .point_detailItem__favoriteButton {
    width: 46px;
    height: 46px;
    position: absolute;
    top: -55px;
    right: 0;
  }
}

.point_detailItem__favoriteButton.isActive {
  color: #FFFFFF;
}

.point_detailItem__favoriteButton.isActive::after {
  content: "";
  position: absolute;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background-color: #ff6b6b;
  animation: ripple 0.2s 1 ease-in;
  z-index: -1;
}

@keyframes ripple {
  0% {
    transform: scale(0);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.point_detailItem__favoriteButton .material-icons {
  color: #939393;
  font-size: 20px;
  margin-right: 7px;
}

@media (max-width: 1040px) {
  .point_detailItem__favoriteButton .material-icons {
    margin-right: 0;
  }
}

.point_detailItem__favoriteButton .material-icons.isActive {
  color: #FFFFFF;
  animation: like 0.5s ease-out;
}

@keyframes like {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}

.point_detailItem__favoriteButtonTitle {
  display: block;
}

@media (max-width: 1040px) {
  .point_detailItem__favoriteButtonTitle {
    display: none;
  }
}

.point_detailItem__end {
  text-align: center;
}

.point_detailItem__title {
  font-size: 2.0rem;
}

@media (max-width: 1040px) {
  .point_detailItem__title {
    width: calc(100% - 60px);
    min-height: 46px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.375;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    position: absolute;
    top: -55px;
    left: 0;
  }
}

.point_detailItem__value .point_value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 20px;
}

.point_detailItem__value .point_value__icon img {
  margin-right: 5px;
  margin-bottom: 2px;
}

.point_detailItem__value .point_value__after {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.point_detailItem__value .point_value__up {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_detailItem__value .point_value__up .unit {
  font-size: 1.4rem;
}

.point_detailItem__value .point_value__denial {
  display: inline-flex;
  font-size: 1.4rem;
  margin-right: 3px;
}

.point_detailItem__value .point_value__denial .unit {
  font-size: 1.4rem;
}

.point_detailItem__value .point_value__before {
  display: flex;
  align-items: baseline;
}

.point_detailItem__value .point_value__origin {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_detailItem__value .point_value__origin .unit {
  font-size: 1.4rem;
}

@media (max-width: 1040px) {
  .point_detailItem__value .point_value {
    justify-content: center;
    width: 100%;
    margin-bottom: 0;
    position: absolute;
    bottom: -65px;
    left: 0;
  }
}

.point_detailItem__value .point_value__denial {
  margin-right: 5px;
}

.point_detailItem__value .point_value__icon img {
  margin-bottom: 0;
}

@media (max-width: 1040px) {
  .point_detailItem__value .point_value__icon img {
    width: 20px;
    height: 20px;
  }
}

.point_detailItem__value .point_value__up {
  font-size: 5.0rem;
  font-weight: bold;
}

.point_detailItem__value .point_value__up .unit {
  font-size: 2.0rem;
}

.point_detailItem__value .point_value__origin {
  font-size: 5.0rem;
  font-weight: bold;
}

.point_detailItem__value .point_value__origin .unit {
  font-size: 2.0rem;
}

@media (max-width: 1040px) {
  .point_detailItem__value .point_value__before {
    width: 100%;
    justify-content: center;
  }
}

.point_detailItem__conditionList {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media (max-width: 1040px) {
  .point_detailItem__conditionList {
    gap: 5px;
    max-width: 225px;
  }
}

.point_detailItem__condition {
  display: flex;
  gap: 0 20px;
}

@media (max-width: 1040px) {
  .point_detailItem__condition {
    gap: 0 10px;
  }
}

.point_detailItem__conditionText {
  width: 140px;
  font-size: 1.4rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .point_detailItem__conditionText {
    width: auto;
    white-space: nowrap;
    font-size: 1.2rem;
    line-height: 1.83;
  }
}

.point_detailItem__conditionStatus {
  width: 300px;
  font-size: 1.4rem;
}

@media (max-width: 1040px) {
  .point_detailItem__conditionStatus {
    width: 100%;
    font-size: 1.2rem;
    line-height: 1.83;
  }
}

.point_detailItem__button {
  margin: auto;
}

@media (max-width: 1040px) {
  .point_detailItem__button {
    width: 100%;
  }
}

.point_detailItem__actionButton {
  width: 100%;
  padding: 20px;
  border-radius: 50px;
  background-color: #E8A61D;
  box-shadow: 0px 6px 6px #E2E1D9;
}

.point_detailItem__actionButton.isDisabled {
  background-color: #E2E1D9;
  box-shadow: none;
}

.point_detailItem__actionButtonTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 2.6rem;
  margin-right: 10px;
}

@media (max-width: 340px) {
  .point_detailItem__actionButtonTitle {
    font-size: 2.0rem;
  }
}

.point_detailItem__actionButtonTitle .material-icons {
  font-size: 37px;
}

@media (max-width: 340px) {
  .point_detailItem__actionButtonTitle .material-icons {
    font-size: 30px;
  }
}

.point_detailRecommend {
  width: calc(100% / 4);
}

@media (max-width: 1040px) {
  .point_detailRecommend {
    max-width: 162px;
    width: calc(100% / 2 - 10px);
  }
}

.point_detailRecommend__link {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 10px 27px;
}

@media (max-width: 1040px) {
  .point_detailRecommend__link {
    padding: 7px 18px;
    background-color: #FFFFFF;
  }
}

.point_detailRecommend__link:hover {
  background-color: #FFF9BC;
}

.point_detailRecommend__image {
  max-width: 120px;
  max-height: 60px;
  text-align: center;
  margin-bottom: 7px;
}

@media (max-width: 1040px) {
  .point_detailRecommend__image {
    max-width: 126px;
    max-height: 105px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.point_detailRecommend__image img {
  width: fit-content;
}

.point_detailRecommend__title {
  display: none;
}

@media (max-width: 1040px) {
  .point_detailRecommend__title {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.5;
    min-height: 38px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

.point_detailRecommend__value .point_value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  min-height: 40px;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
}

.point_detailRecommend__value .point_value__icon img {
  margin-right: 5px;
  margin-bottom: 2px;
}

.point_detailRecommend__value .point_value__after {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.point_detailRecommend__value .point_value__up {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_detailRecommend__value .point_value__up .unit {
  font-size: 1.4rem;
}

.point_detailRecommend__value .point_value__denial {
  display: inline-flex;
  font-size: 1.4rem;
  margin-right: 3px;
}

.point_detailRecommend__value .point_value__denial .unit {
  font-size: 1.4rem;
}

.point_detailRecommend__value .point_value__before {
  display: flex;
  align-items: baseline;
}

.point_detailRecommend__value .point_value__origin {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_detailRecommend__value .point_value__origin .unit {
  font-size: 1.4rem;
}

@media (max-width: 1040px) {
  .point_detailRecommend__value .point_value {
    min-height: 46px;
    align-items: center;
  }
}

.point_detailRecommend__value .point_value__denial {
  margin-right: 0;
  margin-left: 0;
}

@media (max-width: 1040px) {
  .point_detailRecommend__value .point_value__denial {
    margin-left: 0;
  }
}

@media (max-width: 1040px) {
  .point_detailRecommend__value .point_value__icon img {
    width: 13px;
    height: 13px;
    margin-bottom: 2px;
  }
}

.point_detailRecommend__value .point_value__up {
  font-size: 1.8rem;
}

@media (max-width: 1040px) {
  .point_detailRecommend__value .point_value__up {
    font-size: 2.6rem;
  }
}

@media (max-width: 340px) {
  .point_detailRecommend__value .point_value__up {
    font-size: 1.6rem;
  }
  .point_detailRecommend__value .point_value__up .unit {
    font-size: 1.2rem;
  }
}

.point_detailRecommend__value .point_value__origin {
  font-size: 1.8rem;
}

@media (max-width: 1040px) {
  .point_detailRecommend__value .point_value__origin {
    font-size: 2.6rem;
  }
}

@media (max-width: 340px) {
  .point_detailRecommend__value .point_value__origin {
    font-size: 1.6rem;
  }
  .point_detailRecommend__value .point_value__origin .unit {
    font-size: 1.2rem;
  }
}

.point_tabSwitch__menuList {
  display: flex;
}

.point_tabSwitch__menu {
  position: relative;
  top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 360px;
  padding: 15px;
  text-align: center;
  background-color: #E2E1D9;
  border-top: 3px solid #3AA59E;
  cursor: pointer;
}

@media (max-width: 1040px) {
  .point_tabSwitch__menu {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.5;
    text-align: left;
    padding: 9px 10px 6px;
  }
}

.point_tabSwitch__menu.isActive {
  top: 0;
  background: #FFFFFF;
}

@media (max-width: 1040px) {
  .point_tabSwitch__menu.isActive {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.5;
    text-align: left;
    padding: 13px 10px 12px;
  }
}

.point_tabSwitch__count {
  box-sizing: border-box;
  position: absolute;
  left: calc(50% - 60px / 2);
  top: calc(-1 * 30px / 2);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 30px;
  padding: 0 8px;
  color: #fff;
  border-radius: 8px;
  background-color: #e8a61d;
}

.point_tabSwitch__description {
  font-size: 1.4rem;
}

@media (max-width: 1040px) {
  .point_tabSwitch__description {
    font-size: 1.2rem;
  }
}

.point_tabSwitch__contentList {
  padding: 30px 20px 20px 20px;
  background: #FFFFFF;
}

@media (max-width: 1040px) {
  .point_tabSwitch__contentList {
    padding: 20px 10px;
    padding-bottom: 15px;
  }
}

.point_tabSwitch__content {
  display: none;
}

.point_tabSwitch__content.isActive {
  display: block;
}

@media (max-width: 1040px) {
  .point_tabSwitch__content.isActive {
    letter-spacing: 0.5px;
  }
}

.point_tabSwitch__menu:not([class="point_tabSwitch__menu isActive"]) .point_tabSwitch__count {
  animation-name: bounce;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transform-origin: center bottom;
}

@keyframes bounce {
  0% {
    transform: scale(1, 1) translateY(0%);
  }
  3% {
    transform: scale(1.2, 0.8) translateY(0%);
  }
  6% {
    transform: scale(1, 1) translateY(0%);
  }
  9% {
    transform: scale(0.8, 1.2) translateY(-70%);
  }
  12% {
    transform: scale(1, 1) translateY(-120%);
  }
  18% {
    transform: scale(1, 1) translateY(0%);
  }
  21% {
    transform: scale(1.2, 0.8) translateY(0%);
  }
  24% {
    transform: scale(1, 1) translateY(0%);
  }
  100% {
    transform: scale(1, 1) translateY(0%);
  }
}

.pointComponent_tabContent_review__postLead {
  display: flex;
  flex-flow: column;
  gap: 10px 0;
  padding: 20px;
  text-align: center;
  border-radius: 5px;
  background-color: #F5F5F5;
}

.pointComponent_tabContent_review__button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
  min-width: 194px;
  height: 46px;
  margin: 0 auto;
  padding: 8px 16px;
  font-size: 1.8rem;
  font-size: 700;
  color: #fff;
  border: 1px solid #E8A61D;
  border-radius: 10px;
  background-color: #E8A61D;
}

@media (hover) {
  .pointComponent_tabContent_review__button {
    transition-property: color, border-color, background-color;
    transition-duration: .2s;
  }
  .pointComponent_tabContent_review__button:hover {
    color: #E8A61D;
    background-color: #fff;
  }
}

.pointComponent_tabContent_review__posts {
  display: flex;
  flex-flow: column;
  gap: 0;
}

.pointComponent_affiliateReviewPost {
  display: flex;
  flex-flow: column;
  gap: 10px;
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
}

.pointComponent_affiliateReviewPost__text {
  font-size: 1.4rem;
}

.pointComponent_affiliateReviewPost__score {
  display: flex;
}

.pointComponent_affiliateReviewPost__score .material-icons {
  color: #aaa;
}

.pointComponent_affiliateReviewPost__score[data-score="1"] .material-icons:nth-child(-n+1) {
  color: #e8a61d;
}

.pointComponent_affiliateReviewPost__score[data-score="2"] .material-icons:nth-child(-n+2) {
  color: #e8a61d;
}

.pointComponent_affiliateReviewPost__score[data-score="3"] .material-icons:nth-child(-n+3) {
  color: #e8a61d;
}

.pointComponent_affiliateReviewPost__score[data-score="4"] .material-icons:nth-child(-n+4) {
  color: #e8a61d;
}

.pointComponent_affiliateReviewPost__score[data-score="5"] .material-icons:nth-child(-n+5) {
  color: #e8a61d;
}

.pointComponent_affiliateReviewPost__informations {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 1.2rem;
}

.pointComponent_affiliateReviewPost__information {
  color: #999;
}

/*--------------------------------------
    ** common
---------------------------------------*/
/*--------------------------------------
    ** contents（トップページ）
---------------------------------------*/
.point_index__seeMore .point_seeMore__link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 0;
  color: #484848 !important;
  text-decoration: none !important;
  border-radius: 0 0 5px 5px;
  border-top: 1px solid #E0E0E0;
  margin-top: -1px;
}

.point_index__seeMore .point_seeMore__link:hover {
  background-color: #FFF9BC;
}

.point_index__carouselCampaign {
  margin-top: 10px;
  margin-bottom: 25px;
}

.point_index__expensive {
  width: 100%;
  padding: 2px;
  margin-bottom: 20px;
  border-radius: 5px 5px 0 0;
  box-shadow: 0px 0px 10px #e2e1d9;
  background: linear-gradient(to bottom, #FF3232, #FF9E00 20%);
}

.point_index__expensiveTitle {
  padding: 10px;
  padding-top: 8px;
  color: #FFFFFF;
  font-size: 2.0rem;
  font-weight: bold;
}

.point_index__expensiveBackground {
  background-color: #FFFFFF;
}

.point_index__expensiveList {
  display: flex;
  flex-wrap: wrap;
}

.point_index__pointUp {
  width: 100%;
  padding: 2px;
  margin-bottom: 20px;
  border-radius: 5px 5px 0 0;
  box-shadow: 0px 0px 10px #e2e1d9;
  background: linear-gradient(to bottom, #15A097, #9FC220 20%);
}

.point_index__pointUpTitle {
  padding: 10px;
  padding-top: 8px;
  color: #FFFFFF;
  font-size: 2.0rem;
  font-weight: bold;
}

.point_index__pointUpBackground {
  background-color: #FFFFFF;
}

.point_index__pointUpList {
  display: flex;
  flex-wrap: wrap;
}

.point_index__recommend {
  width: 100%;
  padding: 2px;
  margin-bottom: 20px;
  border-radius: 5px 5px 0 0;
  box-shadow: 0px 0px 10px #e2e1d9;
  background-color: #FFD500;
}

.point_index__recommendTitle {
  padding: 10px;
  padding-top: 8px;
  color: #484848;
  font-size: 2.0rem;
  font-weight: bold;
}

.point_index__recommendBackground {
  background-color: #FFFFFF;
}

.point_index__recommendList {
  display: flex;
  flex-wrap: wrap;
}

.point_index__freeItem {
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 5px;
  background-color: #FFFFFF;
}

.point_index__freeItemTitle {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  font-size: 2rem;
  border-bottom: 1px solid #E0E0E0;
}

.point_index__freeItemTitle img {
  margin-right: 5px;
}

.point_index__freeItemWrapper {
  padding-top: 0;
}

.point_index__freeItemList {
  display: flex;
  flex-wrap: wrap;
}

.point_index__shoppingItem {
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 5px;
  background-color: #FFFFFF;
}

.point_index__shoppingItemTitle {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  font-size: 2rem;
  border-bottom: 1px solid #E0E0E0;
}

.point_index__shoppingItemTitle .material-icons {
  color: #3AA59E;
  font-size: 20px;
  margin-right: 5px;
}

.point_index__shoppingItemWrapper {
  padding-top: 0;
}

.point_index__shoppingItemList {
  display: flex;
  flex-wrap: wrap;
}

/*--------------------------------------
    ** components
---------------------------------------*/
.point_carouselCampaign__slide {
  width: 1040px;
  margin-bottom: 10px;
}

.point_carouselCampaign__slideList {
  display: flex;
}

.point_carouselCampaign__slideItem {
  width: 1040px;
}

.point_carouselCampaign__affiliateItemLink {
  display: block;
  width: 100%;
}

.point_carouselCampaign__featureItemLink {
  display: block;
  width: 1040px;
}

.point_carouselCampaign__featureItemImage {
  width: 100%;
}

.point_carouselCampaign__affiliateSlideBackground {
  width: 100%;
  height: 100%;
  background-image: url("/assets/img/point/slider_background.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 100% 100%;
  background-color: #FFD500;
}

.point_carouselCampaign__affiliateItem {
  display: flex;
  align-items: flex-start;
  padding: 19px 20px 18px 34px;
  padding: 18px 34px 18px 34px;
  position: relative;
  z-index: 0;
}

.point_carouselCampaign__affiliateItem::before {
  content: '';
  background-color: #FFFFFF;
  position: absolute;
  bottom: 48px;
  left: 0;
  width: 100%;
  height: 75px;
  z-index: -1;
}

.point_carouselCampaign__affiliateImage {
  padding: 10px 12px;
  margin-right: 50px;
  border-radius: 10px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E0BB00;
  position: relative;
  z-index: 2;
}

.point_carouselCampaign__affiliateContent {
  display: flex;
  flex-direction: column;
  width: 680px;
}

.point_carouselCampaign__affiliateTitle {
  min-height: 84px;
  font-size: 3.0rem;
  font-weight: bold;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.point_carouselCampaign__affiliateDescription {
  position: relative;
  z-index: 1;
}

.point_carouselCampaign__affiliateDescription::after {
  font-family: 'Material Icons';
  content: "\e5c8";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  font-size: 28px;
  border-radius: 50%;
  color: #FFFFFF;
  background-color: #484848;
  position: absolute;
  top: 35px;
  right: 0;
}

.point_carouselCampaign__affiliateCaption {
  font-size: 1.5rem;
  max-height: 22px;
  line-height: 1.5;
  margin-top: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.point_carouselCampaign__affiliateValue .point_value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  align-items: baseline;
  flex-direction: initial;
  justify-content: initial;
}

.point_carouselCampaign__affiliateValue .point_value__icon img {
  margin-right: 5px;
  margin-bottom: 2px;
}

.point_carouselCampaign__affiliateValue .point_value__after {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.point_carouselCampaign__affiliateValue .point_value__up {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_carouselCampaign__affiliateValue .point_value__up .unit {
  font-size: 1.4rem;
}

.point_carouselCampaign__affiliateValue .point_value__denial {
  display: inline-flex;
  font-size: 1.4rem;
  margin-right: 3px;
}

.point_carouselCampaign__affiliateValue .point_value__denial .unit {
  font-size: 1.4rem;
}

.point_carouselCampaign__affiliateValue .point_value__before {
  display: flex;
  align-items: baseline;
}

.point_carouselCampaign__affiliateValue .point_value__origin {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_carouselCampaign__affiliateValue .point_value__origin .unit {
  font-size: 1.4rem;
}

.point_carouselCampaign__affiliateValue .point_value__icon img {
  width: 28px;
  height: 28px;
  margin-bottom: 0;
  margin-right: 10px;
}

.point_carouselCampaign__affiliateValue .point_value__denial {
  font-size: 1.4rem;
  margin-right: 10px;
  align-items: baseline;
}

.point_carouselCampaign__affiliateValue .point_value__up {
  font-size: 4.0rem;
  font-weight: bold;
}

.point_carouselCampaign__affiliateValue .point_value__up .unit {
  font-size: 1.4rem;
}

.point_carouselCampaign__affiliateValue .point_value__origin {
  font-size: 4.0rem;
  font-weight: bold;
}

.point_carouselCampaign__affiliateValue .point_value__origin .unit {
  font-size: 1.4rem;
}

.point_carouselCampaign__slideAffiliateArrow .material-icons {
  color: #FFFFFF;
  background-color: #484848;
  margin-right: 5px;
  border-radius: 50%;
}

.point_carouselCampaign__thumbnail {
  width: 1040px;
}

.point_carouselCampaign__thumbnailList {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.point_carouselCampaign__thumbnailAffiliate {
  display: flex;
  align-items: center;
  padding: 5px;
  font-size: 1.3rem;
  background-color: #FFD500;
}

.point_carouselCampaign__thumbnailAffiliate .material-icons {
  color: #FFFFFF;
  font-size: 20px;
  margin-right: 5px;
  border-radius: 50%;
  background-color: #484848;
}

.point_carouselCampaign__thumbnailTitle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.point_carouselCampaign__thumbnailImage {
  max-width: 165px;
  max-height: 47px;
}

.point_expensive {
  cursor: pointer;
  width: calc(100% / 3);
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}

.point_expensive:nth-child(3n + 1) {
  border-right: none;
}

.point_expensive:first-child {
  width: 100%;
}

.point_expensive:first-child .point_expensive__link {
  flex-direction: initial;
  align-items: flex-start;
}

.point_expensive:first-child .point_expensive__image {
  max-width: 300px;
  max-height: 250px;
  margin-bottom: 0;
  margin-right: 8px;
}

.point_expensive:first-child .point_expensive__image img {
  width: 100%;
  height: auto;
}

.point_expensive:first-child .point_expensive__wrapper {
  max-width: 360px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.point_expensive:first-child .point_expensive__title {
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.30;
  margin-bottom: 5px;
}

.point_expensive:first-child .point_expensive__caption {
  max-width: 360px;
  font-size: 1.4rem;
  line-height: 1.71;
  text-align: left;
  margin-bottom: 10px;
}

.point_expensive:first-child .point_expensive__value .point_value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  justify-content: initial;
}

.point_expensive:first-child .point_expensive__value .point_value__icon img {
  margin-right: 5px;
  margin-bottom: 2px;
}

.point_expensive:first-child .point_expensive__value .point_value__after {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.point_expensive:first-child .point_expensive__value .point_value__up {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_expensive:first-child .point_expensive__value .point_value__up .unit {
  font-size: 1.4rem;
}

.point_expensive:first-child .point_expensive__value .point_value__denial {
  display: inline-flex;
  font-size: 1.4rem;
  margin-right: 3px;
}

.point_expensive:first-child .point_expensive__value .point_value__denial .unit {
  font-size: 1.4rem;
}

.point_expensive:first-child .point_expensive__value .point_value__before {
  display: flex;
  align-items: baseline;
}

.point_expensive:first-child .point_expensive__value .point_value__origin {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_expensive:first-child .point_expensive__value .point_value__origin .unit {
  font-size: 1.4rem;
}

.point_expensive:first-child .point_expensive__value .point_value__up {
  font-size: 4.0rem;
  font-weight: bold;
}

.point_expensive:first-child .point_expensive__value .point_value__origin {
  font-size: 4.0rem;
  font-weight: bold;
}

.point_expensive__link {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 15px;
  height: 100%;
}

.point_expensive__link:hover {
  background-color: #FFF9BC;
}

.point_expensive__image {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 205px;
  min-height: 171px;
  margin-bottom: 8px;
}

.point_expensive__image img {
  width: 100%;
  height: auto;
}

.point_expensive__wrapper {
  width: 100%;
}

.point_expensive__title {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.375;
  min-height: 42px;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.point_expensive__caption {
  font-size: 1.2rem;
  line-height: 1.69;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.point_expensive__value .point_value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  display: flex;
  justify-content: center;
}

.point_expensive__value .point_value__icon img {
  margin-right: 5px;
  margin-bottom: 2px;
}

.point_expensive__value .point_value__after {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.point_expensive__value .point_value__up {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_expensive__value .point_value__up .unit {
  font-size: 1.4rem;
}

.point_expensive__value .point_value__denial {
  display: inline-flex;
  font-size: 1.4rem;
  margin-right: 3px;
}

.point_expensive__value .point_value__denial .unit {
  font-size: 1.4rem;
}

.point_expensive__value .point_value__before {
  display: flex;
  align-items: baseline;
}

.point_expensive__value .point_value__origin {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_expensive__value .point_value__origin .unit {
  font-size: 1.4rem;
}

.point_expensive__value .point_value__up {
  font-size: 3.0rem;
  font-weight: bold;
}

.point_expensive__value .point_value__origin {
  font-size: 3.0rem;
  font-weight: bold;
}

.point_pointUp {
  cursor: pointer;
  width: calc(100% / 3);
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}

.point_pointUp:nth-child(3n + 1) {
  border-right: none;
}

.point_pointUp:first-child {
  width: 100%;
}

.point_pointUp:first-child .point_pointUp__link {
  flex-direction: initial;
  align-items: flex-start;
}

.point_pointUp:first-child .point_pointUp__image {
  max-width: 300px;
  max-height: 250px;
  margin-bottom: 0;
  margin-right: 8px;
}

.point_pointUp:first-child .point_pointUp__image img {
  width: 100%;
  height: auto;
}

.point_pointUp:first-child .point_pointUp__wrapper {
  max-width: 360px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.point_pointUp:first-child .point_pointUp__title {
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.30;
  margin-bottom: 5px;
}

.point_pointUp:first-child .point_pointUp__caption {
  max-width: 360px;
  font-size: 1.4rem;
  line-height: 1.71;
  text-align: left;
  margin-bottom: 10px;
}

.point_pointUp:first-child .point_pointUp__value .point_value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  justify-content: initial;
}

.point_pointUp:first-child .point_pointUp__value .point_value__icon img {
  margin-right: 5px;
  margin-bottom: 2px;
}

.point_pointUp:first-child .point_pointUp__value .point_value__after {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.point_pointUp:first-child .point_pointUp__value .point_value__up {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_pointUp:first-child .point_pointUp__value .point_value__up .unit {
  font-size: 1.4rem;
}

.point_pointUp:first-child .point_pointUp__value .point_value__denial {
  display: inline-flex;
  font-size: 1.4rem;
  margin-right: 3px;
}

.point_pointUp:first-child .point_pointUp__value .point_value__denial .unit {
  font-size: 1.4rem;
}

.point_pointUp:first-child .point_pointUp__value .point_value__before {
  display: flex;
  align-items: baseline;
}

.point_pointUp:first-child .point_pointUp__value .point_value__origin {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_pointUp:first-child .point_pointUp__value .point_value__origin .unit {
  font-size: 1.4rem;
}

.point_pointUp:first-child .point_pointUp__value .point_value__up {
  font-size: 4.0rem;
  font-weight: bold;
}

.point_pointUp:first-child .point_pointUp__value .point_value__origin {
  font-size: 4.0rem;
  font-weight: bold;
}

.point_pointUp__link {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 15px;
}

.point_pointUp__link:hover {
  background-color: #FFF9BC;
}

.point_pointUp__image {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 205px;
  min-height: 171px;
  margin-bottom: 8px;
}

.point_pointUp__image img {
  width: 100%;
  height: auto;
}

.point_pointUp__wrapper {
  width: 100%;
}

.point_pointUp__title {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.375;
  min-height: 42px;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.point_pointUp__caption {
  font-size: 1.2rem;
  line-height: 1.69;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.point_pointUp__value .point_value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  display: flex;
  justify-content: center;
}

.point_pointUp__value .point_value__icon img {
  margin-right: 5px;
  margin-bottom: 2px;
}

.point_pointUp__value .point_value__after {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.point_pointUp__value .point_value__up {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_pointUp__value .point_value__up .unit {
  font-size: 1.4rem;
}

.point_pointUp__value .point_value__denial {
  display: inline-flex;
  font-size: 1.4rem;
  margin-right: 3px;
}

.point_pointUp__value .point_value__denial .unit {
  font-size: 1.4rem;
}

.point_pointUp__value .point_value__before {
  display: flex;
  align-items: baseline;
}

.point_pointUp__value .point_value__origin {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_pointUp__value .point_value__origin .unit {
  font-size: 1.4rem;
}

.point_pointUp__value .point_value__up {
  font-size: 3.0rem;
  font-weight: bold;
}

.point_pointUp__value .point_value__origin {
  font-size: 3.0rem;
  font-weight: bold;
}

.point_recommend {
  cursor: pointer;
  width: calc(100% / 3);
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}

.point_recommend__link {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 15px;
}

.point_recommend__link:hover {
  background-color: #FFF9BC;
}

.point_recommend__image {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 205px;
  min-height: 171px;
  margin-bottom: 8px;
}

.point_recommend__image img {
  width: 100%;
  height: auto;
}

.point_recommend__wrapper {
  width: 100%;
}

.point_recommend__title {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.375;
  min-height: 42px;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.point_recommend__caption {
  display: none;
}

.point_recommend__value .point_value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  display: flex;
  justify-content: center;
}

.point_recommend__value .point_value__icon img {
  margin-right: 5px;
  margin-bottom: 2px;
}

.point_recommend__value .point_value__after {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.point_recommend__value .point_value__up {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_recommend__value .point_value__up .unit {
  font-size: 1.4rem;
}

.point_recommend__value .point_value__denial {
  display: inline-flex;
  font-size: 1.4rem;
  margin-right: 3px;
}

.point_recommend__value .point_value__denial .unit {
  font-size: 1.4rem;
}

.point_recommend__value .point_value__before {
  display: flex;
  align-items: baseline;
}

.point_recommend__value .point_value__origin {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_recommend__value .point_value__origin .unit {
  font-size: 1.4rem;
}

.point_recommend__value .point_value__up {
  font-size: 3.0rem;
  font-weight: bold;
}

.point_recommend__value .point_value__origin {
  font-size: 3.0rem;
  font-weight: bold;
}

.point_freeItem {
  width: calc(100% / 2);
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}

.point_freeItem:nth-child(2n) {
  border-right: none;
}

.point_freeItem__link {
  display: flex;
  height: 100%;
  padding: 15px;
}

.point_freeItem__link:hover {
  background-color: #FFF9BC;
}

.point_freeItem__image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 100px;
  margin-right: 10px;
}

.point_freeItem__image img {
  width: fit-content;
  height: fit-content;
}

.point_freeItem__wrapper {
  width: 190px;
  display: flex;
  flex-direction: column;
}

.point_freeItem__title {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.375;
  min-height: 42px;
  margin-bottom: 5px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.point_freeItem__caption {
  font-size: 1.2rem;
  line-height: 1.69;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.point_freeItem__value .point_value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  min-height: 52px;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-end;
}

.point_freeItem__value .point_value__icon img {
  margin-right: 5px;
  margin-bottom: 2px;
}

.point_freeItem__value .point_value__after {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.point_freeItem__value .point_value__up {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_freeItem__value .point_value__up .unit {
  font-size: 1.4rem;
}

.point_freeItem__value .point_value__denial {
  display: inline-flex;
  font-size: 1.4rem;
  margin-right: 3px;
}

.point_freeItem__value .point_value__denial .unit {
  font-size: 1.4rem;
}

.point_freeItem__value .point_value__before {
  display: flex;
  align-items: baseline;
}

.point_freeItem__value .point_value__origin {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_freeItem__value .point_value__origin .unit {
  font-size: 1.4rem;
}

.point_freeItem__value .point_value__denial {
  margin-right: 0;
  margin-left: 22px;
}

.point_freeItem__value .point_value__up {
  font-size: 2.6rem;
  font-weight: bold;
}

.point_freeItem__value .point_value__origin {
  font-size: 2.6rem;
  font-weight: bold;
}

.point_shoppingItem {
  width: calc(100% / 4);
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}

.point_shoppingItem:nth-child(4n) {
  border-right: none;
}

.point_shoppingItem__link {
  display: flex;
  flex-direction: column;
  padding: 15px;
}

.point_shoppingItem__link:hover {
  background-color: #FFF9BC;
}

.point_shoppingItem__image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 144px;
  height: 120px;
  margin-bottom: 7px;
}

.point_shoppingItem__image img {
  width: fit-content;
  height: fit-content;
}

.point_shoppingItem__wrapper {
  display: flex;
  flex-direction: column;
}

.point_shoppingItem__title {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.375;
  min-height: 42px;
  text-align: center;
  margin-bottom: 5px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.point_shoppingItem__caption {
  font-size: 1.2rem;
  line-height: 1.69;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.point_shoppingItem__value .point_value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  min-height: 60px;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
}

.point_shoppingItem__value .point_value__icon img {
  margin-right: 5px;
  margin-bottom: 2px;
}

.point_shoppingItem__value .point_value__after {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.point_shoppingItem__value .point_value__up {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_shoppingItem__value .point_value__up .unit {
  font-size: 1.4rem;
}

.point_shoppingItem__value .point_value__denial {
  display: inline-flex;
  font-size: 1.4rem;
  margin-right: 3px;
}

.point_shoppingItem__value .point_value__denial .unit {
  font-size: 1.4rem;
}

.point_shoppingItem__value .point_value__before {
  display: flex;
  align-items: baseline;
}

.point_shoppingItem__value .point_value__origin {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_shoppingItem__value .point_value__origin .unit {
  font-size: 1.4rem;
}

.point_shoppingItem__value .point_value__denial {
  margin-right: 0;
}

.point_shoppingItem__value .point_value__up {
  font-size: 3.4rem;
  font-weight: bold;
}

.point_shoppingItem__value .point_value__origin {
  font-size: 3.4rem;
  font-weight: bold;
}

/*------------------------------
    ** components
------------------------------*/
.point_categoryList {
  width: 100%;
  padding: 2px;
  margin-bottom: 20px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px #e2e1d9;
}

@media (max-width: 1040px) {
  .point_categoryList {
    padding: 0 15px;
    margin-bottom: 15px;
    box-shadow: none;
  }
}

.point_categoryList__background {
  padding: 15px 10px 20px 10px;
  background-color: #FFFFFF;
}

@media (max-width: 1040px) {
  .point_categoryList__background {
    padding: 0;
    background-color: initial;
  }
}

.point_categoryList__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

@media (max-width: 1040px) {
  .point_categoryList__head {
    align-items: flex-end;
  }
}

.point_categoryList__titleWrapper {
  display: flex;
  align-items: flex-end;
}

@media (max-width: 1040px) {
  .point_categoryList__titleWrapper {
    width: 100%;
    margin-right: 10px;
    justify-content: space-between;
  }
}

.point_categoryList__title {
  display: flex;
  align-items: center;
  font-size: 2.0rem;
  font-weight: bold;
  margin-right: 10px;
}

@media (max-width: 1040px) {
  .point_categoryList__title {
    display: block;
    max-width: 190px;
    font-size: 1.4rem;
    line-height: 1.5;
    margin-right: 5px;
  }
}

.point_categoryList__count {
  font-size: 1.4rem;
  font-weight: normal;
}

@media (max-width: 1040px) {
  .point_categoryList__count {
    color: #939393;
    font-size: 1.2rem;
    white-space: nowrap;
  }
  .point_categoryList__count strong {
    font-weight: normal;
  }
}

.point_categoryList__sortSelect {
  position: relative;
}

.point_categoryList__selectList {
  display: none;
}

.point_categoryList__selectList.isOpen {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 160px;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #CDD3D6;
  background-color: #FFFFFF;
  position: absolute;
  z-index: 10;
  top: 43px;
  left: 0;
  border: 1px solid #3AA59E;
}

@media (max-width: 1040px) {
  .point_categoryList__selectList.isOpen {
    left: initial;
    right: 0;
  }
}

.point_categoryList__selectItem {
  width: 100%;
  white-space: nowrap;
  cursor: pointer;
}

.point_categoryList__selectItem--selected {
  display: flex;
  align-items: center;
  color: #939393;
  padding: 7px 20px;
  line-height: 1.71;
  border-radius: 5px;
  border: 1px solid #CDD3D6;
  background-color: #FFFFFF;
}

.point_categoryList__selectItem--selected.isActive {
  color: #484848;
  border: 1px solid #3AA59E;
}

.point_categoryList__selectItem--selected::after {
  content: '';
  display: block;
  margin-left: 10px;
  width: 0;
  height: 0;
  border-width: 5px 5px 0 5px;
  border-color: #939393 transparent transparent transparent;
}

.point_categoryList__selectItemLink {
  display: block;
  width: 100%;
  line-height: 1.71;
  padding: 5px 15px;
  text-decoration: none;
}

.point_categoryList__selectItemLink:hover {
  background-color: #FFF9BC;
}

.point_categoryList__itemRow {
  display: flex;
  flex-wrap: wrap;
  outline: 1px solid #FFFFFF;
  position: relative;
  z-index: 1;
}

@media (max-width: 1040px) {
  .point_categoryList__itemRow {
    flex-wrap: initial;
    flex-direction: column;
    gap: 10px 0;
    outline: none;
  }
}

.point_categoryItem {
  cursor: pointer;
  width: calc(100% / 3);
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  margin-bottom: -1px;
  margin-top: 1px;
  position: relative;
  z-index: -1;
}

@media (max-width: 1040px) {
  .point_categoryItem {
    width: 100%;
    border: none;
    border-radius: 5px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 10px #E2E1D9;
  }
}

.point_categoryItem:nth-child(3n) {
  border-right: none;
}

.point_categoryItem__link {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 15px;
  height: 100%;
}

@media (max-width: 1040px) {
  .point_categoryItem__link {
    padding: 10px;
    align-items: flex-start;
    flex-direction: initial;
  }
}

.point_categoryItem__link:hover {
  background-color: #FFF9BC;
}

.point_categoryItem__image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 1 / 1;
  margin-bottom: 8px;
}

@media (max-width: 1040px) {
  .point_categoryItem__image {
    width: 90px;
    max-height: 90px;
    margin-right: 10px;
    margin-bottom: 0;
  }
}

.point_categoryItem__image img {
  width: auto;
  height: auto;
  max-height: 100%;
}

.point_categoryItem__wrapper {
  width: 100%;
}

@media (max-width: 1040px) {
  .point_categoryItem__wrapper {
    max-width: 225px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
}

.point_categoryItem__title {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.375;
  min-height: 42px;
  margin-bottom: 5px;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media (max-width: 1040px) {
  .point_categoryItem__title {
    text-align: left;
    min-height: auto;
  }
}

.point_categoryItem__caption {
  max-width: 225px;
  font-size: 1.2rem;
  line-height: 1.69;
  margin-bottom: 5px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1040px) {
  .point_categoryItem__caption {
    color: #939393;
  }
}

.point_categoryItem__description {
  font-size: 1.2rem;
  line-height: 1.4;
  max-height: 50px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

@media (max-width: 1040px) {
  .point_categoryItem__description {
    font-size: 1.2rem;
  }
}

.point_categoryItem__value {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.point_categoryItem__value .point_value {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.point_categoryItem__value .point_value__icon img {
  margin-right: 5px;
  margin-bottom: 2px;
}

.point_categoryItem__value .point_value__after {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.point_categoryItem__value .point_value__up {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_categoryItem__value .point_value__up .unit {
  font-size: 1.4rem;
}

.point_categoryItem__value .point_value__denial {
  display: inline-flex;
  font-size: 1.4rem;
  margin-right: 3px;
}

.point_categoryItem__value .point_value__denial .unit {
  font-size: 1.4rem;
}

.point_categoryItem__value .point_value__before {
  display: flex;
  align-items: baseline;
}

.point_categoryItem__value .point_value__origin {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_categoryItem__value .point_value__origin .unit {
  font-size: 1.4rem;
}

@media screen {
  .point_categoryItem__value .point_value__icon {
    margin-bottom: 1px;
  }
}

.point_categoryItem__value .point_value__up {
  font-size: 3.0rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .point_categoryItem__value .point_value__up {
    font-size: 2.6rem;
  }
}

.point_categoryItem__value .point_value__origin {
  font-size: 3.0rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .point_categoryItem__value .point_value__origin {
    font-size: 2.6rem;
  }
}

.point_favoriteList__pinning {
  margin-bottom: 20px;
}

.point_favoriteList__area {
  width: 100%;
  padding: 2px;
  margin-bottom: 20px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px #e2e1d9;
}

@media (max-width: 1040px) {
  .point_favoriteList__area {
    box-shadow: none;
  }
}

.point_favoriteList__background {
  padding: 15px 10px 10px 10px;
  background-color: #FFFFFF;
}

@media (max-width: 1040px) {
  .point_favoriteList__background {
    padding: 0 15px;
    background-color: initial;
  }
}

.point_favoriteList__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

@media (max-width: 1040px) {
  .point_favoriteList__head {
    align-items: flex-end;
  }
}

.point_favoriteList__titleWrapper {
  display: flex;
  align-items: flex-end;
}

@media (max-width: 1040px) {
  .point_favoriteList__titleWrapper {
    align-items: center;
  }
}

.point_favoriteList__title {
  display: flex;
  align-items: center;
  font-size: 2.0rem;
  font-weight: bold;
  margin-right: 10px;
}

@media (max-width: 1040px) {
  .point_favoriteList__title {
    font-size: 1.4rem;
    margin-right: 5px;
  }
}

.point_favoriteList__title .material-icons {
  margin-right: 10px;
}

@media (max-width: 1040px) {
  .point_favoriteList__title .material-icons {
    font-size: 2.0rem;
    margin-right: 5px;
  }
}

.point_favoriteList__title .point_list__title {
  display: none;
}

.point_favoriteList__count {
  font-size: 1.4rem;
  font-weight: normal;
}

@media (max-width: 1040px) {
  .point_favoriteList__count {
    color: #939393;
  }
}

.point_favoriteList__bundleDelete {
  display: flex;
}

.point_favoriteList__bundleDelete--bottom {
  margin-top: 10px;
  justify-content: flex-end;
}

.point_favoriteList__deleteModeButton {
  display: flex;
  align-items: center;
  color: #939393;
  border-radius: 10px;
  padding: 8px 10px 8px 20px;
  border: 1px solid #E9EBED;
  background-color: #FFFFFF;
}

@media (max-width: 1040px) {
  .point_favoriteList__deleteModeButton {
    font-weight: bold;
    padding: 8px 10px 8px 10px;
  }
  .point_favoriteList__deleteModeButton .preamble {
    display: none;
  }
}

.point_favoriteList__deleteModeButton.isHidden {
  display: none;
}

.point_favoriteList__deleteModeButton:hover {
  color: #484848;
  border: 1px solid #E9EBED;
  background-color: #F8F8F8;
}

.point_favoriteList__deleteModeButton .material-icons {
  font-size: 2.0rem;
  margin-left: 10px;
}

@media (max-width: 1040px) {
  .point_favoriteList__deleteModeButton .material-icons {
    margin-left: 5px;
  }
}

.point_favoriteList__deleteMode, .point_favoriteList--bottom {
  display: none;
}

.point_favoriteList__deleteMode.isShow, .point_favoriteList--bottom.isShow {
  display: flex;
}

.point_favoriteList__cancelButton {
  display: flex;
  align-items: center;
  margin-right: 10px;
  color: #939393;
  border-radius: 10px;
  padding: 8px 10px 8px 20px;
  border: 1px solid #E9EBED;
  background-color: #FFFFFF;
}

@media (max-width: 1040px) {
  .point_favoriteList__cancelButton {
    padding: 8px 10px;
  }
}

.point_favoriteList__cancelButton:hover {
  color: #484848;
  border: 1px solid #E9EBED;
  background-color: #F8F8F8;
}

.point_favoriteList__cancelButton .material-icons {
  font-size: 2.0rem;
  margin-left: 10px;
}

@media (max-width: 1040px) {
  .point_favoriteList__cancelButton .material-icons {
    font-size: 2.4rem;
    margin-left: 0;
  }
}

.point_favoriteList__deleteButton {
  display: flex;
  align-items: center;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 8px 10px 8px 20px;
  border: 1px solid #E9EBED;
  background-color: #EBAF20;
}

@media (max-width: 1040px) {
  .point_favoriteList__deleteButton {
    padding: 8px 10px;
  }
}

.point_favoriteList__deleteButton:hover {
  color: #EBAF20;
  border: 1px solid #EBAF20;
  background-color: #FFFFFF;
}

.point_favoriteList__deleteButton .material-icons {
  font-size: 2.0rem;
  margin-left: 10px;
}

@media (max-width: 1040px) {
  .point_favoriteList__deleteButton .material-icons {
    font-size: 2.4rem;
    margin-left: 0;
  }
}

.point_favoriteList__deleteConfirm {
  display: flex;
  align-items: center;
  color: #FFFFFF;
  font-size: 1.4rem;
  border-radius: 10px;
  padding: 8px 10px 8px 20px;
  border: 1px solid #E9EBED;
  background-color: #EBAF20;
}

.point_favoriteList__deleteConfirm:hover {
  color: #EBAF20;
  border: 1px solid #EBAF20;
  background-color: #FFFFFF;
}

.point_favoriteList__deleteConfirm .material-icons {
  font-size: 2.0rem;
  margin-left: 10px;
}

.point_favoriteList__itemRow {
  display: flex;
  flex-wrap: wrap;
  outline: 1px solid #FFFFFF;
  position: relative;
  z-index: 1;
}

@media (max-width: 1040px) {
  .point_favoriteList__itemRow {
    gap: 10px 0;
    outline: none;
  }
}

.point_favoriteItem {
  width: calc(100% / 4);
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  margin-bottom: -1px;
  margin-top: 1px;
  position: relative;
  z-index: -1;
}

@media (max-width: 1040px) {
  .point_favoriteItem {
    display: flex;
    width: 100%;
    border: none;
    margin: 0;
    border-radius: 5px;
    background-color: #FFFFFF;
  }
}

.point_favoriteItem:nth-child(4n) {
  border-right: none;
}

.point_favoriteItem__checkBox {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}

.point_favoriteItem__checkBox.isShow {
  display: block;
}

@media (max-width: 1040px) {
  .point_favoriteItem__checkBox.isShow {
    display: inline-flex;
    align-items: center;
    height: 100%;
    padding: 11px;
    border-radius: 0 5px 5px 0;
  }
}

.point_favoriteItem__label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px solid #939393;
  background-color: #FFFFFF;
}

.point_favoriteItem__label .material-icons {
  color: #939393;
  font-size: 2.4rem;
}

.point_favoriteItem__deleteCheck {
  display: none;
}

.point_favoriteItem__deleteCheck:checked + .point_favoriteItem__label {
  background-color: #484848;
}

.point_favoriteItem__deleteCheck:checked + .point_favoriteItem__label .material-icons {
  content: '\e86c';
  color: #FFFFFF;
  font-size: 2.4rem;
  font-family: 'Material Icons';
}

.point_favoriteItem__link {
  display: flex;
  flex-direction: column;
  padding: 15px;
}

@media (max-width: 1040px) {
  .point_favoriteItem__link {
    flex-direction: initial;
    width: 100%;
    padding: 10px;
  }
}

.point_favoriteItem__link:hover {
  background-color: #FFF9BC;
}

.point_favoriteItem__image {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 144px;
  max-height: 120px;
  margin-bottom: 7px;
}

@media (max-width: 1040px) {
  .point_favoriteItem__image {
    max-width: 90px;
    max-height: 75px;
    margin-right: 10px;
  }
}

.point_favoriteItem__image img {
  width: fit-content;
  height: fit-content;
}

.point_favoriteItem__wrapper {
  display: flex;
  flex-direction: column;
}

@media (max-width: 1040px) {
  .point_favoriteItem__wrapper {
    align-items: flex-start;
  }
}

.point_favoriteItem__title {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.375;
  min-height: 42px;
  margin-bottom: 5px;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media (max-width: 1040px) {
  .point_favoriteItem__title {
    text-align: left;
  }
}

.point_favoriteItem__caption {
  font-size: 1.2rem;
  line-height: 1.69;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1040px) {
  .point_favoriteItem__caption {
    color: #939393;
  }
}

.point_favoriteItem__value .point_value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 60px;
}

.point_favoriteItem__value .point_value__icon img {
  margin-right: 5px;
  margin-bottom: 2px;
}

.point_favoriteItem__value .point_value__after {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.point_favoriteItem__value .point_value__up {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_favoriteItem__value .point_value__up .unit {
  font-size: 1.4rem;
}

.point_favoriteItem__value .point_value__denial {
  display: inline-flex;
  font-size: 1.4rem;
  margin-right: 3px;
}

.point_favoriteItem__value .point_value__denial .unit {
  font-size: 1.4rem;
}

.point_favoriteItem__value .point_value__before {
  display: flex;
  align-items: baseline;
}

.point_favoriteItem__value .point_value__origin {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_favoriteItem__value .point_value__origin .unit {
  font-size: 1.4rem;
}

@media (max-width: 1040px) {
  .point_favoriteItem__value .point_value {
    align-items: baseline;
    flex-direction: initial;
    justify-content: flex-start;
    min-height: 0;
  }
}

.point_favoriteItem__value .point_value__up {
  font-size: 3.4rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .point_favoriteItem__value .point_value__up {
    font-size: 2.6rem;
  }
}

.point_favoriteItem__value .point_value__origin {
  font-size: 3.4rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .point_favoriteItem__value .point_value__origin {
    font-size: 2.6rem;
  }
}

.point_favoriteItem__pinningButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 145px;
  margin: 10px auto;
  padding: 8px 17px;
  color: #939393;
  border-radius: 10px;
  border: 1px solid #E9EBED;
  background-color: #FFFFFF;
}

@media (max-width: 1040px) {
  .point_favoriteItem__pinningButton {
    width: auto;
    margin: 0;
    padding: 5px;
    border: none;
    border-radius: 0 5px 5px 0;
    background-color: #D1CFC7;
  }
}

.point_favoriteItem__pinningButton--mobile.isHidden {
  display: none;
}

.point_favoriteItem__pinningButton:hover {
  border: 1px solid #484848;
}

@media (max-width: 1040px) {
  .point_favoriteItem__pinningButton:hover {
    border: none;
  }
}

.point_favoriteItem__pinningTitle {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1040px) {
  .point_favoriteItem__pinningTitle {
    flex-direction: column;
    color: #FFFFFF;
    font-size: 1.2rem;
    white-space: nowrap;
  }
}

@media (max-width: 1040px) {
  .point_favoriteItem__pinningTitle .suffix {
    display: none;
  }
}

.point_favoriteItem__pinningTitle .material-icons {
  font-size: 2.0rem;
  margin-right: 5px;
}

@media (max-width: 1040px) {
  .point_favoriteItem__pinningTitle .material-icons {
    color: #FFFFFF;
    font-size: 2.4rem;
    margin-right: 0;
  }
}

.point_pinningList__contents {
  padding: 10px;
  padding-top: 17px;
  margin-bottom: 20px;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
}

@media (max-width: 1040px) {
  .point_pinningList__contents {
    padding: 10px 15px;
    box-shadow: none;
  }
}

.point_pinningList__head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}

@media (max-width: 1040px) {
  .point_pinningList__head {
    align-items: flex-end;
  }
}

.point_pinningList__titleWrapper {
  display: flex;
  align-items: flex-end;
}

.point_pinningList__title {
  display: flex;
  margin-right: 10px;
  font-size: 2.0rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .point_pinningList__title {
    font-size: 1.4rem;
    margin-right: 5px;
    align-items: flex-end;
  }
}

.point_pinningList__title .material-icons {
  color: #939393;
  font-size: 2.4rem;
  margin-right: 10px;
}

@media (max-width: 1040px) {
  .point_pinningList__title .material-icons {
    font-size: 2.0rem;
  }
}

@media (max-width: 1040px) {
  .point_pinningList__count {
    color: #939393;
  }
}

.point_pinningList__hiddenIcon {
  cursor: pointer;
}

.point_pinningList__hiddenIcon.isActive::before {
  display: block;
  font-family: 'Material Icons';
  content: "\e145";
  font-size: 2.4rem;
}

.point_pinningList__hiddenIcon .material-icons {
  color: #939393;
  font-size: 2.4rem;
}

.point_pinningList__hiddenIcon .material-icons.isActive {
  display: none;
}

.point_pinningList__area .point_pinningList__beforeContent,
.point_pinningList__area .point_pinningList__after {
  max-height: 999px;
  transition-duration: 400ms;
}

.point_pinningList__area .point_pinningItem,
.point_pinningList__area .point_pinningList__beforeContent {
  opacity: 1;
  visibility: visible;
  transition-duration: 400ms;
}

.point_pinningList__area.isHidden {
  padding: 0;
}

.point_pinningList__area.isHidden .point_pinningList__beforeContent,
.point_pinningList__area.isHidden .point_pinningList__after {
  max-height: 0;
  transition-duration: 200ms;
}

.point_pinningList__area.isHidden .point_pinningItem,
.point_pinningList__area.isHidden .point_pinningList__beforeContent {
  opacity: 0;
  visibility: hidden;
  transition-duration: 200ms;
}

.point_pinningList__area.isHidden .point_pinningList__before {
  padding: 0;
  transition-property: padding;
  transition-duration: 300ms;
}

.point_pinningList__before {
  padding: 25px 20px;
  padding-top: 33px;
  background-color: #EFFAFA;
}

@media (max-width: 1040px) {
  .point_pinningList__before {
    padding: 20px;
  }
}

.point_pinningList__description {
  margin-bottom: 30px;
  border-bottom: 1px solid #2C786C;
}

@media (max-width: 1040px) {
  .point_pinningList__description {
    margin-bottom: 15px;
  }
}

.point_pinningList__descriptionText {
  color: #2C786C;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 10px;
}

@media (max-width: 1040px) {
  .point_pinningList__descriptionText {
    font-size: 1.4rem;
    margin-bottom: 15px;
  }
}

.point_pinningList__ruleWrapper {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
}

@media (max-width: 1040px) {
  .point_pinningList__ruleWrapper {
    flex-direction: column;
    gap: 15px 0;
    padding: 0;
  }
}

.point_pinningList__rule {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 300px;
}

@media (max-width: 1040px) {
  .point_pinningList__rule {
    align-items: flex-start;
    width: 100%;
  }
}

.point_pinningList__ruleTitle {
  display: flex;
  align-items: center;
  color: #2C786C;
  margin-bottom: 5px;
}

@media (max-width: 1040px) {
  .point_pinningList__ruleTitle {
    font-size: 1.3rem;
  }
}

.point_pinningList__ruleTitle .material-icons {
  color: #A9C6C1;
  font-size: 6.2rem;
}

@media (max-width: 1040px) {
  .point_pinningList__ruleTitle .material-icons {
    font-size: 2.0rem;
  }
}

.point_pinningList__icon {
  margin-right: 10px;
}

@media (max-width: 1040px) {
  .point_pinningList__icon {
    margin-right: 5px;
  }
  .point_pinningList__icon img {
    width: 20px;
    height: 20px;
  }
}

.point_pinningList__icon svg {
  fill: currentColor;
  background-color: #484848;
}

.point_pinningList__ruleText {
  color: #2C786C;
  font-size: 1.3rem;
  line-height: 1.69;
}

@media (max-width: 1040px) {
  .point_pinningList__ruleText {
    font-size: 1.2rem;
    letter-spacing: 0.5px;
  }
}

.point_pinningList__after {
  width: 100%;
}

.point_pinningList__itemColumn {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 1040px) {
  .point_pinningList__itemColumn {
    gap: 10px 0;
  }
}

.point_pinningList__move {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

@media (max-width: 1040px) {
  .point_pinningList__move {
    padding: 0 15px;
  }
}

.point_pinningList__arrow {
  margin-right: 10px;
}

.point_pinningList__movingRule {
  width: 377px;
  color: #939393;
  line-height: 1.71;
}

.point_pinningList__toast {
  display: none;
  align-items: center;
  justify-content: space-between;
  border-radius: 5px;
  background-color: #333333;
  box-shadow: 0px 3px 6px #7E7E7E;
  position: fixed;
  z-index: 100;
  bottom: 35%;
  left: calc(100% / 2 - 100px);
}

@media (max-width: 1040px) {
  .point_pinningList__toast {
    bottom: 30%;
    left: calc(100% / 2 - 150px);
  }
}

@media (max-width: 340px) {
  .point_pinningList__toast {
    left: calc(100% / 2 - 115px);
  }
}

.point_pinningList__jump {
  color: #4BD1C8;
  text-decoration: none;
  padding: 12px 120px 12px 16px;
  border-right: 1px solid #CDD3D6;
}

@media (max-width: 340px) {
  .point_pinningList__jump {
    padding: 12px;
  }
}

.point_pinningList__toastClose {
  padding: 8px 10px;
  line-height: 1.0;
  cursor: pointer;
}

.point_pinningList__toastClose .material-icons {
  color: #CDD3D6;
  font-size: 2.4rem;
}

.point_pinningList__toastConfirm {
  display: flex;
  align-items: center;
  margin-right: 10px;
  color: #FFFFFF;
  font-size: 1.4rem;
  border-radius: 10px;
  padding: 8px 10px 8px 20px;
  border: 1px solid #E9EBED;
  background-color: #EBAF20;
}

.point_pinningList__toastConfirm:hover {
  color: #EBAF20;
  border: 1px solid #EBAF20;
  background-color: #FFFFFF;
}

.point_pinningList__toastConfirm .material-icons {
  font-size: 2.0rem;
  margin-left: 10px;
}

.point_pinningList__toastCancel {
  display: flex;
  align-items: center;
  color: #939393;
  font-size: 1.4rem;
  border-radius: 10px;
  padding: 8px 10px 8px 20px;
  border: 1px solid #E9EBED;
  background-color: #FFFFFF;
}

.point_pinningList__toastCancel:hover {
  color: #484848;
  border: 1px solid #E9EBED;
  background-color: #F8F8F8;
}

.point_pinningList__toastCancel .material-icons {
  font-size: 2.0rem;
  margin-left: 10px;
}

.point_pinningItem {
  width: calc(100% / 4);
  border-right: 1px solid #E0E0E0;
}

@media (max-width: 1040px) {
  .point_pinningItem {
    width: 100%;
    display: flex;
    justify-content: center;
    justify-content: space-between;
    border-radius: 5px;
    border: 1px solid #CDD3D6;
  }
}

.point_pinningItem:nth-child(4n) {
  border-right: none;
}

@media (max-width: 1040px) {
  .point_pinningItem:nth-child(4n) {
    border: 1px solid #CDD3D6;
  }
}

.point_pinningItem--not {
  padding: 15px;
}

@media (max-width: 1040px) {
  .point_pinningItem--not {
    padding: 0;
  }
}

.point_pinningItem__link {
  display: flex;
  flex-direction: column;
  padding: 15px;
}

@media (max-width: 1040px) {
  .point_pinningItem__link {
    flex-direction: initial;
    width: 100%;
    padding: 10px;
  }
}

.point_pinningItem__link:hover {
  background-color: #FFF9BC;
}

.point_pinningItem__image {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 144px;
  max-height: 120px;
  margin-bottom: 7px;
}

@media (max-width: 1040px) {
  .point_pinningItem__image {
    max-width: 90px;
    max-height: 75px;
    margin-right: 10px;
  }
}

.point_pinningItem__image img {
  width: fit-content;
  height: fit-content;
}

.point_pinningItem__wrapper {
  display: flex;
  flex-direction: column;
}

@media (max-width: 1040px) {
  .point_pinningItem__wrapper {
    align-items: flex-start;
  }
}

.point_pinningItem__title {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.375;
  min-height: 42px;
  margin-bottom: 5px;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media (max-width: 1040px) {
  .point_pinningItem__title {
    text-align: left;
    margin-right: 10px;
  }
}

.point_pinningItem__caption {
  font-size: 1.2rem;
  line-height: 1.69;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1040px) {
  .point_pinningItem__caption {
    color: #939393;
  }
}

.point_pinningItem__value .point_value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 60px;
}

.point_pinningItem__value .point_value__icon img {
  margin-right: 5px;
  margin-bottom: 2px;
}

.point_pinningItem__value .point_value__after {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.point_pinningItem__value .point_value__up {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_pinningItem__value .point_value__up .unit {
  font-size: 1.4rem;
}

.point_pinningItem__value .point_value__denial {
  display: inline-flex;
  font-size: 1.4rem;
  margin-right: 3px;
}

.point_pinningItem__value .point_value__denial .unit {
  font-size: 1.4rem;
}

.point_pinningItem__value .point_value__before {
  display: flex;
  align-items: baseline;
}

.point_pinningItem__value .point_value__origin {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.point_pinningItem__value .point_value__origin .unit {
  font-size: 1.4rem;
}

@media (max-width: 1040px) {
  .point_pinningItem__value .point_value {
    align-items: baseline;
    flex-direction: initial;
    min-height: 0;
  }
}

@media (max-width: 1040px) {
  .point_pinningItem__value .point_value__icon {
    margin-bottom: 1px;
  }
}

.point_pinningItem__value .point_value__up {
  font-size: 3.4rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .point_pinningItem__value .point_value__up {
    font-size: 2.6rem;
  }
}

.point_pinningItem__value .point_value__origin {
  font-size: 3.4rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .point_pinningItem__value .point_value__origin {
    font-size: 2.6rem;
  }
}

.point_pinningItem__releaseButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 145px;
  margin: 10px auto;
  padding: 8px 17px;
  color: #939393;
  border-radius: 10px;
  border: 1px solid #E9EBED;
  background-color: #FFFFFF;
}

@media (max-width: 1040px) {
  .point_pinningItem__releaseButton {
    width: auto;
    margin: 0;
    padding: 0 15px;
    border: none;
    border-radius: 0;
    background-color: #E2E1D9;
  }
}

.point_pinningItem__releaseButton:hover {
  border: 1px solid #484848;
}

@media (max-width: 1040px) {
  .point_pinningItem__releaseButton:hover {
    border: none;
  }
}

.point_pinningItem__releaseButton:hover .point_pinningItem__releaseIconBefore {
  display: none;
}

@media (max-width: 1040px) {
  .point_pinningItem__releaseButton:hover .point_pinningItem__releaseIconBefore {
    display: block;
  }
}

.point_pinningItem__releaseButton:hover .point_pinningItem__releaseIconAfter {
  display: block;
}

@media (max-width: 1040px) {
  .point_pinningItem__releaseButton:hover .point_pinningItem__releaseIconAfter {
    display: none;
  }
}

.point_pinningItem__releaseIconAfter {
  display: none;
}

.point_pinningItem__releaseTitleWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1040px) {
  .point_pinningItem__releaseTitleWrapper {
    flex-direction: column;
  }
}

@media (max-width: 1040px) {
  .point_pinningItem__releaseTitle {
    white-space: nowrap;
  }
  .point_pinningItem__releaseTitle .suffix {
    display: none;
  }
}

.point_pinningItem__releaseIconBefore, .point_pinningItem__releaseIconAfter {
  margin-right: 5px;
}

@media (max-width: 1040px) {
  .point_pinningItem__releaseIconBefore, .point_pinningItem__releaseIconAfter {
    margin-right: 0;
  }
  .point_pinningItem__releaseIconBefore img, .point_pinningItem__releaseIconAfter img {
    width: 24px;
    height: 24px;
  }
}

.point_pinningItem__notPinningElement {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F7F7F7;
  height: 100%;
  text-align: center;
}

@media (max-width: 1040px) {
  .point_pinningItem__notPinningElement {
    width: 100%;
    padding: 50px 0;
    color: #939393;
    border-radius: 5px;
    background-color: #FFFFFF;
  }
  .point_pinningItem__notPinningElement br {
    display: none;
  }
}

/*--------------------------------------
    ** index(Pay活ページ)
---------------------------------------*/
.pointPaykatsu_index {
  max-width: 1040px;
  width: 100%;
  margin: auto;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1040px) {
  .pointPaykatsu_index {
    justify-content: center;
  }
}

.pointPaykatsu_index__navigation {
  width: 375px;
  height: 681px;
  padding: 20px;
  position: sticky;
  top: 20px;
}

@media (max-width: 1040px) {
  .pointPaykatsu_index__navigation {
    display: none;
  }
}

.pointPaykatsu_index__floatingMenu {
  display: flex;
  flex-direction: column;
  margin-bottom: 87px;
}

.pointPaykatsu_index__menuTitleImage {
  margin-bottom: 15px;
}

.pointPaykatsu_index__landingArea {
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 10px 10px 0px 0px;
  animation: move 0.5s infinite alternate ease-in-out;
}

@keyframes move {
  from {
    transform: translateY(-5px);
  }
  to {
    transform: translateY(5px);
  }
}

.pointPaykatsu_index__landingTitle {
  color: #FFFFFF;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  padding: 5px 0;
  background-color: #EA333D;
  border-radius: 10px 10px 0px 0px;
}

.pointPaykatsu_index__landingDetail {
  padding: 10px;
  border-radius: 0px 0px 10px 10px;
  border: 1px solid #EA333D;
}

.pointPaykatsu_index__landingCampaign {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  border-radius: 10px;
  background-color: #FFF9BC;
}

.pointPaykatsu_index__landingMikkun {
  max-width: 110px;
  height: auto;
  aspect-ratio: 128 / 54;
  margin-right: 10px;
}

.pointPaykatsu_index__privilege {
  font-size: 1.4rem;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
}

.pointPaykatsu_index__privilege .emphasis {
  color: #EA333D;
  font-size: 1.8rem;
  font-weight: bold;
}

.pointPaykatsu_index__privilege--promotion {
  width: 100%;
  align-items: center;
  font-size: 2.0rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .pointPaykatsu_index__privilege--promotion {
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
}

.pointPaykatsu_index__privilege--promotion .emphasis {
  color: #EA333D;
  font-size: 3.0rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .pointPaykatsu_index__privilege--promotion .emphasis {
    font-size: 2.6rem;
  }
}

.pointPaykatsu_index__paragraph {
  font-size: 1.4rem;
  line-height: 1.74;
  margin-bottom: 10px;
}

.pointPaykatsu_index__paragraph--promotion {
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 15px;
}

.pointPaykatsu_index__ctaButton {
  max-width: 306px;
  width: 100%;
  margin: auto;
}

.pointPaykatsu_index__ctaButton--promotion {
  max-width: 384px;
}

@media (max-width: 1040px) {
  .pointPaykatsu_index__ctaButton--promotion {
    max-width: 279px;
  }
}

.pointPaykatsu_index__ctaLink {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  padding: 8px 0px;
  border-radius: 10px;
  background-color: #3AA59E;
}

.pointPaykatsu_index__ctaLink--promotion {
  padding: 10px 0;
}

@media (max-width: 1040px) {
  .pointPaykatsu_index__ctaLink--promotion {
    padding: 8px 10px 8px 18px;
  }
}

.pointPaykatsu_index__ctaLink--promotion .material-icons {
  font-size: 26px;
}

@media (max-width: 1040px) {
  .pointPaykatsu_index__ctaLink--promotion .material-icons {
    font-size: 20px;
  }
}

.pointPaykatsu_index__ctaLink:hover {
  color: #3AA59E;
  outline: 2px solid;
  background-color: #FFFFFF;
  transition: 0.1s;
}

.pointPaykatsu_index__ctaTitle {
  font-size: 1.4rem;
  font-weight: bold;
  margin-right: 10px;
}

.pointPaykatsu_index__ctaTitle--promotion {
  font-size: 1.8rem;
}

@media (max-width: 1040px) {
  .pointPaykatsu_index__ctaTitle--promotion {
    font-size: 1.4rem;
  }
}

.pointPaykatsu_index__mainContents {
  max-width: 600px;
  width: 100%;
  background-color: #FFFFFF;
}

.pointPaykatsu_index__mainVisual {
  width: 100%;
}

.pointPaykatsu_index__mainVisual img {
  height: auto;
}

.pointPaykatsu_index__visualTitle {
  color: #FFFFFF;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.68;
  padding: 10px 0;
  margin-bottom: 10px;
  background-color: #222222;
}

@media (max-width: 1040px) {
  .pointPaykatsu_index__visualTitle {
    font-size: 1.4rem;
    text-align: left;
    line-height: 1.5;
    padding: 8px 15px;
  }
}

.pointPaykatsu_index__carouselArea {
  margin-bottom: 40px;
}

.pointPaykatsu_index__carouselTitle {
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
  padding-bottom: 6px;
  margin-bottom: 10px;
  border-bottom: 2px solid #E1E7EA;
}

.pointPaykatsu_index__carouselTitle .emphasis {
  color: #EA333D;
}

.pointPaykatsu_index__carousel {
  margin-bottom: 20px;
}

.pointPaykatsu_index__carousel .point_carouselNavigation .splide__track {
  width: 92%;
  margin: auto;
}

.pointPaykatsu_index__carousel .point_carouselNavigation .splide__arrow--prev {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 6px #B4B4B4;
  top: 50%;
  left: 10px;
  opacity: 1;
}

@media (max-width: 1040px) {
  .pointPaykatsu_index__carousel .point_carouselNavigation .splide__arrow--prev {
    width: 34px;
    height: 34px;
  }
}

.pointPaykatsu_index__carousel .point_carouselNavigation .splide__arrow--prev::before {
  font-family: 'Material Icons';
  content: "\e5cb";
  color: #EA333D;
  font-size: 24px;
  width: auto;
  height: auto;
  border: initial;
}

.pointPaykatsu_index__carousel .point_carouselNavigation .splide__arrow--next {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 6px #B4B4B4;
  top: 50%;
  right: 10px;
  opacity: 1;
}

@media (max-width: 1040px) {
  .pointPaykatsu_index__carousel .point_carouselNavigation .splide__arrow--next {
    width: 34px;
    height: 34px;
  }
}

.pointPaykatsu_index__carousel .point_carouselNavigation .splide__arrow--next::after {
  font-family: 'Material Icons';
  content: "\e5cc";
  color: #EA333D;
  font-size: 24px;
  width: auto;
  height: auto;
  border: initial;
}

@media (max-width: 1040px) {
  .pointPaykatsu_index__carousel .point_carouselNavigation__link {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}

.pointPaykatsu_index__carousel .point_carouselNavigation__thumbnail {
  max-width: 170px;
  max-height: 142px;
  margin-bottom: 6px;
}

@media (max-width: 1040px) {
  .pointPaykatsu_index__carousel .point_carouselNavigation__thumbnail {
    max-width: 100px;
    max-height: 83px;
  }
}

.pointPaykatsu_index__carousel .point_carouselNavigation img {
  object-fit: contain;
}

.pointPaykatsu_index__carousel .point_carouselNavigation__value .point_value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  min-height: 46px;
  align-items: center;
  justify-content: flex-end;
}

.pointPaykatsu_index__carousel .point_carouselNavigation__value .point_value__icon img {
  margin-right: 5px;
  margin-bottom: 2px;
}

.pointPaykatsu_index__carousel .point_carouselNavigation__value .point_value__after {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.pointPaykatsu_index__carousel .point_carouselNavigation__value .point_value__up {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.pointPaykatsu_index__carousel .point_carouselNavigation__value .point_value__up .unit {
  font-size: 1.4rem;
}

.pointPaykatsu_index__carousel .point_carouselNavigation__value .point_value__denial {
  display: inline-flex;
  font-size: 1.4rem;
  margin-right: 3px;
}

.pointPaykatsu_index__carousel .point_carouselNavigation__value .point_value__denial .unit {
  font-size: 1.4rem;
}

.pointPaykatsu_index__carousel .point_carouselNavigation__value .point_value__before {
  display: flex;
  align-items: baseline;
}

.pointPaykatsu_index__carousel .point_carouselNavigation__value .point_value__origin {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.pointPaykatsu_index__carousel .point_carouselNavigation__value .point_value__origin .unit {
  font-size: 1.4rem;
}

@media (max-width: 1040px) {
  .pointPaykatsu_index__carousel .point_carouselNavigation__value .point_value {
    display: flex;
    align-items: baseline;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
  .pointPaykatsu_index__carousel .point_carouselNavigation__value .point_value__icon img {
    margin-right: 5px;
    margin-bottom: 2px;
  }
  .pointPaykatsu_index__carousel .point_carouselNavigation__value .point_value__after {
    display: flex;
    align-items: baseline;
    justify-content: center;
  }
  .pointPaykatsu_index__carousel .point_carouselNavigation__value .point_value__up {
    display: inline-flex;
    align-items: baseline;
    color: #E31610;
    font-weight: bold;
  }
  .pointPaykatsu_index__carousel .point_carouselNavigation__value .point_value__up .unit {
    font-size: 1.4rem;
  }
  .pointPaykatsu_index__carousel .point_carouselNavigation__value .point_value__denial {
    display: inline-flex;
    font-size: 1.4rem;
    margin-right: 3px;
  }
  .pointPaykatsu_index__carousel .point_carouselNavigation__value .point_value__denial .unit {
    font-size: 1.4rem;
  }
  .pointPaykatsu_index__carousel .point_carouselNavigation__value .point_value__before {
    display: flex;
    align-items: baseline;
  }
  .pointPaykatsu_index__carousel .point_carouselNavigation__value .point_value__origin {
    display: inline-flex;
    align-items: baseline;
    color: #E31610;
    font-weight: bold;
  }
  .pointPaykatsu_index__carousel .point_carouselNavigation__value .point_value__origin .unit {
    font-size: 1.4rem;
  }
}

.pointPaykatsu_index__carousel .point_carouselNavigation__value .point_value__up {
  font-size: 2.6rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .pointPaykatsu_index__carousel .point_carouselNavigation__value .point_value__up {
    font-size: 1.6rem;
  }
}

.pointPaykatsu_index__carousel .point_carouselNavigation__value .point_value__origin {
  font-size: 2.6rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .pointPaykatsu_index__carousel .point_carouselNavigation__value .point_value__origin {
    font-size: 1.6rem;
  }
}

.pointPaykatsu_index__carousel .point_carouselNavigation__value .point_value__denial {
  margin-right: 0;
}

@media (max-width: 1040px) {
  .pointPaykatsu_index__carousel .point_carouselNavigation__value .point_value__denial {
    margin-right: 0;
    font-size: 1.2rem;
  }
}

@media (max-width: 1040px) {
  .pointPaykatsu_index__carousel .point_carouselNavigation__value .point_value__icon {
    width: 18px;
    height: 18px;
  }
}

.pointPaykatsu_index__contents {
  width: 100%;
}

.pointPaykatsu_index__contentsTitle {
  color: #FFFFFF;
  font-size: 3.0rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  padding: 15px 20px;
  margin-bottom: 20px;
  background-color: #EA333D;
}

@media (max-width: 1040px) {
  .pointPaykatsu_index__contentsTitle {
    font-size: 1.8rem;
    line-height: 1.39;
    padding: 10px 15px;
  }
}

.pointPaykatsu_index__description {
  font-size: 1.4rem;
  line-height: 1.71;
  padding: 0 25px;
  margin-bottom: 80px;
}

.pointPaykatsu_index__description p {
  margin-bottom: 10px;
}

.pointPaykatsu_index__description p:first-child {
  margin-bottom: 20px;
}

.pointPaykatsu_index__description--recommend {
  margin-bottom: 55px;
}

@media (max-width: 1040px) {
  .pointPaykatsu_index__description {
    padding: 0 15px;
    margin-bottom: 40px;
  }
}

.pointPaykatsu_index__deals {
  margin-bottom: 80px;
}

@media (max-width: 1040px) {
  .pointPaykatsu_index__deals {
    margin-bottom: 40px;
  }
}

.pointPaykatsu_index__recommends {
  margin-bottom: 80px;
}

.pointPaykatsu_index__reviews {
  margin-bottom: 100px;
}

@media (max-width: 1040px) {
  .pointPaykatsu_index__reviews {
    margin-bottom: 50px;
  }
}

.pointPaykatsu_index__promotion {
  margin: 35px;
  margin-bottom: 50px;
  padding: 30px 25px 20px;
  border: 2px solid #EA333D;
  border-radius: 10px;
  position: relative;
}

@media (max-width: 1040px) {
  .pointPaykatsu_index__promotion {
    margin: 15px;
    margin-bottom: 50px;
    padding: 30px 20px 20px;
  }
}

.pointPaykatsu_index__promotionTitle {
  color: #FFFFFF;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
  padding: 5px 25px;
  border-radius: 30px;
  background-color: #EA333D;
  position: absolute;
  top: -20px;
  left: calc(100% / 2 - 160px);
}

.pointPaykatsu_index__promotionMikkun {
  display: block;
  max-width: 200px;
  max-height: 126px;
  margin: auto;
  margin-bottom: 15px;
}

@media (max-width: 1040px) {
  .pointPaykatsu_index__promotionMikkun {
    max-width: 130px;
    max-height: 83px;
  }
}

/*--------------------------------------
    ** components(Pay活ページ)
---------------------------------------*/
.pointPaykatsu_floatingMenu {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.pointPaykatsu_floatingMenu__link {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  width: 100%;
  padding: 16px 10px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
}

.pointPaykatsu_floatingMenu__link:first-child {
  border-radius: 10px 10px 0 0;
}

.pointPaykatsu_floatingMenu__link:last-child {
  border-radius: 0 0 10px 10px;
  border-bottom: none;
}

.pointPaykatsu_floatingMenu__link:hover {
  color: #FFFFFF;
  background-color: #96947E;
  transition: 0.1s;
}

.pointPaykatsu_floatingMenu__title {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.74;
}

.pointPaykatsu_deals {
  display: flex;
  flex-direction: column;
  gap: 80px;
}

@media (max-width: 1040px) {
  .pointPaykatsu_deals {
    gap: 40px;
  }
}

.pointPaykatsu_deals__item {
  padding: 0 25px;
}

@media (max-width: 1040px) {
  .pointPaykatsu_deals__item {
    padding: 0;
  }
}

.pointPaykatsu_deals__title {
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
  padding-bottom: 6px;
  margin-bottom: 10px;
  border-bottom: 2px solid #E1E7EA;
}

@media (max-width: 1040px) {
  .pointPaykatsu_deals__title {
    font-size: 1.6rem;
  }
}

.pointPaykatsu_deals__title strong {
  color: #EA333D;
}

.pointPaykatsu_deals__wrapper {
  line-height: 1.74;
}

@media (max-width: 1040px) {
  .pointPaykatsu_deals__wrapper {
    padding: 0 15px;
  }
}

.pointPaykatsu_deals__description {
  font-size: 1.4rem;
  margin-bottom: 20px;
}

.pointPaykatsu_deals__overviews {
  line-height: 1.71;
  margin-bottom: 10px;
}

.pointPaykatsu_deals__overviews:last-child {
  margin-bottom: 0;
}

.pointPaykatsu_deals__overviewTitle {
  font-size: 1.4rem;
  font-weight: bold;
}

.pointPaykatsu_deals__overviewTitle .index {
  margin-right: 2px;
}

.pointPaykatsu_deals__overviewText {
  font-size: 1.4rem;
  padding: 5px 10px;
  margin-bottom: 10px;
}

.pointPaykatsu_deals__overviewText p:nth-child(2) {
  padding: 5px 7px;
}

.pointPaykatsu_recommends {
  padding: 25px;
  margin-bottom: 55px;
}

.pointPaykatsu_recommends[data-is-highlight="true"] {
  background-color: #EAFFF4;
}

@media (max-width: 1040px) {
  .pointPaykatsu_recommends {
    padding: 10px 0;
    margin-bottom: 20px;
  }
}

.pointPaykatsu_recommends__title {
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
  padding-bottom: 6px;
  margin-bottom: 16px;
  border-bottom: 2px solid #E1E7EA;
}

@media (max-width: 1040px) {
  .pointPaykatsu_recommends__title {
    font-size: 1.6rem;
  }
}

.pointPaykatsu_recommends__title strong {
  color: #EA333D;
}

.pointPaykatsu_recommends__item {
  border-bottom: 1px solid #E1E7EA;
}

.pointPaykatsu_recommends__item:last-child {
  border-bottom: none;
}

.pointPaykatsu_recommends__item[data-is-highlight="true"] {
  background-color: #EAFFF4;
}

.pointPaykatsu_recommends__link {
  display: flex;
  flex-direction: column;
  padding: 15px;
}

@media (max-width: 1040px) {
  .pointPaykatsu_recommends__link {
    padding: 10px 15px;
  }
}

.pointPaykatsu_recommends__link:hover {
  background-color: #FFF9BC;
  transition: 0.1s;
}

.pointPaykatsu_recommends__image {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 230px;
  max-height: 192px;
  width: 100%;
  height: 100%;
}

@media (max-width: 1040px) {
  .pointPaykatsu_recommends__image {
    max-width: 170px;
    max-height: 142px;
  }
}

.pointPaykatsu_recommends__image img {
  object-fit: contain;
}

.pointPaykatsu_recommends__wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}

@media (max-width: 1040px) {
  .pointPaykatsu_recommends__wrapper {
    margin-bottom: 10px;
  }
}

.pointPaykatsu_recommends__detail {
  display: flex;
  flex-direction: column;
}

.pointPaykatsu_recommends__itemName {
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.4;
  max-height: 88px;
  margin-bottom: 10px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

@media (max-width: 1040px) {
  .pointPaykatsu_recommends__itemName {
    font-size: 1.4rem;
    margin-bottom: 0;
    -webkit-line-clamp: 2;
  }
}

.pointPaykatsu_recommends__itemCaption {
  font-size: 1.4rem;
  line-height: 1.74;
  margin-bottom: 10px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

@media (max-width: 1040px) {
  .pointPaykatsu_recommends__itemCaption {
    font-size: 1.2rem;
    margin-bottom: 5px;
    -webkit-line-clamp: 2;
  }
}

.pointPaykatsu_recommends__itemValue .point_value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  justify-content: initial;
}

.pointPaykatsu_recommends__itemValue .point_value__icon img {
  margin-right: 5px;
  margin-bottom: 2px;
}

.pointPaykatsu_recommends__itemValue .point_value__after {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.pointPaykatsu_recommends__itemValue .point_value__up {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.pointPaykatsu_recommends__itemValue .point_value__up .unit {
  font-size: 1.4rem;
}

.pointPaykatsu_recommends__itemValue .point_value__denial {
  display: inline-flex;
  font-size: 1.4rem;
  margin-right: 3px;
}

.pointPaykatsu_recommends__itemValue .point_value__denial .unit {
  font-size: 1.4rem;
}

.pointPaykatsu_recommends__itemValue .point_value__before {
  display: flex;
  align-items: baseline;
}

.pointPaykatsu_recommends__itemValue .point_value__origin {
  display: inline-flex;
  align-items: baseline;
  color: #E31610;
  font-weight: bold;
}

.pointPaykatsu_recommends__itemValue .point_value__origin .unit {
  font-size: 1.4rem;
}

@media (max-width: 1040px) {
  .pointPaykatsu_recommends__itemValue .point_value {
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-direction: column;
  }
  .pointPaykatsu_recommends__itemValue .point_value__icon img {
    margin-right: 5px;
    margin-bottom: 2px;
  }
  .pointPaykatsu_recommends__itemValue .point_value__after {
    display: flex;
    align-items: baseline;
    justify-content: center;
  }
  .pointPaykatsu_recommends__itemValue .point_value__up {
    display: inline-flex;
    align-items: baseline;
    color: #E31610;
    font-weight: bold;
  }
  .pointPaykatsu_recommends__itemValue .point_value__up .unit {
    font-size: 1.4rem;
  }
  .pointPaykatsu_recommends__itemValue .point_value__denial {
    display: inline-flex;
    font-size: 1.4rem;
    margin-right: 3px;
  }
  .pointPaykatsu_recommends__itemValue .point_value__denial .unit {
    font-size: 1.4rem;
  }
  .pointPaykatsu_recommends__itemValue .point_value__before {
    display: flex;
    align-items: baseline;
  }
  .pointPaykatsu_recommends__itemValue .point_value__origin {
    display: inline-flex;
    align-items: baseline;
    color: #E31610;
    font-weight: bold;
  }
  .pointPaykatsu_recommends__itemValue .point_value__origin .unit {
    font-size: 1.4rem;
  }
}

.pointPaykatsu_recommends__itemValue .point_value__up {
  font-size: 4.0rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .pointPaykatsu_recommends__itemValue .point_value__up {
    font-size: 2.5rem;
  }
}

.pointPaykatsu_recommends__itemValue .point_value__origin {
  font-size: 4.0rem;
  font-weight: bold;
}

@media (max-width: 1040px) {
  .pointPaykatsu_recommends__itemValue .point_value__origin {
    font-size: 2.5rem;
  }
}

.pointPaykatsu_recommends__itemValue .point_value__denial {
  margin-right: 5px;
}

@media (max-width: 1040px) {
  .pointPaykatsu_recommends__itemValue .point_value__denial {
    font-size: 1.4rem;
    margin-right: 0;
  }
}

@media (max-width: 1040px) {
  .pointPaykatsu_recommends__itemValue .point_value__icon {
    width: 20px;
    height: 20px;
  }
}

.pointPaykatsu_recommends__itemText {
  font-size: 1.4rem;
  line-height: 1.74;
  padding: 10px;
  border-radius: 10px;
  background-color: #F8F6ED;
}

.pointPaykatsu_recommends__itemText[data-is-highlight="true"] {
  background-color: #E9F2ED;
}

.pointPaykatsu_reviews {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 35px;
}

@media (max-width: 1040px) {
  .pointPaykatsu_reviews {
    padding: 0 15px;
  }
}

.pointPaykatsu_reviews__item {
  display: flex;
  gap: 20px;
  padding: 25px;
  border-radius: 10px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #E2E1D9;
}

@media (max-width: 1040px) {
  .pointPaykatsu_reviews__item {
    gap: 10px;
    padding: 15px;
  }
}

.pointPaykatsu_reviews__icon {
  width: 56px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

@media (max-width: 1040px) {
  .pointPaykatsu_reviews__icon {
    max-width: 42px;
    max-height: 44px;
  }
}

.pointPaykatsu_reviews__icon img {
  max-width: 33px;
  max-height: 39px;
}

@media (max-width: 1040px) {
  .pointPaykatsu_reviews__icon img {
    max-width: 25px;
    max-height: 29px;
  }
}

.pointPaykatsu_reviews__detail {
  display: flex;
  flex-direction: column;
}

.pointPaykatsu_reviews__text {
  max-width: 404px;
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.74;
  margin-bottom: 10px;
}

.pointPaykatsu_reviews__userInfo {
  display: flex;
}

.pointPaykatsu_reviews__userName {
  color: #939393;
  font-size: 1.3rem;
  margin-right: 10px;
}

.pointPaykatsu_reviews__gender {
  color: #939393;
  font-size: 1.3rem;
}