@charset "utf-8";
/* CSS Document */

/* フォント(NoteSansJP)をインポート */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Questrial&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');

html, body, div, span, object, iframe, h1, h2, h3, a, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, article, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, table, tr, th, td, img　address header {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-style: normal;
    vertical-align: baseline;
	font-family: 'Noto Sans JP', sans-serif;
	color: #000;
	font-weight: normal;
}
ul, ol{
	list-style: none;
}
a{
	text-decoration: none;
	cursor: pointer;
	color: inherit;
}
a:link, a:visited, a:active, a:hover{
	color: inherit;
}
a:hover{
	opacity: 0.7;
}
img{
	vertical-align: middle;
	max-width: 100%;
}
.clearfix::after{
	content: "";
	display: block;
	clear: both;
}
* {
    box-sizing: content-box;
}

/* iOSでのデフォルトスタイルをリセット */
input, textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	appearance: none;
	/* Gecko で使用できる値の一部 */
	-moz-appearance: none;
	/* WebKit/Blink (Gecko や Edge も同様) で使用できる値の一部 */
	-webkit-appearance: none;
    max-width: 100%;
}
input[type="submit"], input[type="button"], button {
	background: none;
	border: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* PC用 */
@media screen and (min-width: 1025px){
	div.header div.inner{
		max-width: 920px;
		margin: 0 auto;
		margin-top: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	div.header div.inner div.bnr img{
		width: 140px;
	}
	div.header div.inner h1 img{
		width: 150px;
	}
	div.header div.inner ul li img{
		width: 35px;
	}
	div.header div.inner ul li{
		position: relative;
		text-align: center;
		float: left;
		margin-right: 15px;
	}
	div.header div.inner ul li:last-of-type{
		margin-right: 0;
	}
	div.header div.inner ul li a span.fs-client-cart-count--0{
		display: none;
	}
	div.header div.inner ul li a span.fs-client-cart-count{
		position: absolute;
		right: -8px;
		top: -8px;
		width: 20px;
		height: 20px;
		border-radius: 100%;
		background-color: #B30000;
		font-family: 'Questrial', sans-serif;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
		line-height: 20px;
	}
	div.header div.inner ul li span{
		display: block;
		font-size: 10px;
	}

	div.header{
		max-width: 920px;
		margin: 0 auto;
		position: relative;
		text-align: right;
	}
	div.header ul.nav{
		font-size: 18px;
		max-width: 920px;
		margin: 35px auto;
		text-align: center;
		display: inline-block;
	}
	div.header ul.nav li{
		display: inline-block;
		margin-right: 80px;
		vertical-align: middle;
	}
	div.header ul.nav li:last-of-type{
		margin-right: 0;
	}

  div.header ul.nav li a{
		font-family: Quicksand, 'Noto Sans JP', sans-serif;
		font-size: 18px;
		font-weight: 500;
		letter-spacing: 2px;
  }

	div.header ul.nav li:last-of-type div input{
		font-size: 14px;
	}
	div.header ul.nav li:last-of-type div input::-webkit-input-placeholder{
		font-size: 14px;
	}
	div.header ul.nav li img{
		height: 17px;
	}
	div.header div.fs-p-headerNavigation__search{
		width: 200px;
		top: 0;
		right: 0;
		font-size: 14px;
	}
	div.header div.fs-p-headerNavigation__search button.fs-p-searchForm__button{
		width: 1.5em;
		height: 1.5em;
	}
	div.header div.fs-p-headerNavigation__search button.fs-p-searchForm__button::before{
		font-size: 23px;
		line-height: 26px;
	}
}



/*タブレット用 縦*/
@media screen and (max-width: 1024px) and (min-width: 415px){
	div.header div.inner{
		max-width: 95%;
		margin: 0 auto;
		margin-top: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	div.header div.inner div.bnr img{
		width: 140px;
	}
	div.header div.inner h1 img{
		width: 150px;
	}
	div.header div.inner ul li img{
		width: 35px;
	}
	div.header div.inner ul li{
		position: relative;
		text-align: center;
		float: left;
		margin-right: 15px;
	}
	div.header div.inner ul li:last-of-type{
		margin-right: 0;
	}
	div.header div.inner ul li a span.fs-client-cart-count--0{
		display: none;
	}
	div.header div.inner ul li a span.fs-client-cart-count{
		position: absolute;
		right: -8px;
		top: -8px;
		width: 20px;
		height: 20px;
		border-radius: 100%;
		background-color: #B30000;
		font-family: 'Questrial', sans-serif;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
		line-height: 20px;
	}
	div.header div.inner ul li span{
		display: block;
		font-size: 10px;
	}

	div.header{
		max-width: 920px;
		margin: 0 auto;
		position: relative;
		text-align: right;
	}
	div.header ul.nav{
		font-size: 18px;
		max-width: 920px;
		margin: 35px auto;
		text-align: center;
		display: inline-block;
		padding:0 2.5%;
	}
	div.header ul.nav li{
		display: inline-block;
		margin-right: 50px;
		vertical-align: middle;
	}
	div.header ul.nav li:last-of-type{
		margin-right: 0;
	}
	div.header ul.nav li:last-of-type div input{
		font-size: 14px;
	}
	div.header ul.nav li:last-of-type div input::-webkit-input-placeholder{
		font-size: 14px;
	}
	div.header ul.nav li img{
		height: 17px;
	}
	div.header div.fs-p-headerNavigation__search{
		width: 190px;
		top: 0;
		right: 0;
		font-size: 14px;
	}
	div.header div.fs-p-headerNavigation__search button.fs-p-searchForm__button{
		width: 1.5em;
		height: 1.5em;
	}
	div.header div.fs-p-headerNavigation__search button.fs-p-searchForm__button::before{
		font-size: 23px;
		line-height: 26px;
	}
}

/*タブレット用 横*/
@media screen and (max-width: 1024px) and (orientation: landscape) {
	div.header div.inner{
		max-width: 920px;
		margin: 0 auto;
		margin-top: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	div.header div.inner div.bnr img{
		width: 140px;
	}
	div.header div.inner h1 img{
		width: 150px;
	}
	div.header div.inner ul li img{
		width: 35px;
	}
	div.header div.inner ul li{
		position: relative;
		text-align: center;
		float: left;
		margin-right: 15px;
	}
	div.header div.inner ul li:last-of-type{
		margin-right: 0;
	}
	div.header div.inner ul li a span.fs-client-cart-count--0{
		display: none;
	}
	div.header div.inner ul li a span.fs-client-cart-count{
		position: absolute;
		right: -8px;
		top: -8px;
		width: 20px;
		height: 20px;
		border-radius: 100%;
		background-color: #B30000;
		font-family: 'Questrial', sans-serif;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
		line-height: 20px;
	}
	div.header div.inner ul li span{
		display: block;
		font-size: 10px;
	}

	div.header{
		max-width: 920px;
		margin: 0 auto;
		position: relative;
		text-align: right;
	}
	div.header ul.nav{
		font-size: 18px;
		max-width: 920px;
		margin: 35px auto;
		text-align: center;
		display: inline-block;
	}
	div.header ul.nav li{
		display: inline-block;
		margin-right: 80px;
		vertical-align: middle;
	}
	div.header ul.nav li:last-of-type{
		margin-right: 0;
	}
	div.header ul.nav li:last-of-type div input{
		font-size: 14px;
	}
	div.header ul.nav li:last-of-type div input::-webkit-input-placeholder{
		font-size: 14px;
	}
	div.header ul.nav li img{
		height: 17px;
	}
	div.header div.fs-p-headerNavigation__search{
		width: 200px;
		top: 0;
		right: 0;
		font-size: 14px;
	}
	div.header div.fs-p-headerNavigation__search button.fs-p-searchForm__button{
		width: 1.5em;
		height: 1.5em;
	}
	div.header div.fs-p-headerNavigation__search button.fs-p-searchForm__button::before{
		font-size: 23px;
		line-height: 26px;
	}
}