/*@charset "euc-jp";*/

/* ------------------------------ */
.dB{
letter-spacing: -.4em;
}

.dBlock{
letter-spacing: 0.08em;
line-height: 1.5;
vertical-align: top;
display: inline-block;
}
.js-time_limited {
	display: none;
}

.js-time_limited_fire {
	display: block;
}

.conceptBack {
	background: #EFF3F7;
	width: 100% !important;
}

/*お気に入り 一覧*/
.product-list__fav-items {
	right: 0;
	bottom: -5px;
}

.product-list__fav-items button {
	display: block;
	width: 100%;
	padding: 0;
	cursor: pointer;
	transition: .2s;
	text-align: center;
	color: #cacaca;
	border: 0;
	outline: none;
	background: transparent;
}

.product-list__fav-items .fav-items {
	color: #ff7373;
}

.product-list__fav-items svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
}

.product-list__fav-items-small svg {
	width: 15px;
	height: 15px;
	fill: currentColor;
}

@media(max-width: 999px) {
	.product-list__fav-items svg {
		width: 16px;
		height: 16px;
	}
}

/*お気に入り 詳細*/
.product__fav-item {
	margin-top: 10px;
}

.product__fav-item button {
	padding: 0;
	cursor: pointer;
	transition: .2s;
	color: #999;
	border: 0;
	outline: none;
	background: transparent;
}

.product__fav-item .fav-items {
	color: #ff7373;
}

.product__fav-item svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
	vertical-align: -.35em;
}

/*お気に入り 一覧表示ページ*/

.favorite__section li {
	width: 23.5%;
	margin: 0 2% 2% 0;
	letter-spacing: 0.08em;
	position: relative;
}

.favorite__section li:nth-child(4n) {
	margin-right: 0;
}

.favorite__section li h3 {
	margin: 15px 0 10px;
}

.recommendStyle .recommend_pepabo_rcmd_body h3 {
	text-align: center;
	margin: 40px 0 30px !important;
}

.recommendStyle .recommend_pepabo_rcmd_body {
	letter-spacing: 0.08em !important;
}

.recommendStyle .rcmd_recommend_name {
	margin: 15px 0 5px !important;
}

.recommendStyle .rcmd_recommend_price {
	margin: 0 0 20px !important;
}

@media(max-width: 600px) {
	.favorite__section li {
		width: 48%;
		margin: 0 4% 2% 0;
	}

	.favorite__section li:nth-child(2n) {
		margin-right: 0;
	}
}

.shopcomment {
	display: visible;
}

.camCont {
	margin: 20px 0 0;
}

.camCont p {
	line-height: 1.8;
	font-size: 1.5rem;
}

.camCont span {
	font-weight: bold;
}

.camCont p a {
	text-decoration: underline;
	color: #1111cc;
}

.productIcon {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.productIcon2 {
	z-index: 1;
	display: table;
	margin: 0 0 15px 0;
}

.productIcon3 {
	position: absolute;
	top: 26px;
	left: 0;
	z-index: 1;
}

.productIcon,
.productIcon2,
.productIcon3 {
	background: #d0121b;
	padding: 5px 10px;
	color: #FFF;
}

h3 a .productIcon,
h3 a .productIcon2,
h3 a .productIcon3 {
	color: #FFF;
}

.headInfo {
	background: #d0121b;
	text-align: center;
	color: #FFF;
	letter-spacing: 0.1em;
	font-size: 1.5rem;
	margin: 0 0 10px;
}

.headInfo p a {
	color: #FFF;
	display: block;
	padding: 5px 2%;
}

.headInfo p a:hover {
	color: #f45e65;
}

.headInfo p span {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
}

@media(min-width: 1000px) {
	.hover a:hover {
		zoom: 1;
		opacity: 0.6;
		filter: alpha(opacity=60);
	}
}

@media(max-width: 999px) {
	.headInfo {
		font-size: 1.3rem;
	}
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	border: 0;
	font-family: "Helvetica", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	color: inherit;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	color: #242429;
}

/* reset */

.none_border_table,
.product_option_table table {
	border-spacing: 0;
	border-collapse: collapse;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-weight: normal;
	font-style: normal;
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

h1.headTit {
	font-size: 11px;
	text-align: right;
	margin-bottom: 10px;
	letter-spacing: 0.1em;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

input,
textarea,
select {
	font-weight: inherit;
	font-size: inherit;
	font-family: inherit;
}

input,
textarea,
select {
	font-size: 1em;
}

legend {
	color: #000;
}

.freeImg {
	width: 100%;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

/* font size */
body {
	font: 13px/1.231 arial, helvetica, clean, sans-serif;
	/*追記↓*/
	width: 100%;
	overflow: hidden;
}

table {
	font: 100%;
	font-size: inherit;
}

pre,
code,
kbd,
samp,
tt {
	font-family: monospace;
	line-height: 100%;
}

/* common */
main,
.ham-navi,
.headerFixed {
	transition: all .4s ease-in-out;
}

main.nav-open {
	translate: -80% 0;
}

.ham-back {
	display: inline-block;
	content: "";
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0, 0, 0, .7);
	z-index: 101;
	visibility: hidden;
	opacity: 0;
	transition: all .35s ease-out;
}

.ham-back.nav-open {
	visibility: visible;
	opacity: 1;
}

a {
	color: #242429;
	text-decoration: none;
}

input[type="text"],
textarea,
select {
	border: 1px solid #888;
}

input,
button {
	outline: none;
}

/* clearfix */
.clearfix {}

.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
}

.clearfix:after {
	clear: both;
}

.clear {
	clear: both;
}

/* icons */
.icons {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: "Genericons";
	vertical-align: middle;
	font-weight: normal;
}



/*----------------------------------------
ALL
----------------------------------------*/
#container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 3%;
	position: relative;
}

#topContents h2,
#leftContents h2 {
	margin: 12% 0 4%;
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
	letter-spacing: 0.12em;
}

.noMali {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 0.08em;
	line-height: 1.7;
	margin: 10% 0 0 0;
	text-align: center;
}

.noMali a {
	border: solid 4px #ff0000;
	padding: 15px;
	display: block;
}

.postage {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: 0.06em;
	line-height: 1.7;
	margin: 5% 0 0 0;
}

.postage a {
	background: #999;
	color: #FFF;
	padding: 15px;
	display: block;
}

.postage a:hover {
	background: #CCC;
}

.topicpath_nav,
.topicpath_nav2 ul {
	letter-spacing: -.4em;
	margin: 0 0 3% 0;
}

.topicpath_nav li,
.topicpath_nav2 li {
	display: inline-block;
	vertical-align: top;
	font-size: 11px;
	font-size: 1.2rem;
	letter-spacing: 0.08em;
}

.topicpath_nav li:before,
.topicpath_nav2 li:before {
	content: '>';
	margin: 0 10px;
}

.topicpath_nav li:nth-child(1):before,
.topicpath_nav2 li:nth-child(1):before {
	content: none;
	margin: 0 0;
}

.topicpath_nav li a,
.topicpath_nav2 li a {
	color: #333;
}

.topicpath_nav li a:hover,
.topicpath_nav2 li a:hover {
	text-decoration: underline;
}

.topicpath_nav li:last-child a {
	pointer-events: none;
	color: #b0b0b0;
}

@media(max-width: 999px) {
	#leftContents {
		width: 100%;
		float: none;
	}

	#rightContents {
		width: 100%;
		float: none;
	}
}

/*----------------------------------------
　　　Layout
----------------------------------------*/
.pad {
	padding: 0 max(2.5vw, 8%);
}

.wrap {
	width: 100%;
	margin: 0 auto;
}

.wrap620 {
	max-width: 620px;
}

.wrap900 {
	max-width: 900px;
}

.wrap1000 {
	max-width: 1000px;
}

.wrap1100 {
	max-width: 1100px;
}

.wrap1200 {
	max-width: 1200px;
}

.wrap1300 {
	max-width: 1300px;
}

.wrap1500 {
	max-width: 1500px;
}

.wrap1600 {
	max-width: 1600px;
}

.wrap1750 {
	max-width: 1750px;
}

.pageBottomMargin {
	margin-bottom: max(120px, 12%);
}

.layoutBorder {
	width: 100%;
	height: 8px;
	background: #F0F0F0;
}

@media screen and (max-width: 767px) {
	.pad {
		padding: 0 24px;
	}

	.pc-only {
		display: none;
	}
}


/*----------------------------------------
　　　Aspect
----------------------------------------*/
.aspectBox {
	position: relative;
	width: 100%;
}

.aspectBox::before {
	content: "";
	display: block;
}

.aspectBox__content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.aspectBox100::before {
	padding-top: 100%;
}

.aspectBox66::before {
	padding-top: 66%;
	/* 比率を指定 */
}

.aspectBox38::before {
	padding-top: 38%;
}

/*----------------------------------------
　 　Button
----------------------------------------*/
.basicButton {}

.basicBtn a {
	display: inline-block;
	font-size: 1.4rem;
	letter-spacing: .02em;
	line-height: 1;
	padding: 1.2em 2.1em;
	border: solid 1px #000;
	border-radius: 2px;
	transition: .08s ease-out;
}

.basicBtn a:hover {
	background: #000;
	color: #fff;
}

/*----------------------------------------
　 BleadList パンくずリスト
----------------------------------------*/
.breadList {
	width: 100%;
	max-width: 100%;
	padding: 0 5%;
	margin-bottom: max(24px, 3%);
}

.breadList a {
	color: #333;
}

.breadList .topicpath_nav {
	margin-bottom: 0;
}

/*----------------------------------------
　 SVG
----------------------------------------*/
img.arrow_svg,
.menuList img.arrow_svg {
	width: 100%;
	fill: #bcbcbc;
	max-width: 6px;
	min-width: 4px;
}

.menuListBox span a img.arrow_svg {
	opacity: .35;
	min-width: 5px;
	max-width: 5px;
	translate: 0 -49%;
	margin-left: 0;
	position: absolute;
	top: 50%;
	right: 6px;
}

/*----------------------------------------
HEADER
----------------------------------------*/
#header {
	background: #FFF;
}

.headerFixed {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	/* transition: translate .4s; */
}

.headerFixed.headHidden:not(:has(.menu-on)) {
	translate: 0 -100%;
}

.headerFixed.nav-open {
	translate: -80% 0;
}

.headerContainer {
	padding: 12px 38px 8px 36px;
	/*	padding: 12px 24px 4px; */
	background: #fff;
}

.headerOuterFlex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.headerTopTools {
	margin-bottom: 12px;
	font-size: 1.2rem;
	letter-spacing: .05em;
}

.headerTopTools ul {
	display: flex;
	justify-content: flex-end;
	gap: .7em
}

.headerInnerFlexLeft {
	display: flex;
	align-items: center;
	/* gap: 4rem; */
	gap: max(24px, 2.5vw);
	height: 100%;
}

.headerInnerFlexRight {
	display: flex;
	align-items: center;
	gap: 0 max(8px, 2vw);
}

.headerInnerFlexRight ul {
	display: flex;
	/* gap: .6em; */
	gap: 0 max(.6em, 1.7vw);
	font-size: 2.5rem;
}

.headImg {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.headImg img {
	/*調整のために暫定*/
	/* width: 24px;
height: 24px; */
}
.headImg svg {
	width: 29px;
    height: 24px;
    fill: none;
    stroke-width: 5%;
    stroke: #242429;
}
/*ここより上は2024追記*/

.headPosi {
	padding: 10px 20px 15px;
	position: relative;
}

.shop_name .logo img {
	width: 100%;
	max-width: 106px;
	min-width: 124px;
}

.header_headline_nav {
	float: right;
	width: 85%;
	margin: 3px 0 0 0;
	position: relative;
}

.header_headline_nav ul {
	letter-spacing: -.4em;
	text-align: right;
}

.header_headline_nav li {
	display: inline-block;
	letter-spacing: 0.08em;
	text-align: left;
	margin: 0 0 0 20px;
	font-size: 12px;
	font-size: 1.2rem;
	z-index: 99;
}

.header_headline_nav li:nth-child(1) {
	margin-left: 0;
}

.form2 {
	display: none;
}

.searchForm img {
	width: 13px;
}

.searchForm form {
	margin: 0 auto;
	position: relative;
	background: #eceff1;
	display: flex;
	align-items: center;
	padding: 2px 0 2px 4px;
	border-radius: 4px;
}

.searchForm .search {
	padding: .5em .5em .5em .2em;
	vertical-align: top;
}

.rounded {
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

.searchForm input[type=text] {
	color: #000000;
	border: none;
	background: none;
}

.searchForm button {
	position: relative;
	border: none;
	cursor: pointer;
	width: 2.2em;
	height: 2.2em;
	border-radius: 50%;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.searchForm button:hover {
	background: #cecece;
}

.searchForm input.search {
	width: 17vw;
	box-sizing: border-box;
	max-width: 220px;
	font-size: clamp(1.1rem, 0.938rem + 0.38vw, 1.4rem);
}

.searchForm input.search::placeholder {
	color: #777;
}

.lighter {
	background: url('./images/lighter_grey.jpg');
}

.lighter input[type=text] {
	border: 1px solid #d0d0d0;
	background-color: #fcfcfc;
}

.header_headline_nav li .headImg {
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

.header_headline_nav li img {
	max-height: 22px;
	display: inline-block;
}

.header_headline_nav li:nth-child(1) img,
.header_headline_nav li:nth-child(2) img {
	max-height: 20px;
}

.header_headline_nav li:nth-child(4) img {
	max-height: 30px;
}

.header_headline_nav li p.headMemberTxt {
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
}

.head__upper__icon-fav img {
	/*	width: 100%;  */
	width: 25px;
	max-width: 25px;
}

.head__upper__icon-cart img {
	/*	width: 100%; */
	width: 28px;
	max-width: 28px;
}

.headCartNum {
	position: absolute;
	top: -.1em;
	left: -.16em;
	right: 0;
	text-align: center;
	margin: 0 auto;
	padding-left: 7px;
	font-size: 1.9rem;
}

.headCartNum span {
	color: #CE3535;
	line-height: 1;
	display: inline-block;
}


@media(max-width: 1024px) {

	/*1024はiPadPro*/
	.headerContainer {
		padding: 12px 0 6px;
		background: #fafafa;
	}

	.headerTopTools {
		display: none;
	}

	.headerOuterFlex {
		display: block;
	}

	.headerInnerFlexLeft {
		display: block;
	}

	.menuBox:not(.has-child) {
		display: none;
	}

	.menuBox.menuBox-sp {
		display: block;
	}

	.headerInnerFlexRight {
		position: absolute;
		top: 10px;
		right: 12px;
	}

	.headerInnerFlexRight ul {
		display: none;
	}

	.shop_name .logo {
		padding: 3px 0 0 5%;
	}

	.shop_name .logo img {
		max-width: 102px;
		min-width: 102px;
	}

	.mainMenuContainer {
		margin-top: max(24px, 2%);
	}

	.form2 {
		display: block;
	}

	.searchForm form {
		margin: 0 auto;
		position: relative;
	}

	.rounded {
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}

	.header_member_nav {
		padding: 15px 20px 0 0;
	}

	.header_headline_nav li .headImg {
		font-size: 12px;
		font-size: 1.2rem;
	}

	.header_headline_nav li img {
		max-height: 20px;
	}

	.header_headline_nav li:nth-child(1) img,
	.header_headline_nav li:nth-child(2) img {
		max-height: 16px;
	}

	.header_headline_nav li:nth-child(4) img {
		max-height: 26px;
	}
}

@media(max-width: 767px) {
	.searchForm input.search {
		min-width: 140px;
	}

	.searchForm .search {
		padding-bottom: 3px;
	}

	.header_member_nav {
		padding: 10px 20px 0 0;
	}

	.header_headline_nav li img {
		margin-bottom: 5px;
	}

	.header_headline_nav li {
		margin: 0 0 0 10px;
		text-align: center;
	}

	.header_headline_nav li p.headMemberTxt {
		margin-left: 0;
		display: block;
		font-size: 9px;
		font-size: 0.9rem;
		letter-spacing: 0;
	}

	.header_headline_nav li:nth-child(4) img {
		max-height: 24px;
	}
}

/* mainmenu */
.menuBox-sp {
	display: none;
}

.mainMenuContainer {
	display: flex;
	font-size: 1.6rem;
}

div.mainMenuP {
	display: inline-block;
	/*	padding: 1em max(6px, .75vw) .7em; */
	padding: 1em max(8px, .9vw) .45em;
	letter-spacing: .08em;
	height: 100%;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
}
@media(max-width: 1200px) {
	.mainMenuContainer {
		font-size: 1.4rem;
	}
	div.mainMenuP {
		padding: 1em max(5px, .9vw) .35em;
	}
}

.mainMenuP span {
	display: none;
}

.menuBox div.mainMenuP:hover {
	color: #aaa;
	opacity: 1;
}

.menuBox>div.mainMenuP:hover {
	color: #000;
}

.menuBox>div.mainMenuP:hover::after {
	display: inline-block;
	content: "";
	width: 100%;
	height: 2px;
	background: #000;
	position: absolute;
	bottom: -0.7em;
	left: 50%;
	transform: translateX(-50%);
	z-index: 101;
}

.menuList {
	z-index: 100;
	position: absolute;
	left: 0;
	width: 100vw;
	margin-left: -99999px;
	background: #fff;
	padding: 0 5%;
	box-sizing: border-box;
}

.menuBox.menu-on .menuList {
	margin-left: 0;
}

.menuList a {
	transition: .075s ease-out;
}

.menuList a:hover,
.accordionSideColor li a:hover {
	opacity: .5;
}

.menuList>.wrap {
	margin-top: max(40px, 2%);
}

.menuListInner {
	opacity: 0;
	visibility: hidden;
	translate: 0 -10px;
	transition: .4s;
}

.menuListInner.menuListAnime {
	opacity: 1;
	visibility: visible;
	translate: 0 0;
}

.menuListInner__container {
	width: 100%;
	max-width: 1100px;
	margin: max(40px, 2%) auto;
}

.menuListInner__container__flex {
	display: flex;
	flex-wrap: wrap;
	gap: 32px 4.2vw;
}

.menuList ul {
	letter-spacing: -.4em;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
}

.menuListBox>p {
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 1.2em;
}

.menuListBox.navi-accordion p span {
	display: none;
}

.menuListBox p span {
	margin-left: 1.5em;
	box-sizing: border-box;
}

.menuListBox>p span a {
	font-size: 1.1rem;
	font-weight: 400;
	padding: 3px 18px 2px 6px;
	color: #a0a0a0;
	border: solid 1px #d0d0d0;
	border-radius: 9999px;
	box-sizing: border-box;
	position: relative;
}

.menuListBox>p span a:hover {
	background: #ececec;
}


.menuList-simple {
	margin: 0 0 max(1.5em, 3%);
}

.menuList-simple li a {
	position: relative;
	padding-left: 16px;
}

.menuList-simple li a img.arrow_svg {
	position: absolute;
	top: 50%;
	left: 0;
	translate: 0 -50%;
}

.menuList-gara {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 60px));
	gap: 12px 18px;
}

ul.menuList-gara li {
	text-align: center;
	margin: 0;
}

ul.menuList-gara li p {
	font-size: 1.2rem;
	letter-spacing: 0;
	line-height: 1.3;
	margin-top: 4px;
}

.menuList-item {
	display: grid;
	grid-auto-flow: column;
	grid-template-rows: repeat(3, auto);
	gap: 0 40px;
}

.menuList-item li a {
	display: flex;
	align-items: center;
	gap: 1em;
}

.menuList-series {
	grid-template-rows: repeat(4, 1fr);
	/*シリーズが増えたら4のとこ増やして*/
}

.menuList li {
	letter-spacing: 0.05em;
	font-size: 1.4rem;
	margin-bottom: 1em;
}

.menuList li a {
	cursor: pointer;
}

.menuList li a:hover {
	/* opacity: 1; */
}

.menuList li:nth-child(4n) {
	margin-right: 0;
}

.menuList img {
	width: clamp(44px, 36.588px + 1.76vw, 56px);
	max-width: 100%;
	min-width: clamp(44px, 36.588px + 1.76vw, 56px);
	text-align: left;
}

.menuList .menuImg {
	display: inline-block;
}

.menuList li.menuListTit {
	width: 100%;
	margin: 0 0 10px;
	font-weight: bold;
}

.burger-btn {
	display: none;
	width: 36px;
	height: 36px;
}

.burger-btn img {
	width: 65%;
}

.ham-navi {
	display: none;
	width: 80%;
	height: 100vh;
	background: #fff;
	position: fixed;
	top: 0;
	right: 0;
	translate: 100% 0;
	z-index: 102;
}

.ham-navi.nav-open {
	translate: 0;
}

.ham-navi nav {
	width: 100%;
	height: 100%;
}

.ham-navi__inner {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	max-height: 100svh;
	justify-content: space-between;
	padding: max(140px, 20%) max(24px, 10%) max(24px, 4%);
	box-sizing: border-box;
}

.ham-navi nav ul {
	display: block;
}

.ham-navi nav ul li {
	letter-spacing: .1em;
	line-height: 1.7;
	margin-bottom: 1.4em;
	font-size: 1.8rem;
}

.ham-navi nav ul.ham-navi_ul_sub li {
	font-size: 1.45rem;
	margin-bottom: .5em;
}

.ham-navi nav ul.ham-navi_ul_sub li a {
	color: #808080;
}


body.nav-open .navigationScreenSp {
	position: fixed;
	top: 0;
	right: 0;
	width: 20vw;
	height: 100vh;
	background: rgba(0, 0, 0, .3)
}

@media(max-width: 1024px) {
	.ham-navi {
		display: block;
	}

	.menuList {
		padding-left: 0;
		padding-right: 0;
	}

	.menuList-gara {
		grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
	}

	.mainMenuContainer>.menuBox {
		text-align: center;
	}

	.menuBox-sp {}

	.menuBox-sp {
		display: block;
	}

	.menuBox>div.mainMenuP:hover::after {
		display: none;
	}

	div.mainMenuP,
	.menuBox-sp a.mainMenuP {
		display: inline-block;
		font-size: 1.2rem;
		text-align: center;
		letter-spacing: 0;
		padding: .2em;
		width: 100%;
		opacity: 0.5;
	}

	.mainMenuP span {
		display: block;
		margin-bottom: 7px;
	}

	.mainMenuP span img {
		width: 28px;
		margin: 0 auto;
	}

	.mainMenuP span.spMenuActive {
		display: none;
	}

	.menuBox.menu-on .mainMenuP span.spMenuActive {
		display: block;
	}

	.menuBox.menu-on .mainMenuP span.spMenuDis {
		display: none;
	}

	.burger-btn {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.menuListInner {
		display: block;
		overflow-y: scroll;
		/* max-height: calc(100svh - 170px); */
		/*170はヘッダー高*/
		max-height: 75svh;
	}

	.menuListInner__container {
		margin-top: 8px;
	}

	.menuListInner__container__flex {
		display: block;
	}

	.menuBox {
		flex: 1;
	}

	.menuListBox>p {
		background: #F8F8F8;
		color: #A0A0A0;
		border-top: solid 1px #EDEDED;
		border-bottom: solid 1px #EDEDED;
		padding: .8em 24px .75em;
		line-height: 1;
		font-size: 1.4rem;
		font-weight: 400;
		margin-bottom: 1em;
		text-align: left;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.menuListBox.navi-accordion p span {
		display: inline-block;
	}


	.menuList-simple {
		margin-top: 2em;
	}

	.menuList-gara {
		justify-content: center;
		margin-bottom: 16px;
	}

	.menuList-simple,
	.menuListBox>ul {
		padding: 0 24px;
	}

	.menuList-item {
		grid-auto-flow: row;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: auto;
		gap: 0 32px;
	}

	.navi-accordion ul {
		display: none;
	}
}

@media(max-width: 999px) {
	#mainMenuPosi {
		width: 100%;
		margin: 65px 0 20px;
		border-bottom: solid 1px #EFEFEF;
	}

}

@media(max-width: 769px) {
	.menuList li:nth-child(2n) {
		margin-right: 0;
	}

	.menuList-item {
		grid-template-columns: repeat(2, 1fr);
	}
}


.navigationBack {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 150vh;
	background: rgba(0, 0, 0, .25);
	z-index: -1;
	backdrop-filter: blur(2px);
	opacity: 0;
	visibility: hidden;
	transition: .05s;
}

.navigationBack.on {
	opacity: 1;
	visibility: visible;
	transition: .4s;
}

/*----------------------------------------
layout 共通ページレイアウト
----------------------------------------*/
#listGrid:has(#rightContents) {
	display: grid;
	grid-template-columns: 230px 1fr;
	gap: 0 max(40px, 5%);
}

#allPageLayout {
	margin-top: calc(90px + 1%);
}

#allPageWidth:has(#rightContents) {
	/*２カラムのとき*/
	margin: 0 auto;
	/* max-width: 1200px; */
	max-width: 100%;
	padding: 0 max(40px, 5.2vw);
}

.freePageWidth {
	margin: 0 auto;
	max-width: 720px;
	padding: 0 max(40px, 5.2vw);
}

@media screen and (max-width: 1024px) {
	#allPageLayout {
		margin-top: 132px;
	}
}

@media screen and (max-width: 768px) {

	#allPageWidth:has(#rightContents),
	.freePageWidth {
		padding: 0 24px;
	}
}


/*----------------------------------------
FOOTER
----------------------------------------*/
#page-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 9999;
}

#page-top a {
	background: #fff;
	text-decoration: none;
	color: #fff;
	padding: 10px 10px;
	display: flex;
	border-radius: 2px;
	border: solid 1px #cacaca;
	justify-content: center;
	align-items: center;
}

#page-top span {
	width: 1rem;
	height: 1rem;
	border-top: solid 1px #888;
	border-left: solid 1px #888;
	rotate: 45deg;
	translate: 0 33%;
}

#page-top span::before {
	display: none;
}


@media(min-width: 1000px) {
	#page-top a:hover {
		text-decoration: none;
		background: #242429;
	}

	#page-top a:hover span {
		border-top-color: #fff;
		border-left-color: #fff;
	}
}




/* Q&A */
.qaContainer {
	background: #f5f5f5;
}

.qaInner {
	padding: max(32px, 4%) 0;
}

.qaInnerTit {
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 2em;
}

.qaInnerGrid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 32px max(24px, 3%);
}

.qaInnerGrid li {}

.qaInnerGrid li a {
	display: inline-block;
	border-bottom: solid 1px #a7a7a7;
	padding-bottom: 0.4em;
	width: 100%;
}

@media screen and (max-width: 767px) {
	.qaInnerGrid {
		row-gap: 16px;
	}
}

.footLineBtn{
  text-align: center;
  max-width: 800px;
  margin: 80px auto;
 padding: 0 25px;
}
.footLineBtn ul{
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.footLineBtn ul li{
  width: 48%;
  margin-right: 4%;
}
.footLineBtn ul li:nth-child(2n){
  margin-right: 0;
}
@media(max-width: 450px) {
  .footLineBtn ul li{
  width: 100%;
  margin-right: 0;
    margin-bottom: 20px;
}
}


#footer {
	width: 100%;
	background: #3D3E43;
	padding: max(32px, 4%) 0 max(24px, 2%);
	color: #fff;
	/* margin-top: max(80px, 10%); */
}

#footer a {
	color: #fff;
}

.footerContainer {
	text-align: center;
}

.footerNavi ul {
	display: flex;
	flex-wrap: wrap;
	gap: 1em 0;
	justify-content: center;
}

.footerNavi ul li:not(:last-child) {
	border-right: solid 1px #707070;
	padding-right: 2%;
	margin-right: 2%;
}

.footerNavi ul li a:hover,
.footerNaviSub ul li a:hover {
	text-decoration: underline;
}

.footerNaviSub {
	margin-top: max(24px, 3%);
}

.footerNaviSub ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 16px;
}

.footerNaviSub ul li:not(:last-child)::after {
	display: inline-block;
	content: "/";
	margin-left: 16px;
}

.footerSns {
	margin-top: max(40px, 7%);
}

.footerSns ul {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2.5rem;
}

.footerSns li img {
	/*	width: 100%; */
	width: 28px;
	max-width: 28px;
}

.copyright {
	margin-top: 24px;
}

.footCopy {
	font-size: 11px;
	font-size: 1.1rem;
	text-align: center;
	margin: 6% 0 0;
}

@media(max-width: 999px) {
	#footer {
		width: 100%;
	}

	.footerContainer {
		text-align: left;
	}

	#footer a,
	#footer p {
		color: #9e9e9e;
	}

	.footerNavi ul,
	.footerNaviSub ul {
		display: block;
	}

	.footerNavi ul li,
	.footerNaviSub ul li {
		border: none !important;
		margin-bottom: 0.6em;
		text-align: left;
	}

	.footerNaviSub ul li::after {
		display: none !important;
	}

	.footerSns ul {
		justify-content: flex-start;
	}

	.footerSns li img {
		opacity: .6;
	}

	.siteMapMenu ul {
		letter-spacing: 0.08em;
		vertical-align: top;
		width: 100%;
		margin: 0 0 0 0;
		display: block;
	}

	.siteMapMenu ul:nth-child(4) {
		margin: 30px 0 0 0;
		text-align: center;
		width: 100%;
	}

	.siteMapMenu ul li {
		border-bottom: solid 1px #efefef;
		margin: 0;
	}

	.siteMapMenu ul li a {
		display: block;
		background: #FFF;
		padding: 15px;
	}

	.siteMapMenu ul:nth-child(4) li {
		border-bottom: none;
	}

	.siteMapMenu h6 {
		border-bottom: none;
		padding: 30px 0 5px;
		text-align: center;
	}
}


/* policy */
#policy p {
	margin: 1em 0;
	color: #666;
	line-height: 1.8;
}

.policy_lead {
	padding-bottom: 1em;
	border-bottom: 1px solid #eee;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
(-webkit-min-device-pixel-ratio: 1.5) {
	.icon:before {
		background-image: url(https://img.shop-pro.jp/tmpl_img/63/icons16_2x.png) !important;
		-webkit-background-size: 16px 320px;
		background-size: 16px 320px;
	}
}

/* ------------------------------------
New concept
------------------------------------ */
.conceptWords {
	text-align: center;
	margin: 0 0 100px 0;
}

.conceptWords h1 {
	margin: 100px 0 60px 0;
}

.conceptWords p {
	line-height: 2.8;
	letter-spacing: 0.1em;
}

.conceptWords p span {
	font-weight: bold;
	font-size: 13px;
}


/* ------------------------------------
shopping guide
------------------------------------ */
#shoppingGuideCont {
	letter-spacing: 0.1em;
	font-size: 13px;
	font-size: 1.3rem;
	background: #FFF;
	padding: 2%;
}

#shoppingGuideCont h2 {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	margin: 10% 0 0 0;
	padding-top: 2%;
	padding-bottom: 5px;
	border-bottom: solid 2px #F1F1F1;
}

#shoppingGuideCont h3 {
	font-size: 16px;
	font-size: 1.6rem;
	margin: 3% 0 1% 0;
}

.shoppingTit {
	margin: 8% 0 0 0;
}

.shoppingTit a {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}

.shoppingTit a:hover {
	color: #AAA;
}

p.shoppingTxt {
	margin: 0 0 10px 0;
	line-height: 1.8;
}

p.shoppingTxt span {
	font-weight: bold;
	font-size: 13px;
	font-size: 1.3rem;
}

p.shoppingTxt span.shoppingPrice {
	font-size: 18px;
	font-size: 1.8rem;
	color: #1ebbdd;
	font-weight: bold;
	margin-left: 5px;
}

p.shoppingTxt span.shoppingPrice2 {
	font-size: 13px;
	font-size: 1.3rem;
	color: #1ebbdd;
	font-weight: bold;
}

.shoppingTit li {
	margin: 0 0 2% 0;
}

.shoppingTit li:before {
	content: '> ';
}

#shoppingGuideCont table thead th {
	background: #333;
	padding: 10px;
	color: #FFF;
	width: 100%;
	text-align: center;
}

#shoppingGuideCont table tbody th {
	text-align: center;
}

#shoppingGuideCont table {
	margin: 0 0 50px 0;
	border-spacing: 0;
}

.shoppingTable2 {
	float: left;
	width: 48%;
}

.shoppingTable2-2 {
	float: right;
	width: 48%;
	text-align: center;
}

.shoppingTable2-2 tbody th {
	border-bottom: dotted 1px #DDD;
	padding: 6px 0;
}

.shoppingTable2-2 tbody td {
	border-bottom: dotted 1px #DDD;
	padding: 10px 0;
}

.shoppingTable3 {
	width: 100%;
	text-align: center;
}

.shoppingTable3 tbody th {
	border-bottom: dotted 1px #DDD;
	padding: 15px 0;
}

.shoppingTable3 tbody td {
	border-bottom: dotted 1px #DDD;
	padding: 15px 0;
	line-height: 1.8;
}

.shoppingTable4 {
	float: left;
	width: 48%;
}

.shoppingTable4-2 {
	float: right;
	width: 48%;
}

.shoppingTable4 td,
.shoppingTable4-2 td {
	border: solid 1px #333;
	padding: 20px;
	line-height: 1.8;
}

.shoppingTable5 {
	width: 48%;
}

.shoppingTable5 td {
	border: solid 1px #333;
	padding: 20px;
}

@media (max-width: 479px) {

	.shoppingTable2,
	.shoppingTable2-2,
	.shoppingTable4,
	.shoppingTable4-2,
	.shoppingTable5 {
		float: none;
		width: 100%;
	}
}



.groupListBack {
	text-align: left;
	margin: 2% 0 2% 0;
}

.groupListBack a {
	color: #1111cc;
	text-decoration: underline;
}

.groupListBack a:hover {
	color: #6767f6;
}



/*----------------------------------------
NEW ARRIVAL
----------------------------------------*/
.newArrivalMain {
	background: #FFF;
	padding: 5%;
	margin: 0 0 1% 0;
}

.newArrival li {
	width: 30.66%;
	float: left;
	margin-right: 1%;
	margin-bottom: 1%;
	padding: 1%;
	background: #FFF;
	height: 240px;
}

.newArrival li img {
	max-width: 100%;
}

.newArrival li:nth-child(3n) {
	margin-right: 0px;
	float: right;
}

.newArrivalTxt {
	height: 60px;
	text-align: center;
}

.newArrivalTxt h3 {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	margin: 4% 0 1% 0;
}

@media(max-width: 769px) {
	.newArrival li {
		height: 210px;
	}
}

@media(max-width: 479px) {
	.newArrival li {
		width: 98%;
		float: none;
		margin-right: 0%;
		height: auto;
	}

	.newArrival li:nth-child(3n) {
		margin-bottom: 1%;
		float: none;
	}

	.newArrival li img {
		width: 45%;
		float: left;
	}

	.newArrivalTxt {
		width: 54%;
		float: right;
		padding: 4% 0 0 0;
	}
}


/*----------------------------------------
カレンダー
----------------------------------------*/
.calPosi {
	display: block;
	padding: 10px 0;
	margin: 20px 0 0;
	letter-spacing: 0.08em;
}

.calPosi h4 {
	padding: 0 0 10px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}

.tbl_calendar {
	border: none !important;
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
	margin: 0 0 20px;
}

.tbl_calendar th,
.tbl_calendar td {
	padding: 4px !important;
	text-align: center !important;
}

.tbl_calendar td.holiday,
.tbl_calendar td.sun {
	font-weight: bold;
}

.tbl_calendar caption {
	text-align: center;
	font-size: 1.5rem;
	margin: 0 0 0;
	padding: 5px 0 5px;
	border-bottom: solid 1px #efefef;
	border-top: solid 1px #efefef;
}

.calInfo {
	font-size: 1.2rem;
	background: #f1f1f1;
	padding: 10px;
	line-height: 1.7;
}

.calInfo span {
	font-size: 1.2rem;
	color: #ff0004;
	font-weight: bold;
}


/*-------------------------------------------------------------------------------
fonts
-------------------------------------------------------------------------------*/
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=ae1f6341-ffcd-4f8e-9cfb-929416d2682a");

@font-face {
	font-family: "DIN Next LT W01 Bold";
	src: url("https://file001.shop-pro.jp/PA01306/058/fonts/din/fa5ed46b-792d-4f47-894e-fa587cf4e1cf.eot?#iefix");
	src: url("https://file001.shop-pro.jp/PA01306/058/fonts/din/fa5ed46b-792d-4f47-894e-fa587cf4e1cf.eot?#iefix") format("eot"), url("https://file001.shop-pro.jp/PA01306/058/fonts/din/03008527-67bd-478e-98e3-3b56dd9a6520.woff2") format("woff2"), url("https://file001.shop-pro.jp/PA01306/058/fonts/din/557f817d-9c25-4a23-baaf-a3cf84a7cd7c.woff") format("woff"), url("https://file001.shop-pro.jp/PA01306/058/fonts/din/92ed1479-1d40-4a94-8baf-6abd88b17afa.ttf") format("truetype"),
		url("https://file001.shop-pro.jp/PA01306/058/fonts/din/36ae914b-b535-47cd-b3d2-8c43073d8634.svg#36ae914b-b535-47cd-b3d2-8c43073d8634") format("svg");
}

@font-face {
	font-family: "DIN Next W01 Regular";
	src: url("https://file001.shop-pro.jp/PA01306/058/fonts/din/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?#iefix");
	src: url("https://file001.shop-pro.jp/PA01306/058/fonts/din/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?#iefix") format("eot"), url("https://file001.shop-pro.jp/PA01306/058/fonts/din/44e7b0fa-6c8d-43c2-b19e-f1e3ce9ea57c.woff2") format("woff2"), url("https://file001.shop-pro.jp/PA01306/058/fonts/din/c5a7f89e-15b6-49a9-8259-5ea665e72191.woff") format("woff"), url("https://file001.shop-pro.jp/PA01306/058/fonts/din/868c94b5-ca49-46b7-b62b-297f8d861125.ttf") format("truetype"),
		url("https://file001.shop-pro.jp/PA01306/058/fonts/din/e3145f65-29b5-4f7f-8c6e-2dc135021b6a.svg#e3145f65-29b5-4f7f-8c6e-2dc135021b6a") format("svg");
}

@font-face {
	font-family: "DIN Next W01 Medium";
	src: url("https://file001.shop-pro.jp/PA01306/058/fonts/din/324dee78-6585-4c13-8ca3-5817cc600d84.eot?#iefix");
	src: url("https://file001.shop-pro.jp/PA01306/058/fonts/din/324dee78-6585-4c13-8ca3-5817cc600d84.eot?#iefix") format("eot"), url("https://file001.shop-pro.jp/PA01306/058/fonts/din/be607c9f-3c81-41b4-b7ad-17af005c80bb.woff2") format("woff2"), url("https://file001.shop-pro.jp/PA01306/058/fonts/din/4bf0ead4-e61b-4992-832b-6ff05828d99f.woff") format("woff"), url("https://file001.shop-pro.jp/PA01306/058/fonts/din/73713a0b-8f6a-4c4e-b8a8-7cf238e632f6.ttf") format("truetype"),
		url("https://file001.shop-pro.jp/PA01306/058/fonts/din/b90b6bdf-15e2-4544-9fe0-92c79fff0ecd.svg#b90b6bdf-15e2-4544-9fe0-92c79fff0ecd") format("svg");
}

.din-b {
	font-family: "DIN Next LT W01 Bold";
}

.din-r {
	font-family: "DIN Next W01 Regular";
}

.din-m {
	font-family: "DIN Next W01 Medium";
}



/*----------------------------------------
サイドバーレイアウト
----------------------------------------*/
.itemListContainer:has(.itemListContainer__navi) {
	display: grid;
	grid-template-columns: 230px 1fr;
	gap: 0 max(40px, 5%);
}



/* @media screen and (max-width: 768px) { */
@media screen and (max-width: 1025px) {
	.itemListContainer:has(.itemListContainer__navi) {
		/* display: block; */
		display: flex;
		flex-direction: column-reverse;
		gap: 10% 0;
	}

	.itemListContainer__navi {
		margin-bottom: 10%;
	}
}


/*----------------------------------------
SIDEBAR
----------------------------------------*/
.accordionSide {
	padding: .9em 0 1.1em;
	font-weight: bold;
	border-bottom: solid 1px #EFEFEF;
}

ul:nth-child(1).accordionSide {
	padding-top: 0;
}

ul:nth-child(1).accordionSide h2 {
	padding-top: 0;
}

.accordionSide li {
	font-weight: 400;
	box-sizing: border-box
}

.accordionSide>li:not(:first-child) a,
.accordionSide>li:not(:first-child) span {
	padding-left: .7em;
	padding-right: .7em
}

.accordionSide li a,
.accordionSide li span {
	padding: 6px 0;
	display: block;
}

.accordionSide li a:hover {
	color: #CCC;
}

.accordionSide li ul li {
	font-weight: normal;
	font-size: 1.2rem;
}

.accordionSide li ul li a {
	padding: 10px 0;
	display: block;
}

.accordionSide li ul li a:hover {
	color: #CCC;
}

.accordionSide h2 {
	padding: 10px 15px 10px 0;
	margin: 0 0 0 0;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	font-size: clamp(1.5rem, 1.392rem + 0.26vw, 1.65rem);
}

ul.accordionSide a {
	display: block;
}

ul.accordionSide span {
	display: block;
	background-image: none;
	color: #333;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
}

ul.accordionSide span::after {
	display: inline-block;
	content: "";
	width: 0.5em;
	height: 0.5em;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	rotate: 45deg;

}

ul.accordionSide ul {
	display: none;
}

ul.accordionSide>li>p span.open {
	background: #f1f1f1;
}

ul.accordionSide>li>ul {
	margin-bottom: 1em;
}

ul.accordionSide>li>ul>li {
	font-size: 1.2rem;
}

ul.accordionSide>li>ul>li>ul>li:last-child {
	border: none;
}

.accordionSide li h4 {
	background: none !important;
	margin-top: 4px;
	letter-spacing: 0;
	color: #767676;
}

.accordionSideColor {
	display: grid;
	/* grid-template-columns: repeat(4, 1fr); */
	grid-template-columns: repeat(auto-fill, minmax(45px, 1fr));
	gap: 6px;
	margin-top: 6px;
}

.sideColor {
	display: inline-block;
}

.accordionSide li.sideColor a {
	display: block;
	text-align: center;
	font-size: 1.1rem;
	padding: 0;
}

.sideColor a:before {
	display: block;
	content: "";
	width: 2.5em;
	height: 2.5em;
	border-radius: 50%;
	margin: 0 auto;
}

.accordionSide li.color-w a::before {
	background: #fff;
	border: solid 1px #ddd;
}

.accordionSide li.color-bl a::before {
	background: #000;
}

.accordionSide li.color-gr a::before {
	background: #777;
}

.accordionSide li.color-br a::before {
	background: #9b543a;
}

.accordionSide li.color-be a::before {
	background: #e2cba3;
}

.accordionSide li.color-pu a::before {
	background: #85408b;
}

.accordionSide li.color-re a::before {
	background: #e84141;
}

.accordionSide li.color-pi a::before {
	background: #faa0b6;
}

.accordionSide li.color-or a::before {
	background: #ffa600;
}

.accordionSide li.color-ye a::before {
	background: #ffd900;
}

.accordionSide li.color-gre a::before {
	background: #267440;
}

.accordionSide li.color-blu a::before {
	background: #2c64be;
}

.accordionSide li.color-si a::before {
	background: linear-gradient(45deg, rgba(184, 184, 184, 1) 0%, rgba(255, 255, 255, 1) 100%)
}

.accordionSide li.color-go a::before {
	background: linear-gradient(45deg, rgba(213, 186, 20, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.accordionSide li.color-ot a::before {
	background: linear-gradient(135deg, rgba(255, 255, 255, 1) 49%, rgba(255, 0, 0, 1) 49.1%, rgba(255, 0, 0, 1) 50.9%,
			rgba(255, 255, 255, 1) 51%);
	border: solid 1px #ddd;
}

.sideBunnerBack {
	background: #FFF;
}

.sideBunner {
	margin: 12% auto 0;
	padding: 3% 2%;
	border-top: solid 1px #f1f1f1;
	max-width: 1100px;
	background: #FFF;
}

.sideBunner ul {
	letter-spacing: -.4em;
}

.sideBunner li {
	margin: 0 2% 0 0;
	width: 23.5%;
	letter-spacing: 0.08em;
	display: inline-block;
}

.sideBunner li img {
	border: solid 1px #f1f1f1;
}

.sideBunner li:nth-child(4n) {
	margin-right: 0;
}

.instaBanner {
	text-align: center;
	margin: 0 0 4%;
}

.instaBanner img {
	width: 100%;
	max-width: 450px;
}

@media (min-width: 1000px) {

	.sideBunner li a:hover,
	.instaBanner a:hover {
		zoom: 1;
		opacity: 0.6;
		filter: alpha(opacity=60);
	}
}

@media (max-width: 768px) {
	.sideBunner li {
		width: 49%;
		margin-bottom: 2%;
	}

	.sideBunner li:nth-child(2n) {
		margin-right: 0;
	}
}

/* sub category & sub group */
.limitedBannerPosiList {
	margin: 40px 0 80px;
}

.grp_lst {
	position: relative;
	background-color: #f1f1f1;
	border-radius: 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 0 .5em;
	padding: .5em;
}

.grp_lst.clearfix::before {
	display: none;
}

.grp_lst_unit {
	margin-bottom: 0;
	/*word-break: break-all;*/
	/*background: url(https://file001.shop-pro.jp/PA01306/058/listNaviLine.png) no-repeat left;*/
	font-size: clamp(1.3rem, 1.291rem + 0.21vw, 1.5rem);
}

.grp_lst_unit a {
	display: block;
	padding: .6em .8em;
	color: #000;
	text-decoration: none;
}

.grp_lst_unit a:hover {
	color: #1ebbdd;
}

.grp_lst_img {
	display: block;
	margin: 0 auto .5em;
	max-width: 100%;
	height: inherit;
}

@media screen and (max-width: 767px) {
	.grp_lst_unit a {
		padding: 8px 5px;
	}
}

.category_desc img {
	text-align: center;
}

.category_desc_2 {
	padding-top: 2em;
}

h1.listh2 {
	padding: 0 0 20px 0;
}

h3.listNaviTit {
	margin: 10px 0 5px 0;
}


/*----------------------------------------
Ranking
----------------------------------------*/


/* Ranking */
.topRanking {
	margin: 0 0 0 0;
	letter-spacing: 0.08em;
	background: #F5F5F5;
	padding: max(64px, 4%) max(40px, 5.2vw);

}

.topRankingTit {
	font-size: clamp(2rem, 1.838rem + 0.38vw, 2.3rem);
	font-weight: 700;
	margin-bottom: max(28px, 4%);
}

.overwrap {
	font-size: clamp(2rem, 1.838rem + 0.38vw, 2.3rem);
	font-weight: 700;
}

.overwrap__scroll {
	overflow-x: auto;
	scrollbar-width: none;
	/*スクロールバー非表示firefox*/
}

.overwrap__scroll::-webkit-scrollbar {
	display: none;
	/* スクロールバー非表示 chrome safari */
}

.topRanking ul {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
	gap: 24px 12px;
}

.topRanking li {
	display: flex;
	flex-direction: column;
	letter-spacing: 0.08em;
	position: relative;
}

.topRanking li:nth-child(5n) {
	margin-right: 0;
}

.topRanking li img {
	padding: 16% 0 0 0;
	width: 100%;
}

.topRanking li:nth-child(1) .topRankingImg {
	background:
		url('https://img14.shop-pro.jp/PA01306/058/etc_base64/MjAyNC10b3BSYW5raW5nMQ.png?cmsp_timestamp=20240327174612') no-repeat center top;
	background-size: 25px;
}

.topRanking li:nth-child(2) .topRankingImg {
	background:
		url('https://img14.shop-pro.jp/PA01306/058/etc_base64/MjAyNC10b3BSYW5raW5nMg.png?cmsp_timestamp=20240327174905') no-repeat center top;
	background-size: 25px;
}

.topRanking li:nth-child(3) .topRankingImg {
	background:
		url('https://img14.shop-pro.jp/PA01306/058/etc_base64/MjAyNC10b3BSYW5raW5nMw.png?cmsp_timestamp=20240327174905') no-repeat center top;
	background-size: 25px;
}

.topRanking li:nth-child(4) .topRankingImg {
	background:
		url('https://img14.shop-pro.jp/PA01306/058/etc_base64/MjAyNC10b3BSYW5raW5nNA.png?cmsp_timestamp=20240327174905') no-repeat center top;
	background-size: 25px;
}

.topRanking li:nth-child(5) .topRankingImg {
	background:
		url('https://img14.shop-pro.jp/PA01306/058/etc_base64/MjAyNC10b3BSYW5raW5nNQ.png?cmsp_timestamp=20240327174905') no-repeat center top;
	background-size: 25px;
}

.topRanking li:nth-child(6) .topRankingImg {
	background:
		url('https://img14.shop-pro.jp/PA01306/058/etc_base64/MjAyNC10b3BSYW5raW5nNg.png?cmsp_timestamp=20240327174905') no-repeat center top;
	background-size: 25px;
}

.topRanking li:nth-child(7) .topRankingImg {
	background:
		url('https://img14.shop-pro.jp/PA01306/058/etc_base64/MjAyNC10b3BSYW5raW5nNw.png?cmsp_timestamp=20240327174905') no-repeat center top;
	background-size: 25px;
}

.topRanking li:nth-child(8) .topRankingImg {
	background:
		url('https://img14.shop-pro.jp/PA01306/058/etc_base64/MjAyNC10b3BSYW5raW5nOA.png?cmsp_timestamp=20240327174905') no-repeat center top;
	background-size: 25px;
}

.topRanking li:nth-child(9) .topRankingImg {
	background:
		url('https://img14.shop-pro.jp/PA01306/058/etc_base64/MjAyNC10b3BSYW5raW5nOQ.png?cmsp_timestamp=20240327174905') no-repeat center top;
	background-size: 25px;
}

.topRanking li:nth-child(10) .topRankingImg {
	background:
		url('https://img14.shop-pro.jp/PA01306/058/etc_base64/MjAyNC10b3BSYW5raW5nMTA.png?cmsp_timestamp=20240327174905') no-repeat center top;
	background-size: 25px;
}

.topRankingTxt {
	padding: 5%;
	flex: 1;
	display: flex;
	flex-direction: column;
	background: #fff;
	border: solid 1px #f5f5f5;
	border-top: none;
}

.topRanking li h3 {
	font-size: clamp(1.3rem, 1.261rem + 0.16vw, 1.4rem);
	line-height: 1.5;
	margin-bottom: 1.2em;
	letter-spacing: .05em;
}

.topRanking li h3 a:hover {
	opacity: .5;
}

.topRankingTxtBottom {
	display: flex;
	justify-content: space-between;
	gap: 1em;
	line-height: 1;
	margin-top: auto;
}

.topRanking li p {
	font-size: clamp(1.3rem, 1.184rem + 0.48vw, 1.4rem);
	font-weight: 400;
}

.topRanking .product-list__fav-items {
	margin-top: 0;
	width: auto;
	position: static;
	/* ここまで初期化 */
}

.topRanking .product-list__fav-items button {
	/* ここから変更点 */
	display: inline-block;
	padding: 0;
	width: auto;
}

.pIconRank {
	margin-top: 16%;
}

@media (max-width: 769px) {
	.topRanking {
		padding-left: 0;
		padding-right: 0;
	}

	.topRankingTit {
		padding: 0 24px;
	}

	.overwrap__layout {
		display: inline-block;
		padding: 0 24px;
	}

	.topRanking ul {
		grid-template-columns: repeat(10, 1fr);
	}

	.topRanking li {
		width: 100%;
		min-width: 152px;
	}

	.topRanking li img {
		padding: 32px 0 0 0;
		width: 100%;
	}

	.pIconRank {
		margin-top: 25px;
	}
}