@charset "utf-8";
/* ====================================================
foundation
==================================================== */

/* reset
---------------------------------------------------- */
*,
*::before,
*::after {
box-sizing: border-box;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
input, select {
	vertical-align:middle;
}
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:700;
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
}

/* base
---------------------------------------------------- */
:root {
	--color-wht: #fff;
	--color-blk: #111;
	--color-blk-txt: #333;
	--color-blu: #1589ee;
	--color-red: #e60000;
	--color-gry: #ccc;
	--color-gry-txt: #888;
  }
html {
	font-size: 62.5%;
}
/* heading */
h1, h2, h3, h4, h5, h6 {
	word-wrap: break-word;
}
/* image */
.img__wrap {
	position: relative;
	overflow: hidden;
	background: var(--color-wht);
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border: 0;
}
.img__wrap img{
	transition-duration: 0.2s;
}
.img__wrap:hover img{
	transform: scale(1.05);
	transition-duration: 0.2s;
}
.c-object-fit--cover {
	width: 100vw;
	height: 100vh;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
}
.c-object-fit--contain {
	width: 100vw;
	height: 100vh;
	-o-object-fit: contain;
	   object-fit: contain;
	-o-object-position: center;
	   object-position: center;
}

/* form */
input,
select,
textarea,
button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	border-radius: 0;
	font: inherit;
	outline: none;
	font-family: inherit !important;
	font-size: 1.6rem;
}
input,
select,
textarea {
	width: 100%;
	padding: 1.2rem;
	background: var(--color-wht);
	border: 1px solid var(--color-gry);
}
textarea {
	resize: vertical;
}
input:focus,
select:focus,
textarea:focus {
	box-shadow: 0 0 7px var(--color-blu);
	border: 1px solid var(--color-blu);
	outline: none;
}
button:focus {
	outline:0;
}



/* main
---------------------------------------------------- */
.header__logo a {
	text-decoration: none !important;
}
/* main
---------------------------------------------------- */
.l-main {
	display: block;
}


/* ====================================================
object
==================================================== */
/* component // 共通コンポーネント
---------------------------------------------------- */
/* inner */
.c-inner {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.c-inner--xs {
	max-width: 640px;
}
.c-inner--s {
	max-width: 800px;
}
.c-inner--m {
	max-width: 1000px;
}
.c-inner--l {
	max-width: 1200px;
}
.c-inner--xl {
	max-width: 1600px;
}

/* project wrap */
.c-project__wrap {
	margin-top: 40px;
	margin-bottom: 64px;
}
@media screen and (min-width:960px) {
	.c-project__wrap {
		margin-bottom: 80px;
	}
}
@media screen and (min-width:1200px) {
	.c-project__wrap {
		margin-top: 64px;
	}
}

/* search wrap */
.c-search__wrap + .c-project__wrap {
	margin-top: 16px;
}

/* category wrap */
.c-category__wrap {
	margin: 0 auto 40px;
}
@media screen and (min-width:560px) {
	.c-category__wrap {
		margin: 0 auto 40px;
	}
}
.c-search__wrap + .c-category__wrap {
	margin-top: 16px;
}

/* section wrap */
.c-sec__wrap {
	margin-bottom: 40px;
}
@media screen and (min-width:560px) {
	.c-sec__wrap {
		margin-bottom: 64px;
	}
}

/* message */
.c-message__txt {
	margin-bottom: 160px;
	text-align: center;
}
.notshoppublic .c-message__txt {
	margin-top: 160px;
}

/* br */
.pc-only {
	display: none;
}
@media screen and (min-width:560px) {
	.sp-only {
		display: none;
	}
	.pc-only {
		display: block;
	}
}

/* display */
.c-landscape,
.c-portrait {
	display: none;
}
@media screen and (orientation: landscape) {
	.c-landscape {
		display: block;
	}
}
@media screen and (orientation: portrait) {
	.c-portrait {
		display: block;
	}
}

/* ====================================================
project
==================================================== */
/* home
---------------------------------------------------- */
/* about */
.p-top-about__title {
	margin-bottom: 24px;
	font-size: 2.4rem;
}
.p-top-about__contents {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.p-top-about__img {
	margin-bottom: 24px;
}
.p-top-about__img img {
	width: 100%;
}
@media screen and (min-width:1200px) {
	.p-top-about__contents.c-col--2 {
		display: flex;
		justify-content: space-between;
		align-items: center;
		max-width: 100%;
	}
	.p-top-about__contents.c-col--2 .p-top-about__title.u-txt--c {
		text-align: left !important;
	}
	.p-top-about__contents.c-col--2 .p-top-about__img {
		width: 48%;
		margin-bottom: 0;
	}
	.p-top-about__contents.c-col--2 .p-top-about__box {
		width: 48%;
	}
	.p-top-about__contents.c-col--2 .c-sec__txt {
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.p-top-about__contents.c-col--2 .c-sec__txt.u-txt--c {
		text-align: left !important;
	}
}

/* blog list */
.p-blog__list {
	display: flex;
	flex-wrap: wrap;
	row-gap: 24px;
	margin-bottom: 40px;
}
.p-blog__listitem {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
}
.p-blog__listitem a {
	display: block;
}
.p-blog__img {
	position: relative;
	width: 45%;
	height: 0;
	padding-top: 33.3333%;
	background: var(--color-wht);
}
.p-blog__img::before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.p-blog__img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.p-blog__txt {
	width: 50%;
}
@media screen and (min-width:560px) {
	.p-blog__title {
		font-size: 1.8rem;
	}
	.p-blog__list {
		column-gap: 4%;
		row-gap: 40px;
		margin-bottom: 64px;
	}
	.p-blog__listitem {
		flex-direction: column;
		justify-content: start;
		width: 48%;
	}
	.p-blog__img {
		width: 100%;
		margin-bottom: 8px;
		padding-top: 66.6666%;
	}
	.p-blog__txt {
		width: 100%;
	}
}
@media screen and (min-width:960px) {
	.p-blog__list {
		column-gap: 5%;
		row-gap: 64px;
	}
	.p-blog__listitem {
		width: 30%;
	}
}

/* item list */
body#shopTopPage .itemList {
	display: flex;
	flex-wrap: wrap;
	column-gap: 4%;
	row-gap: 40px;
	margin-bottom: 40px;
}
body#shopTopPage .item {
	width: 48%;
}
body#shopTopPage .item .itemImg + a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 8px;
	margin-top: 8px;
}
body#shopTopPage .item .itemTitle {
	width: 100%;
}
body#shopTopPage .item .itemDetail {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}
@media screen and (min-width:960px) {
	body#shopTopPage .itemList {
		column-gap: 5%;
		row-gap: 64px;
		margin-bottom: 64px;
	}
	body#shopTopPage .item {
		width: 30%;
	}
}

/* item img */
body#shopTopPage .item .itemImg {
	overflow: visible !important;
	background: var(--color-wht);
}
body#shopTopPage .item .itemImg a {
	display: block;
	position: relative;
}
body#shopTopPage .item .itemImg a::before {
	content: '';
	display: block;
	padding-top: 100%;
}
body#shopTopPage .item .itemImg img.image-resize {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}

/* item title */
body#shopTopPage .item a .itemTitle h2 {
	display: block;
	line-height: 1.4;
}
@media screen and (min-width:560px) {
	body#shopTopPage .item a .itemTitle h2 {
		font-size: 1.8rem;
	}
}

/*item txt*/
.itemList .itemPrice,
.discountPrice,
.communityItemPrice {
	font-size: 1.4rem;
	font-weight: 700;
	word-break: initial;
	overflow-wrap: break-word;
}
@media screen and (min-width:560px) {
	.itemDetail {
		display: inline-block;
		/* margin-right: 4px; */
	}
}

/*item more*/
#loading {
	display: none !important;
}

/*massage app*/
.js-open #x_message .msg_startButton {
	z-index: 1;
}
@media screen and (max-width: 480px) {
	#x_message .msg_startButton {
		display: block !important;
		position: fixed !important;
		left: auto !important;
		right: 2.5% !important;
		bottom: 2.5% !important;
		z-index: 9999 !important;
		width: 60px !important;
		height: 60px !important;
		border-radius: 60px !important;
		box-shadow: 0 0 15px 0 rgba(51,66,88,.2) !important;
		cursor: pointer !important;
		transition: all .1s ease !important;
	}
	#x_message .msg_startButton__icon {
		display: block !important;
		font-size: 24px !important;
		line-height: 60px!important;
		padding: 0 !important;
	}
	#x_message .msg_startButton__text {
		display: none !important;
	}
}

/* about
---------------------------------------------------- */
.p-about__intro {
	margin-bottom: 40px;
}
.p-abuot__intro--wrap {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.p-abuot__intro--wrap + .p-abuot__intro--wrap {
	margin-top: 64px;
}
.p-abuot__intro--title {
	margin-bottom: 24px;
	font-size: 2.4rem;
	line-height: 1.4;
}
.p-abuot__intro--img {
	margin-bottom: 24px;
}
.p-abuot__intro--img img {
	width: 100%;
}
@media screen and (min-width:960px) {
	.p-abuot__intro--wrap.c-col--2 {
		display: flex;
		justify-content: space-between;
		max-width: 100%;
	}
	.p-abuot__intro--wrap + .p-abuot__intro--wrap {
		margin-top: 80px;
	}
		.p-abuot__intro--wrap.c-col--2 + .p-abuot__intro--wrap.c-col--2 {
		flex-direction: row-reverse;
	}
	.p-abuot__intro--wrap.c-col--2 .p-abuot__intro--title.u-txt--c {
		text-align: left !important;
	}
	.p-abuot__intro--wrap.c-col--2 .p-abuot__intro--img {
		width: 48%;
		margin-bottom: 0;
	}
	.p-abuot__intro--wrap.c-col--2 .p-abuot__intro--box {
		width: 48%;
	}
	.p-abuot__intro--wrap.c-col--2 .c-sec__txt {
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.p-abuot__intro--wrap.c-col--2 .c-sec__txt.u-txt--c {
		text-align: left !important;
	}
}
/* shop info */
.p-shop__info {
	margin-bottom: 40px;
}
.p-shop__title {
	margin-bottom: 24px;
	font-size: 2.4rem;
	line-height: 1.4;
}
.p-shop__txt {
	margin-bottom: 24px;
}
.p-shop__map iframe {
	width: 100%;
	height: 400px;
}
@media screen and (min-width:960px) {
	.p-access__wrap {
		display: flex;
		justify-content: space-between;
	}
	.p-shop__info {
		width: 45%;
		margin-bottom: 0;
	}
	.p-shop__map {
		width: 50%;
	}
}

/* about other */
.c-anc__point {
	padding-top: 104px;
	margin-top: -80px;
}
/* guide */
.p-guide__wrap + .p-guide__wrap {
	margin-top: 64px;
}
.p-guide__txt {
	white-space: pre-line;
}
/* shipping */
.p-shipping__terms {
	font-size: 0;
}
.p-shipping__terms span {
	font-size: 1.8rem;
	font-weight: 700;
}
.p-shipping__annotation {
	margin-bottom: 24px;
	font-size: 1.3rem;
}
/* payment */
.p-guide__txt + .p-payment__wrap {
	margin-top: 40px;
}
.p-payment__wrap {
	margin-bottom: 40px;
}
.p-payment__title {
	align-self: center;
	margin-bottom: 8px;
	font-size: 1.8rem;
	font-weight: 700;
}
.p-payment__img {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.p-payment__img--border-none,
.p-payment__img--box {
	margin-right: 4px;
	margin-bottom: 4px;
	border-radius: 3px;
}
.p-payment__img--border-none {
	overflow: hidden;
	width: 64px;
	height: 48px;
}
.p-payment__img--box {
	display: flex;
	align-items: center;
	align-self: stretch;
	padding: 8px;
	background: #fff;
}
.p-payment__img--pc {
	display: none;
}
.p-payment__img img {
	max-height: 40px;
}
.p-payment__img img[src*=payid] {
	max-height: 36px !important;
}
.p-payment__img img[src*=creditcard] {
	max-height: 48px;
	width: 100%;
	height: 100%;
	transform: scale(1.1);
	object-fit: cover;
	object-position: center;
	border-radius: 3px;
}
.p-payment__img img[src*=docomo] {
	max-height: 16px;
}
.p-payment__img img[src*=au_vertical],
.p-payment__img img[src*=softbank_vertical] {
	max-height: 32px;
}
.p-payment__img img[src*=cvs] {
	max-height: 36px;
}
.p-payment__img img[src*=amazon_pay],
.p-payment__img img[src*=paypal] {
	max-height: 32px;
}
.p-payment__img img[src*=atobarai] {
	max-height: 120px;
}

@media screen and (min-width:768px) {
	.p-payment__wrap {
		display: flex;
		flex-wrap: wrap;
	}
	.p-payment__title {
		width: 240px;
		margin-bottom: 0;
	}
	.p-payment__img--border-none,
	.p-payment__img--box {
		margin-bottom: 0;
	}
	.p-payment__img {
		width: calc(100% - 240px);
	}
}
@media screen and (min-width:960px) {
	.p-payment__img--sp {
		display: none;
	}
	.p-payment__img--pc {
		display: block;
	}
	.p-payment__img img[src*=atobarai] {
		max-height: 80px;
	}
}
@media screen and (min-width:1200px) {
	.c-anc__point {
		padding-top: 120px;
		margin-top: -120px;
	}
}
/* cancelreturn */
.p-cancelreturn__wrap + .p-cancelreturn__wrap {
	margin-top: 40px;
}
.p-cancelreturn__title {
	margin-bottom: 8px;
	font-size: 1.8rem;
}
/* faq */
.p-faq__wrap + .p-faq__wrap {
	margin-top: 40px;
}
.p-faq__title {
	display: flex;
	margin-bottom: 8px;
	font-weight: 700;
}
.p-faq__wrap .p-guide__txt {
	align-self: center;
	margin-left: 8px;
}
.p-faq__detail {
	display: flex;
}
.p-faq__icon--q,
.p-faq__icon--a {
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: flex-start;
}
.p-faq__icon--q::before,
.p-faq__icon--a::before {
	display: block;
	padding: 0 8px;
	font-size: 1.8rem;
	font-weight: 700;
}
.p-faq__icon--q::before {
	content: "Q";
	filter: invert(100%) grayscale(100%) contrast(100);
}
.p-faq__icon--a::before {
	content: "A";
}

/* blog
---------------------------------------------------- */
.p-blogpage__wrap {
	display: flex;
	flex-wrap: wrap;
	row-gap: 40px;
	margin-bottom: 40px;
}
.blog_inner {
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%;
	padding: 0 !important;
	border-bottom: none !important;
}
.blog_head_image {
	order: 1;
	position: relative;
	width: 100%;
	height: 0;
	margin-bottom: 8px;
	padding-top: 66.6666%;
	background: var(--color-wht);
}
.blog_head_image.hide {
	display: block !important;
}
.blog_head_image::before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.blog_head_image a {
	display: block;
}
.blog_head_image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.blog_title {
	order: 2;
}
.main #about.blogListMain h2 {
	font-size: 1.8rem !important;
}
.main #about.blogListMain .blog_publish {
	order: 3;
	margin: 8px auto 0 0 !important;
}
.main #about.blogListMain .blog_publish .publish_date {
	font-size: 1.5rem !important;
}
.blog_contents {
	display: none;
}
.blogDetail .blog_contents {
	display: block;
}
.blogDetail .blog_inner {
	width: 100%;
	margin-right: 0;
}
.main #about.blogDetail .blog_title h2 {
	font-size: 2.1rem !important;
}
.main #about.blogDetail .blog_publish {
	margin: 16px auto 24px 0 !important;
	font-size: 1.5rem !important;
}
.movie__wrap iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
}
/* pagination */
.blogListMain .paginate-wrp {
	margin-top: 0;
}
.blogListMain ul.paginate {
	justify-content: center;
	gap: 4px;
}
.blogListMain .paginate li {
	margin: 0;
	font-weight: 700;
}
.blogListMain .paginate li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	padding: 10px;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
	text-decoration: none;
}
.blogListMain .paginate .current a {
	opacity: 1;
}
.blogListMain .paginate .current a,
.blogListMain .paginate li a:hover {
	background: inherit;
	color: inherit;
}
.blogListMain .paginate li.prev a::after,
.blogListMain .paginate li.next a::after {
	content: "";
	width: 8px;
	height: 8px;
	border-right: 2px solid;
	border-bottom: 2px solid;
	line-height: 1;
}
.blogListMain .paginate li.next a::after {
	transform: rotate(-45deg);
	margin-left: -3px;
}
.blogListMain .paginate li.prev a::after {
	transform: rotate(135deg);
	margin-right: -3px;
}
@media screen and (min-width:560px) {
	.p-blogpage__wrap {
		column-gap: 4%;
	}
	.blog_inner {
		width: 48%;
	}
}
@media screen and (min-width: 768px) {
	.main #about.blogDetail {
		max-width: 1000px;
		margin: 0 auto;
	}
}
@media screen and (min-width:960px) {
	.p-blogpage__wrap {
		column-gap: 5%;
		row-gap: 64px;
	}
	.blog_inner {
		width: 30%;
	}
}
/* search
---------------------------------------------------- */
.titleForSearchResult {
	width: auto;
	margin: 40px auto 0 !important;
	padding: 0 !important;
	font-size: 24px !important;
	font-weight: 700 !important;
}

/* item detail
---------------------------------------------------- */
body#shopDetailPage header h1.itemTitle {
	margin-bottom: 16px;
	font-size: 2.4rem;
	line-height: 1.4;
}
body#shopDetailPage .itemImgSlide {
	margin-bottom: 8px;
}
body#shopDetailPage .itemImg li {
	width: 100% !important;
}
body#shopDetailPage #slideImg .imgBox {
	background: var(--color-wht);
	border-radius: 0;
	text-align: center;
}
body#shopDetailPage #slideImg .imgBox img {
	width: 100%;
	vertical-align: middle;
}
body#shopDetailPage #slideImg .imgBox img.label_image {
	width: auto;
}
body#shopDetailPage .mCustomScrollbar {
	touch-action: initial;
}
body#shopDetailPage #slideImgPager .mCSB_inside > .mCSB_container {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
body#shopDetailPage #slideImgPager li {
	width: 19.2% !important;
}
body#shopDetailPage #slideImgPager li + li {
	margin-left: 1%;
	margin-bottom: 1%;
}
body#shopDetailPage #slideImgPager li:nth-of-type(5n+1) {
	margin-left: 0;
}
body#shopDetailPage #slideImgPager .mCSB_inside > .mCSB_container a {
	display: block;
}
body#shopDetailPage #slideImgPager .smallImgBox {
	background: var(--color-wht);
	text-align: center;
}
body#shopDetailPage #slideImgPager .smallImgBox img {
	width: 100% !important;
	vertical-align: middle;
}
body#shopDetailPage .mCSB_scrollTools {
	display: none !important;
}
body#shopDetailPage #purchase_form {
	margin-bottom: 35px;
}
body#shopDetailPage #purchase_form select {
	cursor: pointer;
}
body#shopDetailPage #purchase_form #purchaseSelect {
	margin: 0;
}
body#shopDetailPage #purchase_form .purchaseElement {
	margin-bottom: 24px;
}
body form[id] #variationSelectWrap,
body form[id] .itemOptionElement {
	margin-bottom: 24px;
}
body#shopDetailPage #purchase_form input,
body#shopDetailPage #purchase_form select {
	display: block;
	overflow: hidden;
	width: 100%;
	min-height: 40px;
	border-radius: 0;
	box-sizing: border-box;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}
body#shopDetailPage #purchase_form #itemSelect input::placeholder {
	font-size: 14px;
	color: #CCCCCC;
}
body#shopDetailPage #purchase_form label {
	font-size: 14px;
	margin: 16px 0 8px 0;
	line-height: 1.4;
	display: block;
}
body#shopDetailPage #purchase_form .itemOption__caption {
	font-size: 12px;
	margin: 8px 0 8px 0;
	line-height: 1.4;
	display: block;
}
body#shopDetailPage #purchase_form .itemOption__bottomCaptionBlock {
	overflow: hidden;
}
body#shopDetailPage #purchase_form #amountSelect {
	width:auto;
	max-width: 375px;
}
body#shopDetailPage #purchase_form .purchaseElement label {
	margin-right: 8px;
}
body#shopDetailPage .itemPrice h2 {
	display: flex;
	flex-wrap: wrap;
	row-gap: 8px;
	margin-bottom: 16px;
	font-size: 2.4rem;
	text-align: left;
}
body#shopDetailPage .itemPrice{
	word-break: break-word;
}
body#shopDetailPage .itemPrice .discountPrice__default {
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	margin-right: 10px;
	text-decoration: line-through;
	vertical-align: top;
}

/* bnplBanner */
.bnplBanner {
	margin-bottom: 16px;
}


body#shopDetailPage .membershipPoint__amountWrapper {
	margin-bottom: 8px;
	font-size: 1.5rem;
}
body#shopDetailPage .membershipPoint__amount {
	font-size: 1.8rem;
}
body#shopDetailPage .itemDescription {
	margin: 40px 7px 24px 0;
	word-break: break-all;
}
body#shopDetailPage .itemDescription p {
	line-height: 24px;
}
body.shop #embedded-tag {
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 24px;
	padding: 20px 0 0;
}
body#shopDetailPage #embedded-tag p {
	color: #000;
	margin: 0 0 5px;
}
body#shopDetailPage #embedded-tag textarea {
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	color: #838383;
	padding: 5px;
	width: 100%;
}
.purchaseButtonModal__submit {
	color: #3d3d3d;
}
body#shopDetailPage #purchase_form .purchaseButton .purchaseButton__btn:hover {
	cursor: pointer;
	opacity: 0.8;
}
body#shopDetailPage #purchase_form .purchaseButton .purchaseButton__btn.purchaseButton__btn--comingSoonStay:disabled {
	cursor: not-allowed;
}
body#shopDetailPage #purchase_form .purchaseButton .purchaseButton__btn.purchaseButton__btn--notApplying:disabled {
	cursor: not-allowed;
}
body#shopDetailPage #purchase_form .purchaseButton .purchaseButton__btn:disabled {
	position: relative;
	background: #000;
	cursor: not-allowed;
}
body#shopDetailPage #purchase_form .purchaseButton .purchaseButton__btn:disabled::after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.7);
}
body#shopDetailPage #purchase_form .purchaseButton .purchaseButton__btn:disabled:hover {
	opacity: 1;
}
body#shopDetailPage .shareButtons {
	display: flex;
	font-size: 0;
	margin-bottom: 8px;
}
body#shopDetailPage .shareButtons > div{
	margin-right: 4px;
}
#appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_description {
	font-size: inherit;
}
body #purchase_form #itemSelect #valiationSelect,
body #purchase_form #itemSelect select.itemOption__select,
body form[id] #itemSelect #amountSelect,
body form[id] #itemSelect #valiationSelect,
body form[id] #itemSelect select.itemOption__select {
	position: relative;
	width: 100%;
	min-height: 40px !important;
	border-radius: 0 !important;
	line-height: 1.4 !important;
}
.appsItemDetailCustom_3H2wgTmx #appsItemDetailCustomTag .appsItemDetailCustomTag_heading {
	font-size: 2.1rem !important;
}
.baseCarousel_3qtIVzRm .baseCarousel__caption_2rFuVVhI {
	font-size: inherit !important;
}
#communityPurchase .communitySignin p {
	text-align: left;
}
.p-related__wrap {
	display: flex;
	flex-wrap: wrap;
}
.p-related__listitem {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 40px;
}
.p-related__listitem:nth-of-type(2n) {
	margin-right: 0;
}
.p-related__img {
	background: var(--color-wht);
}
.p-related__img a {
	display: block;
}
.p-related__title {
	padding-top: 8px;
	font-size: 1.8rem;
}
.p-related__listitem p {
	font-weight: 700;
}
@media screen and (min-width:768px) {
	body#shopDetailPage header h1.itemTitle {
		font-size: 3rem;
		margin-bottom: 24px;
	}
	.row__wrap {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	body#shopDetailPage #mainContent .item {
		position: relative;
		width: 60%;
		max-width: 560px;
	}
	body#shopDetailPage #slideImgPager li {
		width: 11.625% !important;
	}
	body#shopDetailPage #slideImgPager li + li {
		margin-left: 1%;
		margin-bottom: 1%;
	}
	body#shopDetailPage #slideImgPager li:nth-of-type(5n+1) {
		margin-left: 1%;
	}
	body#shopDetailPage #slideImgPager li:nth-of-type(8n+1) {
		margin-left: 0;
	}
	body#shopDetailPage #mainContent .purchase {
		width: 35%;
		max-width: 360px;
	}
}
@media screen and (min-width:960px) {
	.p-related__listitem {
		width: 30%;
		margin-right: 5%;
	}
	.p-related__listitem:nth-of-type(2n) {
		margin-right: 5%;
	}
	.p-related__listitem:nth-of-type(3n) {
		margin-right: 0;
	}
}

/* modal */
/* 送料 */
#shopDetailPage .centeringFixForPostageInfo {
	position: fixed;
	top: 50%;
	left: 50%;
	right: auto;
	bottom: auto;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 720px;
	height: 90svh;
	min-height: initial;
	margin: auto;
	overflow: hidden;
}
#shopDetailPage .shippingModal__closeIcon {
	top: 20px;
	right: 16px;
}
#postageClose img {
	position: relative;
	top: 16px;
	right: 16px;
	z-index: 10002;
}
#shopDetailPage .shippingInfoBlock {
	width: 100%;
	height: auto;
	min-height: initial;
	max-height: initial;
	overscroll-behavior-y: contain;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
#shopDetailPage .shippingInfoBlock::-webkit-scrollbar {
	display: none;
}
#shopDetailPage .shippingInfo__inner {
	height: calc(90svh - 80px);
	margin-right: 4px;
	overflow-y: auto;
	overscroll-behavior-y: contain;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
#shopDetailPage .shippingInfo__inner::-webkit-scrollbar {
	display: none;
}

@media screen and (min-width: 600px) {
	#shopDetailPage .shippingModal__closeIcon {
		top: 22px;
	}
}
@media screen and (min-width: 700px) {
	#postageClose img {
		top: 24px;
		right: 24px;
	}
}
/*　年齢制限＆再入荷通知　*/
#shopDetailPage #salesPeriodModal .salesPeriodModal__container,
#shopDetailPage .purchaseButtonModal__container {
	position: relative;
	overflow-y: auto;
	overscroll-behavior-y: contain;
	width: 90%;
	max-width: 560px;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
#shopDetailPage #salesPeriodModal .salesPeriodModal__container::-webkit-scrollbar,
#shopDetailPage .purchaseButtonModal__container::-webkit-scrollbar {
	display: none;
}
@media screen and (max-height: 479px) {
	#shopDetailPage #salesPeriodModal .salesPeriodModal__container,
	#shopDetailPage .purchaseButtonModal__container {
		max-height: 90vh;
	}
}
/*　community*/
#shopDetailPage .communityModal {
	top: 50%;
	left: 50%;
	right: auto;
	bottom: auto;
	transform: translate(-50%, -50%);
	overflow-y: auto;
	overscroll-behavior-y: contain;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	scrollbar-width: none;
	width: 90%;
	max-width: 560px;
	color: #3d3d3d;
	max-height: 70vh;
}
#shopDetailPage .communityModal::-webkit-scrollbar {
	display: none;
}
@media screen and (max-height: 839px) and (orientation: landscape) {
	#shopDetailPage .communityModal {
		max-height: 90vh;
		margin: auto;
	}
}
/*　テイクアウト　*/
#shopDetailPage #takeoutModal .takeoutModal__container {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 480px;
	height: 90vh;
	overflow-y: auto;
	overscroll-behavior-y: contain;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
#shopDetailPage #takeoutModal .takeoutModal__container::-webkit-scrollbar {
	display: none;
}
@media screen and (max-height: 599px) {
	#shopDetailPage #takeoutModal .takeoutModal__container {
		max-height: 90vh;
	}
}
@media screen and (min-height: 600px) {
	#shopDetailPage #takeoutModal .takeoutModal__container {
		max-height: 560px;
	}
}
/* report */
.irBG {
	background-color: rgba(0, 0, 0, 0.5) !important;
}
.irContainer {
	position: fixed !important;
	top: 50% !important;
	transform: translateY(-50%);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	scrollbar-width: none;
	width: 90% !important;
	max-width: 400px;
	background-color: var(--colorWht) !important;
	border: none !important;
	box-shadow: none !important;
}
.irContainer::-webkit-scrollbar {
	display: none;
}
@media screen and (max-height: 599px) {
	.irContainer {
		top: 80px !important;
		left: auto;
		right: auto;
		bottom: auto;
		transform: translateY(0);
		max-height: calc(100vh - 96px);
		margin: auto;
	}
}
@media screen and (min-width: 1200px) and (max-height: 599px) {
	.irContainer {
		top: 96px !important;
		transform: translateY(0);
		max-height: calc(100vh - 112px);
	}
}
@media screen and (min-height: 600px) {
	.irContainer {
		top: 50% !important;
		transform: translateY(-50%);
	}
}
#IllegalReportTitle {
	height: 40px;
	padding: 0 8px;
}
#x_illegalReportMessage {
	width: 100%;
	padding: 8px;
}
#irContainer .btn.btn-danger {
	display: block !important;
	width: 90% !important;
	max-width: 280px;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 1em 1.5em;
	background: #da4f49 !important;
	box-sizing: border-box;
	text-decoration: none !important;
	line-height: 1.4;
	text-align: center;
}
@media (hover: hover) and (pointer: fine) {
	#openIllegalReport:hover {
		opacity: 1;
	}
}



/* community
---------------------------------------------------- */
#community .communityMain {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 100%;
}
#community .communityMain .communityTitle {
	position: relative;
	margin: 40px 0;
	font-size: 3.6rem;
	line-height: 1.4;
	text-align: left;
}
#community .communityMain .communityContent {
	flex-direction: column;
	gap: 32px;
	margin-bottom: 64px;
	padding: 0;
	border: none;
}
#community .communityMain .limited + .limited {
	margin-top: 64px;
}
#community .communityOverview,
#community .communityMain .communityContent .communityNav {
	width: 100%;
	margin: 0;
}
#community .communityMain .communityContent .communityNav {
	padding: 24px;
	background: var(--color-wht);
	border: 1px solid var(--color-gry);
	color: #252525;
}
#community .communityMain .communityTerm a {
	color: #252525 !important;
}
#community .communityMain .communitySignin {
	border: 1px solid var(--color-gry);
}
#community .communityMain .communityButton {
	border-radius: 0;
}
#community .communityMain .communityItemHeader,
#community .communityMain .communityUrlHeader {
	font-size: 2.1rem;
}

/* community item */
#community .communityMain #limitedItem {
	width: 100%;
}
#community .communityMain .communityItems {
	column-gap: 4%;
	row-gap: 40px;
}
#community .communityMain .communityItems .communityItem {
	width: 48%;
	margin-left: 0;
}
#community .communityMain .communityItems .communityItem a {
	display: block;
}
#community .communityMain .communityItems .communityItem .communityImageContainer {
	position: relative;
	width: 100%;
	height: auto;
	background: var(--color-wht);
}
#community .communityMain .communityItems .communityItem .communityImageContainer::before {
	content: '';
	display: block;
	padding-top: 100%;
}
#community .main .communityMain .communityItems .communityItem .communityImageContainer .communityImageResize {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#community .communityMain .communityItems .communityItem .communityItemTitle {
	width: 100%;
	max-height: inherit;
	overflow: inherit;
	margin: 0;
	padding: 8px 0 0;
	font-weight: 700;
}
#community .communityMain .communityItems .communityItem .communityItemLabel {
	font-size: 1.3rem;
}
#community .communityMain .communityItems .communityItem .communityItemMetaSub {
	margin-top: 0;
	margin-bottom: 0;
}
#community .communityMain .communityItems .communityItem .communityItemMeta{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
}
#community .communityMain .communityItems .communityItem .communityItemPrice {
	display: flex !important;
	flex-wrap: wrap;
	gap: 4px;
	align-items: center;
	width: fit-content;
}
#community .communityMain .communityItems .communityItem .communityItemPrice.discount .row__wrap--reverse {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
}
#community .communityMain .communityItems .communityItem .communityItemPrice.discount {
	display: inline-block;
}
#community .communityMain .communityItems .communityItem .communityItemPrice .discount {
	order: 1;
	display: inline-block;
	border-radius: 0;
	background-color: transparent;
	font-size: 1.2rem;
	color: inherit;
	font-weight: bold;
	margin: 0 !important;
	padding: 0;
}
.communityMain .communityItems .communityItem .communityItemPrice.soldOut {
	text-decoration: none !important;
}
#community .communityMain .communityItems .communityItem .communityItemLabel.soldOutText,
#community .communityMain .communityItems .communityItem .communityItemLabelBlock,
#community .communityMain .communityItems .communityItem .communityItemPrice .discount {
	margin: 0 !important;
}
#community .communityMain .communityItems .communityItem .communityItemLabelBlock.community {
	margin-top: 4px !important;
	background-color: transparent;
}

/* url box */
#community .communityMain #limitedUrl {
	width: 100%;
}
#community .communityMain #productsLimitedUrl {
	gap: 16px;
}
#community .communityMain #productsLimitedUrl .urlBox {
	width: 100%;
	margin: 0;
}
#community #communityButtonPayid__signinLink {
	text-decoration: none;
}
#community .communityMain .communityModalContent {
	max-height: calc(90svh - 80px);
	padding-bottom: 40px;
	overflow-y: auto;
	overscroll-behavior-y: contain;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
#community .communityMain .communityModalContent::-webkit-scrollbar {
	display: none;
}

/* modal */
#community .communityMain .communityModal {
	max-height: 90svh;
	padding-bottom: 0;
}

/* shopDetailPage -------*/
#shopDetailPage #communityPurchase .communitySignin {
	background: #fff;
	border: 1px solid var(--color-gry);
}
#shopDetailPage #communityPurchase .communitySignin p {
	color: var(--color-blk-txt);
}
/* modal */
#shopDetailPage .communityModal {
	width: 90%;
	max-width: 560px;
	max-height: calc(100vh - 96px);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	scrollbar-width: none;
	color: #3d3d3d;
}
#shopDetailPage .communityModal::-webkit-scrollbar {
	display: none;
}

#shopDetailPage .communityMain .communityModalHeader,
#shopDetailPage .communityMain .communityModalTable p {
	color: #3d3d3d;
}
#shopDetailPage .communityModal .communityModalHeader,
#shopDetailPage .communityModal .communityTitle,
#shopDetailPage .communityModal .communityPrice,
#shopDetailPage .communityModal .communityOverview {
	color: #3d3d3d;
}
#shopDetailPage .communityOverview {
	max-height: inherit;
}
#shopDetailPage .communityModalHeader .communityModalClose {
	top: 26px;
	right: 26px;
	width: 16px;
	height: 16px;
}
#shopDetailPage .communityModalHeader .communityModalClose::before,
#shopDetailPage .communityModalHeader .communityModalClose::after {
	background: #3d3d3d;
	content: "";
	display: block;
	position: absolute;
	top: 7px;
	right: -3px;
	height: 2px;
	width: 22px;
}
#shopDetailPage .communityModalHeader .communityModalClose::before {
	transform: rotate(45deg);
}
#shopDetailPage .communityModalHeader .communityModalClose::after {
	transform: rotate(-45deg);
}

@media screen and (min-width:560px) {
	#community .communityMain .communityTitle {
		font-size: 4.2rem;
	}
	#community .communityMain .communityItemHeader,
	#community .communityMain .communityUrlHeader {
		font-size: 2.4rem;
	}
	#community .communityMain #productsLimitedUrl .urlBox {
		width: 44%;
	}
}
@media screen and (min-width:768px) {
	#community .communityMain .communityContent {
		flex-direction: row;
		gap: 40px;
	}
	#community .communityMain .communityContent .communityNav {
		max-width: 400px;
	}
	#community .communityMain #productsLimitedUrl .urlBox {
		width: calc(50% - 8px);
	}
}
@media screen and (min-width:960px) {
	#community .communityMain .communityContent,
	#community .communityMain .limited + .limited {
		margin-top: 80px;
	}
	#community .communityMain .communityItems {
		column-gap: 5%;
		row-gap: 64px;
	}
	#community .communityMain .communityItems .communityItem {
		width: 30%;
	}
}


/* inquiry
---------------------------------------------------- */
.inquirySection {
	padding: 0;
}
.inquirySection p {
	text-align: center;
}
.inquirySection form {
	width: 100%;
}
.inquirySection dl {
	text-align: left;
}
.inquirySection dl dt {
	font-size: inherit;
	line-height: inherit;
	margin-bottom: 8px;
}
.inquirySection dl dt span {
	padding: 0.2rem 0.5rem;
	background: #e75c5c;
	color: #fff;
	font-size: 1.2rem;
	line-height: inherit;
	margin-left: 8px;
	vertical-align: top;
}
.inquirySection dl dd {
	margin-bottom: 32px;
}
.inquirySection dl dd input {
	width: 100%;
	border: 1px solid #c4c4c4;
	box-sizing: border-box;
	border-radius: 0;
	padding: 0.5rem;
}
.inquirySection dl dd textarea {
	width: 100%;
	height: 160px;
	border: 1px solid #c4c4c4;
	box-sizing: border-box;
	border-radius: 0;
	padding: 0.5rem;
}
.inquirySection .control-panel {
	clear: both;
	max-width: 320px;
	margin: 0 auto;
}
.inquirySection .control-panel input#buttonLeave:hover {
	cursor: pointer;
	-ms-filter: "alpha(opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
/* confirm */
#inquiryConfirmSection p {
	font-size: inherit;
	line-height: inherit;
}
#inquiryConfirmSection dd {
	font-size: inherit;
	height: 40px;
	margin-bottom: 32px;
	padding-left: 0;
	line-height: 40px;
}
/* compleate */
#inquiryCompleteSection p {
	text-align: left;
}
#inquiryCompleteSection a:hover {
	-ms-filter: "alpha(opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.main,
#privacy,
#law {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
@media screen and (min-width:560px) {
	#inquiryCompleteSection p {
		text-align: center;
	}
}
@media screen and (min-width:768px) {
	.main #about,
	.main .inquirySection {
		width: 100%;
		padding: 0;
	}
	.inquirySection form {
		margin: 40px auto 0;
	}
	.inquirySection dl dt {
		float: left;
		width: 30%;
		height: 40px;
		margin-bottom: 32px;
		line-height: 40px;
	}
	.inquirySection dl dd {
		float: right;
		width: 70%;
		margin-bottom: 16px;
	}
	.inquirySection dl dd input {
		width: 100%;
	}
	.inquirySection dl dd textarea {
		width: 100%;
	}
}
@-moz-document url-prefix() {
	.inquirySection dl dd textarea {
		font-size: 11px;
	}
}

/* privacy & law
---------------------------------------------------- */
#privacy,
#law {
	box-sizing: border-box;
	text-align: left;
}
#privacy h2,
#law h2 {
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0 0;
	padding: 0 0 20px;
}
#privacy h3,
#privacy dt {
	font-weight: bold;
	margin: 15px 0 8px;
}
#privacy .privacy_intro {
	margin: 0 0 20px;
}
#law h3 {
	font-weight: bold;
	margin: 20px 0 5px;
}
#law .atobaraiTerm {
	margin: 20px 0;
}
#law .atobaraiTerm .atobaraiTerm__title {
	margin-bottom: 8px;
}
#law .atobaraiTerm .atobaraiTerm__body {
	padding-left: 20px;
}
#law .atobaraiTerm p {
	font-size: 100%;
	line-height: 1.4;
	margin: 0 0 10px;
}
#law .law__telNumber > img {
	padding-left: 4px;
	background: #fff;
}

/* membership
---------------------------------------------------- */
#membershipPage #membership {
	padding: 0;
	width: auto;
}
#membershipPage .membership .img-wrapper {
	margin-bottom: 24px;
}
#membershipPage .membership .img-wrapper .img {
	width: 100%;
	height: auto;
	max-height: initial;
	object-fit: initial;
}
#membershipPage .membership .heading {
	font-size: 2.1rem;
	font-weight: 700;
	line-height: 1.4;
}
#membershipPage .membership .guide .content .description>p {
	font-size: inherit;
	line-height: inherit;
}
#membershipPage .membership .guide .register {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
	padding: 24px;
	background: var(--color-wht);
	border: 1px solid var(--color-gry);
	color: #252525;
}
#membershipPage .membership .mypage .content .customer-info,
#membershipPage .membership .guide .register .heading {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.4;
}
#membershipPage .membership .guide .register .description-link {
	color: #252525;
}
#membershipPage .membership .guide .register input[type=checkbox] {
	border: 1px solid var(--color-gry);
	transition: none;
}
#membershipPage .membership .guide .register .mail-magazine .mail-magazine-wrapper .checkbox:checked {
	border: 1px solid var(--color-blk);
}
#membershipPage .membership .guide .register .mail-magazine .mail-magazine-wrapper .checkbox:after {
	transition: none;
}
#membershipPage .membership .guide .register .link-wrapper {
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
}
#membershipPage .membership .guide .register .link {
	display: block;
	width: 100%;
	padding: 16px 0;
	background-color: #252525;
	border-radius: 0;
	box-sizing: border-box;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	color: #fff;
}
#membershipPage .membership .guide .register .box {
	width: 100%;
	background-color: #f1f3f7;
}
#membershipPage .membership .guide .register .box:before {
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: inherit;
	padding-left: 0;
}
#membershipPage .membership .flash-message {
	margin-left: 0;
	margin-right: 0;
}
#membershipPage .membership .mypage .info {
	align-items: flex-start;
}
#membershipPage .membership .mypage .card {
	max-height: inherit;
	padding: 16px 0;
	border-radius: 0;
}
#membershipPage .membership .mypage .card .logo-image {
	height: auto;
	max-height: 80px;
	margin-bottom: 16px;
}
#membershipPage .membership .guide .about-point {
	margin-top: 40px;
}
#membershipPage .membership .guide .reward-list > .title,
#membershipPage .membership .guide .about-point .heading-point {
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.4;
}
#membershipPage .membership .guide .about-point .description {
	list-style-type: disc;
}
#membershipPage .membership .guide .about-point .description .description-details,
#membershipPage .membership .guide .reward-list .description {
	font-size: inherit;
	line-height: inherit;
}
#membershipPage .membership .reward-list .bar {
	display: none;
}

#membershipPage .membership .reward-list .reward-card-list .reward-card a {
	display: block;
	background-color: var(--color-wht);
}
#membershipPage .membership .reward-list .reward-card-list .reward-card .reward-detail-wrapper .exchange-point-wrapper .exchange-point,
#membershipPage .membership .reward-list .reward-card-list .reward-card .reward-detail-wrapper .title {
	font-size: inherit;
	line-height: 1.4;
}
#membershipPage .membership .mypage .reward-list .reward-card-list .reward-card .reward-detail-wrapper .description {
	font-size: 1.4rem;
	line-height: 1.4;
}
#membershipPage .membership .mypage .content .bar {
	margin: 0;
}
#membershipPage .membership .draft .content .definition-term,
#membershipPage .membership .mypage .content .definition-term {
	font-weight: 700;
	font-size: 1.8rem;
	line-height: inherit;
}
#membershipPage .membership .definition-description .point-amount,
#membershipPage .membership .mypage .content .definition-description .mail-address {
	border-radius: 0;
	color: #252525;
}
#membershipPage .membership .definition-description .point-amount {
	font-size: 2.1rem;
	font-weight: 700;
}
#membershipPage .membership .content .definition-description {
	border-radius: 0;
}
#membershipPage .membership .mypage .content .definition-description .edit {
	border: none;
	font-size: inherit;
	line-height: inherit;
}
#membershipPage .membership .content .definition-description .point-history .link,
#membershipPage .membership .content .definition-description .point-expiry-date {
	font-size: 14px;
	line-height: inherit;
}
#membershipPage .membership .content .about-wrapper .about {
	margin-top: 8px;
	font-size: 14px;
}
#membershipPage .membership .mypage .reward-list .howto .description .text,
#membershipPage .membership .mypage .reward-list .howto .caption .text {
	font-size: inherit;
	line-height: inherit;
}
#membershipPage .membership .mypage .reward-list .howto .caption {
	cursor: pointer;
}
#membershipPage .membership .mypage .reward-list .howto .caption .arrow-icon {
	display: flex;
	justify-content: center;
	align-items: center;
}
#membershipPage .membership .logout,
#membershipPage .membership .leave-wrapper .leave {
	background: none;
}
#membershipPage .membership .leave-modal-wrapper .leave-modal {
	width: 94%;
	max-width: 480px;
	height: auto;
	padding: 24px;
}
#membershipPage .membership .leave-modal-wrapper .leave-modal-button-wrapper {
	gap: 8px;
}
#membershipPage .membership .leave-modal-wrapper .leave-modal-button-wrapper > * {
	width: 100% !important;
}
#membershipPage .membership .leave-modal-wrapper .leave-modal-button-wrapper .leave-modal-button {
	width: 100%;
	cursor: pointer;
}
#membershipPage .membership .mypage .leave-modal-wrapper .leave-modal-button-wrapper .leave-modal-button.gray {
	margin-right: 0;
}
#membershipPage .membership .mypage .leave-modal-wrapper .leave-modal-bar {
	margin-left: 0;
	margin-right: 0;
}


/* point history */
#membershipPage .membership .point-history .content .point-history-summary .point-name {
	color: inherit;
}
#membershipPage .membership .point-history .content .point-history-summary .description {
	font-size: inherit;
	line-height: inherit;
	color: var(--BodyTextColor);
}
#membershipPage .membership .point-history .content .point-history-empty-text {
	border-color: var(--BodyTextColor);
	font-size: inherit;
	line-height: inherit;
}
#membershipPage .membership .point-history .content .point-history-list {
	border-color: var(--BodyTextColor);
}
#membershipPage .membership .point-history .content .point-history-list .card {
	padding: 24px 0;
	border-color: var(--BodyTextColor);
}
#membershipPage .membership .point-history .content .point-history-list .card .caption,
#membershipPage .membership .point-history .content .point-history-list .card .order-header-unique-key,
#membershipPage .membership .point-history .content .point-history-list .card .point,
#membershipPage .membership .point-history .content .point-history-list .card .reward-name {
	font-size: inherit;
	line-height: inherit;
}

@media screen and (min-width:560px) {
	#membershipPage .membership .guide .register .description {
		text-align: center;
	}
}
@media screen and (min-width:768px) {
	#membershipPage .membership .guide .content .heading {
		font-size: 2.4rem;
		margin-bottom: 24px;
	}
}


/* utility
---------------------------------------------------- */
/* margin bottom */
.u-mb--16{
	margin-bottom: 16px !important;
}
.u-mb--24{
	margin-bottom: 24px !important;
}
.u-mb--32{
	margin-bottom: 32px !important;
}
.u-mb--40 {
	margin-bottom: 40px !important;
}
.u-mb--64{
	margin-bottom: 64px !important;
}

/* text position */
.u-txt--l {
	text-align: left !important;
}
.u-txt--c {
	text-align: center !important;
}
.u-txt--r {
	text-align: right !important;
}

/* float */
.u-float--l {
	float: left;
}
.u-float--r {
	float: right;
}

/* clearfix */
.u-clearfix {
	clear: both;
}
.u-clearfix::before, .u-clearfix::after {
	content: " ";
	display: table;
}
.u-clearfix::after {
	clear: both;
}

