@charset "UTF-8";
/*　変数設定のみを行う
**************************/
/*　基本設定
**************************/
html {
  font-size: 10px; }

/*　@mixin
**************************/
/*　画像
**************************/
img {
  max-width: 100%; }

/* タイトル
**************************/
.ttl-h2 {
  font-weight: normal;
  margin-bottom: 16px;
  text-align: center;
  font-size: 25px;
  font-size: 2.5rem; }

.ttl-h3 {
  font-weight: normal;
  margin-bottom: 24px;
  font-size: 18px;
  font-size: 1.8rem; }

* + .ttl-h3 {
  margin-top: 40px; }

/*　テキスト
**************************/
.text-sm {
  font-size: 12px;
  font-size: 1.2rem; }

.text-red {
  color: #e60012;
  font-weight: bold; }

.text-emphasis {
  font-weight: bold; }

/*　リスト
**************************/
ul {
  padding: 0; }

ul.notice {
  margin-bottom: 0; }
  ul.notice li {
    color: #626262;
    list-style-type: none;
    padding-left: 1.5em;
    text-indent: -1.5em; }
    ul.notice li:before {
      content: '※';
      margin-right: 5px; }

/*　ボタン
**************************/
.btn {
  border-radius: 8px;
  color: #fff;
  font-weight: bold;
  white-space: normal; }

.btn-md {
  height: auto;
  padding: 16px !important;
  width: auto;
  font-size: 16px;
  font-size: 1.6rem; }

.btn-normal {
  background: #fa6218;
  border: none;
  box-shadow: 0 4px 0 0 #c8580d;
  color: #fff !important; }
  .btn-normal:hover, .btn-normal:active {
    background: #e0630f;
    color: #fff; }

.btn-disabled {
  background: #ccc;
  box-shadow: none;
  border: none;
  color: #fff;
  pointer-events: none; }

.btn-layout {
  padding-bottom: 40px; }
  .btn-layout .entry {
    margin-bottom: 40px; }

.btn-basic {
  background-color: #fff;
  border: solid 1px #ccc;
  -webkit-box-shadow: 0px 2px 0px 0px #ccc;
  -moz-box-shadow: 0px 2px 0px 0px #ccc;
  box-shadow: 0px 2px 0px 0px #ccc;
  color: #27b;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  padding: 11px 22px;
  max-width: 100%;
  white-space: normal; }
  .btn-basic:visited, .btn-basic:focus {
    -webkit-box-shadow: 0px 2px 0px 0px #ccc;
    -moz-box-shadow: 0px 2px 0px 0px #ccc;
    box-shadow: 0px 2px 0px 0px #ccc; }

html {
  scroll-behavior: smooth; }

.disabled-coupon-message {
  color: #d5410d;
  margin-top: 10px; }

.modal-dialog {
  margin-top: 45% !important; }

.bc-01_shadow {
  background-color: #F8E143;
  box-shadow: 0 4px 22px rgba(0, 0, 0, 0.25); }

.tc-01 {
  background: #EBEBED;
  border-radius: 0 16px 16px 0;
  color: #222;
  display: inline-block;
  font-size: 14px;
  padding: 8px 32px 8px 16px; }

.m_btn_ora10[disabled] {
  background-color: #b5b6b6;
  box-shadow: none; }

.acquire-button[disabled] .m_btn_ora10 {
  background-color: #b5b6b6;
  box-shadow: none; }

.mar-t_-32 {
  margin-top: -32px; }

.mar-t_-90 {
  margin-top: -90px; }

.bor_1_bla07 {
  border: 1px solid #999574; }

.anchor-link {
  margin-top: -80px;
  position: absolute; }

.campaign-end {
  position: relative; }
  .campaign-end:before {
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1; }
  .campaign-end .txt-end {
    background-image: none;
    background-color: #e8e8e8;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #767676;
    display: inline-block;
    font-weight: 700;
    left: 50%;
    padding: 8px 16px;
    position: absolute;
    text-align: center;
    top: 230px;
    transform: translateX(-50%);
    vertical-align: middle;
    white-space: nowrap;
    width: 80%;
    z-index: 3; }

.wrap-category {
  margin-top: 16px; }
  .wrap-category .flex-box {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between; }
    .wrap-category .flex-box a {
      color: #222; }
  .wrap-category .flex-item {
    background: #fff;
    padding: 0 0 16px;
    width: 48%; }
    .wrap-category .flex-item .box-block {
      padding: 0; }
    .wrap-category .flex-item img {
      border-radius: 8px;
      margin-bottom: 4px;
      width: 100%; }
    .wrap-category .flex-item p, .wrap-category .flex-item span {
      line-height: 1.2; }

.coupon-hero-section {
  background-color: #FB4A12;
  background-image: linear-gradient(45deg, #F91919 25%, transparent 25%), linear-gradient(-45deg, #F91919 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #F91919 75%), linear-gradient(-45deg, transparent 75%, #F91919 75%);
  background-repeat: repeat;
  background-size: 40px 40px;
  overflow: visible;
  position: relative; }

.coupon-yellow-section-wrapper {
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 1;
  margin-top: 160px; }
  @media screen and (min-width: 781px) {
    .coupon-yellow-section-wrapper {
      margin-top: 140px; } }

.next-content-section {
  margin-top: 280px; }
  @media screen and (min-width: 781px) {
    .next-content-section {
      margin-top: 440px; } }