@charset "UTF-8";
body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', MS PGothic, sans-serif;
  color: #1C1E2E;
}
main {
  line-height: 1.5;
}
img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}
main a:link {
  color: #3b92c8;
  text-decoration: none;
}
main a.link_white{
  color: #FFFFFF;
  text-decoration: underline;
}
.text_white {
  color: #FFFFFF;
}
main a:visited {
  color: #802680;
}
main a:hover,main a:active {
  text-decoration: underline;
}
.pc, .PC_sidearea {
  display: none;
}
.sp {
  display: block;
}
.inner {
  padding: 0 10px;
}
.margin__top16 {
  margin-top: 16px;
}
.margin__top40 {
  margin-top: 40px;
}

/*radio*/
input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #777A91;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  margin: 0 8px 0 0;
  position: relative;
  padding: 0;
}
input[type="radio"]:checked {
  border-color: #E5252B;
  background-color: #FFFFFF;
}
input[type="radio"]:checked::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #E5252B;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.pointselector-radio label {
  display: flex;
  align-items: center;
  width: 100%;
  height: 36px;
  padding: 8px;
  margin-bottom: 8px;
  border-radius: 8px;
  cursor: pointer;
}
.pointselector-radio label:has(:checked) {
  background-color: #EEEEEE;
}

/*共通パーツ*/
.p-main-heading__title {
  font-size: 14px;
  color: #26BFAF;
  background-color: #FFFFFF;
}
.bold {
  font-weight: bold;
}
.tx_red {
  color: #D0111B;
}
.dinnercolor {
  color: #0A589F;
}
.lunchcolor {
  color: #A87F39;
}
.fontsize-32 {
  font-size: 32px;
  font-weight: bold;
  line-height: 32px;
}
h2 {
  width: 100%;
  max-width: 500px;
  height: 98px;
  text-align: center;
}
h3 {
  padding-bottom: 16px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
}
h4 {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
}
h5 {
  display: block;
  width: 100%;
  padding-bottom: 8px;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  line-height: 1.5;
  border-bottom: 1px solid #DFDFDF;
}
.SectionTitle {
  width: 452px;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  margin: 0 auto;
}
.list_asterisk li {
  font-size: 11px;
  line-height: 1.5;
  text-indent: -0.8em;
  text-align: left;
  padding: 0 0 0 0.8em;
}
.list_asterisk li::before {
  content: "※";
}
.arrow_bottom {
  width: 20px;
  margin: 12px auto;
}

/*エントリーボタン*/
.entryBtn {
  display: block;
  width: 100%;
  height: 44px;
  background-color: #E5252B;
  border-radius: 100px;
  text-align: center;
  line-height: 44px;
  font-size: 14px;
  font-weight: bold;
}
a.entryBtn:link,
a.entryBtn:visited,
a.entryBtn:hover,
a.entryBtn:active,
a.entryBtn:focus {
  color: #FFFFFF;
  text-decoration: none;
}
.entryWrap > .list_asterisk {
  margin-top: 16px;
}

/*エントリー押下後*/
.entryBtn.entryCompleted {
  background: none #999;
  padding: 1px 10px 0;
  color: #FFF;
}

/* searchBtn */
.searchBtn {
  width: 100%;
  height: 60px;
  padding: 8px 35.5px 0 35.5px;
  background-color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  position: relative;
  margin: 0 0 10px 0;
}
.searchSelect::after {
  content: "";
  background: url(/doc/campaign/point_202411/assetsPoint_202411/images/ic_down.png) no-repeat top left/18px 10px;
  width: 19px;
  height: 10px;
  position: absolute;
  right: 15px;
  top: calc(50% - 5px);
}
.searchBtn a {
  display: block;
  width: 100%;
  height: 44px;
  background-color: #E5252B;
  border-radius: 100px;
  text-align: center;
  line-height: 44px;
  font-size: 14px;
  font-weight: bold;
}
.searchBtn a:link, .searchBtn a:visited, .searchBtn a:hover, .searchBtn a:active {
  color: #FFFFFF;
  text-decoration: none;
}

/*コンテンツエリア*/
.ContentBanner {
  width: 343px;
  margin: 30px auto 52px;
}
.ContentBanner__Wrap a{
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto 8px;
}
.ContentBanner__Wrap img{
  max-width: 100%;
  height: auto;
}
.maincontent-area {
  background-color: #F2D3CD;
}
.maincontent-area__wrap {
  position: relative;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  overflow: visible;
  z-index: 1;
}
/* KV */
.keyVisualWrap {
  position: relative;
}
.keyvisual {
  width: 100%;
  max-width: 768px;
  height: 580px;
  margin: 0 auto;
}
.keyvisual img {
  width :100%;
  height :100%;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  display: block;
}
.keyvisual-date__Wrap {
  display: block;
  width: 296px;
  position: absolute;
  top: 363px;
  left: 50%;
  transform: translateX(-50%);
}
.keyvisual-date{
  font-size: 11px;
  margin-bottom: 14px;
  text-align: center;
}

/* aboutpoint */
.aboutpoint__Wrap, .pointflow__wrap, .pointselector__wrap, .pointexample__wrap {
  max-width: 500px;
  margin: 0 16px;
  padding: 6px 0 52px 0;
}
.aboutpoint__inner {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  width: auto;
  margin-bottom: 8px;
  border-radius: 16px;
  background-color: #FFFFFF;
  text-align: center;
}
.aboutpoint__inner dt {
  width: 100%;
  height: 40px;
  color: #FFFFFF;
  font-size: 16px;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  text-align: center;
}
.dinner-Wrap dt{
  background-color: #0A589F;
}
.dinner-title {
  position: relative;
  font-weight: bold;
  line-height: 40px;
  padding-left: 24px;
}
.dinner-title::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background: url(/doc/campaign/point_202511/assetsPoint_202511/images/Icon/dinner.svg) no-repeat top left;
  background-size: contain;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.lunch-Wrap dt{
  background-color: #A87F39;
}
.lunch-title {
  position: relative;
  font-weight: bold;
  line-height: 40px;
  padding-left: 26px;
}
.lunch-title::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background: url(/doc/campaign/point_202511/assetsPoint_202511/images/Icon/lunch.svg) no-repeat top left;
  background-size: contain;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.aboutpoint__detail-dinner , .aboutpoint__detail-lunch {
  padding: 16px;
  font-size: 16px;
  font-weight: bold;
}
.aboutpoint__detail-list {
  text-align: left;
  padding-bottom: 20px;
}
.aboutpoint__detail-dinner > .aboutpoint__detail-list {
  width: 234px;
  margin: 0 auto;
}
.aboutpoint__detail-dinner > .aboutpoint__detail-list li {
  position: relative;
  padding-left: 24px;
}
.aboutpoint__detail-dinner > .aboutpoint__detail-list li::before{
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background: url(/doc/campaign/point_202511/assetsPoint_202511/images/Icon/Checkbox.svg) no-repeat top left;
  background-size: contain;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.aboutpoint__detail-lunch > .aboutpoint__detail-list {
  width: 220px;
  margin: 0 auto;
}
.aboutpoint__detail-lunch > .aboutpoint__detail-list li {
  position: relative;
  padding-left: 24px;
}
.aboutpoint__detail-lunch > .aboutpoint__detail-list li::before{
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background: url(/doc/campaign/point_202511/assetsPoint_202511/images/Icon/Checkbox.svg) no-repeat top left;
  filter: brightness(0) saturate(100%) invert(86%) sepia(21%) saturate(873%) hue-rotate(337deg) brightness(101%) contrast(99%);
  background-size: contain;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.aboutpoint__detail-list li > span {
  font-size: 20px;
}
.aboutpoint__detail-secondary {
  display: block;
  width: 100%;
  padding: 11px 17px;
  background-color: #FEF0D8;
  position: relative;
  border-radius: 11px;
  text-align: center;
}
.aboutpoint__detail-secondary::before {
  content: "";
  position: absolute;
  width: 33.99px;
  height: 53.5px;
  background: url(/doc/campaign/point_202511/assetsPoint_202511/images/point_left.svg) no-repeat top left;
  background-size: contain;
  top: -9px;
  left: -9px;
}
.aboutpoint__detail-secondary::after {
  content: "";
  position: absolute;
  width: 51px;
  height: 47px;
  background: url(/doc/campaign/point_202511/assetsPoint_202511/images/point_right.svg) no-repeat top left;
  background-size: contain;
  bottom: -10px;
  right: -7px;
}
.secondary__title {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  padding-bottom: 8px;
  vertical-align:middle;
}
.secondary__title > .dinnercolor, .secondary__title > .lunchcolor{
  font-size: 20px;
}
.secondary__detail {
  font-size: 11px;
  line-height: 130%;
  font-weight: normal;
}
.secondary__detail > .dinnercolor, .secondary__detail > .lunchcolor{
  font-size: 11px;
  font-weight: bold;
}
.aboutpoint__detailtext {
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 12px;
}
.aboutpoint__detail {
  width: auto;
  height: 60px;
}
.aboutpoint__detail-plustext {
  width: auto;
  height: 43px;
  margin-top: 5px;
}

/* pointflow */
.pointflow__step1 h4, .pointflow__step2 h4{
  margin-bottom: 16px;
}
.pointflow__step1 {
  width: 100%;
  padding: 24px 16px;
  border-radius: 16px;
  background-color: #FFFFFF;
  position: relative;
}
.pointflow__step1::after {
  content: "";
  position: absolute;
  width: 75px;
  height: 50px;
  background: url(/doc/campaign/point_202511/assetsPoint_202511/images/StepChatch1.svg) no-repeat top left;
  background-size: contain;
  top: -11px;
  left: -4px;
}
.pointflow__step2 {
  width: 100%;
  padding: 24px 16px 16px;
  border-radius: 16px;
  background-color: #FFFFFF;
  position: relative;
}
.pointflow__step2::after {
  content: "";
  position: absolute;
  width: 83.87px;
  height: 50px;
  background: url(/doc/campaign/point_202511/assetsPoint_202511/images/StepChatch2.svg) no-repeat top left;
  background-size: contain;
  top: -11px;
  left: -4px;
}
.pointflow__step3 {
  width: 100%;
  padding: 24px 16px;
  border-radius: 16px;
  background-color: #FEF9F1;
  position: relative;
}
.pointflow__step3::after {
  content: "";
  position: absolute;
  width: 84px;
  height: 50px;
  background: url(/doc/campaign/point_202511/assetsPoint_202511/images/StepChatch3.svg) no-repeat top left;
  background-size: contain;
  top: -11px;
  left: -4px;
}
.step3__coinimg {
  width: 201px;
  height: 117px;
  display: block;
  margin: 0 auto 10px;
}
/* APP */
.pointflow__app {
  margin: 24px auto 0;
  padding: 14px 16px;
  background-color: #FEF0D8;
  border-radius: 10px;
}
.pointflow__app .app_apple {
  width: 121px;
  height: 44px;
  margin-right: 12px;
}
.pointflow__app .app_android {
  width: 146px;
  height: 44px;
}
.pointflow__app dt {
  margin: 0 0 14px;
  text-align: center;
}
.pointflow__app dt img{
  width: 240px;
  height: auto;
  margin: 0 auto;
}
.pointflow__app dd{
  display: flex !important;
  align-items: flex-end;
  justify-content: center;
}

/* selector */
.pointselector__bnrsample {
  width: 100%;
  display: block;
  padding-top: 22px;
  margin: 0 auto 15px;
  text-align: center;
  position: relative;
}
.pointselector__samplelink {
  width: 0;
	height: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.pointselector__samplelink a {
  font-size: 11px;
  text-decoration: underline;
  position: absolute;
  width: 77px;
  top: -42px;
  right: -150px;
}
.pointselector__bnrsample::after {
  content: "";
  position: absolute;
  width: 125px;
  height: 28px;
  background: url(/doc/campaign/point_202511/assetsPoint_202511/images/BalloonBanner.svg) no-repeat top left;
  top: 2px;
  left: 50%;
  transform: translateX(-50%);
}
.pointselector__bnrsample img {
  width: 311px;
  height: auto;
}
.pointselector__inner {
  display: block;
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 16px;
  padding: 24px 16px;
}
.pointselector__inner h4 {
  margin-bottom: 20px;
}
.pointselector-radio {
  font-size: 13px;
  font-weight: bold;
  line-height: 20px;
  margin: 20px auto 12px;
}

/* pointexample */
.pointexample__inner {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  width: auto;
  border-radius: 16px;
  background-color: #FFFFFF;
  text-align: center;
  padding: 16px;
}
.pointexample__detail-list {
  text-align: left;
  padding-bottom: 20px;
  font-size: 16px;
  font-weight: bold;
}
.pointexample__detail-list {
  width: 247px;
  margin: 0 auto;
}
.pointexample__detail-list li {
  position: relative;
  padding-left: 24px;
}
.pointexample__detail-list li > .dinnercolor {
  font-size: 20px;
}
.pointexample__detail-list li::before{
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background: url(/doc/campaign/point_202511/assetsPoint_202511/images/Icon/Checkbox.svg) no-repeat top left;
  background-size: contain;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.pointexample__detail-secondary {
  display: block;
  width: 100%;
  padding: 8px;
  background-color: #FEF0D8;
  position: relative;
  border-radius: 11px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.pointexample__detail-secondary::before {
  content: "";
  position: absolute;
  width: 33.99px;
  height: 53.5px;
  background: url(/doc/campaign/point_202511/assetsPoint_202511/images/point_left.svg) no-repeat top left;
  background-size: contain;
  top: -9px;
  left: -9px;
}
.pointexample__detail-secondary::after {
  content: "";
  position: absolute;
  width: 51px;
  height: 47px;
  background: url(/doc/campaign/point_202511/assetsPoint_202511/images/point_right.svg) no-repeat top left;
  background-size: contain;
  bottom: -10px;
  right: -7px;
}
.pointexample__detail-secondary > .secondary__detail {
  font-size: 18px;
  font-weight: bold;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
}

/* question */
.question__wrap{
  max-width: 500px;
  margin: 0 16px;
  padding-bottom: 32px;
}
.question__title {
  color: #1C1F2E;
  font-size: 18px;
  font-weight: bold;
  margin: 0 auto 8px;
  text-align: center;
}
.question ul {
  margin: 0 auto;
}
.question li {
  border-radius: 8px;
  background-color: #fff;
  cursor: pointer;
}
.question li + li {
  margin-top: 4px;
}
.question li:last-child {
  margin-bottom: 20px;
}
.question dt {
  padding: 16px 36px 16px 44px;
  position: relative;
  font-size: 13px;
  line-height: 150%;
}
.question dt::before {
  content: "";
  background: url(/doc/campaign/point_202511/assetsPoint_202511/images/Icon/Question.svg) no-repeat top left/20px 20px;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 16px;
  top: 16px;
}
.question dt span::after {
  content: "";
  width: 16px;
  height: 16px;
  background: url(/doc/campaign/point_202511/assetsPoint_202511/images/Icon/Close.svg) no-repeat top left/16px 16px;
  position: absolute;
  top: 16px;
  right: 12px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.question dt.open span::after {
  -webkit-transform: rotate(0.5turn);
  -ms-transform: rotate(0.5turn);
  transform: rotate(0.5turn);
}
.question dd {
  padding: 8px 16px 16px 44px;
  position: relative;
  display: none;
  font-size: 13px;
  font-weight: bold;
  line-height: 150%;
}
.question dd span::before {
  content: "";
  background: url(/doc/campaign/point_202511/assetsPoint_202511/images/Icon/Answer.svg) no-repeat top left/20px 20px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 8px;
  left: 16px;
  z-index: 10;
}
.labelWrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}
.label img {
  width: auto;
  height: 20px;
}
.question .label {
  margin-top: 5px;
}
.labelbnrWrap img{
  width: 100%;
  height: auto;
  margin-top: 5px;
}
.label_sample,.bnr_sample {
  margin-top: 10px;
}
.course_sample, .question__margin{
  margin-top: 16px;
}

/* overflow */
.overflow, .overflow2nd{
  width: 100%;
  margin: 0 auto;
  padding: 40px 16px;
  background-color: #FFFFFF;
}
.overflow__wrap {
  width: 100%;
  margin: 0 auto 16px;
  font-size: 14px;
  line-height: 140%;
}
.list_dot li {
  margin-bottom: 2px;
  text-indent: -0.5em;
  padding: 0 0 0 0.7em;
  font-size: 11px;
  line-height: 150%;
}
.list_dot li:before {
  content: '・';
  display: inline-block;
  vertical-align: 0;
  width: auto;
  height: auto;
  margin-right: 0;
  border-radius: 0;
  background: 0 0;
}
.overflow__wrap .list_asterisk {
  margin-top: 16px;
}
.overflow__wrap p.list01 {
  font-size: 13px;
  font-weight: bold;
  line-height: 150%;
  padding: 16px 0 8px;
}
.table01-wrap {
  width: 100%;
  text-align: center;
  margin-top: 8px;
}
.table01 dt {
  color: #FFFFFF;
  font-weight: bold;
  background-color: #8C8EA1;
  border-radius: 12px 12px 0 0;
  border-bottom: 1px solid #CCCCCC;
  padding: 8px;
  line-height: 150%;
  vertical-align: middle;
}
.table01 dd {
  background-color: #FFFFFF;
  padding: 8px;
  border-radius: 0 0 12px 12px;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  line-height: 140%;
}
.table02 {
  margin: 8px auto 0;
  width: 100%;
  border-collapse: separate;
  border-radius: 12px;
  text-align: center;
}
.table02 th.col01 {
  background-color: #F2F2F2;
  width: 40%;
}
.table02 th.col01.table02_h {
  background-color: #8C8EA1;
  border: none;
  color: #FFFFFF;
  font-weight: bold;
  border-radius: 12px 12px 0 0;
  border-bottom: 1px solid #CCCCCC;
  padding: 8px;
  line-height: 150%;
  vertical-align: middle;
}
.table02 th, .table02 td {
  padding: 8px;
  vertical-align: middle;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
.table02 th {
  border-left: 1px solid #CCCCCC;
}
.table02 tr:last-child {
  border-bottom: 1px solid #CCCCCC;
}
.table02 tr:last-child th {
  border-radius: 0 0 0 12px;
}
.table02 tr:last-child td {
  border-radius: 0 0 12px 0;
}
.table02 td.col02 {
  width: 60%;
  padding: 8px 10px;
}
/* overflow2nd */
.overflow2nd {
  margin-top: -40px;
}
/* footer */
.footer__btn {
  display: block !important;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: #FFFFFF;
  padding: 12px;
  text-align: center;
}
.footer__btn > .entry {
  position: relative;
}
.footer__btn > .entry::after {
  content: "";
  position: absolute;
  width: 158px;
  height: 24px;
  background: url(/doc/campaign/point_202511/assetsPoint_202511/images/BalloonCTA.svg) no-repeat top left;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
}
.footer__btn .entryWrap {
  width: 300px;
  margin: 0 auto;
}
.footer__btn .list_asterisk {
  margin-top: 12px;
}
.footer__btn .list_asterisk li {
  text-align: center;
}
/* .entryWrap .list_asterisk li {
text-align: center;	text-align: center;
} */
.footer__btn .list_asterisk a:link {
  color: #3b92c8;
  text-decoration: none;
}
.l-footer {
  margin-bottom: 100px;
}
/* <!--ローディングアニメーション--> */
.entryWrap a{
  width: 300px;
  margin: 0 auto;
  position: relative;
}
_:-ms-lang(x)::-ms-backdrop, .entry_loading img{
  display: none;
}
_:-ms-lang(x)::backdrop, .entry_loading img{
  display: block;
}
.entryWrap a > .entry_loading {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #000000b6;
  border-radius: 100px;
  animation: ent_loading 0s 0.80s forwards;
}
.entryWrap a > .entry_loading img {
  width: auto;
  height: 100%;
}
.entrybtn {
  display: block;
  width: 300px;
  height: 44px;
  background-color: #999;
  color: #FFFFFF;
  margin: 0 auto;
  border-radius: 100px;
  text-align: center;
  line-height: 44px;
  font-size: 14px;
  font-weight: bold;
}

@keyframes ent_loading {
  from {
  }
  to {
    height: 0;
    width: 0;
    display: none;
  }
}
/* <!--//ローディングアニメーション--> */
@media (min-width: 500px) {
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }
}
/* PC side */
@media (min-width: 1100px) {
  .PC_sidearea {
    display: block;
  }
  .side__title {
    position: fixed;
    width: 260px;
    height: 260px;
    top: 50%;
    left: 160px;
    transform: translateY(-50%);
    z-index: 10;
  }
  .side__nav {
    position: fixed;
    top: 50%;
    right: 160px;
    transform: translateY(-50%);
    z-index: 10;
  }
  .side__navwrap {
    text-align: left;
  }
  .side__navwrap li {
    position: relative;
    padding-left: 18px;
    font-size: 13px;
    font-weight: bold;
    line-height: 13px;
    margin-bottom: 24px;
  }
  .side__navwrap li::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 13px;
    background: url(/doc/campaign/point_202511/assetsPoint_202511/images/Icon/PC_sidelisticon.svg) no-repeat top left/12px 13px;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
  }
  .side__navwrap li a {
    color: #1C1F2E;
  }
  .navBtn.active {
    color: #F8686D;
  }
}
/* CONTENTS-306753 */
.js-openTrigger{
  position: absolute;
  top: 0;
  min-width: 80px;
  transform: translateX(-100%);
}
.js-openTrigger a{
  text-decoration: underline !important;
}
.end_mask{
  position: absolute;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  cursor: default;
  background-color: rgba(14, 89, 159, 0.5);
}
.end_text{
  width: 400px;
  text-align: center;
  border-radius: 16px;
  background-color: #999898;
  color: #fff;
  font-size: 16px;
  padding: 32px 0;
}
.js-endcp.end_mask{
  display: flex;
}
@media screen and (max-width: 767px){
  .end_text{
    width: 80%;
  }
}
a.entryBtn.js-endcp{
  cursor: default;
  pointer-events: none;
  background-color: #999898;
}
.pointselector.js-endcp, .footer__btn.js-endcp{
  display: none !important;
}
.side__navwrap .js-end-target.js-endcp{
  display: none;
}
/* CONTENTS-310847 */
.prefSelect_disp_sp{
width: 100%;
height: 48px;
padding: 12px 16px;
display: flex;
align-items: center;
background-color: #fff;
border: 1px solid #CECECE;
border-radius: 8px;
font-size: 16px;
font-weight: normal;
position: relative;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.searchSelect{
width: 100%;
height: 48px;
padding: 0;
background-color: #fff;
border: none;
font-size: 18px;
font-weight: bold;
display: flex;
align-items: initial;
position: relative;
}
.searchContainer {
display: block;
justify-content: initial;
}
.searchBtn a {
width: 100%;
}
.radioImg.img_hide{
display: none;
}
.pointselector-radio.radio_hide{
display: none;
}
.pointselector__wrap .searchContainer{
margin-top: 12px;
}