@charset 'UTF-8';
/* =============================================================================

CSS Information

 File name:	layout.css

 Style Info:	レイアウト設定

 ※ スマフォファースト。CSSの上書きはPC側(device.css)で。

============================================================================= */

body {
	overflow-x: hidden;
	position: relative;
	background: #FFF;
	color: #333;
	font-size: 1.4rem;
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height: 1.4;
}
b, strong, .bold, h1, h2, h3, h4, h5, h6 {
	font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.font_mincho {
	font-family: '游明朝', YuMincho, 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
}

a {
	text-decoration: underline;
	color: #333;
}
a:visited {
	color: #333;
}

a:hover {
	color: #999;
	text-decoration: none;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

em {
	font-weight: bold;
}

strong {
	font-weight: bold;
}

.clearfix::after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}

* {
	letter-spacing: -.05em;
	min-height: 0vw; /* Safari clamp関数対策 */
}

.header p ,
.header_slim p ,
.footer_contact p ,
.footer p {
	margin: 0;
	padding: 0;
}


/* -----------------------------------------------------------------------------

 Future shop コマースクリエーター style [スタートアップテーマ(PC/タブレット)ベース]

----------------------------------------------------------------------------- */

.fs-l-header {
	padding-top: 0;
}

.fs-l-header--min {
	border-bottom: none;
}

.fs-l-footer {
	margin-top: 0;
	background: none;
	border-top: none;
}

.fs-c-breadcrumb {
	margin-bottom: 20px;
	padding: 0 15px;
/*	font-size: 1.6rem; */
}
.fs-c-breadcrumb + .fs-c-breadcrumb {
	margin-top: -15px;
}
.fs-c-breadcrumb__list {
	padding: 0;
}

.fs-c-panel {
	max-width: 1200px;
	margin: auto;
}


/* ログイン/ログアウト：ナビ非表示 */
.logout.my_false ,
.login.my_true ,
.member.my_true ,
.mypage.my_false {
	display: none;
}


/* fix
----------------------------------------------------------- */

.fix_navi {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	background: rgba(0, 75, 124, .7);
	z-index: 99999999;
}
.fxnavi_list {
	display: -webkit-flex;
	display: flex;
}
.fxnavi_list li {
	width: calc(100%/4);
	border-left: 1px solid #FFF;
	line-height: 2.4em;
}
.fxnavi_list li:first-child {
	border-left: none;
}
.fxnavi_list li.two_line {
	line-height: 1.2em;
}
.fxnavi_list a {
	display: block;
	padding: 10px 0;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}


/* -------------------------------------------------------------------------------

 header

------------------------------------------------------------------------------- */

.header {
	background: #FFF;
}

.header_line {
	padding: 8px;
	background: #ad9635;
	color: #FFF;
	font-size: 3vw;
}
.header_line h1 {
	margin: 0;
}
.header_line h1 span {
	display: block;
}

.header_inner {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0 10px 10px;
}

.header .logo_area {
	width: 420px;
	max-width: 40%;
	margin-right: 15px;
	font-size: 1rem;
}

.header .logo_area h2 {
	margin: 0 -15px 5px 0;
}

.header .logo_area .logo_inner {
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
.header .logo_area .logo_inner a {
	display: block;
	flex: 1;
	max-width: 260px;
}
header .logo_area img {
	width: 100%;
}

/* fukidashi:PCのみ */
.header .logo_area .logo_fuki {
	width: 120px;
	height: 60px;
	padding-left: 15px;
	padding-top: 10px;
	background: url(../common/header_fuki.svg) no-repeat;
	background-size: 100% auto;
	text-align: center;
	line-height: 1.4;
}
.header .logo_fuki .txt {
	display: block;
	font-size: 1.2rem;
}
.header .logo_fuki .num {
	color: #cc0000;
}


/* hbnr_list
----------------------------------------------------------- */

.hbnr_list {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: end;
	max-width: 840px;
	margin-top: -5px;
}
.hbnr_list li:first-child {
	width: 39.0952%;
}
.hbnr_list li:last-child {
	width: 60.3174%;
}

.hbnr_list .min {
	display: none;
}


/* PC/SP 共通：utility navi
----------------------------------------------------------- */

.unavi {
	position: relative;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-end;
	width: 60%;
	font-size: 1.1rem;
	text-align: center;
}
.unavi > li {
	width: 33.33333%;
}

.unavi > li > a ,
.unavi > li > label {
	position: relative;
	display: block;
	width: 6em;
	padding-top: 55px;
	text-decoration: none;
	white-space: nowrap;
}

.unavi .cart a::before {
	position: absolute;
	content: '';
	top: 0;
	border-radius: 50%;
	background: url(../common/icon_cart.svg) #ffcc33 no-repeat 47% 54%;
	background-size: 55% auto;
}

.unavi .mypage a::before ,
.unavi .member a::before {
	position: absolute;
	content: '';
	top: 0;
	border-radius: 50%;
	background: url(../common/icon_user.svg) #ffcc33 no-repeat center center;
	background-size: 50% auto;
}

.unavi .cart a::before ,
.unavi .mypage a::before ,
.unavi .member a::before ,
.unavi .burger .burger_icon ,
.unavi .search .search_icon {
	left: calc( 50% - 24px );
	width: 48px;
	height: 48px;
}


/* search open */
.unavi .search input[type="checkbox"] {
	position: absolute;
	visibility: hidden;
}
.unavi .search .search_icon {
	position: absolute;
	display: block;
	top: 0;
	border-radius: 50%;
	background: url(../common/icon_search.svg) #ffcc33 no-repeat 55% center;
	background-size: 50% auto;
}
.unavi .search_icon i {
	position: absolute;
	display: block;
	top: calc( 50% - 1px );
	left: calc( 18.75% );
	width: 62.5%;
	height: 3px;
}
.unavi .search_icon i::before ,
.unavi .search_icon i::after {
	position: absolute;
	content: '';
	left: 0;
	width: 100%;
	height: 3px;
	transition: 0.4s;
}

/* search : OPEN/CLOSE */
input[type="checkbox"].search_btn:checked + label .search_icon {
	background: #ffcc33;
}
input[type="checkbox"].search_btn:checked + label .search_icon i::before {
	top: 14%;
	background: #333;
	transform: rotate(45deg);
}
input[type="checkbox"].search_btn:checked + label .search_icon i::after {
	bottom: 14%;
	background: #333;
	transform: rotate(-45deg);
}

/* wrapper : OPEN/CLOSE */
.search_wrapper {
	position: absolute;
	top: -130vh;
	right: 0;
	opacity: 0;
	width: 100vw;
	height: 90vh;
	padding: 20px 20px 70px;
	background: #f6f5f0;
	z-index: 99999;
}
input[type="checkbox"].search_btn:checked ~ .search_wrapper {
	overflow: auto;
	-webkit-overflow-scrolling:touch;
	z-index: 2147483646;
	top: 115%;
	opacity: 1;
}

/* guide burger */
.unavi .burger input[type="checkbox"] {
	position: absolute;
	visibility: hidden;
}
.unavi .burger .burger_icon {
	position: absolute;
	display: block;
	top: 0;
	border-radius: 50%;
	background: #ffcc33;
}
.unavi .burger_icon i {
	position: absolute;
	display: block;
	top: calc( 50% - 1px );
	left: calc( 50% / 2 );
	width: 50%;
	height: 3px;
	background: #333;
}
.unavi .burger_icon i::before ,
.unavi .burger_icon i::after {
	position: absolute;
	content: '';
	left: 0;
	width: 100%;
	height: 3px;
	background: #333;
	transition: 0.4s;
}
.unavi .burger_icon i::before {
	top: -8px;
}
.unavi .burger_icon i::after {
	bottom: -8px;
}

/* burger : OPEN/CLOSE */
input[type="checkbox"].burger_btn:checked + label .burger_icon i {
	background: transparent;
}
input[type="checkbox"].burger_btn:checked + label .burger_icon i::before {
	top: 14%;
	transform: rotate(45deg);
}
input[type="checkbox"].burger_btn:checked + label .burger_icon i::after {
	bottom: 14%;
	transform: rotate(-45deg);
}

/* wrapper : OPEN/CLOSE */
.burger_guide_wrapper {
	position: absolute;
	top: -200vh;
	right: 0;
	opacity: 0;
	width: 100vw;
	height: 90vh;
	padding: 20px 20px 90px;
	background: #f6f5f0;
	z-index: 99999;
}
input[type="checkbox"].burger_btn:checked ~ .burger_guide_wrapper {
	overflow: auto;
	-webkit-overflow-scrolling:touch;
	z-index: 2147483646;
	top: 115%;
	opacity: 1;
}


/* burger guide pc */
.burger_guide_wrapper .title_block_icon h2::before {
	width: 20px;
	height: 20px;
}

.bguide_block {
	margin-bottom: 20px;
}
.bguide_block h3 {
	font-weight: bold;
}

.bg_navi a {
	text-decoration: none;
}

.bguide_block .btn_box {
	margin: 15px 0 20px;
}
.bguide_block .btn_box a {
	width: 80%;
}

.bguide_block .tel ,
.bguide_block .fax {
	position: relative;
	margin-bottom: 20px;
	padding-left: 40px;
}
.bguide_block .tel::before ,
.bguide_block .fax::before {
	position: absolute;
	content: '';
	top: 4px;
	left: 0;
	width: 30px;
	height: 30px;
	background: no-repeat center top;
	background-size: 100% auto;
}
.bguide_block .tel::before {
	background-image: url(../common/icon_tel.svg);
}
.bguide_block .fax::before {
	background-image: url(../common/icon_fax.svg);
}

.bguide_block .tel b ,
.bguide_block .fax b {
	display: block;
	font-size: 2.4rem;
}

/* burger guide sppc */

.bguide_inner_sp {
	font-size: 1.4rem;
}
.bguide_inner_sp .text_area {
	margin-bottom: 15px;
}
.bguide_bnr_block {
	display: -webkit-flex;
	display: flex;
	margin: 0 -5px;
}
.bguide_bnr_block .bnr_list {
	width: 50%;
	margin: 0 auto 15px;
	padding: 0 5px;
}
.bguide_bnr_block .bnr_list li {
	margin-bottom: 10px;
}

.bguide_info_block {
	display: -webkit-flex;
	display: flex;
	margin: 0 -5px;
}
.bguide_info_block .info_list {
	width: 50%;
	margin: 0;
	padding: 0 5px;
	text-align: left;
}

.info_list li {
	margin-bottom: 12px;
}
.info_list a {
	position: relative;
	display: block;
	padding-left: 1em;
	font-size: 1.3rem;
	text-decoration: none;
}
.info_list a::after {
	position: absolute;
	display: inline-block;
	content: '';
	top: 6px;
	left: 0;
	width: 5px;
	height: 5px;
	border-right: 2px solid #333;
	border-top: 2px solid #333;
	transform:rotate(45deg);
	vertical-align: middle;
}



/* -----------------------------------------------------------------------------

 navi

----------------------------------------------------------------------------- */

/* PC
----------------------------------------------------------- */

.navi_area {
	position: relative;
	clear: both;
	margin: 0 auto 35px;
	padding: 6px 15px;
	background: #ece0c1;
	line-height: 1.2;
}

.navi {
	display: -webkit-flex;
	display: flex;
	justify-content: space-around;
	max-width: 1450px;
	margin: 0 auto;
	text-align: center;
}
.navi a {
	text-decoration: none;
}

.navi > li {
	position: relative;
	line-height: 2.4em;
}
.navi > li::before {
	position: absolute;
	content: '';
	left: 0;
	top: 50%;
	margin-top: -10px;
	width: 2px;
	height: 20px;
	background: #333;
}
.navi > li:first-child::before {
	content: none;
}
.navi > li:first-child {
	line-height: 1.2em;
}
.navi > li:nth-child(2) {
	line-height: 1.2em;
}

.navi > li > a ,
.navi > li > span {
	position: relative;
	cursor: pointer;
	display: block;
	margin: 0 auto;
	padding: 0px 1.5em 0 1.25em;
	font-size: 1vw;
	font-weight: 500;
}
@media only screen and (min-width: 1200px) {
	.navi > li > a ,
	.navi > li > span {
		font-size: 1.4rem;
	}
}
.navi > li > a::after ,
.navi > li > span::after {
	position: absolute;
	content: '';
	top: 50%;
	right: 0;
	width: 7px;
	height: 7px;
	margin-top: -8px;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	transform:rotate(45deg);
	vertical-align: middle;
}


/* dropdown */

.navi li .navi_drop {
	position: absolute;
	display: none;
	width: 200px;
	padding: 0;
	top: 100%;
	left: 0;
	box-sizing: border-box;
}

.navi li:hover .navi_drop {
	display: block;
}

.navi li .navi_drop .inner {
	position: relative;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	height: auto;
	margin: 0 auto;
	padding: 15px;
	box-shadow: 0 8px 8px rgba(0,0,0,.16);
	background: #FFF;
	text-align: left;
	z-index: 2147483647;
}

.navi_drop .sub_navi {
	font-size: 1.6rem;
}
.navi_drop .sub_navi li {
	margin-bottom: 10px;
}
.navi_drop .sub_navi a {
	display: block;
}


/* -----------------------------------------------------------------------------

メインコンテンツ : fs-l-main / fs-l-pageMain / side

※ fs で始まるクラスはショップ全体にかかわるので、変更するときは注意 ※
※ 変更する時はそのページの body のクラス名を調べてページだけ適応する ※

----------------------------------------------------------------------------- */

.fs-l-main {
	display: -webkit-flex;
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	clear: both;
	max-width: 1250px;
	margin: 20px auto 0;
	padding: 0 15px;
}

.fs-l-pageMain {
	flex: 1;
	margin: 0 auto 40px;
}

.fs-body-top .fs-l-pageMain {
	max-width: 940px;
    /*margin-top: 10em;*/
}

/* original side */
.side_area {
	width: 250px;
	margin-right: 30px;
	margin-bottom: 20px;
}


/* トップページとカテゴリページフリーページ */
.fs-body-top .fs-l-main ,
.fs-body-category .fs-l-main ,
.fs-body-custom .fs-l-main {
}

/* カテゴリリスト/商品リスト */
.fs-c-subgroupList {
}
.fs-c-productList {
}

/* カート 会員登録など */
.fs-body-cart .fs-l-main ,
.fs-body-cart-login .fs-l-main ,
.fs-body-customerDetails .fs-l-main ,
.fs-body-register .fs-l-main ,
.fs-body-my-top .fs-l-main {
}



/* -----------------------------------------------------------------------------

 side

----------------------------------------------------------------------------- */

/* login */
.slogin_area {
	margin-bottom: 30px;
}
.slogin_area .btn_wrapp a {
	display: block;
	padding: 10px;
	background: #999;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}
.slogin_area .btn_wrapp a::before {
	display: inline-block;
	content: '';
	top: 50%;
	left: 12px;
	width: 18px;
	height: 18px;
	margin-top: -4px;
	margin-right: 4px;
	background: url(../common/icon_key.svg) no-repeat center center;
	background-size: auto 100%;
	vertical-align: middle;
}

/* seach */
.sseach_area {
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	padding: 2px 40px 2px 2px;
	border-radius: 4px;
	border: 1px solid #CCC;
	background: #FFF;
}
.sseach_area input[type="text"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 34px;
	padding: 4px;
	background: transparent;
	border: none;
	border-radius: 0;
	font: inherit;
	outline: none;
}
.sseach_area input[type="text"]::placeholder {
	font-size: 1.4rem;
}
.sseach_area button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	border: none;
	border-radius: 0;
	font: inherit;
	outline: none;

	overflow: hidden;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 40px;
	height: 40px;
	background: url('../common/icon_search_gy.svg') center center no-repeat #EEE;
	background-size: 50% auto;
	text-indent: 100%;
	white-space: nowrap;
}

/* content */
.side_content {
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #CCC;
	text-align: center;
}
.side_content h2 {
	margin: -10px -10px 10px;
	padding: 8px 0;
	background: #cc080e;
	color: #FFF;
	text-align: center;
}

.side_content.keyword a {
	display: inline-block;
}

/* bnr */
.sbnr_list {
	margin-bottom: 15px;
}
.sbnr_list li {
	margin-bottom: 10px;
}

/* link */
.slink_list {
	margin-bottom: 15px;
}
.slink_list li {
	margin-bottom: 10px;
}
.slink_list a {
	position: relative;
	display: block;
	padding: 8px 0 8px 20px;
	text-decoration: none;
}
.slink_list a::after {
	position: absolute;
	content: '';
	top: .9em;
	left: 0;
	width: 7px;
	height: 7px;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	transform:rotate(-45deg);
	vertical-align: middle;
}

/* calendar */
.scal_area {
	margin-bottom: 20px;
}
.scal_area img {
	margin-bottom: 10px;
}

/* cate */
.scate_list dt {
	position: relative;
	margin: 5px 0;
	line-height: 2.4em;
}
.scate_list dt.two_line {
	line-height: 1.2em;
}
.scate_list dt a {
	display: block;
	padding: 14px 5px 14px 65px;
	background: #f6f6f3;
	text-decoration: none;
}
.scate_list dt a::before {
	position: absolute;
	content: '';
	top: 9px;
	left: 9px;
	width: 45px;
	height: 45px;
	background: no-repeat center center;
	background-size: auto 100%;
}
.scate_list dt.pants a::before {
	background-image: url(../common/cate_icon_pants.png);
	background-size: auto 80%;
}
.scate_list dt.pajama a::before {
	top: 8px;
	left: 5px;
	width: 55px;
	height: 55px;
	background-image: url(../common/cate_icon_pajama.png);
}
.scate_list dt.gunze a::before {
	background-image: url(../common/cate_icon_gunze.png);
}
.scate_list dt.shitagi a::before {
	background-image: url(../common/cate_icon_shitagi.png);
}
.scate_list dt.supporter a::before {
	background-image: url(../common/cate_icon_supporter.png);
}
.scate_list dt.socks a::before {
	background-image: url(../common/cate_icon_socks.png);
	background-size: 100% auto;
}
.scate_list dt.apron a::before {
	background-image: url(../common/cate_icon_apron.png);
}
.scate_list dt.oshare a::before {
	background-image: url(../common/cate_icon_oshare.png);
}
.scate_list dt.kakushu a::before {
	background-image: url(../common/cate_icon_kakushu.png);
}
.scate_list dt.shien a::before {
	top: 8px;
	left: 5px;
	width: 55px;
	height: 55px;
	background-image: url(../common/cate_icon_shien.png);
}
.scate_list dt.shoes a::before {
	background-image: url(../common/cate_icon_shoes.png);
}
.scate_list dt.stick a::before {
	background-image: url(../common/cate_icon_stick.png);
}
.scate_list dt.roomwear a::before {
	background-image: url(../common/cate_icon_roomwear.png);
}
.scate_list dt.ojii a::before {
	background-image: url(../common/cate_icon_ojii.png);
}
.scate_list dt.obaa a::before {
	background-image: url(../common/cate_icon_obaa.png);
}
.scate_list dt.zakka a::before {
	background-image: url(../common/cate_icon_zakka.png);
}
.scate_list dt.nichiyo a::before {
	background-image: url(../common/cate_icon_nichiyo.png);
	background-size: 100% auto;
}
.scate_list dt.shinshoku a::before {
	background-image: url(../common/cate_icon_shinshoku.png);
	background-size: 100% auto;
}



.scate_list dt.icn01c a::before {
	background-image: url(../common/s1-icn-01.jpg);
	background-size: 100% auto;
}
.scate_list dt.icn02c a::before {
	background-image: url(../common/s1-icn-02.jpg);
	background-size: 100% auto;
}
.scate_list dt.icn03c a::before {
	background-image: url(../common/s1-icn-03.jpg);
	background-size: 100% auto;
}
.scate_list dt.icn04c a::before {
	background-image: url(../common/s1-icn-04.jpg);
	background-size: 100% auto;
}
.scate_list dt.icn05c a::before {
	background-image: url(../common/s1-icn-05.jpg);
	background-size: 100% auto;
}
.scate_list dt.icn06c a::before {
	background-image: url(../common/s1-icn-06.jpg);
	background-size: 100% auto;
}
.scate_list dt.icn07c a::before {
	background-image: url(../common/s1-icn-07.jpg);
	background-size: 100% auto;
}
.scate_list dt.icn08c a::before {
	background-image: url(../common/s1-icn-08.jpg);
	background-size: 100% auto;
}
.scate_list dt.icn09c a::before {
	background-image: url(../common/s1-icn-09.jpg);
	background-size: 100% auto;
}
.scate_list dt.icn10c a::before {
	background-image: url(../common/s1-icn-10.jpg);
	background-size: 100% auto;
}
.scate_list dt.icn11c a::before {
	background-image: url(../common/s1-icn-11.jpg);
	background-size: 100% auto;
}
.scate_list dt.icn12c a::before {
	background-image: url(../common/s1-icn-12.jpg);
	background-size: 100% auto;
}
.scate_list dt.icn13c a::before {
	background-image: url(../common/s1-icn-13.jpg);
	background-size: 100% auto;
}
.scate_list dt.icn14c a::before {
	background-image: url(../common/s1-icn-14.jpg);
	background-size: 100% auto;
}
.scate_list dt.icn15c a::before {
	background-image: url(../common/s1-icn-15.jpg);
	background-size: 100% auto;
}
.scate_list dt.icn16c a::before {
	background-image: url(../common/s1-icn-16.jpg);
	background-size: 100% auto;
}
.scate_list dt.icn17c a::before {
	background-image: url(../common/s1-icn-17.jpg);
	background-size: 100% auto;
}
.scate_list dt.icn18c a::before {
	background-image: url(../common/s1-icn-18.jpg);
	background-size: 100% auto;
}
.scate_list dt.icn19c a::before {
	background-image: url(../common/s1-icn-19.jpg);
	background-size: 100% auto;
}
.scate_list dt.icn20c a::before {
	background-image: url(../common/s1-icn-20.jpg);
	background-size: 100% auto;
}
.scate_list dt.icn21c a::before {
	background-image: url(../common/s1-icn-21.jpg);
	background-size: 100% auto;
}
.scate_list dt.icn22c a::before {
	background-image: url(../common/s1-icn-22.jpg);
	background-size: 100% auto;
}
.scate_list dt.icn23c a::before {
	background-image: url(../common/s1-icn-23.jpg);
	background-size: 100% auto;
}
.scate_list dt.icn24c a::before {
	background-image: url(../common/s1-icn-24.jpg);
	background-size: 100% auto;
}
.scate_list dt.icn25c a::before {
	background-image: url(../common/s1-icn-25.jpg);
	background-size: 100% auto;
}



.scate_list dd {
	border-top: 1px dotted #333;
}
.scate_list dt + dd {
	border-top: none;
}
.scate_list dd a:before {
    content: '・';
}
.scate_list dd a {
	display: block;
	padding: 12px 0 0 30px;
	text-decoration: none;
    font-size: 90%;
}


/* cate */
.cate_list {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	margin: 0 -8px 30px;
	font-size: 1.2rem;
	text-align: left;
}
.cate_list li {
	width: 50%;
	padding: 0 4px 8px;
	line-height: 2em;
}
.cate_list li.two_line {
	line-height: 1em;
}
.cate_list li a {
	position: relative;
	display: block;
	padding: 14px 10px 14px 10px;
	border-radius: 10px;
	background: #FFF;
	box-shadow: 2px 2px 5px rgba(0,0,0,.16);
	text-decoration: none;
}
.cate_list.cate li a {
	padding-left: 50px;
}
.cate_list.cate li a::before {
	position: absolute;
	content: '';
	top: 5px;
	left: 5px;
	width: 40px;
	height: 40px;
	background: no-repeat center center;
	background-size: auto 100%;
}
.cate_list li.pants a::before {
	background-image: url(../common/cate_icon_pants.png);
	background-size: auto 80%;
}
.cate_list li.pajama a::before {
	background-image: url(../common/cate_icon_pajama.png);
}
.cate_list li.gunze a::before {
	background-image: url(../common/cate_icon_gunze.png);
}
.cate_list li.shitagi a::before {
	background-image: url(../common/cate_icon_shitagi.png);
}
.cate_list li.supporter a::before {
	background-image: url(../common/cate_icon_supporter.png);
}
.cate_list li.socks a::before {
	background-image: url(../common/cate_icon_socks.png);
	background-size: 100% auto;
}
.cate_list li.apron a::before {
	background-image: url(../common/cate_icon_apron.png);
}
.cate_list li.oshare a::before {
	background-image: url(../common/cate_icon_oshare.png);
}
.cate_list li.kakushu a::before {
	background-image: url(../common/cate_icon_kakushu.png);
}
.cate_list li.shien a::before {
	background-image: url(../common/cate_icon_shien.png);
}
.cate_list li.shoes a::before {
	background-image: url(../common/cate_icon_shoes.png);
}
.cate_list li.stick a::before {
	background-image: url(../common/cate_icon_stick.png);
}
.cate_list li.roomwear a::before {
	background-image: url(../common/cate_icon_roomwear.png);
}
.cate_list li.ojii a::before {
	background-image: url(../common/cate_icon_ojii.png);
}
.cate_list li.obaa a::before {
	background-image: url(../common/cate_icon_obaa.png);
}
.cate_list li.zakka a::before {
	background-image: url(../common/cate_icon_zakka.png);
}
.cate_list li.nichiyo a::before {
	background-image: url(../common/cate_icon_nichiyo.png);
	background-size: 100% auto;
}
.cate_list li.warm a::before {
	background-image: url(../common/cate_icon_warm.png);
}
.cate_list li.shinshoku a::before {
	background-image: url(../common/cate_icon_shinshoku.png);
	background-size: 100% auto;
}

.cate_list li a::after {
	position: absolute;
	content: '';
	top: 50%;
	right: 10px;
	width: 7px;
	height: 7px;
	margin-top: -5px;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	transform:rotate(-45deg);
	vertical-align: middle;
}


.cate_list li.list-01 a::before {
	background-image: url(../common/main-icn-01.jpg);
}
.cate_list li.list-02 a::before {
	background-image: url(../common/main-icn-02.jpg);
}
.cate_list li.list-03 a::before {
	background-image: url(../common/main-icn-03.jpg);
}
.cate_list li.list-04 a::before {
	background-image: url(../common/main-icn-04.jpg);
}
.cate_list li.list-05 a::before {
	background-image: url(../common/main-icn-05.jpg);
}
.cate_list li.list-06 a::before {
	background-image: url(../common/main-icn-06.jpg);
}
.cate_list li.list-07 a::before {
	background-image: url(../common/main-icn-07.jpg);
}
.cate_list li.list-08 a::before {
	background-image: url(../common/main-icn-08.jpg);
}
.cate_list li.list-09 a::before {
	background-image: url(../common/main-icn-09.jpg);
}
.cate_list li.list-10 a::before {
	background-image: url(../common/main-icn-10.jpg);
}
.cate_list li.list-11 a::before {
	background-image: url(../common/main-icn-11.jpg);
}
.cate_list li.list-12 a::before {
	background-image: url(../common/main-icn-12.jpg);
}
.cate_list li.list-13 a::before {
	background-image: url(../common/main-icn-13.jpg);
}
.cate_list li.list-14 a::before {
	background-image: url(../common/main-icn-14.jpg);
}
.cate_list li.list-15 a::before {
	background-image: url(../common/main-icn-15.jpg);
}
.cate_list li.list-16 a::before {
	background-image: url(../common/main-icn-16.jpg);
}
.cate_list li.list-17 a::before {
	background-image: url(../common/main-icn-17.jpg);
}
.cate_list li.list-18 a::before {
	background-image: url(../common/main-icn-18.jpg);
}
.cate_list li.list-19 a::before {
	background-image: url(../common/main-icn-19.jpg);
}
.cate_list li.list-20 a::before {
	background-image: url(../common/main-icn-20.jpg);
}
.cate_list li.list-21 a::before {
	background-image: url(../common/main-icn-21.jpg);
}
.cate_list li.list-22 a::before {
	background-image: url(../common/main-icn-22.jpg);
}
.cate_list li.list-23 a::before {
	background-image: url(../common/main-icn-23.jpg);
}
.cate_list li.list-24 a::before {
	background-image: url(../common/main-icn-24.jpg);
}


/* -----------------------------------------------------------------------------

 footer

----------------------------------------------------------------------------- */

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

.page_top {
	position: fixed;
	overflow: hidden;
	bottom: 50px;
	right: 0;
	z-index: 99999;
}

.page_top a {
	display: block;
	cursor: pointer;
	width: 50px;
	height: 50px;
	padding-top: 25px;
	border-radius: 10px 0 0 10px;
	background: url('data:image/svg+xml,%3Csvg%20enable-background%3D%22new%200%200%2036%2020%22%20height%3D%2220%22%20viewBox%3D%220%200%2036%2020%22%20width%3D%2236%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m35.6%2018.1c0%20.5-.2.9-.5%201.3-.7.7-1.8.7-2.5%200l-14.8-15.2-14.8%2015.2c-.7.7-1.8.7-2.5%200s-.7-1.8%200-2.5l16.1-16.4c.7-.7%201.8-.7%202.5%200l16%2016.4c.3.3.5.8.5%201.2z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E') rgba(204,8,14,0.75)  50% 30% no-repeat;
	background-size: 30% auto;
	color: #FFF;
	font-size: 1.4rem;
	text-align: center;
	text-decoration: none;
}


/* SSL JS出せないページ用
----------------------------------------------------------- */

.fs-body-cart-login .finfo_area ,
.fs-body-login .finfo_area ,
.fs-body-review-login .finfo_area ,
.fs-body-wishlist-login .finfo_area ,
.fs-body-checkout .finfo_area ,
.fs-body-checkout-multi .finfo_area ,
.fs-body-checkout-amazon .finfo_area ,
.fs-body-checkout-subscribe .finfo_area ,
.fs-body-checkout-multiAddress .finfo_area ,
.fs-body-checkout-multiAddress-products .finfo_area ,
.fs-body-checkout-multiAddress-confirm .finfo_area ,
.fs-body-checkout-multiAddress-options .finfo_area ,
.fs-body-my-orders .finfo_area ,
.fs-body-my-orders-details .finfo_area ,
.fs-body-my-cards .finfo_area ,
.fs-body-my-subscriptions .finfo_area ,
.fs-body-my-subscription-details .finfo_area ,
.fs-body-my-addressbook .finfo_area ,
.fs-body-my-addressbook-new .finfo_area ,
.fs-body-my-addressbook-edit .finfo_area ,
.fs-body-my-account-password .finfo_area ,
.fs-body-my-account-settings .finfo_area ,
.fs-body-my-account-settings-edit .finfo_area ,
.fs-body-my-account-delete .finfo_area ,
.fs-body-my-membership-merge .finfo_area ,
.fs-body-my-account-delete .finfo_area ,
.fs-body-register .finfo_area {
	justify-content: center;
}
.fs-body-cart-login .cal_area ,
.fs-body-login .cal_area ,
.fs-body-review-login .cal_area ,
.fs-body-wishlist-login .cal_area ,
.fs-body-checkout .cal_area ,
.fs-body-checkout-multi .cal_area ,
.fs-body-checkout-amazon .cal_area ,
.fs-body-checkout-subscribe .cal_area ,
.fs-body-checkout-multiAddress .cal_area ,
.fs-body-checkout-multiAddress-products .cal_area ,
.fs-body-checkout-multiAddress-confirm .cal_area ,
.fs-body-checkout-multiAddress-options .cal_area ,
.fs-body-my-orders .cal_area ,
.fs-body-my-orders-details .cal_area ,
.fs-body-my-cards .cal_area ,
.fs-body-my-subscriptions .cal_area ,
.fs-body-my-subscription-details .cal_area ,
.fs-body-my-addressbook .cal_area ,
.fs-body-my-addressbook-new .cal_area ,
.fs-body-my-addressbook-edit .cal_area ,
.fs-body-my-account-password .cal_area ,
.fs-body-my-account-settings .cal_area ,
.fs-body-my-account-settings-edit .cal_area ,
.fs-body-my-account-delete .cal_area ,
.fs-body-my-membership-merge .cal_area ,
.fs-body-my-account-delete .cal_area ,
.fs-body-register .cal_area {
	display: none;
}


/* footer
----------------------------------------------------------- */

.footer {
	clear: both;
	background: #f2f2f2;
}

.footer .footer_inner {
	position: relative;
	max-width: 1250px;
	margin: 0 auto;
	padding: 50px 15px 20px;
}

.fguide_area h1 {
	margin: 0 auto 20px;
	padding: 10px;
	border-radius: 10px;
	background: #ccc;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
}

.fguide_area h2 {
	position: relative;
	margin-bottom: 15px;
	padding-left: 20px;
	font-weight: bold;
}
.fguide_area h2::before {
	position: absolute;
	content: '';
	top: calc( 50% - 7.5px );
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.5px 0 7.5px 10px;
	border-color: transparent transparent transparent #333333;
}

/* guide
-----------------------------------------------------------*/

.fguide_list {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	margin: 0 -4px 10px;
}
.fguide_list li {
	width: 50%;
}
.fguide_list li div {
	display: -webkit-flex;
	display: flex;
	padding: 0 4px 20px;
}
.fguide_list li div p {
	flex: 1;
}

.fguide_list .del figure {
	width: 45px;
	margin-right: 10px;
}
.fguide_list .payment figure {
	width: 40px;
	margin-right: 10px;
}
.fguide_list .gift figure {
	width: 32px;
	margin-right: 15px;
}
.fguide_list .point figure {
	width: 35px;
	margin-right: 15px;
}

.fguide_list .del .attention {
	display: block;
	font-size: 1.8rem;
}
.fguide_list .point .attention {
	display: inline-block;
	font-size: 1.8rem;
}
.fguide_list small {
	font-size: 1rem;
}


/* fstep
-----------------------------------------------------------*/

.fstep_list {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	margin: 30px -15px 10px;
}
.fstep_list li {
	position: relative;
	width: 50%;
	padding: 0 15px 20px;
}
.fstep_list li div {
	overflow: hidden;
	height: 100%;
	padding: 0 15px 15px;
	border-radius: 10px;
	background: #FFF;
}
.fstep_list em {
	display: block;
	margin: 0 -20px 20px;
	padding: 8px;
	background: #cc080e;
	color: #FFF;
	text-align: center;
}
.fstep_list b {
	display: block;
	height: 2em;
	font-size: 1.8rem;
	text-align: center;
	line-height: 1;
}
.fstep_list p {
	margin-right: -10px;
}

.fstep_list li::after {
	position: absolute;
	content: '';
	top: 50%;
	right: -5px;
	width: 18px;
	height: 18px;
	margin-top: -12px;
	border-right: 4px solid #333;
	border-bottom: 4px solid #333;
	transform:rotate(-45deg);
	vertical-align: middle;
}
.fstep_list li:last-child::after {
	content: none;
}


/* guide blocks
-----------------------------------------------------------*/

.fguide_inner {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.fguide_block {
	width: 48%;
	margin-bottom: 40px;
}
.fguide_block:nth-child(2n-1) {
	margin-right: 4%;
}

.fguide_block p {
	margin-bottom: 20px;	
}
.fguide_block p:last-child {
	margin-bottom: 0;
}

.fguide_block img {
	display: inline-block;
	margin-bottom: 15px;
}

.fguide_block .fguide_icon {
	display: inline-block;
	margin-bottom: 15px;
	padding: 6px 2.5em;
	border: 1px solid #CCC;
	border-radius: 4px;
	background: #FFF;	
}



/* finfo
-----------------------------------------------------------*/

.finfo_area {
	margin-bottom: 20px;
}

/* cal flex */
.cal_inner {
	display: -webkit-flex;
	display: flex;
	margin-right: -10px;
}
.footer .cal_wrapper {
	margin-right: 10px;
	width: 240px;
	max-width: 50%;
}


/* calener
-----------------------------------------------------------*/

.cal_wrapper .cal {
	width: 100%;
	margin-bottom: 10px;
	background: #FFF;
	font-size: 1.4rem;
}

.cal_wrapper table.cal tr th p {
	margin: 0;
	padding: 5px;
	background: #333;
	color: #fff;
	text-align: center;
}

.cal_wrapper table.cal tr th .cal_ui {
	display: none;
	display: display;
	float: right;
}
.cal_wrapper table.cal tr th .cal_ui input {
	margin-left: 2px;
	padding: 4px 8px;
	border-radius: 4px;
	border: solid 1px #CCC;
	background: #FFF;
}

.cal_wrapper table.cal tr th {
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
}
.cal_wrapper table.cal tr td {
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	text-align: center;
}

.cal_wrapper table.cal tr.headline td {
	padding: 2px 2px;
	background: #EEE;	
}

.cal_wrapper table.cal tr td div {
	position: relative;
	padding: 2px 2px;
	text-align: center;
}

.cal_wrapper table.cal tr td div span {
	display: none;
	position: absolute;
	top: 20px;
	left: 50%;
	padding: 8px;
	width: 100px;
	border: solid 1px #EEE;
	background: #FFF;
	box-shadow: 1px 1px 2px #999;
	z-index: 10;
	color: #333;
	text-align: center;
}

/* 日にちクラス指定 */
.cal_wrapper table.cal tr.headline td:last-child ,
.cal_wrapper table.cal tr td .Sat {
	color: #00479d;
}
.cal_wrapper table.cal tr.headline td:first-child ,
.cal_wrapper table.cal tr td .Sun {
	color: #a40000;
}
.cal_wrapper table.cal tr td .Today {
	font-weight: bold;
}
.cal_wrapper table.cal tr td .Deli {
	background: #EFE;
}
.cal_wrapper table.cal tr td .day {
	color: #a40000;
}
.cal_wrapper table.cal tr td .holyday {
	color: #FFF;
	background: #cc9999;
}

.cal_info span {
	display: inline-block;
	margin-right: 10px;
}
.cal_info i {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 5px;
	background: #FFF;
	vertical-align: middle;
}
.cal_info i.holyday {
	background: #cc9999;
}


/* logo area
-----------------------------------------------------------*/

.finfo_area .logo_area h2 {
	margin-bottom: 15px;
}

.finfo_area .logo_area a {
	display: block;
	max-width: 80%;
	width: 280px;
	margin-bottom: 20px;
}


/* fbnr fnavi copy
-----------------------------------------------------------*/

/* bnr */

.fbnr_list {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 20px;
	text-align: center;
}

.fbnr_list li {
	width: 100%;
	margin: 0 5px 10px;
}

.fbnr_list .title {
	font-size: 1.8rem;
	font-weight: bold;
}


/* fnavi */

.fnavi_area {
	margin-bottom: 20px;
}

.fnavi {
	text-align: center;
}

.fnavi li {
	display: inline-block;
	padding: 0 6px 0 10px;
	border-left: 1px solid #333;
	line-height: 1.1;
	vertical-align: middle;
}

.fnavi li:first-child {
	padding-left: 6px;
	border-left: none;
}

.fnavi li a {
	zoom: 1;
	text-decoration: none;
}


/* fnavi */

.footer .copy {
	text-align: center;
}

.fs-c-subgroupList__link {
    padding: 1em;
    font-size: 120%;
    font-weight: bold;
}
.fs-c-subgroupList__link:hover {
    padding: 2em 1em;
    font-size: 140%;
    color: #db0404;
}