@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, main, 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;
}

/* base
----------------------- */
:root {
	--colorWht: #fff;
	--colorBlk0: #000;
	--colorBlk2: #222;
	--colorBorder: #ccc;
	--headerHeight: 64px;
	--radius4: 4px;
	--radius6: 6px;
	--radius8: 8px;
	--radius12: 12px;
	--radius16: min(3.2vw, 16px);
}
@media screen and (min-width: 1200px) {
	:root {
		--headerHeight: 72px;
	}
}
body {
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: -1;
	width: 100%;
	min-height: 100vh;
	margin-left: auto;
	margin-right: auto;
	font-size: var(--BodyFontSize);
	font-weight: 400;
	color: var(--BodyFontColor);
	line-height: 1.75;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: auto !important;
	overflow-y: scroll;
}

/* js-josefin */
.js-josefin .slide__btn a,
.js-josefin .btn,
.js-josefin .purchaseButton__btn,
.js-josefin .salesPeriodModal__btn,
.js-josefin .purchaseButtonModal__btn,
.js-josefin #contact .inquirySection .control-panel input#buttonLeave,
.js-josefin #contact #inquiryCompleteSection a,
.js-josefin .communityButton,
.js-josefin #MembershipPage .membership .link,
.js-josefin #MembershipPage .membership .edit {
	padding-top: 1.2em !important;
}
.js-josefin .header__logo a .logoText,
.js-josefin .lower__title,
.js-josefin .mailMagazineSubscribe_submit {
	padding-top: 0.3em !important;
}
.js-josefin .gnav__link,
.js-josefin .appsItemCategoryTag_child > a {
	padding: 10px 0 4px !important;
}


/* link */
a {
	word-break: break-all;
	color: var(--BodyLinkColor);
	text-decoration: none;
}

a:focus {
	outline: none;
}
@media (hover: hover) and (pointer: fine) {
	a:hover {
		opacity: 0.7;
		transition: opacity .4s ease;
		-webkit-backface-visibility:hidden;
				backface-visibility:hidden;
	}
}

/* image */
.thumb__listitem span {
	cursor: pointer;
}
.shopinfo__map iframe,
.img__wrap {
	overflow: hidden;
}
.set-rounded .shopinfo__map iframe,
.set-rounded .img__wrap {
	border-radius: var(--radius16);
}
.set-rounded .l-row .img__wrap.blog__img {
	border-radius: var(--radius12);
}
#MembershipPage .membership .reward-list .reward-card-list .reward-card a,
.thumb__listitem span,
.img__wrap a {
	display: block;
	position: relative;
}
#MembershipPage .membership .reward-list .reward-card-list .reward-card a::before,
.img__wrap a::before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: background-color .4s ease;
	-webkit-backface-visibility:hidden;
			backface-visibility:hidden;
}
@media (hover: hover) and (pointer: fine) {
	#MembershipPage .membership .reward-list .reward-card-list .reward-card a:hover,
	.img__wrap a:hover {
		opacity: 1;
	}
	#MembershipPage .membership .reward-list .reward-card-list .reward-card a:hover::before,
	.img__wrap a:hover::before {
		background-color: rgba(0, 0, 0, 0.3);
	}
}
.img__wrap img {
	width: 100%;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border: 0;
}

/* svg */
.svg__data {
	fill: none;
	stroke-width: 2px;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke: var(--NavTextColor);
}
body:not(.set-bg) .header__menu .svg__data,
.js-scroll .header__menu .svg__data {
	stroke: var(--BodyFontColor);
}
body .header__menu .search-form__wrap .svg__data,
body .header__menu .category__list .svg__data,
.l-gnav .svg__data {
	stroke: var(--NavTextColorBg);
}

/* form */
input,
select,
textarea,
button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin-bottom: 0 !important;
	border: none;
	border-radius: 0;
	box-shadow: none !important;
	font: inherit;
	outline: none;
	font-family: inherit !important;
	font-size: 16px;
}
input,
select,
textarea {
	width: 100% !important;
	padding: 8px 16px;
	background: var(--colorWht);
	border: 1px solid var(--colorBorder);
	background-color: transparent;
	border: 1px solid var(--BodyFontColor);
}
input:focus,
select:focus,
textarea:focus {
	outline: none;
	border: 1px solid var(--BodyFontColor);
	border: 1px solid var(--BodyLinkColor);
}
textarea {
	resize: vertical;
}
button:focus {
	outline:0;
}
input::-webkit-input-placeholder {
	opacity: 0.4;
	font-size: 14px !important;
	color: #bbb !important;
}
input::-moz-placeholder {
	opacity: 0.4;
	font-size: 14px !important;
	color: #bbb !important;
}
input:-ms-input-placeholder {
	opacity: 0.4;
	font-size: 14px !important;
	color: #bbb !important;
}
input::-ms-input-placeholder {
	opacity: 0.4;
	font-size: 14px !important;
	color: #bbb !important;
}
input::placeholder {
	opacity: 0.4;
	font-size: 14px !important;
	color: #bbb !important;
}
input.search-form__field::-webkit-input-placeholder {
	color: var(--NavTextColorBg) !important;
}
input.search-form__field::-moz-placeholder {
	color: var(--NavTextColorBg) !important;
}
input.search-form__field:-ms-input-placeholder {
	color: var(--NavTextColorBg) !important;
}
input.search-form__field::-ms-input-placeholder {
	color: var(--NavTextColorBg) !important;
}
input.search-form__field::placeholder {
	color: var(--NavTextColorBg) !important;
}
input.mailMagazineSubscribe_input::-webkit-input-placeholder {
	color: var(--colorWht) !important;
}
input.mailMagazineSubscribe_input::-moz-placeholder {
	color: var(--colorWht) !important;
}
input.mailMagazineSubscribe_input:-ms-input-placeholder {
	color: var(--colorWht) !important;
}
input.mailMagazineSubscribe_input::-ms-input-placeholder {
	color: var(--colorWht) !important;
}
input.mailMagazineSubscribe_input::placeholder {
	color: var(--colorWht) !important;
}

/* ====================================================
BASE Default
==================================================== */
.show {
	display: block !important;
}
.hide {
	display: none !important;
}
@font-face {
	font-family: "baseicon";
	font-style: normal;
	font-weight: normal;
	src: url("https://static.thebase.in/font/v1/baseicon.eot?317xhh");
	src: url("https://static.thebase.in/font/v1/baseicon.eot?317xhh#iefix") format("embedded-opentype"),
		url("https://static.thebase.in/font/v1/baseicon.ttf?317xhh") format("truetype"),
		url("https://static.thebase.in/font/v1/baseicon.woff?317xhh") format("woff"),
		url("https://static.thebase.in/font/v1/baseicon.svg?317xhh#baseicon") format("svg");
}
@font-face {
	font-family: "shopicon";
	font-style: normal;
	font-weight: normal;
	src: url("https://static.thebase.in/font/v1/shopicon.eot?317xhh");
	src: url("https://static.thebase.in/font/v1/shopicon.eot?317xhh#iefix") format("embedded-opentype"),
		url("https://static.thebase.in/font/v1/shopicon.ttf?317xhh") format("truetype"),
		url("https://static.thebase.in/font/v1/shopicon.woff?317xhh") format("woff"),
		url("https://static.thebase.in/font/v1/shopicon.svg?317xhh#baseicon") format("svg");
}
[class^="icon-"],
[class*=" icon-"] {
	font-family: "baseicon" !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	speak: none;
	text-transform: none;
}
.icon-cart:before {
	content: "\e900";
}
.icon-search:before {
	content: "\e912";
}
.icon-information:before {
	content: "\e919";
}
.icon-tipi:before {
	content: "\e922";
}
.icon-pin:before {
	content: "\e929";
}



/* ====================================================
layout
==================================================== */
/* header
----------------------- */
.l-header {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 100;
	width: 100%;
	height: var(--headerHeight);
	padding-right: constant(safe-area-inset-right);
	padding-right: env(safe-area-inset-right);
}
body.set-bg .l-header {
	background-color: transparent;
}
body:not(.set-bg) .l-header {
	background: inherit;
}

/* header wrap */
.header__wrap {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 1;
	width: 100%;
	height: var(--headerHeight);
	padding: 0 8px 0 5%;
}
@media screen and (min-width: 1200px) {
	.header__wrap {
		padding: 0 2.5%;
	}
}
@media screen and (min-width: 1600px) {
	.header__wrap {
		padding: 0 5%;
	}
}

/* .overlay, */
.lowerchild__overlay,
.gnav__overlay {
	display: block;
	visibility: hidden;
	opacity: 0;
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100vw;
	height: 100lvh;
	transition: visibility .2s, opacity .2s, background-color .2s;
	pointer-events: none;
}
.js-child .lowerchild__overlay,
.js-category .gnav__overlay,
.js-search .gnav__overlay,
.js-menu .gnav__overlay {
	visibility: visible;
	opacity: 1;
	background-color: rgba(0, 0, 0, 0.4);
	pointer-events: auto;
}
.js-child .lowerchild__overlay {
	z-index: 3;
}

/* logo */
.header__logo {
	flex-shrink: 1;
	position: relative;
	width: 100%;
	height: 100%;
	margin-right: 5%;
}
.header__logo a {
	display: flex;
	align-items: center;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: 100%;
	color: transparent;
	text-decoration: none !important;
}
.header__logo a > * {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	transition: all .2s ease;
}

/*img */
.header__logo a img {
	visibility: visible;
	opacity: 1;
	max-height: var(--LogoImgSize);
}
.set-img .logoImage:not(.change-img) {
	visibility: hidden;
	opacity: 0;
}
body:not(.set-bg) .logoImage:not(.change-img),
.js-scroll .logoImage:not(.change-img) {
	visibility: visible;
	opacity: 1;
}
body:not(.set-bg) .logoImage.change-img,
.js-scroll .logoImage.change-img {
	visibility: hidden;
	opacity: 0;
}

/* txt */
.header__logo a .logoText {
	font-size: var(--LogoTextSize);
	line-height: 1.4;
}
.set-bg .l-header:not(.js-scroll) .header__logo a .logoText.change-txt,
.l-header:not(.js-scroll) .header__logo a .logoText.change-txt {
	color: var(--LogoChangeText) !important;
}

@media screen and (min-width: 1200px) {
	.header__logo {
		order: 1;
		margin-right: 32px;
	}
	.header__logo a img {
		max-height: calc(var(--LogoImgSize) + 4px);
	}
	.header__logo a .logoText {
		font-size: calc(var(--LogoTextSize) * 1.2);
	}
}

/* header menu
----------------------- */
.header__menu {
	display: flex;
	flex-wrap: nowrap;
	flex-shrink: 0;
	position: relative;
	height: 100%;
	margin-left: auto;
}
@media screen and (min-width: 1200px) {
	.header__menu {
		order: 3;
	}
}


/* menu btn
----------------------- */
/* btn toggle */
.menu-btn__wrap {
	position: relative;
	z-index: 3;
	width: 40px;
	height: 100%;
	padding: 0;
	border: none;
	outline: none;
	cursor: pointer;
	background-color: transparent;
}
.menu-btn--bar {
	all: unset;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 102;
	transform: translate(-50%, -50%);
	width: 18px;
	height: 2px;
}
.menu-btn--bar::before,
.menu-btn--bar::after {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.header__menu .menu-btn--bar {
	background-color: var(--NavTextColor);
}
.header__menu .menu-btn--bar::before,
.header__menu .menu-btn--bar::after {
	background-color: var(--NavTextColor);
}
body:not(.set-bg) .header__menu .menu-btn--bar::before,
.js-scroll .header__menu .menu-btn--bar::before,
body:not(.set-bg) .header__menu .menu-btn--bar::after,
.js-scroll .header__menu .menu-btn--bar::after,
body:not(.set-bg) .header__menu .menu-btn--bar,
.js-scroll .header__menu .menu-btn--bar {
	background-color: var(--BodyFontColor);
}
.menu-btn--bar::before {
	top: -6px;
}
.menu-btn--bar::after {
	top: 6px;
}

/* close */
.menu-btn__close {
	flex-shrink: 0;
	position: relative;
	width: 40px;
	height: 40px;
	cursor: pointer;
}
.menu-btn__close .menu-btn--bar {
	background-color: transparent !important;
}
.menu-btn__close .menu-btn--bar::before {
	top: 0;
	transform: rotate(45deg);
}
.menu-btn__close .menu-btn--bar::after {
	top: 0;
	transform: rotate(-45deg);
}
.l-gnav .menu-btn__close .menu-btn--bar::before,
body .header__menu .menu-btn__close .menu-btn--bar::before {
	background-color: var(--NavTextColorBg);
}
.l-gnav .menu-btn__close .menu-btn--bar::after,
body .header__menu .menu-btn__close .menu-btn--bar::after {
	background-color: var(--NavTextColorBg);
}


/* gnav
----------------------- */
/* l-gnav */
.l-gnav {
	display: flex;
	flex-direction: column;
	gap: 24px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.l-gnav::-webkit-scrollbar {
	display: none;
}
.l-header .l-gnav {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 102;
	width: 100%;
	height: 100vh;
	background-color: var(--NavBgColor);
	overscroll-behavior-y: contain;
}
.gnav__wrap {
	display: grid;
	flex-direction: column;
	padding-right: constant(safe-area-inset-right);
	padding-right: env(safe-area-inset-right);
}
.gnav__header {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 2;
	height: var(--headerHeight);
	padding: 0 8px 0 5%;
	background-color: var(--NavBgColor);
}
.gnav__inner {
	display: flex;
	flex-direction: column;
	gap: 40px;
	position: relative;
	padding: min(5%, 40px) 10% 64px;
}
.l-gnav .menu__wrap {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.gnav__listitem {
	font-weight: 700;
}
.gnav__title {
	margin-bottom: 8px;
	font-size: calc(var(--NavFontSize) + 3px);
	color: var(--NavTextColorBg);
	line-height: 1.4;
}
.set-color__title .gnav__title {
	color: var(--NavTitleColor);
}
.gnav__link {
	display: flex;
	align-items: center;
	padding: .6em 0;
	font-size: var(--NavFontSize);
	color: var(--NavTextColorBg);
	line-height: 1.4;
}
.gnav__img {
	order: 1;
}
.gnav__sub {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 8px 32px;
	width: 100%;
}
.gnav__sub a {
	padding: .2em 0;
	font-size: calc(var(--NavFontSize) - 2px);
}
.js-josefin .gnav__sub a {
	padding: .2em 0 !important;
}
@media screen and (min-width: 600px) and (orientation: portrait) {
	.l-gnav .menu__wrap {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		-moz-column-gap: 40px;
		     column-gap: 40px;
	}
}
@media screen and (min-width: 960px) {
	.l-gnav .menu__wrap {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		-moz-column-gap: 40px;
		     column-gap: 40px;
	}
}
@media screen and (min-width: 1200px) {
	.gnav__header {
		padding: 0 2.5%;
	}
	.l-gnav .gnav__header {
		padding: 0 5%;
	}
}
@media screen and (min-width: 1600px) {
	.gnav__header {
		padding: 0 5%;
	}
	.l-gnav .gnav__header {
		padding: 0 10%;
	}
}
@media screen and (orientation: landscape) {
	.gnav__wrap {
		display: grid !important;
		grid-template-rows: var(--headerHeight) 1fr;
		grid-template-columns: repeat(2, 1fr);
	}
	.gnav__img {
		display: block;
		grid-row: span 2;
		order: -1;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		width: 100%;
		height: 100vh;
	}
	.gnav__img img {
		-o-object-fit: cover;
			object-fit: cover;
		width: 100%;
		height: 100%;
	}
}

/* feature
----------------------- */
.gnav__feature {
	display: grid;
	grid-template-columns: 1fr;
	-moz-column-gap: 40px;
	     column-gap: 40px;
}
@media screen and (min-width: 600px) and (orientation: portrait) {
	.gnav__feature {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (min-width: 960px) {
	.gnav__feature {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* category list
----------------------- */
.category__list {
	width: 100%;
}
.category__list ul li a:hover {
	text-decoration: none;
}
.appsItemCategoryTag_child p,
.appsItemCategoryTag_child a {
	display: flex;
	align-items: center;
	padding: .6em 0;
	font-size: var(--NavFontSize);
	color: var(--NavTextColor);
	line-height: 1.4;
}
.set-color__txt .appsItemCategoryTag_child p,
.set-color__txt .appsItemCategoryTag_child a {
	color: var(--NavTextColorBg);
}
.category__lowerchild {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 3;
	width: 100%;
	height: 100vh;
	transform: translateX(100%);
	background-color: var(--NavBgColor);
	transition: transform .3s ease;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	scrollbar-width: none;
	overscroll-behavior-y: contain;
}
.category__lowerchild::-webkit-scrollbar {
	display: none;
}
.js-lowerchild .category__lowerchild {
	opacity: 1;
	transform: translateX(0);
}
.appsItemCategoryTag_lowerchild {
	padding-bottom: 64px;
}
.gnav__category .appsItemCategoryTag_lowerchild {
	opacity: 0;
}
.gnav__category .js-lowerchild .appsItemCategoryTag_lowerchild {
	opacity: 1;
}
@media screen and (orientation: portrait) {
	.appsItemCategoryTag_lowerchild {
		padding-bottom: calc(64px + 100vh - 100svh);
	}
}
.js-category__child > p,
.js-category__child > a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	-moz-column-gap: 8px;
		 column-gap: 8px;
}
.js-category__child > p {
	cursor: pointer;
}
.js-category__child .catnav__arrow {
	align-self: flex-start;
	width: 20px;
	height: 20px;
}
.js-category__child .catnav__arrow svg {
	width: 60%;
	height: 60%;
}
.appsItemCategoryTag_lowerchild li {
	padding-left: 10%;
	padding-right: 10%;
}
.appsItemCategoryTag_lowerchild li.medium__category {
	margin-bottom: 16px;
	padding-left: 0;
	padding-right: 0;
}
.appsItemCategoryTag_lowerchild a {
	display: flex;
	align-items: center;
}
.medium__category .appsItemCategoryTag_lowerLink {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 16px;
	position: relative;
	z-index: 1;
	width: 100%;
	aspect-ratio: 3/2;
	padding: 64px 5% 5%;
	background-size: cover;
	background-position: center;
	font-weight: 700;
	text-align: center;
	color: #fff !important;
}
.set-common .medium__category .appsItemCategoryTag_lowerLink {
	background-image: var(--CategoryLowerHeader) !important;
}
.medium__category .appsItemCategoryTag_lowerLink::before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.15);
}
.primary-cat__btn {
	flex-shrink: 0;
	font-size: 13px;
	padding: 0.4em 0.8em;
	border: 1px solid #fff;
	border-radius: 100px;
}
.js-josefin .primary-cat__btn {
	padding: 0.6em 0.8em 0.2em;
}
.menu-btn__back {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-shrink: 0;
	content: "";
	width: 48px;
	height: 64px;
	cursor: pointer;
}
.menu-btn__back::after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 32px;
	height: 32px;
	border: 1px solid var(--colorWht);
	border-radius: 100%;
}
.menu-btn--back {
	all: unset;
	display: block;
	position: relative;
	width: 64px;
	height: 48px;
	margin-left: auto;
	-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"><polyline stroke="%23FFFFFF" fill="transparent" class="svg__data" points="19,9.5 12,16.5 5,9.5 "/></svg>');
			mask-image: url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"><polyline stroke="%23FFFFFF" fill="transparent" class="svg__data" points="19,9.5 12,16.5 5,9.5 "/></svg>');
	-webkit-mask-position: center;
			mask-position: center;
	-webkit-mask-repeat: no-repeat;
			mask-repeat: no-repeat;
	-webkit-mask-size: 20px;
			mask-size: 20px;
	transform: rotate(90deg);
	background-color: var(--colorWht);
}
@media screen and (min-width: 600px) {
	.category__lowerchild {
		max-width: 400px;
	}
}
@media screen and (min-width: 600px) and (orientation: portrait) {
	.l-header #category__gnav {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		align-items: flex-start;
		-moz-column-gap: 40px;
			 column-gap: 40px;
		width: 100%;
	}
}
@media screen and (min-width: 960px) {
	.category__lowerchild {
		max-width: 480px;
	}
	.l-header #category__gnav {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		align-items: flex-start;
		-moz-column-gap: 40px;
			 column-gap: 40px;
		width: 100%;
	}
	.category__lowerchild .appsItemCategoryTag_lowerchild {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		align-items: flex-start;
		-moz-column-gap: 40px;
			 column-gap: 40px;
		width: 100%;
	}
	.appsItemCategoryTag_lowerchild li:nth-of-type(odd) {
		padding-left: 0;
		padding-right: 20%;
	}
	.appsItemCategoryTag_lowerchild li:nth-of-type(even) {
		padding-left: 20%;
		padding-right: 0;
	}
	.appsItemCategoryTag_lowerchild li.medium__category {
		grid-column: span 2;
		padding-left: 0;
		padding-right: 0;
	}
}


/* gnav menu sub
----------------------- */
.gnav__menu--sub {
	display: none;
}
.category-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	cursor: pointer;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: none;
}
.category-btn__img {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
}
.category-btn svg {
	width: 20px;
	height: 20px;
}
.gnav__menu--sub .gnav__link {
	height: var(--headerHeight);
	padding: 16px 0;
	color: var(--NavTextColor);
}
body:not(.set-bg) .gnav__menu--sub .gnav__link,
.js-scroll .gnav__menu--sub .gnav__link {
	color: var(--BodyFontColor);
}
.gnav--item.app-on {
	display: none;
}
.gnav--category {
	display: flex;
	-moz-column-gap: 4px;
		 column-gap: 4px;
	align-items: center;
}
#contact .l-gnav .appsItemCategoryTag_lowerchild {
	display: none;
}
.gnav__arrow {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(var(--NavFontSize) + 1px);
	height: calc(var(--NavFontSize) + 1px);
	margin-top: -2px;
	border: 1px solid var(--NavTextColor);
	border-radius: 100%;
}
body:not(.set-bg) .gnav__arrow,
.js-scroll .gnav__arrow {
	border-color: var(--BodyFontColor);
}
.gnav__arrow svg {
	width: 80%;
	height: 80%;
}
.gnav__menu--sub .category__list {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	scrollbar-width: none;
	width: 100%;
	max-height: 100vh;
	margin-left: 0;
	padding-right: constant(safe-area-inset-right);
	padding-right: env(safe-area-inset-right);
	background-color: var(--NavBgColor);
	overscroll-behavior-y: contain;
}
.category__list::-webkit-scrollbar {
	display: none;
}
.gnav__menu--sub .category__inner {
	padding: min(5%, 24px) 5% 64px;
}
.category__inner:not(.show-lowerchild) .appsItemCategoryTag_child .img__wrap {
	height: 100%;
}
.gnav__menu--sub .appsItemCategoryTag_lowerchild {
	display: none;
	padding-bottom: 0;
}
.gnav__menu--sub .show-lowerchild .appsItemCategoryTag_lowerchild {
	display: flex;
	flex-wrap: wrap;
	-moz-column-gap: 24px;
		 column-gap: 24px;
}
.gnav__menu--sub .show-lowerchild .appsItemCategoryTag_lowerchild li:last-child::after {
	display: none;
}
.gnav__menu--sub .appsItemCategoryTag_lowerchild li {
	padding-left: 0;
	padding-right: 0;
}
.gnav__menu--sub .appsItemCategoryTag_lowerchild a {
	padding: .4em 0;
	font-size: calc(var(--NavFontSize) - 1px);
	font-weight: 400;
}
.l-header .appsItemCategoryTag_lowerchild li:not(.medium__category) a {
	align-items: flex-start;
}
.l-header .appsItemCategoryTag_lowerchild li:not(.medium__category) a span {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(var(--NavFontSize) + 1px);
	height: calc(var(--NavFontSize) + 1px);
	padding: .4em 0;
	margin-top: 2px;
	margin-right: 4px;
	border: 1px solid var(--NavTextColorBg);
	border-radius: 100%;
}
.l-header .appsItemCategoryTag_lowerchild li:not(.medium__category) a span::before {
	display: block;
	content: "";
	transform: rotate(-45deg);
	width: 5px;
	height: 5px;
	margin-left: -2px;
	border-right: 1px solid var(--NavTextColorBg);
	border-bottom: 1px solid var(--NavTextColorBg);
}
.catnav__arrow {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	transform: rotate(-90deg);
	border: 1px solid var(--NavTextColorBg);
	border-radius: 100%;
}
.category__inner:not(.img-bg) .catnav__arrow {
	margin-left: auto;
}
.catnav__arrow svg {
	width: 50%;
	height: 50%;
}

/* no img */
.gnav__menu--sub .category__inner:not(.img-bg):not(.img-left) .appsItemCategoryTag_child {
	height: 100%;
	border: 1px solid var(--NavTextColorBg);
}
.gnav__menu--sub .category__inner:not(.img-bg):not(.img-left).show-lowerchild .appsItemCategoryTag_child {
	min-height: 124px;
}
.gnav__menu--sub .category__inner:not(.img-bg):not(.img-left) .appsItemCategoryTag_child > a {
	display: flex;
	-moz-column-gap: 16px;
		 column-gap: 16px;
	padding: 16px;
}
.gnav__menu--sub .category__inner:not(.img-bg):not(.img-left):not(.show-lowerchild) .appsItemCategoryTag_child > a {
	height: 100%;
}
.gnav__menu--sub .category__inner:not(.img-bg):not(.img-left).show-lowerchild .appsItemCategoryTag_child > a {
	border-bottom: 1px dotted var(--NavTextColorBg);
}
.gnav__menu--sub .category__inner:not(.img-bg):not(.img-left) .appsItemCategoryTag_lowerchild {
	width: auto;
	padding: 16px;
}

/* img bg */
.gnav__menu--sub .img-bg #category__subnav {
	grid-template-columns: repeat(3, 1fr);
}
.img-bg .appsItemCategoryTag_child {
	height: 100%;
}
.img-bg:not(.show-lowerchild) .appsItemCategoryTag_child {
	padding-bottom: 0 !important;
}
.set-rounded .img-bg .appsItemCategoryTag_child {
	overflow: hidden;
	border-radius: var(--radius12);
}
.set-rounded .img-bg .appsItemCategoryTag_child .img__wrap {
	border-radius: var(--radius12);
}
.img-bg .appsItemCategoryTag_child .img__wrap a {
	display: flex;
	justify-content: space-between;
	align-items: end;
	position: relative;
	z-index: 1;
	padding: 16px;
	background-size: cover;
	background-position: center;
	font-size: calc(var(--NavFontSize) + 2px);
	color: #fff;
	word-break: break-word;
}
.gnav__menu--sub .img-bg .appsItemCategoryTag_child .img__wrap a {
	min-height: calc(100vw / 7);
}
.img-bg:not(.show-lowerchild) .appsItemCategoryTag_child .img__wrap a {
	width: 100%;
	height: 100%;
}
.img-bg .appsItemCategoryTag_child .img__wrap a::before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .15);
}
.img-bg .catnav__arrow {
	border: 1px solid #fff;
}
body .img-bg .catnav__arrow .svg__data {
	stroke: #fff;
}
.gnav__menu--sub .img-bg.show-lowerchild .appsItemCategoryTag_lowerchild {
	padding: 8px 4px;
}

/* img left */
.img-left .appsItemCategoryTag_child {
	height: 100%;
	border: 1px solid var(--NavTextColorBg);
}
.img-left.show-lowerchild .appsItemCategoryTag_child {
	min-height: 140px;
}
.img-left .appsItemCategoryTag_child .img__wrap {
	position: relative;
	background-color: transparent;
}
.img-left .appsItemCategoryTag_child .img__wrap::before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 80px;
	height: 100%;
	background-color: rgba(0, 0, 0, .15);
}
.img-left.show-lowerchild .appsItemCategoryTag_child .img__wrap {
	border-bottom: 1px dotted var(--NavTextColorBg);
}
.img-left .appsItemCategoryTag_child .img__wrap a {
	display: grid;
	grid-template-columns: 80px 1fr 32px;
	align-items: center;
	-moz-column-gap: 16px;
		 column-gap: 16px;
	height: 100%;
	padding: 0 16px 0 0;
	font-size: var(--NavFontSize);
	word-break: break-word;
}
.img-left:not(.show-lowerchild) .appsItemCategoryTag_child .img__wrap a {
	height: 100%;
}
.img-left .catnav__img {
	height: 100%;
	min-height: 80px;
	background-size: cover;
	background-position: center;
}
.gnav__menu--sub .img-left.show-lowerchild .appsItemCategoryTag_lowerchild {
	width: auto;
	padding: 16px;
}
@media screen and (min-width: 768px) {
	.gnav__menu--sub {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 32px;
		height: 100%;
		margin-right: 32px;
	}

	@media (hover: hover) and (pointer: fine) {
		.gnav__menu--sub .gnav__link {
			position: relative;
			opacity: 1;
			color: var(--NavTextColor);
			cursor: pointer;
		}
		body:not(.set-bg) .gnav__menu--sub .gnav__link,
		.js-scroll .gnav__menu--sub .gnav__link {
			color: var(--BodyFontColor);
		}
		.gnav__menu--sub .gnav__link::after {
			content: "";
			position: absolute;
			left: 50%;
			bottom: 0;
			transform: translateX(-50%);
			width: 0;
			height: 4px;
			transition: width .2s;
			background-color: var(--NavTextColor);
		}
		body:not(.set-bg) .gnav__menu--sub .gnav__link::after,
		.js-scroll .gnav__menu--sub .gnav__link::after {
			background-color: var(--BodyFontColor);
		}
		.gnav__menu--sub .gnav__link:hover::after {
			width: 100%;
		}
	}
}
@media (hover: hover) and (pointer: fine) {
	.medium__category .appsItemCategoryTag_lowerLink:hover {
		opacity: 1;
	}
	.medium__category .appsItemCategoryTag_lowerLink:hover::before,
	.img-bg .appsItemCategoryTag_child .img__wrap a:hover::before {
		background-color: rgba(0, 0, 0, 0.3);
	}
}



/* item search
----------------------- */
.js-search .l-header {
	transition: none;
}
.search-form__wrap {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 102;
	width: 100%;
	padding-right: constant(safe-area-inset-right);
	padding-right: env(safe-area-inset-right);
	background-color: var(--NavBgColor);
	overscroll-behavior-y: contain;
}
.search-form__wrap .menu-btn__close {
	margin-left: auto;
}
.search-form {
	display: flex;
	max-width: 800px;
	margin: 24px auto clamp(40px, 10%, 64px);
	padding: 0 5%;
}
.search-form__field,
.search-form__field:focus {
	border: none !important;
	border-bottom: 2px solid var(--NavTextColorBg) !important;
	transition: none !important;
}
.search-form__field {
	margin: 0;
	padding: 0 8px !important;
	background-color: transparent !important;
	border-radius: 0 !important;
	color: var(--NavTextColorBg) !important;
}
.search-form__field:autofill,
.search-form__field:-webkit-autofill {
	box-shadow: 0 0 0 1000px var(--NavBgColor) inset !important;
	-webkit-text-fill-color: var(--NavTextColorBg) !important;
}
.search-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	cursor: pointer;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: none;
}
.search-btn__img {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
}
.search-btn__img svg {
	width: 20px;
	height: 20px;
}

/* base menu
----------------------- */
.header__menu #baseMenu ul,
.header__menu #baseMenu li {
	height: 100%;
}
#baseMenu ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 100%;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
}
#baseMenu ul li.base a img,
#baseMenu ul li.cart a img {
	display: none;
}

/* base */
.base {
	display: none;
}
.copyright__wrap .base {
	display: block;
}
.copyright__wrap #baseMenu ul li.base a {
	height: 40px;
	background-color: var(--colorWht);
	border-radius: 100px;
}
.copyright__wrap #baseMenu ul li.base img {
	display: block;
	width: 20px;
	height: 20px;
}

/* cart */
.copyright__wrap .cart {
	display: none;
}
#baseMenu ul li.cart a {
	display: flex;
	justify-content: center;
	align-items: center;
}
#baseMenu ul li.cart a svg {
	width: 20px;
	height: 20px;
}
.cart {
	position: relative;
}
.cart-badge {
	display: block!important;
}
.cart-qty {
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(calc(50% + 10px), calc(-50% - 8px));
	padding: 0 1px;
	min-width: 14px;
	background: #fa5171;
	border-radius: 50%;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	line-height: 16px;
	text-align: center;
	box-sizing: content-box;
}
.js-scroll .cart-qty.similar {
	background: #fff;
	color: #fa5171;
}


/* icon */
#icon-cart,
#icon-bag,
#icon-basket {
	display: none;
}
.l-header.type-cart #icon-cart {
	display: block;
}
.l-header.type-bag #icon-bag {
	display: block;
}
.l-header.type-basket #icon-basket {
	display: block;
}


/* bnr
----------------------- */
.gnav__bnr {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
}
.set-rounded .gnav__bnrimg {
	overflow: hidden;
	border-radius: var(--radius8);
}
.gnav__bnrimg a {
	display: block;
}
@media screen and (min-width: 600px) {
	.gnav__bnr {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 959px) and (orientation: landscape) {
	.gnav__bnr {
		grid-template-columns: 1fr;
	}
}

/* sns
----------------------- */
.sns__list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 16px;
	font-size: 0;
}
.sns__list li a {
	display: block;
	padding: 8px;
	background: var(--colorWht);
	border-radius: 100%;
}
.sns__list li img {
	width: 24px;
}
.sns__list li img[src*=twicon] {
	padding: 4px;
}
.shareButtons .sns__icon {
	font-size: 0;
}
.shareButtons .sns__icon a {
	display: block !important;
	padding: 8px;
	background-color: var(--colorWht);
	border-radius: 100%;
}
.shareButtons .sns__icon img {
	width: 24px;
	height: 24px;
}
.shareButtons .sns__icon img[src*=twicon] {
	padding: 4px;
}



/* i18
----------------------- */
#i18 {
	display: flex;
	align-items: center;
	gap: 8px;
}
.l-gnav #i18 {
	margin-left: auto;
	margin-right: 16px;

}
#i18 .lang,
#i18 .currency {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 0 8px;
	border: 1px solid var(--NavTextColorBg);
}
.set-rounded #i18 .lang,
.set-rounded #i18 .currency {
	border-radius: 4px;
}
#i18 > div::after {
	content: "";
	transform: rotate(45deg);
	width: 6px;
	height: 6px;
	margin-top: -2px;
	border-right: 1px solid var(--NavTextColorBg);
	border-bottom: 1px solid var(--NavTextColorBg);
}
#i18 select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	min-width: inherit;
	height: auto;
	padding: 8px 0;
	background-color: transparent;
	border: none;
	border-radius: 0;
	font-family: inherit;
	font-size: 12px;
	text-align: center;
	color: var(--NavTextColorBg);
	line-height: 1;
	vertical-align: middle;
	cursor: pointer;
}


/* lower header
----------------------- */
.lower__wrap {
	display: flex;
	flex-direction: column;
}
.lower__header {
	display: flex;
	align-items: center;
	width: 100%;
	height: auto;
	margin-top: var(--headerHeight);
	padding-top: 40px;
}
.set-bg .lower__header {
	overflow: hidden;
	transform: translate3d(0,0,0);
	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
	height: min(calc(100vw * .75), 320px);
	margin-top: 0;
	padding: 72px 0;
	background-size: cover;
	background-position: center;
}
#about.set-bg .lower__header {
	background-image: var(--AboutLowerHeader);
}
#homeCategory.set-bg .lower__header {
	background-image: var(--CategoryLowerHeader);
}
#blog.set-bg .lower__header {
	background-image: var(--BlogLowerHeader);
}
#community.set-bg .lower__header {
	background-image: var(--CommunityLowerHeader);
}
#MembershipPage.set-bg .lower__header {
	background-image: var(--MembershipLowerHeader);
}
.set-bg .lower__header::before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .15);
}
body:not(.set-bg) .lower__header::after {
	display: none !important;
}
.lower__title {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	color: var(--TitleColor);
}
.set-bg .lower__title {
	color: #fff;
}
@media screen and (min-width: 600px) {
	.set-bg .lower__header {
		height: min(calc(100vw * .7), 400px);
	}
}
@media screen and (min-width: 1200px) {
	body:not(.set-bg) .lower__header{
		padding-top: 64px;
	}
}
@media screen and (min-width: 1600px) {
	.set-bg .lower__header {
		height: min(calc(100vw * .7), 480px);
	}
}


/* main
----------------------- */
.l-main {
	position: relative;
	z-index: 1;
	margin-top: calc(var(--headerHeight) * -1);
	background: inherit;
}
.l-main.no-slide {
	margin-top: -24px;
}
@media screen and (min-width: 1200px) {
	.l-main.no-slide {
		margin-top: 0;
	}
}


/* footer
----------------------- */
.l-footer {
	position: relative;
	z-index: 1;
	margin-top: auto;
	background-color: inherit;
	background-color: var(--FnavBgColor);
}
.fnav {
	padding: 64px 5% 40px;
}
.fnav__inner {
	display: grid;
	grid-template-columns: 1fr;
	row-gap: 40px;
}
.fnav__title {
	margin-bottom: 8px;
	font-size: calc(var(--NavFontSize) + 3px);
	color: var(--BodyFontColor);
	line-height: 1.4;
}
.set-color__title .fnav__title {
	color: var(--FnavTitleColor);
}
.fnav__guide .fnav__title,
.fnav__payment .fnav__title {
	font-size: calc(var(--NavFontSize) + 2px);
}
.fnav__txt {
	margin-bottom: 16px;
	white-space: pre-line;
}
.fnav__wrap,
.fnav__wrap a {
	color: var(--BodyFontColor);
	color: var(--FnavFontColor);
}
.fnav__txt__link {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 4px;
	width: fit-content;
	margin-top: 16px;
	margin-left: auto;
}
.fnav__txt__link + .fnav__txt__link {
	margin-top: 0;
}
.fnav__txt__link span {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(var(--BodyFontSize) + 1px);
	height: calc(var(--BodyFontSize) + 1px);
	border: 1px solid var(--BodyFontColor);
	border: 1px solid var(--FnavFontColor);
	border-radius: 100%;
}
.fnav__txt__link span::before {
	display: block;
	content: "";
	transform: rotate(-45deg);
	width: 5px;
	height: 5px;
	margin-left: -2px;
	border-right: 1px solid var(--BodyFontColor);
	border-bottom: 1px solid var(--BodyFontColor);
	border-right: 1px solid var(--FnavFontColor);
	border-bottom: 1px solid var(--FnavFontColor);
}
@media screen and (min-width: 768px) {
	.fnav__inner {
		grid-template-columns: repeat(2, 1fr);
		gap: 64px 5%;
	}
	.list__followus {
		grid-column: span 2;
	}
}
@media screen and (min-width: 1600px) {
	.fnav__inner {
		grid-template-columns: repeat(3, 1fr);
	}
	.list__followus {
		grid-column: span 3;
	}
}

/* shopinfo */
.footer__logo {
	margin-bottom: 24px;
}
.footer__logo a img {
	max-height: calc(var(--LogoImgSize) * 1.2);
}
.footer__logo a .logoText {
	font-size: var(--LogoTextSize);
	line-height: 1.4;
}
.l-footer.set-color__txt .footer__logo a .logoText {
	color: var(--FnavTitleColor) !important;
}
.set-rounded .access__map iframe,
.set-rounded .shopinfo__img {
	overflow: hidden;
	border-radius: var(--radius16);
}
.shopinfo__description {
	white-space: pre-line;
}
.shopinfo__description a {
	text-decoration: underline;
	text-underline-offset: 4px;
}
@media screen and (min-width:960px) {
	.access__map,
	.shopinfo__img {
		width: 100%;
	}
}
@media screen and (min-width: 1200px) {
	.footer__logo a img {
		max-height: calc(calc(var(--LogoImgSize) + 4px) * 1.2);
	}
	.footer__logo a .logoText {
		font-size: calc(var(--LogoTextSize) * 1.2);
	}
}

/* guide */
.list__guide {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.shipping__terms {
	display: inline-block;
	margin-top: 16px;
	padding: 16px 32px;
}
.l-footer .shipping__terms {
	margin-top: 8px;
	border: 1px solid var(--BodyFontColor);
	border-color: var(--FnavFontColor);
}
.l-footer .fnav__txt + .shipping__terms {
	margin-top: 0;
}
.set-rounded .shipping__terms {
	border-radius: var(--radius12);
}
.shipping__charge {
	font-size: 18px;
	font-weight: 700;
}
.shipping__annotation {
	font-size: calc(var(--BodyFontSize) - 1px);
	white-space: pre-line;
}

/* payment */
.payment__list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.payment__listitem {
	padding: 4px 16px;
	border: 1px solid var(--BodyFontColor);
	border-color: var(--FnavFontColor);
	font-size: 14px;
	font-weight: 700;
}
.set-rounded .payment__listitem {
	border-radius: var(--radius6);
}

/* menu */
.l-footer .menu__wrap {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.fnav__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	-moz-column-gap: 5%;
		 column-gap: 5%;
}
.fnav__menu a {
	display: flex;
	align-items: center;
	padding: .4em 0;
	font-size: var(--NavFontSize);
	color: var(--BodyFontColor);
	line-height: 1.4;
}
.fnav__link {
	color: var(--BodyFontColor);
}
.l-footer.set-color__txt .fnav__link {
	color: var(--FnavFontColor);
}

/* sub */
.fnav__sub {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 8px 32px;
	width: 100%;
}
.fnav__sub a {
	display: flex;
	align-items: center;
	padding: .2em 0;
	font-size: calc(var(--NavFontSize) - 2px);
	line-height: 1.4;
}

/* sns */
.l-footer .sns__list {
	justify-content: center;
	margin-top: 0;
}

/* copyright
----------------------- */
.copyright__wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
	position: relative;
	padding: 12px 5%;
	background-color: var(--CopyrightBgColor);
	color: var(--FnavFontColor);
}
.copyright {
	font-size: 13px;
	color: var(--CopyrightFontColor);
	word-break: break-all;
}
.copyright__contents {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

 /* i18 */
 .l-footer .list__i18 {
	margin-left: auto;
 }
.l-footer #i18 .lang,
.l-footer #i18 .currency {
	border-color: var(--BodyFontColor);
}
.l-footer #i18 select {
	color: var(--BodyFontColor);
}
.l-footer #i18 > div::after {
	border-right-color: var(--BodyFontColor);
	border-bottom-color: var(--BodyFontColor);
}
.l-footer.set-color__txt #i18 .lang,
.l-footer.set-color__txt #i18 .currency {
	border-color: var(--FnavFontColor);
}
.l-footer.set-color__txt #i18 select {
	color: var(--FnavFontColor);
}
.l-footer.set-color__txt #i18 > div::after {
	border-right-color: var(--FnavFontColor);
	border-bottom-color: var(--FnavFontColor);
}
.l-footer .copyright__wrap.set-color__txt #i18 .lang,
.l-footer .copyright__wrap.set-color__txt #i18 .currency {
	border-color: var(--CopyrightFontColor);
}
.l-footer .copyright__wrap.set-color__txt #i18 select {
	color: var(--CopyrightFontColor);
}
.l-footer .copyright__wrap.set-color__txt #i18 > div::after {
	border-right-color: var(--CopyrightFontColor);
	border-bottom-color: var(--CopyrightFontColor);
}

/* base */
.l-footer .base {
	margin-left: 16px;
}


/* ====================================================
keyframes
==================================================== */
@-webkit-keyframes inView {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes inView {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes outView {
	0% {opacity: 0.8}
	100% {opacity: 0;}
}
@keyframes outView {
	0% {opacity: 0.8}
	100% {opacity: 0;}
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	25% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeIn {
	0% {opacity: 0;}
	25% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes fadeOut {
	0% {opacity: 1;}
	1% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes fadeOut {
	0% {opacity: 1;}
	1% {opacity: 1;}
	100% {opacity: 0;}
}
@-webkit-keyframes loading {
	0%,
	80%,
	100% {
		box-shadow: 0 12px 0 -8px;
	}
	40% {
		box-shadow: 0 12px 0 0;
	}
}
@keyframes loading {
	0%,
	80%,
	100% {
		box-shadow: 0 12px 0 -8px;
	}
	40% {
		box-shadow: 0 12px 0 0;
	}
}

.informationBanner__inner,
.js-inview,
.lower__wrap,
.header__wrap {
	opacity: 0;
	will-change: animation;
	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
}
.js-load.header__wrap {
	-webkit-animation: inView 0.6s ease 0s forwards;
			animation: inView 0.6s ease 0s forwards;
}
.item__listitem.part,
.js-load.informationBanner__inner,
.js-load.js-inview.concept__wrap,
.js-load.lower__wrap {
	-webkit-animation: inView 1.2s ease 0s forwards;
			animation: inView 1.2s ease 0s forwards;
}
.js-start.informationBanner__inner,
.js-start.js-inview {
	-webkit-animation: inView 1.2s ease 0s forwards;
			animation: inView 1.2s ease 0s forwards;
}
.itemsub__wrap.js-start.js-inview {
	-webkit-animation-delay: .2s;
			animation-delay: .2s;
}
#community .js-start.js-inview.sec__wrap {
	-webkit-animation: inView 1.2s ease 0.2s forwards;
			animation: inView 1.2s ease 0.2s forwards;
}
#blog .js-start.js-inview {
	-webkit-animation-delay: 0.1s;
			animation-delay: 0.1s;
}
::-webkit-full-page-media, :future, :root #blog .js-start.js-inview {
	-webkit-animation-delay: 0.2s;
			animation-delay: 0.2s;
}
@-moz-document url-prefix() {
	#blog .js-start.js-inview {
		-webkit-animation-delay: 0.2s;
				animation-delay: 0.2s;
	}
}


/* ====================================================
object
==================================================== */
/* component
----------------------- */
/* project wrap */
.project__wrap {
	position: relative;
	background: inherit;
}

/* project main */
.project__main {
	display: flex;
	flex-direction: column;
	gap: 64px;
	padding-top: 64px;
	padding-bottom: 64px;
}

@media screen and (min-width:600px) {
	.project__main {
		gap: 80px;
		padding-top: 80px;
		padding-bottom: 80px;
	}
}

/* section wrap */
body:not(#home) .sec__wrap,
.set-rounded .sec__wrap {
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
}
body:not(.set-rounded) .sec__inner {
	padding-left: 5%;
	padding-right: 5%;
}
@media screen and (min-width: 600px) {
	body:not(.set-rounded) .sec__wrap {
		padding-left: 5%;
		padding-right: 5%;
	}
	body:not(.set-rounded) .sec__inner {
		padding-left: 0;
		padding-right: 0;
	}
}
@media screen and (min-width: 1200px) {
	#lawPage .sec__wrap,
	#privacyPage .sec__wrap,
	#contact .sec__wrap,
	#blog .blogDetail,
	#MembershipPage #membership {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* display */
.landscape,
.portrait {
	display: none;
}
@media screen and (orientation: landscape) {
	.landscape {
		display: block;
	}
}
@media screen and (orientation: portrait) {
	.portrait {
		display: block;
	}
}

/* title */
.sec__title {
	margin-bottom: 32px;
	color: var(--TitleColor);
	white-space: pre-line;
}
#home.search .item__wrap .sec__title {
	display: none;
}
.lower__title,
.sec__title {
	word-break: break-word;
	font-weight: 700 !important;
	text-align: center !important;
	line-height: 1.4 !important;
}

/* anc point */
.anc__point {
	margin-top: calc((var(--headerHeight) + 16px) * -1) !important;
	padding-top: calc(var(--headerHeight) + 16px) !important;
}

/* font size */
.font-s .medium__category .appsItemCategoryTag_lowerLink,
.font-s .lower__title,
.font-s .sec__title {
	font-size: min(9vw, 32px);
}
.font-m .medium__category .appsItemCategoryTag_lowerLink,
.font-m .lower__title,
.font-m .sec__title {
	font-size: min(10vw, 40px);
}
.font-l .medium__category .appsItemCategoryTag_lowerLink,
.font-l .lower__title,
.font-l .sec__title {
	font-size: min(11vw, 48px);
}
#lawPage .lower__title,
#privacyPage .lower__title {
	font-size: min(7.5vw, 28px);
}
#homeSearch .lower__title span {
	display: block;
}

@media screen and (min-width: 600px) {
	.sec__title {
		margin-bottom: 40px;
	}
	.font-s .lower__title,
	.font-s .sec__title {
		font-size: 36px;
	}
	.font-m .lower__title,
	.font-m .sec__title {
		font-size: 44px;
	}
	.font-l .lower__title,
	.font-l .sec__title {
		font-size: 52px;
	}
	#lawPage .font-s .lower__title,
	#privacyPage .font-s .lower__title {
		font-size: 32px;
	}
	#lawPage .font-m .lower__title,
	#privacyPage .font-m .lower__title {
		font-size: 40px;
	}
	#lawPage .font-l .lower__title,
	#privacyPage .font-l .lower__title {
		font-size: 48px;
	}
}
@media screen and (min-width: 1200px) {
	.sec__title {
		margin-bottom: 48px;
	}
	.font-s .lower__title,
	.font-s .sec__title {
		font-size: 40px;
	}
	.font-m .lower__title,
	.font-m .sec__title {
		font-size: 48px;
	}
	.font-l .lower__title,
	.font-l .sec__title {
		font-size: 56px;
	}
	#lawPage .font-s .lower__title,
	#privacyPage .font-s .lower__title {
		font-size: 34px;
	}
	#lawPage .font-m .lower__title,
	#privacyPage .font-m .lower__title {
		font-size: 42px;
	}
	#lawPage .font-l .lower__title,
	#privacyPage .font-l .lower__title {
		font-size: 50px;
	}
}

/* btn */
.btn__wrap {
	width: 100%;
	text-align: center;
}
.purchaseButton__btn,
.btn {
	display: inline-block;
	min-width: 240px;
	padding: 1em 1.5em;
	background-color: transparent;
	border-radius: var(--BtnRadius);
	box-sizing: border-box;
	font-size: inherit;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	text-decoration: none !important;
}
.btn {
	color: var(--BtnColor);
}
.purchaseButton__btn {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: var(--BtnColor);
	border-radius: var(--BtnRadius);
	font-weight: 700;
	color: var(--BtnTextColor) !important;
}
#itemDetail .purchaseButton__btn.purchaseButton__btn--noItem.purchaseButton__btn--disabled.purchaseButton__btn--endOfSale::after,
.purchaseButton__btn:disabled::after {
	border-radius: var(--BtnRadius);
}
#inquiryCompleteSection a,
.inquirySection .control-panel input#buttonLeave,
#MembershipPage .guide .mypage-link .link,
#MembershipPage .login .link {
	width: auto !important;
	min-width: 240px;
	max-width: initial;
	height: auto;
	padding: 1em 1.5em;
	background-color: transparent;
	border-radius: var(--BtnRadius);
	box-sizing: border-box;
	font-size: inherit;
	font-weight: 700;
	text-align: center;
	line-height: 1.4;
	text-decoration: none;
}
#itemDetail .purchaseButtonModal__btn--submit,
#itemDetail #salesPeriodModal .salesPeriodModal__btn--submit,
.salesPeriodModal__btn,
#itemDetail .communityBox .button,
#MembershipPage .guide .register .link {
	width: auto !important;
	min-width: 240px;
	height: auto;
	padding: 1em 1.5em;
	border-radius: var(--BtnRadius);
	box-sizing: border-box;
	font-size: inherit;
	font-weight: 700;
	text-align: center;
	line-height: 1.4;
	text-decoration: none;
}
.fill #inquiryCompleteSection a,
.fill .inquirySection .control-panel input#buttonLeave,
#MembershipPage .fill .guide .mypage-link .link,
#MembershipPage .fill .login .link,
.fill .btn {
	background-color: var(--BtnColor);
	border: none;
	color: var(--BtnTextColor);
}
.border #inquiryCompleteSection a,
.border .inquirySection .control-panel input#buttonLeave,
#MembershipPage .border .guide .mypage-link .link,
#MembershipPage .border .login .link,
.border .btn {
	border: 1px solid var(--BtnColor);
	color: var(--BtnColor);
}
.border--bold #inquiryCompleteSection a,
.border--bold .inquirySection .control-panel input#buttonLeave,
#MembershipPage .border--bold .guide .mypage-link .link,
#MembershipPage .border--bold .login .link,
.border--bold .btn {
	border: 2px solid var(--BtnColor);
	color: var(--BtnColor);
}
#itemDetail .communityBox .button {
	width: 100% !important;
	min-width: auto;
}
#community .communityMain .communityButton,
#communityPurchase .communitySignin a,
#MembershipPage .leave-modal-button {
	border-radius: var(--BtnRadius) !important;
}
@media (hover: hover) and (pointer: fine) {
	#MembershipPage .guide .register .link:hover {
		opacity: 0.7;
		transition: opacity .4s ease;
	}
}

/* search & notpublic */
.search__title {
	margin-bottom: 40px;
	font-size: 24px;
	text-align: center;
}
.message__txt {
	text-align: center;
}
#homeCategory .message__txt {
	margin-top: 80px;
	margin-bottom: 40px;
}

/* slide nav */
.slide__nav .swiper-button-next,
.slide__nav .swiper-button-prev {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	width: 32px;
	height: 32px;
	margin-top: 0;
	z-index: 1;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--colorWht);
	border-radius: 50%;
	color: var(--colorWht);
}
.slide__nav .swiper-button-next::after,
.slide__nav .swiper-button-prev::after {
	content: "";
	width: 8px;
	height: 8px;
	border-right: 1px solid var(--colorWht);
	border-bottom: 1px solid var(--colorWht);
	font-family: inherit;
	font-size: inherit;
	text-transform: none!important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1;
}
.slide__nav .swiper-button-next::after {
	transform: rotate(-45deg);
	margin-left: -3px;
}
.slide__nav .swiper-button-prev::after {
	transform: rotate(135deg);
	margin-right: -3px;
}


/* ====================================================
project
==================================================== */
/* お知らせバナーApp
----------------------- */
.informationBanner__wrap {
	position: relative;
	z-index: 2;
	background: var(--colorBlk0);
}
.informationBanner {
	display: block;
	width: 100%;
	min-height: auto !important;
	padding: 8px 0 !important;
}
.informationBanner__inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0 8px;
}
.informationBannerContainer {
	width: 100%;
}
.informationBannerClose {
	opacity: 0.8 !important;
	padding: 0 4px !important;
	color: var(--information-banner-textColor) !important;
	cursor: pointer;
}
.informationBannerIcon {
	width: 20px !important;
	height: 20px !important;
	margin-right: 0 !important;
}
.informationBannerIcon i {
	font-size: 20px !important;
	line-height: 1 !important;
}
.informationBannerText {
	margin-left: 8px;
	margin-right: 8px;
	text-align: left !important;
	line-height: 1.4 !important;
}
.informationBannerArrow {
	font-size: 14px !important;
}
@media screen and (min-width: 600px) {
	.informationBanner__inner {
		width: 90%;
		padding: 0;
	}
}


/* category nav
----------------------- */
.category__wrap {
	position: relative;
	padding-left: 5%;
	padding-right: 5%;
}
.gnav__menu--sub #category__subnav,
.category__wrap #category__mainnav {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2vw;
}
.gnav__menu--sub #category__subnav.list-center,
.category__wrap #category__mainnav.list-center {
	display: flex;
	justify-content: center;
}
.category__wrap .category__inner.img-bg > ul,
.category__wrap .category__inner.img-left > ul {
	opacity: 0;
	transition: opacity 1s ease;
}
.category__wrap .category__inner:not(.img-bg) .appsItemCategoryTag_child {
	border: 1px solid var(--BodyFontColor);
}
.set-rounded .category__inner:not(.img-bg) .appsItemCategoryTag_child {
	overflow: hidden;
	border-radius: var(--radius8);
}
.set-rounded .category__inner:not(.img-bg) .appsItemCategoryTag_child {
	overflow: hidden;
	border-radius: var(--radius8);
}
.set-rounded .category__inner:not(.img-bg) .img__wrap {
	border-radius: 0;
}
.category__wrap .appsItemCategoryTag_child a {
	font-weight: 700;
	word-break: break-word;
}
.category__wrap .category__inner:not(.img-bg) .appsItemCategoryTag_child a {
	color: var(--BodyFontColor);
}
.category__wrap .category__inner:not(.img-bg):not(.img-left) .appsItemCategoryTag_child > a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	-moz-column-gap: 16px;
		 column-gap: 16px;
	width: 100%;
	height: 100%;
	padding: 16px;
	font-size: var(--BodyFontSize);
}
.js-josefin .gnav__menu--sub .category__inner:not(.img-bg):not(.img-left) .appsItemCategoryTag_child > a,
.js-josefin .category__wrap .category__inner:not(.img-bg):not(.img-left) .appsItemCategoryTag_child > a {
	padding: 18px 16px 12px !important;
}
.category__wrap .catnav__arrow {
	border: 1px solid var(--BodyFontColor);
}
.category__wrap .svg__data {
	stroke: var(--BodyFontColor);
}
.category__wrap .appsItemCategoryTag_lowerchild {
	display: none;
}

/* img bg */
.gnav__menu--sub .img-bg .appsItemCategoryTag_child .img__wrap a,
.category__wrap .img-bg .appsItemCategoryTag_child .img__wrap a {
	width: 100%;
	height: 100%;
	min-height: calc(100vw / 4);
}
.category__wrap .img-bg .catnav__arrow {
	border: 1px solid #fff;
}

/* img left */
.category__wrap .img-left .appsItemCategoryTag_child > a {
	height: 100%;
}
@media screen and (max-width: 599px) {
	.gnav__menu--sub .img-left #category__subnav,
	.category__wrap .img-left #category__mainnav {
		grid-template-columns: 1fr;
	}
}
@media screen and (min-width: 600px){
	.gnav__menu--sub .img-left #category__subnav,
	.category__wrap .img-left #category__mainnav {
		grid-template-columns: repeat(2, 1fr);
		grid-template-columns: 1fr;
	}
}
@media screen and (min-width: 768px) {
	.gnav__menu--sub #category__subnav,
	.category__wrap #category__mainnav {
		grid-template-columns: repeat(3, 1fr);
		gap: 1vw;
	}
	.gnav__menu--sub .img-left #category__subnav,
	.category__wrap .img-left #category__mainnav {
		grid-template-columns: repeat(2, 1fr);
	}
	.gnav__menu--sub .img-bg .appsItemCategoryTag_child .img__wrap a,
	.category__wrap .img-bg .appsItemCategoryTag_child .img__wrap a {
		min-height: calc(100vw / 6);
	}
	.gnav__menu--sub .category__inner .list-center .appsItemCategoryTag_child,
	.category__wrap .category__inner .list-center .appsItemCategoryTag_child {
		width: calc(100% / 3);
	}
}
@media screen and (min-width: 960px) {
	.gnav__menu--sub .img-bg #category__subnav,
	.category__wrap .img-bg #category__mainnav {
		grid-template-columns: repeat(4, 1fr);
	}
	.gnav__menu--sub .img-bg .appsItemCategoryTag_child .img__wrap a,
	.category__wrap .img-bg .appsItemCategoryTag_child .img__wrap a {
		min-height: calc(100vw / 8);
	}
	.gnav__menu--sub .category__inner.img-bg .list-center .appsItemCategoryTag_child,
	.category__wrap .category__inner.img-bg .list-center .appsItemCategoryTag_child {
		width: calc(100% / 3);
	}
	.gnav__menu--sub .img-bg .list-center .appsItemCategoryTag_child .img__wrap a,
	.category__wrap .img-bg .list-center .appsItemCategoryTag_child .img__wrap a {
		min-height: calc(100vw / 6);
	}
}
@media screen and (min-width: 1200px) {
	.gnav__menu--sub #category__subnav,
	.category__wrap #category__mainnav {
		grid-template-columns: repeat(4, 1fr);
	}
	.gnav__menu--sub .img-bg #category__subnav,
	.category__wrap .img-bg #category__mainnav {
		grid-template-columns: repeat(5, 1fr);
	}
	.gnav__menu--sub .img-bg .appsItemCategoryTag_child .img__wrap a,
	.category__wrap .img-bg .appsItemCategoryTag_child .img__wrap a {
		min-height: calc(100vw / 10);
	}
	.gnav__menu--sub .img-left #category__subnav,
	.category__wrap .img-left #category__mainnav {
		grid-template-columns: repeat(3, 1fr);
	}
	.gnav__menu--sub .category__inner .list-center .appsItemCategoryTag_child,
	.category__wrap .category__inner .list-center .appsItemCategoryTag_child {
		width: calc(100% / 4);
	}
	.gnav__menu--sub .category__inner.img-bg .list-center .appsItemCategoryTag_child,
	.category__wrap .category__inner.img-bg .list-center .appsItemCategoryTag_child {
		width: calc(100% / 5);
	}
	.gnav__menu--sub .category__inner.img-left .list-center .appsItemCategoryTag_child,
	.category__wrap .category__inner.img-left .list-center .appsItemCategoryTag_child {
		width: calc(100% / 3);
	}
	.gnav__menu--sub .img-bg .list-center .appsItemCategoryTag_child .img__wrap a,
	.category__wrap .img-bg .list-center .appsItemCategoryTag_child .img__wrap a {
		min-height: calc(100vw / 9);
	}
}
@media screen and (min-width: 1600px) {
	.gnav__menu--sub #category__subnav,
	.category__wrap #category__mainnav {
		grid-template-columns: repeat(5, 1fr);
	}
	.gnav__menu--sub .img-bg #category__subnav,
	.category__wrap .img-bg #category__mainnav {
		grid-template-columns: repeat(6, 1fr);
	}
	.gnav__menu--sub .img-bg .appsItemCategoryTag_child .img__wrap a,
	.category__wrap .img-bg .appsItemCategoryTag_child .img__wrap a {
		min-height: calc(100vw / 12);
	}
	.gnav__menu--sub .img-left #category__subnav,
	.category__wrap .img-left #category__mainnav {
		grid-template-columns: repeat(4, 1fr);
	}
	.gnav__menu--sub .category__inner .list-center .appsItemCategoryTag_child,
	.category__wrap .category__inner .list-center .appsItemCategoryTag_child {
		width: calc(100% / 5);
	}
	.gnav__menu--sub .category__inner.img-bg .list-center .appsItemCategoryTag_child,
	.category__wrap .category__inner.img-bg .list-center .appsItemCategoryTag_child {
		width: calc(100% / 6);
	}
	.gnav__menu--sub .category__inner.img-left .list-center .appsItemCategoryTag_child,
	.category__wrap .category__inner.img-left .list-center .appsItemCategoryTag_child {
		width: calc(100% / 4);
	}
	.gnav__menu--sub .img-bg .list-center .appsItemCategoryTag_child .img__wrap a,
	.category__wrap .img-bg .list-center .appsItemCategoryTag_child .img__wrap a {
		min-height: calc(100vw / 11);
	}
}
@media screen and (min-width: 1920px) {
	.gnav__menu--sub #category__subnav,
	.category__wrap #category__mainnav {
		grid-template-columns: repeat(6, 1fr);
	}
	.gnav__menu--sub .img-bg #category__subnav,
	.category__wrap .img-bg #category__mainnav {
		grid-template-columns: repeat(7, 1fr);
	}
	.gnav__menu--sub .img-bg .appsItemCategoryTag_child .img__wrap a,
	.category__wrap .img-bg .appsItemCategoryTag_child .img__wrap a {
		min-height: calc(100vw / 14);
	}
	.gnav__menu--sub .img-left #category__subnav,
	.category__wrap .img-left #category__mainnav {
		grid-template-columns: repeat(5, 1fr);
	}
	.gnav__menu--sub .category__inner .list-center .appsItemCategoryTag_child,
	.category__wrap .category__inner .list-center .appsItemCategoryTag_child {
		width: calc(100% / 6);
	}
	.gnav__menu--sub .category__inner.img-bg .list-center .appsItemCategoryTag_child,
	.category__wrap .category__inner.img-bg .list-center .appsItemCategoryTag_child {
		width: calc(100% / 7);
	}
	.gnav__menu--sub .category__inner.img-left .list-center .appsItemCategoryTag_child,
	.category__wrap .category__inner.img-left .list-center .appsItemCategoryTag_child {
		width: calc(100% / 5);
	}
	.gnav__menu--sub .img-bg .list-center .appsItemCategoryTag_child .img__wrap a,
	.category__wrap .img-bg .list-center .appsItemCategoryTag_child .img__wrap a {
		min-height: calc(100vw / 13);
	}
}


/* blog
----------------------- */
/* layout */
.blog__list {
	display: grid;
	gap: 2vw;
	margin-bottom: 40px;
}
.blog_head_image .img__wrap,
.blog__img {
	aspect-ratio: var(--BlogImgRatio);
}
.blog_head_image a,
.blog__img a {
	height: 100%;
}
.blogListMain .blog_head_image img,
.blog__img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
}
.blog__desc {
	color: var(--BodyFontColor);
}
#blog #about.blogListMain h2,
.blog__title {
	margin-bottom: 8px;
	line-height: 1.4;
}
#blog #about.blogListMain h2,
.blog_title a {
	color: var(--BodyFontColor);
	text-decoration: none !important;
}
.blogListMain .blog_contents .text,
.blog__content {
	display: none;
	overflow: hidden;
	margin-bottom: 8px;
	font-size: calc(var(--BodyFontSize) - 1px);
	line-height: 1.4;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.set-content .blogListMain .blog_contents .text,
.set-content .blog__content {
	display: -webkit-box;
}
#blog #about.blogListMain .blog_publish .publish_date,
.blog__date {
	font-size: calc(var(--BodyFontSize) - 1px);
	line-height: 1.4;
}

/* l-row */
.l-row .blog__list {
	grid-template-columns: 1fr;
	gap: 3vw;
}
.l-row .blogListMain .blog_inner,
.l-row .blog__listitem {
	display: grid;
	grid-template-columns: 2fr 3fr;
	gap: 3vw;
	width: 100%;
}

/* l-column */
.l-column .blog__list {
	grid-template-columns: repeat(2, 1fr);
}
.l-column .blog__img {
	margin-bottom: 8px;
}
@media screen and (min-width: 600px) {
	#blog #about.blogListMain h2,
	.blog__title {
		font-size: calc(var(--BodyFontSize) + 2px);
	}
}
@media screen and (min-width: 960px) {
	.blog__list {
		gap: 2vw;
	}
	.l-row .blog__list {
		grid-template-columns: repeat(2, 1fr);
		gap: 2vw;
	}
	.l-row .blogListMain .blog_inner,
	.l-row .blog__listitem {
		gap: 2vw;
	}
	#blog .l-column .blog__list {
		grid-template-columns: repeat(3, 1fr);
		gap: 1vw;
	}
}
@media screen and (min-width: 1200px) {
	#blog .l-column .blog__list,
	.l-column .blog__list {
		grid-template-columns: repeat(4, 1fr);
		gap: 1vw;
	}
}
@media screen and (min-width: 1600px) {
	#blog .l-row #about.blogListMain h2,
	.l-row .blog__title {
		font-size: calc(var(--BodyFontSize) + 4px);
	}
	#blog #about.blogListMain .blog_publish .publish_date,
	.blog__date {
		font-size: var(--BodyFontSize);
	}
	.blogListMain .blog_contents .text,
	.blog__content {
		font-size: var(--BodyFontSize);
	}
}


/* item
----------------------- */
/* item list */
#community .communityMain .communityItems,
.item__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 4vw;
	margin-bottom: 40px;
}

/* item layout */
@media screen and (min-width: 768px) {
	#community .communityMain .communityItems,
	.item__list {
		grid-template-columns: repeat(3, 1fr);
		gap: 2vw;
	}
}
@media screen and (min-width: 1200px) {
	#community .communityMain .communityItems,
	.item__list {
		grid-template-columns: repeat(4, 1fr);
		gap: 1vw;
	}
}
@media screen and (min-width: 1600px) {
	#community .communityMain .communityItems,
	.item__list {
		grid-template-columns: repeat(6, 1fr);
		gap: 1vw;
	}
}

/* item img */
.item__listitem .item__img {
	position: relative;
	margin-bottom: 8px;
}
.communityItem a,
.related__img a,
.thumb__listitem a,
.itemimg__listitem a,
.ranking__img a,
.item__img .img__wrap a {
	height: 100%;
	aspect-ratio: var(--ItemImgRatio);
}
.communityItem img,
.related__img img,
.thumb__listitem img,
.itemimg__listitem img,
.ranking__img img,
.item__img .img__wrap img {
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
}
.item__listitem .label_image {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	height: auto;
	width: 25%;
	max-width: 64px;
}

/* item title */
#community .communityMain .communityItems .communityItem .communityItemTitle,
.related__title,
.item__contents {
	color: var(--BodyFontColor);
}
@media screen and (min-width: 600px) {
	#community .communityMain .communityItems .communityItem .communityItemTitle,
	.related__title,
	.item__title {
		font-size: calc(var(--BodyFontSize) + 2px);
	}
}

/* item text */
.recently__listitem .item__contents,
.item__listitem .item__contents {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
	word-break: initial;
	overflow-wrap: break-word;
}
#community .communityMain .communityItems .communityItem .communityItemTitle,
.related__title,
.item__title  {
	display: block;
	width: 100%;
	font-weight: 700;
	line-height: 1.4;
}
.communityItemPrice,
.item__wrap .item__detail {
	width: 100%;
}
.item__listitem .item__contents .item__price {
	margin-right: 4px;
	font-weight: 700;
}
.related__price,
.itemsub__wrap .item__price,
.ranking__price.item__price,
.item__list .item__price,
.discountPrice,
.discountPrice__calcPrice,
.communityItemPrice {
	display: flex;
	align-items: center;
	font-size: calc(var(--BodyFontSize) - 1px);
	font-weight: 700;
}
.item__listitem .item__contents .discountPrice {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 8px;
}
.item__listitem .item__contents .discountPrice + .discountPrice.repeat {
	margin-top: 8px;
}
.set-status__sale .communityItemPrice.discount,
.set-status__sale .discountPrice {
	color: var(--StatusSaleColor);
}
.discountPrice__calcPrice {
	word-break: break-word;
}
.discountPrice__calcPrice,
.discountPrice__ProperPrice {
	line-height: 1.4;
}
.item__status,
.soldout_cover,
.comingSoon,
.preOrder,
.lottery,
.takeout,
.community,
#community .communityMain .communityItems .communityItem .communityItemLabel.comingSoon,
#community .communityMain .communityItems .communityItem .communityItemPrice .discount,
#community .communityMain .communityItems .communityItem .communityItemLabel.soldOutText,
#community .communityMain .communityItems .communityItem .communityItemLabelBlock {
	display: inline-block;
	padding: .1em .5em;
	border: 1px solid var(--BodyFontColor);
	border-radius: 0;
	color: var(--BodyFontColor);
	font-size: 11px;
	font-weight: 700;
}
.set-status__other .item__status,
.set-status__other .comingSoon,
.set-status__other .preOrder,
.set-status__other .lottery,
.set-status__other .takeout,
.set-status__other .community,
#community .set-status__other .communityMain .communityItems .communityItem .communityItemLabel.comingSoon,
#community .set-status__other .communityMain .communityItems .communityItem .communityItemLabelBlock {
	border-color: var(--StatusColor);
	color: var(--StatusColor);
}
#community .communityMain .communityItems .communityItem .communityItemPrice .discount,
.discountPrice__ratio {
	display: inline-block;
	padding: 0 .8em;
	border: 1px solid var(--BodyFontColor);
	border-radius: 100px !important;
	color: var(--BodyFontColor);
	font-size: 11px;
	font-weight: 700;
}
#community .set-status__sale .communityMain .communityItems .communityItem .communityItemLabel.soldOutText,
#community .set-status__sale .communityMain .communityItems .communityItem .communityItemPrice .discount,
.set-status__sale .item__status.label__soldout,
.set-status__sale .color-sale .item__status,
.set-status__sale .soldout_cover,
.set-status__sale .discountPrice__ratio {
	border-color: var(--StatusSaleColor);
	color: var(--StatusSaleColor);
}
.set-status__sale .color-sale .item__status {
	padding: .1em 1em;
	border-radius: 100px;
}
.discountPrice__ratio,
.communityMain .communityItems .communityItem .communityItemPrice .discount {
	margin-top: 0;
}
.item__status {
	margin-top: 0;
	margin-left: 8px;
}
.set-rounded .info__label,
.set-rounded .item__status,
.set-rounded .soldout_cover,
.set-rounded .comingSoon,
.set-rounded .preOrder,
.set-rounded .lottery,
.set-rounded .takeout,
.set-rounded .community,
.set-rounded .discountPrice__ratio,
#community.set-rounded .communityMain .communityItems .communityItem .communityItemLabel.comingSoon,
#community.set-rounded .communityMain .communityItems .communityItem .communityItemLabel.soldOutText,
#community.set-rounded .communityMain .communityItems .communityItem .communityItemLabelBlock,
#itemDetail.set-rounded .soldout__label,
#itemDetail.set-rounded .preOrder__label,
#itemDetail.set-rounded .lottery__label,
#itemDetail.set-rounded .takeout__label,
#itemDetail.set-rounded .comingSoon,
#itemDetail.set-rounded .discountPrice__ratio,
#itemDetail.set-rounded .communityLabel__title {
	border-radius: var(--radius4) !important;
}


/*item more*/
#loading img {
	display: none !important;
}
.loading__wrap,
.loading__wrap::before,
.loading__wrap::after,
#loading,
#loading::before,
#loading::after {
	border-radius: 50%;
	width: 12px;
	height: 12px;
	-webkit-animation: loading 1s infinite ease-in-out both;
			animation: loading 1s infinite ease-in-out both;
}
.loading__wrap,
#loading {
	margin: 8px auto 0;
	position: relative;
	color: var(--BodyFontColor);
	-webkit-animation-delay: -0.16s;
			animation-delay: -0.16s;
}
.loading__wrap {
	position: absolute;
	top: 80px;
	left: 50%;
	transform: translate(-50%);
}
.loading__wrap::before,
.loading__wrap::after,
#loading::before,
#loading::after {
	content: "";
	position: absolute;
	top: 0;
}
.loading__wrap::before,
#loading::before {
	left: -24px;
	-webkit-animation-delay: -0.32s;
			animation-delay: -0.32s;
}
.loading__wrap::after,
#loading::after {
	left: 24px;
}
.category__wrap.no-img .loading__wrap {
	display: none;
}

/* item breadcrumb */
.breadcrumb {
	margin-bottom: 24px;
}
.breadcrumb__child {
	display: inline;
}
.breadcrumb__child::after {
	display: inline-block;
	content: "";
	width: 4px;
	height: 4px;
	margin: -2px 8px 0 12px;
	background-color: var(--BodyFontColor);
	border-radius: 50%;
	vertical-align: middle;
}
.breadcrumb__child:last-of-type:after {
	display: none;
}
.breadcrumb__child a {
	font-size: calc(var(--BodyFontSize) - 1px);
}
@media screen and (min-width: 600px) {
	.breadcrumb__child a {
		font-size: var(--BodyFontSize);
	}
}
@media (hover: hover) and (pointer: fine) {
	.breadcrumb__child a:hover {
		opacity: 1;
	}
}

/* ranking
----------------------- */
.ranking__label {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 7vw;
	aspect-ratio: 1/1;
	background-color: var(--RankingLabelColor);
}
.set-rounded .ranking__label {
	top: -4px;
	left: -4px;
	border-radius: 100%;
}
.ranking__label::before {
	display: block;
	font-size: 3.5vw;
	font-weight: 700;
	color: var(--RankingLabelNumColor);
}
.ranking__listitem.num--01 .ranking__label::before {
	content: "1";
}
.ranking__listitem.num--02 .ranking__label::before {
	content: "2";
}
.ranking__listitem.num--03 .ranking__label::before {
	content: "3";
}
.ranking__listitem.num--04 .ranking__label::before {
	content: "4";
}
.ranking__listitem.num--05 .ranking__label::before {
	content: "5";
}
.ranking__listitem.num--06 .ranking__label::before {
	content: "6";
}
.ranking__listitem.num--07 .ranking__label::before {
	content: "7";
}
.ranking__listitem.num--08 .ranking__label::before {
	content: "8";
}
.ranking__listitem.num--09 .ranking__label::before {
	content: "9";
}
.ranking__listitem.num--10 .ranking__label::before {
	content: "10";
}
@media screen and (min-width: 768px) {
	.ranking__label {
		width: min(5vw, 48px);
	}
	.ranking__label::before {
		font-size: min(2.5vw, 24px);
	}
}

/* category child
----------------------- */
.category-child__list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 40px;
}
.category-child__link {
	display: inline-block;
	padding: 0.5em 1em;
	background-color: transparent;
	border: 1px solid var(--BodyFontColor);
	border-radius: calc(var(--BtnRadius) - 2px);
	line-height: 1.4;
	text-align: center;
	font-size: calc(var(--BodyFontSize) - 1px);
	font-weight: 700;
	color: var(--BodyFontColor);
}


/* instagram
----------------------- */
.instagram__wrap {
	order: 10;
	margin-bottom: 64px;
}
.instagram__wrap.not-full {
	margin-left: 5%;
	margin-right: 5%;
}
.instagram__wrap .sec__title,
.snptwdgt__headng,
.snptwdgt__subheadng {
	margin-left: 5%;
	margin-right: 5%;
}
.snptwdgt__headng + .snptwdgt__subheadng {
	margin-top: 8px;
}
.snptwdgt__headng.h1 {
	font-size: 28px;
	line-height: 1.4;
}
.snptwdgt__headng.h2 {
	font-size: 26px;
	line-height: 1.4;
}
.snptwdgt__headng.h3 {
	font-size: 24px;
	line-height: 1.4;
}
.snptwdgt__headng.h4 {
	font-size: 22px;
	line-height: 1.4;
}
.snptwdgt__headng.h5 {
	font-size: 20px;
	line-height: 1.4;
}
.snptwdgt-container .snptwdgt__headr-blok .snptwdgt__headn--1.h6 {
	font-size: 18px;
	line-height: 1.4;
}
.snptwdgt-container .snptwdgt-rtd__f0tr,
.snptwdgt-container .snptwdgt-rtd__f0tr a {
	color: inherit !important;
}
.snptwdgt-container .snptwdgt-rtd__f0tr .snptwdgt__usr-profl .snptwdgt__usr-profl-name {
	background-color: transparent;
	color: inherit !important;
}
.instagram__wrap .btn__wrap {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}


/* mailmagazine app
----------------------- */
.mailmagazine__wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	min-height: 360px;
	padding: min(15%, 80px) 5%;
	background-image: var(--MailMagazineImg);
	background-size: cover;
	background-position: center;
}
.mailmagazine__wrap::before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .15);
}
.mailmagazine__inner {
	position: relative;
	max-width: 640px;
}
.mailmagazine__wrap .sec__title {
	color: var(--colorWht);
}
.mailmagazine__txt {
	margin-bottom: 16px;
	font-weight: 400;
	white-space: pre-line;
	color: var(--colorWht);
}
.x_mailMagazineSubscribe.mailMagazineSubscribe {
	width: 100%;
}
.mailMagazineSubscribe_field {
	display: flex;
	overflow: hidden;
	height: 46px;
	border: 1px solid var(--colorWht);
}
.set-rounded .mailMagazineSubscribe_field {
	border-radius: var(--radius6);
}
.mailMagazineSubscribe_input {
	margin: 0;
	padding: 8px 16px !important;
	background-color: transparent !important;
	border: none !important;
	border-radius: 0;
	font-size: 16px !important;
	line-height: inherit !important;
	color: var(--colorWht) !important;
}
.mailMagazineSubscribe_input:focus {
	border: none;
}
.mailMagazineSubscribe_submit {
	position: relative;
	width: 80px;
	margin: 0;
	padding: 0;
	background-color: var(--colorWht);
}
.mailMagazineSubscribe_submit span {
	font-size: 14px;
	font-weight: 700;
	color: var(--colorBlk2);
}
.mailMagazineSubscribe_submit:hover {
	cursor: pointer;
}
.mailMagazineSubscribe_confirm {
	font-weight: 400;
	color: var(--colorWht);
}


/* massage app
----------------------- */
#x_message .msg_startButton {
	display: none;
	z-index: 9999 !important;
	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
	will-change: opacity;
	transform: translate3d(0, 0, 0);
	transition: none !important;
}
.js-menu #x_message .msg_startButton {
	z-index: 1 !important;
}
@media screen and (max-width: 359px) {
	.purchaseButton__btn {
		font-size: 14px;
	}
}
@media screen and (max-width: 767px) {
	#x_message .msg_startButton {
		position: fixed !important;
		left: auto !important;
		right: 4px !important;
		bottom: 8px !important;
		width: 52px !important;
		height: 52px !important;
		border-radius: 100% !important;
		box-shadow: 0 0 15px 0 rgba(51,66,88,.2) !important;
		cursor: pointer !important;
	}
	#x_message .msg_startButton__icon {
		display: block !important;
		font-size: 21px !important;
		line-height: 52px!important;
		padding: 0 !important;
	}
	#x_message .msg_startButton__text {
		display: none !important;
	}
}
@media screen and (min-width: 768px) {
	#x_message .msg_startButton {
		bottom: 8px;
	}
}