@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@import url("https://use.typekit.net/fds0yve.css");

/* 全体 */
html {
    //font-size: 0.625vw;
}
body {
    font-size: clamp(14px,1.4rem,16px);
    //font-family: 'Bebas Neue', sans-serif;
    font-family: "futura-pt", sans-serif;
}
.pc_none {
display:none !important;
}
/*ログインログアウトの表示切り替えを行うCSS*/
.logout.my-false {
display: none;
}
.login.my-true {
display: none;
}
div#fs_preview_header {
    display: none;
}
div#fs-page-error-container {
    grid-column: 1/3;
}
.fs-l-sideArea + .fs-l-pageMain,
.fs-l-pageMain + .fs-l-sideArea {
    max-width: 1400px;
    padding:0 5%;
}

main.fs-l-main {
    margin-top: 62px;
}
@media screen and (min-width:1200px) {
main.fs-l-main:has(aside) {
    display: grid;
    grid-template-columns: 240px 1fr;
    max-width: 100%;
}
}
section.fs-l-pageMain {
    margin: 0 auto;
}
h1.fs-c-heading.fs-c-heading--page {
    margin: 0 0 24px;
    font-size: 24px;
    padding: 0 0 24px;
    letter-spacing: 4px;
    border-bottom: 1px solid #222;
}
h2.fs-c-documentArticle__heading,
.fs-c-wishlistProduct__title,
.fs-c-featuredProduct__title {
    background: #222;
    text-align: left;
    padding: 10px 20px;
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}
h2.fs-c-documentColumn__heading,
.fs-c-subSection__title,
.fs-c-linkedServiceLogin__title {
    border: solid;
    border-width: 0 0 1px 5px;
    color: #333;
    border-color: #333;
    width: fit-content;
    padding: 8px 24px 8px 8px;
}
h3.fs-c-documentColumn__heading {
    color: #222;
    border-color: #222;
    width: fit-content;
    padding-right: 100px;
    font-size: 16px;
}
.fs-p-address {
    font-style: normal;
}
[type=hidden], [type=text], [type=search], [type=tel], [type=url], [type=email], [type=password], [type=datetime], [type=date], [type=month], [type=week], [type=time], [type=datetime-local], [type=number], select, textarea {
    padding: 8px 12px;
}
.fs-p-searchForm__button {
    align-self: center;
}
h2.fs-c-productListItem__productName.fs-c-productName a,
h2.fs-c-productListItem__productName a,
.fs-c-cartTable__productName.fs-c-listedProductName a {
    color: #222;
}










/* ボタン関係 */
.fs-p-drawer__loginLogout__logout,
.fs-p-drawer__loginLogout__login {
    color: #222 !important;
    border-color: #222;
    background: #fff;
}
.btn01 {
    color: #222 !important;
    border: solid 1px;
    width: fit-content;
    padding: 10px 20px;
    margin: 0 auto;
    border-radius: 2em;
    position: relative;
    display: flex;
    gap: 30px;
}
.btn01::after {
    content: "\ea50";
    font-family: 'Material Icons';
    margin-left: auto;
    color: #555;
}
.btn01:hover::after{
    color: #fff;
}
.btn01:hover {
    background:#222;
    border-color:#222;
    text-decoration:none;
    color:#fff !important;
}
.fs-p-drawer__loginLogout__logout:hover,
.fs-p-drawer__loginLogout__login:hover {
    background: #222;
    color: #ffffff !important;
    text-decoration: none;
    border: solid 1px #222;
}







/* ユーティリティセクション */
.utility_section_inrwp {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 24px;
}
a.utility_section_box {
    text-align: center;
    border: solid 1px #ddd;
    color: #222;
    padding: 20px;
}
a.utility_section_box:hover {
    background: #f5f5f5;
}
.utility_section_box_icon {
    font-size: 36px !important;
    color: #999;
}






/* ヘッダー */
.fs-l-header {
    padding: 8px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(255,255,255,0.8);
    z-index: 100;
}
.fs-l-header--min {
    border: none;
}
.fs-l-header__drawerOpener {
    margin-right: auto;
}
.o_header_contents_wrap {
    display: flex;
    align-items: center;
    justify-content: right;
    gap: 2rem;
}
.o_header_contents_wrap a {
    color: #222;
    font-size: clamp(12px,1.6rem,16px);
    letter-spacing: 1px;
}
.fs-p-searchForm__button::before {
    display: flex;
    align-items: center;
    justify-content: center;
}














/* レフトナビ */
.fs-icon--navCtrl:before {
    content: "\e25d";
    font-family: 'Material Symbols Outlined';
}
.fs-l-sideArea {
    max-width: 400px;
    grid-column: 1;
    z-index: 100;
    transition-duration: 0.2s;
    background: rgba(255,255,255,0.94);
    box-shadow: none;
    width: 100%;
}
@media screen and (max-width:1200px) {
.fs-l-sideArea {
    padding: 0 40px;
}
}
.fs-l-header__logo {
    margin-bottom: 36px;
}
.fs-p-logo {
    width: 80px;
    display: block;
    margin: 0 auto;
}
.fs-p-drawer__loginLogout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
    margin: 0 0 50px;
}
h2.fs-p-drawer__heading {
    margin: 0 0 20px;
    font-size: 20px;
    padding: 0 0 20px;
    letter-spacing: 4px;
}


li.fs-pt-menu__item.fs-pt-menu__item--lv1 {
    margin-bottom: 30px;
font-size:16px;
}
.fs-p-sideMenu .fs-pt-menu__heading--lv1,
.fs-p-sideMenu .fs-pt-menu__heading--lv2 {
    border: none;
    padding: 0 0 0 1.6rem;
    margin-bottom: 8px;
}
.fs-p-sideMenu .fs-pt-menu__link--lv2::before {
content:"";
}
.fs-p-sideMenu .fs-pt-menu__link--lv1::after,
.fs-p-sideMenu .fs-pt-menu__link--lv2::after {
    content: none;
}
a.fs-pt-menu__link.fs-pt-menu__link--lv1,
a.fs-pt-menu__link.fs-pt-menu__link--lv2 {
    font-size: 16px;
    width: 100%;
    padding: 0;
    margin: 0;
    transition: 0.0s;
    background: none;
    color: #222;
}
.fs-p-sideMenu .fs-pt-menu__heading--lv1 {
    font-weight: bold;
    position: relative;
}
span.fs-pt-menu__heading.fs-pt-menu__heading--lv1::before {
    width: 24px;
    height: 1px;
    border-top: solid 1px #555;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    //content: "";
}
.fs-p-sideMenu .fs-pt-menu__heading--lv2 {
text-indent:0.4em;
}

.fs-pt_menu__item--sale span a {
    color: #c93037 !important;
}







/* レコメンドリスト */
.recommend_list {
    display: block;
    margin-bottom: 100px;
}
.recommend_list .item_pickup_top.fs-c-productListCarousel.fs-c-slick {
    display: block;
}
.recommend_list span.fs-c-productListCarousel__ctrl {
    display: none !important;
}
.recommend_list .fs-c-productListCarousel__list {
    display: block;
}
.recommend_list div.slick-track {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
    grid-gap: 16px;
    width: 100% !important;
    transform: none !important;
}
.recommend_list .slick-slide {
    position: relative;
}
.recommend_list .slick-slide:nth-of-type(n + 5) {
    //display: none;
}
.recommend_list div.slick-track::before {
    content: none !important;
}
.recommend_list article.fs-c-productListCarousel__list__item.fs-c-productListItem {
    min-width: 100%;
    margin: 0;
}





/* 商品一覧 */
.fs-c-productList__list {
    grid-template-columns: repeat(3,1fr);
    grid-gap: 20px;
}
article.fs-c-productList__list__item.fs-c-productListItem {
    border: none;
}
.fs-c-productListItem__viewMoreImageButton.fs-c-buttonContainer {
    display: none;
}
article.fs-c-productList__list__item.fs-c-productListItem form {
    position: relative;
}
.fs-c-button--particular {
    position: absolute;
    top: 0;
    right: 0;
    margin: 8px;
}
h2.fs-c-productListItem__productName a {
    font-size: 18px;
    color: #222;
}
.fs-c-productName__copy, .fs-c-productName__variation {
font-size:16px;
}




/* 商品画像 */
img.fs-c-productListItem__image__image.fs-c-productImage__image {
    filter: brightness(0.96);
}










/*フッター*/

#sns_link_list_wrap {
    content: "";
    background: url(https://tauartclothing.itembox.design/item/sns_section_bg02.jpg?t=20240804234641);
    background-size: cover;
    background-position: center center;
    height: 44vh;
    text-align: center;
    padding: 100px 0;
}
.sns_link_list_inrwp {
    max-width: 400px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position:relative;
}
.sns_link_list_inrwp a {
    padding: 50px;
}
.sns_link_list_inrwp a:hover {
    background: rgba(0,0,0,0.1);
    border-radius: 10px;
}
.sns_link_list_inrwp a img {
    filter: brightness(0.1);
}
.fs-l-footer {
    border-top: 1px solid #eee;
}


section#footer_contents {
    background: #222;
    padding: 50px 0 100px;
}
.footer_contents_wrap {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 50px;
    max-width: 800px;
    width: 88%;
    margin: 0 auto;
}
.footer_contents_box img {
    width: 80px;
    display: block;
    margin: 0 auto;
}
.footer_contents_box a {
    display: block;
    color: #fff;
    border-bottom: solid 1px #444;
    margin-bottom: 10px;
    padding-bottom: 10px;
}



.fs-p-footerCopyright {
    background-color: #111;
}