@charset "utf-8";
/* CSS Document */
:root {
	--color-ac: #8D0B0B;
	--ff-sans: "Noto Sans CJK JP", 'Noto Sans Japanese', sans-serif, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	--ff-serif: "Noto Serif JP", serif;
}

html[data-browse-mode="P"] .pane-left-menu {
	display: none;
}
html[data-browse-mode="P"] .page-event .pane-contents .container {
	display: block;
	width: 100%;
}
html[data-browse-mode="P"] .page-event .pane-contents .container .pane-main {
	margin: 0 !important;
	width: 100%;
}
html[data-browse-mode="P"] #header {
	margin: 0;
}
html[data-browse-mode="P"] .block-event-page--goods {
	width: 1200px;
	margin: 0 auto;
}
.block-event-page--accessory {
	display: none;
}
html[data-browse-mode="S"] main.pane-main {
	margin: 0 !important;
	padding: 0 0 calc(50 / 430 * 100vw);
}

#pointget {
	font-weight: 500;
	background-color: #FFFAE4;
}
#pointget * {
	letter-spacing: 0.04em;
}
#pointget img {
	max-width: 100%;
	vertical-align: bottom;
}
#pointget sup {
	font-size: 0.6em;
	vertical-align: super;
}
#pointget strong {
	font-weight: inherit;
}
#pointget button {
	margin: 0;
	padding: 0;
	color: inherit;
	background: none;
	border: none;
	cursor: pointer;
}
#pointget *::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background: #DCDCDC;
	border-radius: 20px;
}
#pointget *::-webkit-scrollbar-track {
	background: #DCDCDC;
	border-radius: 20px;
}
#pointget *::-webkit-scrollbar-thumb {
	background: #6B3F13;
	border-radius: 20px;
}
#pointget .simplebar-scrollbar {
	height: 10px;
}
#pointget .simplebar-scrollbar::before {
	background: #6B3F13;
	border-radius: 0;
}
#pointget .simplebar-scrollbar.simplebar-visible::before {
	opacity: 1;
}
#pointget .inner {
	max-width: 1230px;
	margin: 0 auto;
	padding: 0 15px;
}
@media only screen and (min-width: 768px) {
	#pointget .sp,
	#pointget .sp-only {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	#pointget .pc,
	#pointget .pc-only {
		display: none;
	}
}

/*-----------------------------------------
common
-----------------------------------------*/
#pointget .title {
	position: relative;
	margin: 0 0 48px;
	padding: 0 0 16px;
	font-family: var(--ff-serif);
	font-weight: bold;
	font-size: 40px;
	line-height: 1.25;
	text-align: center;
}
#pointget .title span {
	color: var(--color-ac);
}
#pointget .title small {
	font-size: 34px;
}
#pointget .title::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 60px;
	height: 4px;
	margin: auto;
	background: var(--color-ac);
}
#pointget .note {
	font-size: 16px;
	line-height: 1.375;
	letter-spacing: 0.04em;
}
#pointget .note li {
	padding-left: 1em;
	text-indent: -1em;
}
#pointget .btn-wrap {
	display: flex;
	justify-content: center;
	gap: 30px;
}
#pointget .btn-com a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 440px;
	max-width: 100%;
	height: 74px;
	margin: 0 auto;
	font-family: var(--ff-serif);
	font-weight: bold;
	font-size: 20px;
	color: #fff;
	background: linear-gradient(to bottom, #D63E2D, #8D0B0B);
	border: 3px solid #FFFFFF;
	border-radius: 100px;
	box-shadow: 0 0 10px rgba(138, 126, 113, 0.38);
}
#pointget .btn-com a::after {
	content: "";
	position: absolute;
	right: 30px;
	top: 0;
	bottom: 0;
	width: 12px;
	height: 12px;
	margin: auto;
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	transform: rotate(45deg);
}
#pointget .btn-com.brown a {
	background: linear-gradient(to bottom, #AC6218, #8B4D06);
}
#pointget .more-btn a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 340px;
	max-width: 100%;
	height: 50px;
	margin: 0 auto;
	font-family: var(--ff-serif);
	font-weight: 600;
	font-size: 16px;
	color: #fff;
	background: #8B4D06;
	border-radius: 100px;
}
#pointget .textRed {
	text-align: center;
	font-size: 30px !important;
	font-weight: bold;
	color: #c00;
	margin-top: 60px;
	margin-bottom: 40px;
}
html[data-browse-mode="S"] #pointget .textRed {
	font-size: 17px !important;
	margin-top: 40px;
	margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
	#pointget .title {
		margin: 0 0 32px;
		padding: 0 0 12px;
		font-size: calc(28 / 430 * 100vw);
	}
	#pointget .title small {
		font-size: calc(22 / 430 * 100vw);
	}
	#pointget .note {
		font-size: calc(12 / 430 * 100vw);
		line-height: 1.333;
	}
	#pointget .btn-wrap {
		flex-direction: column;
		gap: 24px;
	}
	#pointget .btn-com a {
		height: calc(64 / 430 * 100vw);
		font-size: calc(18 / 430 * 100vw);
	}
	#pointget .btn-com a::after {
		right: 24px;
		width: 10px;
		height: 10px;
	}
}

/*-----------------------------------------
mv
-----------------------------------------*/
#pointget .mv {
	line-height: 0;
	margin: 0;
}
#pointget .mv img {
	width: 100%;
}

/*-----------------------------------------
intro
-----------------------------------------*/
#pointget .sec-intro {
	margin: 60px 0 0;
	text-align: center;
	background: url(/img/usr/event/pointget/2610/intro_bg.png) no-repeat center top;
}
#pointget .sec-intro .intro-title {
	font-family: var(--ff-serif);
	font-weight: bold;
	font-size: 34px;
}
#pointget .sec-intro .intro-title small {
	font-size: 30px;
}
#pointget .sec-intro .intro-title strong {
	font-weight: 600;
	font-size: 50px;
}
#pointget .sec-intro .intro-title span {
	color: var(--color-ac);
}
#pointget .sec-intro .note {
	margin: 20px 0 0;
	text-align: center;
}
#pointget .sec-intro .campaign-period {
	background-color: #fff;
	border: 1px solid #BC7621;
	border-radius: 10px;
	color: #000;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-block: 20px;
	padding-inline: 30px;
	width: 1040px;
	max-width: 100%;
	margin-top: 24px;
	margin-inline: auto;
}
#pointget .sec-intro .campaign-period dt {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: .04em;
}
#pointget .sec-intro .campaign-period dd {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: .04em;
}
#pointget .sec-intro .campaign-period dd span {
	font-size: 27px;
	color: var(--color-ac);
}
#pointget .sec-intro .btn-com {
	margin-top: 30px;
}
html[data-browse-mode="S"] #pointget .sec-intro {
	margin: 40px 0 0;
	background: none;
}
html[data-browse-mode="S"] #pointget .sec-intro .intro-title {
	font-size: calc(24 / 430 * 100vw);
	line-height: 1.2;
}
html[data-browse-mode="S"] #pointget .sec-intro .intro-title small {
	font-size: calc(16 / 430 * 100vw);
}
html[data-browse-mode="S"] #pointget .sec-intro .intro-title strong {
	font-size: calc(50 / 430 * 100vw);
}
html[data-browse-mode="S"] #pointget .sec-intro .note {
	margin: 16px 0 0;
	text-align: left;
}
html[data-browse-mode="S"] #pointget .sec-intro .campaign-period {
	flex-direction: column;
	margin: 24px 0 0;
	padding: 12px 10px;
}
html[data-browse-mode="S"] #pointget .sec-intro .campaign-period dt {
	font-size: calc(16 / 430 * 100vw);
}
html[data-browse-mode="S"] #pointget .sec-intro .campaign-period dd {
	margin-top: 4px;
	font-size: calc(16 / 430 * 100vw);
	line-height: calc(25 / 22);
}
html[data-browse-mode="S"] #pointget .sec-intro .campaign-period dd span {
	font-size: calc(22 / 430 * 100vw);
}
html[data-browse-mode="S"] #pointget .sec-intro .btn-com {
	margin-top: 24px;
}

/*-----------------------------------------
.sec-jalpoint
-----------------------------------------*/
#pointget .sec-jalpoint {
	margin: 70px 0 0;
}
#pointget .sec-jalpoint .jalpoint-content {
	position: relative;
	padding: 48px 0;
	background: #fff;
	border-radius: 20px;
}
#pointget .sec-jalpoint .jalpoint-content::before {
	content: "";
	position: absolute;
	top: 16px;
	right: 60px;
	width: 112px;
	height: 102px;
	background: url(/img/usr/event/pointget/2610/point_01.png) no-repeat center / contain;
}
#pointget .sec-jalpoint .jalpoint-content::after {
	content: "";
	position: absolute;
	top: 16px;
	left: 40px;
	width: 125px;
	height: 129px;
	background: url(/img/usr/event/pointget/2610/point_02.png) no-repeat center / contain;
}
#pointget .sec-jalpoint .jalpoint-title {
	font-family: var(--ff-serif);
	font-size: 34px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 -8px;
}
#pointget .sec-jalpoint .jalpoint-title span {
	color: var(--color-ac);
}
#pointget .sec-jalpoint .jalpoint-text {
	margin: 32px 0 0;
	font-size: 20px;
	line-height: 2;
	text-align: center;
}
#pointget .sec-jalpoint .note {
	max-width: 1040px;
	margin: 24px auto 0;
}
#pointget .sec-jalpoint .btn-wrap {
	margin-top: 30px;
}
#pointget .sec-jalpoint .btn-com a {
	width: 500px;
}
@media only screen and (max-width: 767px) {
	#pointget .sec-jalpoint {
		margin: 48px 0 0;
	}
	#pointget .sec-jalpoint .jalpoint-content {
		padding: 24px 20px;
	}
	#pointget .sec-jalpoint .jalpoint-content::before {
		top: 28px;
		right: 14px;
		width: 72px;
		height: 66px;
	}
	#pointget .sec-jalpoint .jalpoint-content::after {
		top: 42px;
		left: 20px;
		width: 72px;
		height: 75px;
	}
	#pointget .sec-jalpoint .jalpoint-title {
		font-size: 25px;
		line-height: 1.36;
		margin: 0;
	}
	#pointget .sec-jalpoint .jalpoint-text {
		margin: 24px 0 0;
		font-size: calc(16 / 430 * 100vw);
		line-height: 1.5;
	}
	#pointget .sec-jalpoint .jalpoint-content + .jalpoint-text {
		font-size: 18px;
		line-height: 1.444;
	}
	#pointget .sec-jalpoint .note {
		margin: 15px auto 0;
	}
	#pointget .sec-jalpoint .btn-wrap {
		margin-top: 24px;
	}
}

/*-----------------------------------------
step
-----------------------------------------*/
#pointget .sec-step {
	margin: 100px 0 0;
	padding: 100px 0;
	background: #FDEDB2;
}
#pointget .sec-step .step-boxes {
	display: flex;
	gap: 40px;
	margin: 80px 0 0;
}
#pointget .sec-step .step-box {
	position: relative;
	display: flex;
	align-items: center;
	gap: 30px;
	width: calc((100% - 40px)/2);
	padding: 30px 60px 30px 40px;
	background: #fff;
	border-radius: 20px;
}
#pointget .sec-step .step-icon {
	position: absolute;
	top: -34px;
	left: 10px;
	width: 106px;
}
#pointget .sec-step .step-img {
	flex-shrink: 0;
	width: 180px;
}
#pointget .sec-step .step-text {
	font-weight: 600;
	font-size: 18px;
	line-height: 1.444;
}
#pointget .sec-step .more-btn {
	margin: 20px 0 0;
}
#pointget .sec-step .more-btn a {
	width: 270px;
	height: 60px;
	font-family: var(--ff-sans);
	font-size: 19px;
	background: var(--color-ac);
}
#pointget .sec-step .step-note {
	margin: 20px 0 0;
	font-size: 14px;
	line-height: 1.5;
}
#pointget .sec-step .note {
	margin-top: 16px;
}
@media only screen and (max-width: 767px) {
	#pointget .sec-step {
		margin: 40px 0 0;
		padding: 40px 0;
	}
	#pointget .sec-step .step-boxes {
		flex-direction: column;
		gap: 30px;
		margin: 50px 0 0;
	}
	#pointget .sec-step .step-box {
		gap: 12px;
		width: 100%;
		padding: 24px;
	}
	#pointget .sec-step .step-icon {
		top: -17px;
		left: 8px;
		width: 77px;
	}
	#pointget .sec-step .step-img {
		width: 140px;
	}
	#pointget .sec-step .more-btn {
		margin: 10px 0 0;
	}
	#pointget .sec-step .more-btn a {
		width: 100%;
		height: 48px;
		font-size: 14px;
	}
	#pointget .sec-step .step-note {
		margin: 16px 0 0;
	}
}

/*-----------------------------------------
mile
-----------------------------------------*/
#pointget .sec-mile {
	padding: 100px 0;
}
#pointget .sec-mile .note {
	margin-top: 16px;
}
@media only screen and (max-width: 767px) {
	#pointget .sec-mile {
		padding: 40px 0;
	}
}

/*-----------------------------------------
thanks
-----------------------------------------*/
#pointget .sec-thanks {
	padding: 100px 0;
	background: url(/img/usr/event/pointget/2610/thanks_bg.jpg) no-repeat center / max(2292px,100%);
}
@media only screen and (max-width: 767px) {
	#pointget .sec-thanks {
		padding: 40px 0;
		background: #fff url(/img/usr/event/pointget/2610/thanks_bg_sp.jpg) no-repeat center top / 125%;
	}
	#pointget .sec-thanks .thanks-bnr {
		width: 85%;
		margin: 0 auto;
	}
}

/*-----------------------------------------
search
-----------------------------------------*/
#pointget .sec-search {
	padding: 120px 0 80px;
	background: #FDEDB2 url("/img/usr/event/pointget/2610/search_bg.png") no-repeat center top / 100%;
}
#pointget .sec-search .search-title {
	font-size: 50px;
	font-weight: bold;
	line-height: 1.444;
	margin: 0 0 64px 80px;
}
#pointget .sec-search .search-box {
	position: relative;
	padding: 50px;
	background: #fff;
	border-radius: 10px;
}
#pointget .sec-search .search-box::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 15px;
	background: linear-gradient(90deg, #8D0B0B, #F98500, #E95A5A);
	border-radius: 10px 10px 0 0;
}
#pointget .sec-search .search-box + .search-box {
	margin-top: 80px;
}
#pointget .sec-search .search-box .title {
	padding: 0;
}
#pointget .sec-search .search-box .title::after {
	content: none;
}
@media only screen and (max-width: 767px) {
	#pointget .sec-search {
		padding: 40px 0;
		background-image: url("/img/usr/event/pointget/2610/search_bg_sp.png");
	}
	#pointget .sec-search .search-title {
		font-size: calc(22 / 430 * 100vw);
		margin: 0 0 27px 10px;
	}
	#pointget .sec-search .search-box {
		padding: 30px calc(15 / 430 * 100vw);
		border-radius: 5px;
	}
	#pointget .sec-search .search-box::before {
		height: 8px;
		border-radius: 5px 5px 0 0;
	}
	#pointget .sec-search .search-box + .search-box {
		margin-top: 20px;
	}
}

/* category */
#pointget .sec-search .rcontainer {
	width: 350px;
	margin: 0 0 20px auto;
	font-weight: 400;
}
#pointget .sec-search .search-tab {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	max-width: 738px;
	margin: 0 auto 40px;
}
#pointget .sec-search .search-tab li {
	width: calc((100% - (10px*3))/4);
}
#pointget .sec-search .search-tab li button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 50px;
	font-weight: 600;
	font-size: 14px;
	text-align: center;
	color: var(--color-ac);
	background: #fff;
	border: 1px solid var(--color-ac);
	border-radius: 3px;
}
#pointget .sec-search .search-tab li.active button {
	color: #fff;
	background: var(--color-ac);
}
#pointget .sec-search #category .search-content {
	display: none;
}
#pointget .sec-search #category .search-content.active {
	display: block;
}
#pointget .sec-search #category .more-btn {
	margin-top: 40px;
}
@media only screen and (max-width: 767px) {
	#pointget .sec-search .rcontainer {
		width: 100%;
		margin: 0 0 20px 0;
	}
	#pointget .sec-search .search-tab {
		gap: 8px 16px;
		margin: 0 auto 30px;
	}
	#pointget .sec-search .search-tab li {
		width: calc((100% - (16px*1))/2);
	}
	#pointget .sec-search .search-tab li button {
		height: 40px;
		font-size: 16px;
	}
	#pointget .sec-search #category .more-btn {
		margin-top: 40px;
	}
}

/* award */
#pointget .award-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  margin: 0;
}
#pointget .award-item {
  text-align: left;
}
#pointget .award-item__tab {
  position: relative;
  background-color: var(--color-ac);
  color: #fff;
	font-family: var(--ff-serif);
  font-weight: bold;
  text-align: center;
  border-radius: 9999px;
  margin: 0 auto;
}
#pointget .award-item__tab::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-color: var(--color-ac) transparent transparent;
}
#pointget .award-item__body {
  display: block;
  text-decoration: none;
  color: #000;
}
#pointget .award-item__thumb {
  display: block;
  overflow: hidden;
  background-color: #fff;
}
#pointget .award-item__thumb img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
#pointget .award-item__name {
  display: block;
  font-weight: bold;
  color: #000;
}
#pointget .award-item__shop {
  margin: 0;
}
#pointget .award-item__shop a {
  color: #333;
  text-decoration: underline;
}
#pointget .award-item__price {
  margin: 0;
  color: #000;
}
#pointget .award-item__price b {
  font-weight: bold;
}
html[data-browse-mode="P"] #pointget .award-list {
  gap: 50px 40px;
  margin: 50px 0;
}
html[data-browse-mode="P"] #pointget .award-item {
  width: calc((100% / 3) - 27px);
}
html[data-browse-mode="P"] #pointget .award-item__tab {
  font-size: 20px;
  padding: 13px 10px;
}
html[data-browse-mode="P"] #pointget .award-item__tab::after {
  border-width: 10px 9px 0;
}
html[data-browse-mode="P"] #pointget .award-item__thumb {
  margin-top: 20px;
  border-radius: 4px;
}
html[data-browse-mode="P"] #pointget .award-item__name {
  font-size: 20px;
  line-height: 1.55;
  margin-top: 20px;
}
html[data-browse-mode="P"] #pointget .award-item__shop {
  font-size: 14px;
}
html[data-browse-mode="P"] #pointget .award-item__price {
  font-size: 13px;
  margin-top: 16px;
}
html[data-browse-mode="P"] #pointget .award-item__price b {
  font-size: 18px;
}
html[data-browse-mode="S"] #pointget #award .title {
	font-size: calc(24 / 430 * 100vw);
}
html[data-browse-mode="S"] #pointget .shop-card--award {
  margin-top: calc(30 / 430 * 100vw);
}
html[data-browse-mode="S"] #pointget .award-list {
  gap: calc(30 / 430 * 100vw) calc(20 / 430 * 100vw);
  margin-top: calc(28 / 430 * 100vw);
  justify-content: start;
}
html[data-browse-mode="S"] #pointget .award-item {
  width: calc((100% - calc(20 / 430 * 100vw)) / 2);
}
html[data-browse-mode="S"] #pointget .award-item__tab {
  font-size: calc(18 / 430 * 100vw);
  padding: calc(11 / 430 * 100vw) calc(8 / 430 * 100vw);
  border-radius: 12px;
  line-height: 1.4;
}
html[data-browse-mode="S"] #pointget .award-item__tab.line2 {
  height: 72px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
}
html[data-browse-mode="S"] #pointget .award-item__tab::after {
  border-width: calc(8 / 430 * 100vw) calc(7 / 430 * 100vw) 0;
}
html[data-browse-mode="S"] #pointget .award-item__thumb {
  margin-top: calc(16 / 430 * 100vw);
  border-radius: calc(4 / 430 * 100vw);
}
html[data-browse-mode="S"] #pointget .award-item__name {
  font-size: calc(16 / 430 * 100vw);
  line-height: 1.5;
  margin-top: calc(16 / 430 * 100vw);
}
html[data-browse-mode="S"] #pointget .award-item__shop {
  font-size: calc(14 / 430 * 100vw);
  margin-top: calc(8 / 430 * 100vw);
}
html[data-browse-mode="S"] #pointget .award-item__price {
  font-size: calc(13 / 430 * 100vw);
  margin-top: calc(6 / 430 * 100vw);
}
html[data-browse-mode="S"] #pointget .award-item__price b {
  font-size: calc(16 / 430 * 100vw);
}
html[data-browse-mode="S"] #pointget #award .more-btn {
	margin-top: 30px;
}

/* search */
#pointget #search .search-period {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 820px;
	margin: 0 auto;
	padding: 16px 10px;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 0.02em;
	color: var(--color-ac);
	border: 2px solid var(--color-ac);
}
#pointget #search .search-list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	max-width: 820px;
	margin: 24px auto 0;
}
#pointget #search .search-list li {
	width: calc((100% - 20px)/2);
}
#pointget #search .search-list li a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 60px;
	font-family: var(--ff-serif);
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 0.05em;
	color: #fff;
	background: var(--color-ac);
	border-radius: 5px;
}
#pointget #search .search-list li a::after {
	content: "";
	position: absolute;
	right: 16px;
	top: 0;
	bottom: 0;
	width: 8px;
	height: 8px;
	margin: auto;
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	transform: rotate(135deg);
}
#pointget #search .search-list li.no-anchor a::after{
	transform: rotate(45deg);
}
#pointget #search .search-content {
	margin-top: 80px;
}
@media only screen and (max-width: 767px) {
	#pointget #search .search-period {
		display: flex;
		align-items: center;
		padding: 14px 10px;
		font-size: calc(15 / 430 * 100vw);
	}
	#pointget #search .search-list {
		flex-direction: column;
		gap: 7px;
	}
	#pointget #search .search-list li {
		width: 100%;
	}
	#pointget #search .search-list li a {
		height: 50px;
		font-size: 16px;
	}
	#pointget #search .search-list li a::after {
		right: 20px;
	}
	#pointget #search .search-content {
		margin-top: 48px;
	}
}

/* mile */
#pointget #search #mile .filter-btn-list {
	display: flex;
}
#pointget #search #mile .filter-btn {
	width: 100%;
	height: 70px;
	font-family: var(--ff-serif);
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.02em;
	text-align: center;
	color: var(--color-ac);
	background-color: #FFD4D4;
	border-radius: 50px;
}
#pointget #search #mile .filter-btn.active {
	color: #fff;
	background-color: var(--color-ac);
}
#pointget #search #mile .shop-list {
	display: grid;
	grid-auto-flow: column;
	grid-template-rows: repeat(2, auto);
	grid-auto-columns: 246px;
	gap: 26px 32px;
	width: max-content;
	margin: 24px auto 40px;
}
#pointget #search #mile .shop-list li {
  position: relative;
  flex-shrink: 0;
  width: 240px;
}
#pointget #search #mile .shop-list li a {
  display: block;
}
#pointget #search #mile .shop-list li figure {
  display: block;
  border: 1px solid #D5D5D5;
}
#pointget #search #mile .shop-list li .name {
  font-size: 12px;
  margin: 5px 0 0;
}
#pointget #search #mile .shop-list li .label {
  position: absolute;
  top: -24px;
  right: -24px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #FFF;
  font-size: 11px;
  font-weight: bold;
  background: linear-gradient(-45deg, #AC0F14 0%, #AC0F14 50%, #CC090F 50%, #CC090F 100%);
  z-index: 1;
}
#pointget #search #mile .shop-list li .label .label-num {
  font-size: 23px;
}
#pointget #search #mile .shop-list li .label .label-top {
  line-height: 1;
}
#pointget #search #mile .shop-list li .label .label-bottom {
  line-height: 1.2;
}
#pointget #search #mile .more-btn {
	margin-top: 40px;
}
@media screen and (min-width: 769px) {
	#pointget #search #mile .filter-wrap {
		display: flex;
		background: #FFD4D4;
		border-radius: 50px;
		margin-bottom: 60px;
	}
	#pointget #search #mile .filter-btn-list:nth-child(1) {
		flex: 5;
	}
	#pointget #search #mile .filter-btn-list:nth-child(2) {
		flex: 4;
	}
	#pointget #search #mile .filter-btn-list li {
		flex: 1;
	}
}
@media only screen and (max-width: 767px) {
	#pointget #search #mile .filter-wrap {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 10px;
		margin-bottom: 20px;
	}
	#pointget #search #mile .filter-btn-list {
		display: flex;
		justify-content: center;
		background: #FFD4D4;
		border-radius: 50px;
	}
	#pointget #search #mile .filter-btn {
		height: 40px;
		padding: 0 calc(18 / 430 * 100vw);
		font-size: calc(19 / 430 * 100vw);
	}
	#pointget #search #mile .shop-list {
		grid-template-rows: repeat(3, auto);
		grid-auto-columns: calc(166 / 430 * 100vw);
		column-gap: calc(20 / 430 * 100vw);
		margin: 15px 0 20px;
	}
	#pointget #search #mile .shop-list li {
		width: 100%;
	}
	#pointget #search #mile .shop-list li .label {
		top: -15px;
		right: -15px;
		width: 40px;
		height: 40px;
		font-size: 9px;
	}
	#pointget #search #mile .shop-list li .label .label-num {
		font-size: 16px;
	}
	#pointget #search #mile .more-btn {
		margin-top: 30px;
	}
}

/* pickup */
#pointget #search #pickup .pickup-box__item {
	padding: 40px;
	border: 1px solid #ccc;
}
#pointget #search #pickup .pickup-box__item + .pickup-box__item {
	margin-top: 40px;
}
#pointget #search #pickup .pickup-box__info {
	display: flex;
	gap: 0 20px;
	margin: 0 0 60px;
}
#pointget #search #pickup .pickup-box__info-img {
	width: 320px;
	flex-shrink: 0;
}
#pointget #search #pickup .pickup-box__info-text .name {
	margin: 0 0 15px;
	font-weight: bold;
	font-size: 18px;
}
#pointget #search #pickup .pickup-box__info-text .text {
	margin: 0 0 20px;
}
#pointget #search #pickup .pickup-box__item .block-thumbnail-t {
	gap: 30px 35px;
	padding-bottom: 0;
}
#pointget #search #pickup .pickup-box__item .block-thumbnail-t > li {
	width: calc((100% - (35px*3))/4);
}
#pointget #search #pickup .label {
	flex-shrink: 0;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	background: linear-gradient(-45deg, #AC0F14 0%, #AC0F14 50%, #CC090F 50%, #CC090F 100%);
	z-index: 1;
}
#pointget #search #pickup .label .label-num {
	font-size: 23px;
}
#pointget #search #pickup .label .label-top {
	line-height: 1.2;
}
#pointget #search #pickup .more-btn a {
	margin-left: 0;
	font-family: var(--ff-sans);
	background: #cc0000;
	border-radius: 5px;
}
@media screen and (max-width: 767px) {
	#pointget #search #pickup .pickup-box__item {
		width: 100%;
		padding: 20px 15px;
	}
	#pointget #search #pickup .pickup-box__info {
		position: relative;
		flex-direction: column;
		gap: 20px;
		margin: 0 0 30px;
	}
	#pointget #search #pickup .pickup-box__info-img {
		width: calc(100% - calc(70 / 430 * 100vw) - 20px);
	}
	#pointget #search #pickup .pickup-box__info-text .name {
		gap: 10px;
		font-size: 17px;
	}
	#pointget #search #pickup .label {
		position: absolute;
		top: 10px;
		right: 0;
		width: calc(70 / 430 * 100vw);
		height: calc(70 / 430 * 100vw);
		font-size: calc(15 / 430 * 100vw);
	}
	#pointget #search #pickup .label .label-num {
		font-size: 16px;
	}
}

/* newopen */
#pointget #search #newopen .pickup-box {
	display: flex;
	justify-content: center;
	gap: 20px;
	padding: 40px;
	border: 1px solid #ccc;
}
#pointget #search #newopen .pickup-box__item {
	width: 330px;
	padding: 40px 20px;
	border: 1px solid #ccc;
}
#pointget #search #newopen .pickup-box__info {
	display: flex;
	flex-direction: column;
	gap: 0 20px;
}
#pointget #search #newopen .pickup-box__info-img {
	width: 90%;
	margin: 0 auto;
}
#pointget #search #newopen .pickup-box__info-text .name {
	margin: 0 0 15px;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}
#pointget #search #newopen .pickup-box__info-text .text {
	margin: 0 0 20px;
}
#pointget #search #newopen .more-btn a {
	font-family: var(--ff-sans);
	background: #cc0000;
	border-radius: 5px;
}
@media screen and (max-width: 767px) {
	#pointget #search #newopen .pickup-box {
		flex-direction: column;
		padding: 15px;
	}
	#pointget #search #newopen .pickup-box__item {
		width: 100%;
		padding: 20px 15px;
	}
	#pointget #search #newopen .pickup-box__info {
		flex-direction: column;
		gap: 20px;
	}
	#pointget #search #newopen .pickup-box__info-img {
		width: 100%;
	}
	#pointget #search #newopen .pickup-box__info-text .name {
		gap: 10px;
		font-size: 17px;
	}
}

/* purpose */
#pointget #search #purpose .purpose-content + .purpose-content {
	margin-top: 80px;
}
#pointget #search #purpose .purpose-content .title {
	width: fit-content;
	margin: 0 auto 30px;
	padding: 0 0 5px;
	font-size: 30px;
	border-bottom: 1px solid #cc0000;
}
#pointget #search #purpose .purpose-content .more-btn a {
	width: 140px;
	height: 36px;
	margin: 0 0 0 auto;
	font-family: var(--ff-sans);
	font-size: 13px;
	background: #cc0000;
}
#pointget #search #purpose .block-thumbnail-t {
	gap: 30px;
	padding-bottom: 0;
}
#pointget #search #purpose .block-thumbnail-t > li {
	width: calc((100% - (30px*4))/5);
}
@media only screen and (max-width: 767px) {
	#pointget #search #purpose .purpose-content + .purpose-content {
		margin-top: 40px;
	}
	#pointget #search #purpose .purpose-content .title {
		margin: 0 auto 25px;
		font-size: calc(22 / 430 * 100vw);
	}
	#pointget #search #purpose .purpose-content .more-btn a {
		width: 230px;
		height: 30px;
		margin: 0 auto;
		border-radius: 0;
	}
}

/*-----------------------------------------
  campaign recommend
-----------------------------------------*/
#pointget #search #campaign .campaign_list {display: flex; justify-content: center; flex-wrap: wrap; gap: 30px 15px; margin-top: 40px;}
#pointget #search #campaign .campaign_list > li { width: calc((100% - 15px * 3)/4); align-self: stretch; background-color: #fff;}
#pointget #search #campaign .campaign_list .list_item_detail { padding: 5%; border: none; word-break: break-all;}
#pointget #search #campaign .campaign_list .list_item_detail .text-period { display: block; margin-bottom: 5px; color:#cc0000;}
#pointget #search #campaign .campaign_list .list_item_detail_comment1 { margin-bottom: 5px; font-size: 16px; font-weight: bold; color: #000000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#pointget #search #campaign .campaign_list .list_item_detail_comment2 { font-size: 13px;}
@media (max-width: 767px) {
  #pointget #search #campaign .campaign_list { justify-content: flex-start; margin-top: 30px; }
  #pointget #search #campaign .campaign_list > li { width: calc((100% - 15px)/2);}
	#pointget #search #campaign .campaign_list .list_item_detail_comment1 { font-size: 14px;}
	#pointget #search #campaign .campaign_list .list_item_detail .text-period { font-size: 10px;}
}

/*-----------------------------------------
campaign
-----------------------------------------*/
#pointget .sec-campaign {
	padding: 100px 0;
}
#pointget .sec-campaign .title {
	padding: 0;
}
#pointget .sec-campaign .title::after {
	content: none;
}
#pointget .sec-campaign .campaign-body {
	background-color: #FFFFFF;
	border-radius: 5px;
	padding: 60px;
}
#pointget .sec-campaign .campaign-body dt {
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 0.04em;
	line-height: 1.44;
}
#pointget .sec-campaign .campaign-body dd + dt {
	margin-top: 24px;
}
#pointget .sec-campaign .campaign-body dd {
	margin-top: 5px;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 0.04em;
	line-height: 1.625;
}
#pointget .sec-campaign .campaign-body .is-bold {
	font-weight: 500;
}
#pointget .sec-campaign .campaign-body ul li {
	text-indent: -1em;
	padding-left: 1em;
}
#pointget .sec-campaign .campaign-body ul li + li {
	margin-top: 8px;
}
#pointget .btn-top {
	margin: 50px auto 0;
	width: 454px;
}
#pointget .btn-top a {
	background-color: #fff;
	border-style: solid;
	border-width: 1px;
	border-radius: 9999px;
	color: #CC0000;
	display: block;
	font-size: 21px;
	font-weight: bold;
	line-height: calc(30 / 21);
	text-align: center;
	padding: 11px 0;
}
html[data-browse-mode="S"] #pointget .sec-campaign {
	padding: 40px 0;
}
html[data-browse-mode="S"] #pointget .sec-campaign .campaign-body {
	border-radius: 5px;
	padding: calc(24 / 430 * 100vw) calc(20 / 430 * 100vw);
}
html[data-browse-mode="S"] #pointget .sec-campaign .campaign-body dt {
	font-size: calc(14 / 430 * 100vw);
}
html[data-browse-mode="S"] #pointget .sec-campaign .campaign-body dd + dt {
	margin-top: calc(16 / 430 * 100vw);
}
html[data-browse-mode="S"] #pointget .sec-campaign .campaign-body dd {
	font-size: calc(14 / 430 * 100vw);
}
html[data-browse-mode="S"] #pointget .sec-campaign .campaign-body ul li + li{
	margin-top: 0;
}
html[data-browse-mode="S"] #pointget .btn-top {
	margin-top: 40px;
	width: calc(340 / 430 * 100vw);
}
html[data-browse-mode="S"] #pointget .btn-top a {
	font-size: 16px;
	line-height: 1.5;
	padding: calc(8 / 430 * 100vw) 0;
	border-radius: calc(40 / 430 * 100vw);
}

/*-----------------------------------------
関連イベント
-----------------------------------------*/
#pointget .event_frame h2,
#pointget .event_frame .more-btn,
#pointget .event_frame .read-more {
	display: none;
}
#pointget .block-top-event--goods {
	margin-bottom: 0;
}
#pointget .block-thumbnail-t {
	flex-wrap: nowrap;
}
#pointget .block-thumbnail-t > li {
	margin: 0;
}
#pointget .block-thumbnail-t--goods-image figure {
	width: unset;
	height: 100%;
}
html[data-browse-mode="S"]  #pointget .block-top-event--goods {
	margin-bottom: calc(20 / 375 * 100vw);
}
html[data-browse-mode="S"] .block-thumbnail-t {
	/*overflow-x: auto;*/
}
html[data-browse-mode="S"] .block-thumbnail-t--items {
	flex-wrap: nowrap;
	width: max-content;
	padding-left: 0;
}
html[data-browse-mode="S"] .block-thumbnail-t--items li {
	width: calc(166 / 430 * 100vw);
	margin: 0 calc(20 / 430 * 100vw) calc(15 / 430 * 100vw) 0
}
html[data-browse-mode="S"] .block-thumbnail-t--items li .block-thumbnail-t--goods-image figure {
	min-width: auto;
	min-height: auto;
}
#pointget .block-ranking-r--items {
	display: flex;
	column-gap: 30px;
	flex-wrap: nowrap;
	margin-bottom: 60px;
}
#pointget .block-ranking-r--items>li {
	margin: 0;
}
#pointget .block-top-event--header {
	display: none;
}
html[data-browse-mode="S"] #pointget .block-ranking-r--items {
	overflow-x: visible;
	margin-bottom: 0;
}
html[data-browse-mode="S"] #pointget .block-ranking-r--items .block-ranking-r--price-infos {
	position: relative;
}
html[data-browse-mode="S"] #pointget .block-ranking-r--items .block-goods-favorite {
	top: -10px;
	bottom: auto !important;
}