@charset "utf-8";
/* -- 帯バナー（キャンペーンバナー） -- */
.block-banner--area {

	/* background-color: #fff;
	*/
	/* background-color: #EE6B9E;
	*/
	background-color: #db0000;
	border-top: 1px solid #fff;
}
.block-banner--area a {
	display: table;
	margin: auto;
	width: 1200px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
.block-banner--area img {
	display: block;
	width: 100%;
	height: auto;
}
/* -- トップ お役立ち情報 画像角丸 -- */
#main .block-yakudachi--tree-item img {
	border-radius: 10px;
}
/* -- 商品詳細ページのキャッチコピーのスタイル -- */
.block-goods-comment {
	color: #ff0000;
}
/* -- 商品詳細ページ　サイズ選択ボタンマージンTOP修正 -- */
.block-variation--item{
	margin-top: 5px;
}
/* -- ご注文内容の指定画面内 文字設定 -- */
.block-order-gift-select--point-type-select p.point-help-message,
.page-orderselect .point-help-message p {
	font-weight: bold;
}
.block-order-gift-select--point-type-select p.text-red {
	font-weight: normal;
}
/* -- カテゴリ一覧_文字サイズ修正 -- */
/*-ページヘッダータイトル色反転-*/
.block-event-page--header,
.block-genre-page--header,
.block-category-list--header{
	background-color: #888888;
	color: #ffffff;
	padding: 5px 16px;
}
.block-event-page--header,
.block-genre-page--header,
.block-category-list--header {
	margin-bottom: 5px;
}
/* -- トップページ ランキング画像サイズ調整 -- */
@media only screen and (min-width: 1025px) {
	#main .block-ranking--tree-item img {
		margin: 0 auto 15px;
		width: 60%;
	}
}
/* -- カテゴリ・ジャンル内イベントタイトル位置調整 -- */
.block-top-event--header {
	margin-bottom: 20px;
	padding-bottom: 0;
}
.block-top-event--goods + .block-top-event--header,
.block-top-event__link + .block-top-event--header,
.block-top-event--goods + .ev_btn_no + .block-top-event--header,
.block-top-event__link + .ev_btn_no + .block-top-event--header {
	margin-top: 60px;
	padding-top: 0;
	line-height: 1;
}
/* -- カテゴリ・ジャンル内イベントボタン非表示用 -- */
.ev_btn_no {
	display:none;
}
.ev_btn_no + .block-top-event--header + .block-top-event__link,
.ev_btn_all_no ~ .block-top-event--header + .block-top-event__link,
.ev_btn_no + .block-top-event--header + .block-top-event--goods + .block-top-event__link,
.ev_btn_all_no ~ .block-top-event--header + .block-top-event--goods + .block-top-event__link {
	display:none;
}
.ev_btn_no + .block-top-event--image + .block-top-event__link,
.ev_btn_all_no ~ .block-top-event--image + .block-top-event__link,
.ev_btn_no + .block-top-event--image + .block-top-event--goods + .block-top-event__link,
.ev_btn_all_no ~ .block-top-event--image + .block-top-event--goods + .block-top-event__link {
	display:none;
}
.ev_btn_no + .block-top-event__link,
.ev_btn_no + .block-top-event--goods + .block-top-event__link {
	display:none;
}
/* -- カテゴリ・ジャンル内イベントボタン表示サイズ調整用 -- */
.block-genre-page--event .block-top-event__link a,
.block-category-list--event .block-top-event__link a {
	padding: 10px;
	width: 320px;
}
/* -- イベント内イベントボタン表示調整用 240924 -- */
.block-event-page--accessory .block-top-event__link {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-event-page--accessory .block-top-event__link a {
  display: table;
  background-color: #EEE;
  color: #333;
  padding: 20px;
  width: 500px;
  text-align: center;
  border-radius: 10px;
  position: relative;
  height: 100%;
}
.block-event-page--accessory .block-top-event__link a {
  padding: 10px;
  width: 320px;
}
.block-event-page--accessory .block-top-event__link a:after {
  content: "»";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 20px;
  margin: auto;
}
/* -- イベント内関連イベントタイトル調整用 240924 -- */
.block-event-page--accessory .block-top-event--header {
  display: flex;
  padding-top: 5px;
  line-height: normal;
}
/* -- ジャンル内おまとめイベント表示調整 -- */
/* .block-genre-page--event {
  margin-top: 20px;
} */
.block-genre-page--event .matome_event {
	display: block;
	margin:  0px 5px 20px;
}
.block-category-list--event .block-top-event--image {
	text-align: center;
}
/* -- カテゴリ内おまとめイベント表示調整 -- */
.block-category-list--event .matome_event {
	display: block;
	margin:  0px 5px 40px;
}
.block-category-list--event .matome_event,
.block-category-list--event .block-top-event--image {
	text-align: center;
}
.block-category-list--event .block-top-event--image + .block-top-event--goods + .block-top-event__link {
	margin: 10px;
}
.block-category-list--event .matome_event h3.block-category-list--sub--header {
	font-size: 18px;
	margin-bottom: 0;
}
.page-category .matome_event .block-category-list--sub--header:before {
	content:none;
	vertical-align: middle;
	margin-right: 0;
}
/* -- おまとめ買いページ表示調整 -- */
.page-bulkbuying .block-combi-goods--addcart div.addcart {
	justify-content: center;
	align-items: center;
}
.page-bulkbuying .block-combi-goods--addcart div.addcart p {
	position: relative;
	padding-right: 38px;
	margin-right: 10px;
	font-weight: bold;
}
.page-bulkbuying .block-combi-goods--addcart div.addcart p::after {
	content: "";
	position: absolute;
	/* 縦軸をセンタリングする */
  top: 50%;
	right: 0;
	/* 縦軸をセンタリングする */
	transform: translateY(-50%);
  /* 好みで色を変えてください */
	border: 10px solid transparent;
	border-left: 20px solid #db0000;
}
/* -- カテゴリ・ジャンル内イベントタイトル画像の余白 -- */
.block-top-event__link + .block-top-event--image {
	margin-top: 60px;
}
.block-top-event--goods + .block-top-event--image {
	margin-top: 60px;
}
.block-top-event--header {
	margin-top: 60px;
	/*margin-bottom: 0px;
	*/
	/*padding: 0px;
	*/
}
/* -- カテゴリ・ジャンル内一番下のイベント下の余白 -- */
.block-genre-page--event,
.block-category-list--event {
	margin-bottom: 60px;
}
/*トップへ戻るボタン ----*/
#anchor {
	position: fixed;
	display: none;
	z-index: 20;
	right: 10px;
	bottom: 70px;
	width: 40px;
	height: 40px;
}
#anchor a {
	display: block;
	opacity: 0.5;
}
#anchor a img {
	display: block;
	width: 100%;
	height: auto;
}

/* カテゴリー・ジャンル・イベントの各タイトルの画像を中央配置 */
.block-category-list--header-img img,
.block-genre-page--header-img img,
.block-top-event--image img {
	display: block;
	margin: 0 auto;
}
/* イベントタイトルのリンク無効化*/
/* .block-top-event--header a,
.block-top-event--image a {
	pointer-events: none;
}
*/
/* イベントタイトル画像の時の上下余白 */
.block-top-event--image {
	margin-top: 60px;
	margin-bottom: 40px;
}
/*最近チェックした商品 余白.pane-right-menu {
	margin: -40px 0 30px;
}
*/

/* Mバナー4個並び調整 */
.ahf_fbox_left.ahf_mbanner {
  row-gap: 20px;
  column-gap: 10px;
}
.ahf_mbanner p {
  font-size: 15px;
}
@media only screen and (min-width: 769px) {
  .ahf_fbox_left.ahf_mbanner {
    row-gap: 30px;
    column-gap: 20px;
  }
  .ahf_mbanner .ahf_fitem25_pc {
    width: calc(25% - 60px / 4* 1);
  }
}
/* Mバナー4個並び調整 3カテ freespace */
.block-category-list--header-freespace .ahf_mbanner {
  margin-bottom: 60px;
}