@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@400;500;600;700&display=swap');
/*[Noto Serif JP]
font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
Regular 400
Medium 500 
Semi-bold 600*/

/*[Noto Sans JP]
font-family: 'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
Regular 400
Medium 500
Bold 700*/

/*[Montserrat]
font-family: 'Montserrat', "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
Light 300 ;
Regular 400;
Bold 700;*/

/* ----全体設定---- */

body {
  margin: 0;
  font-family: 'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-size: 14px;
  line-height: 1.5;
  min-width: 320px;
  color: #212324;
  background-color: #fff;
}

/* ----ヘッドライン---- */

h1,
.h1 {
	font-size: 28px;
	font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: 500;
	line-height: 1.28;
	background-color: transparent;
	margin: 16px 15px 32px;
	padding: 0 0 8px;
	border-bottom: 1px solid #212324;
}

h2 {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	background-color: inherit;
	padding: 0;
}

h3 {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.1;
	padding: 0;
}
h4 {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.42;
	padding: 0;
}
.block-category-list--header,
.block-category-list--header-img,
.block-genre-page--header,
.block-genre-page--header-img,
.block-event-page--header,
.block-event-page--header-img {
	padding: 0;
	border: 0;
}
.block-genre-page--header,
.block-category-list--header,
.block-event-page--header {
	margin-bottom: 16px;
}
.block-category-list--header-img,
.block-genre-page--header-img,
.block-event-page--header-img {
	margin: 0 0 16px;
	text-align: center;
	overflow: hidden;
}
.block-genre-page--header-img img,
.block-event-page--header-img img {
	max-width: none;
	height: 200px;
}
.block-top-event--header {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	background-color: inherit;
	padding: 0;
	margin: 32px 15px 16px;
}
.block-top-event--header a {
	color: #212324;
	display: block;
}
.block-category-list--header-img {
	position: relative;
}
.block-category-list--header-img::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.30);
	z-index: 1;
}
.block-category-list--header-img img {
	max-width: none;
	width: 100%;
}
.block-category-list--header-img > div {
	width: 100%;
	height: 100%;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10;
}
.block-category-list--header-img h2 {
	color: #FFFFFF;
	font-size: calc(28 / 375 * 100vw);
	font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: 600;
	line-height: 1.325;
	letter-spacing: 0.05em;
}
.block-category-list--header-img.no-mask::after {display: none;}
/* ----リンク---- */

a {
  color: #0068B7;
}
/* ----テキストカラー----*/
.price {
  color: #000000;
}
.block-ranking-r--scomment,
.block-thumbnail-t--scomment,
.block-goods-price--on-sales-comment,
.block-pickup-list-p--scomment,
.block-thumbnail-h--scomment {
	color: #AF001B;
}
.block-goods-price--on-sales-comment + .price,
.block-thumbnail-t--scomment + div .price,
.block-ranking-r--scomment + div .price,
.block-pickup-list-p--scomment + div .price,
.block-thumbnail-h--scomment + div .price {
	color: #AF001B;
}


/* ----入力フォーム共通---- */
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="url"],
input[type="number"] {
	-webkit-appearance: none;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="url"],
input[type="number"],
select,
textarea {
	padding: 4px;
	border: 1px solid #D8D8D8;
	background-color: #fff;
	border-radius: 4px;
	max-width: 100%;
}

input[type="text"]:hover,
input[type="tel"]:hover,
input[type="email"]:hover,
input[type="search"]:hover,
input[type="password"]:hover,
input[type="url"]:hover,
input[type="number"]:hover,
select:hover,
textarea:hover {
  border: 1px solid #D8D8D8;
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
	outline: none;
}
input[type="submit"], input[type="button"], button {
	border-radius: 4px;
}
/* ----ボタン---- */
.btn {
	border-radius: 4px;
}
.btn-primary {
	border: 1px solid #0068B7;
	background-color: #0068B7;
}
.btn-default {
	color: #0068B7;
	border: 1px solid #0068B7;
	background-color: #FFFFFF;
}
.btn-danger {
	color: #212324;
	border: 1px solid #dcdcdc;
	background-color: #dcdcdc;
}
.action-buttons,
.action {
	text-align: center;
}
.action .btn {
	padding: 17px 0;
	border-bottom-width: 1px;
	width: 82%;
	max-width: 285px;
}


/* ----ページャー---- */
.pager-total {
	text-align: left;
	padding: 0;
	margin: 0;
}
.pager-scope,
.pager-count {
	font-size: 12px;
	line-height: 1.5;
	text-align: left;
	padding: 0;
	margin: 10px 0;
	display: block;
}
.pager-first,
.pager-last {
	display: none;
}
.pagination > * {
	border: 0;
	margin: 0;
	padding: 0;
	background-color: inherit;
}
.pagination > li {
	min-width: 34px;
	width: 34px;
	margin: 0 3px;
	text-align: center;
}
.pagination > li.js-omit {
	margin: 0 -3px;
}
.pager-current {
	color: #000000;
}
.pagination > li a,
.pager-current span,
.pagination li.js-omit span {
	color: #000000;
	font-size: 12px;
	height: 34px;
	width: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
}
.pagination > li a,
.pager-current span {
	border: 1px solid #C7C7C7;
}
.pagination > li a {
	background-color: #FFFFFF;
}
.pager-current span {
	background-color: #CBD1D6;
}
.pagination > li.pager-previous {
	margin: 0 7px 0 0;
}
.pagination > li.pager-next {
	margin: 0 0 0 7px;
}
.pagination > li.pager-previous a,
.pagination > li.pager-next a {
	color: #FFFFFF;
	border: 1px solid #212324;
	background-color: #212324;
	position: relative;
}
.pagination > li.pager-previous a::after,
.pagination > li.pager-next a::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 7px;
	height: 7px;
	margin-top: -3px;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}
.pagination > li.pager-previous a::after {
	transform:  rotate(-45deg);
	margin-left: -2px;
}
.pagination > li.pager-next a::after {
	transform:  rotate(135deg);
	margin-left: -4px;
}
.pagination > li.pager-previous .block-icon-image--center,
.pagination > li.pager-next .block-icon-image--center {
	display: none;
}
.block-goods-list-naviframe,
.block-inquiry-history--pager-top {
	margin: 10px 15px;
	line-height: 1.0;
}
.block-purchase-history--pager,
.block-inquiry-history--pager-bottom,
.block-topic-details--pager-bottom,
.block-point-history-list--pager-bottom,
.block-arrival-notice-list--pager-bottom,
.block-favorite--pager-bottom {
	margin-top: 24px;
}

.block-goods-list-naviframe--top ul.pagination,
.pager-scope,
.block-goods-list-naviframe--bottom .pager-total,
.block-purchase-history--pager .pager-total,
.block-inquiry-history--pager-top ul.pagination,
.block-inquiry-history--pager-bottom .pager-total,
.block-regular-purcharse-list--pager-top ul.pagination,
.block-regular-purcharse-list--pager-bottom .pager-total,
.block-topic-details--pager-top ul.pagination,
.block-topic-details--pager-bottom .pager-total,
.block-point-history-list--pager-top ul.pagination,
.block-point-history-list--pager-bottom .pager-total,
.block-arrival-notice-list--pager-top ul.pagination,
.block-arrival-notice-list--pager-bottom .pager-total,
.block-favorite--pager-top ul.pagination,
.block-favorite--pager-bottom .pager-total {
	display: none;
}

.pagination.js-numbers li {
	display: none;
}
.pagination.js-numbers li.js-first,
.pagination.js-numbers li.js-show,
.pagination.js-numbers li.js-last,
.pagination.js-numbers li.pager-current {
	display: block;
}

/* マージン調整 */
.block-member-info h1,
.block-member-info-confirmation h1,
.block-member-registration-completed h1,
.block-coupon-list--header,
.block-update-mail-address--header,
.block-logout--header,
.block-shipping-address--header,
.block-withdrawal--header,
.block-purchase-history--header,
.block-purchase-history-detail--header,
.block-member-id--update-header,
.block-update-member-password--header,
.block-update-new-password--header,
.block-update-new-password--header,
.block-inquiry--header,
.block-inquiry-completed--header,
.block-questionnaire--header,
.block-questionnaire-completed--header,
.block-order-gift-noshi--title,
.block-order-gift-select--header,
.block-order-gift-dest--header,
.block-order-regular-add-complete h1,
.block-order-complete h1,
.block-order-gift-confirmation--header,
.block-goods-agreement--header,
.block-quick-order--header,
.block-mail-news--header,
.block-additional-authentication h1,
.block-login h1,
.block-topic-details--header,
.block-user-review-completed--header,
.block-user-review--header,
.block-favorite--header,
.block-regular-purcharse-cancellation--header,
.block-regular-purcharse-shipment-info-update--header,
.block-regular-purcharse-method-info-update--header,
.block-regular-purcharse-cycle-info-update--header,
.block-update-credit-card-info--header,
.block-order-cancellation-completed--header,
.block-order-cancellation--header,
.block-quick-member-registration-completed h1,
.block-quick-member-info-confirmation h1,
.block-quick-member-info h1,
.block-credit-card-confirmation--header,
.block-arrival-notice-list--header,
.block-point-history-list--header,
.block-onetimepassword-certify--header,
.block-onetimepassword-send--header,
.block-onetimepassword-send--header,
.block-regular-purcharse-list--header {
	margin: 0 0 32px 0;
}
.block-order-estimate h1,
.block-order-regular-add-confirm h1,
.block-order-method h1 {
	margin: 32px 0;
}
.block-order-regular-add-complete--body h1 ,
.block-order-complete--body h1 {
	text-align: left;
}
.block-coupon-list .block-topic-path,
.block-update-mail-address .block-topic-path,
.block-withdrawal .block-topic-path,
.block-shipping-address .block-topic-path,
.block-purchase-history .block-topic-path,
.block-purchase-history-detail .block-topic-path,
.block-member-id .block-topic-path,
.block-update-member-password .block-topic-path,
.block-inquiry .block-topic-path,
.block-inquiry-completed .block-topic-path {
	margin: 0;
	padding: 16px 0;
}

.block-order-gift-dest h2 {
	margin: 0;
}
.block-order-method h2,
.block-login--member-header,
.block-login--linelogin-header,
.block-login--snslogin-header,
.block-login--amazon-header,
.block-login--first-time-header,
.block-user-review-completed--message-header,
.block-user-review--item-header,
.block-regular-purcharse-detail--append-header,
.block-update-credit-card-info--update-creditcard-header,
.block-order-cancellation--order-detail-header,
.block-order-cancellation--cancellation-reason-header,
.block-credit-card-confirmation--credit-card-info-header,
.block-credit-card-confirmation--update-confirmation-header,
.block-purchase-history-detail--shipment-header,
.block-purchase-history-detail--append-header,
.block-mail-news h2,
.block-order-gift-confirmation--order-item-header,
.block-order-gift-confirmation--shipping-header,
.block-order-gift-confirmation--destination-address-header,
.block-order-gift-confirmation--other-header,
.block-order-gift-confirmation--method-pay-title,
.block-order-gift-confirmation--method h3,
.block-order-gift-confirmation--novelty-header,
.block-order-gift-confirmation--mailnews-title,
.block-order-gift-select--sender-title,
.block-order-gift-select--delivery-dest-header-title,
.block-order-gift-select--delivery-date h2,
.block-order-gift-select--coupon h2,
.block-order-gift-select--promotion h2,
.block-order-gift-select--point-payment h2,
.block-order-gift-select--method h2,
.block-order-gift-select--other-title,
.block-order-gift-noshi--noshi-container-title,
.block-order-gift-noshi h3,
.block-order-gift-noshi--wrap-container-title,
.block-order-gift-noshi--bag-container-title {
	margin: 32px 0 16px;
}

.block-accessory-list--name {
	margin: 32px 10px 16px;
}
.block-goodschange-list {
	margin: 0 10px;
}
/* ----テーブル---- */
.table,
.table td,
.table th {
  border: 1px solid #CBD1D6;
}

.table th {
  background-color: #F0F2F4;
}

/* ----アイコン画像---- */
.block-icon-image--flex-align-left {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: left;
}
/* ----縦型入力フォーム---- */
.fieldset-vertical .form-group {
	margin: 5px 0 10px 0;
	background-color: #F0F2F4;
	border-top: 1px solid #CBD1D6;
}
.fieldset-vertical .form-label {
	padding: 5px 10px;
}
.fieldset-vertical .constraint {
	padding: 5px;
	margin: 0;
}
.fieldset-vertical .form-control {
	padding: 10px 5px 5px;
	background-color: #FFFFFF;
	border-top: 1px solid #CBD1D6;
}