/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */


:root {
		/* default */
    --color--black: #000000;
    --color--cyan-bluish-gray: #abb8c3;
    --color--white: #ffffff;
    --color--pale-pink: #f78da7;
    --color--vivid-red: #cf2e2e;
		--color--red: #f44336;
    --color--luminous-vivid-orange: #ff6900;
    --color--luminous-vivid-amber: #fcb900;
    --color--light-green-cyan: #7bdcb5;
    --color--vivid-green-cyan: #00d084;
    --color--pale-cyan-blue: #8ed1fc;
    --color--vivid-cyan-blue: #0693e3;
    --color--vivid-purple: #9b51e0;

		/* woo */
    --color--purple-100: #c0b6cd;
    --color--purple-90: #2c045d;
    --color--purple-80: #3c087e;
    --color--purple-70: #5007aa;
    --color--purple-60: #6108ce;
    --color--purple-50: #720eec;
    --color--purple-40: #873eff;
    --color--purple-30: #a77eff;
    --color--purple-20: #b999ff;
    --color--purple-10: #d1c1ff;
    --color--purple-5: #e1d7ff;
    --color--purple-0: #f2edff;
    --color--text-gray: #101517;
    --color--gray-100: #101517;
    --color--gray-90: #1d2327;
    --color--gray-60: #50575E;
    --color--gray-50: #646970;
    --color--gray-40: #787c82;
    --color--gray-10: #C3C4C7;
    --color--gray-5: #dcdcde;
    --color--gray-0: #f6f7f7;
    --color--green: #73ae39;
    --color--orange-20: #ffe500;
    --color--orange-40: #ff9000;
    --color--pink-20: #fca8ff;
    --color--green-20: #d5ff4a;
    --color--green-40: #06e782;
		--color--brown-10: #faf7f3;
}
body.wp-child-theme-storefront-child-theme-master,button,input,textarea{
	font-family: "Zen Kaku Gothic New", sans-serif!important;
	font-weight: 400;
}
body.wp-child-theme-storefront-child-theme-master, .secondary-navigation a{
	color: var(--color--text-gray);
}
body.wp-child-theme-storefront-child-theme-master a{
	color: var(--color--purple-50);
}
*{
	letter-spacing: 0px!important;
}

select {
  /* ベースの見た目リセット */
  appearance: none;  /* Firefox */
  -webkit-appearance: none; /* Chrome Safari */
  -moz-appearance: none; /* Firefox */
  background-color: var(--color--purple-0);
  border: 1px solid var(--color--purple-20);
  border-radius: 4px;
  padding: 0.5em 2.5em 0.5em 0.8em; /* 右側にアイコン用の余白 */
  font-size: 14px;
	font-weight: 600;
	color: var(--color--purple-70);
  cursor: pointer;
  position: relative;
	width: 100%;
	max-width: 400px;
}

/* アイコンのSVGを背景画像として設定 */
select {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%235007aa" viewBox="0 0 256 256"><path d="M200,136a8,8,0,0,1-8,8H64a8,8,0,0,1,0-16H192A8,8,0,0,1,200,136Zm32-56H24a8,8,0,0,0,0,16H232a8,8,0,0,0,0-16Zm-80,96H104a8,8,0,0,0,0,16h48a8,8,0,0,0,0-16Z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 0.8em center;
  background-size: 1em 1em;
}


.site-footer{
	margin-top: 100px;
	background-color: var(--color--gray-90);
	color: #fff;
}
.site-footer a,
.site-footer br{
	display: none;
}

.home.blog .site-header,
.home.page:not(.page-template-template-homepage) .site-header,
.home.post-type-archive-product .site-header{
	margin-bottom: 0;
}
.hentry .entry-content a{
	text-decoration: none;
}


/* ---------------------------------------------
 * パンクズ
 * ------------------------------------------- */
.storefront-breadcrumb{
	display: flex;
	overflow: scroll;
	padding-bottom: 0;
}
.storefront-breadcrumb > *{
	flex-shrink: 0;
}
.woocommerce-checkout .storefront-breadcrumb{
	display: none;
}

/* ---------------------------------------------
 * 見出し関連
 * ------------------------------------------- */
h2{
	margin-bottom: 1em;
}

.entry-title{
	font-size: 28px;
	font-weight: 500;
	color: var(--color--purple-80);
	letter-spacing: 1px!important;
	margin: 2em 0 1em;
}
.woocommerce-products-header__title.page-title{
	font-size: 28px;
	font-weight: 500;
	color: var(--color--purple-80);
	letter-spacing: 1px!important;
	margin: 2em 0 1em;
}



/* ---------------------------------------------
 * /cart
 * ------------------------------------------- */
#customer_details{
	display: none;
}
#order_review{
	width: 100%;
}
#order_review_heading{
	display: none;
}
#payment .place-order .button{
	background-color: var(--color--purple-50);
}


#order_review .order-total,
#order_review .fee{
	display: none;
}


table.woocommerce-checkout-review-order-table .product-name{
	width: 70%;
}
.product-name{
	font-weight: 500;	
}
.product-name img{
	width: 120px;
	object-fit: cover;
	margin-bottom: 8px;
} 


/* ---------------------------------------------

* Dokan

* ------------------------------------------- */


 /* ダッシュボード
-----------------------------*/
.woocommerce-admin-page__analytics_overview .woocommerce-summary li:nth-of-type(7),
.woocommerce-admin-page__analytics_overview .woocommerce-summary li:nth-of-type(8),
.woocommerce-admin-page__analytics_overview .woocommerce-summary li:nth-of-type(9){
	display: none;
}


/* ダッシュボード > 商品
-----------------------------*/
#dokan-product-list-table{
	font-size: 14px;
}
.dokan-tab-products .dokan-product-listing-area table td img{
	width: 80px;
	height: inherit;
	max-width: 80px;
	max-height: inherit;
}
.dokan-tab-products .dokan-product-listing-area table td,
.dokan-tab-products .dokan-product-listing-area table th{
	min-width: 100px;
}
#dokan-product-list-table tr > *:nth-child(1){
	min-width: inherit;
}
#dokan-product-list-table tr > *:nth-child(6),
#dokan-product-list-table tr > *:nth-child(8),
#dokan-product-list-table tr > *:nth-child(9){
	display: none;
}
.dokan-tab-products .dokan-w12{
	display: none;
}


/* ダッシュボード > 商品 > 商品詳細
-----------------------------*/
.dokan-other-options .dokan-section-content .dokan-form-group:nth-of-type(2),
.dokan-other-options .dokan-section-content .dokan-form-group:nth-of-type(4),
.dokan-other-options .dokan-section-content .dokan-form-group:nth-of-type(5){
	display: none;
}
.dokan-attribute-variation-options{
	display: none!important;
}
.dokan-linked-product-options{
	display: none!important;
}
.dokan-product-shipping-tax{
	display: none!important;
}
.wps_wpr_dokan_child_wrapper{
	display: none!important;
}
.dokan-product-description{
	display: none!important;
}
select#product_type {
    display: none !important;
}
label[for="product_type"] {
    display: none !important;
}
select#product_brand_edit,
label[for="product_brand_edit"],
select#product_brand_edit {
    display: none !important;
}
.submenu-item.report_variations,
.submenu-item.report_categories,
.submenu-item.report_stock{
    display: none !important;
}


/* ダッシュボード > 注文
-----------------------------*/
.dokan-order-filter-serach{
	display: none;
}
.dokan-tab-orders .dokan-form-group{
	display: none;
}
.dokan-tab-orders .dokan-table tr > *:nth-child(1),
.dokan-tab-orders .dokan-table tr > *:nth-child(8){
	display: none;
}
.dokan-tab-orders .order-statuses-filter{
	display: none;
}
.dokan-tab-orders .dokan-table a{
	pointer-events: none;
}


/* ダッシュボード > レポート
-----------------------------*/
.components-card__header{
	display: none!important;
}
.submenu-item.report_orders{
	display: none;
}
.dokan-tab-reports .woocommerce-table__table tr > *:nth-child(6),
.dokan-tab-reports .woocommerce-table__table tr > *:nth-child(7),
.dokan-tab-reports .woocommerce-table__table tr > *:nth-child(8),
.dokan-tab-reports .woocommerce-table__table tr > *:nth-child(9),
.dokan-tab-reports .woocommerce-table__table tr > *:nth-child(10){
	display: none;
}
.dokan-tab-reports .woocommerce-summary.has-7-items .woocommerce-summary__item-container:nth-child(2),
.dokan-tab-reports .woocommerce-summary.has-7-items .woocommerce-summary__item-container:nth-child(3),
.dokan-tab-reports .woocommerce-summary.has-7-items .woocommerce-summary__item-container:nth-child(4),
.dokan-tab-reports .woocommerce-summary.has-7-items .woocommerce-summary__item-container:nth-child(5),
.dokan-tab-reports .woocommerce-summary.has-7-items .woocommerce-summary__item-container:nth-child(6),
.dokan-tab-reports .woocommerce-summary.has-7-items .woocommerce-summary__item-container:nth-child(7),
.dokan-tab-reports .woocommerce-summary.has-7-items .woocommerce-summary__item-container:nth-child(8){
	display: none;
}
#dokan-analytics-app .entry-title{
	flex-shrink: 0;
}


/* ダッシュボード > サイドバーメニュー項目
-----------------------------*/
.dokan-dashboard-menu .coupons,
.dokan-dashboard-menu .report_statement,
.dokan-dashboard-menu .settings .submenu-item.shipping{
	display: none!important;
}

.components-flex.components-card__footer.components-card-footer{
	display: none;
}

/* セレクト2の見た目も消す */
#product_brand_edit ~ .select2-container {
    display: none !important;
}

.dokan-product-type-container,
.dokan-download-options{
	display: none!important
}

.dokan-edit-row.dokan-section-heading,
.wps_wpr_assign_product-par-title,
.dokan-form-group.hide_if_grouped.hide_if_external{
	display: none!important;	
}

.dokan-form-group.private_content{
	margin-top: 30px;
}

#post_excerpt_ifr{
	height: 600px!important;
}

/* カート > 数量変更を不可に */
.wc-block-components-quantity-selector{
    display: none!important;
}

input[type='submit'].dokan-btn-theme,
a.dokan-btn-theme, .dokan-btn-theme{
	color: #fff!important;
}


/* ---------------------------------------------

* Dokan > クリエイター詳細

* ------------------------------------------- */
.wp-child-theme-storefront-child-theme-master .dokan-single-store .profile-frame{
	background: none;
	margin: 20px 0;
}
.wp-child-theme-storefront-child-theme-master .dokan-store-products-filter-area{
	/* margin-bottom: 0; */
}



/* ---------------------------------------------
 * Woo Point and Rewards
 * ------------------------------------------- */
label[for="wps_wpr_pro_cost_to_points"],
.wps_wpr_purchase_pro_point,
#wps_wpr_pro_cost_to_points,
#wps_wpr_some_custom_points,
.quantity,
#wps_wpr_button_to_add_points_section{
display: none !important;
}
.wps-par_ma-desc-cards,
.wps-par_mas-head{
	display: none !important;
}


/************************************************
 * Woocommerce
 ************************************************/

 /* 検索 */
.wp-child-theme-storefront-child-theme-master .search-field{
	background: #fff;
	border: 1px solid var(--color--gray-50);
	border-radius: 8px;
	box-shadow: none;
}

.wp-child-theme-storefront-child-theme-master .wp-block-search__input{
	background-color: #fff;
	border-radius: 0px;
	box-shadow: none;
	padding: 20px;
	border: none;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.wp-block-search__inside-wrapper {
	box-shadow: 0 3px 8px rgba(0,0,0,0.1);
	border: solid 1px var(--color--cyan-bluish-gray);
	border-radius: 4px;
}

.wp-child-theme-storefront-child-theme-master .wp-block-search__button{
	margin-left: 0;
	border: none;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* ロゴ */
.site-header .site-branding img{
	width: 160px;
}

/* notice */
.woocommerce-error a{
	color: #fff!important;
	font-size: 1.2em;
}

/* ボタン */
.hentry .entry-content .wp-block-button .wp-block-button__link,
.editor-styles-wrapper .wp-block-button .wp-block-button__link{
	border: solid 2px var(--color--purple-40);
	color: var(--color--purple-40);
	font-weight: 500;
	border-radius: 8px;
	margin: 0 auto;
	padding: 12px 2em;
	background-color: #fff;
}

/* プルダウン選択後の実行ボタン */
.wc-block-product-categories__dropdown{
	flex-shrink: 0;
	flex-grow: 1;
}
.wc-block-product-categories__dropdown select{
	padding: 1em;
}
.wc-block-product-categories__button{
	margin-left: 8px!important;
	background: var(--color--purple-90);
	border-radius: 4px;
	color: #fff;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}



/************************************************
 * タグ一覧
 ************************************************/
.wp-block-categories-list.wp-block-categories{
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
}
.wp-block-categories-list.wp-block-categories .cat-item{
	font-size: 14px;
	text-align: left;
	background-color: var(--color--purple-0);
	padding: 2px 4px;
	border-radius: 4px;
	width: fit-content;
}



/************************************************
 * カテゴリーバナー
 ************************************************/

.group-area-category{
	margin-top: 4%;
}
.group-area-category+.group-area-category{
	margin-top: 0;
}
.group-area-category .wp-block-column{
	margin-bottom: 4%!important;
	margin-right: 0!important;
}
.group-area-category .wp-block-columns{
	gap: 4%;
}
.group-area-category .wp-block-columns.is-not-stacked-on-mobile{
	flex-wrap: wrap!important;
}
@media (max-width: 767px) {
	.group-area-category .wp-block-column{
		flex-basis: 48%!important;
	}
}


.product-cat-banner{
	position: relative;
}
.product-cat-banner img{
	object-fit: cover;
	aspect-ratio: 1/1;
	filter: brightness(80%);
}
.product-cat-banner p{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 16px;
	text-align: center;
	color: #fff;
	text-shadow: 0 0px 8px rgb(114 14 236);
	width: 80%;
}


/************************************************
 * 商品一覧カード
 ************************************************/
 
ul.products .custom-product-card .product-thumb img{
	margin: 0;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	width: 100%;
	height: auto; /* 高さは自動 */
	object-position: top;
	border-radius: 0px;
	border-radius: 4px;
}

ul.products .custom-product-card .product-thumb .no-image {
	height: 100%;
	aspect-ratio: 3 / 2;
	background: var(--color--purple-0);
	color: var(--color--purple-80);
	display: flex;
	justify-content: center;
	align-items: center;
}


ul.products .custom-product-card .product-title{
	font-size: 15px;
	text-align: left;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 3; /* 最大3行 */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 4px 0px;
}
ul.products .custom-product-card .product-title a{
	font-weight: 600;
}

ul.products .custom-product-card .product-category{
	font-size: 11px;
	text-align: left;
	background-color: var(--color--purple-0);
	padding: 2px 4px;
	border-radius: 4px;
	width: fit-content;
}
ul.products .custom-product-card .product-category *{
	color: var(--color--purple-90);
}

ul.products .custom-product-card .product-vender{
	gap: 4px;
}

ul.products .custom-product-card .product-vender__icon{
	width: 24px;
	height: 24px;
}

ul.products .custom-product-card .product-vender__name{
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
  font-size: 10px;
}

ul.products .custom-product-card .product-vender__info{
	gap: 0;
}

ul.products .custom-product-card__top{
	padding: 8px 0 0;
}

ul.products .custom-product-card__bottom{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 8px;
	padding:0 8px 12px 0px;
}

ul.products .custom-product-card .product-price{
	line-height: 1;
	font-size: 14px;
}
ul.products .custom-product-card .product-price .fee{
	font-size: 20px;
}


@media (max-width: 767px) {
		ul.products{
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
			gap: 3%;
		}
    ul.products li.product {
        width: 47% !important; /* 2列にする */
        margin:0 0 6%!important;
				align-self: stretch;
    }
		ul.products::before,
		ul.products::after{
			background-color: var(--color--purple-40);
			color: #fff;
			font-weight: 500;
			border-radius: 50px;
			margin: 0 auto;
			content: none!important;
		}
}

@media (min-width: 767px) {
		ul.products{
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
			gap: 2%;
		}
    ul.products li.product {
        width: 23.5% !important; /* 2列にする */
        margin:0 0 2% 0!important;
				align-self: stretch;
    }
		ul.products::before,
		ul.products::after{
			background-color: var(--color--purple-40);
			color: #fff;
			font-weight: 500;
			border-radius: 50px;
			margin: 0 auto;
			content: none!important;
		}
}


@media (max-width: 767px) {

/* スクロール可能にする */
.home ul.products,
ul.products.vendor-product-list{
	overflow: scroll;
	flex-wrap: nowrap;
}
.home ul.products li.product,
ul.products.vendor-product-list li.product {
	width: 160px!important;
	flex-shrink: 0;
}

}

ul.products li.product,
ul.products .wc-block-grid__product,
.wc-block-grid__products li.product,
.wc-block-grid__products .wc-block-grid__product{
	width: 30%;
}

/************************************************
 * 商品詳細
 ************************************************/
.product-container{
	max-width: 720px;	
	margin: auto;
}

/* サムネイル */
.product-thumbnail{
	margin: 0 calc(50% - 50vw) 1em;
	width: 100vw;
	border-radius: 0;
}

.product-thumbnail img{
	margin: auto;
	border-radius: 0;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	width: 100%;
	height: auto; /* 高さは自動 */
}

@media (min-width: 767px) {
	.product-thumbnail img{
		max-width: 720px;
	}	
}

/* タイトル */
.product-title{
	font-size: 20px;
	line-height: 1.5;
	font-weight: bold;
	margin-top: 1em;
}


/* 販売者アイコン */
.product-vender{
	display: flex;
	align-items: center;
	gap: 8px;
}
.product-vender__info{
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.product-vender__name{
	font-size: 15px;
	margin: 0;
	font-weight: 500;
	line-height: 1;
}
.product-vender__icon{
	width: 48px;
	border-radius: 50%;
	margin: 0!important;
}


/* 更新日 */
.product-dates{
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 11px;
	line-height: 1;
	color: var(--color--gray-50);
}
.product-dates__publish,.product-dates__update{
	display: flex;
	align-items: center;
	gap: 4px;
}


/* カテゴリー・タグ */
.product-meta{
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 1.5rem;
}
.product-meta__label{
	display: flex;
	align-items: center;
	background: var(--color--purple-0);
	border-radius: 8px;
	justify-content: center;
	padding: 8px;
	font-size: 14px;
}


/* コンテンツ部分 */
.private-content{
	margin-bottom: 2rem;
}
.private-content-locked__title{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	word-break: keep-all;
	color:  var(--color--purple-90);
	font-weight: bold;
}
.private-content-locked__title::before,
.private-content-locked__title::after{
	content: "";
	height: 1px;
	display: block;
	background-color: var(--color--purple-90);
	width: 100%;
}
.private-content-locked__description{
	color:var(--color--purple-90);
	display: flex;
	align-items: center;
	gap: 8px;
	justify-content: center;
	background: var(--color--purple-5);
	padding: 1em 0;
	border-radius: 8px;
	font-size: 14px;
}

.product-short-description{
	margin-top: 2rem;
}
.private-message{
	padding: 0.5em 1em;
	background: linear-gradient(45deg,var(--color--purple-10) , var(--color--purple-30));
	margin: 2em calc(50% - 50vw);
	width: 100vw;
	text-align: center;
}

.private-content-locked__card{
	display: flex;
	gap: 16px;
}

.private-content-locked__card img{
	width: 100px;
	object-fit: contain;
	object-position: top;
	border-radius: 0;
}

.private-content-locked__card .text{
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.private-content-locked__card .title{
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 0;
}
.private-content-locked__card .price{
	font-weight: bold;
	margin-bottom: 0;
}

.private-content-locked__card .point{
	font-size: 1.5em;
  color: var(--color--red);
}


/* 商品価格・カート追加 */

.product-purchase{
	margin: 0 0 6.4rem;
}

.product-price{
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 0;
	text-align: center;
}
.product-price .fee{
	font-size: 32px;
	color: var(--color--red);
}

.wp-child-theme-storefront-child-theme-master .single_add_to_cart_button {
  position: relative;
  display: inline-block;
  padding: 1em 2em;
  background: var(--color--purple-50);
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  border-radius: 8px;
  overflow: hidden;
  transition: background 0.3s ease;
	width: 100%;
	letter-spacing: 1px!important;
	box-shadow: 0 4px 0px 0px var(--color--purple-80);
}

.wp-child-theme-storefront-child-theme-master .single_add_to_cart_button::before {
  content: '';
	height: 100%;
	width: 30px;
	position: absolute;
	top: -180px;
	left: 0;
	background-color: #fff;
	opacity: 0;
	transform: rotate(45deg);
	animation: reflection 3s ease-in-out infinite;
}
@keyframes reflection {
	0% {
		transform: scale(0) rotate(45deg);
		opacity: 0;
	}
	80% {
		transform: scale(0) rotate(45deg);
		opacity: 0.5;
	}
	81% {
		transform: scale(4) rotate(45deg);
		opacity: 1;
	}
	100% {
		transform: scale(50) rotate(45deg);
		opacity: 0;
	}
}

.product-hint{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px;
	font-size: 12px;
	margin-top: 8px;
}

.product-hint a{
	text-decoration: underline;
}
.vendor-info{
	background: var(--color--brown-10);
	padding: 16px;
	border-radius: 16px;
	border-top-left-radius: 0;
	position: relative;
}
.vendor-info h2{
	font-size: 14px;
	position: absolute;
	top: 0;
	left: 0;
	background: var(--color--brown-10);
	color: #161616;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	padding: 8px 20px;
	font-weight: 400;
	transform: translateY(-100%);
}
.vendor-info__profile{
	display: flex;
	align-items: flex-start;
	gap: 8px;
}
.vendor-info__avator{
	flex-basis: 80px;
	flex-shrink: 0;
}
.vendor-info__avator img{
	border-radius: 50%;
}

.vendor-info__name{
	margin: 0;
	font-weight: 700;
	font-size: 16px;
}
.vendor-info__detail{

}
.vendor-info__description{
	font-size: 14px;
	margin: 0!important;
}
.vendor-info__description p{
	margin: 0!important;
}

.vendor-info__sns{
	display: flex;
	justify-content: flex-end;
}

.vendor-info__link{
	display: block;
	font-size: 14px;
	padding: .6180469716em 1.41575em;
	line-height: 1;
	background-color: var(--color--purple-5);
	width: fit-content;
	margin-top: 8px;
}

h2{
	font-size: 20px;
	font-weight: 600;
}

.vendor-products{
	margin-top: 40px;
}

.vendor-product-list{
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: 1rem;
}