@charset "UTF-8";

/*-----------------------------------------------------------------------
COMMON
-----------------------------------------------------------------------

.mainContent_Wrap { max-width:1280px; margin:40px auto 0; padding:0 20px; }
.mainContent_innerWrap { display:flex; justify-content:space-between; flex-wrap:wrap; }
.mainContent_sideMenu { width:24%; padding-right:4%; }
.mainContent .itemDetail .btn { width:300px; }*/

.woocommerce-notices-wrapper { width:100%; }
.woocommerce { width:100%; background:rgba(0,0,0,0.075); color:#454545; padding:10px 15px; border-radius:3px; margin-bottom:20px; line-height:1.75; }
.woocommerce-message { position:relative; padding-left:18px; }
.woocommerce-message:after { position:absolute; display:block; content:""; width:6px; height:10px; top:10px; left:0; border:solid 2px #aaa; border-left:0; border-top:0; transform:translateY(-50%) rotate(45deg); }
.woocommerce-message .button.wc-forward { float:right; font-size:10px; background:#1f3657; color:#fff; display:block; height:25px; line-height:1; display:flex; align-items:center; padding:3px 10px; transition:0.3s; }
.woocommerce-message .button.wc-forward:hover { background:#666; }

	@media only screen and (min-width:768px) {
		.mainContent { position:relative; }
		.woocommerce-notices-wrapper { margin-top:-45px; }
		.woocommerce { /*position:absolute; top:-15px; left:0;*/ }
	}
	
	@media only screen and (max-width:900px) {
		.woocommerce-message .button.wc-forward { float: none; width: 8.5em; margin-bottom:5px; }
	}
	
	@media only screen and (max-width:767px) {
		.woocommerce { position:relative; top:0; left:0; line-height:2.1; }
	}



/*-----------------------------------------------------------------------
category index
-----------------------------------------------------------------------*/

.itemList { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin-top:30px; }
.itemList::after{ content:""; display:block; width:32%; }

.itemList li { width:calc(100% / 3); width:32%; background:#f8f8f8; position:relative; margin-bottom:30px; }
.itemList li:before { content:""; position:absolute; top:0; left:0; background:#fff; padding:10px; margin:10px; width:calc(100% - 20px); height:calc(100% - 20px); }
.item_pic { background-repeat:no-repeat; background-position:top center; background-size:contain; padding:40%; position:relative; top:20px; margin:0 20px 20px; }
.item_text { padding:20px 30px; }
.item_info { position:relative; padding:20px 0 0  }
.item_info:before { content:""; position:absolute; top:0; left:0; width:50px; height:5px; background:#c00210; }
.item_info em { color: #c00210; font-size:15px; font-weight: bold; position:absolute; top:-8px; right:0; }

.item_info .tag { font-size:11px; font-weight: bold; position:absolute; top:-8px; right:0; }
.item_info .tag span:nth-child(n+2) { position:relative; padding-left:0px; }
.item_info .tag span:nth-child(n+2):before { content:"/"; padding-right:5px; }

.item_brand { font-size: 10px; }
.item_name { font-size:13px; word-break: break-all; }
.item_price { font-size:22px; font-weight:bold; margin-top:20px; position:relative; }

.item_price.with_coupon { display:flex; justify-content:flex-end; align-items:baseline; color:#c00210; }
.original_price { color:#ccc; font-size:13px; margin-right:10px; }
.original_price span { text-decoration:line-through; }

.itemList li:hover { background:#ddd; }
.itemList li:hover .item_pic { opacity:0.7; }
/*.item_pickup_price { color:#233c5e; font-size:22px; font-weight:bold; text-align:right; position:relative; margin:10px 0; }
.item_pickup_price em { color:#c00210; font-size:15px; font-weight:bold; position:absolute; top:25%; left:0; }
#pickupItem a:hover .overlay_text_title,
#pickupItem a:hover .overlay_text_ex { color:#c00210; }*/

	.itemList.related li { width:24%; background:none; position:relative; margin-bottom:0px; border-right:1px solid #ddd; }
	.itemList.related li:last-child { border-right:none; }
	.itemList.related li:before { display:none; }
	.itemList.related .item_info { padding:10px 0 0; }
	.itemList.related .item_info:before { width:38px; height:2px; }
	.itemList.related .item_pic { top:0px; margin:0 20px 0px; }
	.itemList.related .item_text { padding:20px 20px; }
	.itemList.related .item_name { font-size:10px; }
	.itemList.related .item_price { font-size:15px; margin-top:10px; }
	



/* SIDE MENU */
.item_counterBox { background:#f1f1f1; padding:18px 15px; position:relative; margin-bottom:30px; display:flex; justify-content:space-between; flex-wrap:wrap; }
.item_counterBox:after { left:100%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(241, 241, 241, 0); border-left-color:#f1f1f1; border-width:5px; margin-top:-5px; }
.item_counterBox span { display:block; }
.item_counter { position:absolute; top:13px; right:20px; padding-right:2.5em; text-align:right; font-size:16px; }
.item_counter_title { }
.item_counter:after { content:"items"; position:absolute; top:3px; right:0; font-size:12px; }

.sideMenu_divideBox:nth-of-type(n+2) { margin-top:30px; }
.sideMenu_divideBox em { display:block; border-top:1px solid #aaa; border-bottom:1px solid #aaa; font-size:13px; }
.sideMenu_title { padding:7px 0 5px; margin-bottom:10px; display:block; font-weight:bold; }
.sideMenuItem_list { font-size:13px; }
.sideMenuItem_list_nest { font-size:11px; margin:5px 10px 10px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; letter-spacing:0.03em; }
.sideMenuItem_list_nest a { color: #565656; }
.sideMenuItem_list a:hover, .sideMenuItem_list .active { color: #c00210; }

.mainContent_filterBox { margin:41px 0 30px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; padding:5px 0 6px 0; }
.ico_filter { position:relative; padding:0 0 0 25px; margin-bottom:0; }
.ico_filter:before { content:""; position:absolute; top:3px; left:0; background:url(../img/common/ico_filter.svg) no-repeat bottom center / contain; width:17px; height:17px; }
.mainContent_filterBox dt { cursor:pointer; position:relative; }
.mainContent_filterBox dt:after { content:"＋"; position:absolute; top:4px; right:10px; font-size:18px; line-height:1; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }
.mainContent_filterBox dt.active:after { content:"－"; }
.mainContent_filterBox dd { display:none; padding:20px 0 10px; }


.mainContent_filterBox input[type=checkbox] { display:none; }
.mainContent_filterBox input[type="checkbox"].checkbox02:checked + label { background:#1f3657 url(../img/common/ico_close.png) no-repeat 93% center / 10px auto; color:#fff; }
.mainContent_filterBox .check_label:hover { background: #E2EDF9; }
.mainContent_filterBox .check_label { display:inline-block; margin:5px; text-align:center; padding:4px 23px 4px 15px; cursor:pointer; color:#333; background:#f4f3f3; font-size:11px; }

.pager .pager-numbers { cursor: pointer;}

/*.mainContent_sideMenu .tagList { margin-top:15px; }*/

	@media only screen and (max-width:1024px) {
		/*.mainContent_sideMenu, .mainContent { width:100%; }
		.mainContent_sideMenu { order:2; padding-right:0; margin-bottom:50px; }*/
		.item_counterBox:after { display:none; }
	}
	
	@media only screen and (max-width:767px) {
		.mainContent_Wrap { margin:40px auto 0; }
		.mainContent_filterBox dt:after { top:2px; }
		.itemList { margin-top:20px;}
		.itemList li { width:48%; width:100%; margin-bottom:15px; }
		.item_price { font-size:24px; margin-top:10px; padding-right:5px; }
		.item_text { padding: 20px 20px; }
		.item_pic { background-size:50% auto; padding:40% 0 0; }
		.item_info .tag { width:50%; text-align:right; }
		.mainContent_filterBox { margin:20px 0 30px; }
		.item_counterBox { padding:10px 10px; }
		.item_counter { top:5px; }
	}
	
	@media screen and (max-width:1024px) and (min-width: 768px) {
		.sideMenuItem_list { display:flex; justify-content:space-between; flex-wrap:wrap; }
		.sideMenuItem_list li { width:50%; }
		.mainContent_sideMenu.onlyPc { display:none; }
		.pager { margin-bottom:80px; }
		.item_counterBox.small.onlyPc { display:none; }
	}


/*-----------------------------------------------------------------------
page
-----------------------------------------------------------------------*/

.mainContent_sideMenu h2 { font-size:22px; display:block; margin-bottom:20px; }
.mainContent_sideMenu h2:after { display:none; }
.mainContent_sideMenu h2 a { position:relative; text-align:right; display:block; }
.mainContent_sideMenu h2 a:after { content:""; position:absolute; top:0; left:0; width:20px; height:20px; margin-left:0px; background:url(../img/common/ico_arrow_black.png) no-repeat center left / contain; }

.mainContent_itemWrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top: 45px; }

.itemGallery { width:54%; }
.itemGallery_img img { border:10px solid #f8f8f8; box-sizing:border-box; }
.itemGallery .slick-list img { margin-bottom:16%;  }
.itemGallery .slick-dots { display:flex; justify-content:space-between; bottom:0; margin-bottom:30px; margin-left:0; }
.itemGallery .slick-dots li { width:24%; height:100%; border:7px solid #f8f8f8; box-sizing:border-box; margin:0; }
.itemGallery .slick-dots .slick-active { border:7px solid #e0e0e0; }

.itemDetail { width:42%; text-align:left; }
/*.itemDetail_inner { max-width:300px; }*/
/*.itemDetail > */.item_brand  { font-size:0.8rem; border-top:4px solid #c00210; display:inline-block; padding:8px 0 10px; }
.itemList .item_brand  { border-top:none; }
.itemDetail > .item_name { font-size:1rem; margin-bottom:20px; }

.itemDetail .tag { display:flex; justify-content:flex-start; margin:10px 0 20px; }
.itemDetail .tag span { background:#5877bf; color:#fff; display:inline-block; padding:2px 15px; font-size:11px; border-radius:3px; }
.itemDetail .tag span:nth-child(n+2) { margin-left:10px; }

.quantity { position:relative; /*border-top:1px dotted #233c5e;*/ border-bottom:1px dotted #233c5e; padding:10px 0 0; }
.quantity span { /*position:absolute; top:0; left:0;*/ float: left; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
input[type=number] { -moz-appearance:textfield; }
.quantity input { width:45px; height:25px; line-height:1.65; float:left; display:block; padding:0; margin:0; padding-left:20px; border:none; position:absolute; right:25px; font-size:16px; }
.quantity input:focus { outline:0; }
.quantity-nav { float:left; position:absolute; right:0; height:42px;  }
.quantity-button { position:relative; cursor:pointer; border-left:1px solid #eee; width:20px; text-align:center; color:#333; font-size:13px; font-family:"Trebuchet MS", Helvetica, sans-serif !important;   line-height:1.7; -webkit-transform:translateX(-100%); transform:translateX(-100%); -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; -o-user-select:none; user-select:none; }
.quantity-button { position:absolute; top:3px; height:50%; background:#eee; border-radius:50%; font-size:19px; line-height:1; }
.quantity-button.quantity-up { left:0px;  }
.quantity-button.quantity-down { left:-75px; bottom:-1px; }


.selectWrap { margin:10px 0; }

.select01 { position:relative; border:2px solid #919dae; margin:10px 0; /*max-width:300px; */ display:block; border-radius:3px; }
.select01::after { content:""; position:absolute; z-index:10; top:0; left:auto; bottom:0; right:10px; margin:auto; width:0; height:0; border-style:solid; border-width:5px 5px 0 5px; border-color: #333 transparent transparent transparent; pointer-events:none; box-sizing:border-box;  }
select { padding:10px 7px; display:block; border:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; width:100%; background:#fff; }

.relativeItems { margin-top:80px; }
.mainContent h4 { font-size:15px; border-bottom:1px dotted #233c5e; padding-bottom:15px; }


	@media only screen and (max-width:767px) {
		.mainContent_itemWrap { margin-top:5px; }
		.itemGallery, .itemDetail  { width:100%; }
		.itemDetail_inner { max-width:100%; margin-bottom:30px; }
		.itemDetail > .item_brand { font-size:11px; padding:4px 0 5px; }
		.itemDetail > .item_name  { font-size:14px; margin-bottom:20px; }
		.itemGallery_img img { border:7px solid #f8f8f8; box-sizing:border-box; }
		.itemGallery .slick-dots li { border:5px solid #f8f8f8; }
		.itemGallery .slick-dots .slick-active { border:5px solid #e0e0e0; }
		.itemList.related { margin-bottom:50px; }
		.itemList.related li { width:50%; border-bottom:1px dotted #ddd; padding-top:10px; }
		.itemList.related li:nth-child(2) { border-right:none; }
		.itemList.related li:nth-child(n+3) { border-bottom:none; }
		.quantity input { font-size:16px; }
	}


/*-----------------------------------------------------------------------
search
-----------------------------------------------------------------------*/

/*.searchResults .mainContent_sideMenu { order:1; }
.searchResults .mainContent { order:2; }*/

.item_counterBox_wrap { border-top:1px dotted #233c5e; margin-top:20px; padding-top:20px; }

#searchForm_page { display:flex; justify-content:space-between; padding:30px 0 20px; }
#searchForm_page input[type='text'] { background:#f8f8f8; border:none; border-radius:5px; height:45px; padding:5px 10px; width:75%; transition:0.3s; }
#searchForm_page input[type='submit'] { width:21%; margin-top:3px; }
#searchForm_page input[type='text']:focus { background:#fdfcf4; }

#search .pager { width:100%; }

	@media only screen and (max-width:767px) {
		#searchForm_page { padding:15px 0 10px; }
		.item_counterBox_wrap { border-top:none; margin-top:10px; padding-top:10px; }
	}



#loading {
  display: table;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.8;
}