@charset "UTF-8";

/* ヘッダ（スマートフォン） ファーストビュー用 */

/* usr/sb_layout.css のコピー ここから */

.pane-header + .pane-main {
  padding-top: 112px;
}
.pane-header.pane-order-header + .pane-main {
  padding-top: 72px;
}
.pane-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  /*height: 112px;*/
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
  background: #fff;
}

/* ここまで usr/sb_layout.css のコピー */

/* usr/sb_base_misc.css のコピー ここから */

@media screen and (max-width: 959px) {
  /* ----表示・非表示---- */

  .hidden-sb {
    display: none !important;
  }
}

/* ここまで usr/sb_base_misc.css のコピー */

/* usr/sb_base.css のコピー ここから */
h1, .h1, h2, .h2, h3, .h3 {
	color: #272727;
	border: 0;
	background: none;
	padding: 0;
	margin: 0;
}

/* ここまで usr/sb_base.css のコピー */

/* usr/sb_block.css のコピー ここから */

/* ----ヘッダー---- */
#header .container {
	/*max-width: 1440px;*/
	/*margin: 0 auto;*/
	padding-left: clamp(14px, 3.5vw, 40px);
	padding-right: clamp(14px, 3.5vw, 40px);
	padding-top: clamp(4px, 1.0vw, 13px);
	padding-bottom: clamp(12px, 3.0vw, 15px);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: clamp(10px, 2vw, 20px);
}
.block-header-logo {
	/*flex: 0 1 clamp(190px, 50%, 310px);*/
	flex: 0 1 53%;
	margin: 0;
	padding: 0;
}
.block-header-logo a {
	display: block;
	width: clamp(190px, 48.71vw, 310px);
}
.block-header-nav {
	/*flex: 0 1 clamp(120px, 33%, 500px);*/
	flex: 0 1 44%;
	text-align: right;
	margin-left: auto;
}
.block-headernav--item-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-left: auto;
	width: clamp(120px, 30.76vw, 200px);
}
.block-headernav--item-list li {
	width: clamp(43px, 11vw, 60px);
}
.block-headernav--item-list li a {
	display: block;
	text-decoration: none;
	padding-top: clamp(28px, 7.1vw, 45px);
	transition: all .3s;
}
.block-headernav--item-list li a:hover {
	color: #D00F31;
}
.block-headernav--item-list li.block-headernav--item-menu {
	width: clamp(25px, 6.4vw, 40px);
	margin-left: clamp(9px, 2.3vw, 17px);
	padding-top: 2px;
}
.block-headernav--item-list li.block-headernav--item-menu #header_menu {
	width: 100%;
	height: clamp(25px, 6.4vw, 40px);
	position: relative;
}
.block-headernav--item-list li.block-headernav--item-menu span {
	width: clamp(15px, 3.8vw, 24px);
	height: clamp(2px, 0.5vw, 3px);
	background-color: #000000;
	border-radius: 3px;
	font-size: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	display: block;
}
.block-headernav--item-list li.block-headernav--item-menu span::before,
.block-headernav--item-list li.block-headernav--item-menu span::after {
	content: "";
	width: clamp(15px, 3.8vw, 24px);
	height: clamp(2px, 0.5vw, 3px);
	background-color: #000000;
	border-radius: 3px;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
}
.block-headernav--item-list li.block-headernav--item-menu span::before {
	top: clamp(-9px, -1.2vw, -5px);
}
.block-headernav--item-list li.block-headernav--item-menu span::after {
	top: clamp(5px, 1.2vw, 9px);
}

.block-headernav--item-list li span {
	font-size: clamp(0.8rem, 1vw + 0.14rem, 1.1rem);
	text-align: center;
	display: block;
}

.block-header-info-frame {
	width: 100%;
	background-color: #AD0028;
}
#header .block-header-info-frame .container {
	width: 100%;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	background: none !important;
}
.block-header-info-frame .block-header-info {
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	width: 100%;
}
.block-header-info-frame .block-header-info span {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.9;
	display: inline-block;
	margin-right: 20px;
}
#header {
	width: 100%;
}
#header .container {
	/*max-width: 1440px;*/
	/*margin: 0 auto;*/
	padding-left: clamp(14px, 3.5vw, 40px);
	padding-right: clamp(14px, 3.5vw, 40px);
	padding-top: clamp(4px, 1.0vw, 13px);
	padding-bottom: clamp(12px, 3.0vw, 15px);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: clamp(10px, 2vw, 20px);
}
.block-header-logo {
	flex: 0 1 clamp(160px, 44%, 250px);
	margin: 0;
	padding: 0;
}
.block-header-logo a {
	display: block;
}
.block-header-nav {
	flex: 0 1 clamp(163px, 53%, 560px);
	text-align: right;
	margin-left: auto;
}
.block-global-category {
	flex: 0 1 clamp(80px, 15%, 134px);
}
.block-global-category .block-global-category--title {
	color: #FFFFFF;
	font-size: clamp(1.2rem, 1vw + 0.24rem, 1.5rem);
	height: clamp(30px, 7.6vw, 50px);
	background-color: #696969;
	border-radius: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.block-global-category ul {
	display: none;
}
.block-global-search {
	flex: 1;
}
.block-global-search form {
	background-color: #F2F2F2;
	border-radius: 25px;
	display: flex;
	align-items: center;
}
.block-global-search .block-global-search--keyword {
	font-size: clamp(1.2rem, 1vw + 0.24rem, 1.5rem);
	height: clamp(30px, 7.6vw, 50px);
	border: 0;
	margin: 0;
	padding: 0 16px;
	flex: 1;
	background: none;
}
.block-global-search .block-global-search--keyword::placeholder {
	color: #A8A8A8;
}
.block-global-search .block-global-search--submit {
	width: clamp(30px, 7.6vw, 50px);
	height: clamp(30px, 7.6vw, 50px);
	border: 0;
	background: none;
	margin: 0;
	padding: 0;
	background-image: url("../../img/usr/common/ico_search_r.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: clamp(15px, 3.8vw, 21px);
	cursor: pointer;
}
.block-headernav--item-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-left: auto;
	width: clamp(120px, 30.76vw, 200px);
}
.block-headernav--item-list li {
	width: clamp(43px, 11vw, 60px);
}
.block-headernav--item-list li a {
	display: block;
	text-decoration: none;
	padding-top: clamp(28px, 7.1vw, 45px);
	transition: all .3s;
}
.block-headernav--item-list li a:hover {
	color: #D00F31;
}
.block-headernav--item-list li.block-headernav--item-menu {
	width: clamp(25px, 6.4vw, 40px);
	margin-left: clamp(9px, 2.3vw, 17px);
	padding-top: 2px;
}
.block-headernav--item-list li.block-headernav--item-menu #header_menu {
	width: 100%;
	height: clamp(25px, 6.4vw, 40px);
	position: relative;
}
.block-headernav--item-list li.block-headernav--item-menu span {
	width: clamp(15px, 3.8vw, 24px);
	height: clamp(2px, 0.5vw, 3px);
	background-color: #000000;
	border-radius: 3px;
	font-size: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	display: block;
}
.block-headernav--item-list li.block-headernav--item-menu span::before,
.block-headernav--item-list li.block-headernav--item-menu span::after {
	content: "";
	width: clamp(15px, 3.8vw, 24px);
	height: clamp(2px, 0.5vw, 3px);
	background-color: #000000;
	border-radius: 3px;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
}
.block-headernav--item-list li.block-headernav--item-menu span::before {
	top: clamp(-9px, -1.2vw, -5px);
}
.block-headernav--item-list li.block-headernav--item-menu span::after {
	top: clamp(5px, 1.2vw, 9px);
}

.block-headernav--item-list li span {
	font-size: clamp(0.8rem, 1vw + 0.14rem, 1.1rem);
	text-align: center;
	display: block;
}
#header .container {
  flex-direction: row;
}
.block-header-logo, .block-header-nav {
  order: 1;
}
.block-global-category, .block-global-search {
  order: 2;
}
.block-headernav--item-list li.block-headernav--item-login a,
.block-headernav--item-list li.block-headernav--item-entry a,
.block-headernav--item-list li.block-headernav--item-cart a,
.block-headernav--item-list li.block-headernav--item-boookmark a,
.block-headernav--item-list li.block-headernav--item-mypage a {
	background-position: center top;
	background-repeat: no-repeat;
}
.block-headernav--item-list li.block-headernav--item-login a {
	background-image: url(../../img/usr/common/ico_login_b.png);
}
.block-headernav--item-list li.block-headernav--item-login a:hover {
	background-image: url(../../img/usr/common/ico_login_r.png);
}
.block-headernav--item-list li.block-headernav--item-entry a,
.block-headernav--item-list li.block-headernav--item-mypage a {
	background-image: url(../../img/usr/common/ico_mypage_b.png);
}
.block-headernav--item-list li.block-headernav--item-entry a:hover,
.block-headernav--item-list li.block-headernav--item-mypage a:hover {
	background-image: url(../../img/usr/common/ico_mypage_r.png);
}
.pane-header.at-login .block-headernav--item-list li.block-headernav--item-entry a,
.pane-header.at-login .block-headernav--item-list li.block-headernav--item-mypage a {
	background-image: url(../../img/usr/common/ico_mypage02_b.png);
}

.pane-header.at-login .block-headernav--item-list li.block-headernav--item-entry a:hover,
.pane-header.at-login .block-headernav--item-list li.block-headernav--item-mypage a:hover {
	text-decoration: none;
	background-image: url(../../img/usr/common/ico_mypage02_r.png);
}
.block-headernav--item-list li.block-headernav--item-cart {
	position: relative;
}
.block-headernav--item-list li.block-headernav--item-cart a {
	background-image: url(../../img/usr/common/ico_cart_b.png);
}
.block-headernav--item-list li.block-headernav--item-cart a:hover {
	background-image: url(../../img/usr/common/ico_cart_r.png);
}
.block-headernav--item-list li.block-headernav--item-cart .block-headernav--cart-count {
	color: #FFFFFF;
	font-size: 1.0rem;
	font-family: "Roboto";
	font-weight: 500;
	line-height: 1.0;
	position: absolute;
	right: 50%;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	margin-right: -18px;
	background-color: #D00F31;
}
.block-headernav--item-list li.block-headernav--item-boookmark a {
	background-image: url(../../img/usr/common/ico_bookmark_b.png);
}
.block-headernav--item-list li.block-headernav--item-boookmark a:hover {
	background-image: url(../../img/usr/common/ico_bookmark_r.png);
}
/* ----パンくずリスト---- */

.block-topic-path {
  padding: 0 clamp(14px, 3.5vw, 40px);
  /*padding: 0;*/
  border-top: 0;
  background: none;
  margin: 10px 0;
  /*margin-top: clamp(30px, 7.69vw, 100px);*/
}
.block-topic-path--list li {
	font-size: clamp(1.0rem, 1vw + 0.61rem, 1.2rem);
	padding-right: clamp(5px, 1.28vw, 7px);
	display: inline;
}
.block-topic-path--list li .block-topic-path--delimiter {
	font-size: 0;
	display: inline-block;
	vertical-align: middle;
	width: clamp(4px, 1.02vw, 6px);
	height: clamp(8px, 2.05vw, 11px);
	background-image: url("../../img/usr/common/ico_arrow02.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-right: clamp(5px, 1.28vw, 7px);
}
.block-topic-path a {
  text-decoration: none;
}
.block-topic-path a span {
	font-size: clamp(1.0rem, 1vw + 0.61rem, 1.2rem);
}


/* ここまで usr/sb_block.css のコピー */


/* usr/sb_user.css のコピー ここから */

.lazyload {
  opacity: 0;
}

.lazyloading {
  opacity: 1;
}

.lazyloaded {
  opacity: 1;
  transition: opacity 200ms;
}

/* ここまで usr/sb_user.css のコピー */


.page-top .block-thumbnail-t--items > li {
  /*width: 45.25vw;
  margin: 0 1.5vw 4vw 0;
  padding: 0;*/
}

.block-icon img {
  height: 18px;
  /*aspect-ratio: 32 / 11;*/
}

ul.block-topic--items > li dd .block-top-topic--icon-image img {
  /*height: 100%;*/
  /*aspect-ratio: 2 / 1;*/
}

.block-top-separate-banner--list img {
  width: 100%;
  aspect-ratio: 5 / 4;
}

.block-top-instagram .block-top-title img {
  height: 100%;
  aspect-ratio: 1 / 1;
}

ul.block-footer-sns--list > li > a > img {
  height: 90%;
  aspect-ratio: 1 / 1;
}