@charset "UTF-8";

/*フッター*/
.footer-brandlist {
	padding: 100px 0;
	background: #F7F7F7;
}
.footer-brandlist h2 {
	width: max-content;
	margin: 0 auto 60px;
	border: none;
	padding: 0;
}
.footer-brandlist h2 a {
	border: none;
	outline: none;
}
.footer-brandlist h2 img {
	height: 90px;
}
.footer-brandlist-main {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}
.footer-brandlist-main ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 40px 30px;
}
.header-brand-modal-main li,
.footer-brandlist-main ul li {
	display: grid;
}
.footer-brandlist-main ul li {
	width: 175px;
}
.header-right ul li .header-brand-modal-main li a,
.footer-brandlist-main ul li a{
	text-decoration: none;
	display: grid;
	grid-row: span 2;
	align-items: baseline;
  justify-items: stretch;
	justify-content: stretch;
}
.footer-brandlist-main ul li picture{
	width: 170px;
	height: 135px;
	border-radius: 8px;
	background: #FFF;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.footer-brandlist-main ul li p{
	font-size: 1.6rem;
	margin: 10px 0 0 0;
	color: #222;
	text-align: center;
}
	.header-main .header-right li.header-brand .header-brand-modal-main li.kenkotai picture,.footer-brandlist-main ul li.kenkotai picture {
		padding: 0 15px;
		box-sizing: border-box;
	}
	.header-main .header-right li.header-brand .header-brand-modal-main li.teashopitoen picture,.footer-brandlist-main ul li.teashopitoen picture {
		padding: 0 0;
		box-sizing: border-box;
	}
	

.block-brand-logo img {
	margin-left: auto;
	margin-right: auto;
}
.block-brand-list li.block-brand-innercharm .block-brand-logo img {margin-top: 23px;}
.block-brand-list li.block-brand-kenkotai .block-brand-logo img {margin-top: 44px;}
.block-brand-list li.block-brand-crazyjasmine .block-brand-logo img {margin-top: 23px;}
.block-brand-list li.block-brand-tullyscoffee .block-brand-logo img {margin-top: 26px;}
.block-brand-list li.block-brand-chichiyasu .block-brand-logo img {margin-top: 36px;max-width: 100%;}
.block-brand-list li.block-brand-tsuchikura .block-brand-logo img {margin-top: 26px;}

.block-brand-list li.block-brand-teashopitoen .block-brand-logo img {margin-top: 30px; height: 57px;}
.block-brand-list li.block-brand-theitoenjapaneseteashop .block-brand-logo img {margin-top: 39px;}
.block-brand-list li.block-brand-luxemariage .block-brand-logo img {margin-top: 41px;}
.block-brand-list li.block-brand-miraistation .block-brand-logo img {margin-top: 38px;}


.block-brand-list li.block-brand-innercharm .block-brand-logo img,.header-main .header-right li.header-brand .header-brand-modal-main li.innercharm img,.footer-brandlist-main ul li.innercharm img {width: 76px;height: 72px;}
.block-brand-list li.block-brand-kenkotai .block-brand-logo img,.header-main .header-right li.header-brand .header-brand-modal-main li.kenkotai img,.footer-brandlist-main ul li.kenkotai img {height: 37px;}
.block-brand-list li.block-brand-crazyjasmine .block-brand-logo img,.header-main .header-right li.header-brand .header-brand-modal-main li.crazyjasmine img,.footer-brandlist-main ul li.crazyjasmine img { width: 80px;height: 80px;}
.block-brand-list li.block-brand-tullyscoffee .block-brand-logo img,.header-main .header-right li.header-brand .header-brand-modal-main li.tullyscoffee img,.footer-brandlist-main ul li.tullyscoffee img { width: 74px;height: 86px;}
.header-main .header-right li.header-brand .header-brand-modal-main li.chichiyasu img,.footer-brandlist-main ul li.chichiyasu img { height: 35px;}
.block-brand-list li.block-brand-tsuchikura .block-brand-logo img,.header-main .header-right li.header-brand .header-brand-modal-main li.tsuchikura img,.footer-brandlist-main ul li.tsuchikura img { width: 90px; height: 74px;}

.header-main .header-right li.header-brand .header-brand-modal-main li.teashopitoen img,.footer-brandlist-main ul li.teashopitoen img { width: unset; height: 54px;}
.header-main .header-right li.header-brand .header-brand-modal-main li.theitoenjapaneseteashop img,.footer-brandlist-main ul li.theitoenjapaneseteashop img { width: 140px; height: unset;}

.header-main .header-right li.header-brand .header-brand-modal-main li.luxemariage img,.footer-brandlist-main ul li.luxemariage img { width: 152px; height: 38px;}
.header-main .header-right li.header-brand .header-brand-modal-main li.miraistation img,.footer-brandlist-main ul li.miraistation img { width: 144px; height: 46px;}
.block-brand-list li.block-brand-miraistation .block-brand-logo img,
.block-brand-list li.block-brand-luxemariage .block-brand-logo img,
.block-brand-list li.block-brand-theitoenjapaneseteashop .block-brand-logo img {
	max-width: 100%;
	height: unset;
}

	
	
@media print, screen and (max-width: 767px) {
	.footer-brandlist {
		padding: 50px 0;
	}
	.footer-brandlist h2 {
		margin-bottom: 30px;
	}
	.footer-brandlist h2 img {
		height: 60px;
	}
	.footer-brandlist-main {
		max-width: unset;
		width: unset;
		padding: 0 15px;
		box-sizing: border-box;
	}
	.footer-brandlist-main ul {
		gap: 21px 9px;
		
	}
	.footer-brandlist-main ul li a {
		display: block;
	}
	.footer-brandlist-main ul li {
		width: calc(calc(100% / 3) - 6px);
	}
	.footer-brandlist-main ul li  img{
		max-width: 100%;
	}
	.footer-brandlist-main ul li picture {
		width: 100%;
		height: 90px;
		padding: 0 0;
		box-sizing: border-box;
		aspect-ratio: 1/1;
	}
	.footer-brandlist-main ul li p {
		margin: 10px 0 0 0;
		font-size: 1.1rem
	}
	li.header-brand {
		min-width: 32px;
	}
	.header-main .header-right li.header-brand .header-brand-modal-main li.kenkotai picture,.footer-brandlist-main ul li.kenkotai picture {
		padding: 0 0;
		box-sizing: border-box;
	}
	.header-main .header-right li.header-brand .header-brand-modal-main li.theitoenjapaneseteashop picture,.footer-brandlist-main ul li.theitoenjapaneseteashop picture {
		padding: 0 0;
		box-sizing: border-box;
	}	
	
	.block-brand-list li.block-brand-innercharm .block-brand-logo img {margin-top: 10px;width: 55px;height: 52px;}
	.block-brand-list li.block-brand-kenkotai .block-brand-logo img {margin-top: 23px;width: unset;height: unset;max-width: 100%;}
	.block-brand-list li.block-brand-crazyjasmine .block-brand-logo img {margin-top: 10px;width: 52px;height: 52px;}

	
	.block-brand-list li.block-brand-tullyscoffee .block-brand-logo img {margin-top: 10px;width: 44px;height: 52px;}
	.block-brand-list li.block-brand-chichiyasu .block-brand-logo img {margin-top: 23px;width: 90px;height: 26px;max-width: 100%;}
	.block-brand-list li.block-brand-tsuchikura .block-brand-logo img {margin-top: 10px;width: 58px;height: 48px;}

	.block-brand-list li.block-brand-teashopitoen .block-brand-logo img {margin-top: 10px;height: 43px;}
	.block-brand-list li.block-brand-theitoenjapaneseteashop .block-brand-logo img {margin-top: 13px;width: unset;height: unset;max-width: 100%;}

	.block-brand-list li.block-brand-luxemariage .block-brand-logo img {margin-top: 17px;width: unset;height: unset;max-width: 100%;}
	.block-brand-list li.block-brand-miraistation .block-brand-logo img {margin-top: 14px;width: unset;height: unset;max-width: 100%;}
	

	.header-main .header-right li.header-brand .header-brand-modal-main li.innercharm img,.footer-brandlist-main ul li.innercharm img {width: 60px;height: 56px;}
	.header-main .header-right li.header-brand .header-brand-modal-main li.kenkotai img,.footer-brandlist-main ul li.kenkotai img {height: 23px;}
	.header-main .header-right li.header-brand .header-brand-modal-main li.crazyjasmine img,.footer-brandlist-main ul li.crazyjasmine img { width: 52px;height: 52px;}
	.header-main .header-right li.header-brand .header-brand-modal-main li.tullyscoffee img,.footer-brandlist-main ul li.tullyscoffee img { width: 50px;height: 58px;}
	.header-main .header-right li.header-brand .header-brand-modal-main li.chichiyasu img,.footer-brandlist-main ul li.chichiyasu img { width: 90px; height: 26px;}
	.header-main .header-right li.header-brand .header-brand-modal-main li.tsuchikura img,.footer-brandlist-main ul li.tsuchikura img { width: 68px; height: 56px;}
	
	.header-main .header-right li.header-brand .header-brand-modal-main li.teashopitoen img,.footer-brandlist-main ul li.teashopitoen img { width: 72px; height: 44px; max-width: 100%;}
	.header-main .header-right li.header-brand .header-brand-modal-main li.theitoenjapaneseteashop img,.footer-brandlist-main ul li.theitoenjapaneseteashop img { width: 88px; height: 24px; max-width: 100%;}

	.header-main .header-right li.header-brand .header-brand-modal-main li.luxemariage img,.footer-brandlist-main ul li.luxemariage img { width: 90px; height: 23px;}
	.header-main .header-right li.header-brand .header-brand-modal-main li.miraistation img,.footer-brandlist-main ul li.miraistation img { width: 90px; height: 29px;}

	#goodsdetail_itemhistory .swiper-wrapper {
		margin-left: 15px;
	}
}
/*フッター*/