@charset "UTF-8";

/* layout
**************************************************************************************************************************/
.pc { display:none!important; }

/* common
**************************************************************************************************************************/

body { width: 100%; overflow-x: hidden; }
body.is-open { overflow: hidden; }
.wrap { overflow: hidden; }
.wrap.fixed { position:fixed; top: 0; left: 0; width: 100%; height: 100vh; overflow: hidden; z-index: 1; }

/* header */
.msg { padding: 10px; background: #efefef; font-size: 9px; text-align: center; position: relative; z-index: 2;font-family: Meiryo , sans-serif; }
.msg p { line-height: 1.44; }
header { }
header.is-open { position: relative; width: 100%; z-index: 10; }
header.is-fixed { position: fixed; width: 100%; z-index: 10; }
header .siteinfo { position: relative; border-bottom: 1px solid #efefef; background: #fff; }
header .ci { }
header .ci p { }
header .ci p img { width: 150px; height: auto; }
header .utility { }
header .utility-sp { position: absolute; right: 6px; top: 8px; }
header .utility-sp li { display: inline-block; vertical-align: bottom; text-align:center; margin-right: 12px; }
header .utility-sp li div { font-size: 10px; }
header .utility-sp .search { height: 18px; background: url(../images/common/icn-search.svg) no-repeat; background-position: center; background-size: contain; margin-bottom: 5px; }
header .utility-sp .search.is-open { background: url(../images/common/icn-close.svg) no-repeat; background-position: center; background-size: contain; }
header .utility-sp .cart { /*width: 22px; height: 30px; background: url(../images/common/icn-bug.svg) 50% 50% no-repeat; background-size: contain; position: relative; margin-right: 37px;*/ }
header .utility-sp .cart { height: 19px; background: url(../images/common/icn-bug.svg) no-repeat; background-position: center; background-size: contain; position: relative; margin-bottom: 5px; }
header .utility-sp .cart i.cart-counter { font-size: 11px; color: #009933; font-style: normal; position: absolute; top: 1px; right: -11px; }
header .utility-sp .menu { height: 15px; background: url(../images/common/icn-menu.svg) no-repeat; background-position: center; background-size: contain; margin-bottom: 5px; }
header .utility-sp .menu.is-open { background: url(../images/common/icn-close.svg) no-repeat; background-position: center; }
header .utility-pc { display: none; }

header .panels { position: relative; }
header .panels .panel { height: 0; overflow: hidden; opacity: 0; transition: all 1s ;  }
header .panels .panel.is-open { display: block; height: auto; /*position: absolute;*/ left: 0; width: 100%; z-index: 10; opacity: 1;   transition: all 1s ;}
header .panels .panel.is-open::after { content: ''; display: block; top: 0; width: 100%; height: 100vh; background: rgba(255,255,255,0.9); }
header .panels .panel.search form { background: #fff; position: relative; padding: 12px; border-bottom: 1px solid #e4e4e4; }
header .panels .panel.search form legend { display: inline-block; }
header .panels .panel.search fieldset { border: 0; padding: 0; }
header .panels .panel.search .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
header .panels .panel.search form input[type=text] { transform: translateZ(0); padding: 10px 10px 15px 35px; background-color: transparent; color: #009848; border: 0; font-size: 16px;  border-bottom: 2px solid #ccc; width: 100%; }
header .panels .panel.search form input[type=text]::placeholder { color: #009848; }
header .panels .panel.search form input[type=text]:-ms-input-placeholder { color: #009848; }
header .panels .panel.search form input[type=text]::-ms-input-placeholder { color: #009848; }
header .panels .panel.search form input[type=reset] { position: absolute; position:absolute; top:50%; right: 15px; margin-top: -3px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 15px; height: 15px; background: url(../images/common/icn-close.svg) 50% 50% no-repeat; background-size: contain;  text-indent: -9999px; border: 0;}
header .panels .panel.search form button[type=submit] { width: 23px; height: 23px; position: absolute; left: 15px; bottom: 25px; border: 0; text-indent: -9999px; border-radius: 0; background: url(../images/common/icn-search.svg) 50% 50% no-repeat; }
header .panels .panel.main { background: #fff; }
header .panels .panel.main .join { padding: 20px; }
header .panels .panel.main .join { margin-bottom: 0px; text-align: center; }
header .panels .panel.main .join p { margin-top: 10px; }
header .panels .panel.main .join p:first-of-type { margin-top: 0; }
header .panels .panel.main .join p a { display:block; padding: 12px; }
header .panels .panel.main .join form { background: #f8f8f8; border-top: 0; padding: 15px; text-align: left;  border: 1px solid #dadada; display: block; }
header .panels .panel.main .join form dl { margin: 0 0 0px 0;  }
header .panels .panel.main .join form dt { font-size: 12px; margin-bottom: 8px; }
header .panels .panel.main .join form dd { margin: 0 0 15px 0; padding: 0; }
header .panels .panel.main .join form dd input { width: 100%; padding: 8px; margin-bottom: 5px; font-size: 16px; line-height: 1.3; }
header .panels .panel.main .join form dd a { font-size: 12px; text-decoration: underline;  }
header .panels .panel.main .join form p { text-align: center; }
header .panels .panel.main .join form p input { background: #000; border: 0; color: #fff; margin: 0 auto; padding: 12px 80px; font-size: 16px; display: inline-block;}
header .panels .panel.main .join ul { border: 1px solid #dadada; margin-bottom: 20px; }
header .panels .panel.main .join ul li { border-bottom: 1px solid #dadada; }
header .panels .panel.main .join ul li:last-of-type { border-bottom: 0; }
header .panels .panel.main .join ul li a { display: block; padding: 12px; font-size: 13px; }
/* 個人情報保護法改正対応 */
header .panels .panel.main .join span.policy-link-sp { display: block; color: #009933; font-size: 12px; margin-top: 10px; }
header .panels .panel.main .join span.policy-link-sp a { color: #009933; text-decoration: underline; }

header .panels .panel.main nav dl { border-top: 1px solid #dadada; margin: -1px 0 0 0; }
header .panels .panel.main nav dl dt { padding: 15px 10px; font-size: 12px; background: url(../images/common/icn-plus.svg) calc(100% - 15px) 50% no-repeat; background-size: 17px 17px; cursor: pointer; }
header .panels .panel.main nav dl dt.is-open { background: url(../images/common/icn-minus.svg) calc(100% - 15px) 50% no-repeat; background-size: 17px 2px; }
/* 2009 #38171 SPドロワー改修追加 ここから */
header .panels .panel.main nav dl dt.footer { background-color: #f8f8f8 !important; padding: 15px 10px; font-size: 12px; background: url(../images/common/footer-icn-plus.svg) calc(100% - 15px) 50% no-repeat; background-size: 17px 17px; cursor: pointer;}
header .panels .panel.main nav dl dt.footer.is-open { background: url(../images/common/footer-icn-minus.svg) calc(100% - 15px) 50% no-repeat; background-size: 17px 2px; }
header .panels .panel.main nav dl dt.footer2 { border-bottom: 1px solid #dadada; background: #f8f8f8 !important; padding: 15px 10px; font-size: 12px; position: relative; }
header .panels .panel.main nav dl dt.footer2 a {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
/* 2009 #38171 SPドロワー改修追加 ここまで */
header .panels .panel.main nav dl div { border-top: 1px solid #dadada; background: #f8f8f8; display: flex; flex-wrap: wrap; height: 0; overflow: hidden; transition: all .3s cubic-bezier(0,0,.47,1);  }
header .panels .panel.main nav dl div.is-open { height: auto; }
/* 2009 #38171 SPドロワー改修追加 ここから */
header .panels .panel.main nav dl div.footer { border-top: 1px solid #dadada; background: #dedede; }
header .panels .panel.main nav dl div.footer dd { border-bottom: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1; }
/* 2009 #38171 SPドロワー改修追加 ここまで */
header .panels .panel.main nav dl dd { flex-basis: 50%; margin: 0; padding: 0; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; }
header .panels .panel.main nav dl dd:nth-of-type(2n) { border-right: 0; }
header .panels .panel.main nav dl dd a { padding: 15px 10px; font-size: 11px; display: block; }
header .panels .panel.main::after { display: none; }
header .panels .panel.category { }
header .panels .panel.category.is-open { display: none }
header .panels .panel.main .join .reEntry{ padding: 25px 0 25px; box-sizing: border-box; }
/* 2009 #38171 SPドロワー改修追加 ここから */
header .panels .panel.main .join .reEntry { padding: 10px 0 0; box-sizing: border-box; }
header .panels .panel.main .join .reEntry p { color: #009933; padding-bottom: 5px; line-height: 1.4; }
/* 2009 #38171 SPドロワー改修追加 ここまで */
header .panels .panel.main .join .reEntry a{ color: #ff0000; padding: 0 3px 2px 13px; position: relative; font-size: 14px; border-bottom: 1px solid #ff0000; }
header .panels .panel.main .join .reEntry a::before{ content: ""; position: absolute; left: 4px; top: -1px; bottom: 0; margin: auto; display: block; width: 5px; height: 8px; background: url(../images/common/icon-arrow_red.png) no-repeat left center; background-size: 5px 8px; }

header .glnv { border-bottom: 1px solid #efefef; background: #fff; }
header .category { }
header .category ul { display: flex; }
header .category ul li { text-align:center; flex-basis: 25%; border-left: 1px solid #efefef; }
/* 2009 #38171 SPドロワー改修追加 ここから */
header .panels .panel.main ul.media { display: flex; flex-wrap: wrap; justify-content: center; padding: 24px 0; background: #fff; }
header .panels .panel.main ul.media li { margin: 0 18px; }
header .panels .panel.main ul.media .li img { width: 24px; }
header .panels .panel.main ul.media .ig img { width: 24px; }
header .panels .panel.main ul.media .fb img { width: 22px; }
header .panels .panel.main ul.media .tw img { width: 24px; }
header .panels .panel.main ul.media .yt img { width: 30px; }
/* 2009 #38171 SPドロワー改修追加 ここまで */
@media all and (-ms-high-contrast: none){header .category ul li { margin-right: -1px;}}
header .category ul li:last-of-type { border-right: 0; }
header .category ul li.magazine a {padding-top: 15px; color: #009933;}
header .category ul li.sale a { color: #ff0e02;}
header .category ul li.sisley a {color: #515151;}
@media screen and (max-width: 1023px) {
	.msg { position: fixed; width: 100%; z-index: 101; background-color: #efefef; }
	header .siteinfo { position: fixed; background-color: #fff; border-bottom: 1px solid #dadada;  width: 100%; z-index: 101; }
	header .panels { position: relative; padding-top: 50px;}
}

@media screen and (max-width: 1024px) {
	header .category ul { flex-wrap: wrap; }
	header .category ul li:last-of-type { flex-basis:14.28%; flex-grow: 1; border-top: 1px solid #efefef; }
	header .category ul li:nth-of-type(n+5) {flex-basis: calc(33% - 0.66px);border-top: 1px solid #efefef;}
}
header .category ul li a { display: block; padding: 15px 0; font-size: 12px; font-weight: bold; height: 44px; }
header .category ul li a.current { color: #009848; position: relative;}
header .category ul li a.current::after { content: ''; display: block; width: calc(100% + 1px); height: 1px; background:#009848; position: absolute; bottom: -1px; left: 0; }

main { display: block; position: relative; }

/* footer */
footer { text-align: center; font-family: Meiryo , sans-serif; }
footer .sitenv { background: #f8f8f8; }
footer .sitenv .inner { padding: 36px 0 30px 0; }

footer .sitenv .page:first-child{
	margin-bottom: 0;
}
footer .sitenv .page { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 22px; }
footer .sitenv .page li { margin: 0  15px 10px; font-size: 12px; }
@media screen and (max-width: 320px) {
	footer .sitenv .page li { margin: 0  5px 8px; }
}
footer .sitenv .page li a { }
footer .sitenv .page li.has-child { }
footer .sitenv .page li.has-child a { background: url(../images/common/arw-d04.svg) 100% 50% no-repeat; background-size: 10px 6px; padding-right: 15px;  }
footer .sitenv .page li.has-child a.is-open { background: url(../images/common/arw-u04.svg) 100% 50% no-repeat; background-size: 10px 6px; }
footer .sitenv .page_sub { border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; margin-bottom: 25px; display: none;  font-size: 0; text-align: left; }
footer .sitenv .page_sub li { display: inline-block; font-size: 11px; width: 50%!important; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada;  margin-bottom: -1px; }
footer .sitenv .page_sub li:nth-of-type(2n) { border-right: 0; }
footer .sitenv .page_sub li a { display: block; text-align: left; padding: 15px 12px; width: 100%; }
footer .media { display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
footer .media li { margin: 0  18px; }
footer .media .li { }
footer .media .li img { width: 26px; }
footer .media .ig { }
footer .media .ig img { width: 24px; }
footer .media .fb { }
footer .media .fb img { width: 13px; }
footer .media .tw { }
footer .media .tw img { width: 24px; }
footer .media .yt { }
footer .media .yt img { width: 30px; }
footer .guide { }
footer .guide .inner { }
footer .guide .cols { }
footer .guide .col { }
footer .guide .page { display: flex; flex-wrap: wrap; align-items: center;}
footer .guide .page li { flex-basis: 50%; width: 50%; border-right: 1px solid #000; border-bottom: 1px solid #000; align-self: stretch; background: #333333; display: table; }
footer .guide .page li:first-of-type { flex-basis: 100%; width: 100%; }
footer .guide .page li:nth-child(odd) { border-right: 0; }
footer .guide .page li a { display: table-cell; vertical-align: middle; text-align: center;padding: 0 12px; color: #999; height: 50px; width: 100%; }
footer .guide .copyright { font-size: 9px; color: #999999; padding: 15px; background: #000; /*font-family: 'Roboto';*/ }


/* component
**************************************************************************************************************************/

/* btn */
.btn01 { display: block; padding: 12px; border: 1px solid #000; background: #000; color: #fff; font-size: 13px; }
.btn02 { display: block; padding: 12px; border: 1px solid #009933; background: #009933; color: #fff; font-size: 13px; }
.btn03 { display: block; padding: 12px; border: 1px solid #009933; background: #fff; color: #009933; font-size: 13px; }
.btn04 { display: inline-block; margin: 0 auto; padding: 15px 30px; border: 2px solid; background-color: #fff; border-color: #009848; color: #009848;line-height: 1; max-width: 350px; -webkit-transition: border-color .3s,color .3s,background-color .3s; transition: border-color .3s,color .3s,background-color .3s; font-weight: bold; }
.btn04:hover { background: #009848; color: #fff; opacity: 1; }
.btn06 { display: block; padding: 12px; border: 1px solid #dadada; background: #fff url(../images/common/arw-d01.svg) calc(100% - 15px) 50% no-repeat; font-size: 13px; text-align: center; background-size: 12px 6px; }
.btn06.is-open { background: #fff url(../images/common/arw-u01.svg) calc(100% - 15px) 50% no-repeat; background-size: 12px 6px; }
.btn-cart { display: block; font-size: 12px; padding: 12px; text-align: center; background: #009933 url(../images/common/icn-cart02.svg) 15px 50% no-repeat; background-size: 21px 20px; color: #fff; font-weight: bold;}
.btn-reserve { display: block; font-size: 12px; padding: 12px; text-align: center; background: #fff url(../images/common/icn-cart01.svg) 15px 50% no-repeat; background-size: 21px 20px; color: #009933; font-weight: bold; border: 2px solid #009933; }
.btn-request { display: block; font-size: 12px; padding: 12px; text-align: center; background: #000 url(../images/common/icn-mail03.svg) 15px 50% no-repeat; background-size: 22px 16px; color: #fff; font-weight: bold; border: 2px solid #000;}
.trigger { text-align: center;}
.trigger span { display: inline-block; padding: 15px; line-height: 1; font-weight: bold; color: #999; font-size: 12px; background: #efefef; min-width: 180px; cursor: pointer; }
.mm { text-align: center; margin-bottom: 55px; }
.mm a { display: block; border: 2px solid #009933; padding: 40px 15px 15px 15px; background: url(../images/common/icn-mail01.svg) 50% 15px no-repeat; background-size: 25px 16px; }
.mm h3 { font-size: 15px; color: #009933; margin-bottom: 3px; letter-spacing: 0.1em; }
.mm p { font-size: 10px; }

/* card */
.items .item { width: 178px; }
.items.is-slider { padding: 0 50px; }
.items.is-slider .slick-list,
.items.is-slider .slick-track,
.items.is-slider .slick-slide { }
.items.is-slider .item { width: 100%; padding: 0 13px; opacity: 0.2; outline: none; }
.items.is-slider .item.slick-current { opacity: 1;  }
.items.is-slider .item.slick-active { opacity: 1; }
.items.is-slider .slick-list { overflow: visible; }
.items.is-slider .slick-arrow { position:absolute; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: 0; text-indent: -9999px; width: 20px; height: 20px; z-index: 2;  }
.items.is-slider .slick-prev { left: -15px; background: url(../images/common/icn-prev.svg) 50% 50% no-repeat; background-size: contain; }
.items.is-slider .slick-next { right: -15px; background: url(../images/common/icn-next.svg) 50% 50% no-repeat; background-size: contain;  }
.items.is-slider .slick-disabled { opacity: 0.2;  }
.items.is-list { padding: 8px; display: flex; flex-wrap: wrap; }
.items.is-list .item { flex-basis: 50%; padding: 0 8px; margin-bottom: 16px;}
.items.is-recommend-slider .item,
.items.is-cart-recommend-slider .item,
.items.is-cart-recently-slider .item { width: 100%; padding: 0 5px; opacity: 0.2; outline: none; }
.items.is-recommend-slider .item.slick-current,
.items.is-recommend-slider .item.slick-active,
.items.is-cart-recommend-slider .item.slick-current,
.items.is-cart-recommend-slider .item.slick-active,
.items.is-cart-recently-slider .item.slick-current,
.items.is-cart-recently-slider .item.slick-active{ opacity: 1;  }
.items .item .imgtxt { }
.items .item .img { border-bottom: 2px solid #009933; position: relative; margin-bottom: 15px; }
.items .item .img a { display: block; }
.items .item .img img { width: 100%; height: auto; }
.items .item .img .status { position: absolute; bottom: 6px; left: 10px; font-size: 12px; font-weight: bold; color: #009933; }
.not_sale_color { color: #009933!important; }
.soldout_color { color: #999!important; }
.items .item .img .fav { position: absolute; bottom: 10px; right: 10px; width: 15px; height: 15px; text-indent: -9999px; }
.items .item .img .fav a { display: block; background: url(../images/common/icn-fav02.svg) 50% 50% no-repeat; background-size: contain; }
.items .item .img .fav a.faved {background: url(../images/common/icn-fav03.svg) 50% 50% no-repeat; background-size: contain; }
.items .item .txt { }
.items .item .txt.to-sub { }
.items .item .txt.to-sub h3 { font-size: 16px; margin-bottom: 15px; font-weight: bold; }
.items .item .txt.to-sub h3 a { color: #0a0a0a; }
.items .item .txt.to-sub h3 small { font-size: 9px; color: #999999; display: block; font-weight: normal; }
.items .item .txt.to-sub ul { }
.items .item .txt.to-sub ul li { font-size: 12px; font-weight: bold; margin-bottom: 20px; }
.items .item .txt.to-sub ul li a { background: url(../images/common/arw-r03.svg) 0 50% no-repeat; background-size: 4px 8px; padding-left: 10px; line-height: 1; }
.items .item .txt.to-item { padding: 0 20px; }
@media screen and (max-width: 320px) {
	.items .item .txt.to-item { padding: 0 15px; }
}
.items .item .txt.to-item .itemname { font-size: 14px; color: #333; font-weight: bold; margin-bottom: 12px; font-family: Meiryo , sans-serif; margin-right: 6px; }
.items .item .txt.to-item .name { height: 33px; position: relative; overflow: hidden; margin-bottom: 3px; margin-bottom: 12px; }
.items .item .txt.to-item .name-item-detail { height: 27px; position: relative; overflow: hidden; margin-bottom: 3px; margin-bottom: 12px; }
.items .item .txt.to-item .name:before,
.items .item .txt.to-item .name-item-detail:before { content: "..."; bottom: 0; right: -2px; background: linear-gradient(to right, rgba(255,255,255,0), #fff 72%); padding-left: 20px; margin-bottom: 1px; position: absolute; }
.items .item .txt.to-item .itemname:after { content: ""; width: 100%; height: 100%; position: absolute; background: #fff; }

.items .item .txt.to-item .price { font-size: 18px; color: #333; font-weight: bold; margin-bottom: 5px; word-break: break-all; line-height: 1; /* font-family: Meiryo , sans-serif; */ font-weight: bold; }
.items .item .txt.to-item .price small { font-size: 10px; }
.items .item .txt.to-item .price span { font-size: 14px; margin-left: 0px; display: block; margin-top: 3px; }
.items .item .txt.to-item .option { font-size: 12px; color: #999999; }
.items .item.sale .img .status,
.items .item.sale .txt.to-item .price { color: #ff0e02; }
.items .item.soldout .img .status { color: #999; }
.items .item .more { }
.items .item .more a { display: block; text-align: center; padding: 12px; font-weight: normal; border: 1px solid #009933; }
.items.is-recommend .item .img { }
.items.is-recommend .item .txt.to-item { padding: 0 5px; }
.items.is-recommend .item .txt.to-item .itemname { font-size: 12px; margin-bottom: 6px; }
.items.is-recommend .item .txt.to-item .price { font-size: 12px; }
.items.is-recommend .item .txt.to-item .price small { font-size: 9px; }
.items.is-recommend .item .txt.to-item .price span { font-size: 10px; }
.items.is-recommend .item .txt.to-item .option { font-size: 10px;  }


/* topicpath */
.topicpath { position: relative; z-index: 2; padding: 12px; font-family: Meiryo , sans-serif; display: inline-table;}
.topicpath ul { float: left; }
.topicpath ul li { display: inline-block; font-size: 10px; float:left; line-height: 1.8; font-size: 10px;}
.topicpath ul li:last-of-type::after { display: none; }
.topicpath ul li a{ color: #999999; display:block; margin-right:7px; padding-right:10px; position:relative; }
.topicpath ul li a:after {
	content:">";
	display:block;
	margin:0 7px;
	position:absolute;
	top:0;
	right:-10px;
	text-decoration: none;
	color: #009933;
}
@media screen and (min-width: 1125px) {
	.topicpath ul li { font-size: 11px; }
}

/* overlay */
.page { }
.page.under { width: 100%; height: 100vh; overflow: hidden; }
.filters { background: #f8f8f8; width: 100%; position: absolute; z-index: 100;}
.filters.pinned,
.filters.fixed{ position: fixed; top: 0; }
.filters .inner { position: relative; padding:14px 14px 18px 14px; }
.filters .progress {  position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; display: block; background: #e9e9e9; }
.filters .progress span { display: block; width: 0; height: 4px; background:#009933;  }
.filters .cells { display: table; width: 100%; align-items: center;  }
.filters .cells .cell { display: table-cell; vertical-align: middle; }
.filters .cells .cell.first { position: relative;}
.filters .cells .cell.second {  }
.filters .back-conditions { padding: 8px 0; }
.filters .back-conditions.is-hide { margin-left: -87px; opacity: 0; }
.filters .back-conditions li a { color: #000; background: url(../images/common/arw-l03.svg) 0 50% no-repeat; background-size: 5px 10px; padding-left: 12px; display: block; }
.filters .back-top { border-right: 1px solid #e0e0e0; padding: 8px 10px 8px 0; width: 87px; display: block; -webkit-transition: all 0.2s; transition: all 0.2s;  }
.filters .back-top.is-hide { margin-left: -87px; opacity: 0; }
.filters .back-top li { font-size: 12px; line-height: 1; }
.filters .back-top li a { color: #009933; background: url(../images/common/arw-u06.svg) 0 50% no-repeat; background-size: 7px 10px; padding-left: 12px; display: block; }
.filters .filter { display: flex; flex-wrap: nowrap; justify-content: flex-end; padding:0 0 0 10px; align-items: center; }
.filters .filter > li { line-height: 1; overflow: hidden; margin-right: 10px; position: relative; padding: 10px 0; }
.filters .filter > li:nth-of-type(1) { font-size: 12px; }
.filters .filter > li:nth-of-type(2) { }
.filters .filter > li:nth-of-type(3) { }
.filters .filter > li.open-panel { }
.filters .filter > li.open-panel span { background: url(../images/common/arw-d04.svg) 0 50% no-repeat; background-size: 8px 5px; padding-left: 15px; display: block;}
.filters .filter > li .label { font-size: 12px; line-height: 1; background: url(../images/common/arw-d04.svg) 0 50% no-repeat; background-size: 8px 5px; padding-left: 15px; }
.filters .filter > li select { border: 0; font-size: 16px; line-height: 1; vertical-align: top; opacity: 0; position: absolute; top: 5px; left: 0; }
.filters .filter > li select option { }
.filters .pd { display: none; }
.filters .sp {  }
.conditions-pc { display: none; }
.conditions-sp { position: fixed; top: 60px; left: 0; width: 100%; height: calc(100vh - 60px); background: #fff; z-index: 100; border-top: 1px solid #dadada; transition: all .3s cubic-bezier(0,0,.47,1); }
.conditions-sp.is-hide { -webkit-transform: translateY(-130%); -ms-transform: translateY(-130%); transform: translateY(-130%); z-index: 10;  }
.conditions-sp .scroll-base { height: calc(100vh - 60px); }
.conditions-sp .scroll-base .scroll { height: 100%; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch;}
.panels #first { }
.panels #first .cells { display: table; width: 100%; border-bottom: 1px solid #e4e4e4;}
.panels #first .cells:first-of-type { }
.panels #first .cells .cell { display: table-cell; vertical-align: middle; padding: 15px 10px; font-size: 12px; }
.panels #first .cells .cell.ttl { width: 25%; padding-right: 0px; text-align: left;  border-bottom: 0!important;}
.panels #first .cells .cell.value { text-align: right; background: url(../images/common/arw-d01.svg) calc(100% - 15px) 50% no-repeat; background-size: 10px 5px; padding-right: 30px; position: relative;  }
.panels #first .cells.category .cell.value {background: url(../images/common/arw-r01.svg) calc(100% - 15px) 50% no-repeat; background-size: 5px 10px; }
.panels #first .cells .cell.value.is-open { background: url(../images/common/arw-u01.svg) calc(100% - 12px) 50% no-repeat; background-size: 10px 5px; }
.panels #first .cells.price .cell.value { background: none; padding-right: 5px;}
.panels #first .cells .cell.value select { font-size: 16px; position:absolute; top:50%; right: 0px; padding-right: 30px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; width: 100%; }
.panels #first .cells .cell.value p.val { color: #999999; font-size: 12px; }
.panels #first .cells .cell.value p.inputed { color: #000; }
.panels #first .cells .prices { display: table; width: 100%; }
.panels #first .cells .price { vertical-align: middle; display: table-cell;}
.panels #first .cells .price.input { width: 44%; }
.panels #first .cells .price.txt { width: 12%; text-align: center; font-size: 18px; }
.panels #first .cells .price.input input { width: calc(100% - 20px); padding: 5px; font-size: 16px; }
.panels #first .cells .price.input select { width: calc(100% - 25px); border: 1px solid #dfdfdf; position: static;  opacity: 1; display: inline-block;  background: #fff; font-size: 16px; padding: 5px; top: auto; right: auto; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.panels #first .cells .price.input small { font-size: 13px; margin-left: 5px; vertical-align: bottom; }
.panels #first .action { padding: 20px; }
.panels #first .action ul { text-align: center; margin: 0 auto; display: flex; justify-content: center; flex-wrap: nowrap; }
.panels #first .action li {  margin:  0 5px; }
.panels #first .action input { border: 0; font-size: 12px; padding: 14px; text-align: center; display: block; }
.panels #first .action input[type=reset] { background: #999999 ; color: #efefef; width: 100px; }
.panels #first .action input[type=submit] { background: #333333; color: #fff; width: 220px; }
.panels #first .close { text-align: center; padding: 13px; background: #f8f8f8; }
.panels #first .close span {background: url(../images/common/icn-close.svg) 0 50% no-repeat; background-size: 14px 14px; padding-left: 20px; }
.panels .colorlist { }
.panels .colorlist li { cursor: pointer; }
.panels .colorlist li span { display: block; width: 100%; height: 100%; }
.panels .colorlist li.reset { border: 1px solid #000; background: url(../images/common/icn-close.svg) 50% 50% no-repeat; background-size: cover; opacity: 0.1;  }
.panels .colorlist li.color01 { border: 1px solid #e4e4e4; background: #fff;  }
.panels .colorlist li.color02 { background: #000000;  }
.panels .colorlist li.color03 { background: #717171;  }
.panels .colorlist li.color04 { background: #8b514e;  }
.panels .colorlist li.color05 { background: #dcbc6f;  }
.panels .colorlist li.color06 { background: #07924f;  }
.panels .colorlist li.color07 { background: #1854ff;  }
.panels .colorlist li.color08 { background: #9c3cff;  }
.panels .colorlist li.color09 { background: #ffe71a;  }
.panels .colorlist li.color10 { background: #ffc3c2;  }
.panels .colorlist li.color11 { background: #ff0e02;  }
.panels .colorlist li.color12 { background: #ef8100;  }
.panels .colorlist li.color13 { background: #dbdbdb;  }
.panels .colorlist li.color14 { background: #cfb475;  }
.panels .colorlist li.color15 { background: url(../images/common/img-color01.png) 50% 50% no-repeat; background-size: contain; }
.panels #first .colors { padding: 12px; display: block; border-bottom: 1px solid #e4e4e4; display: none; }
.panels #first .colorlist { width: 100%; margin: 0 auto; background: #fff; padding: 15px 25px 5px 25px; }
.panels #first .colorlist { font-size: 0; }
.panels #first .colorlist li { display: inline-block; vertical-align: top; width: 42px; height: 42px; margin: 0 9px 20px 9px; }
.panels #first .colorlist li.selected { box-shadow : 0 0 0 5px #fff, 0 0 0 7px #d3d3d1; }
.panels .panel.category-primary,
.panels .panel.category-secondary { position: absolute; width: 100%; top: 0; z-index: 2; background: #fff; transition: all .3s cubic-bezier(0,0,.47,1); }
.panels .panel.category-primary.is-hide,
.panels .panel.category-secondary.is-hide { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%);  }
.panels .panel .list-category { }
.panels .panel .list-category li { }
.panels .panel .list-category li a { padding: 15px 10px; padding-right: 30px; font-size: 12px; display: block; border-bottom: 1px solid #e4e4e4; background: url(../images/common/arw-r01.svg) calc(100% - 15px) 50% no-repeat; background-size: 5px 10px; }




/* top
**************************************************************************************************************************/
.kv { position: relative; margin-bottom: 30px; }
.kv p { text-align: center; }
.kv img { max-width: 100%; margin: 0 auto;}
.kv a { display: block; opacity: 1; }
.top-news	{ padding: 0 13px; }
.top-news	.inner { border-bottom: 1px solid #e4e4e4; }
.top-news dl { margin: 0 0 10px 0; display: flex; }
.top-news dl dt { font-weight: bold; margin-bottom: 5px; }
.top-news dl dt span { border: 1px solid #cceada; display: inline-block;  color: #009933; padding: 5px 10px; }
.top-news dl dd { line-height: 2; font-size: 12px; padding: 0; margin: 0; font-family: Meiryo , sans-serif; padding: 0 0 0 15px; }
.collection { padding: 45px 0 15px 0; }
.collection .inner { }
.collection .ttl { text-align: center; margin-bottom: 30px; }
.collection .ttl span { font-size: 20px; font-weight: bold; color: #009933; letter-spacing: 0.12em;  }
.collection .ttl small { display: block; text-align: center; font-size: 10px; color: #999999; margin-top: 5px; }
.collection .categories { padding: 0 40px; }
.collection .category { margin-bottom: 50px; }
.collection .category a { }
.collection .category .inner { }
.collection .category figure { text-align: center; margin: 0;}
.collection .category picture { display: block; position: relative; overflow: hidden;}
.collection .category figure img { margin: 0 auto; max-width: 100%; height: auto; max-height: 410px; width: auto; opacity: 1; transition: all .3s cubic-bezier(0,0,.47,1); }
.collection .category h2 { background-color: #fff; padding: 12px; width: 90px; color: #000; font-size: 13px; display: block; border-bottom: 2px solid #009848; margin: -25px auto 0 auto; position: relative; z-index: 4; line-height: 1; font-weight: bold; text-align: center;  }
.collection .category h2 small { display: block; text-align: center; font-size: 9px; color: #333; margin-top: 3px; }

/* category
**************************************************************************************************************************/
.ttl-category { text-align: center; margin-bottom: 40px;  }
.ttl-category h1 { font-weight: bold; margin-bottom: 15px; }
.collection-category { }
.collection-category .inner { padding: 0 30px; }
.collection-category .mainimg {  text-align: center; margin: 40px auto 40px auto; }
.collection-category .mainimg a { color: #1c1c1c; }
.collection-category .mainimg .inner { }
.collection-category .mainimg figure { }
.collection-category .mainimg picture { }
.collection-category .mainimg img { width: 100%; max-width: 100%; border: 1px solid #e4e4e4; }
.collection-category .mainimg h2 { background-color: #fff; padding: 16px; line-height: 1; border-bottom: 2px solid #009848; min-width: 150px; top: -25px; display: inline-block; font-size: 12px; font-weight: bold; position: relative; z-index: 2;}
.collection-category .ttl,
.collection-category .ttl-recommend { text-align: center; margin-bottom: 30px; }
.collection-category .ttl span,
.collection-category .ttl-recommend span { font-size: 20px; font-weight: bold; color: #009933; letter-spacing: 0.12em;  }
.collection-category .ttl small,
.collection-category .ttl-recommend small { display: block; text-align: center; font-size: 10px; color: #999999; margin-top: 5px; }
.collection-category .items { margin-bottom: 50px; }
.medias { }
.medias .media { margin-bottom: 50px; }
.medias .media a { }
.medias .media .imgtxt { position: relative; }
.medias .media .img { }
.medias .media .img h2 { }
.medias .media .img p { }
.medias .media .img .label { }
.medias .media .img img { width: 100%; height: auto; position: unset;}
.medias .media .txt { position:absolute; left:50%; bottom: -25px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding: 0 20px; color: #fff; width: 100%; text-align: center;}
.medias .media .txt::before { content: ''; display: block; width: 100% ; left: 0; height: 120px; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .6)); position: absolute; bottom: 25px; z-index: 1;}
.medias .media .txt h2 { text-align: left; font-size: 22px; font-weight: bold; position: relative; z-index: 2; margin-bottom: 8px;}
.medias .media .txt p { text-align: left; font-size: 12px; font-weight: bold; position: relative; z-index: 2; }
.medias .media .txt .label { background-color: #fff; padding: 16px; line-height: 1; border-bottom: 2px solid #009848; min-width: 150px; display: inline-block; font-size: 12px; font-weight: bold; position: relative; z-index: 2; text-align: center; color: #1c1c1c; margin-top: 20px; }
.salestxt { margin-bottom: 40px; font-size: 12px; font-family: Meiryo , sans-serif; }
.salestxt p { line-height: 2; }

/* news
**************************************************************************************************************************/
.news { padding: 0 20px; margin-bottom: 45px; }
main.news .article { }
main.news .article .news-header { margin-bottom: 5px; }
main.news .article .news-header .date { font-size: 10px; }
main.news .article .news-body { font-size: 13px; margin-bottom: 50px; }
main.news .article .ttl { font-size: 24px; font-weight: 500; margin-bottom: 15px; border-bottom: 1px solid #e4e4e4; padding-bottom: 15px; }
main.news .article .wysiwyg { }
main.news .article .wysiwyg p { margin-bottom: 20px; line-height: 1.7; }
main.news .article img { max-width: 100%; }
main.news .article .wysiwyg a { text-decoration: underline; word-wrap: break-word; }
main.news .archive-news { margin-bottom: 30px; }
main.news .archive-news .back { margin-top: 35px;}
.cards-new {  }
.cards-new .card { margin-bottom: 15px; }
.cards-new .card a { display: block; }
.cards-new .card .imgtxt { }
.cards-new .card .imgtxt .img { border: 1px solid #e4e4e4; }
.cards-new .card .imgtxt .img .thumb { }
.cards-new .card .imgtxt .img .thumb img { width: 100%; }
.cards-new .card .imgtxt .txt { padding-top: 12px; text-align: left;}
.cards-new .card .imgtxt .txt .date { font-size: 10px; margin-bottom: 10px; }
.cards-new .card .imgtxt .txt h3 { font-size: 16px; font-weight: 500; margin-bottom: 10px; }
.cards-new .card .imgtxt .summary { font-size: 13px; line-height: 1.7; text-align: left;}
.cards-new .card .imgtxt .summary br { display: none; }
.cards-new .card a { display: block; }
.cards-new .card .imgtxt {  }
.cards-new .card .imgtxt .img { border: 0; margin-bottom: 10px; }
.cards-new .card .imgtxt .img .thumb { }
.cards-new .card .imgtxt .img .thumb img { border: 1px solid #e4e4e4; }
.cards-new .card .imgtxt .txt { padding: 0; }
.cards-new .card .imgtxt .txt .date {  }
.cards-new .card .imgtxt .txt h3 { font-weight: bold; }
.cards-new .card .imgtxt .summary {  }
.cards-new.is-archive .card { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e4e4e4; }
.cards-new.is-archive .card:last-of-type { margin-bottom: 0; border: 0; padding-bottom: 0;}
.cards-new.is-archive .card .imgtxt { display: flex;  }
.cards-new.is-archive .card .imgtxt .img { border: 0; }
.cards-new.is-archive .card .imgtxt .img .thumb img { width: 100px; border: 1px solid #e4e4e4; }
.cards-new.is-archive .card .imgtxt .txt { padding: 0 0 0 20px; text-align: left;}
.cards-new .card .imgtxt .summary {  }
/* pagelist */
.pagetitle { padding: 40px 10px 10px 10px; }
.pagelist.sp {  padding: 0 10px; margin-bottom: 20px; }
.pagelist.sp ul { font-size: 0; text-align: center; display: block; padding: 12px; border: 1px solid #dadada; font-size: 12px; position: relative; }
.pagelist.sp ul li { display: inline-block; text-align: center; }
.pagelist.sp ul li a,
.pagelist.sp ul li span { display: block; padding: 4px 20px; }
.pagelist.sp ul li.current a {  background: #bcbcbc; color: #fff; }
.pagelist.sp ul li.prev,
.pagelist.sp ul li.next { position: absolute; position:absolute; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  }
.pagelist.sp ul li.prev { left: 5px; }
.pagelist.sp ul li.next { right: 5px; }
.pagelist.sp ul li.prev a { display: block; width: 20px; padding: 4px; background: url(../images/common/arw02-l.png) 50% 50% no-repeat; background-size:5px 8px; text-indent: -9999px; }
.pagelist.sp ul li.next a {display: block; width: 20px; padding: 4px; background: url(../images/common/arw02-r.png) 50% 50% no-repeat; background-size:5px 8px; text-indent: -9999px; }
.hl04 { font-size: 18px; font-weight: 500; letter-spacing: 0.16em; margin-bottom: 30px; }
.news-btn04 { display:block; padding: 12px; border: 1px solid #dadada; background: #fff url(../images/common/arw01-l.png) 15px 50% no-repeat; font-size: 13px; text-align: center; background-size: 6px 12px;}

.panels #first .action .clear { background: #999999; color: #efefef; width: 100px; }

/* 2columns
**************************************************************************************************************************/
.two-columns { font-family: Meiryo, sans-serif; }
.two-columns h1 { font-weight: bold; }

/* 2columns -  sidenavi
**************************************************************************************************************************/
.sidenavi-column dl { margin-top: 0; }
.sidenavi-column dl dt {margin-bottom: 7px;font-size: 13px;  font-weight: bold;  }
.sidenavi-column dl dd {margin: 0 0 7px 0; padding: 0; font-size: 11px; line-height: 16px;  }
.sidenavi-column dl dd:last-of-type { margin-bottom: 0; }
.sidenavi-column dl dd a {display: inline-block;padding-left: 12px;  background: url("../images/common/arw-r02.svg") 0 4px no-repeat; -webkit-background-size: 5px 8px; -moz-background-size: 5px 8px; background-size: 5px 8px;  }
.sidenavi-column dl dd.current a {background-image: url("/images/common/arw-r08.svg"); color: #093;  }

/* 2columns -  content
**************************************************************************************************************************/
.content-column section h2 {color: #093; font-weight: bold;  }
.content-column section dl,
.content-column section dd,
.content-column section ol,
.content-column section ul,
.content-column section li { margin: 0; padding: 0; }
.content-column section ol,
.content-column section ul { list-style: none; }

/* sitemap
**************************************************************************************************************************/
.content-column section.category .cols .col dl,
.content-column section.bottomnavi .cols .col dl { margin-top: 0; }
.content-column section.category .cols .col dl dt,
.content-column section.bottomnavi .cols .col dl dt {font-size: 13px; font-weight: bold;  }
.content-column section.category .cols .col dl dd,
.content-column section.bottomnavi .cols .col dl dd {padding: 0; font-size: 11px;  }
.content-column section.category .cols .col dl dd:last-of-type,
.content-column section.bottomnavi .cols .col dl dd:last-of-type { margin-bottom: 0; }
.content-column section.category .cols .col dl dd a,
.content-column section.bottomnavi .cols .col dl dd a {display: inline-block;padding-left: 12px;  background: url("/images/common/arw-r02.svg") 0 4px no-repeat; -webkit-background-size: 5px 8px; -moz-background-size: 5px 8px; background-size: 5px 8px;  }
.content-column section.category ul li,
.content-column section.bottomnavi ul li {padding: 0;  font-size: 11px; font-weight: bold; letter-spacing: .19em; }
.content-column section.category ul li a,
.content-column section.bottomnavi ul li a {display: inline-block;padding-left: 12px;  background: url("/images/common/arw-r02.svg") 0 4px no-repeat; -webkit-background-size: 5px 8px; -moz-background-size: 5px 8px; background-size: 5px 8px;  }

/* sizeguide
**************************************************************************************************************************/
.sizeguide-table { table-layout: fixed; width: 100%; border-right: 1px solid #e3e4e4; border-bottom: 1px solid #e3e4e4; }
.sizeguide-table caption {font-weight: bold; text-align: left;  }
.sizeguide-table th,
.sizeguide-table td { border-top: 1px solid #e3e4e4; border-left: 1px solid #e3e4e4; }
.sizeguide-table td { text-align: center; }
.sizeguide-table tr td.cell-odd { background-color: #fff; }
.sizeguide-table tr td.cell-even { background-color: #f8f8f8; }
.sizeguide-table tr.benetton-size td.cell-odd { background-color: #f8f8f8; }
.sizeguide-table tr.benetton-size td.cell-even { background-color: #efefef; }
.sizeguide-table th { font-weight: normal; text-align: left; }
.sizeguide-table colgroup col:nth-of-type(1) { background-color: #efefef; }
.sizeguide-table.kids .benetton-size,
.sizeguide-table.kids .subhead {padding-right: 0;padding-left: 0;  text-align: center;  }
.sizeguide-table.kids .subhead { background-color: #f8f8f8; }
.sizeguide-lead { border-bottom: 1px solid #e3e4e4; }
.sizeguide-lead p {padding-left: 1em; color: #093; font-size: 12px; text-indent: -1em; line-height: 20px;  }

/* members
**************************************************************************************************************************/
.content-column .members-lead p { font-size: 12px; line-height: 20px; }
@media screen and (min-width: 375px) { .content-column section.card .small-window,
	.content-column section.three-points .small-window { display: none !important; } }
.content-column section.card {background-image: url("/images/members/card.jpg"); background-repeat: no-repeat; background-position: top center; text-align: center;  }
.content-column section.card p { font-weight: bold; }
.content-column section.card a { display: block; background-color: #093; background-repeat: no-repeat;color: #fff;  }
.content-column section.card .search-store a { background-image: url("/images/members/icn-search-store.png"); }
.content-column section.card .search-store a div { padding-left: 2em; }
.content-column section.card .mypage a { background-image: url("/images/members/icn-mypage.png"); }
.content-column section.card .mypage a div { padding-left: 1em; }
.content-column section.three-points dt .icn img { width: 40px; }
.content-column section.three-points dt .txt { color: #093; font-size: 16px;font-weight: bold;  }
.content-column section.three-points dt .txt strong { font-size: 1.375em; }
.content-column section.three-points dt .txt strong span { font-size: .727272727272727em; }
.content-column section.three-points .no-1 .detail {height: 100px; background-color: #f8f8f8; text-align: center;  }
.content-column section.three-points .no-1 .detail img { height: 100%; width:auto !important; }
.content-column section.three-points .no-2 .note {margin-top: 1em; color: #093;  }
.content-column section.official-account > p { font-size: 12px; }
.content-column section.official-account .account .ttl {margin-bottom: 10px; background-color: #f8f8f8;  }
.content-column section.official-account .account .ttl img { height: 36px; }
.content-column section.official-account .account.twitter .ttl { padding-left: 12px; padding: 0px!important; }
.content-column section.official-account .account.twitter img { width:auto !important; }
.content-column section.official-account .account.facebook .ttl { padding-left: 10px; padding: 0px!important; }
.content-column section.official-account .account.facebook img { width:auto !important; }
.content-column section.official-account .account .timeline { border: 1px solid #ebecee; }

/* washinginstruction
**************************************************************************************************************************/
.content-column section.washinginstruction .list li { background-repeat: no-repeat; }
.content-column section.washinginstruction .list li p { font-size: 12px; line-height: 20px; }
.content-column section.washinginstruction .list li.icn-wash-01 { background-image: url("/images/washinginstruction/icn-wash-01.png"); }
.content-column section.washinginstruction .list li.icn-wash-02 { background-image: url("/images/washinginstruction/icn-wash-02.png"); }
.content-column section.washinginstruction .list li.icn-wash-03 { background-image: url("/images/washinginstruction/icn-wash-03.png"); }
.content-column section.washinginstruction .list li.icn-wash-04 { background-image: url("/images/washinginstruction/icn-wash-04.png"); }
.content-column section.washinginstruction .list li.icn-wash-05 { background-image: url("/images/washinginstruction/icn-wash-05.png"); }
.content-column section.washinginstruction .list li.icn-wash-06 { background-image: url("/images/washinginstruction/icn-wash-06.png"); }
.content-column section.washinginstruction .list li.icn-wash-07 { background-image: url("/images/washinginstruction/icn-wash-07.png"); }
.content-column section.washinginstruction .list li.icn-wash-08 { background-image: url("/images/washinginstruction/icn-wash-08.png"); }
.content-column section.washinginstruction .list li.icn-wash-09 { background-image: url("/images/washinginstruction/icn-wash-09.png"); }
.content-column section.washinginstruction .list li.icn-wash-10 { background-image: url("/images/washinginstruction/icn-wash-10.png"); }
.content-column section.washinginstruction .list li.icn-wash-11 { background-image: url("/images/washinginstruction/icn-wash-11.png"); }
.content-column section.washinginstruction .list li.icn-wash-12 { background-image: url("/images/washinginstruction/icn-wash-12.png"); }
.content-column section.washinginstruction .list li.icn-wash-13 { background-image: url("/images/washinginstruction/icn-wash-13.png"); }
.content-column section.washinginstruction .list li.icn-wash-14 { background-image: url("/images/washinginstruction/icn-wash-14.png"); }
.content-column section.washinginstruction .list li.icn-wash-15 { background-image: url("/images/washinginstruction/icn-wash-15.png"); }
.content-column section.washinginstruction .list li.icn-wash-16 { background-image: url("/images/washinginstruction/icn-wash-16.png"); }
.content-column section.washinginstruction .list li.icn-wash-17 { background-image: url("/images/washinginstruction/icn-wash-17.png"); }
.content-column section.washinginstruction .list li.icn-wash-18 { background-image: url("/images/washinginstruction/icn-wash-18.png"); }
.content-column section.washinginstruction .caution dt {margin-bottom: 1em; font-weight: bold;  }
.content-column section.washinginstruction .caution dd { font-size: 12px; line-height: 20px; }
.content-column section.washinginstruction .caution dd ol { padding-left: 0; }

/* faq
**************************************************************************************************************************/
.content-column section.faq .faq-item {position: relative; background-color: #f8f8f8;  }
.content-column section.faq .faq-item + .faq-item { margin-top: 2px; }
.content-column section.faq .faq-item .question {position: relative; line-height: 20px; cursor: pointer;  }
.content-column section.faq .faq-item .minus-plus {position: absolute; top: 50%;  width: 16px; height: 16px; margin-top: -8px; }
.content-column section.faq .faq-item .minus-plus:before,
.content-column section.faq .faq-item .minus-plus:after {display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;position: absolute; top: 0; left: 0;  content: "";  }
.content-column section.faq .faq-item .minus-plus:before { width: 9px; height: 100%; border-right: 2px solid #333; }
.content-column section.faq .faq-item .minus-plus:after { width: 100%; height: 9px; border-bottom: 2px solid #333; }
.content-column section.faq .faq-item .answer { display: none; font-size: 12px; line-height: 20px; }
.content-column section.faq .faq-item .answer a { color: #093; text-decoration: underline; }
.content-column section.faq .faq-item.current-faq .minus-plus:before { content: none; }
.content-column section.contact-return p,
.content-column section.contact-return li { line-height: 20px; }
.content-column section.contact-return dt { font-weight: bold; }
.content-column section.contact-return dd a { color: #093; text-decoration: underline; }
.content-column section.contact-return dd p,
.content-column section.contact-return dd ul li { font-size: 12px; }
.content-column section.contact-return dd p.note,
.content-column section.contact-return dd ul li { padding-left: 1em; text-indent: -1em; }
.content-column section.contact-return dd ul { margin-top: 1em; }

/* license
**************************************************************************************************************************/
.content-column .license-lead p { font-size: 12px; line-height: 20px; }
.content-column section.business-dev dt,
.content-column section.united-colors-of-benetton dt,
.content-column section.undercolors-of-benetton dt { font-weight: bold; }
.content-column section.business-dev p,
.content-column section.united-colors-of-benetton p,
.content-column section.undercolors-of-benetton p,
.content-column section.business-dev dd,
.content-column section.united-colors-of-benetton dd,
.content-column section.undercolors-of-benetton dd { font-size: 12px; line-height: 20px; }
.content-column section.united-colors-of-benetton,
.content-column section.undercolors-of-benetton {padding-top: 0; border-top: none;  }
.content-column section.united-colors-of-benetton h2,
.content-column section.undercolors-of-benetton h2 { border-bottom: 2px solid #093; }
.content-column section.united-colors-of-benetton h2 img,
.content-column section.undercolors-of-benetton h2 img { display: block; }
.content-column section.united-colors-of-benetton dd a,
.content-column section.undercolors-of-benetton dd a {color: #093; text-decoration: underline;  }
.content-column section.united-colors-of-benetton img,
.content-column section.undercolors-of-benetton img { width:auto !important; }

/* csr
**************************************************************************************************************************/
.content-column section.vision p,
.content-column section.strategy p,
.content-column section.vision dd,
.content-column section.strategy dd { font-size: 12px; line-height: 20px; }
.content-column section.vision dt,
.content-column section.strategy dt { font-weight: bold; }
.content-column section.strategy a { color: #093; }
.content-column section.strategy a[target="_blank"] { display: inline-block; margin-right: 2px; padding-right: 18px; background-image: url("/images/csr/external-link.png"); background-repeat: no-repeat; background-position: right center;-webkit-background-size: 15px; -moz-background-size: 15px; background-size: 15px;  }

/* recruit
**************************************************************************************************************************/
.content-column section.recruit .region .name { background-color: #f8f8f8; font-weight: bold; line-height: 1; }
.content-column section.recruit .region a {display: block; border: 1px solid;color: #093;  font-size: 12px; text-align: center; line-height: 1;  }
.content-column section.recruit .region a.part-time { float: left; }
.content-column section.recruit .region a.contract { float: right; }

@media screen and (min-width: 600px) {
	.items.is-list {
	    padding: 25px 15px;
	    display: flex;
	    flex-wrap: wrap;
	    margin: 0 auto;
	    max-width: 900px;
    }

    .items.is-list .item {
	    flex-basis: 33.3333%;
	    padding: 0 15px;
	    margin-bottom: 30px;
	}
}

@media screen and (min-width: 1025px) {
	.items.is-recommend-slider,
	.items.is-cart-recommend-slider,
	.items.is-cart-recently-slider { padding: 0 60px; }
	.items.is-recommend-slider .item,
	.items.is-cart-recommend-slider .item,
	.items.is-cart-recently-slider .item { padding: 0 15px; }
	.items.is-recommend-slider .slick-arrow,
	.items.is-cart-recommend-slider .slick-arrow,
	.items.is-cart-recently-slider .slick-arrow { position:absolute; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: 0; text-indent: -9999px; width: 20px; height: 20px; z-index: 2;  }
	.items.is-recommend-slider .slick-prev,
	.items.is-cart-recommend-slider .slick-prev,
	.items.is-cart-recently-slider .slick-prev { left: 20px; background: url(../images/common/icn-prev.png) 50% 50% no-repeat; background-size: contain; }
	.items.is-recommend-slider .slick-next,
	.items.is-cart-recommend-slider .slick-next,
	.items.is-cart-recently-slider .slick-next { right: 20px; background: url(../images/common/icn-next.png) 50% 50% no-repeat; background-size: contain;  }
	.items.is-recommend-slider .slick-disabled,
	.items.is-cart-recommend-slider .slick-disabled,
	.items.is-cart-recently-slider .slick-disabled { opacity: 0.2; pointer-events : none; }
	.cards-new { display: flex; justify-content: space-between; }
	.cards-new .card {  width: 50%; margin-bottom: 0; margin-right: 25px; border-right: 1px solid #e4e4e4; }
	.cards-new .card:nth-of-type(2n) { margin-right: 0; border: 0;}
	.cards-new .card a { display: block; }
	.cards-new .card .imgtxt { display: flex;}
	.cards-new .card .imgtxt .img { border: 0; }
	.cards-new .card .imgtxt .img .thumb { border: 0; }
	.cards-new .card .imgtxt .img .thumb img { width: 220px; border: 1px solid #e4e4e4; }
	.cards-new .card .imgtxt .txt { padding:0 25px; }
	.cards-new .card .imgtxt .txt .date { font-size: 12px; margin-bottom: 10px; }
	.cards-new .card .imgtxt .txt h3 { font-size: 16px; margin-bottom: 10px; }
	.cards-new .card .imgtxt .summary { font-size: 14px; line-height: 1.7; }
	.cards-new .card .imgtxt .summary br { display:block; }
	.cards-new.is-archive { display: block; }
	.cards-new.is-archive .card { width: 100%; padding-bottom: 30px; margin-bottom: 30px; border-right: 0; }
	.cards-new.is-archive .card:nth-of-type(2n) { border-bottom: 1px solid #e4e4e4; }
	.cards-new.is-archive .card:last-of-type { border: 0; }
	.cards-new.is-archive .card a {  }
	.cards-new.is-archive .card .imgtxt {  }
	.cards-new.is-archive .card .imgtxt .img { width: 180px; margin-bottom: 0; }
	.cards-new.is-archive .card .imgtxt .img .thumb { }
	.cards-new.is-archive .card .imgtxt .img .thumb img { width: 180px;  }
	.cards-new.is-archive .card .imgtxt .txt { padding: 0 0 0 50px; width: 100%;  }
	.cards-new.is-archive .card .imgtxt .txt .date { }
	.cards-new.is-archive .card .imgtxt .txt h3 { font-size: 20px; margin-bottom: 15px;  }
	.cards-new.is-archive .card .imgtxt .summary { }

	/* news
	**************************************************************************************************************************/
	.news { padding: 0 50px; margin-bottom: 80px; position: relative; }
	.news .more { position: absolute; top: 0; right: 50px;}
	main.news { padding: 0; }
	main.news .archive-news { max-width: 960px; margin: 0 auto; }
	main.news .article { display: flex; max-width: 960px; margin: 0 auto;}
	main.news .article .news-header { margin-bottom: 5px; padding-right: 120px; }
	main.news .article .news-header .date { font-size: 16px;  border-top: 2px solid #000; display: inline-block; padding-top: 30px; line-height: 1;}
	main.news .article .news-body { padding-top: 30px;  font-size: 14px; margin-bottom: 90px; }
	main.news .article .ttl { font-size: 30px; line-height: 1; margin-bottom: 30px; padding-bottom: 35px; }
	main.news .article .wysiwyg { }
	main.news .article .wysiwyg p { margin-bottom: 25px; }
	main.news .article img { max-width: 100%; }
	main.news .article .wysiwyg a { text-decoration: none; display:inline-block; padding: 0 17px 10px 0; border: 0; background: url(../images/common/arw01-r.png) 100% 6px no-repeat; background-size: 5px 10px; color: #151515; position: relative; }
	main.news .article .wysiwyg a::after { content: ''; display: block; width: 100%; height: 1px; background: #000; position: absolute; bottom: 0; left: 0; }
	main.news .article .wysiwyg a:hover::after { animation: underbar 0.5s; }
	main.news .archive-news { margin-bottom: 100px; }
	main.news .archive-news .back { margin-top: 85px; text-align: center; }
	/* pagelist */
	.pagetitle { padding: 50px 10px 20px 10px; }
	.pagelist.pc { margin: 60px 0 60px 0; }
	.pagelist.pc ul { font-size: 0; text-align: center; }
	.pagelist.pc ul li { display: inline-block; font-size: 15px; margin: 0; text-align: center; border-right: 1px solid #e4e4e4; padding: 0 3px; }
	.pagelist.pc ul li a,
	.pagelist.pc ul li span { display: block; padding: 4px 20px; }
	.pagelist.pc ul li.current a {  background: #bcbcbc; color: #fff; }
	.pagelist.pc ul li.last { border: 0; }
	.pagelist.pc.pc ul li.prev,
	.pagelist.pc ul li.next { text-align: left; border: 1px solid #e4e4e4; }
	.pagelist.pc ul li.prev a { display: block; width: 20px; padding: 4px; background: url(../images/common/arw01-l.png) 50% 50% no-repeat; background-size:5px 8px; text-indent: -9999px; }
	.pagelist.pc ul li.next a {display: block; width: 20px; padding: 4px; background: url(../images/common/arw01-r.png) 50% 50% no-repeat; background-size:5px 8px; text-indent: -9999px; }
	.pagelist.pc .cells { display: table;  width: 100%; margin-top: -30px; margin-bottom: 80px; }
	.pagelist.pc .cells .cell { display: table-cell; vertical-align: middle; }
	.pagelist.pc .cells .cell.total { text-align: left; }
	.pagelist.pc .cells .cell.list { text-align: right; }
	.pagelist.pc .cells .cell.list ul { text-align: right; }
	.hl04 { font-size: 20px; margin-bottom: 50px; }
	.news-btn04 { display:inline-block; padding: 0 0 10px 17px; border: 0; background: url(../images/common/arw01-l.png) 0 6px no-repeat; background-size: 5px 10px; color: #151515; font-size: 14px; position: relative; }
	.news-btn04::after { content: ''; display: block; width: 100%; height: 1px; background: #000; position: absolute; bottom: 0; left: 0; }
	.news-btn04:hover::after { animation: underbar 0.5s; }
	@keyframes underbar {
		0% {
			width:100%;
		}
		1% {
			width:1px;
		}
		100% {
			opacity:100%;
		}
	}

	.contents2 main .inner { max-width: 1250px; padding:0 16px; margin: 0 auto;}
	.contents2.col01 { max-width: 1250px; margin: 0 auto; padding: 25px 17px 0 17px; }
	.contents2.col02 { max-width: 1250px; margin: 0 auto; padding: 25px 17px 0 17px; }
	.contents2.col02 aside { display: block; width: 158px; float: left; margin-right: 48px; }
	.contents2.col02 aside .bnr { margin-bottom: 30px; }
	.contents2.col02 aside .bnr img { width: 100%; height: auto; }
	.contents2.col02 aside .block { margin-bottom: 30px;}
	.contents2.col02 aside .block .inner { padding: 0 10px;}
	.contents2.col02 aside .block h3 { font-size: 12px; margin: 5px 0 ; }
	.contents2.col02 aside { }
	.contents2.col02 aside ul { }
	.contents2.col02 aside ul > li { font-size: 13px; line-height: 1.4; }
	.contents2.col02 aside ul > li:last-of-type { margin-bottom: 0;}
	.contents2.col02 aside ul > li > a { display: block; padding: 8px; }
	.contents2.col02 aside ul > li.current > a,
	.contents2.col02 aside ul > li > a:hover { background: #f0f0f0; }
	.contents2.col02 aside ul.sub { padding: 0 10px; }
	.contents2.col02 aside ul.sub li { border-bottom: 1px solid #e4e4e4; }
	.contents2.col02 main { width: calc(100% - 206px); float: right; }
}

@media screen and (min-width: 1025px) {

	.sp { display:none!important; }
	.pc { display:block!important; }

	/* common
	**************************************************************************************************************************/

	/* header */
	.msg { font-size: 11px; border-bottom: 1px solid #efefef;}
	.msg p { line-height: 1.44; }
	.msg p .pc {display:inline!important; }
	header { position: relative; z-index: 3; }
	header .siteinfo { position: relative; border-bottom: 1px solid #efefef; background: #fff; z-index: 2; }
	header .ci { }
	header .ci p { }
	header .ci p img { width: auto; height: 62px; }
	header .utility { }
	header .utility-sp { display: none; }
	header .utility-pc { display: block; position: absolute; bottom: -1px; right: 38px; }
	header .utility-pc li { display: inline-block; vertical-align: middle; }
	header .utility-pc li a { display: block; width: 100%; height: 100%; }
	header .utility-pc .search { margin-right: 0px; }
	header .utility-pc .user { width: 65px; height: 55px; background: url(../images/common/icn-user.svg) 80% 50% no-repeat; background-size: 24px 26px; text-indent: -9999px; margin-right: 15px; margin-bottom: -1px; }
	header .utility-pc .favlist { width: 28px; height: 26px; background: url(../images/common/icn-fav01.svg) 50% 50% no-repeat; background-size: contain; text-indent: -9999px; margin-right: 27px; }
	header .utility-pc .cart { /*width: 23px; height: 28px; background: url(../images/common/icn-bug.svg) 50% 50% no-repeat; background-size: contain; position: relative; margin-right: 0px;*/ }
	header .utility-pc .cart a { width: 23px; height: 28px; background: url(../images/common/icn-bug.svg) 50% 50% no-repeat; background-size: contain; position: relative; margin-right: 0px; opacity: 1; }
	header .utility-pc .cart i.cart-counter { font-size: 14px; color: #009933; font-style: normal; position: absolute; /*top: 0px;*/ right: -13px; line-height: 1; }
	header form { }
	header form legend { display: inline-block; }
	header fieldset { border: 0; padding: 0; }
	header .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
	header form input[type=text] { transform: translateZ(0); padding: 19px 15px 20px 45px; background-color: transparent; color: #009933; border: 0; font-size: 12px;  border-bottom: 2px solid #ccc; width: 100%; height: auto; /*margin-bottom: 1px;*/ }
	header form input[type=text]::placeholder { color: #009933; }
	header form input[type=text]:-ms-input-placeholder { color: #009933; }
	header form input[type=text]::-ms-input-placeholder { color: #009933; }
	header form input::focus::placeholder { color: transparent;}
	header form input::focus:-ms-input-placeholder { color: transparent;  }
	header form input::focus::-ms-input-placeholder { color: transparent;  }
	header form button[type=submit] { width: 19px; height: 19px; position: absolute; left: 10px; bottom: 20px; border: 0; text-indent: -9999px; border-radius: 0; background: url(../images/common/icn-search.svg) 50% 50% no-repeat; min-height: auto; }
	header span.cart-counter { }
	header .panels { position: static; }
	header .panels .panel { background: #fff; position: relative; left: 0;  display: block; padding: 0px;  height: 0; overflow: hidden; transition: all 1s; z-index: 1; }
	header .panels .panel.is-open { height: auto; padding: 30px;box-shadow: 0px 6px 50px 1.05px rgba(64, 64, 64, 0.2); position: relative; z-index: 1; }
	header .panels .panel.is-open::after { display: none; }
	header .panels .panel.category.is-open { display: block; }
	header .panels .panel .close { background: url(../images/common/icn-close.svg) 50% 50% no-repeat; background-size: contain; display: block; text-indent: -9999px; width: 28px; height: 28px; cursor: pointer; }
	header .category { }
	header .category .cols { display: flex; max-width: 1140px; margin: 0 auto; }
	header .category .cols .col.sub { padding-right: 20px; border-right: 1px solid #efefef; }
	header .category .cols .col:nth-of-type(1) { flex-basis: 15.8%; }
	header .category .cols .col:nth-of-type(2) { flex-basis: 18.2%; padding-left: 15px; }
	header .category .cols .col:nth-of-type(3) { flex-basis: 15.8%; padding-left: 15px; }
	header .category .cols .col:nth-of-type(4) { flex-basis: 15.8%; padding-left: 15px; }
	header .category .cols .col:nth-of-type(5){ flex-basis: 34.4%; padding-left: 50px; }
	header .category .cols .col.sub dl { margin-bottom: 25px; }
	header .category .cols .col.sub dl:last-of-type { margin-bottom: 0; }
	header .category .cols .col.sub dl dt { font-weight: bold; font-size: 13px; margin-bottom: 10px; }
	header .category .cols .col.sub dl dd { font-size: 11px; margin: 0 0 10px 0; padding: 0; }
	header .category .cols .col.sub dl dd a { background: url(../images/common/arw-r02.svg) 0 2px no-repeat; background-size:  5px 8px; padding-left: 12px; display: inline-block;}
	header .category .cols .col.pickup { text-align: left; }
	header .category .cols .col.pickup .bnr img { width: 100%; }
	header .category .cols .col.pickup ul { display: block; height: auto; }
	header .category .cols .col.pickup ul li { text-align: left; flex-basis: auto; border: 0; margin-bottom: 25px;  }
	header .category .cols .col.pickup ul li a { background: url(../images/common/arw-r02.svg) 0 2px no-repeat; background-size:  5px 8px; padding-top: 0; font-weight: normal; color: #009933; padding-left: 12px; display: inline; font-size: 12px;}
	header .category .close { position:absolute; right: 30px;  top:30px  }
	header .logged ul { display: flex; align-items: center; text-align: center; justify-content: center;  }
	header .logged ul li { margin: 0 30px; font-size: 12px; }
	header .logged ul li.mypage a { color: #fff; width: 120px; padding: 10px; text-align: center; background: #333333; display: block; }
	header .logged .close { position:absolute; right: 30px;  top:30px;   }
	header .not-logged { }
	header .not-logged .cells { display: flex; max-width: 1140px; margin: 0 auto; }
	header .not-logged .cell { flex-basis: 50%; padding: 0 10%; }
	header .not-logged .cell:first-of-type { border-right: none!important; position: relative; }
	header .not-logged .cell:first-of-type::after{ content: ""; display: block; width: 1px; height: auto; background: #efefef; position: absolute; top: 6px; bottom: 35px; right: 0; }
	header .not-logged .cell:first-of-type form .inputBox{ min-height: 120px; margin-top: 20px; }
	header .not-logged .cell h2 { font-weight: bold; font-size: 14px; margin-bottom: 20px; margin: 0; }
	header .not-logged .cell.form { }
	header .not-logged .cell.form dl { margin: 0 ; }
	header .not-logged .cell.form dl dt { width: 100px; float: left; clear: left; padding-top: 10px; }
	header .not-logged .cell.form dl dd { overflow: hidden; margin: 0 0 0 110px; padding: 0 0 10px 0; }
	header .not-logged .cell.form dl dd input[type=text],
	header .not-logged .cell.form dl dd input[type=password]{ padding: 0; border: 1px solid #efefef; width: 100%; padding: 10px; color: #000;  }
	header .not-logged .cell.form dl dd input[type=checkbox] { border: 1px solid #efefef; width: 14px; height: 14px; margin:0 5px 0 0; }
	header .not-logged .cell.form dl dd input[type=checkbox]:checked { background: url(../images/common/icn-check.svg) 50% 50% no-repeat; background-size:  10px 8px;  }
	header .not-logged .cell.form dl dd label { font-size: 10px; margin-top: 10px; display: block; }
	header .not-logged .cell.form p.action { }
	header .not-logged .cell.form p.action a { font-size: 10px; background: url(../images/common/arw-r03.svg) 0 3px no-repeat; background-size:  5px 8px; padding-left: 10px; margin-right: 10px; }
	header .not-logged .cell.form p.action input[type=submit] { color: #fff; background: #009933; font-size: 11px; border: 0; width: 140px; padding: 8px; -webkit-border-radius: 0px; border-radius: 0px; }
	header .not-logged .cell.register h2 { margin-bottom: 25px; }
	header .not-logged .cell.register p { font-size: 12px; line-height: 2; }
	header .not-logged .cell.register p:first-of-type { margin-bottom: 60px;}
	header .not-logged .cell.register p:nth-of-type(2) { text-align: center;}
	header .not-logged .cell.register p:nth-of-type(2) a { width: 120px; margin: 0 auto; padding: 8px; font-size: 11px; }
	header .not-logged .close { position:absolute; right: 30px;  top:30px;   }
	header .glnv { border-bottom: 0; position: absolute; top: 0; left: 180px; z-index: 2; background: none;}
	header .category { }
	header .category ul { display: flex; height: 63px; }
	header .category ul li {  border-left: 1px solid #efefef; }
	/* #33912
	header .category ul li:last-of-type { border-right: 1px solid #efefef; }
	*/
	header .category ul li a { padding: 0; font-size: 13px; font-weight: bold; height: 100%; padding-top: 23px; position: relative; height: 63px; }
	header .category ul li a.current::after { content: ''; /*position: absolute;*/ bottom: 1px; left: 0; width: calc(100% + 1px); height: 2px; background: #009848;}
	header form div.inputBox div input[type=text]::placeholder,
	header form div.inputBox div input[type=password]::placeholder {
		color: #777;
	}
	header form div.inputBox div input[type=text]:-ms-input-placeholder,
	header form div.inputBox div input[type=password]:-ms-input-placeholder {
		color: #777;
	}
	header form div.inputBox div input[type=text]::-ms-input-placeholder,
	header form div.inputBox div input[type=password]::-ms-input-placeholder {
		color: #777;
	}

	header .not-logged .cell.form div.inputBox div {
		overflow: hidden;
		margin: 0;
		padding: 0 0 10px 0;
	}

	header .not-logged .cell.form div.inputBox div input[type=text],
	header .not-logged .cell.form div.inputBox div input[type=password]{ padding: 0; border: 1px solid #efefef; width: 100%; padding: 10px; color: #000; background: #fff; height: auto; font-size: 12px;}
	header .not-logged .cell.form div.inputBox div input[type=checkbox] { border: 1px solid #efefef; width: 14px; height: 14px; margin:0 5px 0 0; display:inline-block; }
	header .not-logged .cell.form div.inputBox div input[type=checkbox]:checked { background: url(../images/common/icn-check.svg) 50% 50% no-repeat; background-size:  10px 8px;  }
	header .not-logged .cell.form div.inputBox div label { font-size: 10px; margin-top: 10px; display: block; }
	header .not-logged .cell.form p.action {
		overflow: hidden;
	}
	header .not-logged .cell.form p.action a { float: left; margin-top: 13px; }
	header .not-logged .cell.form p.action input[type=submit] { float: right; line-height: 35px; padding: 0; }
	/* 個人情報保護法改正対応 */
	header .not-logged .cell.form p.action .loginBtn { display: inline-block; width: auto !important; padding:3px 10px !important; }
	header .not-logged .cell p.policy-link { float: right; font-size: 11px; margin: 5px 15px 0 0; }
	header .not-logged .cell p.policy-link a { text-decoration: underline; display: inline; }

	header .not-logged .cell .reEntry{ padding: 30px 0 26px; margin-top: 26px; box-sizing: border-box; width: auto; position: relative; }
	header .not-logged .cell .reEntry p{ color: #ff0000; padding-bottom: 2px; font-size: 12px; line-height: 1.4; }
	header .not-logged .cell .reEntry a{ color: #ff0000; padding-left: 10px; position: relative; font-size: 11px; }
	header .not-logged .cell .reEntry a::before{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; display: block; width: 5px; height: 8px; background: url(../images/common/icon-arrow_red.png) no-repeat left center; background-size: 5px 8px; }
	header .not-logged .cell .reEntry::after{ content: ""; display: block; width: auto; height: 1px; background: #efefef; position: absolute; top: 0; left: 0; right: -15%; }
	header .not-logged .cell.register h2 { margin-bottom: 0; }
	header .not-logged .cell.register p:first-of-type { margin-bottom: 0; height: 140px; display: table; }
	header .not-logged .cell.register p:first-of-type span{ display: table-cell; vertical-align: middle; }
	header .not-logged .cell.register p:nth-of-type(2) a{ margin: inherit; width: 140px; line-height: 33px; padding: 0; }

	/* header .panels .panel.user.not-logged{
		display: block!important;
		opacity: 1!important;
		height: auto!important;
		padding: 30px!important;
	} */

	/* footer */
	footer { }
	/*footer .sitenv { background: #fff; }*/
	footer .sitenv .inner { padding: 40px 10px 40px 10px; max-width: 1220px; margin: 0 auto; position: relative; }
	footer .sitenv .page { display: flex; flex-wrap: wrap; justify-content:flex-start;  margin-bottom: 0px; float: left; }
	footer .sitenv .page + .page{ margin-left: 100px; }
	footer .sitenv .page li { margin: 0 100px 0 0; font-size: 13px; }
	footer .sitenv .page li.sisley_link { margin-left: -30px; }
	footer .sitenv .page li:last-of-type { margin-right: 0; }
	footer .sitenv .page li a { }
	footer .sitenv .page li.has-child { }
	footer .sitenv .page li.has-child a { background: url(../images/common/arw-d04.svg) 100% 50% no-repeat; background-size: 6px 4px; padding-right: 14px;  }
	footer .sitenv .page li.has-child a.is-open { background: url(../images/common/arw-u04.svg) 100% 50% no-repeat; background-size: 6px 4px; }
	footer .sitenv .page_sub { border: 0; display: none; clear: both; overflow: hidden;}
	footer .sitenv .page_sub#help { }
	footer .sitenv .page_sub#overview { margin-left: 155px; }
	footer .sitenv .page_sub#storeinfo { margin-left: 320px; }
	footer .sitenv .page_sub#store { margin-left: 638px; }
	footer .sitenv .page_sub li { display: block; width: auto!important; border: 0; margin-top: 10px; }
	footer .sitenv .page_sub li:first-of-type { margin-top: 10px;}
	footer .sitenv .page_sub li:nth-of-type(2n) { border-right: 0; }
	footer .sitenv .page_sub li a {  padding: 0; background: url(../images/common/arw-r03.svg) 0 2px no-repeat; background-size: 5px 8px; padding-left: 12px; }
	footer .media { justify-content:flex-end; position: absolute; right: 10px; top:52%; -webkit-transform: translateY(-52%); -ms-transform: translateY(-50%); transform: translateY(-50%);  }
	footer .media li { margin: 0 0 0 25px; }
	footer .media li:first-of-type { margin-left: 0; }
	footer .media .ig { }
	footer .media .ig img {  }
	footer .media .fb { }
	footer .media .fb img { }
	footer .media .tw { }
	footer .media .tw img { }
	footer .media .yt { }
	footer .media .yt img {  }
	footer .guide { background: #333333; }
	footer .guide .inner { padding: 0px 10px; max-width: 1220px; margin: 0 auto; position: relative; }
	footer .guide .cols { display: flex; align-items: stretch; justify-content: space-between;}
	footer .guide .col { }
	footer .guide .col:nth-of-type(1) { order: 2; }
	footer .guide .col:nth-of-type(2) { order: 1; }
	footer .guide .page { display: flex; flex-wrap: nowrap; align-items: center;}
	footer .guide .page li { font-size: 11px; flex-basis: auto!important; width: auto!important; border-right: 1px solid #000; border-bottom: 0; align-self: stretch; background: #333333; }
	footer .guide .page li:nth-child(odd) { border-right: 1px solid #000; }
	footer .guide .page li:first-of-type { border-left: 1px solid #000; }
	footer .guide .page li a { padding: 15px 40px;  height: auto; }
	footer .guide .copyright { font-size: 10px; padding: 14px 0 0 0px; background: none; }

	/* component
	**************************************************************************************************************************/

	/* btn */
	.btn01 { }
	.btn02 { }
	.btn03 { }
	.btn04 { display: inline-block; margin: 0 auto; padding: 15px 30px; border: 2px solid; max-width: 350px;  }
	.btn04:hover {  }
	.btn06 { }
	.btn06.is-open {  }
	.btn-cart,
	.btn-reserve,
	.btn-request { font-size: 13px; padding: 12px; }
	.btn-cart { background-size: 25px 23px; }
	.trigger { }
	.trigger span { min-width: 200px; font-size: 14px;  }
	.mm { text-align: center; margin:0 auto 100px auto; max-width: 440px; }
	.mm a { display: block; padding: 55px 15px 25px 15px; background: url(../images/common/icn-mail01.svg) 50% 25px no-repeat; background-size: 34px 22px; }
	.mm h3 { font-size: 20px; margin-bottom: 6px; }
	.mm p { font-size: 12px; }

	/* card */
	.items { }
	.items .item { }
	.items.is-slider { padding: 0; }
	.items.is-slider .item { padding: 0 15px;  }
	.items.is-slider .item.slick-current { }
	.items.is-slider .slick-list {  }
	.items.is-list { padding: 35px 15px; max-width: 1500px; }
	.items.is-list .item { flex-basis: 25%; max-width: 25%; }

	.items .item > a { display: block; }
	.items .item .imgtxt { }
	.items .item .img { border-bottom: 2px solid #009933; position: relative; margin-bottom: 15px; }
	.items .item .img a { display: block; }
	.items .item .img img { width: 100%; height: auto; }
	.items .item .img .status { position: absolute; bottom: 10px; left: 15px; font-size: 13px; font-weight: bold; color: #009933; }
	.items .item .img .fav { position: absolute; bottom: 8px; right: 12px; width: 26px; height: 26px; text-indent: -9999px; }
	.items .item .img .fav a { display: block; background: url(../images/common/icn-fav02.svg) 50% 50% no-repeat; background-size: contain; }
	.items .item .img .fav a.faved {background: url(../images/common/icn-fav03.svg) 50% 50% no-repeat; background-size: contain; }
	.items .item .txt { }
	.items .item .txt.to-sub { }
	.items .item .txt.to-sub h3 { font-size: 18px; margin-bottom: 18px; font-weight: bold; }
	.items .item .txt.to-sub h3 a {  }
	.items .item .txt.to-sub h3 small { font-size: 8px; margin-top: 3px; }
	.items .item .txt.to-sub ul { }
	.items .item .txt.to-sub ul li { font-size: 11px;  margin-bottom: 15px; }
	.items .item .txt.to-sub ul li a { }
	.items .item .txt.to-item { padding: 0; }
	.items .item .txt.to-item .itemname { font-size: 14px; }
	.items .item .txt.to-item .name,
	.items .item .txt.to-item .name-item-detail { height: 35px; }
	.items .item .txt.to-item .price { font-size: 18px; margin-bottom: 8px; }
	.items .item .txt.to-item .price small { font-size: 10px; }
	.items .item .txt.to-item .price span { font-size: 16px; display: inline; margin-left: 5px;}
	.items .item .txt.to-item .option {  }
	.items .item .img .status.sale,
	.items .item .txt.to-item .price.sale { color: #ff0e02; }
	.items .item .more { margin-top: 25px; }
	.items .item .more a { max-width: 90px; padding: 8px; font-size: 10px; }
	.items.is-recommend .item .img { }
	.items.is-recommend .item .txt.to-item { padding: 0; }
	.items.is-recommend .item .txt.to-item .itemname { font-size: 14px; margin-bottom: 8px; }
	.items.is-recommend .item .txt.to-item .price { font-size: 18px; }
	.items.is-recommend .item .txt.to-item .price small { font-size: 10px; }
	.items.is-recommend .item .txt.to-item .price span { font-size: 16px; }
	.items.is-recommend .item .txt.to-item .option { font-size: 12px;  }

	/* topicpath */
	.topicpath { padding: 15px 40px; }
	.topicpath p { font-size: 11px; }
	.topicpath p a{  }
	.topicpath p span {  }


	/* overlay */
	.filters { }
	.filters.pinned { }
	.filters .inner { position: relative; padding-top: 10px; padding-bottom: 14px; }
	.filters .progress {  }
	.filters .progress span { display: block; width: 0; height: 4px; background:#009933;  }
	.filters .cells { justify-content: space-between; display: flex; }
	.filters .cells .cell { display: block; }
	.filters .cells .cell.back { display: none; }
	.filters .cells .cell.first { position: relative; }
	.filters .cells .cell.second {  }
	.filters .back-top { border-right: 1px solid #e0e0e0; padding: 8px 10px 8px 0; width: 87px; display: block; -webkit-transition: all 0.2s; transition: all 0.2s;  }
	.filters .back-top.is-hide { margin-left: -87px; opacity: 0; }
	.filters .back-top li { font-size: 12px; line-height: 1; }
	.filters .back-top li a { color: #009933; background: url(../images/common/arw-u06.svg) 0 50% no-repeat; background-size: 7px 10px; padding-left: 12px; display: block; }
	.filters .filter { display: flex; flex-wrap: nowrap; justify-content: flex-start; padding:0 0 0 10px; align-items: center; }
	.filters .filter > li { overflow: visible; margin-right: 0px; margin-left: 30px; }
	.filters .filter > li:nth-of-type(1) { font-size: 14px; cursor: pointer; }
	.filters .filter > li:nth-of-type(2) { }
	.filters .filter > li:nth-of-type(3) { }
	.filters .filter > li.open-panel { }
	.filters .filter > li.open-panel span { background: url(../images/common/arw-d04.svg) 100% 50% no-repeat; background-size: 8px 5px;  padding-left: 0; padding-right: 15px; display: block;}
	.filters .filter > li .label { font-size: 14px; line-height: 1; background: url(../images/common/arw-d04.svg) 100% 50% no-repeat; background-size: 8px 5px; padding-left: 0; padding-right: 15px; cursor: pointer; }
	.filters .filter > li select { border: 0; font-size: 16px; line-height: 1; vertical-align: top; opacity: 0; position: absolute; top: 0; left: 0; }
	.filters .filter > li select option { }
	.filters .filter .pc ul { position: absolute;  bottom: -14px; right: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); padding: 20px; background: #fff;box-shadow: 0px 5px 3px 0px rgba(2, 2, 2, 0.02); display: block; width: 200px; border: 1px solid #efefef; display: none; }
	.filters .filter .pc ul li { overflow: visible; min-width: 100px; margin-bottom: 12px;}
	.filters .filter .pc ul li:last-of-type { margin-bottom: 0;}
	.filters .filter .pc ul li label { display: block; cursor: pointer; }
	.filters .filter .pc ul li input { display: none; }
	.filters .filter .pc ul li input+i { width: 10px; height: 10px; background: #fff; vertical-align: middle; display: inline-block; margin-right: 5px; }
	.filters .filter .pc ul li input:checked+i { background: url(../images/common/icn-check.svg) 50% 50% no-repeat; background-size: contain; }
	.conditions-pc { display: block;  position: absolute; width: 100%; left: 0; z-index: 20; background: #fff; height: 0; overflow: hidden; padding: 0; transition: all .5s cubic-bezier(0,0,.47,1); }
	.conditions-pc.is-open { height: auto; padding: 30px 30px 0 30px; box-shadow: 0px 6px 10px 1.05px rgba(64, 64, 64, 0.1); max-height: calc(100vh - 58px); overflow-y: scroll; }
	.conditions-pc .inner { max-width: 1140px; margin: 0 auto; }
	.conditions-pc .cells { display: flex; flex-wrap: nowrap; justify-content: space-between; }
	.conditions-pc .cells .cell { border-left: 1px solid #efefef; padding-left: 30px; align-self: flex-start; }
	.conditions-pc .cells .cell:first-of-type { border-left: 0; padding-left: 0; }
	.conditions-pc .groups { display: flex; flex-wrap: nowrap; justify-content: space-between; }
	.conditions-pc .groups .group {  }
	.conditions-pc .groups .group:first-of-type { margin-right: 10%; }
	.conditions-pc h2 { font-weight: bold; font-size: 13px; margin-bottom: 13px; }
	.conditions-pc h3 { font-size: 12px; border-bottom: 1px solid #efefef; padding: 9px 30px 9px 2px; cursor: pointer; background: url(../images/common/icn-plus.png) calc(100% - 10px) 50% no-repeat; background-size: 10px 10px;}
	.conditions-pc h3.is-open { background: url(../images/common/icn-minus.png) calc(100% - 10px) 50% no-repeat; background-size: 10px 2px; }
	.conditions-pc .list-radio { margin-bottom: 14px; }
	.conditions-pc .list-radio li { margin-bottom: 6px; font-size: 12px; }
	.conditions-pc .list-radio li:last-of-type { margin-bottom: 0; }
	.conditions-pc .list-radio li label { display: block; cursor: pointer; }
	.conditions-pc .list-radio li input {  display: none; }
	.conditions-pc .list-radio li input+i  { width: 15px; height: 15px; background: url(../images/common/icn-check-off.svg) 50% 50% no-repeat; vertical-align: middle; display: inline-block; margin-right: 10px; margin-top: -1px;}
	.conditions-pc .list-radio input:checked+i { background: url(../images/common/icn-check-on.svg) 50% 50% no-repeat; background-size: contain; }
	.conditions-pc .list-radio li label span { display: inline-block; width: 13px; height: 13px; vertical-align: middle; margin-top: -3px; margin-left: -2px; margin-right: 5px; }
	.conditions-pc .list-radio li label span.color01 { border: 1px solid #e4e4e4; background: #fff;  }
	.conditions-pc .list-radio li label span.color02 { background: #000000;  }
	.conditions-pc .list-radio li label span.color03 { background: #717171;  }
	.conditions-pc .list-radio li label span.color04 { background: #8b514e;  }
	.conditions-pc .list-radio li label span.color05 { background: #dcbc6f;  }
	.conditions-pc .list-radio li label span.color06 { background: #07924f;  }
	.conditions-pc .list-radio li label span.color07 { background: #1854ff;  }
	.conditions-pc .list-radio li label span.color08 { background: #9c3cff;  }
	.conditions-pc .list-radio li label span.color09 { background: #ffe71a;  }
	.conditions-pc .list-radio li label span.color10 { background: #ffc3c2;  }
	.conditions-pc .list-radio li label span.color11 { background: #ff0e02;  }
	.conditions-pc .list-radio li label span.color12 { background: #ef8100;  }
	.conditions-pc .list-radio li label span.color13 { background: #dbdbdb;  }
	.conditions-pc .list-radio li label span.color14 { background: #cfb475;  }
	.conditions-pc .list-radio li label span.color15 { background: url(../images/common/img-color01.png) 50% 50% no-repeat; background-size: contain; }
	.conditions-pc .set { width: 200px; }
	.conditions-pc .set .list-radio { margin-top: 10px; margin-left: 15px; display: none; }
	.conditions-pc .set .list-radio li { font-size: 11px; }
	.conditions-pc .close { position: absolute; right: 30px; top: 30px; background: url(../images/common/icn-close.svg) 50% 50% no-repeat; background-size: contain; display: block; text-indent: -9999px; width: 28px; height: 28px; cursor: pointer; }
	.conditions-pc .action { border-top: 1px solid #efefef; padding: 20px; }
	.conditions-pc .action ul { text-align: right; max-width: 1140px; margin: 0 auto; }
	.conditions-pc .action li { display: inline-block; margin:  0 3px;}
	.conditions-pc .action input { border: 0; font-size: 11px; padding: 8px; width: 140px; text-align: center; }
	.conditions-pc .action input[type=reset] { background: #fff ; color: #000; border: 1px solid #efefef; }
	.conditions-pc .action input[type=submit] { background: #000; color: #fff; }
	.conditions-sp { display: none; }
	.product-image { -webkit-animation: f .5s; animation: f .5s; position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding: 50px; z-index: 1111; background:rgba(255,255,255,0.9); width: 100%; height: 100vh; display: none; overflow: scroll; }
	.product-image .viewer { width: 880px; margin: 0 auto; }
	.product-image .main { width: 700px; float: right; position: relative; padding-top: 45px; }
	.product-image .main ul { position: relative; }
	.product-image .main ul li {  }
	.product-image .main ul li.current { display: block; }
	.product-image .main ul li img { width: 100%; height: auto; }
	.product-image .main .close { width: 28px; height: 28px; text-indent: -9999px; position: absolute; top: 0; right: 0; background: url(../images/common/icn-close.svg) 50% 50% no-repeat; background-size: contain; cursor: pointer; }
	.product-image .sub { width: 166px; float: left; padding-top: 45px; }
	.product-image .sub .inner { }
	.product-image .sub .inner ul { display: flex; flex-wrap: wrap; }
	.product-image .sub .inner ul li { flex-basis: 30%; max-width: 30%; margin-right: 5%; margin-bottom: 5px; cursor: pointer; }
	.product-image .sub .inner ul li:nth-of-type(3n) { margin-right: 0; }
	.product-image .sub .inner ul li.current { opacity: 1; }
	.product-image .sub .inner ul li img { width: 100%; border: 1px solid #e3e4e4; margin-bottom: 3px; }
	.product-image .sub .inner ul li.current img { border: 2px solid #009933; }
	.product-image .sub .inner ul li span { display: block; font-size: 9px; text-align: left; }
	.product-image .slick-arrow { width: 26px; height: 29px; position: absolute; top: -45px; text-indent: -9999px; border: 0; }
	.product-image .slick-arrow.slick-prev { background: url(../images/common/arw-l07.svg) 50% 50% no-repeat; background-size: contain; right: 100px; }
	.product-image .slick-arrow.slick-next { background: url(../images/common/arw-r07.svg) 50% 50% no-repeat; background-size: contain; right: 59px; }

	/* top
	**************************************************************************************************************************/
	.kv { margin-bottom: 60px; }
	.kv p {  }
	.kv img { }
	.top-news	{ padding: 0; max-width: 740px; margin: 0 auto; }
	.top-news	.inner { border-bottom: 1px solid #e4e4e4; padding: 0 15px; }
	.top-news dl { margin: 0 0 20px 0;  }
	.top-news dl dt { margin-bottom: 0px; }
	.top-news dl dt span { border: 1px solid #cceada; display: inline-block;  color: #009933;  padding: 5px 0px; width: 75px; float: left; text-align: center; }
	.top-news dl dd { overflow: hidden; font-size: 14px; padding-left: 25px; }
	.collection { padding: 65px 0 100px 0; }
	.collection .inner { }
	.collection .ttl { text-align: center; margin-bottom: 40px; }
	.collection .ttl span { font-size: 26px;  }
	.collection .ttl small {font-size: 12px; margin-top: 8px; }
	.collection .categories { max-width: 860px; padding: 0 20px; overflow: hidden; margin: 0 auto; display: flex; }
	.collection .category { margin-bottom: 0px; transition: all .3s cubic-bezier(0,0,.47,1); text-align: center; flex-basis: 20%; overflow: hidden;; }
	.collection .category:hover,
	.collection .category.selected { flex-basis: 40%;  opacity: 1; }
	.collection .category a { }
	.collection .category a:hover { opacity: 1; }
	.collection .category .inner { }
	.collection .category figure { text-align: center; margin: 0; border-right: 1px solid #e4e4e4;}
	.collection .category:first-of-type figure { border-left: 1px solid #e4e4e4; }
	.collection .category picture {  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; }
	.collection .category figure img { height: 410px; width: auto; transition: all .3s cubic-bezier(0,0,.47,1); max-width: none; opacity: 0.6 }
	.collection .category:hover img { opacity: 1; }
	.collection .category.selected img {  opacity: 1; }
	.collection .category:first-of-type figure img,
	.collection .category:hover figure img { }
	.collection .category h2 { padding: 15px 0 15px 0; width: 95px; color: #000; font-size: 14px;  margin: -28px auto 0 auto; }
	.collection .category h2 small { font-size: 8px; margin-top: 3px; }

	/* category
	**************************************************************************************************************************/
	.ttl-category { margin-bottom: 55px;  }
	.ttl-category h1 { font-size: 34px; letter-spacing: 0.02em; margin-bottom: 20px; }
	.collection-category { }
	.collection-category .inner { padding: 0 40px; }
	.collection-category .mainimg {  text-align: center; margin: 60px auto 100px auto; max-width: 1010px; }
	.collection-category .mainimg a { display: block; }
	.collection-category .mainimg .inner { }
	.collection-category .mainimg figure { }
	.collection-category .mainimg picture { }
	.collection-category .mainimg img {  }
	.collection-category .mainimg h2 { padding: 18px; line-height: 1; border-bottom: 2px solid #009848; min-width: 200px; top: -25px; font-size: 14px;}
	.collection-category .ttl { text-align: center; margin-bottom: 30px; }
	.collection-category .ttl span { font-size: 26px;  }
	.collection-category .ttl small { font-size: 12px; margin-top: 5px; }
	.collection-category .items { margin-bottom: 80px; }
	.medias { display: flex; justify-content: center; margin-bottom: 88px;  }
	.medias .media { margin-bottom: 50px; flex-basis: 33.3%; margin: 0 15px; }
	.medias .media a { display: block; }
	.medias .media .imgtxt { }
	.medias .media .img { }
	.medias .media .img h2 { }
	.medias .media .img p { }
	.medias .media .img .label { }
	.medias .media .img img { }
	.medias .media .txt { }
	.medias .media .txt h2 { font-size: 26px;  margin-bottom: 4px;}
	.medias .media .txt::before { height: 280px; }
	.medias .media .txt p { font-size: 14px; }
	.medias .media .txt .label { padding: 18px; min-width: 200px;  font-size: 14px; margin-top: 20px; }
	.salestxt { max-width: 720px; margin: 0 auto 90px auto; font-size: 14px; }
	.salestxt p { line-height: 2.1; }

	.conditions-pc .action .clear { background: #fff; color: #000; border: 1px solid #efefef; }

	/* 2columns
  **************************************************************************************************************************/
	.two-columns { width: 926px; margin: auto; padding: 35px 0 100px; }
	.two-columns h1 { font-size: 22px; }

	/* 2columns -  sidenavi
  **************************************************************************************************************************/
	.sidenavi-column {float: left; width: 220px;  }
	.sidenavi-column > div + div { margin-top: 25px; }

	/* 2columns -  content
  **************************************************************************************************************************/
	.content-column {float: right; width: 706px;  }
	.content-column section { padding: 38px 0; }
	.content-column section h2 { font-size: 18px; }
	.content-column section + section { border-top: 1px solid #efefef; }

	/* sitemap
  **************************************************************************************************************************/
	.content-column {float: right; width: 706px;  }
	.content-column section.category .cols,
	.content-column section.bottomnavi .cols { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; margin: 0 auto;-webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;  }
	.content-column section.category .cols .col + .col,
	.content-column section.bottomnavi .cols .col + .col { padding-left: 15px; border-left: 1px solid #efefef; }
	.content-column section.category .cols .col dl,
	.content-column section.bottomnavi .cols .col dl { margin-bottom: 25px; }
	.content-column section.category .cols .col dl:last-of-type,
	.content-column section.bottomnavi .cols .col dl:last-of-type { margin-bottom: 0; }
	.content-column section.category .cols .col dl dt,
	.content-column section.bottomnavi .cols .col dl dt { margin-bottom: 7px; }
	.content-column section.category .cols .col dl dd,
	.content-column section.bottomnavi .cols .col dl dd {margin: 0 0 7px 0; line-height: 16px;  }
	.content-column section.category .cols .col dl + .pickup,
	.content-column section.bottomnavi .cols .col dl + .pickup { margin-top: 25px; }
	.content-column section.category .cols .col ul li,
	.content-column section.bottomnavi .cols .col ul li { margin: 0 0 7px 0; }
	.content-column section.category .cols .col ul li:last-of-type,
	.content-column section.bottomnavi .cols .col ul li:last-of-type { margin-bottom: 0; }
	.content-column section.category ul li,
	.content-column section.bottomnavi ul li { line-height: 16px; }
	.content-column section.category > ul,
	.content-column section.bottomnavi > ul { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; margin-bottom: 15px; }
	.content-column section.category > ul li,
	.content-column section.bottomnavi > ul li { width: 25%; }
	.content-column section.category > ul li + li,
	.content-column section.bottomnavi > ul li + li { padding-left: 15px; }
	.content-column .category h2 { margin-bottom: 38px; }
	.content-column .bottomnavi ul + ul { margin-top: 7px; }
	.content-column .members-lead { padding: 34px 0; }

	/* sizeguide
  **************************************************************************************************************************/
	.sizeguide-table { margin-top: 36px; }
	.sizeguide-table caption { margin-bottom: 18px; font-size: 14px; }
	.sizeguide-table tr { font-size: 12px; line-height: 1; }
	.sizeguide-table th,
	.sizeguide-table td { padding: 10px 0; }
	.sizeguide-table th { padding-left: 15px; }
	.sizeguide-table.ladies.wear colgroup col:nth-of-type(1) ~ col { width: 100px; }
	.sizeguide-table.ladies.shoes colgroup col:nth-of-type(1) ~ col { width: 80px; }
	.sizeguide-table.mens.wear colgroup col:nth-of-type(1) ~ col { width: 95px; }
	.sizeguide-table.mens.shirt colgroup col:nth-of-type(1) ~ col { width: 95px; }
	.sizeguide-table.mens.shoes colgroup col:nth-of-type(1) ~ col { width: 72px; }
	.sizeguide-table.kids colgroup col:nth-of-type(1) ~ col { width: 158px; }
	.content-column .sizeguide-lead { padding: 34px 0; }

	/* members
  **************************************************************************************************************************/
	.content-column section.card { padding-top: 255px; -webkit-background-size: 343px; -moz-background-size: 343px; background-size: 343px;font-size: 14px;  }
	.content-column section.card .search-store,
	.content-column section.card .mypage { width: 345px; }
	.content-column section.card .search-store { float: left; }
	.content-column section.card .mypage { float: right; }
	.content-column section.card p { margin-bottom: 12px; }
	.content-column section.card a {padding: 23px 0; background-position: 30px center;-webkit-background-size: 26px; -moz-background-size: 26px; background-size: 26px; font-weight: bold;  line-height: 1;  }
	.content-column section.three-points dl + dl { margin-top: 35px; }
	.content-column section.three-points dt { margin-bottom: 14px; }
	.content-column section.three-points dt > * { float: left; }
	.content-column section.three-points .txt { margin-left: 16px; line-height: 40px; }
	.content-column section.three-points .no-1 dd { position: relative; }
	.content-column section.three-points .no-1 dd .detail { position: absolute; top: -46px;right: 0; width: 260px;  }
	.content-column section.official-account { margin-bottom: 50px; }
	.content-column section.official-account > p { margin: 20px 0; }
	.content-column section.official-account .account { width: 345px; }
	.content-column section.official-account .account .timeline {height: 505px; border: 1px solid #ebecee;  }
	.content-column section.official-account .account.twitter { float: left; }
	.content-column section.official-account .account.facebook { float: right; }

	/* washinginstruction
  **************************************************************************************************************************/
	.content-column section.washinginstruction .list { margin-bottom: 36px; }
	.content-column section.washinginstruction .list li { float: left; width: 50%; height: 86px; padding: 43px 20px 0 80px; background-position: 15px center; -webkit-background-size: 60px; -moz-background-size: 60px; background-size: 60px; }
	.content-column section.washinginstruction .list li:nth-of-type(odd) { border-right: 1px solid #fff; }
	.content-column section.washinginstruction .list li:nth-of-type(even) { border-left: 1px solid #fff; }
	.content-column section.washinginstruction .list li:nth-of-type(4n+1),
	.content-column section.washinginstruction .list li:nth-of-type(4n+2) { background-color: #f8f8f8; }
	.content-column section.washinginstruction .list li p { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
	.content-column section.washinginstruction .caution dl + dl { margin-top: 32px; }
	.content-column section.washinginstruction .caution dt { font-size: 14px; }

	/* faq
  **************************************************************************************************************************/
	.content-column section.faq .faq-item .question {padding: 17px 20px; font-size: 14px;  }
	.content-column section.faq .faq-item .minus-plus { right: 20px; }
	.content-column section.faq .faq-item .answer { padding: 15px 20px; }
	.content-column section.contact-return p + p { margin-top: 1em; }
	.content-column section.contact-return dt { margin: 30px 0 1em; font-size: 14px; }
	.content-column section.contact-return dd ol {margin: 1em 0; font-size: 14px;  }
	.content-column section.contact-return #contact,
	.content-column section.contact-return #return { padding-right: 30px; }
	.content-column section.contact-return #contact { padding-bottom: 38px; }
	.content-column section.contact-return #contact p:not(.note) { font-size: 14px; }
	.content-column section.contact-return #return { padding-top: 38px; border-top: 1px solid #efefef; }

	/* license
  **************************************************************************************************************************/
	.content-column .license-lead {padding-bottom: 38px; border-bottom: 1px solid #e3e4e4;  }
	.content-column .license-lead .banner { margin: 36px 0; }
	.content-column section.business-dev dt,
	.content-column section.united-colors-of-benetton dt,
	.content-column section.undercolors-of-benetton dt { font-size: 14px; line-height: 22px; }
	.content-column section.business-dev p { margin-top: 20px; }
	.content-column section.business-dev dt { margin: 35px 0 16px; }
	.content-column section.united-colors-of-benetton h2,
	.content-column section.undercolors-of-benetton h2 {margin-bottom: 15px; padding-bottom: 11px;  }
	.content-column section.united-colors-of-benetton h2 img,
	.content-column section.undercolors-of-benetton h2 img { height: 13px; }
	.content-column section.united-colors-of-benetton .content,
	.content-column section.undercolors-of-benetton .content { font-size: 0; }
	.content-column section.united-colors-of-benetton .content dl,
	.content-column section.undercolors-of-benetton .content dl { display: inline-block; width: 50%;vertical-align: bottom;  }
	.content-column section.united-colors-of-benetton .content dl:nth-of-type(2) ~ dl,
	.content-column section.undercolors-of-benetton .content dl:nth-of-type(2) ~ dl { margin-top: 28px; }
	.content-column section.united-colors-of-benetton .content dl dt,
	.content-column section.undercolors-of-benetton .content dl dt { margin-bottom: 8px; }
	.content-column section.united-colors-of-benetton .content dl dd,
	.content-column section.undercolors-of-benetton .content dl dd { height: 60px; }

	/* csr
  **************************************************************************************************************************/
	.content-column .csr-banner { margin-top: 36px; }
	.content-column section.vision p,
	.content-column section.strategy p { margin-top: 18px; }
	.content-column section.strategy dt {margin: 36px 0 12px; font-size: 16px;  }

	/* recruit
  **************************************************************************************************************************/
	.content-column section.recruit { padding-bottom: 0; }
	.content-column section.recruit .content { margin-top: 22px; }
	.content-column section.recruit .region .name {padding: 11px 10px; font-size: 14px;  }
	.content-column section.recruit .region dl { display: table; table-layout: fixed; width: 100%; padding: 20px 0; }
	.content-column section.recruit .region dl + dl { border-top: 1px solid #e3e4e4; }
	.content-column section.recruit .region dt,
	.content-column section.recruit .region dd { display: table-cell; vertical-align: middle; }
	.content-column section.recruit .region dt { font-size: 14px; }
	.content-column section.recruit .region dd { width: 330px; }
	.content-column section.recruit .region a {width: 160px; padding: 18px 0;  }
}
@media screen and (min-width: 1290px){
	header .glnv{
		width: 745px;
	}
}
@media screen and (min-width: 1086px) and (max-width: 1290px) {
	header .glnv{
		width: 655px;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1086px) {
	header .glnv{
		width: 580px;
	}
}
@media screen and (max-width: 1024px) {
	/* 2columns
  **************************************************************************************************************************/
	.two-columns h1 {padding: 6px 15px 18px; font-size: 20px;  }

	/* 2columns -  content
  **************************************************************************************************************************/
	.content-column section { padding: 25px 15px 0; }
	.content-column section h2 { font-size: 15px; }

	/* sitemap
  **************************************************************************************************************************/
	.content-column section.category .col:first-of-type dl:first-of-type,
	.content-column section.bottomnavi .col:first-of-type dl:first-of-type {margin-top: 0;  padding-top: 0; border-top: none; }
	.content-column section.category .col a,
	.content-column section.bottomnavi .col a { text-decoration: underline; }
	.content-column section.category .col dl,
	.content-column section.bottomnavi .col dl,
	.content-column section.category .col ul,
	.content-column section.bottomnavi .col ul {margin: 18px 0 25px; padding-top: 18px;  }
	.content-column section.category .col dl,
	.content-column section.bottomnavi .col dl { border-top: 1px solid #efefef; }
	.content-column section.category .col ul,
	.content-column section.bottomnavi .col ul { border-top: 1px solid #efefef; }
	.content-column section.category .col dt,
	.content-column section.bottomnavi .col dt { margin-bottom: 18px; }
	.content-column section.category .col dd,
	.content-column section.bottomnavi .col dd,
	.content-column section.category .col li,
	.content-column section.bottomnavi .col li { float: left; width: 50%; line-height: 20px; }
	.content-column section.category .col dd:nth-of-type(2) ~ dd,
	.content-column section.bottomnavi .col dd:nth-of-type(2) ~ dd,
	.content-column section.category .col li:nth-of-type(2) ~ dd,
	.content-column section.bottomnavi .col li:nth-of-type(2) ~ dd,
	.content-column section.category .col dd:nth-of-type(2) ~ li,
	.content-column section.bottomnavi .col dd:nth-of-type(2) ~ li,
	.content-column section.category .col li:nth-of-type(2) ~ li,
	.content-column section.bottomnavi .col li:nth-of-type(2) ~ li { margin-top: 16px; }
	.content-column section.category > ul,
	.content-column section.bottomnavi > ul { margin-bottom: 25px; }
	.content-column section.category > ul li,
	.content-column section.bottomnavi > ul li { float: left; width: 50%; line-height: 20px; }
	.content-column section.category > ul li:nth-of-type(2) ~ li,
	.content-column section.bottomnavi > ul li:nth-of-type(2) ~ li { margin-top: 16px; }
	.content-column .category { border-top: 1px solid #efefef; }
	.content-column .category h2 { margin-bottom: 25px; }
	.content-column .bottomnavi { border-top: 1px solid #efefef; }
	.content-column .bottomnavi dl { border-top: 1px solid #efefef; }
	.content-column .members-lead { margin: 0 15px; padding-bottom: 20px; }

	/* sizeguide
  **************************************************************************************************************************/
	.sizeguide-table { margin-top: 27px; }
	.sizeguide-table caption { margin-bottom: 18px; }
	.sizeguide-table tr { font-size: 11px; line-height: 16px; }
	.sizeguide-table th,
	.sizeguide-table td { padding: 5px 0; }
	.sizeguide-table th {padding-right: 9px; padding-left: 9px;  }
	.sizeguide-table.ladies.wear colgroup col:nth-of-type(1) ~ col { width: 55px; }
	.sizeguide-table.ladies.shoes colgroup col:nth-of-type(1) ~ col { width: 34px; }
	.sizeguide-table.mens.wear colgroup col:nth-of-type(1) ~ col { width: 38px; }
	.sizeguide-table.mens.shirt colgroup col:nth-of-type(1) ~ col { width: 38px; }
	.sizeguide-table.mens.shoes colgroup col:nth-of-type(1) ~ col { width: 30px; }
	.sizeguide-table.kids colgroup col:nth-of-type(2) { width: 60px; }
	.sizeguide-table.kids colgroup col:nth-of-type(2) ~ col { width: 85px; }
	.content-column .sizeguide-lead { margin: 0 15px; padding-bottom: 20px; }
	.content-column .sizeguide { position: relative; }
	.content-column .sizeguide + .sizeguide { margin-top: 30px; }
	.content-column .sizeguide + .sizeguide:before {display: block; position: absolute; top: 0; left: 15px;width: calc(100% - 30px); height: 1px; background-color: #e3e4e4;  content: "";  }
	.content-column .sizeguide.kids { margin-bottom: 50px; }

	/* members
  **************************************************************************************************************************/
	.content-column section.card { padding-top: 185px; -webkit-background-size: 240px; -moz-background-size: 240px; background-size: 240px; font-size: 0; }
	.content-column section.card .search-store,
	.content-column section.card .mypage {display: inline-block; width: 49.27536231884058%;  font-size: 12px; vertical-align: bottom; }
	.content-column section.card .search-store { margin-right: 1.44927536231884%; }
	.content-column section.card p {margin-bottom: 12px; line-height: 20px;  }
	.content-column section.card a {position: relative; height: 60px; background-position: 15px center;  -webkit-background-size: 16px; -moz-background-size: 16px; background-size: 16px; line-height: 1.5; }
	.content-column section.card a div { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
	.content-column section.three-points,
	.content-column section.official-account {position: relative; margin-top: 30px; padding-top: 30px;  }
	.content-column section.three-points:before,
	.content-column section.official-account:before {display: block; position: absolute; top: 0; left: 15px; width: calc(100% - 30px);height: 1px; background-color: #efefef;  content: "";  }
	.content-column section.three-points {padding-right: 20px; padding-left: 20px;  }
	.content-column section.three-points dl + dl { margin-top: 25px; }
	.content-column section.three-points dt {margin-bottom: 14px; text-align: center;  }
	.content-column section.three-points dt .icn { margin-bottom: 15px; }
	.content-column section.three-points dt .txt { line-height: 24px; }
	.content-column section.three-points dd { font-size: 12px; }
	.content-column section.three-points .no-1 dd { position: relative; }
	.content-column section.three-points .no-1 dd .detail { margin-top: 10px; }
	.content-column section.official-account { margin-bottom: 50px; }
	.content-column section.official-account > p { margin: 15px 0 25px; }
	.content-column section.official-account .account.twitter { margin-bottom: 30px; }

	/* washinginstruction
  **************************************************************************************************************************/
	.content-column section.washinginstruction { margin-top: 7px; padding-top: 0; }
	.content-column section.washinginstruction .list { margin-bottom: 27px; }
	.content-column section.washinginstruction .list li { padding: 18px 20px 18px 82px; background-position: 15px center; -webkit-background-size: 45px; -moz-background-size: 45px; background-size: 45px; }
	.content-column section.washinginstruction .list li:nth-of-type(odd) { background-color: #f8f8f8; }
	.content-column section.washinginstruction .caution { padding: 0 20px 45px; }
	.content-column section.washinginstruction .caution dl + dl { margin-top: 2em; }
	.content-column section.washinginstruction .caution dt { font-size: 12px; }

	/* faq
  **************************************************************************************************************************/
	.content-column section.faq { padding-top: 0; }
	.content-column section.faq .faq-item .question {padding: 13px 45px 13px 10px;  font-size: 12px; font-weight: bold; }
	.content-column section.faq .faq-item .minus-plus { right: 10px; }
	.content-column section.faq .faq-item .answer { padding: 15px 10px; }
	.content-column section.contact-return {margin: 30px 15px 50px; padding-right: 20px;padding-left: 20px;  border-top: 1px solid #efefef;  }
	.content-column section.contact-return p + p { margin-top: 1em; }
	.content-column section.contact-return dt { margin: 25px 0 1em; font-size: 12px; }
	.content-column section.contact-return dd ol {margin: 1em 0; font-size: 12px;  }
	.content-column section.contact-return #return {margin-top: 25px;  padding-top: 25px; border-top: 1px solid #efefef; }

	/* license
  **************************************************************************************************************************/
	.content-column .license-lead {position: relative; padding: 0 15px 25px 15px;  }
	.content-column .license-lead:after {display: block; position: absolute; bottom: 0; left: 15px;width: calc(100% - 30px); height: 1px; background-color: #e3e4e4;  content: "";  }
	.content-column .license-lead .banner { margin-bottom: 18px; }
	.content-column .license-lead .banner img { width: 100%; }
	.content-column section.business-dev dt,
	.content-column section.united-colors-of-benetton dt,
	.content-column section.undercolors-of-benetton dt { font-size: 12px; line-height: 18px; }
	.content-column section.business-dev { padding: 25px 35px; }
	.content-column section.business-dev p { margin-top: 15px; }
	.content-column section.business-dev dt { margin: 25px 0 10px; }
	.content-column section.united-colors-of-benetton,
	.content-column section.undercolors-of-benetton { padding: 0 35px; }
	.content-column section.united-colors-of-benetton h2,
	.content-column section.undercolors-of-benetton h2 { padding-bottom: 6px; }
	.content-column section.united-colors-of-benetton h2 img,
	.content-column section.undercolors-of-benetton h2 img { height: 11px; }
	.content-column section.united-colors-of-benetton .content dl,
	.content-column section.undercolors-of-benetton .content dl { padding: 18px 0; border-bottom: 1px solid #e3e4e4; }
	.content-column section.united-colors-of-benetton .content dl dt,
	.content-column section.undercolors-of-benetton .content dl dt { margin-bottom: 5px; }
	.content-column section.united-colors-of-benetton { margin-bottom: 30px; }
	.content-column section.undercolors-of-benetton { margin-bottom: 50px; }

	/* csr
  **************************************************************************************************************************/
	.content-column .csr-banner { padding: 0 15px; }
	.content-column .csr-banner img { width: 100%; }
	.content-column section.vision,
	.content-column section.strategy {padding-right: 35px; padding-left: 35px;  }
	.content-column section.vision p,
	.content-column section.strategy p { margin-top: 12px; }
	.content-column section.vision {position: relative; padding: 25px 35px 28px;  }
	.content-column section.vision:after {display: block; position: absolute; bottom: 0; left: 35px;width: calc(100% - 70px); height: 1px; background-color: #e3e4e4;  content: "";  }
	.content-column section.strategy { margin-bottom: 50px; }
	.content-column section.strategy dt {margin: 25px 0 12px; font-size: 12px;  }

	/* recruit
  **************************************************************************************************************************/
	.content-column section.recruit {margin-bottom: 20px; padding-top: 0;  }
	.content-column section.recruit .content { margin-top: 18px; }
	.content-column section.recruit .region .name {padding-left: 10px; font-size: 12px; line-height: 35px;  }
	.content-column section.recruit .region .content { padding: 0 20px; }
	.content-column section.recruit .region dl { padding: 30px 20px; }
	.content-column section.recruit .region dl + dl { border-top: 1px solid #e3e4e4; }
	.content-column section.recruit .region dt {margin-bottom: 18px; font-size: 12px;  }
	.content-column section.recruit .region a { width: 49.18032786885246%; padding: 13px 0; }
}

@media screen and (min-width: 1025px) and (max-width: 1179px) {
	header .utility-pc {right: 24px;}
	header .utility-pc li.search {width: 164px;}
	header .utility-pc .user {width: 24px;}
}


	/* main slider
  **************************************************************************************************************************/

  #widget-1 {
	margin-top: 0;
	margin-bottom: 100px;
  }

  #widget-1 .gender-carousel {
	position: relative;
  }

  #widget-1 .gender-slide picture {
	position: relative;
	z-index: 1;
  }

  #widget-1 .gender-slide a.banner_link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -999px;
	z-index: 3;
  }

 #widget-1 .gender-carousel .main-carousel .gender-slide .centered-left {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 56px;
	top: 0;
	position: absolute;
	text-align: left;

  }

  #widget-1 .text-container .title {
	color: #121212;
	font-size: 40px;
	font-weight: bold;
	line-height: 1.0;
  }

  #widget-1 .text-container .description {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 20px;
	color: #121212;
  }

  #widget-1 .text-container {
	width: 320px;
	z-index: 2;
  }



  #widget-1 .text-container .subtitle {
	font-size: 12px;
	font-weight: 400;
  }

 #widget-1 .carousel-title {
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 10px;
	line-height: 2;
	margin-bottom: 20px;
	margin-top: 72px;
	text-align: center;
	text-transform: uppercase;
  }

 #widget-1 .gender-container {
	position: relative;
	text-align: center;
	color: #fff;
  }



 #widget-1 .cta-container {
	font-size: 14px;
	font-weight: 600;
	text-decoration: underline;
	margin-top: 20px;
  }

 #widget-1 .cta-container .cta {
	text-decoration: underline;
  }


 #widget-1 .centered,
 #widget-1 .gender-carousel .main-carousel .gender-slide .centered-left {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 56px;
	top: 0;
	position: absolute;
	text-align: left;
  }

 #widget-1 .centered {
	text-align: center;
	justify-content: center;
  }

 #widget-1 .centered .cta-container {
	display: flex;
	justify-content: space-around;
  }

 #widget-1 .slick-slide {
	opacity: 1;
	outline: none;
  }

 #widget-1 .slick-list {
	z-index: 9;
	max-width: 100%;
	overflow: hidden;
	margin: auto;
  }

 #widget-1 .slick-slide img {
	width: 100%;
  }

 #widget-1 .slick-list .media.overlay {
	padding: 0 10px;
  }

 #widget-1 .slick-arrow.slick-prev {
	display: none !important;
  }

  @media screen and (max-width: 1024px) {
	#widget-1 .centered-left {
	  z-index: 20;
	}
  }


  /* slick-arrow */
 #widget-1 .gender-carousel .slick-arrow.slick-next {
	display: flex;
	background: url(https://www.benetton.jp/images/common/arw-s.png) right center no-repeat;
	background-size: 6px 12px;
	width: 130px;
	margin: 0 56px;
	padding: 0;
	left: 0;
	bottom: 43px;
	top: auto;
	color: #121212;
	font-weight: 600;
	font-size: 14px;
	line-height: 25px;
	z-index: 10;
  }

 #widget-1 .gender-carousel .slick-arrow,
 #widget-1 .gender-carousel .slick-next {
	position: absolute;
	z-index: 20;
  }

 #widget-1 .gender-carousel .slick-arrow.slick-next:after {
	font-family: benetton;
	content: "";
	font-size: 12px;
	font-size: 0.75rem;
	margin-bottom: 2px;
	align-self: flex-end;
	animation: arrowToRight 5s infinite;
  }

 #widget-1 .slick-arrow.slick-next i::before {
	font-style: initial;
	font-size: initial;
	content: 'next';
  }

  /* slick-dots */
 #widget-1 .gender-carousel .slick-dots {
	display: flex;
	justify-content: space-between;
	width: 130px;
	height: 20px;
	bottom: 20px;
	margin-left: 56px;
	z-index: 9;
	position: absolute;
  }

 #widget-1 .gender-carousel .slick-dots>li {
	cursor: pointer;
	float: left;
	margin-right: 10px;
	padding: 12px 0;
  }

 #widget-1 .gender-carousel ul.slick-dots>li button {
	background: #fff;
	border: 2px solid #edf0f1;
	border-radius: 20px;
	height: 8px;
	overflow: hidden;
	padding: 0;
	text-indent: 1000px;
	transition: opacity .5s ease-in-out;
	width: 8px;
  }

 #widget-1 .gender-carousel ul.slick-dots>li button {
	width: 5px;
	height: 5px;
	border-radius: 20px;
	border: none;
  }

  button,
  [type="button"] {
	min-height: 5px;
  }



 #widget-1 .gender-carousel .slick-dots>li.slick-active button {
	border-radius: 2px;
	animation: dot-active .2s ease-in;
	animation-fill-mode: forwards
  }

 #widget-1 .gender-carousel .slick-dots>li button {
	width: 5px;
	height: 5px;
	border-radius: 20px;
	border: none
  }

  @keyframes dot-active {
	0% {
	  width: 5px
	}

	50% {
	  width: 18.5px
	}

	to {
	  width: 42px
	}
  }

  /*.gender-carousel .slick-dots li button:before {
				  display: block;
				  position: absolute;
				  top: 0;
				  left: 0;
				  width: 4px;
				  height: 4px;
				  content: '';
				  border-radius: 50%;
				  border: 1px solid #888;
				  text-align: center;
				  -webkit-font-smoothing: antialiased;
				  -moz-osx-font-smoothing: grayscale;
				}*/

 #widget-1 .gender-carousel .slick-dots>:first-child button {
	background-color: #ffb70d;
	border: 1px solid #ffb70d;
  }

 #widget-1 .gender-carousel .slick-dots>:nth-child(2) button {
	background-color: #009848;
	border: 1px solid #009848;
  }

 #widget-1 .gender-carousel .slick-dots>:nth-child(3) button {
	background-color: #db2c2c;
	border: 1px solid #db2c2c;
  }

 #widget-1 .gender-carousel .slick-dots>:nth-child(4) button {
	background-color: #0b95ff;
	border: 1px solid #0b95ff;
  }

 #widget-1 .gender-carousel .slick-dots>:nth-child(5) button {
	background-color: #6c1dff;
	border: 1px solid #6c1dff;
  }

  .gender-carousel .slick-dots>:nth-child(6) button {
	background-color: #ff5700;
	border: 1px solid #ff5700;
  }




  @media screen and (max-width: 1024px) {

	#widget-1 .gender-carousel .main-carousel .gender-slide .centered-left {
		position: relative;
		text-align: left;
		padding: 16px 16px 0;
	  }

	 #widget-1 .gender-carousel .slick-dots {
		position: relative;
		padding: 0 16px;
		margin: 0;
		top: 0;
		bottom: 0;
		height: auto;
		align-items: center;
	  }

	  #widget-1 .text-container .title {
		font-size: 30px;
	  }

	  #widget-1 .text-container {
		width: 100%;
		z-index: 2;
	  }

	  #widget-1 .text-container.description {
		font-size: 14px;
		font-weight: 400;
		line-height: 1.5;
		margin-top: 20px;
	  }

	  #widget-1 .cta-container {
		font-size: 14px;
		font-weight: 600;
		text-decoration: underline;
		margin: 20px 0 20px;
	  }

	  #widget-1 .gender-carousel .slick-arrow.slick-next {
		display: none !important;
	  }



  }

  @media screen and (max-width: 767px) {




  }