.pc_none {
display:none;
}

/*一旦　非表示*/
div#fs_preview_header {
    display: none;
}

.fs-c-productPointDisplay {
    display: none;
}




/* 全体 */
body {
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  counter-reset: number 0; 
}

.fs-l-page {
    overflow: hidden;
}
.fs-l-main {
    margin: 100px auto 24px;
    padding: 0;
    //z-index: 10;
    position: relative;
}
h1.fs-c-heading.fs-c-heading--page {
    color: #284b27;
    font-size: 26px;
    text-align: center;
    letter-spacing: 10px;
    margin: 0 auto 60px;
    border-bottom: solid 1px #284b27;
    width: fit-content;
}
h2.fs-c-documentArticle__heading {
    color: #fff;
    background: linear-gradient(90deg, #fff 0%, #284b27 20%, #284b27 80%, #fff 100%);
    font-size: 18px;
    text-align: center;
    letter-spacing: 4px;
    padding: 12px 0;
    margin: 0 calc(20% - 20vw) 60px;
}
h3.fs-c-documentColumn__heading,
h2.fs-c-registeredUsers__title.fs-c-subSection__title,
h2.fs-c-newUsers__title.fs-c-subSection__title,
.fs-c-linkedServiceLogin__title,
.fs-c-wishlistProduct__title,
.fs-c-featuredProduct__title {
    border-left: none;
    width: fit-content;
    padding: 10px 100px 20px 0;
    margin-bottom: 10px;
    color: #222;
    border-bottom: solid 2px;
}
h2.s00_ttl_w{
    color: #284b27;
    font-size: 26px;
    text-align: center;
    letter-spacing: 10px;
    margin: 0 0 60px;
}
h2.s00_ttl_g {
    color: #fff;
    background: linear-gradient(90deg, #fff 0%, #284b27 20%, #284b27 80%, #fff 100%);
    font-size: 26px;
    text-align: center;
    letter-spacing: 10px;
    padding: 18px 0;
    margin: 0 calc(20% - 20vw) 60px;
}

a.round_btn {
    background: #284b27;
    color: #fff;
    padding: 6px 20px;
    border-radius: 2em;
    margin: 0 0 0 auto;
    display: block;
    width: fit-content;
    letter-spacing: 2px;
}

ol.fs-c-breadcrumb__list {
    border-bottom: solid 1px #ccc;
    margin-bottom: 20px;
    padding-bottom: 10px;
}


.fs-body-login .fs-c-inputInformation__field,
.fs-body-forgotPassword .fs-c-inputInformation__field,
.fs-body-merge .fs-c-inputInformation__field,
.fs-body-membershipCardAuth .fs-c-inputInformation__field {
    padding: 30px 30px 40px;
    border-radius: 4px;
}

[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: 10px !important;
    font-size: 20px;
}
.fs-c-dropdown__menu {
    padding: 10px 4em 10px 10px !important;
}
.fs-c-linkedServiceLogin__body {
    margin-top: 30px !important;
}






/*ログインログアウトの表示切り替えを行うCSS*/
.logout.my-false,
.login.my-true {
    display: none;
}
.fs-clientInfo.is-ready {
    display:grid;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.2s;
 -ms-animation-duration:1.2s;
 animation-duration:1.2s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(30px);
-ms-transform: translateY(30px); transform: translateY(30px);
}
 100% { opacity: 1; -webkit-transform: translateY(0);
-ms-transform: translateY(0); transform: translateY(0);
}
}


.fs-l-sideArea + .fs-l-pageMain, .fs-l-pageMain + .fs-l-sideArea {
    max-width: 100%;
}








/* ヘッダー */
.fs-l-header {
    padding-top: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index:10;
    border:none;
}
.header_obi_wrap {
    background: #284b27;
    width: 100%;
}
.header_obi_inrwrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 4px;
    text-align: center;
}
.header_obi_inrwrap a {
    color: #fff;
}

.o_header_contents {
    background: rgba(255,255,255,0.6);
    display: flex;
    align-items: center;
    flex-direction: column;
}
.o_header_contents_inrwp {
    width:96%;
    max-width: 100%;
    display: grid;
    grid-template-columns: 100px 1fr auto auto auto auto auto auto 20px 20px 20px;
    grid-template-rows: 1fr;
    grid-gap: 0 20px;
    align-items: center;
    margin: 0 auto;
    height: 70px;
}
.o_header_contents_inrwp a {
    letter-spacing: 2px;
    color: #284b27;
    position: relative;
}
.fs-p-headerNavigation__link {
    padding: 0;
}
.fs-p-drawerButton {
    display: inline-block !important;
    padding: 0;
}
.fs-p-drawerButton__icon {
    font-size: 2rem;
}
.fs-p-cartItemNumber {
    top: -12px;
    right: 0px;
}










/* サブエリア */
span.fs-p-drawerButton__label {
    display: none;
}
.fs-p-drawer {
    box-shadow: none;
    position: fixed;
    transform: translateX(-500px);
    transition-duration: 0.2s;
    z-index:100;
    padding: 10px 30px;
}
.fs-p-drawer {
    transform: translateX(-51vw);
}
.fs-l-sideArea {
    max-width: 500px;
    width: 50vw;
    background: rgba(255,255,255,0.9);
}
.fs-p-drawer__buttonContainer {
    margin-bottom: 60px;
}
.fs-p-drawer__loginLogout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}
.fs-p-drawer__loginLogout__logout,
.fs-p-drawer__loginLogout__login {
color: #284b27 !important;
}
.fs-p-drawer__loginLogout__logout:hover,
.fs-p-drawer__loginLogout__login:hover {
    background: #284b27;
color:#fff !important;
}

.fs-p-inputGroup {
    align-items: center;
}
.fs-p-searchForm__input {
    font-size: 16px !important;
}


h2.fs-p-drawer__heading {
    letter-spacing: 2px;
    border: none;
}
span.fs-pt-menu__heading.fs-pt-menu__heading--lv1 {
    border: none;
    border-bottom: dotted 1px;
    font-size: 16px;
    letter-spacing: 2px;
}
.fs-p-sideMenu a:hover {
    background: none;
    color: #333;
}
.fs-pt-menu * {
    transition-duration: 0.2s;
}
li.fs-p-drawer__heading .fs-pt-menu__heading {
    border: none;
    font-size: 2.2rem;
    margin-top: 50px;
}









/* 商品一覧情報 */
ul.fs-c-subgroupList {
    display: grid;
    grid-template-columns: repeat(3,1fr);
}
a.fs-c-subgroupList__link {
    padding: 20px;
    background: none;
}
.fs-c-sortItems__list__item.is-active {
    background: #284b27;
}



.fs-c-productList__list {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 0px;
}

article.fs-c-productList__list__item.fs-c-productListItem form {
    position: relative;
}
img.fs-c-productListItem__image__image.fs-c-productImage__image {
    filter: brightness(0.96);
    opacity: 0.96;
    border-radius: 12px;
}


h2.fs-c-productListItem__productName.fs-c-productName a {
    color: #222;
}

article.fs-c-productList__list__item.fs-c-productListItem {
    position: relative;
}
.fs-c-productListItem__control.fs-c-buttonContainer {
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 8px;
}
.fs-c-productListItem__control.fs-c-buttonContainer form {
    display: none;
}

.fs-c-productPrice {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    justify-content: end;
}



ul.fs-c-accountService {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 0 16px;
}




/* フッター */
.o_footer_contents {
    padding: 100px;
    background: url(https://mshop.itembox.design/item/footer_bg.jpg?t=20240219114208);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.o_footer_contents_inrwrap {
    max-width: 600px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap:20px;
}
.o_footer_contents_inrwrap a {
    color: #fff;
    display: block;
    line-height: 2em;
    text-align: center;
    border-bottom: solid 1px #fff;
    padding: 10px 0;
}
.o_footer_contents_inrwrap a:hover {
    text-decoration: none;
    background: rgba(255,255,255,0.2);
}

.fs-p-footerPageTop a {
    background: #284b27;
}
.fs-p-footerCopyright {
    background-color: #284b27;
    padding: 10px;
}