@charset "UTF-8";

.products_label-blue {
	background: #008fd4;
}

li.catecorys_item2 {
	margin: 5px 0 5px 20px;
	line-height: 2rem;
	max-width: 170px;
	width: 100%;
	max-height: 85px;
}

li.catecorys_item3 {
	max-width: 290px !important;
}

@media screen and (max-width: 736px) {
	li.catecorys_item2 {
		max-width: 150px;
	}
}

li.catecorys_item2>a {
	display: block;
	text-decoration: none;
	border: solid 1px #008fd4;
	text-align: center;
	background-color: #FFF;
	border-radius: 100vh;
	color: #008fd4;
}

li.catecorys_item2>a:hover {
	color: #fff;
	background: #008fd4;
	opacity: 100%;
}

@media screen and (max-width: 736px) {
	li.catecorys_item2 {
		margin: 12px auto 10px auto;
	}
}

div.newsflash {
	width: 1200px;
	display: block;
	margin: auto;
	text-align: center;
}

.newsflash_title {
	margin: auto;
	font-size: 1rem;
	display: inline-block;
}

div.newsflash_title div.products_label {
	display: inline-block;
	margin-right: 5px;
}

.gallery-items .topPickup_tabBtn_Red>[data-tab-item-active]>span,
.gallery-items .topPickup_tabBtn_Red>[data-tab-item-active]:before,
.gallery-items .topPickup_tabBtn_Red>[data-tab-item-active]:after {
	background: #f43838;
}


@media screen and (max-width: 736px) {
	div.newsflash {
		width: 100%;
		text-align: left;
	}

	.newsflash_title {
		display: block;
	}

	div.newsflash_title div.products_label {
		display: inline-block;
		margin-right: 5px;
	}
}

#pageTop {
	position: fixed;
	bottom: 20px;
	right: 20px;
}

#pageTop i {
	padding-top: 6px
}

#pageTop a {
	display: block;
	z-index: 999;
	padding: 5px 8px 8px 8px;
	border-radius: 30px;
	width: 35px;
	height: 35px;
	background-color: #008fd4;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

#pageTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}

.width80pct {
	width: 80%;
	margin: auto;
}

.nobodertable {
	border: none;
	max-width: 500px;
	margin: 0 30px;
}

.nobodertable td {
	background: none;
	border: none;
}

.background_iceblue {
	background: #00f8f812;
}

.btm_mgn_50 {
	margin-bottom: 50px;
}

.font12rem {
	font-size: 1.2rem;
}


.present {
	background: #FFF;
	border-radius: 10px;
	width: 90%;
	max-width: 650px;
	min-height: 200px;
	margin: 10px 15px;
	table-layout: fixed;
}

.present img {
	max-width: 200px;
	text-align: left;
	margin: 10px;
	border: #ddd solid 1px;
}

.present p.item-name {
	margin-top: 10px !important;
	font-size: 1.4rem;
	font-weight: bold;
	min-width: 220px;
}

.present p.number {
	text-align: right;
}

.present tr {
	text-align: center;
}

.present td {
	border: none;
	display: inline-block
}

td.pic {
	max-height: 240px;
	width: auto;
}

div.happyo {
	background-color: #3999e5;
	color: #FFF;
}

div.happyo p {
	margin-top: 0px;
	padding: 5px 25px 5px 25px;

}

img.pc {
	display: block;
}

img.smp {
	display: none;
}

@media screen and (max-width: 736px) {
	img.smp {
		display: block;
	}

	img.pc {
		display: none;
	}
}

/* 閲覧履歴用 */
.browsing_history {
	display: none;
}

.history_clear {
	text-align: center;
}

/* ヘッダー改修 */

.wrapper {
	overflow: unset;
}

.gHeader {
	position: sticky;
	top: 0;
	z-index: 2000;
	box-shadow: none;
	transition: box-shadow 0.15s ease-in;
}

.gHeader_inner {
	box-shadow: unset;
	position: relative;
}

.gNav_drop {
	padding: 0 30px;
}

.gNav .gNav_name {
	top: unset;
	transform: unset;
}

.gIconNum {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-color: #f00e0e;
	text-align: center;
	color: #fff;
	font-size: 10px;
	line-height: 16px;
	border-radius: 100%;
	transition: all .2s ease-in-out;
}

.gCartBtn {
	display: none;
}

.gHeader_notice {
	max-height: 0;
	transition: max-height 0.15s ease-out;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.gHeader_notice.show {
	max-height: 500px;
	transition: max-height 1s ease-in;
}

.gHeader.shadow {
	box-shadow: 0 3px 5px rgba(125, 125, 125, 0.3);
	transition: box-shadow 0.15s ease-out;
}

.gHeader_notice>div {
	border-bottom: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc;
	padding: 3px;
	text-align: center;
	background-color: #f8f8f8;
}

.gHeader_notice .notice_red,
.lg-outer.modal .modal-inner-message .notice_red {
	background-color: #ffdcdc;
}

.gHeader_notice .notice_orange,
.lg-outer.modal .modal-inner-message .notice_orange {
	background-color: #fff4dc;
}

.gHeader_notice .notice_green,
.lg-outer.modal .modal-inner-message .notice_green {
	background-color: #ebffdc;
}

.gHeader_notice .notice_blue,
.lg-outer.modal .modal-inner-message .notice_blue {
	background-color: #e4f6ff;
}

@media screen and (max-width: 736px) {
	.gHeader {
		position: sticky;
		height: unset;
		z-index: 1001;
	}

	.gHeader_inner {
		//position: relative;
	}

	.gCartBtn {
		display: block;
		text-align: center;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-decoration: none;
		color: #008fd4;
		position: relative;
	}

	.gCartBtn:before {
		content: "\f07a";
		font-family: FontAwesome;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 22px;
	}

	.gCartBtn .gIconNum {
		position: absolute;
		right: 0px;
		top: 5px;
		display: inline-block;
	}

	.gBar_menu-cart .gIconNum {
		text-indent: initial;
	}

}

.lg-outer.modal .lg-toolbar,
.lg-outer.modal .lg-item .lg-img-wrap {
	display: none;
}

.btn[disabled] {
	color: white !important;
}

.lg-outer.modal .lg-item {
	display: flex !important;
	justify-content: center;
	align-items: center;
}

.lg-outer.modal .lg-item::before {
	height: unset;
}

.lg-outer.modal .modal-inner {
	max-width: 800px;
	padding: 20px;
	background: white;
}

.lg-outer.modal .modal-inner-title {
	font-size: 1.57143rem;
	font-weight: bold;
	margin-bottom: 20px;
}

.lg-outer.modal .modal-inner-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 20px;
}

.lg-outer.modal .modal-inner-item img {
	display: block;
	width: 30%;
	border: 1px solid #dcdcdc;
	margin-right: 10px;
}

.lg-outer.modal .modal-inner-item span {
	font-size: 1.85714rem;
	font-weight: bold;
	white-space: initial;
	text-align: left;
}

@media screen and (max-width: 736px) {
	.lg-outer.modal .modal-inner-item span {
		font-size: 1.57143rem;
	}
}

.lg-outer.modal .modal-inner-buttons {
	display: flex;
	justify-content: space-evenly;
}

.lg-outer.modal .modal-inner-buttons button,
.lg-outer.modal .modal-inner-buttons a {
	width: 45%;
}

.lg-outer.modal .modal-inner-message div {
	margin-top: 20px;
	padding: 5px;
}


/* バイヤーおすすめコーナー用 */
.background_iceblue section:last-child {
	margin-bottom: 50px;
}

.background_iceblue section.narrow {
	margin: 60px auto 0 auto;
	max-width: 800px;
}

@media screen and (min-width: 737px) {
	.background_iceblue section .productDetail_col:first-child {
		width: calc(100%/3 - 30px);
	}

	.background_iceblue section .productDetail_col:last-child {
		width: calc(100%/3*2 - 30px);
	}
}

section.conversation {
	margin: 60px auto 0 auto;
	max-width: 800px;
}

.conversation .avatar {
	height: auto;
	width: 220px;
	vertical-align: top;
}

.balloon {
	position: relative;
	display: inline-block;
	margin: 1.5em 0 1.5em 15px;
	padding: 7px 10px;
	max-width: 540px;
	color: #555;
	font-size: 16px;
	background: #FFF;
	border: solid 3px #555;
	box-sizing: border-box;
	border-radius: 15px;
}

.balloon:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -24px;
	margin-top: -12px;
	border: 12px solid transparent;
	border-right: 12px solid #FFF;
	z-index: 2;
}

.balloon:after {
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
	margin-top: -14px;
	border: 14px solid transparent;
	border-right: 14px solid #555;
	z-index: 1;
}

.balloon p {
	margin: 15px 0 0 0;
	padding: 0;
}

.balloon p:first-child {
	margin: 0;
}

@media screen and (max-width: 736px) {

	.conversation .avatar {
		display: inline;
		width: 100px;
		height: auto;
	}

	.balloon {
		max-width: 100%;
	}

	.balloon:before {
		top: -12px;
		left: 35px;
		margin-left: -15px;
		border: 12px solid transparent;
		border-bottom: 12px solid #FFF;
	}

	.balloon:after {
		top: -16px;
		left: 35px;
		margin-left: -17px;
		border: 14px solid transparent;
		border-bottom: 14px solid #555;
	}
}

.contents_main {
	max-width: 100%;
}

section.gallery {
	margin: 60px auto 0 auto;
	max-width: 800px;
}

.gallery-items li {
	width: 380px;
	height: 380px;
	background-color: white;
}

.gallery-items img {
	height: 380px;
	object-fit: contain;
	opacity: 0.4;
	transition: all 300ms ease;
	transform: scale(0.8);
	max-width: unset;
	margin: auto;
}

.gallery-items .slick-center img {
	opacity: 1;
	transform: scale(1);
}

.gallery-items .mainImage_arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-decoration: none;
	font-size: 25px;
	color: #bfbfbf;
	z-index: 100;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
}

.gallery-items .mainImage_arrow-prev {
	left: -50px;
}

.gallery-items .mainImage_arrow-prev:before {
	content: "";
	font-family: "icons";
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.gallery-items .mainImage_arrow-next {
	right: -50px;
}

.gallery-items .mainImage_arrow-next:before {
	content: "";
	font-family: "icons";
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 736px) {
	.gallery-items .mainImage_arrow-prev {
		left: 0;
	}

	.gallery-items .mainImage_arrow-next {
		right: 0;
	}
}

/* トップページ新・特価商品欄用 2020-08-12 */
.pageID-top .topPickup_tabBtn {
	width: calc(100% - 20px) !important;
}

@media screen and (max-width: 736px) {
	.pageID-top .topPickup_tabBtn {
		width: 100% !important;
	}
}

.pageID-top .topPickup_tabBtn>a>span,
.pageID-top .topPickup_tabBtn>a:before,
.pageID-top .topPickup_tabBtn>a:after {
	background: #008fd4;
}

.pageID-top .topPickup_tabBtn_Red>a>span,
.pageID-top .topPickup_tabBtn_Red>a:before,
.pageID-top .topPickup_tabBtn_Red>a:after {
	background: #f43838;
}

.pageID-top .topPickup .topPickup_body:first-of-type {
	padding-bottom: 60px;
}

/* フランド一覧ページ用*/
.brandlist .brandlist-brands {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.brandlist li {
	list-style: none;
}

.brandlist .brandlist-brands li {
	flex-basis: 30%;
	margin-bottom: 10px;
}

.brandlist .brandlist-brands li a {
	text-decoration: none;
}

.brandlist .brandlist-nav {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

.brandlist .brandlist-nav a {
	background: none;
	border: 1px solid #333;
	color: #333;
	font-size: 1.14286rem;
	padding: 6px 10px;
	text-align: center;
	text-decoration: none;
	margin: 0 5px 5px;
}

@media screen and (max-width: 736px) {
	.brandlist .brandlist-brands li {
		flex-basis: 100%;
		margin-bottom: 10px;
	}
}

#paypal-box, #card-box {
	vertical-align: top;
	margin-bottom: 20px;
}

#paypal-logo, #card-logo {
	display: block;
	width: 320px;
	vertical-align: top;
}

/* トップページソーシャルメディア用 */
.social_icons {
	text-align: center;
	margin-bottom: 30px;
}

.social_icons a{
	display: inline-block;
	margin: 0 5px;
	width: 40px;
	height: 40px;
}

/* トップページカテゴリ一覧用 */
.pageID-top .topCate {
    margin-bottom: 30px;
}

.pageID-top .topCate_item {
    margin: 20px 0 0 20px;
    width: calc(100%/5 - 20px);
}

@media screen and (max-width: 736px) {
	.pageID-top .topCate_list {
	  margin: -10px 0 0 -10px;
	  justify-content: center;
	}
  
	.pageID-top .topCate_item {
	  margin: 10px 0 0 10px;
	  width: auto;
	}
}

/* 商品ページボトム特集一覧用 */
.bottom_features {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.bottom_features li {
	width: 49%;
	height: auto;
	margin-bottom: 20px;
}

@media screen and (max-width: 736px) {
	.bottom_features li {
		width: 100%;
	}
}

/* 商品ページ説明文内コメント用 */
.productDetail_col .conversation {
	display: flex;
}

.productDetail_col .conversation .avatar {
	object-fit: cover;
	height: 100px;
	width: 100px;
	border: 1px solid #dcdcdc;
	border-radius: 100px;
	background-color: #3fb6ea;
	display: inline-block;
	margin: 1.5em 0.5em 1.5em;
}

.productDetail_col .conversation .balloon {
	font-size: 100%;
	border: 1px solid #dcdcdc;
}

.productDetail_col .conversation .balloon:after {
	top: 50px;
	left: -28px;
	margin-top: -14px;
	border: 14px solid transparent;
	border-right: 14px solid #dcdcdc;
}

.productDetail_col .conversation .balloon:before {
	top: 50px;
	left: -26px;
	margin-top: -13px;
	border: 13px solid transparent;
	border-right: 13px solid #FFF;
}

@media screen and (max-width: 736px) {

	.productDetail_col .conversation .avatar {
		height: 70px;
		width: 70px;
	}

	.productDetail_col .balloon:before {
		top: 35px!important;
		margin-left: unset;
	}

	.productDetail_col .balloon:after {
		top: 35px!important;
		margin-left: unset;
	}
}

/*レビューカルーセル用*/

.reviewCarousel_list {
	margin: 0 -20px;
}

.reviewCarousel_item {
	margin: 0 20px;
	outline: none;
}

.reviewCarousel_item>a,
.reviewCarousel_item>div {
	text-decoration: none;
	color: inherit;
	display: flex;
	display: -webkit-flex;

}

.reviewCarousel_img {
	width: 106px;
	margin: 0 15px 0 0;
	flex-grow: 0;
	flex-shrink: 0;
	position: relative;
}

.reviewCarousel_img img {
	max-width: 100%;
	max-height: 106px;
	border: 1px solid #dcdcdc;
	background: #fff;
	object-fit: cover;
}

.reviewCarousel_img figcaption {
	font-size: x-small;
	font-feature-settings: "palt"1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.reviewCarousel_body> :first-child {
	margin-top: 0;
}

.reviewCarousel_body p {
	margin-top: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	position: relative;
	font-feature-settings: "palt"1;
	text-align: justify;
	word-wrap: break-word;
}

.reviewCarousel_body hr {
	margin-top: 3px;
	border: 0 none;
	border-top: 1px solid #dcdcdc;
	position: relative;
}

.reviewCarousel_body hr:before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 2px;
	top: 0px;
	border-top: 8px solid #ddd;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}

.reviewCarousel_body hr:after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 2px;
	top: -2px;
	border-top: 8px solid #ffffff;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}

.contents_bg-gray .reviewCarousel_body hr:after {
	border-top: 8px solid #F8F8F8;
}

.reviewCarousel_stars {
	color: #dcdcdc;
}

.reviewCarousel_stars span {
	color: #fdae14;
}

.reviewCarousel_date {
	margin: 0;
	font-family: Oswald;
	color: #7d7d7d;
}

.reviewCarousel_name {
	color: #000;
	position: relative;
	padding-top: 8px;
	padding-left: 1px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.reviewCarousel_name i {
	color: #008FD4;
	margin-right: 2px;
}

.reviewCarousel_title {
	margin: 0;
}

.reviewCarousel_arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-decoration: none;
	font-size: 25px;
	color: #bfbfbf;
	z-index: 100;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
}

.reviewCarousel_arrow-prev {
	left: -30px;
}

.reviewCarousel_arrow-prev:before {
	content: "";
	font-family: "icons";
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.reviewCarousel_arrow-next {
	right: -30px;
}

.reviewCarousel_arrow-next:before {
	content: "";
	font-family: "icons";
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 736px) {
	.reviewCarousel_list {
		margin: 0 -10px;
	}

	.reviewCarousel_item {
		width: 260px;
		margin: 0 10px;
	}

	.reviewCarousel_img {
		width: 80px;
		height: 80px;
	}
}

/* ページャの余白調整2020-11-18 */
.pager_list {
	margin: 40px 0 0;
}

@media screen and (max-width: 736px) {
	.pager_list {
		margin: 30px 0 0;
	}
}

/* レビュー欄のショップコメント欄2020-11-18 */
.reviews_reply {
	position: relative;
	padding: 15px;
	margin-top: 30px;
	background-color: #dcdcdc;
}

.reviews_reply:before {
	content: '';
	position: absolute;
	left: 20px;
	top: -15px;
	display: block;
	width: 0;
	height: 0;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #dcdcdc;
	border-left: 15px solid transparent;
}

.reviews_name,
.reviews_reply_name {
	font-weight: bold;
}

.reviews_reply_name {
	margin: 0;
}

.reviews_reply_body {
	border-top: 1px solid #7D7D7D;
	margin-top: 10px;
	padding: 15px 0 0;
}

/* ローカルお気に入り用2020-11-25 */
#qtip-growl-container {
	position: absolute;
	z-index: 2001;
}

#qtip-growl-container.sticky {
	position: fixed;
}

#qtip-growl-container .qtip {
	position: static;
	min-height: 0;
	overflow: hidden;
	margin: 0 0 5px 0;
}

.fav-btn.on {
	border-color: #f26d7e;
	color: #f26d7e;
}

.gNav_item.fav {
	display: none;
}

.gNav_item.fav .gNav_drop {
	padding: 0 0 0 15px;
}

.gNav_item.fav .gNav_dropItem{
	display: flex;
	align-items:baseline;
}

.gNav_item.fav .gNav_dropItem a {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.gNav_item.fav .gNav_dropItem i {
	margin-right: 9px;
}

.gNav_item.fav .gNav_dropItem i:hover {
	color: #f00e0e;
}

/* ゲスト購入用2020-12-11 */
.form_col>[type="email"] {
	flex-grow: 1;
	flex-shrink: 1;
}

[type="email"] {
	width: 100%;
	min-width: 1px;
	font-family: inherit;
	border: 1px solid #dcdcdc;
	background: #fff;
	height: 35px;
	padding: 0 10px;
}

/* 割引キャンペーン用 */
.productSummary_campaign .campaignIcon {
	color: white;
	font-size: 85%;
	background: #f43838;
	padding: 1px 5px;
	margin-right: 5px;
}
.cartTotal_campaign {
	margin: 10px 0;
	border: 1px solid #f43838;
	padding: 5px 10px;
	background-color: #fffcfc;
}
.cartTotal_campaign h4 {
	margin-bottom: 5px;
	font-weight: bold;
	text-align: center;
	color: #f43838;
}
.cartTotal_campaign .productSummary_campaign{
	margin-top: 0;
}
.cart_campaignPrice{
	color: #f43838;
}

/* ガイドドロップダウン */
.guide_child {
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	color: #ffffff;
	background-color: #008fd4;
	text-align: center;
}

.guide_child li{
	/*padding: 1em 1em;*/
	margin-bottom: 5px;
	padding-top: 5px;
}

.guide_child a {
	text-decoration: none;
	margin:20px 0;
}

.guide_oya:hover .guide_child {
	z-index: 100;
	visibility: visible;
}

/* 今週のおすすめページ */
.recommend-tab-wrap {
	display: flex;
	flex-wrap: wrap;
	margin:20px 0;
}
.recommend-tab-wrap:after {
	content: '';
	width: 100%;
	height: 3px;
	background: #325A8C;
	display: block;
	order: -1;
}
.recommend-tab-label {
	color: White;
	background: LightGray;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	padding: 10px .5em;
	order: -1;
	position: relative;
	z-index: 1;
	cursor: pointer;
	border-radius: 5px 5px 0 0;
	flex: 1;
	margin-right: 5px;
}
.recommend-checked {
	background: #325A8C;
}
.recommend-tab-switch {
	display: none;
}