/* ------------------------------
	ショップリスト
------------------------------- */

#shop h1.index_ttl {
	text-align:center !important;
}
#area_cate {
	width:90%;
	max-width:1000px;
	margin:2.0em auto;
	box-sizing:border-box;
	padding:1.5em 0 !important;
	background:#f2f2f2;
	border-radius:7px;
}
#area_cate li {
	box-sizing:border-box;
	padding:0em 1.0em;
	border-right:1px solid #000;
}
#area_cate li:nth-last-of-type(1) {
	border-right:0;
}
.area {
	margin:7.0em auto 0 auto;
}
.area:nth-last-of-type(1) {
	margin:7.0em auto 7.0em auto;
}
.area h2 {
	font-size:110%;
	text-align:center;
	margin:2.0em auto 1.0em auto;
}

@media only screen and (max-width: 849px) {
.area h2 {
	font-size:110%;
	text-align:center;
	margin:0em auto 2.0em auto;
}
}


#shop .shoplist {
	width:100%;
	max-width:1000px;
	margin:1.0em auto 2.0em auto;
	gap:10px 40px;
}
#shop .shoplist > div {
	width:calc((100% - 80px) / 3);
	border:2px solid #f2f2f2;
	border-radius:10px;
	position:relative;
	box-sizing:border-box;
	padding:0 1.0em;
}
#shop .area_shop .shoplist > div {
	box-sizing:border-box;
	padding:2.0em 1.5em;
}
#shop #online .shoplist > div img {
	display:block;
	height:5.0em;
	width:auto;
	margin:0 auto;
}
#shop .shoplist > div > a {
	display:block !important;
	box-sizing:border-box;
	padding:3.0em 0;
}
#shop .shoplist > div h3.shop {
	display:block;
	text-align:left;
	font-size:120%;
	margin-bottom:1.0em !important;
}
#shop .shoplist > div h3.shop > span.siten {
	display:block;
	font-size:85%;
	line-height:1.4em;
}
#shop .shoplist > div p.address,
#shop .shoplist > div p.tell,
#shop .shoplist > div p.map > span {
	position:relative;
}
#shop .shoplist > div p.address:before,
#shop .shoplist > div p.tell:before {
	content:"";
	display:block;
	width:1.3em;
	height:1.3em;
	position:absolute;
	top:50%;
	left:0;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
}
#shop .shoplist > div p.address,
#shop .shoplist > div p.tell {
	padding-left:1.8em;
	margin-top:0.5em;
}
#shop .shoplist > div p.map {
	box-sizing:border-box;
	margin-top:1.0em;
}
#shop .shoplist > div p.map > span > a {
	box-sizing:border-box;
	padding:0.3em 2.5em 0.3em 0.8em;
	border: 2px solid #2aa0cb;
	border-radius:10px;
	position:relative;
	z-index:5 !important;
}
#shop .shoplist > div p.address:before {
	background:url(../images/shop/i_address.svg) no-repeat;
	background-size:contain;
	top:0.2em;
	left:0;
	transform: translate(0%, 0%);
	-webkit-transform: translate(0%, 0%);
	-ms-transform: translate(0%, 0%);
}
#shop .shoplist > div p.tell:before {
	background:url(../images/shop/i_tell.svg) no-repeat;
	background-size:contain;
}
#shop .shoplist > div p.map > span:after {
	content:"";
	display:block;
	width:1.3em;
	height:1.3em;
	background:url(../images/shop/i_web.svg) no-repeat;
	background-size:contain;
	position:absolute;
	top:50%;
	right:0.7em;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
}
#shop .shoplist > div p.map > span:hover:after {
	opacity:0.7;
}


@media only screen and (max-width: 849px) {
#collection h1.index_ttl,
#collection_item h1.index_ttl {
	text-align:center !important;
}
#area_cate {
	width:95%;
	flex-wrap:wrap;
	justify-content:flex-start;
	margin:2.0em auto;
	padding:0 !important;
	box-sizing:border-box;
	background:none;
	border-radius:0;
	gap:5px 5px;
}
#area_cate li {
	width:calc((100% - 15px) / 4);
	box-sizing:border-box;
	padding:1.0em 1.0em;
	border-right:0;
	background:#f2f2f2;
	text-align:center;
	border-radius:5px;
}
#area_cate li:nth-of-type(1),
#area_cate li:nth-of-type(2) {
	width:calc((100% - 5px) / 2);
}
#shop .shoplist {
	width:100%;
	max-width:1000px;
	margin:1.0em auto 2.0em auto;
	gap:15px 0px;
}
#shop .shoplist > div {
	width:90%;
	margin:0 auto;
	border:2px solid #f2f2f2;
	border-radius:10px;
	position:relative;
}
}

/* ------------------------------
	collection
------------------------------- */

.tag {
	box-sizing:border-box;
	padding:0.1em 0.5em 0.2em 0.5em;
	border-radius:50px;
	line-height:1.0em;
	font-weight:bold;
	margin-left:0.5em;
}
#collection .tag {
	font-size:70%;
}
.tag:nth-of-type(1) { margin-left:0; }
.tag.bl { background:#aed8e8; }
.tag.gy { background:#c4c4c4; }
.tag.gr { background:#00a884; color:#fff; }
.tag.new { background:#00a884; color:#fff; }

p.p_ttl { margin-top:1.0em; }

.itemlist p.price {
	font-size:150%;
	margin:0.3em auto;
	font-weight:bold;
}
p.price .tax {
	font-size:60%;
/*	margin-left:0.5em; */
	margin-right:0.2em;
	color:#808080;
}

#collection p.price .tax {
	font-size:50%;
	margin-left:0.2em;
}
#collection .itemlist {
	width:90%;
	max-width:1000px;
	margin:1.0em auto 2.0em auto;
	gap:0 20px;
}
#collection .itemlist > div {
	width:calc((100% - 60px) / 4);
	margin-bottom:5.0em;
}
#collection .itemlist > div img {
	border:2px solid #f2f2f2;
	border-radius:10px;
}


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

#collection .itemlist > div {
	width:calc((100% - 20px) / 2);
	margin-bottom:5.0em;
}
}




/* /////////////////////////////////////////////// */

#collection_item section:nth-of-type(1) {
	display:block;
	margin:5.0em auto 0 auto !important;
}
#collection_item section:nth-of-type(2) {
	display:block;
	margin:1.0em auto 5.0em auto !important;
}

#product .item_wrap {
	width:95%;
	max-width:1000px;
	margin:2.0em auto;
	justify-content:space-between;
	align-items:flex-start;
}
#product .item_wrap > div { width:48% !important; }

#product .item_wrap h1.item_ttl {
	font-size:180%;
/*	padding:1.5em 0 0 0; */
	margin:0 !important;
	position:relative;
}
#product .item_wrap .tag_wrap {
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	margin:0 auto 0.5em auto;
}
#product .item_wrap .tag_wrap > i {
	width:auto;
	display:inline-block;
	line-height:1.5em;
	margin:0;
	padding:0;
	position:relative;
	margin-left:0.5em;
}
#product .item_wrap .tag_wrap > i:nth-of-type(1) {
	margin-left:0em;
}
#product .item_wrap .tag_wrap .tag.tag_cs {
	padding:3.0em 0 0 0;
}
#product .item_wrap .tag_wrap .tag.tag_not {
	padding:0 0 0 0;
}
#product .item_wrap .tag_wrap i:before {
	content:"";
	font-size:120%;
	font-weight:bold;
	display:inline-block;
	box-sizing:border-box;
	border-radius:50px;
	margin:0;
	padding:0.2em 0.5em;
	background:#aed8e8;
	left:0;
}
#product .item_wrap .tag_wrap i.tag_not:before {
	display:none;
}
#product .item_wrap .tag_wrap i.tag_new:before {
	content:"NEW"; /* NEW */
	border-radius:15px;
	padding:0.2em 0.5em;
	background:#00a884;
	color:#fff;
}
#product .item_wrap .tag_wrap i.tag_ga:before {
	content:"Extra\a0Thick"; /* 極厚 Extra Thick */
}
#product .item_wrap .tag_wrap i.tag_az:before {
	content:"Platform"; /* 厚底 Platform */
}
#product .item_wrap .tag_wrap i.tag.tag_yya:before {
	content:"Slightly\a0Thick\a0Sole"; /* やや厚底 Slightly Thick Sole */
}
#product .item_wrap .tag_wrap i.tag.tag_cs:before {
/*	content:"Release\a0in\a0mid-Apr\FF08pre-orders\a0 begin\a0in\a0late\a0Mar\FF09"; */ /* 4月中旬発売予定(3月下旬予約受付開始) */

	content:"4\6708\4E2D\65EC\767A\58F2\4E88\5B9A\FF08 4\6708 9\65E5\4E88\7D04\53D7\4ED8\958B\59CB\FF09"; /* 4月中旬発売予定(4月9日予約受付開始) */
	font-size:70%;
	font-weight:bold;
	line-height:1.4em;
	display:block;
	box-sizing:border-box;
	border-radius:50px;
	padding:0.2em 0.5em;
	background:#00a884;
	color:#fff;
}
#product .item_wrap p.p_txt {
	margin:1.0em auto;
}
#product .item_wrap p.price {
	font-size:160% !important;
	width:100%;
	box-sizing:border-box;
	border-radius:15px;
	padding:0.8em 1.0em;
	margin:1.0em auto 2.0em auto;
	background:#eaeaea;
}
#product .item_wrap p.detail_txt {
	margin:2.0em auto;
}
#product .item_wrap h2.color_ttl {
	margin:0 auto 0.5em auto;
}
#product .item_wrap dl.detail_box {
	width:100%;
	flex-wrap:wrap;
	align-items:stretch;
	margin:1.0em auto 0 auto;
}
#product .item_wrap dl.detail_box#size {
	margin:2.0em auto 0 auto;
}
#product .item_wrap dl.detail_box > dt {
	width:50%;
	background:#eaeaea;
}
#product .item_wrap dl.detail_box > dd {
	width:50%;
	background:#fff;
}
#product .item_wrap dl.detail_box > dt,
#product .item_wrap dl.detail_box > dd {
	box-sizing:border-box;
	padding:0.4em 1.0em;
	text-align:left;
	border-top:1px solid #000;
}
#product .item_wrap dl.detail_box > dt:nth-last-of-type(1),
#product .item_wrap dl.detail_box > dd:nth-last-of-type(1) {
	border-bottom:1px solid #000;
}
#product .item_wrap .link {
	margin:4.0em auto 0 0 !important;
	text-align:left !important;
}



@media only screen and (max-width: 849px) {
#product .item_wrap {
	width:90%;
	max-width:1000px;
	flex-wrap:wrap;
}
#product .item_wrap > div { width:100% !important; }
}


/* ________________________________ */

#product .item_txt ul.color_chip {
	justify-content:flex-start;
	align-items:flex-start;
	flex-wrap:wrap;
	gap:0 20px;
	padding:0;
	margin:1.0em auto;
}
#product .item_txt ul.color_chip > li {
	width:80px;
}
#product .item_txt ul.color_chip > li img {
	box-sizing:border-box;
	border:2px solid #dedede;
	border-radius:15px;
}
#product .item_txt ul.color_chip > li.chabtn.choice img {
	box-sizing:border-box;
	border:2px solid #000;
	border-radius:15px;
}
#product .item_txt ul.color_chip > li > span {
	display:block;
	margin-top:0.5em;
	margin-bottom:0.7em;
	text-align:center;
	line-height:1.3em;
	color:#000;
}

/* ________________________________ */

#product .slick-list,
#product .slick-track,
#product .slick-slide,
#product .slide {
	height: 100% !important;
}
#product .slide {
	min-width:100% !important;
	display:block;
}
#product .thum {
	width:100% !important;
	display:block;
	margin-top:2.0em;
}
#product .slick-list {
	width:100% !important;
}
#product .slide .slick-list {
	box-sizing:border-box;
	border:1px solid #E6E6E6;
	border-radius:2%;
}
#product .slide .slick-track {
	min-width:100% !important;
	display:flex;
	align-items:stretch;
}
#product .thum .slick-track {
	width:100% !important;
	max-width:100%;
	flex-wrap:wrap;
	justify-content:flex-start !important;
	margin:0 !important;
	padding:0 !important;
	transform: unset !important;
	gap:10px !important;
}
#product .thum .slick-track:before {
	display:none;
}
#product .slide .slick-slide {
	display:block !important;
	width:100% !important;
	position:relative;
	margin:0 auto !important;
	padding:0;
	height: auto !important;
	border:none !important;
}
#product .thum .slick-slide {
	display:block;
	width:calc((100% - 30px) / 4) !important;
	margin:0 !important;
	padding:0 !important;
	height: auto !important;
	position:static;
}
#product .thum .slick-slide img {
	max-width:100% !important;
	height: auto !important;
	box-sizing:border-box;
	border:2px solid #E6E6E6;
	border-radius:10px;
}
#product .thum .slick-slide.slick-current.slick-active img {
	border:2px solid #000;
}
#product .slide .slick-slide img {
	border:none !important;
}


@media only screen and (max-width: 849px) {
#product .thum {
	display:none;
}
}



@media only screen and (max-width: 498px) {
.itemlist p.price {
	font-size:130% !important;
	margin:0.3em auto;
}
.itemlist .tag {
	font-size:85% !important;
}
#product .item_wrap p.price {
	font-size:150% !important;
	width:100%;
	box-sizing:border-box;
	border-radius:15px;
	padding:0.8em 1.0em;
	margin:1.0em auto 2.0em auto;
	background:#eaeaea;
}
#product .item_wrap h1.tag:before {
	font-size:60% !important;
}
#product .item_wrap h1.item_ttl {
	font-size:160% !important;
}
#product .item_wrap h2.color_ttl {
	font-size:120% !important;
}
}

/* ________________________________ */

/* /////////////////////////////////////////////// */

/* *** タブ設定 *** */

#product .item_wrap .color_chip {
	width:100%;
/*	font-size:0; */
	margin:0 auto;
	display:flex;
	padding:0;
}
#product .item_wrap .color_chip .chabtn {
	box-sizing:border-box !important;
	cursor:pointer;
	transition:ease 0.2s;
}
#product .item_wrap .item_img {
	width:100%;
	display:block;
	box-sizing:border-box !important;
	border:0 !important;
	margin:0 !important;
	padding:0 0 5% 0 !important;
}
#product .item_wrap .colorbox {
	width:100%;
	padding:0 !important;
	display:none !important;
	position:relative;
	z-index:2;
}
#product .item_wrap .colorbox.is-choice {
	width:100%;
	height:100% !important;
	display:block !important;
	animation-name: fuwa;
	animation-duration: 2s;
	animation-fill-mode: forwards;
}
@keyframes fuwa{
  from {
    opacity: 0;
  }
  to {
    opacity: 1 !important;
  }
}

#product .item_wrap .color_chip .chabtn.choice {
	position:relative;
}