@charset "UTF-8";
/*
============================================================
全ページ共通パーツ
240314 ランキング部分の数字デザイン変更（zozo風に）ウエイト値使い分け
============================================================ */

/* 各ページの見出し文字制御
---------------------------------------- */
.block-event-page--header-freespace .common--title01,
.block-topic-details .common--title01,
.hacobune-layout-base .hcb-title {
	letter-spacing: 0.05rem !important;
	font-size: 2rem !important;
    font-family: Shippori Mincho !important;
	font-weight: 600;
	margin-top: 1rem;
}
@media (min-width: 481px) {
	.block-event-page--header-freespace .common--title01,
	.block-topic-details .common--title01,
	.hacobune-layout-base .hcb-title {
		font-size: 2.4rem !important;
	}
}

/* 日本語非表示 */
.block-event-page--header-freespace .common--title01 span,
.block-topic-details .common--title01 span,
.hacobune-layout-base .hcb-title span {
    display: none !important;
}

/* ヘッダー【本番環境/STG共通】
----------------------------------------
処理内容：ヘッダーの高さと.wrapperのマージンTOP合わせる。ロゴサイズ変更＋中央に配置 */
/* 周年前の高さ：PC 8rem、SP 6rem */
/* #header  { height:     12rem !important; }
.wrapper { padding-top: 12rem !important; } */
.header--logo > img, .header--logo > svg { width: 200px; }
.header--logo { margin: 0 auto 0 !important; }
@media (max-width: 768px) {
/* #header  { height:     9rem !important; }
.wrapper { padding-top: 9rem !important; } */
.header--logo > img { width: auto; }
}

/* 翻訳＋越境関連★
---------------------------------------- */
@media (max-width: 767px) {
	/* 日本語▼プルダウン調整 */
	.stt-lang-select .stt-text { padding: 11px 27px 10px 17px; }
	.stt-lang-select .stt-text:after { top: 11px; }
	.stt-lang-select { 
		background-color: #ffffffcc;
		border: none;
		opacity: 0;
		transition: opacity 1s ease-out;
	}
	/* 日本語▼とJapanを入れるボックス */
	#crossborder-wrap {
		position: absolute;
		top: 0; left: 0;
		z-index: 99999999;
		display: flex;
		/* opacity: 0; */
		/* transition: opacity 1s ease-out; */
	}
	/* Japan調整 */
	[data-ge-shippingswitcher-flag] { margin-left: 8px; }
	/* 日本語▼プルダウン調整 */
	.stt-lang-select .stt-text { padding: 4px 27px 2px 17px; }
	.stt-lang-select .stt-text:after { top: 4px; }
	.stt-lang-select {
		position: relative;
	}
	/* Japan以外選択時の注意書き（黒帯） */
	#GlobaleFreeShippingBannerContainer {
		position: fixed;
		bottom: 6rem; /* 下部メニューの高さに合わせる */
		left: 0;
		width: 100vw;
	}
}
@media (min-width: 768px) {
	/* 日本語▼プルダウン調整 */
	.stt-lang-select .stt-text { padding: 8px 26px 7px 16px; }
	.stt-lang-select .stt-text:after { top: 9px; }

	/* Japan調整 */
	[data-ge-shippingswitcher-flag] {
		position: absolute;
		left: 3.4rem;
		bottom: -0.2rem;
		width: auto;
	}
}

/* h2関連（最近見たアイテム：jb_top.cssの内容と合わせる）
---------------------------------------- */
.pane-right-menu .block-recent-item h2,
.pane-main .block-recent-item h2,
.gift-itembox h2 {
	letter-spacing: 0.3rem !important;
	font-size: 2rem !important;
	font-family: Shippori Mincho !important;
	font-weight: 600;
}
@media (min-width: 768px) {
	.pane-right-menu .block-recent-item h2,
	.pane-main .block-recent-item h2,
	.gift-itembox h2 {
		font-size: 2.4rem !important;
	}
}
@media (max-width: 767px) {
	.pane-right-menu .block-recent-item h2,
	.pane-main .block-recent-item h2,
	.gift-itembox h2 {
		margin-bottom: 3rem !important;
	}
}
/* 日本語非表示 */
.pane-right-menu .block-recent-item h2 span,
.pane-main .block-recent-item h2 span,
.gift-itembox h2 span { display: none !important; }

/* VIEW ALL（共通パーツ）.block-common--view-all
---------------------------------------- */
.block-common--view-all, .hcb-more {
	text-align: right;
}
@media (min-width: 768px) {
	.block-common--view-all, .hcb-more {
		max-width: 1080px;
		margin: 0 auto !important;
	}
}
@media (max-width: 767px) {
	.block-common--view-all, .hcb-more {
		padding-right: 2.667%;
	}
}
.block-common--view-all a, .hcb-more a {
	position: relative;
	/* display: inline-block; */
	padding-right: 15px;
	font-size: 1.2rem;
	letter-spacing: 0.05rem;
    font-family: Shippori Mincho !important;
	font-weight: 600;
}
.block-common--view-all a::after, .hcb-more a::after {
	position: absolute;
	top: 6px; right: 2px;
	width: 7px; height: 7px;
	content: "";
	border-right: 1px solid #202020;
    border-top: 1px solid #202020;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* ランキング（zozo風）
---------------------------------------- */
/* 数字部分（パターン1） */
.block-ranking-r--rank {
	background-color: rgba(0, 0, 0, .1);
	width: 3.6rem;
	height: 3.6rem;
    display: flex;
    justify-content: center;
	align-items: center;
}
@media (max-width: 767px) {
	.block-ranking-r--rank {
		width: 2.4rem;
		height: 2.4rem;
	}
}
.block-ranking-r--rank:before {
	display: none;
}
.block-ranking-r--rank span {
	font-family: Shippori Mincho;
	font-weight: 500;
	font-size: 1.6rem;
	color: #fff;
	position: relative;
	top: -0.1rem;
    left: 0;
	white-space: nowrap;
    letter-spacing: 0.1rem;
}
@media (max-width: 767px) {
	.block-ranking-r--rank span {
		font-size: 1.1rem;
		width: 50%;
	}
}

/* フッター
---------------------------------------- */
.pane-bottomlink--SNS {
	padding: 6rem 0 2rem;
}
.pane-bottomlink--howtocare {
	margin: 0 0 3rem;
}
.pane-bottomlink--howtocare dl dt {
    font-family: Shippori Mincho;
	font-weight: 600;
	letter-spacing: 0.05rem;
    font-size: 2.2rem;
}
.pane-bottomlink--howtocare dl dt a::after {
	width: 0.5em;
    height: 0.5em;
	top: calc(50% - 0.2em);
}
.footer--navi--navi dl dt {
	font-family: Shippori Mincho;
	font-weight: 600;
	letter-spacing: 0.05rem;
	font-size: 1.9rem;
}
.footer--navi--navi dl dd ul li {
	margin: 0.5rem 0;
}
.footer--navi--navi dl dd ul li a {
	font-size: 1.2rem;
}
/* グレー線消し */
.pane-bottomlink--SNS,
	.pane-bottomlink--howtocare,
	.pane-footer {
	border-top: none;
}

@media (max-width: 767px) {

	.pane-bottomlink {
		border-top: none;
	}

	/* SNSアイコン */
	.pane-bottomlink--SNS dd ul li {
		margin: 0 1rem;
	}

	.pane-bottomlink--howtocare dl dt,
	.footer--navi--navi dl dt {
		font-family: Shippori Mincho;
		font-weight: 600;
		font-size: 1.5rem;
		margin: 0;
	}
	.pane-bottomlink--howtocare,
	.footer--navi--navi dl {
		border-top: none;
		margin: 0;
	}

	/* CONTACT ～ RECRUIT */
	.pane-bottomlink--howtocare dl {
		text-align: left;
	}
	.pane-bottomlink--howtocare dd {
		display: none;
	}
	.pane-bottomlink--howtocare dl dt a {
		text-decoration: underline;
	}

	.pane-bottomlink--howtocare dl dt a::after {
		display: none;
	}

	.pane-bottomlink--mailmagazine,
	.pane-bottomlink--howtocare {
		padding: 1.5rem 0 0;
	}

	/* INFORMATION・ABOUT US */
	.pane-footer {
		padding: 2rem 0 0;
	}
	.footer--navi--navi dl dt {
		padding: 1.5rem 2rem 0;
	}
	.footer--navi--navi dl dt:after {
		position: relative;
		content: '＋';
		right: auto;
		left: 0.5rem;
		border-top: none;
		border-right: none;
	}
	.footer--navi--navi dl dt.st__open:after {
		content: '－';
	}
	/* INFORMATION・ABOUT USの中身 */
	.footer--navi--navi dl dd ul li  {
		border-top: none;
	}
	.footer--navi--navi dl dd ul li a {
		background: none;
		padding: 1rem 4rem 0;
		text-decoration: underline;
	}
	.footer--navi--navi dl dd ul li a:after {
		display: none;
	}
	/* copyright */
	.pane-footer > p {
		border-top: none;
		margin-top: 2rem;
	}

}