/* ヘッダ（ＰＣ） ファーストビュー用 */

/* sys/base_form.css のコピー ここから */

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

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 #ccc;
  background-color: #fff;
}

/* ----ボタン---- */

.btn {
  display: inline-block;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  white-space: nowrap;
  padding: 4px 10px;
}

.btn-default {
  color: #333;
  border: solid 1px #dcdcdc;
  background-color: #e5e5e5;
}

/* ここまで sys/base_form.css のコピー */


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

.pane-globalnav {
  position: relative;
  background-color: #f5f5f5;
  color: #000;
}

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


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

/* ----ヘッダー---- */

.block-header-info-frame {
  background: #F5F3F1;
}

.block-header-info-frame .container {
	height: auto;
	justify-content: space-between;
	padding: 10px 0;
}

.block-header-info {
	line-height: 2.0;
	/*width: 100%;*/
	width: auto;
	/*padding: 9px 0;*/
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	display: none;
}
ul.block-header-guide {
	display: flex;
	align-items: center;
	margin-left: auto;
}
ul.block-header-guide li {
	margin-left: 30px;
}
ul.block-header-guide li a {
	font-size: 15px;
	line-height: 1.866;
	display: block;
}

.block-header-logo {
	/*width: 132px;*/
	width: 198px;
	margin: 0 38px 0 0;
	padding: 0;
	font-size: 14px;
}
.block-header-logo a {
	padding: 5px 0 0;
	display: block;
}
.block-header-logo img {
	/*width: 100%;
	height: auto;*/
}
.pane-order-header .block-header-logo img,
.pane-cardupdate-header .block-header-logo img {
  width: 100%;
  height: auto;
}
ul.block-headernav--item-list {
  display: flex;
  align-items: center;
}

ul.block-headernav--item-list > li {
	width: 85px;
	margin-right: 5px;
  /*margin-right: 32px;*/
}

ul.block-headernav--item-list > li:last-of-type {
  margin-right: 0;
}

ul.block-headernav--item-list > li a {
	line-height: 2.0;
	text-align: center;
	display: block;
	position: relative;
	padding: 47px 0 6px;
}

ul.block-headernav--item-list > li a::before {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	z-index: 1;
	content: "";
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

ul.block-headernav--item-list > li.block-headernav--item-catalog a::before {
	background-image: url(../image/ico_catalog.png);
	background-size: 24px auto;
	height: 29px;
	top: 7px;
}
ul.block-headernav--item-list > li.block-headernav--item-entry a::before {
	background-image: url(../image/ico_entry.png);
	background-size: 30px auto;
	height: 29px;
	top: 8px;
}
ul.block-headernav--item-list > li.block-headernav--item-boookmark a::before {
	background-image: url(https://www.iikigokochi.jp/img/usr/common/ico_bookmark.png);
	background-size: 33px auto;
	height: 29px;
	top: 10px;
}
ul.block-headernav--item-list > li.block-headernav--item-login a::before {
	background-image: url(../image/ico_login.png);
	background-size: 28px auto;
	height: 29px;
	top: 6px;
}
ul.block-headernav--item-list > li.block-headernav--item-cart a::before {
	background-image: url(https://www.iikigokochi.jp/img/usr/common/ico_cart.png);
	background-size: 32px auto;
	height: 30px;
	top: 8px;
}
ul.block-headernav--item-list > li.block-headernav--item-mypage a::before {
	background-image: url(../image/ico_mypage.png);
	background-size: 23px auto;
	height: 30px;
	top: 8px;
}
ul.block-headernav--item-list > li.block-headernav--item-cart a .block-headernav--cart-count {
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
	text-align: center;
	position: absolute;
	top: -10px;
	right: 10px;
	display: block;
	width: 22px;
	height: 22px;
	white-space: nowrap;
	background-color: #CB6262;
	border-radius: 50%;
	z-index: 2;
}

/* ----ヘッダー検索---- */

.block-global-search {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	/*width: 314px;*/
	width: 480px;
	margin-right: 30px;
}

.block-global-search form {
	display: flex;
	align-items: center;
	/*width: 202px;*/
	width: 420px;
	/*padding: 19px 0;*/
}

.block-global-search form .block-global-search--submit {
	width: 45px;
	height: 45px;
	border: 0;
	padding: 0;
	background: #666666 url(https://www.iikigokochi.jp/img/usr/common/ico_search.png) center center / auto auto no-repeat;
}

.block-global-search form .block-global-search--keyword {
	width: calc(100% - 45px);
	height: 45px;
	outline: none;
	font-size: 15px;
	border: 1px solid #D6D6D6;
	border-right: 0;
	padding: 0 15px;
}

.block-global-search .block-global-search--searchdetail a {
  display: block;
  margin-left: 30px;
  padding: 7px 18px;
  border: 1px solid #111;
  border-radius: 16px;
  font-size: 11px;
}
.block-global-search .block-global-search--attention-keyword {
	width: 100%;
	display: flex;
	align-items: center;
	margin-top: 13px;
}
.block-global-search .block-global-search--attention-keyword dt {
	
}
.block-global-search .block-global-search--attention-keyword dd a {
	text-decoration: underline;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}
.block-global-search .block-global-search--attention-keyword dd a:hover {
	text-decoration: none;
}
/* ----グローバルナビ---- */

.pane-globalnav {
  position: relative;
}

ul.block-globalnav--item-list {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

ul.block-globalnav--item-list > li > a {
  display: block;
  padding: 15px 36px;
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  text-decoration: none;
  color: #000;
}

ul.block-globalnav--item-list > li.js-animation-megamenu-hover > a {
  position: relative;
  padding-right: 52px;
}

ul.block-globalnav--item-list > li.js-animation-megamenu-hover > a::after {
  position: absolute;
  top: calc(50% - 6px);
  right: 36px;
  display: block;
  width: 8px;
  height: 8px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  transform: rotate(45deg);
  transition: all 0.3s;
  content: "";
}

ul.block-globalnav--item-list > li.js-animation-megamenu-hover:hover > a::after {
  top: calc(50% - 2px);
  transform: rotate(225deg);
}

ul.block-globalnav--item-list > li .block-globalnav-menu {
  position: absolute;
  top: 50px;
  left: 0;
  display: none;
  width: 100%;
  background: #fff;
}

ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-frame {
  display: flex;
  width: 1380px;
  margin: 0 auto;
  padding: 30px 0;
}

ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-frame .block-globalnav-menu--item {
  width: 180px;
  margin-right: 60px;
}

ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-frame .block-globalnav-menu--item:nth-of-type(6n) {
  margin-right: 0;
}

ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-link {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0 0 16px;
}

ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-link .block-globalnav-menu--item-image {
  width: 56px;
}

ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-link .block-globalnav-menu--item-image img {
  width: 100%;
  vertical-align: top;
}

ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-link .block-globalnav-menu--item-text {
  width: 110px;
  margin-left: 14px;
  font-size: 16px;
}

ul.block-globalnav--item-list > li .block-globalnav-menu .block-dynamic-category--row {
  padding: 8px 0;
  font-size: 13px;
}

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


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

/* fade image in after load */
.lazyload {
  opacity: 0;
}
.lazyloading {
  opacity: 1;
}
.lazyloaded {
  opacity: 1;
  transition: opacity 200ms;
}

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


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

.block-goods-detail--color-variation-goods-image .bx-wrapper .bx-viewport .js-goods-detail-goods-slider .block-goods-detail-line-item img {
  /*height: 600px;
  aspect-ratio: 1 / 1;*/
}