/*レスポンシブ*/
@media screen and (min-width: 769px) {
	.fieldset-vertical .form-control {
		padding-left: 12px;
	}
	/** フリーページ **/
	.pane-header+.pane-globalnav+.block-faq,
	.pane-header+.pane-globalnav+.block-guide,
	.pane-header+.pane-globalnav+.block-privacy {
		max-width: var(--responsive-sys-container-width);
		margin: 24px auto 80px;
		padding-top: 162px;
	}
	.block-faq h1,
	.block-guide h1,
	.block-privacy h1 {
		margin-bottom: 9px;
		padding: 16px 0;
	}
	.block-faq-intro,
	.block-guide-intro {
		margin-bottom: 68px;
	}
	.block-faq-intro--text,
	.block-guide-intro--text {
		margin-bottom: 30px;
	}
	.block-faq-intro--nav,
	.block-guide-intro--nav {
		display: flex;
		flex-wrap: wrap;
		column-gap: 20px;
		row-gap: 12px;
	}
	.block-faq-intro--nav li,
	.block-guide-intro--nav li {
		width: 275px;
	}
	.block-faq-intro--nav li a,
	.block-guide-intro--nav li a {
		padding: 27px 0;
		border-radius: 5px;
		text-align: center;
	}
	.block-guide-intro--nav li:not(:last-child) {
		margin-bottom: 0;
	}
	.block-faq-intro--nav li span,
	.block-guide-intro--nav li span {
		position: relative;
		padding-right: 17px;
		font-size: 16px;
	}
	.block-faq-intro--nav li span:after,
	.block-guide-intro--nav span:after {
		content: "";
		position: absolute;
		top: 6px;
		right: 0;
		width: 8px;
		height: 8px;
		transform: rotate(45deg);
		border-right: 1px solid #111;
		border-bottom: 1px solid #111;
	}
	.block-faq-intro--nav a:after,
	.block-guide-intro--nav a:after {
		content: none;
	}
	.block-faq-section:not(:last-child),
	.block-guide-section:not(:last-child) {
		margin-bottom: 68px;
	}
	.block-faq h2,
	.block-guide h2 {
		padding: 12px 0;
	}
	.block-privacy h2 {
		padding-bottom: 12px;
	}
	.block-faq-section,
	.block-guide-section {
		scroll-margin-top: 162px;
	}
	.block-faq-section dt {
		padding: 10px 24px;
		background: #f0f0f0;
		cursor: pointer;
	}
	.block-faq-section dt:before,
	.block-faq-section dt:after {
		right: 24px;
	}
	.block-faq-section dt span {
		padding-left: 40px;
		font-size: 18px;
	}
	.block-privacy-section:not(:last-child) {
		margin-bottom: 68px;
	}
	.block-guide-section--box:not(:last-child) {
		margin-bottom: 28px;
	}
	.block-guide-section--text {
		margin-bottom: 0;
		font-size: 14px;
	}
	.block-guide h3 {
		margin-bottom: 16px;
		padding: 12px 0;
		font-size: 18px;
	}
	/* ランディングページ */
	.block-landingpage h2[class^="block-landingpage"] {
		margin: 60px 0 20px 0;
		font-size: 24px;
		font-weight: 500;
	}
	.block-landingpage .block-landingpage-login--member>h2[class^="block-landingpage"],
	.block-landingpage-form>h2[class^="block-landingpage"],
	.block-landingpage-order--host>h2[class^="block-landingpage"] {
		margin: 0 0 20px 0;
	}
	.block-landingpage .block-landingpage-login--member>h2.block-landingpage-login--first-time-header {
		margin: 60px 0 20px 0;
	}
	#lp_clear_skin .item-frame .desc-box .pop {
		font-size: 40px;
		font-weight: bold;
	}
	#lp_clear_skin #sec_main .desc-box .text {
		font-size: 16px;
		line-height: 1.6;
	}
	#lp_clear_skin #sec_main .button.days10 a {
		width: 240px;
		height: 40px;
		border-radius: 40px;
		font-size: 18px;
		line-height: 38px;
	}
	#lp_clear_skin #sec_story .pop {
		font-size: 26px;
	}
	#lp_clear_skin #sec_story .button.days10 a {
		width: 320px;
	}
	#lp_clear_skin #sec_story .kome-list li {
		font-size: 12px;
	}
	#lp_clear_skin .item-frame .desc-box .text,
	#lp_clear_skin #sec_offer .notice-list li,
	.pane-landingpage-contents .detail-box .dl-table dt,
	.pane-landingpage-contents .detail-box .dl-table dd {
		font-size: 14px;
	}
	#lp_clear_skin .item-frame .desc-box .text {
		margin: 0 0 20px;
		font-weight: bold;
	}
	#lp_clear_skin .item-frame .item-desc {
		font-size: 16px;
		font-weight: normal;
	}
	#lp_clear_skin #sec_nayami .line01 {
		font-size: 22px;
	}
	#lp_clear_skin #sec_nayami h2 {
		margin: 0 0 50px 0;
		font-size: 50px;
	}
	#lp_clear_skin #sec_nayami .nayami-list {
		margin: 0 0 50px 0;
	}
	#lp_clear_skin #sec_nayami .nayami-list li {
		width: 280px;
		height: 280px;
		margin: 0 20px;
		font-size: 48px;
	}
	#lp_clear_skin #sec_nayami .line01 {
		margin: 0 0 50px 0;
	}
	#lp_clear_skin #sec_offer .details {
		padding: 80px 100px;
	}
	#lp_clear_skin #sec_offer .ttl-point {
		margin: 0 0 45px 0;
		font-size: 32px;
	}
	#lp_clear_skin #sec_offer .point-list {
		margin: 0 0 40px 0;
	}
	#lp_clear_skin #sec_offer .point-list li {
		width: 17.5%;
	}
	#lp_clear_skin #sec_offer .middle-text {
		font-size: 19px;
	}
	#lp_clear_skin #sec_offer .trial-button {
		margin: 60px 0;
	}
	#lp_clear_skin #sec_offer .trial-button a {
		height: 120px;
		background: linear-gradient(90deg, rgba(213, 8, 8, 1) 0%, rgba(237, 9, 141, 1) 100%);
		font-size: 35px;
		line-height: 120px;
	}
	.pane-landingpage-contents .detail-box .detail-ttl,
	.pane-landingpage-contents #frmLP .action-buttons .btn.btn-primary {
		font-size: 20px;
	}
	.pane-landingpage-contents .detail-box .dl-table dt {
		width: 25%;
		padding: 20px;
	}
	.pane-landingpage-contents .detail-box .dl-table dd {
		width: 75%;
		padding: 20px;
	}
	.pane-landingpage-contents .detail-box .notice-list li,
	.pane-landingpage-contents .detail-box p {
		font-size: unset;
	}
	.block-landingpage-login--member .block-landingpage-login--member-body {
		margin: 0;
	}
	.pane-landingpage-contents #frmLP .action-buttons .btn.btn-primary[name="order"] {
		width: 520px;
		padding: 20px 0;
	}
	.page-menu .wrapper {
		overflow-x: visible;
	}
	.fieldset-vertical .form-label+.constraint+.form-control {
		width: auto;
	}
}
:root {
	/* サンセリフ体 */
	--font-family-base: "Roboto", "Noto Sans JP", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, "Font Awesome 5 Free", sans-serif;
	/* セリフ体 */
	--font-family-serif: "Noto Serif JP", "Roboto", serif;
	/* スラブセリフ体 */
	--font-family-corp: "Copperplate", serif;
	/* ★カラー
	====================== */
	--sub--text-color: var(--color-gray);
	--accent--text-color: #001C43;
	--main--color: #161F35;
	/* --pale2--color: #E4F2D2;
	*/
	--gray--text-color: #6A707E;
	--gray2--text-color: #485061;
	--main--background-color: #FFFFFF !important;
	--sub---color: #EEEEEE !important;
	--color-header-bg: #E1E3E6;
	--tag-background-color: #F5F5F5;
	--header-background-color: #e8e8eb;
	--form--border-color: #161F35;
	--color-text: #121212;
	--color-primary: #161F35;
	--color-accent: #A71F24;
	--color-conversion: #CE931D;
	--color-header-bg: #E1E3E6;
	--color-grayish-ivory: #F6F4F0;
	--color-sand: #d6ba9a;
	--color-navy: #0c2544;
	--color-midnight: #013451;
	--color-coral: #f17b55;
	--color-beige: #eee2cc;
	--color-caramel: #b88951;
	--color-mocha: #665948;
	--color-rose: #f3456e;
	--color-peach: #f79384;
	--color-stone: #e2ddcf;
	--color-forest: #1a3b2a;
	--color-ocean: #2e8bb3;
	--color-gray: #707070;
	--color-wine: #631e20;
}
@media (max-width: 1024px) {
	:root {
		/* ★テキストサイズ
		====================== */
		--txt-52: 5.2rem;
		--txt-48: 4.8rem;
		--txt-40: 4rem;
		--txt-36: 3.6rem;
		--txt-32: 3.2rem;
		--txt-24: 2.4rem;
		--txt-22: 2.2rem;
		--txt-21: 2.1rem;
		--txt-20: 2rem;
		--txt-19: 1.9rem;
		--txt-18: 1.8rem;
		--txt-17: 1.7rem;
		--txt-16: 1.6rem;
		--txt-15: 1.5rem;
		--txt-14: 1.4rem;
		--txt-13: 1.3rem;
		--txt-12: 1.2rem;
		--txt-11: 1.1rem;
		--txt-10: 1rem;
		/* ★幅
		====================== */
		--container-width-s: 1121px;
		--container-width: 1386px;
		--responsive-sys-container-width: 1280px;
	}
}
@media (max-width: 1024px) {
	:root {
		/* ★テキストサイズ
		====================== */
		--txt-52: min(10.83vw, 5.2rem);
		--txt-48: min(10vw, 4.8rem);
		--txt-40: min(8.33vw, 4rem);
		--txt-36: min(7.5vw, 3.6rem);
		--txt-32: min(6.67vw, 3.2rem);
		--txt-24: min(5vw, 2.4rem);
		--txt-22: min(4.58vw, 2.2rem);
		--txt-21: min(4.38vw, 2.1rem);
		--txt-20: min(4.17vw, 2rem);
		--txt-19: min(3.96vw, 1.9rem);
		--txt-18: min(3.75vw, 1.8rem);
		--txt-17: min(3.54vw, 1.7rem);
		--txt-16: min(3.33vw, 1.6rem);
		--txt-15: min(3.13vw, 1.5rem);
		--txt-14: min(2.92vw, 1.4rem);
		--txt-13: min(2.71vw, 1.3rem);
		--txt-12: min(2.5vw, 1.2rem);
		--txt-11: min(2.29vw, 1.1rem);
		--txt-10: min(2.08vw, 1rem);
		/* ★幅
		====================== */
		--container-width-s: 1121px;
		--container-width: 1386px;
		--responsive-sys-container-width: 1280px;
	}
}
@media (max-width: 780px) {
	.container:not(:has(.block-header-logo)) {
		& .btn {
			&.btn-default {
				font-size: var(--txt-20);
				max-width: 250px;
			}
			&.btn-default[value="戻る"] {
				font-size: var(--txt-20);
				max-width: 250px;
			}
			&.btn-danger {
				font-size: var(--txt-20);
				max-width: 250px;
			}
		}
		.action-buttons {
			margin-top: 8.33vw;
			.action:last-of-type {
				margin-top: 4.17vw;
			}
		}
		.pane-main select {
			border: 1px solid #ccc;
			height: 4.4rem;
		}
		.pane-main input:not([type="checkbox"], [type="radio"], [type="button"], [type="submit"]) {
			height: 4.4rem;
		}
		/* /.container:not(:has(.block-header-logo)) */
	}
	.modal-wrapper .modal-footer .btn+.btn {
		margin-top: 4.17vw;
	}
	/* 入力ページのinput幅（郵便番号以外） */
	.form-group:not([class*="--zip"]) input {
		width: 100%;
	}
	body:not(:has(.block-topic-path)) .wrapper>.pane-footer {
		margin-top: 26.67vw;
		/* /body:not(:has(.block-topic-path)) .wrapper>.pane-footer  */
	}
	/* /@media (max-width: 780px) */
}
/* PCのみ
------------------------*/
@media screen and (min-width: 1025px) {
	#search_view {
		z-index: 999999;
		height: 100%;
		padding: 0 !important;
		.search_inner {
			width: min(53.33vw, 1024px);
			display: grid;
			grid-template-columns: 1fr 1fr;
			column-gap: var(--txt-12);
			background: unset !important;
			margin: 40px auto auto;
			z-index: 1;
			border: none;
			overflow: auto;
			form {
				width: 100%;
				border: 1px solid var(--form--border-color);
				border-radius: 8px;
				padding: min(0.63vw, 12px) min(0.89vw, 17px) min(0.63vw, 12px) 0;
				.block-header-search--keyword {
					width: calc(100% - 20px);
					height: 20px;
					border: 0;
					outline: none;
					font-size: var(--txt-12);
					padding: 0 10px 0 20px;
					background: unset;
				}
				.block-header-search--submit {
					width: 20px;
					height: 22px;
					background: url(../../img/usr/common/icon_search.svg) no-repeat center center / 100%;
				}
			}
			.search-box {
				background: #fff;
				padding: 20px 14px 28px;
				.search-box-list {
					margin-left: var(--txt-26);
					font-size: var(--txt-16);
					font-weight: bold;
					line-height: calc(24/16);
					color: var(--gray2--text-color);
					.list-item {
						+.list-item {
							margin-top: var(--txt-16);
						}
					}
				}
				&.-recommend {
					padding: 32px 33px;
				}
				.search-box-title {
					font-size: var(--txt-10);
					font-weight: bold;
					line-height: calc(15/10);
					color: var(--gray--text-color);
					border: none;
					margin-bottom: 8px;
					padding: 0;
				}
			}
			.search-card {
				+.search-card {
					margin-top: var(--txt-16);
				}
				figure {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					column-gap: var(--txt-16);
					picture {
						display: block;
						aspect-ratio: 90/109;
						width: min(4.69vw, 90px);
						height: auto;
					}
					figcaption {
						width: calc(100% - min(4.69vw, 90px));
					}
				}
				.search-card-date {
					color: var(--gray--text-color);
				}
			}
		}
		.search_bg {
			width: 100%;
			height: 100%;
			background-color: rgba(22, 31, 53, 0.8);
			backdrop-filter: blur(10px) !important;
			z-index: 0;
			position: absolute;
		}
		.block-search-logo {
			display: none;
		}
	}
}
/* TB
------------------------*/
@media (max-width: 1024px) {
	.tb-only,
	.tb-sp-only {
		display: block;
	}
	.pc-only,
	.sp-only,
	.pc-only-inline {
		display: none;
	}
	.sp-only-inline {
		display: inline;
	}
	.pane-header {
		.block-header-logo {
			width: min(20.83vw, 160px);
		}
		.block-header-info-frame {
			padding: calc((32px - var(--txt-18) - (26px - var(--txt-18))) / 2);
		}
		.block-header-info {
			font-size: var(--txt-18);
			line-height: calc(26/18);
			/* height: min(4.69vw,36px);
			*/
		}
		.block-header-nav {
			padding: 0 min(9.38vw, 45px) 0 min(33.33vw, 160px);
			column-gap: min(8.96vw, 51px) !important;
		}
		#header_menu {
			width: auto;
			/*min(7.94vw,61px)*/
			height: auto !important;
			aspect-ratio: 61/38;
			span {
				font-size: var(--txt-18);
				line-height: calc(24/18);
			}
			&::before {
				width: 8px;
			}
			&::after {
				width: 8px;
			}
		}
		/* スクロール時 */
		&.is-scrolled {
			.block-header-logo {
				width: min(27.92vw, 134px);
			}
		}
	}
	.body-fixed {
		.pane-header {
			.block-header-info-frame,
			.block-header-nav .block-headernav--item-list.left-list {
				display: none;
			}
		}
		.container {
			background: var(--header-background-color);
		}
		#menu_view {
			padding: 0 !important;
			height: 100svh;
			.menu_inner {
				padding-top: min(20.83vw, 160px);
				background: var(--header-background-color);
			}
			.block-navi-menu-contents {
				width: 100%;
				margin: auto;
				background: var(--header-background-color);
				+.block-navi-menu-contents {
					margin-top: 100px;
				}
				.block-navi-menu {
					width: 90vw;
					margin: auto;
					+.block-navi-menu {
						margin: 30px auto 0;
						padding: 30px 0 0;
						border-top: 1px solid #ccc;
					}
				}
				.block-header-menu--title {
					font-size: var(--txt-32);
					font-weight: bold;
					font-family: var(--font-family-serif);
					color: var(--accent--text-color);
				}
				.header-categorytree-list {
					width: 90vw;
					margin: min(7.92vw, 38px) auto min(13.33vw, 64px);
					display: grid;
					grid-template-columns: repeat(4, 1fr);
					gap: min(5.21vw, 25px) min(1.67vw, 8px);
				}
				.header-categorytree-item {
					figure {
						display: block;
						text-align: center;
						font-size: var(--txt-16);
						font-family: var(--font-family-base);
						img {
							width: 100%;
							margin-bottom: min(1.04vw, 5px);
						}
						figcaption {
							font-size: var(--txt-14);
							line-height: calc(15 / 12);
							padding-top: 0.83vw;
							color: var(--color-text);
						}
					}
				}
				.header-genretree-list {
					max-width: var(--container-width-s);
					margin: auto;
					display: grid;
					grid-template-columns: repeat(3, 1fr);
					gap: 20px 100px;
					li {
						a {
							position: relative;
							display: flex;
							justify-content: space-between;
							align-items: center;
							font-size: var(--txt-16);
							font-family: var(--font-family-serif);
							line-height: calc(24/16);
							&::after {
								content: "";
								width: 1em;
								height: 1em;
								background: #A71F24;
								display: inline-block;
							}
						}
					}
				}
			}
			.block-header-menu-list {
				width: 100%;
				padding: 0;
				.header-menu-link-list {
					width: 100%;
					height: auto;
					display: grid;
					grid-template-columns: 1fr 1fr;
					gap: 1px;
					background: #ccc;
					border: 1px solid #ccc;
					&.-top {
						height: min(96px);
					}
					&.-menu {
						.header-menu-link {
							font-family: var(--font-family-serif);
						}
					}
					.header-menu-link {
						width: 100%;
						height: 100%;
						border: none;
						background: #fff;
						color: var(--color-text);
						/* font-size: var(--txt-24);
						*/
						font-size: var(--txt-20);
						font-family: var(--font-family-serif);
						font-weight: bold;
						font-weight: medium;
						/* line-height: calc(64/24);
						*/
						display: flex;
						align-items: center;
						justify-content: center;
						transition: ease .4s;
						text-decoration: none;
						line-height: 1;
						padding-block: 5.21vw;
						&:hover {
							transition: ease .4s;
							opacity: .6;
						}
					}
				}
				.btn-layout {
					width: calc(100% - min(8.85vw, 68px)*2);
					margin: auto;
					padding: var(--txt-52) 0;
				}
			}
			.block-brand-list__navi--menu {
				width: 100%;
			}
			.block-pagelink-list__navi--menu {
				padding: var(--txt-52) 0;
				border-top: 1px solid #ccc;
				padding: 10.83vw 5vw;
				ul {
					/* width: 86.67vw;
					*/
					/* margin: auto;
					display: flex;
					flex-wrap: wrap;
					*/
					justify-content: space-between;
					/* row-gap: min(6.67vw, 32px);
					*/
					display: grid;
					grid-template-columns: auto 48.29vw;
					grid-template-rows: repeat(5, 1fr);
					letter-spacing: -0.06em;
					row-gap: 6.67vw;
				}
				li {
					width: calc(100% - 48.68%);
					font-size: var(--txt-14);
					line-height: calc(17/12);
					white-space: nowrap;
					/* &:nth-child(odd) {
						width: 48.68%;
					}
					*/
					&:last-child(2) {
						grid-column: 1 / span 2;
						grid-row: 4 / span 1;
						width: 100%;
						height: 100%;
					}
					&:last-child {
						grid-column: 1 / span 2;
						grid-row: 5 / span 1;
						width: 100%;
						height: 100%;
					}
				}
			}
			/* 新規会員バナー */
			.block-banner-list__navi {
				padding: var(--txt-52) 0;
				border-top: 1px solid #ccc;
				/* border-bottom: 1px solid #ccc;
				*/
				ul {
					width: calc(100% - min(8.85vw, 68px)*2);
					margin: auto;
					display: flex;
					column-gap: min(5.21vw, 40px);
					justify-content: center;
					li {
						width: 100%;
						height: auto;
						text-align: center;
					}
				}
			}
			/* SNS */
			.block-sns-list__navi--menu {
				padding: var(--txt-52) 0;
				border-top: 1px solid #ccc;
				/* border-bottom: 1px solid #ccc;
				*/
				ul {
					width: calc(100% - min(8.85vw, 68px)*2);
					margin: auto;
					display: flex;
					column-gap: min(5.21vw, 40px);
					li {
						width: min(6.25vw, 48px);
						height: auto;
						aspect-ratio: 1/1;
					}
				}
			}
			/* マイページ：ポイント */
			.block-header-member-list {
				padding: min(5.21vw, 40px) 0;
				text-align: center;
				.member-point {
					font-size: var(--txt-24);
					font-weight: 600;
					line-height: calc(64/24);
					color: var(--color-gray);
					span {
						font-size: var(--txt-14);
						line-height: calc(64/14);
					}
				}
				.member-rank {
					font-size: var(--txt-20);
					font-weight: 600;
					line-height: calc(64/20);
					color: var(--color-gray);
					span {
						font-size: var(--txt-24);
						font-weight: 600;
						line-height: calc(64/24);
						color: var(--color-wine);
						margin-left: var(--txt-32);
					}
				}
			}
			/* マイページ：ログインSP */
			.block-mypage-list__navi {
				padding: min(5.21vw, 40px) 0 0;
				.navi-menu-title {
					font-size: var(--txt-24);
					font-weight: bold;
					line-height: calc(40/24);
					text-align: center;
				}
				.navi-menu-text {
					font-size: var(--txt-16);
					font-weight: 500;
					line-height: calc(28/16);
					text-align: center;
				}
				.block-mypage-login-form {
					.form-group {
						width: 75vw;
						margin: min(5.08vw, 39px) auto;
						+.form-group {
							margin-bottom: 0;
						}
						input {
							width: 100%;
							height: min(9.38vw, 72px);
							padding: min(2.34vw, 18px) min(1.3vw, 10px) min(2.47vw, 19px) min(3.26vw, 25px);
							font-size: var(--txt-24);
							line-height: calc(35 / 24);
							border: 1px solid var(--color-gray);
						}
						label {
							font-size: var(--txt-12);
							line-height: calc(28/12);
							span {
								color: var(--color-accent);
								margin-left: var(--txt-12);
							}
						}
					}
					.form-link {
						width: 100%;
						text-align: center;
						margin: var(--txt-12) auto min(5.21vw, 40px);
						a {
							color: var(--color-wine);
							font-size: var(--txt-16);
							font-weight: 500;
							line-height: calc(28/16);
							padding-bottom: 4px;
							border-bottom: 1px solid var(--color-wine);
						}
					}
					.btn {
						width: min(78.26vw, 601px);
						height: min(11.98vw, 92px);
						margin-top: var(--txt-16);
					}
				}
				.block-mypage-login-amazon {
					width: 100%;
					padding: min(5.21vw, 40px) 0 var(--txt-52);
					margin-top: min(5.21vw, 40px);
					border-top: 1px solid #ccc;
					text-align: center;
					.mypage-login-amazon-title {
						font-size: var(--txt-16);
						font-weight: bold;
						line-height: calc(28/16);
						text-align: center;
						margin-bottom: 8px;
					}
					a {
						aspect-ratio: 287/51;
						width: min(37.37vw, 287px);
						height: auto;
						text-align: center;
						display: inline-block;
					}
				}
			}
			/* マイページ：ログインtb */
			.block-mypage-list__navi--menu {
				padding: 0 0 min(10.42vw, 80px);
				.mypage-menu-contents {
					margin-left: var(--txt-52);
					+.mypage-menu-contents {
						margin-top: 6.77vw;
					}
					.mypage-menu-contents-title {
						font-size: var(--txt-24);
						font-weight: 600;
						line-height: calc(64/24);
					}
					.mypage-menu-contents-text {
						padding-left: var(--txt-32);
						* {
							font-size: var(--txt-24);
							font-weight: 600;
							line-height: calc(64/24);
							color: var(--color-gray);
							.btn * {
								color: #fff;
							}
						}
						.btn-layout {
							width: min(78.26vw, 601px);
							height: min(12.5vw, 96px);
						}
						.mypage-menu-contents-list {
							overflow: hidden;
						}
					}
					.mypage-menu-contents--bookmark {
						.mmypage-menu-contents-list {
							display: flex;
							li {
								display: block;
								background: antiquewhite;
								aspect-ratio: 133 / 160;
								width: min(17.32vw, 160px);
							}
						}
					}
				}
			}
		}
	}
	/* 検索フォーム
	------------------------ */
	#search_view {
		z-index: 999999;
		height: 100%;
		padding: 0 !important;
		overflow-y: auto;
		.block-search-header {
			width: 100%;
			height: min(27.92vw, 134px);
			position: relative;
			display: flex;
			justify-content: flex-end;
			align-items: center;
			padding-right: min(8.75vw, 42px);
			background: #E8E9EB;
			z-index: 3;
			.block-search-logo {
				z-index: 3;
				width: auto;
				height: 100%;
				aspect-ratio: 1/1;
				position: absolute;
				left: 0;
				top: 0;
			}
			.block-header-search--close {
				position: relative;
				width: min(10.83vw, 52px);
				height: auto;
				aspect-ratio: 52/48;
				display: block;
				z-index: 4;
				&::before {
					content: "";
					display: block;
					width: 8px;
					height: 1px;
					background: var(--color-text);
					position: absolute;
					top: 0%;
					left: 50%;
					transform: translateX(-50%);
				}
				&::after {
					content: "";
					display: block;
					width: 24px;
					height: 1px;
					background: var(--color-text);
					position: absolute;
					top: 100%;
					left: 50%;
					transform: translateX(-50%);
				}
				button {
					background: unset;
					border: none;
					position: relative;
					width: 100%;
					height: auto;
					aspect-ratio: 52 / 48;
					display: flex;
					justify-content: center;
					align-items: end;
					font-family: var(--font-family-corp);
					font-size: min(2.5vw, 12px);
				}
			}
		}
		.search_inner {
			width: 100%;
			display: block;
			z-index: 1;
			padding: 0;
			position: relative;
			background: #e8e9eb;
			form {
				display: block;
				width: 100%;
				padding: min(0.63vw, 12px) min(0.89vw, 17px) min(0.63vw, 12px) 0;
				margin: 0;
				background: #fff;
				.block-header-search--keyword {
					width: calc(100% - 20px);
					height: 20px;
					border: 0;
					outline: none;
					font-size: var(--txt-12);
					padding: 0 10px 0 20px;
					background: unset;
				}
				.block-header-search--submit {
					width: 20px;
					height: 22px;
					background: url(../../img/usr/common/icon_search.svg) no-repeat center center / 100%;
				}
			}
			.search-box {
				/* background: #fff;
				*/
				padding: min(5vw, 24px) min(6.67vw, 32px) min(8.33vw, 40px);
				form {
					display: flex;
					justify-content: space-between;
					align-items: center;
					width: 100%;
					padding: min(2.47vw, 19px) min(3.91vw, 30px) min(2.47vw, 19px) min(3.91vw, 30px);
					border: 1px solid #ccc;
					.block-header-search--keyword {
						width: calc(100% - var(--txt-20));
						height: 20px;
						border: 0;
						outline: none;
						font-size: var(--txt-18);
						padding: 0;
						background: unset;
					}
					.block-header-search--submit {
						width: var(--txt-20);
						height: auto;
						aspect-ratio: 20/22;
						background: url(../../img/usr/common/icon_search.svg) no-repeat center center / 100%;
					}
				}
				.search-box-list {
					margin-left: var(--txt-26);
					font-size: var(--txt-16);
					font-weight: bold;
					line-height: calc(24/16);
					color: var(--gray2--text-color);
					.list-item {
						+.list-item {
							margin-top: min(3.65vw, 28px);
						}
					}
				}
				&.-recommend {
					padding: 32px 33px;
				}
				.search-box-title {
					font-size: var(--txt-12);
					font-weight: bold;
					line-height: calc(60/12);
					color: var(--gray--text-color);
					border: none;
					margin-bottom: 0;
					padding: 0;
				}
			}
			.search-card {
				+.search-card {
					margin-top: var(--txt-16);
				}
				figure {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					column-gap: var(--txt-16);
					picture {
						display: block;
						aspect-ratio: 90/109;
						width: min(4.69vw, 90px);
						height: auto;
					}
					figcaption {
						width: calc(100% - min(4.69vw, 90px));
					}
				}
				.search-card-date {
					color: var(--gray--text-color);
				}
			}
		}
		.search_bg {
			width: 100%;
			height: 100%;
			background-color: rgba(22, 31, 53, 0.8);
			backdrop-filter: blur(10px) !important;
			z-index: 0;
			position: absolute;
		}
		form {
			.toggle-menu-content--check {
				display: flex;
				flex-wrap: wrap;
				justify-content: flex-start;
				gap: 2.5vw;
				padding: 4.17vw 6.67vw;
				li {
					width: fit-content !important;
					background: none;
					border: none;
					height: auto;
				}
				.btn-check {
					display: none;
				}
				.btn-label {
					display: inline-flex;
					align-items: center;
					justify-content: flex-start;
					gap: 1.69vw;
					border-radius: 50px;
					cursor: pointer;
					background: #D0C4C6;
					color: #fff;
					font-size: var(--txt-16);
					font-weight: bold;
					transition: all .2s;
					user-select: none;
					padding: 1.46vw 2.08vw 1.88vw 2.08vw;
				}
				.btn-check:checked {
					+.btn-label {
						background: var(--color-wine);
						color: #fff;
						padding: 1.46vw 2.08vw 1.88vw 2.08vw;
						&::before {
							content: "";
							font-size: var(--txt-16);
							font-weight: bold;
							width: 3.13vw;
							height: 1.88vw;
							background: url(../../img/usr/common/icon_checked.svg) no-repeat center center / 100%;
						}
					}
				}
			}
			.js-toggle-menu {
				& .toggle-menu-content {
					li {
						height: auto;
						display: block;
						padding-left: 0;
					}
				}
			}
		}
		.form-submit {
			padding: min(5.21vw, 40px);
			button {
				width: min(53.91vw, 414px);
			}
		}
		.search-box-item-keywords {
			width: 86.67vw;
			.search-box-list {
				.list-item {
					font-size: var(--txt-16);
					font-weight: 600;
					+.list-item {
						margin-top: min(5.83vw, 28px);
					}
				}
			}
		}
		.search-dogfood-navi {
			width: 86.67vw;
			background: #E2DDCF;
			padding: var(--txt-20) var(--txt-24) var(--txt-24);
			text-align: center;
			margin: 0 auto min(8.33vw, 40px);
			.search-box-title {
				font-size: var(--txt-16);
				font-weight: 600;
				font-family: var(--font-family-serif);
				margin-bottom: 4px;
			}
			.search-box-sub-title {
				font-size: var(--txt-16);
				font-weight: 600;
				margin-bottom: var(--txt-16);
			}
			ul {
				display: grid;
				grid-template-columns: repeat(2, 50%);
				gap: min(3.33vw, 16px) min(2.29vw, 11px);
				.btn {
					&.btn-primary {
						font-size: var(--txt-15);
						letter-spacing: -0.08em;
					}
				}
			}
		}
		.js-toggle-menu.-form {
			form {
				margin: 0;
				padding: 0;
			}
			& .toggle-menu-content {
				li {
					height: auto;
					display: block;
					padding-left: 0;
				}
			}
		}
		&.current {
			.block-search-header {
				.block-search-logo {
					/* position: absolute;
					top: 0;
					left: 0;
					*/
					z-index: 3;
					width: auto;
					height: 100%;
					aspect-ratio: 1/1;
					position: absolute;
					left: 0;
					top: 0;
				}
				.block-header-search--close {
					/* position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					*/
					position: relative;
					width: min(10.83vw, 52px);
					height: auto;
					aspect-ratio: 52/48;
					display: block;
					z-index: 4;
					&::before {
						content: "";
						display: block;
						width: 24px;
						height: 1px;
						background: var(--color-text);
						position: absolute;
						top: 25%;
						left: 50%;
						transform: translate(-50%, -50%) rotate(45deg);
					}
					&::after {
						content: "";
						display: block;
						width: 24px;
						height: 1px;
						background: var(--color-text);
						position: absolute;
						top: 25%;
						left: 50%;
						transform: translate(-50%, -50%) rotate(-45deg);
					}
					button {
						background: unset;
						border: none;
						position: relative;
						width: 100%;
						height: auto;
						aspect-ratio: 52 / 48;
						display: flex;
						justify-content: center;
						align-items: end;
						font-family: var(--font-family-corp);
						font-size: min(2.5vw, 12px);
					}
				}
			}
		}
		/* 下部 */
		.block-pagelink-list__navi--menu {
			padding: var(--txt-52) 0;
			border-top: 1px solid #ccc;
			padding: 10.83vw 5vw;
			ul {
				/* width: 86.67vw;
				*/
				/* margin: auto;
				display: flex;
				flex-wrap: wrap;
				*/
				justify-content: space-between;
				/* row-gap: min(6.67vw, 32px);
				*/
				display: grid;
				grid-template-columns: auto 48.29vw;
				grid-template-rows: repeat(5, 1fr);
				letter-spacing: -0.06em;
				row-gap: 6.67vw;
			}
			li {
				width: calc(100% - 48.68%);
				font-size: var(--txt-16);
				line-height: calc(17/12);
				white-space: nowrap;
				/* &:nth-child(odd) {
					width: 48.68%;
				}
				*/
				&:last-child(2) {
					grid-column: 1 / span 2;
					grid-row: 4 / span 1;
					width: 100%;
					height: 100%;
				}
				&:last-child {
					grid-column: 1 / span 2;
					grid-row: 5 / span 1;
					width: 100%;
					height: 100%;
				}
			}
		}
		.block-pagelink-list__navi--menu {
			ul {
				gap: min(5.83vw, 28px) min(8.33vw, 40px);
				justify-content: flex-start;
			}
			li {
				width: fit-content;
				font-size: var(--txt-14);
				/* line-height: calc(17/12);
				*/
				&:nth-child(odd) {
					width: fit-content;
				}
				&:nth-child(even) {
					width: fit-content;
				}
			}
		}
		.block-header-menu-list {
			width: 100%;
			padding: 0;
			.header-menu-link-list {
				width: 100%;
				height: auto;
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 1px;
				background: #ccc;
				border: 1px solid #ccc;
				&.-top {
					height: min(96px);
				}
				&.-menu {
					.header-menu-link {
						font-family: var(--font-family-serif);
					}
				}
				.header-menu-link {
					width: 100%;
					height: 100%;
					border: none;
					background: #fff;
					color: var(--accent--text-color);
					font-size: var(--txt-24);
					font-weight: medium;
					/* line-height: calc(64/24);
					*/
					display: flex;
					align-items: center;
					justify-content: center;
					transition: ease .4s;
					text-decoration: none;
					&:hover {
						transition: ease .4s;
						opacity: .6;
					}
				}
			}
			.btn-layout {
				width: calc(100% - min(8.85vw, 68px)*2);
				margin: auto;
				padding: var(--txt-52) 0;
			}
		}
		.block-header-menu-list {
			&.-menu {
				.header-menu-link {
				}
			}
			.header-menu-link-list {
				/* .-top {
					height: min(96px);
				}
				*/
				.header-menu-link {
					font-size: var(--txt-20);
					font-family: var(--font-family-serif);
					font-weight: bold;
					line-height: 1;
					padding-block: 5.21vw;
				}
			}
		}
		.block-pagelink-list__navi--menu {
			ul {
				gap: min(5.83vw, 28px) min(8.33vw, 40px);
				justify-content: flex-start;
			}
			li {
				width: fit-content;
				font-size: var(--txt-14);
				/* line-height: calc(17/12);
				*/
				&:nth-child(odd) {
					width: fit-content;
				}
				&:nth-child(even) {
					width: fit-content;
				}
			}
		}
		.block-sns-list__navi--menu {
			padding: var(--txt-52) 0;
			border-top: 1px solid #ccc;
			/* border-bottom: 1px solid #ccc;
			*/
			ul {
				width: calc(100% - min(8.85vw, 68px)*2);
				margin: auto;
				display: flex;
				column-gap: min(5.21vw, 40px);
				li {
					width: min(6.67vw, 32px);
					height: auto;
					aspect-ratio: 1/1;
					img {
						width: 100%;
					}
				}
			}
		}
	}
	.pane-header {
		.container {
			position: relative;
		}
		/* search */
		.block-headernav--item-search-fb {
			.block-headernav--item-search-inner {
				flex-wrap: wrap;
				row-gap: 0.5em;
				margin-left: min(2vw, 30px);
			}
		}
		.block-global-search {
			width: min(50vw);
		}
		.block-search-tag {
			width: 100%;
			a {
				font-size: var(--txt-12);
				padding: min(0.27vw, 4px) min(0.6vw, 9px) min(0.33vw, 5px) min(0.73vw, 11px);
			}
		}
		.block-headernav--item-right {
			width: 183px !important;
			.block-headernav--item-list-inner {
				justify-content: flex-end;
			}
			li {
				width: auto;
				height: min(5.47vw, 42px);
			}
			.block-headernav--item-list {
				&.left-list {
					justify-content: flex-end;
				}
				&.right-list {
					width: auto;
					height: min();
					aspect-ratio: 61/37.5;
				}
			}
			.block-headernav--item-search {
				margin-right: min(4.69vw, 36px);
				#header_search {
					width: auto;
					height: min(7.5vw, 42px);
					aspect-ratio: 37/41;
					background: url(../../img/usr/common/icon_search_sp.svg)no-repeat center top / 100%;
					display: block;
				}
			}
			.block-headernav--item-login {
				height: min(7.5vw, 42px);
				margin-right: min(3.91vw, 30px);
			}
			.block-headernav--item-cart {
				height: min(7.7vw, 36px);
				a {
					.block-headernav--cart-count {
						min-width: min(6.92vw, 38px);
						height: min(6.92vw, 38px);
						/* aspect-ratio: 48/38;
						*/
						bottom: calc(100% - min(4.17vw, 20px));
						left: calc(100% - min(3.33vw, 16px));
						font-size: var(--txt-20);
						line-height: calc(min(6.92vw, 38px) / min(5vw, 24px));
						padding: 0 calc((1em - min(5vw, 24px)) / 2);
					}
				}
			}
		}
		/* 上に来ているとき */
		&.is-top {
			.block-headernav--item-right {
				.block-headernav--item-search {
					#header_search {
						background: url(../../img/usr/common/icon_search_txt_sp.svg) no-repeat center top / auto 100%;
						aspect-ratio: 30 / 50;
						height: 100%;
					}
				}
			}
		}
	}
	/* footer
	---------------------------------------- */
	.pane-footer {
		.block-footernav--item-list {
			li {
				width: 100% !important;
				height: fit-content;
				padding: 0 !important;
				border-left: none !important;
				a {
					font-size: var(--txt-24) !important;
					font-family: var(--font-family-serif);
					line-height: calc(60/24);
					height: min(11.07vw, 85px);
				}
			}
		}
		.block-footernav-menu {
			.block-footernav--item-list {
				grid-template-columns: 1fr 1fr;
				li {
					a {
						font-size: var(--txt-24) !important;
						font-family: var(--font-family-serif);
						line-height: calc(60/24);
						height: min(11.07vw, 85px);
					}
				}
			}
		}
		.block-footernav-info {
			padding: min(10.42vw, 80px) 0;
			.block-footernav-info-list {
				grid-template-columns: 1fr;
				row-gap: min(10.42vw, 80px);
			}
			.block-footernav-info-item {
				&.-company {
					width: min(76.04vw, 584px);
					margin: auto;
					.info-company-item {
						row-gap: min(4.69vw, 36px);
						.footer-logo {
							width: min(29.04vw, 220px);
						}
						.footer-tel {
							width: min(43.49vw, 334px);
							.tel-number {
								a {
									font-size: var(--txt-52);
									line-height: calc(75/52);
								}
								a[href^="tel:"] {
									pointer-events: none;
								}
							}
							.tel-text {
								margin-top: min(0.78vw, 6px);
								font-size: var(--txt-24);
								line-height: calc(40/24);
								span {
									font-size: var(--txt-16);
								}
							}
						}
						.info-company-other {
							width: min(56.25vw, 432px);
							margin: auto;
							ul {
								justify-content: space-around;
								column-gap: min(5.21vw, 40px);
							}
						}
					}
				}
				&.-calendar {
					width: 75vw;
					display: block;
					margin: auto;
					.info-calendar-heading {
						text-align: center;
						font-size: var(--txt-24);
						font-family: var(--font-family-corp);
						margin-bottom: min(7.08vw, 34px);
					}
					.info-calendar-item {
						width: min(65.42vw, 500px);
						height: auto;
						margin: 4px auto;
						/* aspect-ratio: 1/1;
						*/
						display: flex;
						align-items: center;
						justify-content: center;
						table {
							border-spacing: min(6.25vw, 30px) min(0.83vw, 4px);
							td {
								width: min(6.67vw, 32px);
							}
						}
					}
					.info-calendar-text {
						width: 100%;
						margin-top: min(7.08vw, 34px);
						.info-calendar-heading {
							font-size: var(--txt-24);
							line-height: calc(35/24);
							margin-bottom: 4px;
						}
						.c-text {
							font-size: var(--txt-16);
							+.c-text {
								margin-top: calc(var(--txt-16) * (24/16));
							}
						}
					}
				}
			}
			.block-footernav--text-list {
				width: 78.13vw;
				gap: var(--txt-24) min(5.21vw, 40px);
				flex-wrap: wrap;
				margin-top: min(10.42vw, 80px);
				justify-content: flex-start;
				li {
					a {
						font-size: var(--txt-16);
						line-height: calc(24/16);
					}
					/* &:nth-child(1) {
						order: 1;
					}
					&:nth-child(2) {
						order: 5;
					}
					&:nth-child(3) {
						order: 2;
					}
					&:nth-child(4) {
						order: 4;
					}
					&:nth-child(5) {
						order: 7;
					}
					&:nth-child(6) {
						order: 3;
					}
					&:nth-child(7) {
						order: 6;
					}
					*/
				}
			}
		}
		#footer_pagetop {
			a {
				height: 52px;
				padding: var(--txt-12) 0 min(0.52vw, 10px);
				&::after {
					top: calc(50% - min(2.08vw, 16px) / 2);
					left: calc(50% - min(2.08vw, 16px) / 2);
				}
				span {
					font-size: var(--txt-12);
				}
			}
		}
		.block-footernav-adout {
			width: 100%;
			background: url(../../img/usr/common/footer_about_bg_sp.png)no-repeat center top / cover;
			padding: min(10.42vw, 80px) min(10.16vw, 78px);
			.block-footernav-adout-list {
				width: 100%;
				display: block;
			}
			.block-footernav-adout-item {
				&.-adout {
					width: 100%;
					padding: var(--txt-32) min(6.51vw, 50px);
					.footernav-adout-item-heading {
						font-size: var(--txt-24);
						line-height: calc(35/24);
					}
					.c-text {
						font-size: var(--txt-22);
						line-height: calc(31/22);
						margin: var(--txt-16) 0 var(--txt-20);
					}
					.footernav-adout-btns {
						width: 100%;
						gap: var(--txt-16) var(--txt-32);
						.btn-layout {
							width: min(31.25vw, 240px);
							.btn-primary {
								font-size: var(--txt-20);
							}
						}
					}
				}
				&.-magazine {
					width: 100%;
					margin-top: min(4.43vw, 34px);
					.footernav-adout-item-heading {
						font-size: var(--txt-32);
						margin-bottom: min(5.21vw, 40px);
					}
					.footernav-adout-magazine-form {
						.block-footer-magazine {
							width: 100%;
							height: min(9.38vw, 72px);
							padding: var(--txt-18) min(1.3vw, 10px) min(2.47vw, 19px) min(3.26vw, 25px);
							font-size: var(--txt-24);
							line-height: calc(35/24);
						}
						.block-footer-magazine--submit {
							height: min(9.38vw, 72px);
							font-size: var(--txt-24);
							/* border-radius: 8px;
							*/
							margin-top: var(--txt-24);
						}
					}
				}
			}
		}
		.block-copyright {
			width: 100%;
			height: min(7.55vw, 58px);
			font-size: var(--txt-16);
			line-height: calc(60/16);
			margin: 0;
		}
	}
	/* カレンダー */
	#js_calendar_replace {
		text-align: -webkit-center;
	}
	.block-calendar {
		top: unset;
		right: unset;
		padding: var(--txt-20) 0;
	}
	.block-calendar-slide-area,
	.block-calendar-month-area,
	.block-calendar table {
		width: 90%;
	}
	.block-calendar-slide-area-wrapper {
		max-height: unset;
		align-items: center;
	}
	.block-calendar-slide-area {
		padding: 0 min(2.08vw, 10px);
	}
	.block-calendar-title {
		display: none;
		/*font-size: var(--txt-24);
		*/
	}
	.block-calendar-month {
		font-size: var(--txt-16);
	}
	.block-calendar-month b {
		font-size: var(--txt-32);
	}
	.block-calendar-prev,
	.block-calendar-next {
		font-size: var(--txt-16);
	}
	.block-calendar-prev:hover,
	.block-calendar-next:hover {
		opacity: .7;
	}
	.block-calendar-prev {
		display: none;
		left: 0;
		padding-left: 20px;
		background: url(../../img/usr/common/calendar_prev.svg) no-repeat left center / auto;
	}
	.block-calendar-next {
		right: 0;
		padding-right: 20px;
		background: url(../../img/usr/common/calendar_next.svg) no-repeat right center / auto;
	}
	.block-calendar table {
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	.block-calendar table tr {
		width: auto;
	}
	.block-calendar table th {
		width: auto;
		text-align: center;
		padding: 2px 0;
		color: #ccc;
	}
	.block-calendar table th span {
		font-size: var(--txt-12);
	}
	.block-calendar table td {
		height: unset;
	}
	.block-calendar table td span {
		font-size: var(--txt-16);
	}
	.block-calendar p {
		max-width: unset;
		font-size: var(--txt-12);
		padding: min(2.08vw, 10px) min(6.25vw, 30px) 0;
	}
	#js_calendar_replace {
		width: 100%;
	}
	.block-calendar {
		max-width: 100%;
	}
}
/* SP
------------------------*/
@media screen and (max-width: 480px) {
	.sp-only,
	.tb-sp-only {
		display: block;
	}
	.tb-only,
	.pc-only {
		display: none;
	}
	/* .page-top {
		*/
		.pane-header {
			.block-headernav--item-list {
				&.left-list {
					width: calc(100% - min(11.46vw, 55px));
				}
				&.right-list {
					width: min(11.46vw, 55px);
				}
			}
			.block-header-info-frame {
				padding: calc((20px - var(--txt-12) - (17px - var(--txt-12))) / 2);
			}
			.block-header-info {
				font-size: var(--txt-12);
				line-height: calc(17/12);
			}
			.block-header-nav {
				padding: 0 min(5vw, 24px) 0 min(27.92vw, 134px);
				column-gap: min(8.96vw, 51px) !important;
			}
			#header_menu {
				width: auto;
				&.active {
					align-items: end;
					span {
						font-size: var(--txt-12);
						line-height: calc(15 /12);
					}
				}
			}
			.block-header-logo {
				width: min(27.92vw, 134px);
				transition: all .5s ease;
			}
			.block-header-logo--img {
				width: 100%;
			}
			.container {
				height: min(19.17vw, 92px);
			}
			/* search */
			.block-headernav--item-search-fb {
				.block-headernav--item-search-inner {
					flex-wrap: wrap;
					row-gap: 0.5em;
					margin-left: min(2vw, 30px);
				}
			}
			.block-global-search {
				width: min(50vw);
			}
			.block-search-tag {
				width: 100%;
				a {
					font-size: var(--txt-12);
					padding: min(0.27vw, 4px) min(0.6vw, 9px) min(0.33vw, 5px) min(0.73vw, 11px);
				}
			}
			.block-headernav--item-right {
				width: 183px !important;
				.block-headernav--item-list-inner {
					justify-content: flex-end;
				}
			}
			.block-headernav--item-list {
				&.left-list {
					justify-content: flex-end;
				}
				&.right-list {
					width: min(11.46vw, 55px);
					height: auto !important;
					aspect-ratio: 55/33.5;
					justify-content: flex-end;
				}
			}
			.block-headernav--item-search {
				width: min(6.04vw, 29px);
				margin-right: min(7.5vw, 36px);
				#header_search {
					width: 100%;
				}
			}
			.block-headernav--item-login {
				width: min(7.5vw, 36px);
				margin-right: var(--txt-24);
			}
			.block-headernav--item-cart {
				width: min(7.5vw, 36px);
				a {
					.block-headernav--cart-count {
						min-width: min(5.83vw, 28px);
						height: min(5.83vw, 28px);
					}
				}
			}
			/* スクロール時 */
			&.is-scrolled {
				.block-header-logo {
					width: min(23.13vw, 111px);
					transition: all .5s ease;
				}
			}
			&.is-top {
				& .block-headernav--item-right {
					li {
						height: 11vw;
					}
				}
			}
			.body-fixed {
				#menu_view {
					.menu_inner {
						padding-top: min(27.92vw, 134px);
					}
					.block-header-menu-list {
						&.-menu {
							.header-menu-link {
							}
						}
						.header-menu-link-list {
							/* .-top {
								height: min(96px);
							}
							*/
							.header-menu-link {
								font-size: var(--txt-20);
							}
						}
					}
				}
				.pane-header {
					&.block-headernav--item-list {
						&.right-list {
							width: min(10.83vw, 52px);
							aspect-ratio: 52 / 47;
						}
					}
				}
			}
		}
	/* }
	*/
	/* 検索フォーム
	------------------------ */
	#search_view {
		.search_inner {
			padding: 0;
		}
	}
	/* footer
	---------------------------------------- */
	.pane-footer {
		.block-footernav--item-list {
			border-left: none;
			border-right: none;
			li {
				width: 100% !important;
				height: fit-content;
				padding: 0 !important;
				a {
					font-size: var(--txt-16) !important;
					font-family: var(--font-family-serif);
					line-height: calc(35/16);
					height: min(11.04vw, 53px);
				}
			}
		}
		.block-footernav-menu {
			.block-footernav--item-list {
				border-left: none;
				border-right: none;
				grid-template-columns: 1fr 1fr;
				li {
					a {
						font-size: var(--txt-16) !important;
						font-family: var(--font-family-serif);
						line-height: calc(35/16);
						height: min(11.04vw, 53px);
					}
				}
			}
		}
		.block-footernav-info {
			padding: min(10.83vw, 52px) 0;
			.block-footernav-info-list {
				grid-template-columns: 1fr;
				row-gap: min(10.83vw, 52px);
			}
			.block-footernav-info-item {
				&.-company {
					width: min(85.42vw, 410px);
					margin: auto;
					.info-company-item {
						row-gap: var(--txt-20);
						.footer-logo {
							width: min(38.33vw, 184px);
						}
						.footer-tel {
							width: min(42.71vw, 205px);
							.tel-number {
								a {
									font-size: var(--txt-32);
									line-height: calc(46/32);
									white-space: nowrap;
									font-weight: 600;
								}
								a[href^="tel:"] {
									pointer-events: none;
								}
							}
							.tel-text {
								margin-top: min(0.78vw, 6px);
								font-size: var(--txt-20);
								line-height: calc(28/20);
								span {
									font-size: var(--txt-16);
								}
							}
						}
						.info-company-other {
							width: min(64.38vw, 309px);
							margin: auto;
							ul {
								justify-content: space-around;
								column-gap: min(2.71vw, 13px);
								li {
									font-size: var(--txt-12);
									line-height: calc(34/12);
								}
								.icon_mark {
									&.-privacy {
										width: min(13.33vw, 64px);
									}
								}
							}
						}
					}
				}
				&.-calendar {
					width: min(82.71vw, 397px);
					display: block;
					margin: auto;
					.info-calendar-item {
						width: 100%;
						margin: 3px auto;
						box-shadow: 0 0 8px rgba(242, 239, 233, 1);
						border-radius: 6px;
					}
					.info-calendar-text {
						width: 100%;
						.info-calendar-heading {
							font-size: var(--txt-24);
							line-height: calc(35/24);
							margin-bottom: min(2.71vw, 13px);
						}
						.c-text {
							font-size: var(--txt-14);
							+.c-text {
								margin-top: calc(var(--txt-14) * (24/14));
							}
						}
					}
				}
			}
			.block-footernav--text-list {
				width: min(77.92vw, 374px);
				gap: min(5.83vw, 28px) min(7.33vw, 40px);
				flex-wrap: wrap;
				justify-content: center;
				margin-top: min(16.67vw, 80px);
				li {
					a {
						font-size: var(--txt-14);
						line-height: calc(24/14);
					}
				}
			}
		}
		#footer_pagetop {
			a {
				height: 52px;
				padding: var(--txt-12) 0 min(2.082vw, 10px);
				&::after {
					top: calc(50% - min(4.33vw, 16px) / 1.6);
					left: calc(50% - min(3.33vw, 16px) / 2);
				}
				span {
					font-size: var(--txt-12);
				}
			}
		}
		.block-footernav-adout {
			width: 100%;
			background: url(../../img/usr/common/footer_about_bg_sp.png)no-repeat center top / cover;
			padding: min(10.42vw, 50px) min(6.25vw, 30px) min(6.25vw, 30px);
			/* .block-footernav-adout-list {
				width:100%;
				display: block;
			}
			*/
			.block-footernav-adout-item {
				&.-adout {
					width: 100%;
					padding: var(--txt-24) min(7.29vw, 35px);
					.footernav-adout-item-heading {
						font-size: var(--txt-20);
						line-height: calc(29/20);
					}
					.c-text {
						font-size: var(--txt-16);
						line-height: calc(24/16);
						margin: min(2.71vw, 13px) 0 var(--txt-19);
					}
					.footernav-adout-btns {
						width: min(73.13vw, 351px);
						gap: min(2.5vw, 10px) min(2.08vw, 12px);
						.btn-layout {
							width: min(35.42vw, 170px);
							.btn-primary {
								font-size: var(--txt-14);
								line-height: calc(20/14);
							}
						}
					}
				}
				&.-magazine {
					width: 100%;
					margin-top: var(--txt-24);
					.footernav-adout-item-heading {
						/*font-size: var(--txt-20);
						*/
						font-size: var(--txt-32);
						margin-bottom: min(5.42vw, 26px);
					}
					.footernav-adout-magazine-form {
						.block-footer-magazine {
							width: 100%;
							height: min(11.38vw, 52px);
							padding: min(2.08vw, 10px) min(2.08vw, 10px) min(2.08vw, 10px) var(--txt-19);
							font-size: var(--txt-16);
							line-height: calc(24/16);
						}
						.block-footer-magazine--submit {
							height: min(11.38vw, 52px);
							font-size: var(--txt-16);
							/* border-radius: 4px;
							*/
							margin-top: var(--txt-16);
						}
					}
				}
			}
		}
		.block-copyright {
			height: min(4.95vw, 38px);
			font-size: var(--txt-12);
			line-height: calc(34/12);
		}
	}
}
/* =========================================================
TOPページコンテンツ内ここから
========================================================= */
/* TOP */
@media screen and (max-width: 769px) {
	.page-top .pane-contents {
		margin-bottom: 2.67vw;
	}
	/* コンテンツ共通 */
	.pane-contents {
		/* ラジオボタン */
		input[type="radio"] {
			width: 7vw;
			height: 7vw;
			background-size: contain;
			background-repeat: no-repeat;
		}
	}
	/* TOP共通 */
	.page-top {
		.pane-contents {
			.title,
			.block-accessory-list h2.block-accessory-list--name,
			div.block-recent-item--header {
				padding: 0 0 8.33vw;
			}
			.btn-primary {
				max-width: 63.54vw;
			}
		}
		.pane-main h1.visually-hidden {
			display: none;
		}
	}
	/* TOPスライダー */
	#block_of_top_body {
		padding: 5vw 0 11.67vw;
		.swiper-button-next,
		.swiper-button-prev {
			width: 8.33vw;
			height: 19.17vw;
			&::after {
				font-size: 5vw;
			}
		}
		& #top-slider-warp {
			.swiper-pagination-bullets {
				bottom: -7.17vw;
			}
			span.swiper-pagination-bullet {
				width: 3.5vw;
				height: 3.5vw;
				margin: 0 1vw;
			}
			span.swiper-pagination-bullet-active {
				width: 8.33vw;
			}
		}
		#top-slider-warp:not(.swiper) {
			max-width: 100%;
			overflow-y: scroll;
		}
		/* swiper起動していないとき */
		#top-slider-warp:not(.swiper) {
			max-width: 100%;
			overflow-x: scroll;
			#top-slider:not(.swiper-wrapper) {
				display: flex;
				max-width: fit-content;
				width: fit-content;
				overflow-x: scroll;
				padding-inline: 8vw;
				li {
					width: 83.33vw;
				}
			}
		}
	}
}
/* TOPカテゴリ */
@media screen and (max-width: 769px) {
	.block-top-category__list {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 5.21vw 1.67vw;
		padding: 0 5vw;
	}
	.block-top-category__link {
		row-gap: 1.04vw;
	}
	.block-top-category__img {
		inline-size: 84px;
	}
	.block-top-category__label {
		font-size: var(--txt-12);
	}
}
/* TOPおすすめ */
@media screen and (max-width: 769px) {
	.block-top-recommend {
		padding-block: clamp(16px, 4vw, 28px);
		& .block-top-recommend__inner {
			max-width: 100%;
			padding-inline: clamp(12px, 4vw, 20px);
		}
		/* & .block-top-recommend__title {
			font-size: var(--txt-18);
			margin-bottom: clamp(12px, 4vw, 20px);
		}
		*/
		/* ===== 上段：ヒーロー（SPは縦並び） ===== */
		/* & .block-top-recommend__heroRow {
			grid-template-columns: 1fr;
			gap: 12px;
		}
		*/
		/* .block-top-recommend__heroRow .play-btn,
		.block-top-recommend__heroRow .stop-btn {
			width: 6.25vw;
			top: 2.63vw;
			right: 2.63vw;
		}
		*/
		& .block-top-recommend__heroAside {
			grid-template-columns: 1fr 1fr;
			gap: 12px;
			margin-left: 0;
			& .block-top-recommend__hero {
				&:nth-child(-n+2) {
					grid-column: auto;
				}
				&:nth-child(n+3) {
					grid-column: auto;
				}
			}
		}
		& .block-top-recommend__caption {
			font-size: var(--txt-12);
			margin-top: 6px;
		}
		& .block-top-recommend__heroRow {
			grid-template-columns: 1fr 1fr;
			grid-template-rows: auto;
			gap: 8.33vw 4.17vw;
			padding: 0;
		}
		/* 左上ヒーロー動画大 */
		& .block-top-recommend__heroRow .block-top-recommend__hero--main {
			grid-column: 1 / span 2;
			grid-row: initial;
			padding: 0;
		}
		/* 右上カード中 */
		& .block-top-recommend__heroRow .block-top-recommend__hero {
			grid-column: 1 / span 1;
			grid-row: initial;
			padding: 0;
		}
		& .block-top-recommend__heroRow .block-top-recommend__hero:nth-of-type(even) {
			grid-column: 2 / span 1;
		}
		/* ===== 下段：商品グリッド（SP=2列 / 極小=1列） ===== */
		& .block-top-recommend__list {
			--gap: 12px;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: var(--gap);
		}
		@media (max-width: 360px) {
			& .block-top-recommend__list {
				grid-template-columns: 1fr;
			}
		}
		& .block-top-recommend__item {
			&>a {
				transition: opacity .12s ease;
				&:active {
					opacity: .96;
				}
			}
		}
		& .block-top-recommend__meta {
			padding: 8px 8px 10px;
		}
		.block-top-recommend__hero--main .block-top-recommend__name {
			font-size: var(--txt-20);
			font-weight: 600;
		}
		& .block-top-recommend__price {
			font-size: var(--txt-16);
		}
		& .block-top-recommend__cta {
			margin-top: clamp(16px, 4vw, 24px);
			& .block-top-recommend__button {
				&:active {
					background: var(--color-primary);
					color: #fff;
				}
			}
		}
	}
}
/* TOP新商品 */
/*レスポンシブ*/
@media screen and (max-width: 769px) {
	.block-top-new {
		padding-block: clamp(16px, 4vw, 28px);
		& .block-top-new__inner {
			max-width: 100%;
			padding-inline: clamp(12px, 4vw, 20px);
		}
		& .block-top-new__title {
			font-size: var(--txt-18);
			margin-bottom: clamp(12px, 4vw, 20px);
		}
		/* ===== カード：2列（極小は1列） ===== */
		& .block-top-new__list {
			--gap: 12px;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: var(--gap);
		}
		@media (max-width: 360px) {
			& .block-top-new__list {
				grid-template-columns: 1fr;
			}
		}
		& .block-top-new__thumb {
			/* & picture, & img {
				object-fit: cover;
			}
			*/
		}
		& .block-top-new__meta {
			padding: 8px;
		}
		& .block-top-new__name {
			font-size: var(--txt-12);
		}
		& .block-top-new__note {
			font-size: var(--txt-11);
		}
		& .block-top-new__price {
			font-size: var(--txt-12);
		}
		& .block-top-new__item>a {
			transition: opacity .12s ease;
			&:active {
				opacity: .96;
			}
		}
		& .block-top-new__cta {
			margin-top: clamp(16px, 4vw, 24px);
			& .block-top-new__button {
				&:active {
					background: var(--color-primary);
					color: #fff;
				}
			}
		}
	}
}
/* TOP読み物 */
@media screen and (max-width: 769px) {
	.block-top-reading {
		padding: 15.83vw 0 16.67vw;
		background: url(../../img/usr/top/read_bg_sp.png);
		background-repeat: no-repeat;
		background-size: 49.38vw auto;
		background-position: right top;
		position: relative;
		/* background: url(../../img/usr/top/read_bg_sp.png), linear-gradient(90deg, var(--main--background-color) 0%, var(--main--background-color) 20%, rgba(226, 221, 207, 0.4) 20%, rgba(226, 221, 207, 0.4) 100%);
		background-repeat: no-repeat, no-repeat;
		background-size: contain;
		background-position: right top;
		*/
		&::after {
			content: "";
			position: absolute;
			bottom: 0;
			right: 0;
			width: 83.33vw;
			height: 170.21vw;
			background-color: rgba(226, 221, 207, 0.4);
			z-index: -1;
		}
		& .block-top-reading__inner {
			max-width: 100%;
			padding-inline: 0;
		}
		.block-top-reading__titleIcon {
			margin-right: 2.5vw;
			width: 8.96vw;
			height: 7.92vw;
		}
		/* 上：カードは 2列 */
		& .block-top-reading__swiper {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 12px;
		}
		& .block-top-reading__figure .block-top-reading__img {
			object-fit: cover;
			/* モバイルはビジュアル優先のまま */
		}
		& .block-top-reading__figure .block-top-reading__label {
			font-size: var(--txt-18);
		}
		& .block-top-reading__meta {
			padding: 8px 8px 10px;
		}
		& .block-top-reading__name {
			font-size: var(--txt-24);
		}
		& .block-top-reading__info {
			font-size: var(--txt-16);
		}
		& .block-top-reading__date {
			font-size: var(--txt-16);
		}
		/* 下：バナーは縦積み（幅いっぱい） */
		& .block-top-reading__banners {
			gap: 6.67vw;
			margin-top: 13.33vw;
			padding: 0 5vw;
		}
		& .block-top-reading__bnr .block-top-reading__bnrCaption {
			font-size: var(--txt-16);
			margin-top: 4.79vw;
		}
	}
	/* 極小端末で 1 列に */
	@media (max-width: 360px) {
		.block-top-reading {
			& .block-top-reading__swiper {
				grid-template-columns: 1fr;
			}
		}
	}
}
/* TOPお知らせ */
@media screen and (max-width: 769px) {
	.block-top-topic {
		.block-top-topic--body {
			flex-direction: column;
			padding: 0 5vw;
			.block-top-topic--header {
				width: 100%;
				text-align: center;
			}
			.block-topic--items {
				max-width: 100%;
			}
		}
		.block-icon-image--table-cell dl {
			display: flex;
			flex-direction: column;
		}
		.block-icon-image--table-cell-angle-right {
			display: none;
		}
		ul.block-topic--items>li+li {
			padding-top: 5vw;
		}
		ul.block-topic--items>li dt {
			font-size: var(--txt-18);
		}
		.block-top-topic--comment {
			font-size: var(--txt-18);
			font-family: var(--font-family-serif);
			margin-top: 1.67vw;
		}
		ul.block-topic--items>li dd .block-top-topic--icon-image,
		ul.block-topic--items>li dd .block-top-topic--icon-comment {
			margin-right: 0;
		}
		.block-top-topic--next-page a {
			max-width: 63.54vw;
		}
	}
}
/* TOP中間横長バナー */
@media screen and (max-width: 769px) {
	.block-top-middle-bnr {
		padding-block: 8.33vw;
		padding-inline: 5vw;
		a {
			& ::after {
				bottom: -35vw;
				left: -26vw;
				width: 75.42vw;
				height: 75.42vw;
			}
		}
		img {
			height: auto;
		}
	}
}
/* TOPビデオ */
/*レスポンシブ*/
@media screen and (max-width: 1200px) {
	.block-top-video {
		.block-top-video-inner {
			/* width: min(93.5vw, 1122px);
			*/
			max-width: 80vw;
			flex-direction: column;
		}
		.block-top-video-videoarea {
			width: 100%;
		}
		.block-top-video-textarea {
			width: 100%;
		}
	}
}
@media screen and (max-width: 1024px) {
	.block-top-video {
		.block-top-video-inner {
			/* grid-template-columns: 1fr;
			width: min(89.84vw, 780px);
			*/
			/* flex-direction: column;
			*/
		}
		.block-tama-original__more {
			.btn {
				border-color: #fff;
				color: #fff;
				background: var(--color-primary);
			}
		}
	}
}
@media screen and (max-width: 768px) {
	.block-top-video {
		.block-top-video-textarea {
			padding: min(3.39vw, 34px) min(2.5vw, 12px);
			display: grid;
			/* grid-template-columns: min(41.15vw,316px) 1fr;
			*/
			grid-template-columns: 1fr 1fr;
			align-items: center;
			gap: min(2.29vw, 11px);
			.block-top-video-textbox {
				&:first-child {
					padding-inline: min(2.73vw, 21px) min(0.91vw, 7px);
					.block-top-video-title {
						font-size: var(--txt-24);
						line-height: calc(48 / 36);
					}
					.block-top-video-subtitle {
						font-size: var(--txt-24);
						line-height: calc(48 / 36);
					}
				}
				&:nth-child(2) {
					padding-inline: 0;
				}
			}
			.block-top-video-text {
				font-size: var(--txt-14);
				text-align: left;
				margin-bottom: min(3.33vw, 16px);
			}
		}
		.block-tama-original__more {
			.btn {
				font-size: var(--txt-12);
				line-height: calc(25/20);
				max-width: 35vw;
				margin-left: 0;
				margin-top: 0;
				padding: 2.29vw 1.5vw 2.29vw 7.08vw;
				& span {
					margin-left: 5vw;
					width: 2.92vw;
					height: 1.88vw;
				}
			}
		}
		.block-top-video-inner {
			max-width: 90vw;
			&::after {
				top: auto;
				bottom: -42vw;
				left: -26vw;
				width: 75.42vw;
				height: 75.42vw;
			}
		}
		.block-top-video-videoarea {
			aspect-ratio: 710 / 400;
			iframe {
				width: 100%;
				height: auto;
			}
		}
	}
}
/* TOPランキング */
/*レスポンシブ*/
@media screen and (max-width: 769px) {
	.block-top-event:has(.block-top-ranking) {
		padding-block: 12.5vw 0;
		margin-block: 3.75vw 13.33vw;
		.block-top-event--goods {
			padding: 4.17vw 5vw 0 9.58vw;
		}
		/* & .block-top-title {
			font-size: var(--txt-18);
			margin-bottom: clamp(12px, 4vw, 20px);
			&>span {
				font-size: var(--txt-12);
			}
		}
		*/
		& .block-top-ranking--goods-image {
			.block-thumbnail-favorite {
				width: 6.67vw;
				height: 5.83vw;
				right: 1.67vw;
				bottom: 1.67vw;
				.heart {
					width: 6.67vw;
					height: 5.83vw;
				}
			}
		}
		/* ===== ランキング（縦並び） ===== */
		& .block-top-ranking--items {
			display: grid;
			grid-template-columns: 1fr;
			gap: 9.38vw 0;
		}
		& .block-top-ranking--item {
			&>a {
				gap: 5.83vw;
			}
		}
		& .block-top-ranking--goods-rank-1,
		& .block-top-ranking--goods-rank-2,
		& .block-top-ranking--goods-rank-3,
		& .block-top-ranking--goods-rank-4,
		& .block-top-ranking--goods-rank-5 {
			grid-column: auto;
			grid-row: auto;
		}
		/* & .block-top-ranking--description {
			padding: 8px 8px 10px;
		}
		*/
		& .block-top-ranking--goods-name {
			font-size: var(--txt-12);
		}
		& .variation-name {
			font-size: var(--txt-11);
		}
		/* ===== NEW ITEM（2列→超狭幅で1列） ===== */
		& .block-thumbnail-t--items {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 12px;
		}
		/* レビュー☆ */
		.revico-star-zone {
			.revico-star-block--title {
				font-size: var(--txt-18);
				font-weight: normal;
			}
			.revico-star-block--total {
				font-size: var(--txt-18);
				font-weight: normal;
			}
		}
		/* CTA ボタン */
		& .block-top-event__button {
			&:active {
				background: var(--color-primary);
				color: #fff;
			}
		}
	}
}
/* TOPレビュー */
/*レスポンシブ*/
@media screen and (max-width: 769px) {
	.block-top-review {
		padding-block: 13.33vw;
		& .block-top-review__inner {
			max-width: 100%;
		}
		/* 2列（極小で1列） */
		& .block-top-review__list:not(.swiper-wrapper) {
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 2.5vw;
		}
		& .block-top-review__cardcontainer {
			margin-left: -5vw;
			margin-top: -8vw;
		}
		& .block-top-review__card {
			padding: 10px;
		}
		& .block-top-review__cardinner {
			grid-template-columns: auto 19.58vw;
			column-gap: 3.54vw;
			padding: 2.29vw 0vw 2.29vw 6.25vw;
		}
		& .block-top-review__bottom {
			grid-template-rows: 19.58vw 1fr;
			column-gap: 8px;
			margin-top: 0;
		}
		& .block-top-review__avatarWrap {
			inline-size: 19.58vw;
			block-size: 19.58vw;
		}
		.block-top-review__prodName {
			margin-top: 8px;
			font-size: var(--txt-14);
		}
		.revico-star-zone {
			.revico-star-block--title {
				font-size: var(--txt-16);
				font-weight: normal;
			}
			.revico-star-block--total {
				font-size: var(--txt-16);
				font-weight: normal;
			}
		}
	}
}
/*TOPセレクトブランド*/
@media screen and (max-width: 769px) {
	.block-top-brand {
		padding-block: 13.33vw;
		& .block-top-brand__inner {
			max-width: 100%;
			padding-inline: clamp(12px, 4vw, 20px);
		}
		/* 2列グリッド */
		& .block-top-brand__list {
			--gap: 12px;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: var(--gap);
		}
		& .block-top-brand__figure .block-top-brand__logo {
			left: 0;
			bottom: -4.17vw;
			width: 20.83vw;
			height: 20.83vw;
		}
		& .block-top-brand__body {
			padding: 5.83vw 0 0;
		}
		& .block-top-brand__name,
		& .block-top-brand__desc,
		& .block-top-brand__cat {
			font-size: var(--txt-16);
			font-family: var(--font-family-base);
		}
	}
}
/*POCHI オリジナル*/
@media screen and (max-width: 769px) {
	.block-pochi-original {
		margin-block: 13.33vw;
		padding-top: 12.5vw;
		.block-pochi-original__slider:not(.swiper) {
			max-width: 100%;
			overflow-y: scroll;
		}
		.block-pochi-original__list:not(.swiper-wrapper) {
			display: flex;
			max-width: fit-content;
			width: fit-content;
			overflow-y: scroll;
			padding-inline: 20px;
			.block-pochi-original__item {
				width: 83.33vw;
			}
		}
	}
}
/*下部横長banner*/
@media screen and (max-width: 769px) {
	.block-bottom-bnr {
		padding-block: 8.33vw 0;
		.block-bottom-bnr__list {
			grid-template-columns: 1fr;
			gap: 4.79vw;
			padding: 0 5vw;
		}
		img {
			width: 100%;
			height: auto;
		}
		.block-bottom-bnr__main {
			margin: 4.79vw auto 0;
			padding: 0 5vw;
		}
	}
}
@media screen and (max-width: 769px) {
	/* スプラッシュのスタイル */
	.splash-screen {
		img {
			width: 90%;
		}
	}
}
/* =========================================================
TOPページコンテンツ内ここまで
========================================================= */
/* =========================================================
検索結果ページここから
========================================================= */
@media screen and (max-width: 769px) {
	.block-search {
		.block-search__submit.btn.btn-primary {
			max-width: 66.67vw;
			margin-top: 10.83vw;
		}
		/* ポップアップここから */
		#block-search-facets {
			position: fixed;
			inset: 0;
			justify-content: center;
			align-items: center;
			min-height: 100svh;
			backdrop-filter: blur(10px);
			background-color: initial;
			z-index: 99999;
			display: none;
			transition: all .7s ease;
			form {
				background: rgba(246, 244, 240, 0.96);
				width: 90%;
				margin: 0 auto;
				margin-top: 4.17vw;
				padding: 8.33vw 6.67vw 50vw;
				position: relative;
				height: 100svh;
				overflow-y: scroll;
				-ms-overflow-style: none;
				scrollbar-width: none;
				/* overscroll-behavior-y: contain;
				*/
				overscroll-behavior-y: none;
				bottom: -30%;
				/* transition: transform 1.2s, opacity 1s, visibility 1s;
				*/
				/* transform: translateY(30px);
				*/
				opacity: 0;
				/* visibility: hidden;
				*/
				& .block-search__title {
					background: none;
				}
			}
		}
		#block-search-facets.open {
			display: block;
		}
		html.noscroll {
			position: fixed;
			left: 0;
			right: 0;
			width: 100%;
			overflow-y: scroll;
			overflow-x: hidden;
		}
		#block-search-facets form.is-active {
			bottom: 0;
			transition: all .3s ease;
			/* transition: transform 1.2s, opacity 2s, visibility 1s;
			*/
			/* transform: translateX(0);
			*/
			opacity: 1;
			/* visibility: visible;
			*/
		}
		#block-search-facets form::-webkit-scrollbar {
			display: none;
		}
		.block-search__facetItem {
			font-size: var(--txt-14);
		}
		& .block-search__actions {
			position: fixed;
			width: 100%;
			bottom: 0;
			left: 0;
		}
		& .block-search__facetTitle {
			font-size: var(--txt-20);
			margin: 8.33vw 0 32px;
		}
		.toggle-icon {
			margin-right: 0;
		}
		.block-search__actionsResult {
			display: none;
		}
		.block-search__resultAmount {
			display: flex;
			flex-direction: row-reverse;
			column-gap: 5vw;
		}
		& .block-search__actions {
			background: rgba(246, 244, 240, 0.96);
			padding: 6.67vw;
		}
		& .block-search__resetBtn {
			font-size: var(--txt-16);
			border: 0;
			background: initial;
			text-decoration: underline;
			text-underline-offset: 8px;
			margin: 0;
			padding: 0;
			width: fit-content;
		}
		& .block-search__filterBtn.btn.btn-primary {
			margin-top: 0;
		}
		/* 閉じるボタン */
		.block-search-closeBtn {
			position: absolute;
			top: 6.67vw;
			right: 6.67vw;
			width: 4.17vw;
			height: 4.17vw;
			border: 0;
			background: url(../../img/usr/common/icon_close.svg) no-repeat center center / 100%;
		}
		/* ポップアップここまで */
		& .block-search__title {
			background: var(--color-grayish-ivory);
			margin: 0;
			padding: 8.33vw 5vw 0;
		}
		& .block-search__input {
			padding: 3.96vw 6.25vw;
			font-size: var(--txt-18);
			height: 13.33vw !important;
		}
		.block-search__queryRow {
			position: relative;
		}
		.block-search__queryRow .block-search__submit {
			position: absolute;
			top: 50%;
			right: 5vw;
			transform: translateY(-50%);
			width: auto;
			height: 4.38vw;
			aspect-ratio: 37 / 41;
			background: url(../../img/usr/common/icon_search.svg) no-repeat center top / 100%;
			background-size: contain;
			border: 0;
			padding: 2.38vw;
		}
		.block-search__form {
			padding: 6.67vw 6.67vw 10.83vw;
			margin-bottom: 0;
		}
		#block-search-asidetitle {
			text-align: center;
			padding: 0;
		}
		.block-search__controls {
			display: none;
		}
		.block-search__openSubmit.btn.btn-primary {
			position: relative;
			background: var(--color-primary);
			color: #fff;
			max-width: 66.67vw;
			&::before {
				content: "";
				top: 50%;
				left: 6.67vw;
				transform: translateY(-50%);
				position: absolute;
				width: 5vw;
				height: 3.33vw;
				background: url(../../img/usr/common/icon_filter.svg) no-repeat center top / 100%;
				background-size: contain;
			}
		}
		& .block-search__layout {
			display: grid;
			grid-template-columns: 1fr;
			gap: 0;
			margin-top: 16.67vw;
		}
		& .block-search__section {
			padding: 0 5vw;
		}
		.block-search__displayMethod {
			display: none;
		}
		.block-search__hitRange {
			text-align: center;
			font-size: var(--txt-16);
		}
		.block-search__tabContener {
			display: block;
			margin-right: calc(50% - 50vw);
			margin-left: calc(50% - 50vw);
		}
		.block-search__tabControl {
			max-width: none;
		}
		& .block-search__section--products div.block-thumbnail-t {
			.block-thumbnail-t--items {
				padding: 0;
			}
		}
		/* 絞り込み条件タグ */
		.block-search__filterTagControls {
			display: flex;
			flex-direction: column;
			gap: 0;
			padding: 0 5vw;
		}
		.block-search__filtetxt {
			font-size: var(--txt-14);
			margin-bottom: 1.67vw;
		}
		.block-search__filterTag-items {
			gap: 2.5vw;
		}
		.block-search__resetTagBtn {
			margin-top: 2.5vw;
			text-align: center;
		}
		/* 読み物　検索結果 */
		.block-search_articlesbody {
			row-gap: 40px;
			& .block-search__articlesList {
				margin: 12.92vw 0 0;
				row-gap: 10.83vw;
			}
			.block-search__articlesItem {
				display: grid;
				grid-template-columns: 1fr;
				row-gap: 16px;
			}
			& .block-search__articlesTitle {
				font-size: var(--txt-16);
			}
			& .block-search__badge {
				font-size: var(--txt-10);
			}
		}
		/* ページネーション */
		& .block-pager:has(.block-pager-list) {
			margin-top: 16.67vw;
		}
	}
}
/* =========================================================
検索結果ページここまで
========================================================= */
/* =========================================================
アレルギー検索ページここから
========================================================= */
@media screen and (max-width: 769px) {
	/* MV動画 */
	.block-allergy-search-videoarea {
		height: 50vw;
	}
	/* フォームここから */
	.block-allergy-search {
		margin: 13.33vw auto 26.67vw;
		& .block-allergy-search__title {
			margin: 0 0 8.33vw;
			padding-inline: 5vw;
		}
		& .block-allergy-search__typeLabel {
			margin: 0 0 7.71vw;
		}
		& .block-allergy-search__typeOptions {
			gap: 5vw;
			& .block-allergy-search__radio {
				align-items: flex-start;
				& label {
					font-size: var(--txt-18);
				}
			}
		}
		& .block-allergy-search__helper {
			padding: 8.33vw 5vw;
			gap: 5.21vw;
			flex-direction: column;
			.block-allergy-search__lists {
				font-size: var(--txt-14);
				padding-top: 0.2em;
			}
			li {
				display: flex;
			}
			& .block-allergy-search__icon-info {
				inline-size: 9.33vw;
				block-size: 6vw;
				background-size: contain;
				background-repeat: no-repeat;
				margin-right: 2.04vw;
			}
		}
		& .block-allergy-search__groups {
			grid-template-columns: 1fr;
			gap: 0;
			padding-inline: 5vw;
		}
		& .block-allergy-search__groupToggle {
			padding: 6.67vw 2.5vw 6.67vw 2.5vw;
		}
		& .block-allergy-search__list {
			grid-template-columns: 1fr;
			gap: 3.33vw;
		}
		& .block-allergy-search__panel {
			padding: 0px 0 9.17vw 6.25vw;
		}
		& .block-allergy-search__notes {
			margin-top: 16.67vw;
			padding-inline: 5vw;
			.block-allergy-search__note {
				padding-bottom: 6.77vw;
				margin-bottom: 6.77vw;
				line-height: 1.7;
			}
		}
		.block-allergy-search__notelist {
			font-size: var(--txt-14);
			line-height: 1.7;
		}
		& .block-allergy-search__actions {
			margin-top: 13.33vw;
			padding: 6.67vw;
			button {
				max-width: 63.54vw;
			}
		}
		& .block-allergy-search__clear {
			margin-top: 0;
		}
	}
}
/* =========================================================
アレルギー検索ページここまで
========================================================= */
/* =========================================================
商品詳細ページここから
========================================================= */
@media screen and (max-width: 769px) {
	.page-goods .block-goods-detail {
		padding: 0;
	}
	/* コメント */
	div.block-goods-detail div.block-goods-comment2 {
		margin-block: 6.67vw 0;
	}
	/* 上部左サイド */
	.pane-goods-left-side {
		padding: 0 5vw;
	}
	.block-goods-detail .block-goods-detail--color-variation-goods-image .swiper-slider-main {
		/* height: 107.92vw;
		*/
		max-height: 100%;
		margin-bottom: 6.67vw;
	}
	.block-goods-detail--color-variation-goods-thumbnail-form .swiper-slider-thumbnail {
		margin: 0;
		overflow: visible;
	}
	/* .block-goods-gallery ul {
		row-gap: 2.02vw;
	}
	*/
	.block-goods-gallery > ul {
		row-gap: 0;
		flex-wrap: nowrap !important;
		overflow: scroll;
	}
	.block-goods-gallery ul li {
		min-width: auto;
		flex-basis: auto;
	}
	.block-goods-gallery ul li+li a {
		margin-left: 2.5vw;
	}
	.swiper-slider-main .video {
		height: 58.33vw;
	}
	.block-goods-gallery .video {
		height: stretch;
	}
	/* 上部右サイド */
	.pane-goods-right-side {
		margin-top: 8.33vw;
		padding: 0 5vw;
	}
	.page-goods .block-goods-name h1.block-goods-name--text {
		font-size: var(--txt-24);
	}
	/* もっと見るボタン */
	.js-morebtn.close {
		height: 45vw;
		overflow: hidden;
		position: relative;
		&::after {
			content: "もっと読む";
			position: absolute;
			width: 100%;
			height: 32.08vw;
			bottom: 0;
			left: 0;
			background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 80%);
			font-size: 2.92vw;
			display: flex;
			align-items: end;
			justify-content: center;
		}
	}
	/* コメント1 */
	.block-goods-product-overview {
		font-size: var(--txt-16);
		line-height: 2;
	}
	.goods-detail-description-wrap {
		margin-top: 6.88vw;
	}
	.goods-detail-tag {
		margin-top: 4.38vw;
		.block-goods-tag {
			gap: 3.33vw;
			margin-bottom: 1.67vw;
		}
		.ico-frame {
			padding: 2.08vw 3.96vw 1.9vw;
		}
	}
	/* コメント2 特徴 */
	.block-goods-feature {
		grid-template-columns: 1fr;
		p {
			font-size: var(--txt-16);
			margin-bottom: 2.5vw;
		}
		ul {
			grid-template-columns: 1fr 1fr 1fr 1fr;
			gap: 3.33vw 2.08vw;
			img {
				height: fit-content;
			}
			figcaption {
				margin-top: 1.04vw;
				font-size: var(--txt-11);
			}
		}
	}
	/* addカートエリア */
	.block-add-cart {
		margin-right: calc(50% - 50vw);
		margin-left: calc(50% - 50vw);
		padding: 6.67vw 5vw;
		margin-top: 10.83vw;
	}
	.block-variation--item-list {
		gap: 6.04vw;
	}
	.block-variation--item {
		padding: 3.54vw 2vw;
		margin-right: 0;
	}
	.block-variation {
		.second-row {
			gap: 1.67vw;
		}
	}
	/* SALE時 */
	.block-variation {
		.block-thumbnail-t--default-price.small {
			font-size: var(--txt-12);
		}
		.block-goods-price--price .small {
			font-size: var(--txt-22);
		}
	}
	/* 入荷お知らせ時 */
	.block-arrival-notice .block-arrival-notice--btn.btn.btn-default {
		max-width: 100%;
	}
	.block-goods-qty-point {
		gap: 5vw;
		.goods_point_ {
			letter-spacing: -0.02em;
			margin-top: -2vw;
			strong {
				display: block;
				padding-left: 0;
			}
			b {
				font-size: var(--txt-24);
			}
		}
	}
	/* .block-goods-point-sp {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 6.04vw;
		margin-top: 2.5vw;
		.goods_point_ {
			text-align: center;
			b {
				font-size: var(--txt-14);
				color: var(--color-text);
				font-weight: normal;
			}
		}
	}
	*/
	.block-goods-qty {
		font-weight: normal;
		gap: 5.63vw;
		p {
			font-size: var(--txt-16);
		}
		.block--goods-qty-frame {
			border-radius: 6px;
			width: 37.67vw;
			height: 13.33vw;
		}
		.block--goods-qty-btn.plus::before,
		.block--goods-qty-btn.plus::after,
		.block--goods-qty-btn.minus::before {
			width: 4.17vw;
		}
	}
	.block-add-cart .block-add-cart--btn {
		padding: 3.33vw 3.54vw 3.54vw;
		margin-top: 7.92vw;
	}
	/* カートボタン下固定時 */
	.block-following-area-fixed {
		opacity: 0;
		transform: translateY(100%);
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		transition: transform .25s ease, opacity .2s ease;
		background-color: #fff;
		padding: 3.13vw 5vw;
		z-index: 99;
		.block-following-area {
			display: flex;
			gap: 6.67vw;
		}
	}
	.block-following-area-fixed.is-show {
		opacity: 1;
		transform: translateY(0);
		&.is-up {
			transform: translateY(100%);
			/* 初期は下に隠す */
			transition: transform .25s ease, opacity .2s ease;
		}
		&.is-down {
			transform: translateY(0);
			/* 上にスライド */
			transition: transform .25s ease, opacity .2s ease;
		}
		.block-order--btn.btn {
			display: block;
		}
		button.btn {
			margin: 0;
			border-radius: 4px;
			font-size: var(--txt-16);
			padding: 3.33vw 3.33vw 3vw;
			font-weight: bold;
		}
	}
	.dummy {
		display: none;
		margin-top: 40px;
	}
	/*  addカートエリアと下部コメント部分エリアの境目調整 */
	/* 子要素（要素ノード）がない場合 */
	.block-goods-first-limited-order:not(:has(*)),
	.block-goods-detail--promotion-freespace:not(:has(*)) {
		display: none;
	}
	/* 下部コメント部分エリア */
	.block-goods-bottom-comment {
		padding: 10vw 5vw 13.75vw;
		margin-top: 0;
		h3 {
			text-align: center;
			padding-bottom: 4.17vw;
		}
		ol {
			padding-left: 5vw;
		}
		/* 成分・原材料セクション */
		.block-goods-material {
			margin-top: 16.67vw;
		}
		/* 表 */
		.c-table-wrap {
			-ms-overflow-style: thin;
			scrollbar-width: thin;
			&::-webkit-scrollbar {
				display: thin;
			}
		}
		.c-table.-sp-column th,
		.c-table.-sp-column td {
			display: block;
			width: 100%;
		}
		.c-table__body {
			padding: 4.58vw 6.67vw 4.58vw 9.17vw;
			font-size: var(--txt-16);
		}
		.c-table__head {
			padding: 4.79vw 5vw;
			font-size: var(--txt-16);
		}
		/* 商品説明セクション */
		.block-goods-productDescription {
			margin-top: 16.67vw;
		}
		.block-goods-productDescription--card:not(:has(.block-goods-productDescription--cardwrap)) {
			grid-template-columns: 1fr;
			/* row-gap: 5vw;
			*/
			padding: 8.33vw;
		}
		.block-goods-productDescription--card+.block-goods-productDescription--card {
			margin-top: 40px;
		}
		.block-goods-productDescription--card:has(.block-goods-productDescription--cardwrap) {
			padding: 8.33vw;
		}
		.block-goods-productDescription--cardwrap {
			display: flex;
			flex-direction: column-reverse;
			row-gap: 5vw;
			.block-goods-productDescription--pic {
				width: 100%;
			}
		}
		.block-goods-productDescription--txt {
			margin-top: 5vw;
		}
		.block-goods-productDescription--pic {
			img {
				height: auto;
			}
		}
		.block-goods-productDescription--notes {
			margin-top: 5vw;
		}
		/* その他情報 */
		.block-goods-productInfo.close {
			&::after {
				background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F8F7F4 80%);
			}
		}
		/* /.block-goods-bottom-comment */
	}
	/* 関連商品 */
	div.block-accessory-list {
		margin: 16.67vw auto 0;
	}
	.block-thumbnail-t .block-thumbnail-t--items.swiper-wrapper {
		padding-left: 5vw;
	}
	.block-thumbnail-t {
		.block-goods-tag {
			gap: 2.29vw;
			margin-bottom: 1vw;
		}
		.ico-frame {
			font-size: var(--txt-14);
			padding: 1.04vw 1.88vw 1.25vw;
		}
	}
	/* 最近見た商品 */
	#block_of_itemhistory {
		margin: 16.67vw auto 0;
		.block-recent-item--header {
			font-size: var(--txt-28);
			font-family: var(--font-family-serif);
		}
		.block-thumbnail-t--items {
			padding-inline: 5vw;
		}
	}
	.block-accessory-list .block-thumbnail-t .block-thumbnail-t--item,
	#goodsdetail_itemhistory .block-thumbnail-t .block-thumbnail-t--item {
		max-width: min-content !important;
	}

	/* AiReco レコメンド */
  .block-aireco-recommend {
    margin: 16.67vw auto 0;
  }
}
/*ぱんくず*/
@media screen and (max-width: 769px) {
	.pane-contents div.block-topic-path {
		padding: 4.17vw 0;
		margin: 26.67vw 0 0;
		overflow-x: scroll;
		.block-topic-path--list {
			padding: 0 5vw;
			white-space: nowrap;
		}
		.block-topic-path--list li,
		.block-topic-path--delimiter {
			padding-right: 2.08vw;
		}
	}
}
/* =========================================================
商品詳細ページここまで
========================================================= */
/* =========================================================
カテゴリ一覧  ここから
========================================================= */
/* 上部フリーエリア */
/* 上部フリーエリア */
@media screen and (max-width: 1540px) {
	.block-category-list--header-freespace {
		.block-category__features {
			overflow-x: scroll;
		}
	}
}
@media screen and (max-width: 769px) {
	.block-category-list--header-freespace {
		.block-category__videoarea {
			height: 50vw;
		}
		h2 {
			margin-block: 16.67vw 8.33vw;
		}
		& .block-category__nav {
			margin-bottom: 16.67vw;
			padding-inline: 8vw;
			p {
				row-gap: 5vw;
			}
			i {
				padding-inline: 2vw 2vw;
			}
		}
		.block-category__feature {
			width: 340vw;
			padding: 8.33vw;
		}
		.block-category__feature-card+.block-category__feature-card {
			margin-left: 8.75vw;
		}
		h3 {
			column-gap: 2vw;
		}
		.block-category__feature-sectionIcon {
			width: 10vw;
			height: auto;
		}
		.block-category__feature-card-image img {
			width: 72vw;
			height: auto;
		}
		.block-category__feature-txt {
			line-height: 1.8;
			margin-top: 3.33vw;
			margin-bottom: 5.21vw;
		}
		.block-category__feature-MoreLink {
			font-size: var(--txt-20);
			letter-spacing: -0.03em;
		}
	}
}
/* PC～TB
------------------------*/
@media screen and (max-width: 1024px) {
	.block-thumbnail-t {
		.block-thumbnail-t--items:not(.swiper-wrapper) {
			padding: 0 min(3.71vw, 38px);
			justify-content: center;
			grid-template-columns: repeat(auto-fill, clamp(200px, 11.3vw, 217px)) !important;
			margin-bottom: min(4.17vw, 80px);
			gap: min(2.03vw, 40px) min(1.46vw, 28px) !important;
		}
		.block-thumbnail-t--item {
			/* width: clamp(200px,11.3vw,217px)!important;
			*/
			a {
			}
			.block-thumbnail-t--goods-image {
				figure {
					aspect-ratio: 220 / 263;
					padding: 0;
					background: none;
					position: relative;
					picture {
						display: block;
						width: 100%;
						height: 100%;
						overflow: hidden;
					}
					.block-thumbnail-favorite {
						border: none;
						padding: 0;
						margin: 0;
						aspect-ratio: 28/24;
						width: 28px;
						height: 24px;
						background: none;
						position: absolute;
						bottom: 0;
						right: 0;
						.heart {
							width: 28px;
							height: 24px;
							display: block;
							background: url('../../img/usr/common/icon_bookmark01.svg') no-repeat center / contain;
						}
						&.is-active {
							.heart {
								background: url('../../img/usr/common/icon_bookmark02.svg') no-repeat center / contain;
							}
						}
					}
				}
			}
			.block-thumbnail-t--goods-description {
				.block-goods-tag {
					display: flex;
					flex-wrap: wrap;
					gap: min(1.25vw, 6px);
					margin-bottom: min(0.31vw, 6px);
					.goods-tag {
						border: 1px solid var(--color-gray);
						width: fit-content;
						padding: min(0.1vw, 3px) min(0.8vw, 16px) min(0.32vw, 5px) min(0.8vw, 10px);
						font-size: var(--txt-12);
						font-weight: 400;
						line-height: calc(20/12);
					}
					.goods-tag--limitedtime {
					}
					.goods-tag--sale {
					}
					.goods-tag--soldout {
					}
				}
				.block-thumbnail-t--goods-name {
					font-family: var(--font-family-serif);
					font-size: var(--txt-16);
					font-weight: 600;
					line-height: calc(24/16);
					color: var(--color-text);
					margin-bottom: 8px;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 3;
					overflow: hidden;
				}
				.variation-name {
					display: none;
				}
				.block-thumbnail-t--price-items {
					.block-thumbnail-t--price {
						font-size: var(--txt-16);
						font-weight: 400;
						line-height: calc(24/16);
						&::after {
							font-size: var(--txt-12);
						}
					}
				}
			}
			.revico-star-zone {
				margin-top: min(0.47vw, 9px);
			}
		}
	}
	/* レーティング
	------------------------ */
	.revico-star-zone {
		.revico-star-block--title {
			font-size: var(--txt-12);
			line-height: calc(17/12);
		}
		.revico-star-block--total {
			font-size: var(--txt-12);
			line-height: calc(17/12);
		}
		.revico-star-block {
			display: flex;
			justify-content: flex-start;
			align-items: center;
		}
		.revico-star-block--rate {
			width: 96px;
		}
		.starability-result {
			width: 96px;
		}
	}
	/* バッジ
	------------------------ */
	.block-icon {
		top: min(-1.56vw, -16px);
		right: min(0.98vw, 10px);
		width: min(7.55vw, 38px);
		.badge {
			width: 100%;
			height: 100%;
			margin: 0;
			padding: 0;
		}
	}
	/* ページャー
	------------------------ */
	.block-pager:has(.block-pager-list) {
		max-width: 1216px;
		margin: 0 auto min(18.75vw, 90px);
		justify-content: center;
		.block-pager-list-item {
			justify-content: center;
			/* margin-right: min(8.13vw, 39px);
			*/
			a {
				font-size: var(--txt-20);
				line-height: calc(23/20);
			}
			/* &.block-pager-list-item--first {
				height: var(--txt-16);
				margin-right: min(5vw, 24px);
			}
			&.block-pager-list-item--prev {
				width: auto;
				height: var(--txt-16);
				margin-right: min(6.67vw, 32px);
			}
			&.block-pager-list-item--next {
				height: var(--txt-16);
				margin-right: min(5vw, 24px);
			}
			&.block-pager-list-item--last {
				height: var(--txt-16);
			}
			*/
			/* &:nth-last-child(5),
			&:nth-last-child(6) {
				display: none !important;
			}
			*/
			/* &:nth-last-child(3) {
				margin-right: min(1.67vw, 32px);
			}
			*/
			&.current {
				a {
					&::after {
						width: min(8.33vw, 40px);
					}
				}
			}
			span {
				&.visually-hidden {
					position: absolute;
					width: 1px;
					height: 1px;
					padding: 0;
					margin: -1px;
					overflow: hidden;
					clip: rect(0, 0, 0, 0);
					white-space: nowrap;
					border: 0;
				}
			}
			&.-ellipsis {
			}
		}
		&.block-goods-list-pager {
		}
	}
}
/* TB～SP
------------------------*/
@media screen and (max-width: 768px) {
	.block-thumbnail-t {
		.block-thumbnail-t--items:not(.swiper-wrapper) {
			grid-template-columns: 1fr 1fr !important;
			gap: min(8.33vw, 64px) min(4.17vw, 32px) !important;
		}
		.block-thumbnail-t--item {
			max-width: unset !important;
			a {
			}
			.block-thumbnail-t--goods-image {
				figure {
					picture {
					}
					.block-thumbnail-favorite {
						.heart {
						}
						&.is-active {
							.heart {
							}
						}
					}
				}
			}
			.block-thumbnail-t--goods-description {
				.block-goods-tag {
					display: flex;
					flex-wrap: wrap;
					gap: min(1.25vw, 6px);
					margin-bottom: min(0.31vw, 6px);
					.goods-tag {
						border: 1px solid var(--color-gray);
						width: fit-content;
						padding: min(0.1vw, 3px) min(0.8vw, 16px) min(0.32vw, 5px) min(0.8vw, 10px);
						font-size: var(--txt-12);
						font-weight: 400;
						line-height: calc(19/12);
					}
					.goods-tag--limitedtime {
					}
					.goods-tag--sale {
					}
					.goods-tag--soldout {
					}
				}
				.block-thumbnail-t--goods-name {
					font-family: var(--font-family-serif);
					font-size: var(--txt-20);
					font-weight: 600;
					line-height: calc(29/20);
					color: var(--color-text);
					margin-bottom: min(2.08vw, 16px);
				}
				.variation-name {
					display: none;
				}
				.block-thumbnail-t--price-items {
					.block-thumbnail-t--price {
						font-size: var(--txt-16);
						font-weight: 400;
						line-height: calc(24/16);
						&::after {
							font-size: var(--txt-12);
						}
					}
				}
			}
			.revico-star-zone {
				margin-top: min(0.47vw, 9px);
			}
		}
	}
	/* レーティング
	------------------------ */
	.revico-star-zone {
		.revico-star-block--title {
			font-size: var(--txt-16);
			line-height: calc(20/16);
		}
		.revico-star-block--total {
			font-size: var(--txt-16);
			line-height: calc(20/16);
		}
		.revico-star-block--rate {
			width: min(12.5vw, 96px);
			margin-right: min(0.52vw, 4px);
		}
		.starability-result {
			width: min(12.5vw, 96px);
			background-size: min(25.52vw, 196px) auto;
		}
	}
	/* バッジ
	------------------------ */
	.block-icon {
		top: min(-2.08vw, -16px);
		right: min(1.3vw, 10px);
		width: clamp(38px, 7.55vw, 58px);
	}
	/* ページャー
	------------------------ */
	.block-pager:has(.block-pager-list) {
		max-width: 1216px;
		margin: 0 auto min(18.75vw, 90px);
		justify-content: center;
		.block-pager-list-item {
			justify-content: center;
			/* margin-right: min(8.13vw, 39px);
			*/
			a {
				font-size: var(--txt-20);
				line-height: calc(23/20);
			}
			/* &.block-pager-list-item--first {
				height: var(--txt-16);
				margin-right: min(5vw, 24px);
			}
			&.block-pager-list-item--prev {
				width: auto;
				height: var(--txt-16);
				margin-right: min(6.67vw, 32px);
			}
			&.block-pager-list-item--next {
				height: var(--txt-16);
				margin-right: min(5vw, 24px);
			}
			&.block-pager-list-item--last {
				height: var(--txt-16);
			}
			&:nth-last-child(5),
			&:nth-last-child(6) {
				display: none !important;
			}
			&:nth-last-child(3) {
				margin-right: min(1.67vw, 32px);
			}
			*/
			&.current {
				a {
					&::after {
						width: min(8.33vw, 40px);
					}
				}
			}
			span {
				&.visually-hidden {
					position: absolute;
					width: 1px;
					height: 1px;
					padding: 0;
					margin: -1px;
					overflow: hidden;
					clip: rect(0, 0, 0, 0);
					white-space: nowrap;
					border: 0;
				}
			}
			&.-ellipsis {
			}
		}
		&.block-goods-list-pager {
		}
	}
	/* フィルター
	------------------------ */
	.pane-main .block-goods-list--params {
		width: min(66.67vw, 320px);
		justify-content: center !important;
		margin: min(11.46vw, 55px) auto min(17.5vw, 84px) !important;
		.block-filter {
			width: min(15.83vw, 121px);
			.block-filter--header {
				padding: min(4.17vw, 32px) 0;
				&::before {
					width: min(7.5vw, 36px) !important;
					height: min(5vw, 24x) !important;
				}
			}
		}
		.block-goods-list--sort-order-items {
			width: min(51.88vw, 398px) !important;
			div.block-sort--header {
				h2 {
					font-size: var(--txt-20);
					/* padding-left: min(10.83vw, 83px) !important;
					*/
					&::after {
						/* aspect-ratio: 13 / 25;
						*/
						width: min(4.38vw, 33px);
						top: 50%;
						right: min(5.21vw, 25px);
					}
				}
			}
		}
		.block-sort--element {
			left: 50%;
			transform: translateX(-50%);
		}
	}
}
/* SP
------------------------*/
@media screen and (max-width: 480px) {
	div.block-thumbnail-t {
		.block-thumbnail-t--items:not(.swiper-wrapper) {
			padding: 0 min(5vw, 24px);
			margin-bottom: min(16.67vw, 80px);
			gap: min(8.33vw, 40px) min(4.17vw, 20px) !important;
		}
		.block-thumbnail-t--item {
			/* width: clamp(200px,11.3vw,217px)!important;
			*/
			a {
			}
			.block-thumbnail-t--goods-image {
				figure {
					picture {
						display: block;
						width: 100%;
						height: 100%;
						overflow: hidden;
					}
					.block-thumbnail-favorite {
						aspect-ratio: 36/32;
						width: clamp(28px, 7.5vw, 36px);
						.heart {
							width: 100%;
							height: 100%;
						}
					}
				}
			}
			.block-thumbnail-t--goods-description {
				.block-goods-tag {
					display: flex;
					flex-wrap: wrap;
					gap: min(1.25vw, 6px);
					margin-bottom: min(0.31vw, 6px);
					.goods-tag {
						border: 1px solid var(--color-gray);
						width: fit-content;
						padding: min(0.1vw, 3px) min(0.8vw, 16px) min(0.32vw, 5px) min(0.8vw, 10px);
						font-size: var(--txt-12);
						font-weight: 400;
						line-height: calc(19/12);
					}
					.goods-tag--limitedtime {
					}
					.goods-tag--sale {
					}
					.goods-tag--soldout {
					}
				}
				.block-thumbnail-t--goods-name {
					font-family: var(--font-family-serif);
					font-size: var(--txt-20);
					font-weight: 600;
					line-height: calc(28/20);
					color: var(--color-text);
					margin-bottom: 8px;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 3;
					overflow: hidden;
				}
				.variation-name {
					display: none;
				}
				.block-thumbnail-t--price-items {
					.block-thumbnail-t--price {
						font-size: var(--txt-16);
						font-weight: 400;
						line-height: calc(24/16);
						&::after {
							font-size: var(--txt-12);
						}
					}
				}
			}
			.revico-star-zone {
				margin-top: min(0.47vw, 9px);
			}
		}
	}
	/* レーティング
	------------------------ */
	.revico-star-zone {
		.revico-star-block--title {
			font-size: var(--txt-12);
			line-height: calc(17/12);
		}
		.revico-star-block--total {
			font-size: var(--txt-12);
			line-height: calc(17/12);
		}
		.revico-star-block {
			display: flex;
			justify-content: flex-start;
			align-items: center;
		}
		.revico-star-block--rate {
			width: min(20.42vw, 98px);
		}
		.starability-result {
			width: min(20.42vw, 98px);
			background-size: min(40.83vw, 196px) auto;
		}
	}
	/* バッジ
	------------------------ */
	.block-icon {
		top: min(-3.33vw, -16px);
		right: min(2.08vw, 10px);
		width: min(12.08vw, 40px);
	}
	/* ページャー
	------------------------ */
	.block-pager:has(.block-pager-list) {
		max-width: 1216px;
		margin: 16.67vw auto min(18.75vw, 90px);
		justify-content: center;
		.block-pager-list {
			column-gap: 0.63vw;
		}
		.block-pager-list-item {
			justify-content: center;
			/* margin-right: min(8.13vw, 39px);
			*/
			width: 8.33vw;
			height: 8.33vw;
			a {
				font-size: var(--txt-20) !important;
				line-height: calc(23/20);
			}
			/* &.block-pager-list-item--first {
				height: var(--txt-16) !important;
				margin-right: min(5vw, 24px);
			}
			*/
			&.block-pager-list-item--prev {
				/* width: auto;
				height: var(--txt-16) !important;
				margin-right: min(6.67vw, 32px);
				*/
				background-size: 1.3vw;
				width: 10.83vw;
				height: 6.67vw;
			}
			&.block-pager-list-item--next {
				/* height: var(--txt-16) !important;
				margin-right: min(5vw, 24px);
				*/
				background-size: 1.3vw;
				width: 10.83vw;
				height: 6.67vw;
			}
			/* &.block-pager-list-item--last {
				height: var(--txt-16) !important;
			}
			*/
			/* &:nth-last-child(5),
			&:nth-last-child(6) {
				display: none !important;
			}
			*/
			&:nth-last-child(3) {
				margin-right: min(1.67vw, 32px);
			}
			&.current {
				a {
					&::after {
						width: min(8.33vw, 40px);
					}
				}
			}
			span {
				&.visually-hidden {
					position: absolute;
					width: 1px;
					height: 1px;
					padding: 0;
					margin: -1px;
					overflow: hidden;
					clip: rect(0, 0, 0, 0);
					white-space: nowrap;
					border: 0;
				}
			}
			&.-ellipsis {
			}
		}
		&.block-goods-list-pager {
		}
	}
	/* フィルター
	------------------------ */
	.pane-main .block-goods-list--params {
		width: max(326px, 67.71vw) !important;
		flex-direction: column-reverse;
		align-items: center !important;
		.block-filter {
			width: min(16.46vw, 79px);
			.block-filter--header {
				padding: min(6.67vw, 32px) 0;
				&::before {
					width: min(7.5vw, 36px) !important;
					height: min(5vw, 24x) !important;
				}
			}
		}
		.block-goods-list--sort-order-items {
			width: min(51.88vw, 249px) !important;
			div.block-sort--header {
				h2 {
					font-size: var(--txt-20);
					&::after {
						/* aspect-ratio: 13 / 25;
						*/
						width: min(4.38vw, 21px);
						top: 50%;
						right: min(5.21vw, 25px);
					}
				}
			}
		}
		.block-sort--element {
			left: 50%;
			transform: translateX(-50%);
		}
	}
}
/* =========================================================
カテゴリ一覧　ここまで
========================================================= */
/* =========================================================
ブランド一覧ここから
========================================================= */
@media screen and (max-width: 768px) {
	.page-brandlist {
		.pane-contents {
			margin-top: 8.33vw;
		}
		h1 {
			padding: 0 0 8.33vw;
		}
		.block-brand-list {
			padding-inline: 4.79vw;
		}
		.block-brand-list--items {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 6.67vw 4.17vw;
		}
		.block-brand-list--item:last-child .block-brand-list--item-name {
			margin-top: 5.83vw;
		}
		.block-brand-list--item-comment {
			-webkit-line-clamp: 4;
		}
		.block-brand-list--caution {
			margin-top: 8.33vw;
		}
	}
}
/* =========================================================
ブランド一覧ここまで
========================================================= */
/* =========================================================
ブランド商品一覧（ブランドTOP）ここから
========================================================= */
@media screen and (max-width: 768px) {
	.page-brandtop {
		/* みたままエリア */
		.block-no-code-cms {
			/* 動画MV */
			.block-brandtop__videoarea {
				height: 50vw;
			}
			/* 画像MV */
			.block-no-code-cms--image.sp {
				display: block;
			}
			.block-no-code-cms--image.pc {
				display: none;
			}
			/* 旗 */
			.block-no-code-cms--image.flag {
				margin-top: -10.42vw;
				img {
					width: 15vw;
					height: 15vw;
					margin: 2.92vw;
				}
			}
			h1 {
				margin-block: 8.33vw;
				font-weight: 500;
				span {
					font-size: var(--txt-22);
					display: block;
				}
			}
			h2 {
				margin-block: 0 5vw;
			}
			ul {
				& li {
					padding-left: 9.67vw;
					margin-bottom: 3.54vw;
					&:after {
						width: 6.67vw;
						height: 6.67vw;
					}
				}
			}
			.block-no-code-cms--two-column {
				display: flex;
				flex-direction: column;
				align-items: center;
				row-gap: 11.46vw;
				padding-inline: 5vw;
			}
			.block-no-code-cms--two-column:first-of-type {
				.block-no-code-cms--image {
					width: auto;
					img {
						height: 47.92vw;
					}
				}
			}
			.block-no-code-cms--two-column:last-of-type {
				margin-top: 12.5vw;
				flex-direction: column-reverse;
				line-height: 1.8;
			}
			.block-no-code-cms--text-align-1 {
				padding-inline: 5vw;
				.block-no-code-cms--button {
					padding: 3.65vw;
					margin-top: 13.33vw;
				}
			}
		}
	}
}
/* =========================================================
ブランド商品一覧（ブランドTOP）ここまで
========================================================= */
/* =========================================================
フリーページ　※コラム以外 ここから
========================================================= */
@media screen and (max-width: 768px) {
	.page-contentspages {
		.block-freepage {
			padding-inline: 8.33vw;
			.block-freepage__nav {
				p {
					display: flex;
					flex-wrap: wrap;
					justify-content: center;
					line-height: 3;
				}
				i {
					padding-inline: 0.5vw 1.5vw;
				}
			}
			figure {
				margin-block: 3.33vw;
				text-align: center;
			}
			img {
				height: auto;
			}
			section {
				margin-top: 16.67vw;
				padding-inline: 0;
				p {
					line-height: 2;
					overflow-wrap: break-word;
				}
			}
			h2 {
				margin-bottom: 6.67vw;
			}
			p+p {
				margin-top: 9.38vw;
			}
			li {
				line-height: 1.8;
			}
			.list-l {
				ul {
					margin-block: 3.33vw;
					li {
						font-size: var(--txt-16);
						color: var(--color-gray);
						font-weight: 500;
						margin-top: 0;
						margin-left: 0;
					}
				}
				li {
					font-size: var(--txt-16);
					font-weight: 600;
				}
				li+li {
					margin-top: 1vw;
				}
			}
			.list-l~p {
				line-height: 1.7;
				margin-top: 3.33vw;
			}
			/* 表 */
			.c-table-wrap {
				-ms-overflow-style: thin;
				scrollbar-width: thin;
				&::-webkit-scrollbar {
					display: thin;
				}
			}
			.c-table.-sp-column th,
			.c-table.-sp-column td {
				display: block;
				width: 100%;
			}
			.c-table__body {
				padding: 4.17vw 7.5vw;
			}
			.c-table__head {
				padding: 4.17vw 6.67vw;
			}
			/* ボタン */
			.block-freepage__btn {
				margin-bottom: 8.33vw;
			}
			.btn-primary {
				max-width: 66.67vw;
				margin-top: 8.33vw;
			}
			/* 余白 */
			.u-mb-l {
				margin-bottom: 8.33vw;
			}
			/* grid 2列 */
			.grid-col2 {
				gap: 3.33vw;
				grid-template-columns: 1fr;
				margin-bottom: 3.33vw;
			}
			/* 特典ページ */
			.tokuten-merit {
				display: none;
			}
			/* プライバシーページ */
			.privacy-flex {
				flex-direction: column;
				align-items: flex-start;
				row-gap: 9vw;
			}
			/* FAQページ */
			&.block-faq {
				padding-inline: 4.17vw;
				section {
					padding-inline: 4.17vw;
				}
			}
			.block-faq-nav {
				p {
					justify-content: flex-start;
					padding: 4.17vw 5vw;
					row-gap: 2vw;
					i {
						padding: 0 0.4em;
					}
				}
				.navfaq {
					margin-bottom: 4.9vw;
				}
			}
			.block-faq-nav+.block-faq-nav {
				margin-top: 8.33vw;
			}
			.c-faq+.c-faq {
				padding-top: 6.67vw;
				margin-top: 6.67vw;
			}
			.c-faq__ques {
				padding-left: 6vw;
				text-indent: -5.5vw;
				margin-left: 0;
				margin-bottom: 3.33vw;
			}
			.c-faq__ques::before {
				width: 5vw;
				padding-right: 1vw;
				text-align: right;
			}
			.c-faq__ans {
				padding-left: 6vw;
				text-indent: -5.5vw;
				margin-left: 0;
			}
			.c-faq__ans::before {
				width: 5vw;
				padding-right: 1vw;
				text-align: right;
			}
			/* /block-freepage */
		}
	}
}
/* =========================================================
フリーページ　※コラム以外 ここまで
========================================================= */
/* =========================================================
買い物かご ここから
========================================================= */
@media screen and (max-width: 768px) {
	.cart-sub {
		.pane-main {
			h1 {
				/*margin-bottom: 2.4vw;
				*/
				margin-bottom: 10.83vw;
			}
			h2,
			.block-order-estimate--dest-title,
			.block-order-estimate--orderer-title,
			.block-order-estimate--regular-cycle-title {
				margin: 16.67vw 0 6.67vw;
			}
			/* 左右の余白 */
			.block-cart--body,
			.block-order-method,
			.block-order-estimate {
				padding: 0 4vw;
				margin: 0;
			}
			/* 共通商品名 */
			.block-cart--goods-list-item .block-cart--goods-list-item-name,
			.block-order-method--goods-name,
			.block-order-estimate--goods-name {
				font-size: var(--txt-20);
			}
			/* カートページ */
			/* .block-cart--procedure-container {
				width: 95%;
				padding: 4vw 4vw;
			}
			*/
			.block-cart--order.action-buttons {
				margin-top: 2vw;
			}
			.block-cart--order-button-description {
				text-align: center;
				font-size: var(--txt-16);
			}
			.block-cart--contents {
				border: 0;
				margin-top: 5vw;
			}
			.block-cart--rule {
				padding: 0 2vw 1vw;
				background: none;
				text-align: center;
				margin-bottom: 6.67vw;
			}
			.block-cart--rule-container {
				border: none;
			}
			.block-cart--goods-list li {
				padding: 4vw 3vw;
				border-bottom: none;
			}
			.block-cart--goods-list-item-input-row {
				display: flex;
				gap: 2vw;
				justify-content: flex-end;
			}
			.block-cart--goods-list-item-delete-btn {
				font-size: var(--txt-14);
				height: 4.4rem;
			}
			select {
				width: 100%;
				height: 100%;
				padding: 0;
			}
			.block-cart--goods-list-item-input-cell-right {
				width: 30%;
			}
			.block-cart--procedure-container {
				padding: 4vw 7vw;
				width: 100% !important;
				z-index: 999999;
				transition: none;
			}
			.block-cart--procedure-container.block-cart--procedure-container__fixed {
				top: auto;
				bottom: 0;
			}
			.block-cart--procedure-container__fixed .action-buttons {
				width: 100%;
			}
			.block-cart--procedure-container__fixed .action {
				padding: 0;
			}
			/* お気に入り登録中の商品 */
			.block-bookmarkslider {
				.block-bookmarklist-content .swiper-bookmarklist .swiper-wrapper {
					padding-left: 5vw;
				}
				h2 {
					font-family: var(--font-family-serif);
					font-size: var(--txt-24);
					font-weight: 600;
				}
			}
			/* 最近見た商品 */
			.block-cart-recent-item--header span {
				font-family: var(--font-family-serif);
				font-size: var(--txt-24);
				font-weight: 600;
			}
			/* methodページ */
			.block-order-method--promotion,
			.block-order-method--point-use,
			.block-order-method--payment-method,
			.block-order-method--coupon {
				padding: 0;
				border-bottom: 0;
			}
			.block-regular-cycle--cycle-type {
				display: block;
			}
			input[type="radio"] {
				margin-bottom: 0;
			}
			.block-order-method--procedure {
				padding: 5vw;
				background: var(--color-grayish-ivory);
			}
			select[name="pointpay_num"] {
				width: 30%;
				margin-right: 2vw;
			}
			/* estimate */
			.block-order-estimate--commit-btn {
				margin: 0 auto;
			}
			.block-order-estimate--return-agree.btn {
				font-size: var(--txt-18);
				color: var(--color-text);
				background: #fff;
				border: 1px solid #121212;
				max-width: 320px;
			}
			div.fieldset-vertical div.form-group.block-order-estimate--mailnews:last-of-type {
				border-bottom: 1px solid #CCCCCC;
			}
			.btn.block-order-estimate--change-btn {
				font-size: var(--txt-16);
				color: var(--color-text);
				background: #fff;
				border: 1px solid #121212;
				max-width: 100px;
				min-width: auto;
				top: 3vw;
				right: 3vw;
			}
			.block-order-estimate--discount-info .block-order-estimate--point .block-order-estimate--change-btn,
			.block-order-estimate--discount-info .block-order-estimate--promotion-code .block-order-estimate--change-btn,
			.block-order-estimate--discount-info .block-order-estimate--coupon .block-order-estimate--change-btn,
			.block-order-estimate--method-pay-content .block-order-estimate--change-btn,
			.block-order-estimate--change-btn {
				top: 3vw;
				right: 3vw;
			}
			.block-order-estimate--regular-cycle-confirmation .btn.block-order-estimate--change-btn {
				top: 0;
			}
			.block-order-estimate--regular-cycle li {
				padding: 0;
			}
			.block-order-estimate--regular-cycle>li>span,
			.block-order-estimate--regular-cycle>li>span:first-of-type {
				padding: 1vw;
			}
			.block-order-estimate--goods-item-regular-info--next-amt-data {
				font-weight: normal;
			}
			.block-order-estimate--pay-input .fieldset-vertical div.form-label {
				background: none;
			}
			/* order 注文完了ページ */
			.block-order-complete {
				padding-inline: 8.33vw;
			}
			.block-order-complete--body,
			.block-order-complete--wrapper {
				padding: 0;
			}
			.block-order-complete--orderid td {
				text-align: left;
			}
			.block-order-complete--home {
				margin: 13.33vw auto 16.67vw;
				text-align: center;
			}
			.block-order-complete__list {
				grid-template-columns: 1fr;
				gap: 8.33vw;
				img {
					height: auto;
				}
				.block-order-complete__txt {
					font-size: 1.2rem;
				}
			}
		}
	}
}
/* =========================================================
買い物かご ここまで
========================================================= */
/* =========================================================
マイページ ここから
========================================================= */
@media screen and (max-width: 768px) {
	body.page-menu {
		.block-mypage--customer-status,
		.page-menu .block-mypage--subscription,
		.block-mypage--order-status,
		.block-mypage--coupon,
		.block-mypage--favorite,
		.block-mypage--restocking {
			padding: 0 5vw;
			width: 100%;
		}
		.pane-main>div.block-mypage:first-of-type {
			padding-inline: 0;
		}
		.block-mypage--head {
			margin-bottom: 5vw;
		}
		.block-mypage-head {
			padding: 0;
			.text-link {
				padding-left: 6vw;
				font-size: var(--txt-14);
			}
		}
		.block-mypage--logout {
			font-size: var(--txt-14);
		}
		.block-mypage--rank-status-purchase .block-mypage--rank-status-meter-message::after {
			display: none;
		}
		.order-status-item--head {
			height: auto;
			padding: 0;
			margin-bottom: 4vw;
		}
		.order-status-item--dt-wrap {
			justify-content: right;
		}
		/* 下部リンク */
		/* .block-mypage-footermenu {
			margin: 16.67vw auto;
		}
		.block-mypage-footermenu--nav-title {
			border-bottom: 0;
		}
		.block-mypage-footermenu--nav-title:before {
			content: "";
			aspect-ratio: 13 / 25;
			width: min(2.71vw, 13px);
			height: auto;
			background: url(../../img/usr/common/icon_toggle_arrow.svg) no-repeat center center / 100%;
			display: inline-block;
			position: absolute;
			top: 50%;
			transform: translate(-50%, -50%) rotate(180deg);
			transition: all .4s;
			display: none;
		}
		.block-mypage-footermenu--nav-sub-title {
			margin-top: 2vw;
		}
		.block-mypage-footermenu--nav-list {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 0 4vw;
		}
		.block-mypage-footermenu--nav-item {
			padding: 0;
			width: 100%;
			border-bottom: 1px solid #CCCCCC;
		}
		.block-mypage-footermenu--nav .block-mypage-sidemenu--nav-link {
			font-size: var(--txt-18);
			display: block;
			padding: 0 6vw 2vw 0;
			letter-spacing: -0.03em;
			border-bottom: 0;
		}
		.block-mypage--withdrawal-link {
			margin: 0;
			text-align: center;
		}
		*/
		/* サイドメニュー　歯車ボタン */
		.block-mypage-sidemenu--menu-btn {
			padding: 1px 6px;
			border-radius: 50%;
			border: 1px solid #ccc;
			display: none;
		}
		.wrapper:has(.pane-header) .block-mypage-sidemenu.is-open {
			height: 100%;
			top: 0;
			z-index: 99999;
		}
		.block-mypage-sidemenu--nav-item {
			padding: 0;
		}
		.block-mypage-sidemenu--nav-link {
			padding: 4.4vw 12.67vw 4.4vw 4vw;
			display: block;
		}
		.block-mypage-sidemenu--nav {
			padding: 10vw 6.67vw 0;
			overflow: scroll;
		}
		.block-mypage-sidemenu--close-btn-wrap {
			padding: 7.67vw 6.67vw;
		}
		.block-mypage-sidemenu--close-menu-btn {
			padding: 2vw 8vw;
			border-radius: 0;
			font-size: var(--txt-22);
			font-family: var(--font-family-serif);
		}
		/* /body.page-menu */
	}
}
/* =========================================================
マイページ ここまで
========================================================= */
/* =========================================================
マイページ下層 ここから
========================================================= */
@media screen and (max-width: 768px) {
	.mypage-sub {
		.pane-main>div:first-of-type {
			padding-inline: 5vw;
		}
		h1 {
			margin: 0;
			padding-inline: 0;
		}
		div.form-group {
			border-top: 0;
		}
		div.form-label,
		.fieldset-vertical div.constraint {
			background: none;
		}
		div.fieldset-vertical div.form-group:last-of-type {
			border-bottom: 0;
		}
		.action-buttons .action+.action {
			margin-top: 4.17vw;
		}
		.action-buttons .action .btn.btn-primary {
			max-width: 250px;
			width: 100%;
			font-size: var(--txt-20);
			padding-block: var(--txt-15) var(--txt-16);
		}
		.block-regular-purcharse-list--regular-list {
			margin: 4.17vw 0 0;
			padding: 0;
		}
		/* 購入履歴 */
		.block-purchase-history--list {
			margin-top: 8.33vw;
		}
		.block-purchase-history--search-frame {
			background: none;
			.form-group {
				margin: 0;
				padding: 3vw 4vw;
				background: var(--tag-background-color);
			}
		}
		.block-purchase-history-detail {
			.action-buttons .action .btn {
				max-width: 320px;
			}
		}
		[class^="status-progress"] {
			letter-spacing: -0.07em;
		}
		/* クーポンの確認 */
		.block-coupon-list--header,
		.block-coupon-list--list {
			padding-inline: 5vw;
		}
		/* お気に入り */
		.block-favorite .action-buttons .action .btn {
			max-width: 320px;
		}
		.block-favorite--delete-item .btn.btn-danger {
			font-size: 1.4rem;
			margin: 0 0 0 auto;
		}
		/* 入荷案内申し込み */
		.block-arrival-notice-list--delete-item .block-arrival-notice-list--delete.btn-danger {
			max-width: 100px;
			margin-top: 2vw;
		}
		/* 会員登録　確認ページ */
		.block-member-info-confirmation--login-state-saving .form-control {
			text-align: center;
		}
		/* 会員情報変更 */
		.legend {
			font-family: var(--font-family-serif);
			font-size: var(--txt-24);
			font-weight: 600;
			border-bottom: 0;
		}
		/* メールアドレスの変更 */
		.block-login--display-password {
			display: block;
		}
		/* お問い合わせ履歴一覧 */
		.block-inquiry-history--body li {
			border-bottom: 1px solid #ccc;
		}
		.block-inquiry-history--body li:first-child {
			border-top: 1px solid #ccc;
		}
		/* お問い合わせ履歴詳細 */
		.block-inquiry-history-detail>p,
		.block-inquiry-history-detail>div,
		.block-inquiry-history-detail--title>h2,
		.block-inquiry-history-detail--title>p,
		.block-inquiry-history-detail--message {
			margin-inline: 0;
			padding: 0;
		}
		/* 下部リンク */
		.block-mypage-footermenu {
			margin: 16.67vw auto;
		}
		.block-mypage-footermenu--nav-title {
			padding-left: 8vw;
			padding-block: 0;
			border-bottom: 0;
			margin-block: 10vw 0;
		}
		.block-mypage-footermenu--nav-title:before {
			content: "";
			aspect-ratio: 13 / 25;
			width: min(2.71vw, 13px);
			height: auto;
			background: url(../../img/usr/common/icon_toggle_arrow.svg) no-repeat center center / 100%;
			display: inline-block;
			position: absolute;
			top: 50%;
			transform: translate(-50%, -50%) rotate(180deg);
			transition: all .4s;
			display: none;
		}
		.block-mypage-footermenu--nav-title:after {
			width: 7vw;
			height: 7vw;
		}
		.block-mypage-footermenu--nav-sub-title {
			margin-top: 2vw;
		}
		.block-mypage-footermenu--nav-list {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 0 4vw;
		}
		.block-mypage-footermenu--nav-item {
			padding: 0;
			width: 100%;
			border-bottom: 1px solid #CCCCCC;
		}
		.block-mypage-footermenu--nav .block-mypage-sidemenu--nav-link {
			font-size: var(--txt-18);
			display: block;
			padding: 0 6vw 2vw 0;
			letter-spacing: -0.03em;
			border-bottom: 0;
		}
		.block-mypage--withdrawal-link {
			margin: 0;
			text-align: center;
		}
	}
}
/* =========================================================
マイページ下層 ここまで
========================================================= */
/* =========================================================
ログインページ ここから
========================================================= */
@media screen and (max-width: 768px) {
	.page-login {
		.pane-main {
			.block-login--member-body {
				padding: 0;
				border: none;
			}
			.block-login--display-password {
				text-align: center;
			}
			.block-login--first-time-body {
				padding: 0;
				border: none;
			}
			.block-login--member-message,
			.block-login--amazon .block-cart--amazonpay-description,
			.block-login--first-time-message {
				text-align: left;
				font-size: var(--txt-16);
			}
			.block-login--ask-password {
				a {
					font-size: var(--txt-16);
				}
			}
			/* /.pane-main */
		}
	}
}
/* =========================================================
ログインページ ここまで
========================================================= */
/* =========================================================
退会ページ ここから
========================================================= */
@media screen and (max-width: 768px) {
	.page-withdrawal {
		.action-buttons .action .btn.block-withdrawal--forward {
			margin-top: 4.17vw;
		}
		.block-login--display-password {
			text-align: center;
		}
	}
}
/* =========================================================
退会ページ ここまで
========================================================= */
/* =========================================================
トピック一覧（お知らせ一覧/詳細） ここから
========================================================= */
@media screen and (max-width: 768px) {
	.page-topicdetaillist,
	.page-topic {
		.pane-main>div:first-of-type {
			padding-inline: 5vw;
		}
		.pane-main {
			h1 {
				margin: 0 0 40px;
				padding-inline: 0;
			}
			.block-topic--items {
				border-top: 0;
			}
			ul.block-topic--items>li+li {
				padding-top: 5vw;
			}
			ul.block-topic--items>li dt {
				font-size: var(--txt-18);
				margin: 0 0 1.67vw;
			}
			ul.block-topic--items>li dd {
				font-size: var(--txt-18);
			}
			.block-icon-image-double-small {
				display: none;
			}
			.block-pager {
				display: none;
			}
			.block-topic-page--article-body {
				margin: 0;
			}
		}
	}
}
/* =========================================================
トピック一覧（お知らせ一覧） ここまで
========================================================= */

/* =========================================================
イベントページ ここから
========================================================= */
@media screen and (max-width: 768px) {
	body.page-event {
		.pane-main {
			padding-inline: 5vw;
		}
	}
}

/* =========================================================
イベントページ ここまで
========================================================= */

/* =========================================================
1279px~770px全体調整 ここから
========================================================= */
@media screen and (min-width:770px) and (max-width:1279px) {
	/* TOPページ */
	.block-top-category,
	.block-top-newitem,
	.block-top-topic,
	.block-top-brand__inner,
	.block-bottom-bnr {
		padding-inline: 20px;
	}
	.block-pochi-original {
		.block-pochi-original__slider {
			max-width: 95vw;
		}
	}
	.block-top-event:has(.block-top-ranking) {
		.block-top-event--goods {
			padding-inline: 40px 20px;
		}
	}
	.block-bottom-bnr__list {
		img {
			height: auto;
		}
	}
	/* 商品詳細 */
	.page-goods .block-goods-detail {
		padding-inline: 20px;
	}
	.block-goods-qty-point {
		flex-wrap: wrap;
	}
	.block-goods-feature {
		ul {
			grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
		}
	}
	#block_of_itemhistory {
		.block-thumbnail-t--items:not(.swiper-wrapper) {
			padding-inline: 20px;
		}
	}
	/* 検索ページ */
	.block-search {
		& .block-search__layout {
			padding-inline: 20px;
		}
		& .block-search__title {
			text-align: center;
		}
		.block-search__queryRow .block-search__submit {
			display: none;
		}
		.block-search__openSubmit {
			display: none;
		}
		.block-search-closeBtn {
			display: none;
		}
	}
	/* マイページ配下 */
	.mypage-sub {
		.pane-main > div {
			padding-inline: 20px;
		}
	}
}
/* =========================================================
1279px~770px全体調整 ここまで
========================================================= */
