@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700|Noto+Sans:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed+JP:400,500,700|Barlow+Semi+Condensed:400,700&display=swap');
/* --------------------------------------------------------------------------------
	body
-------------------------------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	min-width: 1200px;
	line-height: 1.5;
	font-size: 14px;
	text-size-adjust: 100%;
	/*font-family: Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Arial, sans-serif; */
	font-family: 'Noto Sans', sans-serif;
	font-family: 'Noto Sans JP', sans-serif;
}
/* --------------------------------------------------------------------------------
	タグ
-------------------------------------------------------------------------------- */
.common * {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	/*font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", 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;
	tont-size: 1em;
}
.common a, .common a:link, .common a:visited {
	text-decoration: none;
	color: #8a8989;
	-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;
}
/* --------------------------------------------------------------------------------
	共通クラス
-------------------------------------------------------------------------------- */
.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;
	/**/
}
/* --------------------------------------------------------------------------------
	デバイスごとの表示・非表示
-------------------------------------------------------------------------------- */
.device-sp {
	display: none;
}
.device-sp-inline {
	display: none;
}
.device-pc {
	display: block;
}
.device-pc-inline {
	display: inline;
}
.inner {
	width: 1200px;
	margin: 0 auto;
}
/* --------------------------------------------------------------------------------
	container
-------------------------------------------------------------------------------- */
#container {}
/* --------------------------------------------------------------------------------
	header
-------------------------------------------------------------------------------- */
.fs-l-header {
	display: block;
	padding-top: 0;
	margin: 0;
}
.fs-l-header__contents {
	display: block;
	grid-template-columns: none;
}
.fs-l-header__contents > * {
	padding: 0;
}
/* ヘッダー 
---------------------------------------------------- */
#header .inner {
	width: 100%;
	color: #8a8989;
	background: #fff;
}
#header a, #header a:link, #header a:visited {
	text-decoration: none;
	color: #8a8989;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
	tap-highlight-color: rgba(0, 0, 0, 0.8);
}
/********** ヘッダーの固定 *********
#header .h-fix{
	width: 100%;
	position: fixed;*/
/*top: 0;*/
/*	z-index: 10;
}*/
/* ヘッダー　上部
---------------------------------------------------- */
#header .h-contents {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 1050px;
	margin: 0 auto;
}
/* ロゴ キャッチコピー
---------------------------------------------------- */
#header .h-logo {
	width: 440px;
	padding: 40px 0 25px 0;
	display: table;
}
#header .h-logo h1 {
	display: table-cell;
	width: 160px;
	padding: 0 15px 0 0;
}
#header .h-logo h1 img {
	width: 160px;
}
#header .h-logo .txt-catch1 {
	display: table-cell;
	vertical-align: bottom;
	font-size: 12px;
	color: #4c4c4c;
}
/* 検索 
---------------------------------------------------- */
#header .search {
	width: 290px;
	padding: 0 0 28px 30px;
	color: #ff844f !important;
}
#header .search form {
	margin: 0 auto;
	border-bottom: 1px solid #ff844f;
}
#header .search .fs-p-inputGroup {
	display: flex;
	align-items: stretch;
	border: none;
	background: #fff;
}
#header .search .fs-p-inputGroup__button {
	background: #fff;
	border: none;
	color: #ff4f03;
	width: 3em;
}
#header .search .fs-p-searchForm__input {
	color: #ff844f;
}
/* 検索  WPヘッダー
---------------------------------------------------- */
#header .search form .search-box {
	display: flex;
	justify-content: space-between;
	margin: 0 0 0 auto;
}
#header .search form .search-box input[type="text"] {
	display: block;
	width: 250px;
	border-radius: 0;
	padding: 0 10px;
	line-height: 1;
	font-size: 13px;
	font-weight: bold;
	color: #ff844f !important;
	border: none;
}
#header .search form .search-box input[type="image"] {
	display: block;
	width: 30px;
	border-radius: 0;
}
/* アイコン 
---------------------------------------------------- */
#header .icon_list {
	display: flex;
	justify-content: space-between;
	margin: 0 0 20px 0;
}
#header .icon_list_box a {
	display: flex;
	flex-direction: column;
	font-size: 12px;
	font-weight: bold;
	align-items: center;
	margin: 0 6px;
}
#header .icon_list_box img {
	display: block;
	width: 33px;
}
#header .icon_list_box label {
	white-space: nowrap;
}
#header .label {
	position: relative;
}
#header span.fs-client-cart-count {
	position: absolute;
	right: -1.2em;
	align-items: center;
	bottom: 3em;
	justify-content: center;
	display: flex;
	width: 1.7em;
	height: 1.7em;
	margin-left: 0;
	padding: 0;
	text-align: center;
	background-color: #ff4f03;
	border-radius: 100%;
	color: #FFF;
}
/* ログイン　ログアウト
---------------------------------------------------- */
.logout.my-false {
	display: none;
}
.login.my-true {
	display: none;
}
/* ヘッダーナビゲーション 
---------------------------------------------------- */
/* ヘッダー季節装飾 */
#header .h-nav {
	background: url("../images/common/line_season_PC.png") repeat-x;
	color: #fff;
}
/* ヘッダー通常
#header .h-nav {
	background: #ff4f03;
	color: #fff;
} */
#header .h-nav_inner {
	width: 1050px;
	margin: 0 auto;
	position: relative;
}
.fs-clientInfo:not(.is-ready) {
	display: inline-block !important;
}
#header .h-nav_inner .h-nav-guest {
	position: absolute;
	top: 1.2em;
	left: 2em;
	z-index: 999;
}
#header .h-nav_inner .h-nav-guest a {
	color: #fff;
	font-weight: bold;
}
#header .h-nav > nav > ul.h-nav-list {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	padding-left: 0;
	list-style: none;
	margin: 0;
	height: 45px;
}
#header .h-nav nav .h-nav-list > li a {
	display: block;
	white-space: nowrap;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	padding: 5px 20px;
}
#header .h-nav nav .h-nav-list > li .open-close-btn a {
	display: block;
	white-space: nowrap;
	text-decoration: none;
	color: #fff;
	padding: 0;
}
#header .h-nav-guest {
	font-size: 12px !important;
}
#header .h-nav nav .h-nav-list > li a > span.h-nav-box {
	cursor: pointer;
	background: url("../images/common/icon_arrowOff.png") no-repeat;
	background-size: 14%;
	background-position: 85%;
	padding: 5px 40px 5px 25px;
}
.h-nav-holic img {
	display: block;
	width: 100px;
}
.h-nav-sale {
	/*display: none;*/
}
/* 　ナビゲーション
---------------------------------------------------- */
#header .h-nav nav .h-nav-list > li.active a .h-nav-box, #header .h-nav nav .h-nav-list > li a:hover .h-nav-box {
	display: block;
	color: #ff4f03;
	background: url("../images/common/icon_arrowOn.png") no-repeat;
	background-size: 14%;
	background-position: 85%;
	height: 45px;
	padding-top: 13px;
	background-color: #FFF;
}
/* 　ナビゲーション  ワードプレスヘッダー */
#header .h-nav nav .h-nav-list > li a > span.h-nav-box_wp {
	cursor: pointer;
	background: url("../images/common/icon_arrowOff.png") no-repeat;
	background-size: 14%;
	background-position: 85%;
	padding: 5px 40px 5px 25px;
}
#header .h-nav nav .h-nav-list > li.active a .h-nav-box_wp, #header .h-nav nav .h-nav-list > li a:hover .h-nav-box_wp {
	display: block;
	color: #ff4f03;
	background: url("../images/common/icon_arrowOn.png") no-repeat;
	background-size: 14%;
	background-position: 85%;
	height: 45px;
	padding-top: 25px;
	background-color: #FFF;
}
/* ポップアップメニュー 
---------------------------------------------------- */
#header .h-nav ul.h-nav-list {
	position: relative;
}
#header .h-nav ul.h-nav-list li.h-nav-category .open-close-contents, #header .h-nav ul.h-nav-list li.h-nav-brand .open-close-contents {
	display: none;
	position: absolute;
	top: 45px;
	left: 0;
	z-index: 200;
	background-color: #fff;
}
/* アクティブ時（ホバーアニメーション） 
---------------------------------------------------- */
#header .h-nav ul.h-nav-list li.h-nav-category.active .open-close-contents, #header .h-nav ul.h-nav-list li.h-nav-brand.active .open-close-contents {
	display: block;
	-webkit-animation: fadein 0s linear 0s 1;
	animation: fadein 0s linear 0s 1;
	width: 100%;
}
#header .h-nav ul.h-nav-list li .h-itemlist {
	padding: 20px 0 25px 0;
	font-size: 12px;
	color: #4c4c4c;
	border-bottom: 2px solid #ff4f03;
}
#header .h-nav ul.h-nav-list li .h-itemlist .h-itemlist-box {
	/*width:865px;*/
	width: 1150px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
#header .cat-col {
	width: 20%;
	margin-right: 10px;
}
#header .cat-col .heading {
	color: #ff4f03;
	font-size: 15px;
	padding: 2px 0 7px 0;
	border-bottom: 1px solid #ff4f03;
}
#header .cat-col .heading a {
	color: #ff4f03 !important;
	font-weight: normal !important;
	font-size: 15px;
	padding: 2px 0 7px 0 !important;
	border-bottom: 1px solid #ff4f03;
}
#header .cat-col .heading_t12 {
	color: #ff4f03;
	font-size: 12px;
	border-bottom: 1px solid #ff4f03;
}
#header .cat-col ul {
	list-style: none;
	padding: 15px 0 0 2px;
}
#header .cat-col ul li {
	padding: 6px 0;
	font-size: 12px;
	color: #4c4c4c;
}
#header .cat-col ul li a {
	display: block;
	padding: 0 !important;
	color: #4c4c4c !important;
}
#header .cat-col ul li a:hover {
	display: block;
	padding: 0 !important;
	color: #ff4f03 !important;
}
/* ブランド
---------------------------------------------------- */
#header .cat-col_brand ul {
	width: 1000px;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0 auto;
}
#header .cat-col_brand ul li {
	padding: 0;
}
#header .cat-col_brand ul li a {
	display: block;
	padding: 0px !important;
	margin: 5px;
}
/* --------------------------------------------------------------------------------
	fs-l-main
-------------------------------------------------------------------------------- */
.fs-l-main {
	margin: 0 auto 100px auto;
	padding: 0;
	max-width: 1000px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
/* --------------------------------------------------------------------------------
	fs-l-pageMain
-------------------------------------------------------------------------------- */
.fs-l-pageMain {
	max-width: 1000px;
	width: 100%;
}
/* --------------------------------------------------------------------------------
	main
-------------------------------------------------------------------------------- 
main{

}



/* --------------------------------------------------------------------------------
	main-outer
-------------------------------------------------------------------------------
#main-outer{
	width:1200px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
}

/* --------------------------------------------------------------------------------
	main-inner
-------------------------------------------------------------------------------
#main-inner{
	width:930px;
}


/* --------------------------------------------------------------------------------
	fs-c-breadcrumb
-------------------------------------------------------------------------------*/
nav.fs-c-breadcrumb {
	width: 1000px;
	margin: 15px auto 0 auto;
	color: #ff4f03;
}
.fs-c-breadcrumb__list {
	padding-left: 0;
}
.fs-c-breadcrumb__listItem + .fs-c-breadcrumb__listItem::before {
	color: #6f6f6f;
}
.fs-c-breadcrumb__list--subgroup {
	width: 1000px;
	margin: 0 auto;
	color: #ff4f03;
}
nav.fs-c-breadcrumb a, .fs-c-breadcrumb__list--subgroup a {
	color: #6f6f6f;
	text-decoration: none;
}
/* --------------------------------------------------------------------------------
	fs-c-heading--page  ページタイトル
-------------------------------------------------------------------------------*/
.fs-c-heading--page {
	padding: 50px 0 12px 0;
	margin-bottom: 25px;
	font-weight: bold;
	text-align: left;
}
/* --------------------------------------------------------------------------------
	fs-l-main
--------------------------------------------------------------------------------
.fs-l-main{
	width:1200px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
}


/* --------------------------------------------------------------------------------
	fs-l-pageMain
--------------------------------------------------------------------------------
.fs-l-pageMain {
	width:930px;
}








/* --------------------------------------------------------------------------------
	footer
-------------------------------------------------------------------------------- */
.fs-l-footer {
	position: relative;
	border-top: none;
	color: inherit;
	margin-top: 0;
	background: none;
}
#footer {
	width: 100%;
	color: #fff;
}
#footer a, #footer a:link, #footer a:visited {
	text-decoration: none;
	color: #fff;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
	tap-highlight-color: rgba(0, 0, 0, 0.8);
}
/* フッターコンテンツ
------------------------------------ */
#footer .footer-contents {
	background: #ff4f03;
	padding: 40px 0 0 0;
}
/* カラム 
------------------------------------ */
#footer .cols {
	display: flex;
	justify-content: space-between;
	width: 680px;
	margin: 0 auto;
}
#footer .col {
	width: 160px;
	margin: 0 10px 0 0;
}
#footer .cols .col .heading {
	font-size: 15px;
	border-bottom: 1px solid #fff;
	padding: 0 0 10px 5px;
}
/* リスト 
------------------------------------ */
#footer .cols .col .list-menu {
	margin: 15px 0 0 0;
}
#footer .cols .col .list-menu ul li {
	padding: 0 0 8px 5px;
}
#footer .cols .col .list-menu ul li a {
	display: block;
	font-size: 12px;
}
/* リンク カラム
------------------------------------ */
#footer .cols_bot {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 680px;
	margin: 20px auto 0 auto;
	padding-bottom: 25px;
}
/* Family Site
------------------------------------ */
#footer .btn_family {
	width: 155px;
	background-color: #FFF;
	padding: 2px 0;
	position: relative;
	font-size: 12px;
	text-align: center;
	font-family: 'Barlow Semi Condensed', 'Noto Sans', sans-serif;
	font-family: 'Barlow Semi Condensed', 'Noto Sans JP', sans-serif;
}
#footer .btn_family a {
	color: #ff4f03 !important;
	text-align: center;
}
.sankaku-top {
	position: absolute;
	top: 18%;
	right: 10%;
	border: 5px solid transparent;
	border-bottom: 5px solid #ff4f03;
}
/* 　open close
---------------------------------------------------- */
#footer .open-close .active a, #footer .open-close a:hover {
	display: block;
	font-size: 12px;
	color: #ff4f03 !important;
	text-align: center;
}
#footer .cols_bot {
	position: relative;
}
#footer .cols_bot .col_fs .open-close-contents {
	display: none;
	position: absolute;
	top: -110px;
	left: 0;
	z-index: 10;
	background-color: #fff;
	height: 110px;
	border-bottom: 1px solid #ff4f03;
}
#footer .cols_bot .col_fs.active .open-close-contents {
	display: block;
	-webkit-animation: fadein 0s linear 0s 1;
	animation: fadein 0s linear 0s 1;
	width: 100%;
}
#footer .cols_bot .col_fs .open-close-contents .family_site ul {
	padding-top: 8px;
}
#footer .cols_bot .col_fs .open-close-contents .family_site ul li {
	text-align: left;
	padding: 7px 10px;
	font-size: 12px;
}
#footer .cols_bot .col_fs .open-close-contents .family_site ul li:last-child {
	text-align: left;
	padding: 7px 10px 15px 10px;
	font-size: 12px;
}
#footer .cols_bot .col_fs .open-close-contents .family_site ul li a {
	text-align: left;
	font-size: 12px;
}
/* Follow us
------------------------------------ */
#footer .col_sns {
	width: 175px;
	margin: 0 10px 0 0;
}
#footer .btn_sns {
	font-size: 15px;
	text-align: center;
	margin-bottom: 18px;
}
#footer .follow_list-menu ul {
	display: flex;
	justify-content: space-between;
}
#footer .follow_list-menu ul li img {
	display: block;
	width: 50px;
}
/* お問い合わせ
------------------------------------ */
#footer .btn_contact {
	border: 1px solid #FFF;
	position: relative;
	padding: 5px 15px 5px 0;
}
#footer .btn_contact a {
	font-size: 15px;
	color: #fff !important;
	text-align: right;
}
#footer .btn_contact_i {
	position: absolute;
	top: 20%;
	left: 12%;
}
#footer .btn_contact_i img {
	display: block;
	width: 25px;
}
#footer .btn_contact_t {
	font-size: 15px;
	text-align: right;
}
/* コピーライト 
------------------------------------ */
#footer .f_logo {
	width: 175px;
	margin: 30px auto 20px auto;
}
#footer .f_logo img {
	width: 175px;
}
#footer .copyright {
	text-align: center;
	font-size: 16px;
	color: #ff4f03;
	padding-bottom: 60px;
	font-family: 'Barlow Semi Condensed', 'Noto Sans', sans-serif;
	font-family: 'Barlow Semi Condensed', 'Noto Sans JP', sans-serif;
}
/* ページトップ
------------------------------------ */
#footer .f-btn-pagetop {
	display: flex;
	flex-direction: column;
	position: fixed;
	bottom: 15px;
	right: 10%;
	z-index: 1;
}
#footer .f-btn-pagetop #f-icon-pagetop img, #footer .f-btn-pagetop .f-icon-mail img {
	display: block;
	width: 45px;
}
#footer #f-icon-pagetop {
	margin-bottom: 5px;
}