@charset "UTF-8";
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1025px) {
 .otoku_list img {
  image-rendering: -webkit-optimize-contrast;
  transform: translateZ(0);
 }
}
.otoku_list {
 margin: 4em auto 0 auto;
}
.otoku_list li {
 margin-bottom: 4em;
 border: 1px solid #e23e1e;
 text-align: left;
 padding: 40px 0;
 position: relative;
 background: #fff;
}
 .otoku_list li.otoku2 {
  margin-bottom: 2em;
 }
.tokuten_label {
 position: absolute;
 top: -50px;
 left: calc(50% - 48px);
 z-index: 10;
}
.tokuten_txt {
 padding: 1em 1.5em 0;
}
.tokuten_txt p {
 display: none;
}
.otoku_list li p {
 font-size: .92em;
 margin-top: 1em;
}
.otoku_list li p.sptb {
 padding: 0 1.5em 0;
 position: relative;
 z-index: 3;
}
.list_center {
 display: flex;
 align-items: center;
 justify-content: center;
}
.tokuten_info ul {
 list-style: disc;
 padding-left: 1.5em;
 margin: .5em 0 0 0;
 line-height: 1.7;
 font-size: .85em;
 text-align: left;
}
.terms {
 color: #e23e1e;
 font-weight: bold;
 font-size: 1.15em;
 text-align: center;
 padding: 15px 24px 0 24px;
 line-height: 1.5;
 position: relative;
 z-index: 11;
 font-feature-settings: "palt";
}
.terms span {
 background: linear-gradient(transparent 50%, #fffa91 50%);
}
.imgpdg {
 padding: 0 5px 0 15px;
}
.tokuten .bold {
 font-weight: bold;
}
.notweb {
 padding: .5em 1em .5em;
 background: #fbe1dc;
 margin: .7em 1.2em 0;
 position: relative;
 z-index: 13;
}
.notweb br {
 display: none;
}
.otoku_list li .notweb p {
 margin-top: 0;
}
@media (max-width: 1023px) {
 .tokuten_label {
  width: 80px;
  top: -44px;
  left: calc(50% - 40px);
 }
}
@media (min-width: 520px) {
 .tokuten_wrap_flex {
  display: flex;
  align-items: center;
 }
 .tokuten_wrap_flex > div {
  width: 50%;
 }
 .tokuten_txt {
  padding: 0 20px 0 10px;
 }
 .tokuten_wrap.present {
  position: relative;
 }
 .tokuten_wrap.present .tokuten_img {
  position: absolute;
  width: 52%;
  top: -20px;
  left: 15px;
 }
 .tokuten_wrap.present .tokuten_txt {
  padding: 1.5em 1.5em 0 calc(50% + 10px);
  position: relative;
  z-index: 2;
 }
 p.sptb.present {
  margin-top: 2.5em;
 }
 .notweb {
  margin: .7em 1.5em 0;
 }
}
@media (min-width: 960px) {
 .tokuten_txt p {
  display: block;
 }
 .otoku_list li p.sptb {
  display: none;
 }
}
@media (min-width: 1024px) {
 .otoku_list {
  margin: 4em 0 0 0;
 }
 .otoku_list li {
  margin-bottom: 5em;
 }
 .otoku_list li.otoku2 {
  margin-bottom: 2em;
 }
 .tokuten_wrap.present .tokuten_img {
  position: absolute;
  width: 500px;
  top: 15px;
  left: 15px;
 }
 .tokuten_wrap.present .tokuten_txt {
  padding: .5em 1.5em 0 calc(50% + 10px);
 }
 .tokuten_wrap_flex {
  padding: 20px 0 0 0;
 }
 .tokuten_txt img {
  width: 420px;
  height: auto;
 }
 .notweb {
  text-align: center;
  margin-top: 1.5em;
 }
 .notweb br {
  display: inline;
 }
}
.omake {
 position: relative;
 background: #fff;
 border: 4px solid #8cc63f;
 padding: 1.5em;
 margin: 3em 0 0 0;
}
.omake_image {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 1;
}
.omake_image img {
 width: 100%;
 height: 100%;
 object-fit: contain;
 object-position: left top;
}
.omake_flex {
 position: relative;
 z-index: 2;
}
.omake_flex p, .omake_flex ul {
 font-size: .92em;
 text-align: left;
}
.omake_flex ul {
 margin-top: .8em;
 font-size: .85em;
 line-height: 1.5;
}
.omake_flex ul li {
 position: relative;
 padding-left: 1.3em;
}
.omake_flex ul li::before {
 content: "※";
 position: absolute;
 top: 0;
 left: 0;
}
@media (max-width: 639px) {
 .omake_flex img {
  width: 82%;
  margin: 2em 0 1em;
 }
}
@media (min-width: 640px) {
 .omake_flex {
  display: flex;
 }
 .omake_flex > div:first-child {
  width: 45%;
  padding-right: 1.5em;
  text-align: right;
 }
 .omake_flex > div:last-child {
  width: 55%;
 }
}
@media (min-width: 960px) {
 .omake_flex > div:first-child {
  padding-right: 3em;
  text-align: right;
 }
}