@charset "UTF-8";
/* Begin #ss-snapItemBlockList styles */
div .snap-block-product-list-grid .snap-card .recommended-carded-staff-info .staff-profile-container {
	grid-auto-flow: column;
	grid-row: 2/4;
}

div .snap-block-product-list-grid .snap-card .recommended-carded-staff-info {
	grid-template-rows: 1fr 1fr 1fr;
}

div .snap-block-product-list .snap-block-product-list-grid .snap-card .recommended-carded-staff-info .staff-profile-container {
	grid-auto-flow: column;
	grid-row: 2/4;
}

div .snap-block-product-list .snap-block-product-list-grid .snap-card .recommended-carded-staff-info {
	grid-template-rows: 1fr 1fr 1fr;
}

div .snap-block-product-list .snap-block-product-list-grid {
	grid-template-rows: repeat(1, 1fr);
	grid-template-columns: repeat(4, 1fr);
}

div .snap-block-product-list-grid {
	grid-template-rows: repeat(1, 1fr);
	grid-template-columns: repeat(4, 1fr);
}
/* End #ss-snapItemBlockList styles */

/* Begin #ss-snapList styles */
/*
 * (jp)
 * SSQ開発者の方は、以下のスタイルのコメントを解除して表示位置を適切に調整してく
 * ださい。Aoyama開発者の方は編集する必要はありません。
 *
 * (en)
 * For SSQ developers, uncomment the style below to align the display properly.
 * For Aoyama developers, there is no need to edit.
 */
/*
body > .wrapper > .pane-content > .wrapper {
	width: 1400px;
	min-width: 1400px;
	max-width: 1400px;
}
*/
#ss-snapList {
	/*
	 * (jp)
	 * SSQ開発者の方は、スナップを5列表示するために幅を1400pxに設定してくださ
	 * い。Aoyama開発者の方は編集する必要はありません。
	 *
	 * (en)
	 * For SSQ developers, please set width to 1400px to display 5 columns of
	 * snaps. For Aoyama developers, there is no need to edit.
	 */
	width: 1300px;
	min-width: 1300px;
	max-width: 1300px;
}

#ss-snapList .pane-main {
	/*
	 * (jp)
	 * SSQ開発者の方は、スナップを5列表示するために幅を1130pxに設定してくださ
	 * い。Aoyama開発者の方は編集する必要はありません。
	 *
	 * (en)
	 * For SSQ developers, please set width to 1130px to display 5 columns of snaps.
	 * For Aoyama developers, there is no need to edit.
	 */
	width: 1030px;
	min-width: 1030px;
}
/* End #ss-snapList styles */

/* Begin #ss-snapDetail styles */
#ss-snapDetail .staff-profile-container {
	grid-auto-flow: column;
}

#ss-snapDetail .snap-item-container {
	grid-template-columns: 1fr 1fr;
}

#ss-snapDetail .snap-product-image {
	width: 30%;
}

#ss-snapDetail .snap-product-info {
	font-size: 11px;
	width: 70%;
}

#ss-snapDetail .snap-product-name {
	font-size: 11px;
}

#ss-snapDetail .snap-product-color {
	font-size: 11px;
}

#ss-snapDetail .snap-product-size {
	font-size: 11px;
}
/* End #ss-snapDetail styles */
