@charset "utf-8";



/* --------------------------------------------------------------------------------
	html & body
-------------------------------------------------------------------------------- */
html{
	
}
body {
	margin: 0 auto;
	padding: 0;
	max-width: 800px;
	line-height: 1.5;
	text-size-adjust: 100%;
	font-family: "Arial", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "sans-serif";
	font-weight: 500;
	
	color: #2d2d2b;
}

img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

address{
	font-style: normal;
}


/* --------------------------------------------------------------------------------
	共通 リセット タグ等
-------------------------------------------------------------------------------- */
.common {
	text-align: left;
	font-size: 4vw;
}

.common * {
	margin: 0;
	padding: 0;
	font-family: "Arial", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "sans-serif";
}

.common h1,
.common h2,
.common h3,
.common h4,
.common h5,
.common h6 {
	font-size: 1em;
}
.common ol,
.common ul {
	list-style: none;
}
.common table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em;
}
.common a,
.common a:link,
.common a:visited {
	text-decoration: none;
	
	color: #2d2d2b;
	-webkit-tap-highlight-color:rgba(0,0,0,0.1);
	tap-highlight-color:rgba(0,0,0,0.8);
}
.common a:hover,
.common a:active {
	text-decoration: none;
}

input,
select,
textarea{
	outline: none !important;
	box-shadow: none !important;
}


/* --------------------------------------------------------------------------------
	共通クラス
-------------------------------------------------------------------------------- */
.clear{
	clear:both;
}
br.clear{
	display:block;
	margin:0;
	padding:0;
	clear:both;
	height:0;
	border:none;
	visibility:hidden;
	font-size:0;
}
.clearfix::after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix{
	min-height:1%;
}
* html .clearfix{
	height:1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/********** プレースホルダー **********/
::-webkit-input-placeholder,
::placeholder{
	color:#000;
}


/* --------------------------------------------------------------------------------
	デバイスごとの表示・非表示
-------------------------------------------------------------------------------- */
.device-sp{
	display:block;
}
.device-sp-inline{
	display:inline;
}
.device-pc{
	display:none;
}
.device-pc-inline{
	display:none;
}

/* ----------------------------------------
customer表示切り替え
---------------------------------------- */
/********** ログイン・ログアウトの表示切り替え：ログアウト時 **********/
.my-false .logout{
	display: block !important;
}
.my-false .login{
	display: none !important;
}
/********** ログイン・ログアウトの表示切り替え：ログイン時 **********/
.my-true .logout{
	display: none !important;
}
.my-true .login{
	display: block !important;
}




/* --------------------------------------------------------------------------------
	container
-------------------------------------------------------------------------------- */
#container{
}




/* --------------------------------------------------------------------------------
	header-sp
-------------------------------------------------------------------------------- */
#header-sp{
}


/* ----------------------------------------
h-txt-shipping
---------------------------------------- */
#header-sp .h-txt-shipping {
	display: flex;
	justify-content: center;
	
	background: #2d2d2b;
}
#header-sp .h-txt-shipping .h-txt-shipping-box {
	padding: 1.5vw 0 1.5vw 7vw;
	text-align: center;
	font-size: 3vw;
	font-weight: bold;
	color: #fff;
	background: url("../images/common/h-icon-shipping.png") no-repeat 0 50%;
	background-size: 5vw auto;
}


/* ----------------------------------------
h-contents
---------------------------------------- */
#header-sp .h-contents{
	position: relative;
	background: #f3991f;
}
#header-sp .h-contents .h-contents-box{
	display: flex;
	align-items: center;
	
	width: 100%;
	margin: 0 auto;
	padding: 3vw 3.6vw;
}

/********** オープンメニュー **********/
#header-sp .h-btn-menu{
	width: 10vw;
	height: auto;
	margin: 0 23.5vw 0 0;
}
#header-sp .h-btn-menu img{
	display: block;
	width: 10vw;
	height: auto;
}

/********** h-logo **********/
#header-sp .h-logo{
	width: 26.5vw;
	height: auto;
	margin: 0 4vw 0 0;
}



/********** h-btn-search **********/
#header-sp .h-btn-search{

	
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 10.5vw;
	height: 10.5vw;
	margin: 0 1.5vw 0 0;
}
#header-sp .h-btn-search img{
	display: block;
	width: 5.7vw;
	height: auto;
}

/* ----------------------------------------
ドロップダウン
表示・非表示
---------------------------------------- */
/* 初期、通常時：隠しておく */
#header-sp .open-close-search .open-close-contents{
	display: none;
}
/* アクティブ時：表示 */
#header-sp .open-close-search:hover .open-close-contents{
	display: block;
}

/* ----------------------------------------
ドロップダウン
検索
---------------------------------------- */
#header-sp .h-dropdown-search{
	position: absolute;
	z-index: 100;
	top: 65px;
	left: 0;
	right: 0;
	
	width: 100%;
	padding: 3vw 0;
	background: rgba(204,204,204,0.95);
}
#header-sp .h-dropdown-search .search{
	width: 90%;
	margin: 0 auto;
	background: #fff;
}
#header-sp .h-dropdown-search .search form .search-box{
	display: flex;
	width:100%;
	border: solid 1px #828181;
}
#header-sp .h-dropdown-search .search form .search-box input[name="keyword"]{
	border-radius: 0;
	width: 80vw;
	padding: 0 5px;
	border: none;
	border-right: solid 1px #828181;
}








/********** カートボタン **********/
#header-sp .h-btn-cart{
}
#header-sp .h-btn-cart a{
	position: relative;
	
	display: flex;
	align-items: center;
	
	width: 17.5vw;
	height: 9vw;
	padding: 0 0 0 1.5vw;
	
	border-radius: 0.4vw;
	color: #f3991f;
	background: #2d2d2b;
}
#header-sp .h-btn-cart a .fs-client-cart-count{
	position: absolute;
	right: 1vw;
	
	display: flex;
	justify-content: center;
	width: 8vw;
	padding: 1vw 0 0;
	font-size: 4.5vw;
}
#header-sp .h-btn-cart img{
	display: block;
	
	width: 7vw;
	height: auto;
}


/* ----------------------------------------
h-menu
---------------------------------------- */
#header-sp .h-menu{
	position: fixed;
	z-index: 100;
	
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	
	display: none;
}

/********** オーバーレイ **********/
#header-sp .h-menu .overlay{
	position: absolute;
	z-index: -1;
	
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	
	background: rgba(45,45,43,0.9);
}

/********** 閉じるボタン **********/
#header-sp .h-menu .h-btn-close{
	position: absolute;
	right: 0;
	
	display: flex;
	justify-content: center;
	align-items: center;
	width: 12vw;
	height: 15vw;
}
#header-sp .h-menu .h-btn-close img{
	display: block;
	width: 3vw;
	height: auto;
}

/********** ハンバーガーメニュー内 **********/
#header-sp .h-menu .h-menu-box{
	width: 88vw;
	background: rgba(255,255,255,0.9);
	
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	
	padding: 0 0 12vw;
	
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

/********** ログイン・店舗情報 **********/
#header-sp .h-btn-login-shop ul{
	display: flex;
	
	width: 100%;
}
#header-sp .h-btn-login-shop ul li{
	width: 50%;
}
#header-sp .h-btn-login-shop ul li a{
	display: block;
	padding: 4.3vw 0 4.3vw 14.5vw;
	background-color: #fdfdfd;
}
#header-sp .h-btn-login-shop ul li.h-btn-login a{
	background-image: url("../images/common-device/h-icon-arr.svg"), url("../images/common-device/h-icon-my.png");
	background-repeat: no-repeat;
	background-position: calc(100% - 7.5vw) 50%, calc(100% - 32vw) 50%;
	background-size: 2.3vw auto, 3.8vw auto;
}
#header-sp .h-btn-login-shop ul li.h-btn-shop a{
	border-left: solid 0.2vw #666;
	background-image: url("../images/common-device/h-icon-arr.svg"), url("../images/common-device/h-icon-shop.png");
	background-repeat: no-repeat;
	background-position: calc(100% - 7.5vw) 50%, calc(100% - 32vw) 50%;
	background-size: 2.3vw auto, 3.8vw auto;
}

/********** 見出し **********/
#header-sp .h-menu .heading{
	display: flex;
	align-items: center;
	
	width: 100%;
	padding: 1.5vw 4vw;
	background: #6a6664;
	color: #fff;
	font-weight: bold;
	font-size: 3.4vw;
}
#header-sp .h-menu .heading::before{
	content: '';
	
	display: block;
	width: 1.5vw;
	height: 1.5vw;
	margin: 0 2vw 0 0;
	background: #f3991f;
}


/* アコーディオンボタン */
#header-sp .h-menu .h-menu-cat .open-close-btn{
	padding: 0 0 0 11.5vw;
	border-bottom: solid 1px #6a6664;
	background: #ecebeb;
	background-repeat: no-repeat;
	background-position: 3vw 50%;
	background-size: 5vw auto;
}
#header-sp .h-menu .h-menu-cat .open-close-btn .open-close-btn-box {
	padding: 3.3vw 0;
	background-position: calc(100% - 5vw) 50%;
	background-repeat: no-repeat;
	background-size: 3.3vw auto;
}

/* 非アクティブ */
#header-sp .h-menu .h-menu-cat .open-close .open-close-btn .open-close-btn-box {
	background-image: url("../images/common-device/h-arr-down.svg");
}
/* アクティブ時 */
#header-sp .h-menu .h-menu-cat .open-close.active .open-close-btn{
	background-color: #e18e1d;
}
#header-sp .h-menu .h-menu-cat .open-close.active .open-close-btn .open-close-btn-box {
	background-image: url("../images/common-device/h-arr-up.svg");
}

/* 防寒着 */
#header-sp .h-menu .h-menu-cat .h-cat-boukan .open-close-btn {
	background-image: url("../images/common-device/h-cat-boukan.png");
	background-size: 5vw auto;
	background-position: 3.5vw 50%;
}
/* 通年作業服 */
#header-sp .h-menu .h-menu-cat .h-cat-tsunen .open-close-btn {
	background-image: url("../images/common-device/h-cat-tsunen.png");
	background-size: 5.2vw auto;
	background-position: 3.5vw 50%;
}
/* パンツ */
#header-sp .h-menu .h-menu-cat .h-cat-pants .open-close-btn {
	background-image: url("../images/common-device/h-cat-pants.png");
	background-size: 2.9vw auto;
	background-position: 4.5vw 50%;
}
/* ツナギ */
#header-sp .h-menu .h-menu-cat .h-cat-tsunagi .open-close-btn {
	background-image: url("../images/common-device/h-cat-tsunagi.png");
	background-size: 5vw auto;
	background-position: 3.5vw 50%;
}
/* レインウェア */
#header-sp .h-menu .h-menu-cat .h-cat-rainware .open-close-btn {
	background-image: url("../images/common-device/h-cat-rainware.png");
	background-size: 5vw auto;
	background-position: 3.5vw 50%;
}
/* ヤッケ */
#header-sp .h-menu .h-menu-cat .h-cat-yakke .open-close-btn {
	background-image: url("../images/common-device/h-cat-yakke.png");
	background-size: 5vw auto;
	background-position: 3.5vw 50%;
}
/* リラックス */
#header-sp .h-menu .h-menu-cat .h-cat-relax .open-close-btn {
	background-image: url("../images/common-device/h-cat-relax.png");
	background-size: 5vw auto;
	background-position: 3.5vw 50%;
}
/* 安全靴 */
#header-sp .h-menu .h-menu-cat .h-cat-anzengutsu .open-close-btn {
	background-image: url("../images/common-device/h-cat-anzengutsu.png");
	background-size: 5vw auto;
	background-position: 3.5vw 50%;
}
/* 長靴 */
#header-sp .h-menu .h-menu-cat .h-cat-nagagutsu .open-close-btn {
	background-image: url("../images/common-device/h-cat-nagagutsu.png");
	background-size: 5vw auto;
	background-position: 3.5vw 50%;
}
/* 靴下 */
#header-sp .h-menu .h-menu-cat .h-cat-kutsushita .open-close-btn {
	background-image: url("../images/common-device/h-cat-kutsushita.png");
	background-size: 5vw auto;
	background-position: 3.5vw 50%;
}
/* 手袋 */
#header-sp .h-menu .h-menu-cat .h-cat-tebukuro .open-close-btn {
	background-image: url("../images/common-device/h-cat-tebukuro.png");
	background-size: 5vw auto;
	background-position: 3.5vw 50%;
}
/* 小物 */
#header-sp .h-menu .h-menu-cat .h-cat-komono .open-close-btn {
	background-image: url("../images/common-device/h-cat-komono.png");
	background-size: 5vw auto;
	background-position: 3.5vw 50%;
}
/* レディース */
#header-sp .h-menu .h-menu-cat .h-cat-ladies .open-close-btn {
	background-image: url("../images/common-device/h-cat-ladies.png");
	background-size: 5vw auto;
	background-position: 3.5vw 50%;
}
/* 夏用作業服 */
#header-sp .h-menu .h-menu-cat .h-cat-natsu .open-close-btn {
	background-image: url("../images/common-device/h-cat-natsu.png");
	background-size: 5vw auto;
	background-position: 3.5vw 50%;
}
/* 空調作業服 */
#header-sp .h-menu .h-menu-cat .h-cat-kucho .open-close-btn {
	background-image: url("../images/common-device/h-cat-kucho.png");
	background-size: 5vw auto;
	background-position: 3.5vw 50%;
}


/********** サブカテゴリー **********/
#header-sp .h-menu .h-menu-sub-cat{
	display: none;
	background: #cecece;
}
#header-sp .h-menu .open-close.active .h-menu-sub-cat{
	display: block;
}


/********** サブカテゴリーボタン **********/
#header-sp .h-menu .h-menu-sub-cat a{
	display: block;
	padding: 2vw 0 2vw 11.5vw;
	border-bottom: solid 1px #6a6664;
	background: #cecece url("../images/common-device/h-icon-arr.svg") no-repeat calc(100% - 5.5vw) 50%;
	background-size: 2.2vw auto;
	font-size: 3.5vw;
}


/********** ブランドから探す **********/
#header-sp .h-menu .h-menu-brand ul li{
	border-bottom: solid 1px #6a6664;
}
#header-sp .h-menu .h-menu-brand ul li a{
	display: flex;
	
	width: 100%;
	padding: 2vw 0 2vw 3vw;
	background: url("../images/common-device/h-icon-arr.svg") no-repeat calc(100% - 5.5vw) 50%;
	background-size: 2.2vw auto;
	font-size: 3.5vw;
}
#header-sp .h-menu .h-menu-brand ul li a .brand-logo{
	padding: 0 3.5vw 0 0;
}
#header-sp .h-menu .h-menu-brand ul li a .brand-logo img{
	display: block;
	width: 12.5vw;
}
#header-sp .h-menu .h-menu-brand ul li a .label{
	padding: 1.25vw 0 0 0;
}


/********** お買い物ガイド・メールマガジン **********/
#header-sp .h-btn-help ul{
	display: flex;
	justify-content: space-between;
	
	width: 100%;
}
#header-sp .h-btn-help ul li{
	width: 50%;
	padding: 1vw 0;
}
#header-sp .h-btn-help ul li a{
	display: block;
	padding: 5vw 5vw 5vw 11vw;
}
#header-sp .h-btn-help ul li.h-btn-help-guide a{
	display: flex;
	
	width: 100%;
	
	background-image: url("../images/common-device/h-icon-arr.svg"), url("../images/common-device/h-icon-guide.png");
	background-repeat: no-repeat;
	background-position: calc(100% - 4.5vw) 50%, 4vw 50%;
	background-size: 2vw auto, 4.8vw auto;
	
	font-size: 3.4vw;
}
#header-sp .h-btn-help ul li.h-btn-help-mailmagazine a{
	display: flex;
	
	width: 100%;
	
	background-image: url("../images/common-device/h-icon-arr.svg"), url("../images/common-device/h-icon-mail-mag.png");
	background-repeat: no-repeat;
	background-position: calc(100% - 4.5vw) 50%, 4vw 50%;
	background-size: 2vw auto, 4.8vw auto;
	
	font-size: 3.4vw;
}


/********** SNS **********/
#header-sp .h-sns-btns ul{
	display: flex;
	justify-content: space-between;
	
	width: 100%;
	padding: 0 16.5vw;
}
#header-sp .h-sns-btns ul li{
	width: 11.8vw;
}




/* --------------------------------------------------------------------------------
	footer-sp
-------------------------------------------------------------------------------- */
#footer-sp{
	padding: 10vw 0 0;
}


/* ----------------------------------------
ナビゲーション
---------------------------------------- */
#footer-sp .f-nav{
	
}


/********** f-nav **********/
#footer-sp .f-nav > ul{
	display: flex;
	flex-wrap: wrap;
	
	width: 100%;
	border-top: solid 0.2vw #868381;
}
#footer-sp .f-nav > ul > li{
	display: flex;
	align-items: center;
	
	width: 50%;
	border-bottom: solid 0.2vw #868381;
	background: #ebebeb;
}
#footer-sp .f-nav > ul > li:nth-of-type(2n){
	border-left: solid 0.2vw #868381;
}
#footer-sp .f-nav > ul > li > a{
	display: block;
	
	width: 100%;
	padding: 2vw 0 2vw 3vw;
	background: url("../images/common-device/h-icon-arr.svg") no-repeat calc(100% - 3.6vw) 50%;
	background-size: 1.3vw auto;
	font-size: 2.3vw;
}


/********** f-sns **********/
#footer-sp .f-sns {
	background: #ebebeb;
	padding: 1.7vw 0;
}
#footer-sp .f-sns ul {
	display: flex;
	justify-content: center;
}
#footer-sp .f-sns ul li {
	width: 7vw;
	margin: 0 4.7vw 0 0;
}


/********** copyright **********/
#footer-sp .copyright{
	padding: 2.5vw 0;
	text-align: center;
	color: #2d2d2b;
	background: #f3991f;
	font-size: 2.5vw;
}
#footer-sp .copyright small {
	font-size: 1em;
}