@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');

.pc_none {
display:none;
}

body {
    background: #ffffff;
    color: #3c3c3c;
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.5;
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow-x: hidden;
}
a {
    cursor: pointer;
}
img {
    vertical-align: top;
}
.heading_title_wrap {
    width: fit-content;
    margin: 0 auto 56px;
    padding: 0 0 32px;
    border-bottom: solid 1px #222;
}
h1.fs-c-heading--page {
    //text-align: left;
    //width: 100%;
    //border-bottom: solid 1px #ccc;
    //font-size: 22px;
    //font-weight: bold;
    //padding-bottom: 12px;
    //margin: 0 auto 36px;

    margin: 0.67em auto 36px;
    text-align: left;
    border-bottom: solid 1px #ccc;
    font-size: 22px;
    font-weight: bold;
    padding: 12px 0;
    margin-bottom: 36px;
}
h2.heading_title {
    font-weight: normal;
    font-size: 36px;
    letter-spacing: 6.4px;
    margin: 0 0 4px;
}
.heading_title_under_text {
    font-weight: 500;
    font-size: 14px;
    text-align:center;
}
a.main_btn_style {
    color: #222;
    border: solid 1px #222;
    display: block;
    padding: 0 32px;
    margin: 0 auto;
    font-size: 20px;
    letter-spacing: 8px;
    position: relative;
    max-width: 240px;
    width: 80%;
    text-align: center;
    line-height: 2.4em;
    text-decoration: none;
}
a.main_btn_style::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-top: solid 1px;
    border-right: solid 1px;
    transform: rotate(45deg) translateY(-64%);
    top: 50%;
    right: 20px;
}
input#fs_input_currentPassword,
input#fs_input_newPassword {
    height: 45px;
}
input#fs_input_currentPassword:focus,
input#fs_input_newPassword:focus {
    border: solid 1px #da4453;
    box-shadow: 0 0 6px #e77600;
}
.fs-l-main {
    margin: 0 auto;
    padding: 0;
    max-width: 1216px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
width: 100vw;
}









/* ヘッダー */
.header_bar {
    background: #008296;
color:#fff;
    width: 100vw;
}
.header_bar_inner_wrap {
    width: 96%;
    max-width: 1216px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.header_bar h1,
.header_bar > div > div {
    font-size: 13px;
    margin: 0;
    align-self: center;
    padding: 2px 0 0 0;
}
nav.fs-p-headerUtilityMenu {
    flex-grow: 1;
}
.fs-p-headerUtilityMenu__list a{
    display:flex;
    align-items: center;
    margin-left: 14px;
}
.fs-p-headerUtilityMenu__list a {
    color: #fff !important;
    margin: 0;
    padding: 0;
    line-height: 2em;
    font-weight: 500;
}

li.header_bar_login span::before {
    content: "\f3c1";
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
li.header_bar_logout span::before {
    content: "\f2f5";
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
li.header_bar_signup span::before {
    content: "\f304";
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

/*.fs-p-headerUtilityMenu__list a:hover{*/
/*    border: solid 1px white;*/
/*}*/

.fs-p-headerUtilityMenu__list a::before{
    display: none;
}

span.fs-pt-menu__heading{
    display: inline-flex;
    align-items: center;
}
.fs-p-headerUtilityMenu__list span.fs-pt-menu__heading::before {
    border-left: 1px solid #CCC;
    margin: 0 8px;
    padding-left: 12px;
}
.fs-p-headerUtilityMenu__login span.fs-pt-menu__heading::before{
    border:none;
}
.fs-p-headerUtilityMenu__logout span.fs-pt-menu__heading::before{
    border:none;
}




.fs-l-header {
    padding-top:0;
    position: sticky;
    top: 0;
    z-index:10;
    background: #141920;
    font-size: 13px;
width:100vw;
}

#ms_header {
    width: 96%;
    max-width: 1216px;
    margin: 0 auto;
}
.ms_header_top {
    display: grid;
    grid-template-columns: auto 0 1fr 80px 80px 80px 64px;
    align-items: center;
    padding: 8px 0;
}
.fs-p-logo__image {
    max-width: 180px;
    display: block;
    border: solid 1px transparent;
    border-radius: 2px;
    padding: 0 3px;
}
.fs-p-logo__image:hover {
    border: solid 1px white;
}
.keywordSearch_wrap {
    margin: 0 auto;
    max-width: 500px;
    width: 100%;
}
.ms_header_iconbox {
    text-align: center;
    font-size: 22px;
    position: relative;
    padding: 3px;
}
.ms_header_iconbox i{
    display:block;
}

.ms_header_iconbox:hover {
    border: solid 1px white;
    border-radius: 2px;
}

.fs-p-cartItemNumber {
    top: -8px;
    right: 0;
    font-size: 12px;
    width: 1.4em;
    line-height: 1.4em;
    padding:0;
}
.ms_header_iconbox a {
    color:#fff !important;
}
.ms_header_iconbox a:hover {
    text-decoration: none;
    color: #fff;
}
.fs-p-cartItemNumber {
    background: #e7992e;
}
.fs-p-inputGroup {
    border: 2px solid #f6f6f7;
    background: #f6f6f7;
    border-radius: 2px;
}
.fs-p-headerNavBar {
    background: none;
    border: none;
    margin-left: 12px;
}
.fs-p-inputGroup__button {
    background: none;
    color:#727e74;
}
.fs-p-searchForm__input {
    padding: 6px 16px;
    border-radius: 2px 0 0 2px;
    font-size: 13px;
    //border-top: solid 1px gray;
    //border-bottom: solid 1px gray;
    //border-left: solid 1px gray;
height:initial !important;
}
input.fs-p-searchForm__input.fs-p-inputGroup__input:focus {
    border: 1px solid #e77600;
    box-shadow: 0 0 6px #e77600;
}
.fs-p-searchForm__button{
    height:auto;
    border-radius: 0 2px 2px 0;
    //border-top: solid 1px gray;
    //border-bottom: solid 1px gray;
    //border-right: solid 1px gray;
}
.fs-p-searchForm__button::before {
    font-size: 24px;
    color: #141920;
    background: #fff;
    line-height: 31px;
}

.sub_header_wrap {
    background: #252e3d;
    width: 100%;
}
.sub_header_inner_wrap {
    width: 96%;
    max-width: 1216px;
    margin: 0 auto;
    display: flex;
    padding: 8px 0;
}
.sub_header_inner_wrap a {
    color: #fff !important;
    flex-grow: 1;
    text-align: center;
    border-right: solid 1px;
    font-weight: 500;
    letter-spacing: 1px;
}
.sub_header_inner_wrap a:hover {
    text-decoration: none;
    color: #fff !important;
}
.sub_header_inner_wrap span{
    padding: 3px 11px;
}
.sub_header_inner_wrap span:hover{
    border: solid 1px white;
    border-radius: 2px;
    box-sizing: border-box;
    padding: 3px 10px;
}

.sub_header_inner_wrap a:first-child {
    border-left: solid 1px;
}
nav.fs-c-breadcrumb {
    background: #fafafa;
    border: solid 1px #e1e1e1;
}
.fs-c-breadcrumb__list {
box-sizing: border-box;
    list-style: none;
    margin: 0 auto;
    max-width: 1216px;
    position: relative;
    padding: 4px 0 4px 2em;
}

.fas.fa-envelope::before {
    font-size: 22px;
    margin-bottom: 2px;
    display: block;
}
.fas.fa-envelope::after {
    content: "お問合せ";
    font-size: 13px;
    display: block;
}
.fas.fa-user::before {
    font-size: 22px;
    margin-bottom: 2px;
    display: block;
}
.fas.fa-user::after {
    content: "マイページ";
    font-size: 13px;
    display: block;
}
.fas.fa-heart::before {
    font-size: 22px;
    margin-bottom: 2px;
    display: block;
}
.fas.fa-heart::after {
    content: "お気に入り";
    font-size: 13px;
    display: block;
}
.fas.fa-shopping-cart::before {
    font-size: 22px;
    margin-bottom: 2px;
    display: block;
}
.fas.fa-shopping-cart::after {
    content: "カート";
    font-size: 13px;
    display: block;
}

.fs-c-productReview__aggregateRating{
    padding: 0 0 6px;
}
.fs-c-productReview__aggregateRating a{
    border-bottom: 0 !important;
}

.fs-c-productThumbnail__image > img{
    border: 1px solid #CCC;
}

.fs-c-productPrice--selling .fs-c-productPrice__main__price{
    font-size: 15px !important;
    color: gray !important;
    text-decoration: line-through;
}

.pc_goods_detail_cartbox{
    border: solid 1px #CCC;
    padding: 15px;
    border-radius: 5px;
    display: grid;
}



.fs-c-productQuantityAndWishlist{
    padding-bottom: 15px;
    grid-row: 1;
    grid-column: 2;
}

.fs-c-productQuantityAndWishlist__quantity:before{
    content: "数量:";
    display: inline-block;
    white-space: nowrap;
    margin-right: 10px;
}
.fs-c-productQuantityAndWishlist__quantity{
    grid-column: 2;
    justify-self: end;
    display: flex;
    align-items: center;
}

.fs-c-productActionButton{
    padding: 15px 0;
    grid-row: 2;
    grid-column: 1 / 3;
    border-top: dotted 1px #ccc;
    border-bottom: dotted 1px #ccc;
}

.fs-c-inquiryAboutProduct{
    display:flex;
    justify-content: space-between;
    gap: 10px;
    padding: 15px 0 0 0;

    grid-row: 3;
    grid-column: 1 / 3;
}
.fs-c-inquiryAboutProduct button{
    flex-basis: 50%;
    justify-content: center;
}

.fs-c-button--addToWishList--detail{
    background: #3fa98b;
    border: 0;
    box-shadow: none;
    color: #fff;
    font-size: 14px !important;
    font-weight: 500;
    padding: 8px 20px !important;
}

.fs-c-button--addToWishList--detail:hover{
    color: #FFF;
}
.fs-c-button--addToWishList--detail span:hover{
    text-decoration: underline;
}


a.fs-c-button--addReview--detail{

    border-radius: 8px;
    box-shadow: 0 2px 5px 0 rgba(213,217,217,.5);

    color: #0F1111 !important;
    line-height: 29px;
    background-color: transparent !important;
    border-color: #D5D9D9;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
}

.fs-c-breadcrumb__list li:nth-child(1):before{
    content: "";
    background-image: url(https://cloudgps.itembox.design/item/home.png);
    width: 14px;
    display: inline-block;
    background-size: contain;
    height: 14px;
    margin-right: 3px;
    vertical-align: text-bottom;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}


.fs-c-productNumber{
    border: solid 1px #AAA;
}

.fs-c-reviewStars::before{
    content: "" !important;
    background-repeat: no-repeat;
    width: 100px;
    height: 22px;
    background-size: contain;
}

.fs-c-reviewStars[data-ratingCount="0.0"]::before {
    background-image: url(https://cloudgps.itembox.design/item/star_0_0.png?d=20220608171433);
}
.fs-c-reviewStars[data-ratingCount="0.5"]::before {
    background-image: url(https://cloudgps.itembox.design/item/star_0_5.png?d=20220608171433);
}
.fs-c-reviewStars[data-ratingCount="1.0"]::before {
    background-image: url(https://cloudgps.itembox.design/item/star_1_0.png?d=20220608171433);
}
.fs-c-reviewStars[data-ratingCount="1.5"]::before {
    background-image: url(https://cloudgps.itembox.design/item/star_1_5.png?d=20220608171433);
}
.fs-c-reviewStars[data-ratingCount="2.0"]::before {
    background-image: url(https://cloudgps.itembox.design/item/star_2_0.png?d=20220608171433);
}
.fs-c-reviewStars[data-ratingCount="2.5"]::before {
    background-image: url(https://cloudgps.itembox.design/item/star_2_5.png?d=20220608171433);
}
.fs-c-reviewStars[data-ratingCount="3.0"]::before {
    background-image: url(https://cloudgps.itembox.design/item/star_3_0.png?d=20220608171433);
}
.fs-c-reviewStars[data-ratingCount="3.5"]::before {
    background-image: url(https://cloudgps.itembox.design/item/star_3_5.png?d=20220608171433);
}
.fs-c-reviewStars[data-ratingCount="4.0"]::before {
    background-image: url(https://cloudgps.itembox.design/item/star_4_0.png?d=20220608171433);
}
.fs-c-reviewStars[data-ratingCount="4.5"]::before {
    background-image: url(https://cloudgps.itembox.design/item/star_4_5.png?d=20220608171433);
}
.fs-c-reviewStars[data-ratingCount="5.0"]::before {
    background-image: url(https://cloudgps.itembox.design/item/star_5_0.png?d=20220608171433);
}





/* ポイント表示 */
.fs-c-productPointDisplay {
    background: #e7992e;
    padding: 6px 16px 6px 6px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    position:relative;
    color: #222;
}
.fs-c-productPointDisplay::after {
    content: "";
    width: 0;
    height: 0;
    border: solid 1em transparent;
    border-right: solid 0.6em #fff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}


/* フッター */
.fs-l-footer {
    width: 100vw;
}
.fs-p-footerPageTop__link {
    background-color: #fff;
}
.fs-p-footerPageTop__link::before {
    color: #252e3d;
}
.footer_navigation_wrap {
    padding: 48px 0;
}
img.footer_navigation_logo {
    height: 4em;
    margin-bottom: calc(0.4em + 5px);
}
.footer_navigation_inner_wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 36px;
    background: rgba(255, 255, 255, 0.03);
    padding: 20px 40px;
    border-radius: 3px;
}
.footer_navigation_box_title {
    font-size: 18px;
    border-bottom: solid 1px #d6d6d6;
    padding-bottom: 8px;
    margin-bottom: 8px;
    color: #fff;
    width: fit-content;
}
.footer_navigation_box a {
    display: block;
    line-height: 2.4em;
    color: #999 !important;
}
.footer_navigation_box a:hover {
    color: #fff;
}
.footer_contact_btn {
    border: 1px solid #ddd;
    padding: 2px 12px;
    border-radius: 4px;
    margin-top: 8px;
    width: fit-content;
}
.fs-p-footerCopyright {
    border-top: solid 1px #3a4553;
    padding: 8px;
}

.footer_out_link {
    float: right;
    margin: 12px 100px 0 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.footer_out_link img {
    width: 20px;
    margin-left: 6px;
}
.footer_out_link a {
    color: #fff;
    padding: 10px 20px;
    font-weight: bold;
    background: #666;
    border-radius: 6px;
    line-height: 1em;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.footer_out_link a img {
    width: auto;
    height: 20px;
    margin: 0 6px 0 0;
}