body {
    font-size: 17px;
    background-color: #F4F4F4;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
}

@media screen and (min-width: 920px) {
    body {
        width: 620px;
        margin: 0 auto;
    }
}


.article-body {
    position: relative;
    line-height: 1.8;
    padding: 15px 20px;
    background-color: #ffffff;
    font-size: 16px !important;
    font-family: Hiragino Sans, Arial, sans-serif !important;
    color: #000000 !important;
    line-height: 1.8 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
/* body .article-body iframe {

} */
body .article-body img {
    display: unset !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}
body .article-body video {
    display: unset !important;
}
body .article-body .sb-custom  {
    font-size: 16px !important;
    font-family: Hiragino Sans, Arial, sans-serif !important;
    color: #000000 !important;
    line-height: 1.8 !important;
}
body .article-body .sb-custom img {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

#sb-part-66.sb-custom-part-lfw3b7bnk563v2uj4wk

/*「更新日：〜」の設定*/
/* .date__text { */
    /*文字の大きさ*/
    /* font-size: 0.7em; */
    /*文字の色*/
    /* color: #000; */
    /*文字の位置*/
    /* text-align: left; */
/* } */

.article-body .date {
    padding: 0;
}
.article-body .l-inner {
    padding: 0;
    width: 100%;
    max-width: none;
}
.article-body .date__text {
    font-size: 0.7em;
}


#sb-part-1009.sb-custom-part-lhzydgdjlofnrio12cf h2 {
    /*文字サイズ*/
    font-size: 20px;
    /*文字の色*/
    color: #fff;
    /*吹き出しの背景色。下のh2:afterのborder-colorも同じ色を指定ください*/
    background: #00bfff;
    /*文字の太さ。太字はbold、標準の太さはnormal*/
    font-weight: bold;
    /*吹き出し内側の余白*/
    padding: 1rem;
    /*角を丸くする*/
    border-radius: 10px;
    /*水平方向の字間のスペース*/
    letter-spacing: .05em;
    position: relative;
}

#sb-part-1009.sb-custom-part-lhzydgdjlofnrio12cf h2:after {
    position: absolute;
    bottom: -9px;
    left: 1em;
    width: 0;
    height: 0;
    content: '';
    border-width: 10px 10px 0 10px;
    border-style: solid;
    /*吹き出しのしっぽ色*/
    border-color: #00bfff transparent transparent transparent;
}
#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl img {
    height: 51px;
    width: auto;
}
#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .tbl-sticky {
    overflow-x: auto;
    max-width: 100%;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .tbl-sticky table {
    /* 表の横幅（記事幅を超える部分は横スクロール） */
    width: 1300px;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    border-top: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .tbl-sticky table th,
#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .tbl-sticky table td {
    vertical-align: middle;
    border: none;
    text-align: center;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0.6em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .tbl-sticky table th {
    /* 見出し幅 */
    width: 160px;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 10;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #f3f3f3;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .marker {
    /*マーカーの太さを変更する場合は下記右側の%を変更ください*/
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom;
	/*黄のアンダーマーカー*/
	background-image: url("../img/pill/line-yellow.png");
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl

/*黄緑のアンダーマーカー*/
/* .line-yellow-green {
    background-image: url("https://file.mysquadbeyond.com/uploads/article_photo/photo/645763/23457146-740f-47b2-8c37-eae1ce0793a6.png");
} */

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl

/*黄のアンダーマーカー*/
.line-yellow {
    background-image: url("../img/pill/line-yellow.png");
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl

/*黄みのオレンジアンダーマーカー*/
/* .line-yellow-orange {
    background-image: url("https://file.mysquadbeyond.com/uploads/article_photo/photo/645765/0977f083-db73-42fc-8d87-f44799f0bc4a.png");
} */

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .c-mark01:before,
#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .c-mark02:before,
#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .c-mark02:after,
#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .c-mark03::before,
#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .c-mark03::after {
    position: absolute;
    content: '';
    box-sizing: border-box;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .c-mark01 {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    display: block;
    position: relative;
    text-indent: -10000px;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .c-mark01:before {
    width: 40px;
    height: 40px;
    border: 5px solid #f00;
    border-radius: 50%;
    bottom: -50%;
    right: 50%;
    transform: translate(50%, -50%);
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .c-mark02 {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    display: block;
    position: relative;
    text-indent: -10000px;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .c-mark02:before {
    width: 40px;
    height: 40px;
    border: 3px solid #f00;
    border-radius: 50%;
    top: 0;
    right: 50%;
    transform: translateX(50%);
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .c-mark02:after {
    width: 30px;
    height: 30px;
    border: 3px solid #f00;
    border-radius: 50%;
    top: 5px;
    right: 50%;
    transform: translateX(50%);
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .c-mark03 {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    display: block;
    position: relative;
    text-indent: -10000px;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .c-mark03::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 34.6px 20px;
    border-color: transparent transparent #007bff transparent;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .c-mark03::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 14px 24.2px 14px;
    border-color: transparent transparent #fff transparent;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 1.7px;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .cross {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 5px;
    background: #007bff;
    transform: rotate(45deg);
    vertical-align: middle;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .cross::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #007bff;
    transform: rotate(90deg);
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .tbl-sticky .btn {
    position: relative;
    display: block;
    padding: 0.3em;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    background-color: #32cd32;
    border-bottom: solid 3px #9acd32;
    border-radius: 4px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin: 0.4em 0 0em;
    /*アニメーション。変化の対象、変化の始まりから終わりまでの時間、変化の仕方の順に指定*/
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;

    box-sizing: border-box;
    outline: none;
    overflow: hidden;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .tbl-sticky .btn:hover {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: solid 1px #ad5515;
    text-decoration: none;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .btn:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    /*きらりと光るアニメーションのスタート位置*/
    left: 0;
    /*きらりと光るアニメーションの幅*/
    width: 30px;
    /*きらりと光るアニメーションの高さ*/
    height: 100%;
    /*きらりと光るアニメーションの色*/
    background-color: #fff;
    /*きらりと光るアニメーションの指定*/
    animation: shiny-brite 3s ease-in-out infinite;
}

@-webkit-keyframes shiny-brite {

    /*アニメーションの流れに沿った中間ステップのキーフレーム指定*/
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0;
    }

    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0.5;
    }

    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0;
    }
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .tbl-sticky::-webkit-scrollbar {
    display: block;
    overflow: hidden;
    width: 10px;
    background: #eee;

    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .tbl-sticky::-webkit-scrollbar:horizontal {
    height: 6px;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .tbl-sticky::-webkit-scrollbar-button {
    display: none;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .tbl-sticky::-webkit-scrollbar-piece {
    background: #eee;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .tbl-sticky::-webkit-scrollbar-piece:start {
    background: #eee;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .tbl-sticky::-webkit-scrollbar-thumb {
    overflow: hidden;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    background: #666;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .tbl-sticky::-webkit-scrollbar-corner {
    overflow: hidden;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    background: #666;
}

#sb-part-2483.sb-custom-part-l3wsphbh7ryywt6osex hr {
    /*上下の余白も含めた全体の高さ*/
    height: 10px;
    position: relative;
    border: none;
}

#sb-part-2483.sb-custom-part-l3wsphbh7ryywt6osex hr:before {
    /*横幅*/
    width: 100%;
    /*線の種類*/
    border-style: dotted;
    /*ドットの色*/
    border-color: #11468F;
    /*ドットの厚みは１番目の数値を変更*/
    border-width: 3px 0 0 0;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translatex(-50%);
}

#sb-part-3392.sb-custom-part-lfuo3kd5xioxvm95it .box {
    /* 背景色 */
    background: #EEEEEE;
    /* ボーダー|太さ|タイプ|色| */
    border: solid 2px #11468F;
    border-radius: 5px;
    margin: 25px 0 25px 0;
    position: relative;
    padding: 0 20px;
}

#sb-part-3392.sb-custom-part-lfuo3kd5xioxvm95it .box .ttl {
    color: #001E6C;
    font-weight: bold;
    text-shadow: #fff 3px 0px 0px, #fff 2.83487px 0.981584px 0px, #fff 2.35766px 1.85511px 0px, #fff 1.62091px 2.52441px 0px, #fff 0.705713px 2.91581px 0px,
        #fff -0.287171px 2.98622px 0px, #fff -1.24844px 2.72789px 0px, #fff -2.07227px 2.16926px 0px, #fff -2.66798px 1.37182px 0px, #fff -2.96998px 0.42336px 0px,
        #fff -2.94502px -0.571704px 0px, #fff -2.59586px -1.50383px 0px, #fff -1.96093px -2.27041px 0px, #fff -1.11013px -2.78704px 0px,
        #fff -0.137119px -2.99686px 0px, #fff 0.850987px -2.87677px 0px, #fff 1.74541px -2.43999px 0px, #fff 2.44769px -1.73459px 0px,
    ;
    background: linear-gradient(0deg, #fff 0%, #fff 55%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);

    position: relative;
    display: inline-block;
    top: -0.8em;
    left: -10px;
    padding: 0 10px;
    line-height: 1.5;
    margin: 0;
    margin-bottom: 10px;
    z-index: 1;
    box-sizing: border-box;
}

#sb-part-3392.sb-custom-part-lfuo3kd5xioxvm95it .box .ttl:after {
    position: absolute;
    display: inline-block;
    top: calc(0.8em - 11px);
    left: 0;
    background: #ffffff;
    content: "";
    width: 100%;
    height: 11px;
    z-index: -1;
}

#sb-part-3392.sb-custom-part-lfuo3kd5xioxvm95it .box .box_cont {
    padding: 0 0 20px;
    z-index: -2;
}

#sb-part-3392.sb-custom-part-lfuo3kd5xioxvm95it .box .box_cont_inner {
    margin: 0;
    padding: 0;
}

#sb-part-3392.sb-custom-part-lfuo3kd5xioxvm95it .box .box_list {
    padding: 0;
    margin: 0;
    bottom: 0;
    list-style-type: none;
    z-index: -2;
    box-sizing: border-box;
    max-width: 100%;
}

#sb-part-3392.sb-custom-part-lfuo3kd5xioxvm95it .box .box_list li {
    list-style-type: none;
    padding-left: 2.25em;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    position: relative;
    margin: 0;
    font-size: 15px;
    line-height: 1.5em !important;
    color: #333;
    line-height: 22.5px;
    font-weight: bold;
}

#sb-part-3392.sb-custom-part-lfuo3kd5xioxvm95it .box .box_list li .red {
    color: #ff0000;
}

#sb-part-3392.sb-custom-part-lfuo3kd5xioxvm95it .box .box_list li:before {
    background: #87cefa;
    color: #ffffff;
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    text-align: center;
    color: #333;
    box-sizing: border-box;
    left: 0.25em;
    position: absolute;
    transform: scale(0.8);
    content: "";
}

#sb-part-3392.sb-custom-part-lfuo3kd5xioxvm95it .box .box_list li:after {
    content: "";
    background: url(https://file.mysquadbeyond.com/uploads/article_photo/photo/864303/f0c027b4-cb57-4e52-be8a-41fe135572bc.png) no-repeat center/ contain;
    width: 0.9em;
    height: 0.7em;
    left: 0.55em;
    top: 1em;
    position: absolute;
    transform: translateY(-50%);
}

#sb-part-1507.sb-custom-part-lfuqbz79eqix4vz1lp .header {
    /* カラーコードで背景の色指定*/
    background: #11468F;
    /*文字の周りの余白指定*/
    padding: 0.5em;
    /*文字の水平方向の配置。左寄せはleft、真ん中はcenter*/
    text-align: center;
    /*ヘッダー下の余白*/
    margin-bottom: 0em;
    /*virsion設定の余白左の数値と同じに揃えてマイナス値にしてください*/
    margin-left: -20px;
    /*virsion設定の余白右の数値と同じに揃えてマイナス値にしてください*/
    margin-right: -20px;
    box-sizing: border-box;
    width: auto;
    font-weight: bold;
    color: #fff !important;
    height: auto;
    max-width: none;
}

#sb-part-1507.sb-custom-part-lfuqbz79eqix4vz1lp a {
    /*文字色*/
    color: #fff !important;
    /*文字の太さ。太字はbold、標準の太さはnormal*/
    font-weight: bold;
    text-decoration: none;
    display: block;
}

#sb-part-5805.sb-custom-part-lfuog0rnn3lww2kzqu .preload {
    display: none;
}

#sb-part-4836.sb-custom-part-lfw658azopxeg0jyfi .head {
    position: relative;
    border-top: solid 2px#ffb6c1;
    border-bottom: solid 2px #ffb6c1;
    background: #fff;
    line-height: 2em;
    padding: 4px 5px;
    margin: 22px 0 5px;
    text-align: left;
    font-size: 24px;
    font-weight: bold;
}

#sb-part-4836.sb-custom-part-lfw658azopxeg0jyfi .point {
    position: absolute;
    left: 0px;
    bottom: 100%;
    background: #ffb6c1;
    color: #fff;
    border-radius: 5px 5px 0 0;
    padding: 5px 7px 3px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.05em;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#sb-part-4836.sb-custom-part-lfw658azopxeg0jyfi .point img {
    width: 13px;
    height: 16px;
    margin-right: 6px;
    image-rendering: -webkit-optimize-contrast;
}

@media screen and (max-width:600px) {
    #sb-part-4836.sb-custom-part-lfw658azopxeg0jyfi .head {
        font-size: 20px;
        line-height: 1.3em;
        border-top: solid 1px #f30368;
        border-bottom: solid 1px #f30368;
        padding: 8px 10px;
    }

    #sb-part-4836.sb-custom-part-lfw658azopxeg0jyfi .point {
        padding: 3px 4px 2px;
        font-size: 11px;
    }

    #sb-part-4836.sb-custom-part-lfw658azopxeg0jyfi .point img {
        transform: scale(0.8);
        margin-right: 3px;
    }
}

#sb-part-7184.sb-custom-part-lfw61osv3e97crc58hx .c-warning {
    width: 100%;
    max-width: 720px;
    margin: 0 auto 20px;
    padding: 20px;
    border-radius: 5px;
    background-color: #fff9df;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

#sb-part-7184.sb-custom-part-lfw61osv3e97crc58hx .p-icon {
    padding-right: 15px;
    box-sizing: border-box;
}

#sb-part-7184.sb-custom-part-lfw61osv3e97crc58hx .p-icon img {
    width: 25px;
    max-width: unset;
    vertical-align: bottom;
}

#sb-part-7184.sb-custom-part-lfw61osv3e97crc58hx .p-text {
    font-size: 16px;
    color: #000;
    border-left: 2px dashed #ffe89b;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    line-height: 1.4;
}

#sb-part-2780.sb-custom-part-lgbmnl4nppxgcwdq9q .icon {
    position: relative;
    font-size: 21px;
    font-weight: bold;
    color: #ff6a6a;
    background: #fffff4;
    line-height: 1.4;
    padding: 11px 11px 11px 32px;
    border-top: dotted 1px gray;
    border-bottom: dotted 1px gray;
}

#sb-part-2780.sb-custom-part-lgbmnl4nppxgcwdq9q .icon:before,
#sb-part-2780.sb-custom-part-lgbmnl4nppxgcwdq9q .icon:after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
}

#sb-part-2780.sb-custom-part-lgbmnl4nppxgcwdq9q .icon:before {
    position: absolute;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: #ff6a6a;
    left: 5px;
}

#sb-part-2780.sb-custom-part-lgbmnl4nppxgcwdq9q .icon:after {
    left: 8px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-65%);
}

#sb-part-5805.sb-custom-part-lfuqzxt2399c1kr1gcv .preload {
    display: none;
}

#sb-part-3391.sb-custom-part-lgbmndx7k7so4mmb2i .box {
    /* 背景色 */
    background: #ffebee;
    /* ボーダー|太さ|タイプ|色| */
    border: 2px solid #ef9a9a;
    border-radius: 5px;
    margin: 25px 0 25px 0;
    position: relative;
    padding: 0 20px;
    box-sizing: border-box;
}

#sb-part-3391.sb-custom-part-lgbmndx7k7so4mmb2i .box .ttl {
    font-size: 15px;
    color: #ef5350;
    font-weight: bold;
    text-shadow: #fff 3px 0px 0px, #fff 2.83487px 0.981584px 0px, #fff 2.35766px 1.85511px 0px, #fff 1.62091px 2.52441px 0px, #fff 0.705713px 2.91581px 0px,
        #fff -0.287171px 2.98622px 0px, #fff -1.24844px 2.72789px 0px, #fff -2.07227px 2.16926px 0px, #fff -2.66798px 1.37182px 0px, #fff -2.96998px 0.42336px 0px,
        #fff -2.94502px -0.571704px 0px, #fff -2.59586px -1.50383px 0px, #fff -1.96093px -2.27041px 0px, #fff -1.11013px -2.78704px 0px,
        #fff -0.137119px -2.99686px 0px, #fff 0.850987px -2.87677px 0px, #fff 1.74541px -2.43999px 0px, #fff 2.44769px -1.73459px 0px,
        #fff 2.88051px -0.838246px 0px;
    background: linear-gradient(0deg, #ffebee 0%, #ffebee 55%, rgb(0 0 0 0) 55%, rgb(0 0 0 0) 100%);

    position: relative;
    display: inline-block;
    top: -0.8em;
    left: -10px;
    padding: 0 10px;
    line-height: 1.5;
    margin: 0;
    z-index: 1;
    box-sizing: border-box;
}

#sb-part-3391.sb-custom-part-lgbmndx7k7so4mmb2i .box .ttl:after {
    position: absolute;
    display: inline-block;
    top: calc(0.8em - 11px);
    left: 0;
    background: #ffffff;
    content: "";
    width: 100%;
    height: 11px;
    z-index: -1;
}

#sb-part-3391.sb-custom-part-lgbmndx7k7so4mmb2i .box .box_list {
    padding: 0 0 20px;
    bottom: 0;
    list-style-type: none;
    z-index: -2;
    margin: 0;
    box-sizing: border-box;
}

#sb-part-3391.sb-custom-part-lgbmndx7k7so4mmb2i .box .box_list li {
    margin-bottom: 10px;
    color: #333;
    padding: 0;
    font-size: 15px;
    line-height: 27px;
    font-weight: bold;
}

#sb-part-3391.sb-custom-part-lgbmndx7k7so4mmb2i .box .box_list li:last-child {
    margin-bottom: 0;
}

#sb-part-2780.sb-custom-part-lfuqnei0l4qne007xff .icon {
    position: relative;
    font-size: 21px;
    font-weight: bold;
    color: #00bfff;
    background: #fffff4;
    line-height: 1.4;
    padding: 11px 11px 11px 32px;
    border-top: dotted 1px gray;
    border-bottom: dotted 1px gray;
}

#sb-part-2780.sb-custom-part-lfuqnei0l4qne007xff .icon:before,
#sb-part-2780.sb-custom-part-lfuqnei0l4qne007xff .icon:after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
}

#sb-part-2780.sb-custom-part-lfuqnei0l4qne007xff .icon:before {
    position: absolute;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: #00bfff;
    left: 5px;
}

#sb-part-2780.sb-custom-part-lfuqnei0l4qne007xff .icon:after {
    left: 8px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-65%);
}

#sb-part-5805.sb-custom-part-lfus2ol0alg94k5cbic .preload {
    display: none;
}

#sb-part-3393.sb-custom-part-lg20c65zquh9q5g02j .box {
    /* 背景色 */
    background: #e1f5fe;
    /* ボーダー|太さ|タイプ|色| */
    border: solid 2px #b3e5fc;
    border-radius: 5px;
    margin: 25px 0 25px 0;
    position: relative;
    padding: 0 20px;
    max-width: 100%;
}

#sb-part-3393.sb-custom-part-lg20c65zquh9q5g02j .box .ttl {
    color: #03a9f4;
    font-weight: bold;
    text-shadow: #fff 3px 0px 0px, #fff 2.83487px 0.981584px 0px, #fff 2.35766px 1.85511px 0px, #fff 1.62091px 2.52441px 0px, #fff 0.705713px 2.91581px 0px,
        #fff -0.287171px 2.98622px 0px, #fff -1.24844px 2.72789px 0px, #fff -2.07227px 2.16926px 0px, #fff -2.66798px 1.37182px 0px, #fff -2.96998px 0.42336px 0px,
        #fff -2.94502px -0.571704px 0px, #fff -2.59586px -1.50383px 0px, #fff -1.96093px -2.27041px 0px, #fff -1.11013px -2.78704px 0px,
        #fff -0.137119px -2.99686px 0px, #fff 0.850987px -2.87677px 0px, #fff 1.74541px -2.43999px 0px, #fff 2.44769px -1.73459px 0px,
        #fff 2.88051px -0.838246px 0px;
    background: linear-gradient(0deg, #e1f5fe 0%, #e1f5fe 55%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);

    position: relative;
    display: inline-block;
    top: -0.8em;
    left: -10px;
    padding: 0 10px;
    line-height: 1.5;
    margin: 0;
    z-index: 1;
    box-sizing: border-box;
}

#sb-part-3393.sb-custom-part-lg20c65zquh9q5g02j .box .ttl:after {
    position: absolute;
    display: inline-block;
    top: calc(0.8em - 11px);
    left: 0;
    background: #ffffff;
    content: "";
    width: 100%;
    height: 11px;
    z-index: -1;
}

#sb-part-3393.sb-custom-part-lg20c65zquh9q5g02j .box .box_cont {
    padding: 0 0 20px;
    z-index: -2;
}

#sb-part-3393.sb-custom-part-lg20c65zquh9q5g02j .box .box_list {
    padding: 0;
    margin: 0;
    padding-left: 1em;
    margin-left: 0.5em;
    list-style-type: decimal;
    box-sizing: border-box;
}

#sb-part-3393.sb-custom-part-lg20c65zquh9q5g02j .box .box_list li {
    padding: 0;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    margin: 0;
    position: relative;
    margin: 0;
    font-size: 15px;
    line-height: 22.5px;
    color: #333;
    font-weight: bold;
}

#sb-part-1507.sb-custom-part-lfusvbw49uky17mof1 .header {
    /* カラーコードで背景の色指定*/
    background: #11468F;
    /*文字の周りの余白指定*/
    padding: 0.5em;
    /*文字の水平方向の配置。左寄せはleft、真ん中はcenter*/
    text-align: center;
    /*ヘッダー下の余白*/
    margin-bottom: 0em;
    /*virsion設定の余白左の数値と同じに揃えてマイナス値にしてください*/
    margin-left: -20px;
    /*virsion設定の余白右の数値と同じに揃えてマイナス値にしてください*/
    margin-right: -20px;
    box-sizing: border-box;
    width: auto;
    color: #fff !important;
    /*文字の太さ。太字はbold、標準の太さはnormal*/
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    max-width: none;
}

#sb-part-1507.sb-custom-part-lfusvbw49uky17mof1 a {
    /*文字色*/
    color: #fff !important;
    /*文字の太さ。太字はbold、標準の太さはnormal*/
    font-weight: bold;
    text-decoration: none;
    display: block;
}

#sb-part-4836.sb-custom-part-lfutjj79ym3cpftdaig .head {
    position: relative;
    border-top: solid 2px #ffd700;
    border-bottom: solid 2px #ffd700;
    background: #fff;
    line-height: 2em;
    padding: 4px 5px;
    margin: 22px 0 5px;
    text-align: left;
    font-size: 24px;
    font-weight: bold;
}

#sb-part-4836.sb-custom-part-lfutjj79ym3cpftdaig .point {
    position: absolute;
    left: 0px;
    bottom: 100%;
    background: #ffd700;
    color: #fff;
    border-radius: 5px 5px 0 0;
    padding: 5px 7px 3px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.05em;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#sb-part-4836.sb-custom-part-lfutjj79ym3cpftdaig .point img {
    width: 13px;
    height: 16px;
    margin-right: 6px;
    image-rendering: -webkit-optimize-contrast;
}

@media screen and (max-width:600px) {
    #sb-part-4836.sb-custom-part-lfutjj79ym3cpftdaig .head {
        font-size: 20px;
        line-height: 1.3em;
        border-top: solid 1px #f30368;
        border-bottom: solid 1px #f30368;
        padding: 8px 10px;
    }

    #sb-part-4836.sb-custom-part-lfutjj79ym3cpftdaig .point {
        padding: 3px 4px 2px;
        font-size: 11px;
    }

    #sb-part-4836.sb-custom-part-lfutjj79ym3cpftdaig .point img {
        transform: scale(0.8);
        margin-right: 3px;
    }
}

#sb-part-1573.sb-custom-part-lgkmmenm19jhy2wjmi .tbl-ranking {
    border-collapse: collapse;
    border: none;
    border-spacing: 0;
    width: 100%;
    height: auto;
    color: #333;
}

@media (max-width: 619px) {
    #sb-part-1573.sb-custom-part-lgkmmenm19jhy2wjmi .tbl-ranking {
        font-size: 70%;
    }
}

#sb-part-1573.sb-custom-part-lgkmmenm19jhy2wjmi .tbl-ranking th,
#sb-part-1573.sb-custom-part-lgkmmenm19jhy2wjmi .tbl-ranking td {
    vertical-align: top;
    border: none;
    font-weight: normal;
    text-align: center;
}

#sb-part-1573.sb-custom-part-lgkmmenm19jhy2wjmi .tbl-ranking>thead th {
    background-color: #ffd700;
    /* タイトルセルの背景色 */
    text-align: center;
    font-size: 100%;
    color: #000000;
    /* タイトルセルの文字色 */
    font-weight: bold;
    padding: 0.5em;
}

#sb-part-1573.sb-custom-part-lgkmmenm19jhy2wjmi .tbl-ranking>thead th:nth-child(n + 1) {
    border-right: 2px solid #fff;
}

#sb-part-1573.sb-custom-part-lgkmmenm19jhy2wjmi .tbl-ranking>thead th:last-of-type {
    border: none;
}

#sb-part-1573.sb-custom-part-lgkmmenm19jhy2wjmi .tbl-ranking>tbody tr {
    border-bottom: 2px solid #ccc;
}

#sb-part-1573.sb-custom-part-lgkmmenm19jhy2wjmi .tbl-ranking>tbody tr.rank-01 {
    background-color: white;
    /* 1位の背景色 */
}

#sb-part-1573.sb-custom-part-lgkmmenm19jhy2wjmi .tbl-ranking>tbody tr.rank-01 .point {
    color: red;
    /* 1位の総合評価文字色 */
    display: block;
    position: static;
    text-align: center;
    background-color: transparent;
    padding: 0;
}

#sb-part-1573.sb-custom-part-lgkmmenm19jhy2wjmi .tbl-ranking>tbody tr.rank-01 .link>a {
    background-color: #32cd32;
    /* 1位のリンク背景色 */
    color: #fff;
    /* 1位のリンク文字色 */
}

#sb-part-1573.sb-custom-part-lgkmmenm19jhy2wjmi .tbl-ranking>tbody tr.rank-01 .link>a:hover {
    opacity: 0.7;
    /* 1位のリンク押下背景色 */
}

#sb-part-1573.sb-custom-part-lgkmmenm19jhy2wjmi .tbl-ranking>tbody td {
    padding: 1em 0;
}

#sb-part-1573.sb-custom-part-lgkmmenm19jhy2wjmi .tbl-ranking>tbody .name {
    display: inline-block;
    font-size: 135%;
    padding: 0 0.2em 0.5em;
    line-height: 1.4;
}

#sb-part-1573.sb-custom-part-lgkmmenm19jhy2wjmi .tbl-ranking>tbody .shop .icon img {
    width: 100%;
    max-width: 100%;
}

#sb-part-1573.sb-custom-part-lgkmmenm19jhy2wjmi .tbl-ranking>tbody .shop .point {

    flex-basis: 65%;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    line-height: 1;
}

@media (min-width: 620px) {
    #sb-part-1573.sb-custom-part-lgkmmenm19jhy2wjmi .tbl-ranking>tbody .shop .point {
        font-size: 1.5em;
    }
}

#sb-part-1573.sb-custom-part-lgkmmenm19jhy2wjmi .tbl-ranking>tbody .shop .point::before {
    white-space: pre;
    display: inline-block;
    line-height: 1.2em;
    font-size: 0.4em;
    margin-right: 0.5em;
    color: #333;
}

#sb-part-1573.sb-custom-part-lgkmmenm19jhy2wjmi .tbl-ranking>tbody .content .text {
    display: inline-block;
    font-size: 120%;
    padding: 0 0.5em 0.5em;
    line-height: 1.4;
    min-height: 1.8em;
}

#sb-part-1573.sb-custom-part-lgkmmenm19jhy2wjmi .tbl-ranking>tbody .content .link {
    text-align: center;
    /*アニメーション。変化の対象、変化の始まりから終わりまでの時間、変化の仕方の順に指定*/
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: none;
    box-sizing: border-box;
    outline: none;
    overflow: hidden;
}

#sb-part-1573.sb-custom-part-lgkmmenm19jhy2wjmi .tbl-ranking>tbody .content .link>a {
    text-decoration: none;
    display: inline-block;
    max-width: 80%;
    width: 100%;
    background-color: #25b327;
    /* リンク背景色 */
    color: #fff;
    /* リンク文字色 */
    padding: 0.6em 0;
    border-radius: 12px;
    font-size: 115%;
    font-weight: bold;
    line-height: 1;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

@media (max-width: 619px) {
    #sb-part-1573.sb-custom-part-lgkmmenm19jhy2wjmi .tbl-ranking>tbody .content .link>a {
        max-width: 90%;
    }
}

#sb-part-1573.sb-custom-part-lgkmmenm19jhy2wjmi .tbl-ranking>tbody .content .link>a:hover {
    opacity: 0.7;
    text-decoration: none;
}

#sb-part-1573.sb-custom-part-lgkmmenm19jhy2wjmi .tbl-ranking>tbody .content .link>a span {
    position: relative;
    text-decoration: none;
}

#sb-part-1573.sb-custom-part-lgkmmenm19jhy2wjmi .tbl-ranking>tbody .content .link>a span::before {
    content: "";
    position: absolute;
    top: 0.2em;
    right: -1.2em;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.4em 0 0.4em 0.7em;
    border-color: transparent transparent transparent #fff;

}

#sb-part-1573.sb-custom-part-lgkmmenm19jhy2wjmi .link:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    /*きらりと光るアニメーションのスタート位置*/
    left: 0;
    /*きらりと光るアニメーションの幅*/
    width: 30px;
    /*きらりと光るアニメーションの高さ*/
    height: 100%;
    /*きらりと光るアニメーションの色*/
    background-color: #fff;
    /*きらりと光るアニメーションの指定*/
    animation: shiny-brite 3s ease-in-out infinite;
}

@-webkit-keyframes shiny-brite {

    /*アニメーションの流れに沿った中間ステップのキーフレーム指定*/
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0;
    }

    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0.5;
    }

    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0;
    }
}

#sb-part-4836.sb-custom-part-lfw6bk9flikrbgy7rt .head {
    position: relative;
    border-top: solid 2px#ffb6c1;
    border-bottom: solid 2px #ffb6c1;
    background: #fff;
    line-height: 2em;
    padding: 4px 5px;
    margin: 22px 0 5px;
    text-align: left;
    font-size: 24px;
    font-weight: bold;
}

#sb-part-4836.sb-custom-part-lfw6bk9flikrbgy7rt .point {
    position: absolute;
    left: 0px;
    bottom: 100%;
    background: #ffb6c1;
    color: #fff;
    border-radius: 5px 5px 0 0;
    padding: 5px 7px 3px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.05em;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#sb-part-4836.sb-custom-part-lfw6bk9flikrbgy7rt .point img {
    width: 13px;
    height: 16px;
    margin-right: 6px;
    image-rendering: -webkit-optimize-contrast;
}

@media screen and (max-width:600px) {
    #sb-part-4836.sb-custom-part-lfw6bk9flikrbgy7rt .head {
        font-size: 20px;
        line-height: 1.3em;
        border-top: solid 1px #f30368;
        border-bottom: solid 1px #f30368;
        padding: 8px 10px;
    }

    #sb-part-4836.sb-custom-part-lfw6bk9flikrbgy7rt .point {
        padding: 3px 4px 2px;
        font-size: 11px;
    }

    #sb-part-4836.sb-custom-part-lfw6bk9flikrbgy7rt .point img {
        transform: scale(0.8);
        margin-right: 3px;
    }
}

#sb-part-5805.sb-custom-part-lgllqzknj7ydgnsg8v .preload {
    display: none;
}

#sb-part-4836.sb-custom-part-lgbnnnprkmgfaxbalap .head {
    position: relative;
    border-top: solid 2px#ffb6c1;
    border-bottom: solid 2px #ffb6c1;
    background: #fff;
    line-height: 2em;
    padding: 4px 5px;
    margin: 22px 0 5px;
    text-align: left;
    font-size: 24px;
    font-weight: bold;
}

#sb-part-4836.sb-custom-part-lgbnnnprkmgfaxbalap .point {
    position: absolute;
    left: 0px;
    bottom: 100%;
    background: #ffb6c1;
    color: #fff;
    border-radius: 5px 5px 0 0;
    padding: 5px 7px 3px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.05em;
    display: flex;
    justify-content: flex-start;
align-items: center;
}

#sb-part-4836.sb-custom-part-lgbnnnprkmgfaxbalap .point img {
    width: 13px;
    height: 16px;
    margin-right: 6px;
    image-rendering: -webkit-optimize-contrast;
}

@media screen and (max-width:600px) {
    #sb-part-4836.sb-custom-part-lgbnnnprkmgfaxbalap .head {
        font-size: 20px;
        line-height: 1.3em;
        border-top: solid 1px #f30368;
        border-bottom: solid 1px #f30368;
        padding: 8px 10px;
    }

    #sb-part-4836.sb-custom-part-lgbnnnprkmgfaxbalap .point {
        padding: 3px 4px 2px;
        font-size: 11px;
    }

    #sb-part-4836.sb-custom-part-lgbnnnprkmgfaxbalap .point img {
        transform: scale(0.8);
        margin-right: 3px;
    }
}

#sb-part-1573.sb-custom-part-lgllszmo80omh0mdiqm .tbl-ranking {
    border-collapse: collapse;
    border: none;
    border-spacing: 0;
    width: 100%;
    height: auto;
    color: #333;
}

@media (max-width: 619px) {
    #sb-part-1573.sb-custom-part-lgllszmo80omh0mdiqm .tbl-ranking {
        font-size: 70%;
    }
}

#sb-part-1573.sb-custom-part-lgllszmo80omh0mdiqm .tbl-ranking th,
#sb-part-1573.sb-custom-part-lgllszmo80omh0mdiqm .tbl-ranking td {
    vertical-align: top;
    border: none;
    font-weight: normal;
    text-align: center;
}

#sb-part-1573.sb-custom-part-lgllszmo80omh0mdiqm .tbl-ranking>thead th {
    background-color: #ffb6c1;
    /* タイトルセルの背景色 */
    text-align: center;
    font-size: 110%;
    color: #fff;
    /* タイトルセルの文字色 */
    font-weight: bold;
    padding: 0.5em;
}

#sb-part-1573.sb-custom-part-lgllszmo80omh0mdiqm .tbl-ranking>thead th:nth-child(n + 1) {
    border-right: 2px solid #fff;
}

#sb-part-1573.sb-custom-part-lgllszmo80omh0mdiqm .tbl-ranking>thead th:last-of-type {
    border: none;
}

#sb-part-1573.sb-custom-part-lgllszmo80omh0mdiqm .tbl-ranking>tbody tr {
    border-bottom: 2px solid #ccc;
}

#sb-part-1573.sb-custom-part-lgllszmo80omh0mdiqm .tbl-ranking>tbody tr.rank-01 {
    background-color: white;
    /* 1位の背景色 */
}

#sb-part-1573.sb-custom-part-lgllszmo80omh0mdiqm .tbl-ranking>tbody tr.rank-01 .point {
    color: red;
    /* 1位の総合評価文字色 */
}

#sb-part-1573.sb-custom-part-lgllszmo80omh0mdiqm .tbl-ranking>tbody tr.rank-01 .link>a {
    background-color: #32cd32;
    /* 1位のリンク背景色 */
    color: #fff;
    /* 1位のリンク文字色 */
}

#sb-part-1573.sb-custom-part-lgllszmo80omh0mdiqm .tbl-ranking>tbody tr.rank-01 .link>a:hover {
    opacity: 0.7;
    /* 1位のリンク押下背景色 */
}

#sb-part-1573.sb-custom-part-lgllszmo80omh0mdiqm .tbl-ranking>tbody td {
    padding: 1em 0;
}

#sb-part-1573.sb-custom-part-lgllszmo80omh0mdiqm .tbl-ranking>tbody .name {
    display: inline-block;
    font-size: 135%;
    padding: 0 0.2em 0.5em;
    line-height: 1.4;
}

#sb-part-1573.sb-custom-part-lgllszmo80omh0mdiqm .tbl-ranking>tbody .shop .icon img {
    width: 100%;
    max-width: 100%;
}

#sb-part-1573.sb-custom-part-lgllszmo80omh0mdiqm .tbl-ranking>tbody .shop .point {

    flex-basis: 65%;
    font-size: 7vw;
    font-weight: bold;
    text-align: center;
    line-height: 1;
}

@media (min-width: 620px) {
    #sb-part-1573.sb-custom-part-lgllszmo80omh0mdiqm .tbl-ranking>tbody .shop .point {
        font-size: 1.2em;
    }
}

#sb-part-1573.sb-custom-part-lgllszmo80omh0mdiqm .tbl-ranking>tbody .shop .point::before {
    white-space: pre;
    display: inline-block;
    line-height: 1.2em;
    font-size: 0.4em;
    margin-right: 0.5em;
    color: #333;
}

#sb-part-1573.sb-custom-part-lgllszmo80omh0mdiqm .tbl-ranking>tbody .content .text {
    display: inline-block;
    font-size: 110%;
    padding: 0 0.5em 0.5em;
    line-height: 1.4;
    min-height: 1.8em;
}

#sb-part-1573.sb-custom-part-lgllszmo80omh0mdiqm .tbl-ranking>tbody .content .link {
    text-align: center;
    /*アニメーション。変化の対象、変化の始まりから終わりまでの時間、変化の仕方の順に指定*/
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: none;
    box-sizing: border-box;
    outline: none;
    overflow: hidden;
}

#sb-part-1573.sb-custom-part-lgllszmo80omh0mdiqm .tbl-ranking>tbody .content .link>a {
    text-decoration: none;
    display: inline-block;
    max-width: 80%;
    width: 100%;
    background-color: #25b327;
    /* リンク背景色 */
    color: #fff;
    /* リンク文字色 */
    padding: 0.6em 0;
    border-radius: 12px;
    font-size: 120%;
    font-weight: bold;
    line-height: 1;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

@media (max-width: 619px) {
    #sb-part-1573.sb-custom-part-lgllszmo80omh0mdiqm .tbl-ranking>tbody .content .link>a {
        max-width: 90%;
    }
}

#sb-part-1573.sb-custom-part-lgllszmo80omh0mdiqm .tbl-ranking>tbody .content .link>a:hover {
    opacity: 0.7;
    text-decoration: none;
}

#sb-part-1573.sb-custom-part-lgllszmo80omh0mdiqm .tbl-ranking>tbody .content .link>a span {
    position: relative;
    text-decoration: none;
}

#sb-part-1573.sb-custom-part-lgllszmo80omh0mdiqm .tbl-ranking>tbody .content .link>a span::before {
    content: "";
    position: absolute;
    top: 0.2em;
    right: -1.2em;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.4em 0 0.4em 0.7em;
    border-color: transparent transparent transparent #fff;

}

#sb-part-1573.sb-custom-part-lgllszmo80omh0mdiqm .link:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    /*きらりと光るアニメーションのスタート位置*/
    left: 0;
    /*きらりと光るアニメーションの幅*/
    width: 30px;
    /*きらりと光るアニメーションの高さ*/
    height: 100%;
    /*きらりと光るアニメーションの色*/
    background-color: #fff;
    /*きらりと光るアニメーションの指定*/
    animation: shiny-brite 3s ease-in-out infinite;
}

@-webkit-keyframes shiny-brite {

    /*アニメーションの流れに沿った中間ステップのキーフレーム指定*/
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0;
    }

    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0.5;
    }

    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1;
    }

    100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
    }
}

#sb-part-4836.sb-custom-part-lg0l8mqb0rd7sf146jx .head {
    position: relative;
    border-top: solid 2px#ffb6c1;
    border-bottom: solid 2px #ffb6c1;
    background: #fff;
    line-height: 2em;
    padding: 4px 5px;
    margin: 22px 0 5px;
    text-align: left;
    font-size: 24px;
    font-weight: bold;
}

#sb-part-4836.sb-custom-part-lg0l8mqb0rd7sf146jx .point {
    position: absolute;
    left: 0px;
    bottom: 100%;
    background: #ffb6c1;
    color: #fff;
    border-radius: 5px 5px 0 0;
    padding: 5px 7px 3px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.05em;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#sb-part-4836.sb-custom-part-lg0l8mqb0rd7sf146jx .point img {
    width: 13px;
    height: 16px;
    margin-right: 6px;
    image-rendering: -webkit-optimize-contrast;
}

@media screen and (max-width:600px) {
    #sb-part-4836.sb-custom-part-lg0l8mqb0rd7sf146jx .head {
        font-size: 20px;
        line-height: 1.3em;
        border-top: solid 1px #f30368;
        border-bottom: solid 1px #f30368;
        padding: 8px 10px;
    }

    #sb-part-4836.sb-custom-part-lg0l8mqb0rd7sf146jx .point {
        padding: 3px 4px 2px;
        font-size: 11px;
    }

    #sb-part-4836.sb-custom-part-lg0l8mqb0rd7sf146jx .point img {
        transform: scale(0.8);
        margin-right: 3px;
    }
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .tbl-sticky {
    overflow-x: auto;
    max-width: 100%;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .tbl-sticky table {
    /* 表の横幅（記事幅を超える部分は横スクロール） */
    width: 1300px;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    border-top: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .tbl-sticky table th,
#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .tbl-sticky table td {
    vertical-align: middle;
    border: none;
    text-align: center;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0.6em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .tbl-sticky table th {
    /* 見出し幅 */
    width: 160px;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 10;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #f3f3f3;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .marker {
    /*マーカーの太さを変更する場合は下記右側の%を変更ください*/
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom;
	/*黄のアンダーマーカー*/
	background-image: url("../img/pill/line-yellow.png");
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl

/*黄緑のアンダーマーカー*/
/* .line-yellow-green {
    background-image: url("https://file.mysquadbeyond.com/uploads/article_photo/photo/645763/23457146-740f-47b2-8c37-eae1ce0793a6.png");
} */

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl

/*黄のアンダーマーカー*/.line-yellow {
   background-image: url("../img/pill/line-yellow.png");
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl

/*黄みのオレンジアンダーマーカー*/
/* .line-yellow-orange {
    background-image: url("https://file.mysquadbeyond.com/uploads/article_photo/photo/645765/0977f083-db73-42fc-8d87-f44799f0bc4a.png");
} */

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .c-mark01:before,
#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .c-mark02:before,
#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .c-mark02:after,
#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .c-mark03::before,
#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .c-mark03::after {
    position: absolute;
    content: '';
    box-sizing: border-box;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .c-mark01 {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    display: block;
    position: relative;
    text-indent: -10000px;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .c-mark01:before {
    width: 40px;
    height: 40px;
    border: 5px solid #f00;
    border-radius: 50%;
    bottom: -50%;
    right: 50%;
    transform: translate(50%, -50%);
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .c-mark02 {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    display: block;
    position: relative;
    text-indent: -10000px;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .c-mark02:before {
    width: 40px;
    height: 40px;
    border: 3px solid #f00;
    border-radius: 50%;
    top: 0;
    right: 50%;
    transform: translateX(50%);
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .c-mark02:after {
    width: 30px;
    height: 30px;
    border: 3px solid #f00;
    border-radius: 50%;
    top: 5px;
    right: 50%;
    transform: translateX(50%);
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .c-mark03 {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    display: block;
    position: relative;
    text-indent: -10000px;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .c-mark03::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 34.6px 20px;
    border-color: transparent transparent #007bff transparent;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .c-mark03::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 14px 24.2px 14px;
    border-color: transparent transparent #fff transparent;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 1.7px;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .cross {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 5px;
    background: #007bff;
    transform: rotate(45deg);
    vertical-align: middle;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .cross::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #007bff;
    transform: rotate(90deg);
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .tbl-sticky .btn {
    position: relative;
    display: block;
    padding: 0.3em;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    background-color: #32cd32;
    border-bottom: solid 3px #9acd32;
    border-radius: 4px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin: 0.4em 0 0em;
	line-height: 1.8;
	font-size: 16px;
    /*アニメーション。変化の対象、変化の始まりから終わりまでの時間、変化の仕方の順に指定*/
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;

    box-sizing: border-box;
    outline: none;
    overflow: hidden;
    width: 100%;

}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .tbl-sticky .btn:hover {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: solid 1px #ad5515;
    text-decoration: none;

}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .btn:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    /*きらりと光るアニメーションのスタート位置*/
    left: 0;
    /*きらりと光るアニメーションの幅*/
    width: 30px;
    /*きらりと光るアニメーションの高さ*/
    height: 100%;
    /*きらりと光るアニメーションの色*/
    background-color: #fff;
    /*きらりと光るアニメーションの指定*/
    animation: shiny-brite 3s ease-in-out infinite;
}

@-webkit-keyframes shiny-brite {

    /*アニメーションの流れに沿った中間ステップのキーフレーム指定*/
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0;
    }

    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0.5;
    }

    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0;
    }
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .tbl-sticky::-webkit-scrollbar {
    display: block;
    overflow: hidden;
    width: 10px;
    background: #eee;

    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .tbl-sticky::-webkit-scrollbar:horizontal {
    height: 6px;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .tbl-sticky::-webkit-scrollbar-button {
    display: none;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .tbl-sticky::-webkit-scrollbar-piece {
    background: #eee;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .tbl-sticky::-webkit-scrollbar-piece:start {
    background: #eee;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .tbl-sticky::-webkit-scrollbar-thumb {
    overflow: hidden;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    background: #666;
}

#sb-part-2276.sb-custom-part-lglm2fijmbn9wdx2cl .tbl-sticky::-webkit-scrollbar-corner {
    overflow: hidden;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    background: #666;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

/*全体の設定*/
.productIntro__box {
    /*固定の横幅を設定する場合は下記「width」のコメントを取って、適宜サイズを設定してください*/
    /* width: 700px; */
    /*横の最大幅*/
    max-width: 100%;
    /*高さ*/
    height: auto;
    /*内側の余白*/
    padding: 0;
    /*外側の余白｜上下余白｜左右余白（auto=センタリング）｜*/
    margin: 0px auto;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

/*商品名＆ランキングの設定*/
.productIntro__box .productIntro__head {
    width: 100%;
    /*商品名と商品写真の余白*/
    margin-bottom: 20px;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

/*商品名の設定*/
.productIntro__box .productIntro__head .head {
    /*文字の大きさ*/
    font-size: 1.5em;
    /*文字色*/
    color: #FF577F;
    /*文字の太さ*/
    font-weight: bold;
    /*見出しの余白（内側）*/
    padding: 0 10px 10px;
    /*見出し下の下線｜太さ｜線種｜線の色｜*/
    border-bottom: 4px dotted #FF577F;
    display: flex;
    /*水平方向に間隔を配置する方法。
    flex-start = 左側から配置する
    flex-end = 右側から配置する
        space-around = 均等配置して両端に間隔を置く
        space-between = 均等配置してエリアの間に間隔を置く
        space-evenly = 均等配置して各アイテム周りに間隔を置く*/
    justify-content: flex-start;
    /*垂直方向にの配置位置を設定。
        center = 中央配置
        flex-start = 先頭にまとめる
        flex-end = 末尾にまとめる*/
    align-items: center;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

/*ランキング部分の設定*/
.productIntro__box .productIntro__head .head .ranking {
    /*数字部分の文字の大きさ*/
    font-size: 27px;
    position: relative;
    /*文字の大きさを変更したら、余白の大きさを適宜変更してください
    内側の余白｜上下余白｜左右余白｜*/
    padding: 0 31px;
    /*数字部分のフォント*/
    font-family: Geogia, serif;
    /*重なりの順番*/
    z-index: 1;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

/*冠の設定*/
.productIntro__box .productIntro__head .head .ranking:after {
    content: '';
    /*横幅*/
    width: 75px;
    /*高さ*/
    height: 51px;
    /*重なりの順番（数字の下）*/
    z-index: -1;
    position: absolute;
    /*冠の位置（上基準）*/
    top: 1px;
    /*冠の位置（左基準）*/
    left: 0;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

/*2位の冠の画像*/
.productIntro__box .productIntro__head .head .ranking.no2:after {
    content: '';
    /*2位の冠画像の入れ替えは下記URLになります*/
    background: url("https://file.mysquadbeyond.com/uploads/article_photo/photo/649926/d60731ee-17e9-44b8-ba91-0b5b60344834.png");
    background-size: contain;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

/*冠の横幅を変更したら「75px」部分を同様の数値に変更してください*/
.productIntro__box .productIntro__head .head .productName {
    width: calc(100% - 75px);
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

/*商品画像、おすすめポイント！部分の設定*/
.productIntro__box .productIntro__content {
    /*横幅*/
    width: 100%;
    /*おすすめポイント！と商品詳細の間の余白*/
    margin-bottom: 5px;
    display: flex;
    /*水平方向に間隔を配置する方法。
        flex-start = 左側から配置する
        flex-end = 右側から配置する
        space-around = 均等配置して両端に間隔を置く
        space-between = 均等配置してエリアの間に間隔を置く
        space-evenly = 均等配置して各アイテム周りに間隔を置く*/
    justify-content: flex-start;
    /*商品画像、おすすめポイントの横幅が合計100%以上（もしくはエリア幅以上）であれば改行する*/
    flex-wrap: wrap;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

/*商品画像部分の設定*/
.productIntro__box .productIntro__content .product__img {
    /*横幅*/
    width: 35%;
    /*高さ*/
    height: 100%;
    /*右側の余白（PC表示時）*/
    margin-right: auto;
}

/*商品画像とオススメポイントのスマホ表示時の設定
（スマホ表示の際、PCと同様に横配列にする場合は下記7行をコメントアウトしてください）*/
@media screen and (max-width: 768px) {
    #sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

    /*商品画像部分の設定*/
    .productIntro__box .productIntro__content .product__img {
        /*横幅*/
        width: 100%;
        /*右側の余白*/
        margin-right: 0;
        /*商品画像とおすすめポイント！の間の余白*/
        margin-bottom: 10px;
    }
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr .productIntro__box .productIntro__content .product {
    width: 100%;
    height: auto;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr .product__img {
    width: 35%;
    height: 100%;

    border: 9px solid #FF577F;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

/*おすすめポイント！部分の設定*/
.productIntro__box .productIntro__content .product__text {
    /*横幅（商品画像とおすすめポイント！を横に並べる場合は横幅＆余白合計を100%以内にしてください）*/
    width: 60%;
    /*高さ*/
    height: auto;
}

/*商品画像とオススメポイントのスマホ表示時の設定
（スマホ表示の際、PCと同様に横配列にする場合は下記7行をコメントアウトしてください）*/
@media screen and (max-width: 768px) {
    #sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

    /*おすすめポイント！部分の設定*/
    .productIntro__box .productIntro__content .product__text {
        /*横幅*/
        width: 100%;
    }
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

/*「おすすめポイント！」の設定*/
.productIntro__box .productIntro__content .product__text .pointText {
    /*文字の大きさ*/
    font-size: 1.5em;
    /*文字の太さ*/
    font-weight: bold;
    /*文字の色*/
    color: #FF577F;
    /*文字周りの余白（現在下のみ）*/
    margin: 0 0 5px;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

/*おすすめポイント！のリストの箱設定*/
.productIntro__box .productIntro__content .product__text .productList__box {
    padding: 0;
    margin: 0;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

/*リスト部分の設定*/
.productIntro__box .productIntro__content .product__text .productList__box .productList {
    /*リストスタイル（オリジナルのリストアイコンを使用のためnone）*/
    list-style: none;
    position: relative;
    /*リスト左のアイコンのための余白*/
    padding-left: 2.5rem;
    /*リスト同士の余白（現在下につけています）*/
    margin-bottom: 10px;
	font-size: 16px !important;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

/*リストアイコン*/
/*リストアイコン*/
.productIntro__box .productIntro__content .product__text .productList__box .productList:before {
    content: '';
    /*外側の上下左右の余白*/
    margin: 0;
    position: absolute;
    /*縦位置（上基準）*/
    top: 5px;
    /*横位置（左基準）*/
    left: 0;
    /*アイコンの横幅*/
    width: 8px;
    /*アイコンの高さ*/
    height: 8px;
    /*アイコンの角丸*/
    border-radius: 4px;
    /*アイコンの色（左上の丸）*/
    background: #FF577F;
    /*アイコンの位置（横位置｜縦位置）と色｜右上｜左下｜右下｜
    1つずつの形は左上のものと同じになります*/
    box-shadow: 9px 0 #FF577F, 0 9px #FF577F, 9px 9px #FF577F;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

/*おすすめポイント！リストの最後*/
.productIntro__box .productIntro__content .product__text .productList__box .productList:last-of-type {
    /*外側の下余白*/
    margin-bottom: 10px;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

/*商品詳細部分の設定*/
.productIntro__box .product__detail {
    /*背景色*/
    background: #f8f8ff;
    border: solid 2px #FF577F;
    border-radius: 5px;
    /*内側の余白*/
    padding: 10px;
    margin: 0 5px 10px 0;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr .productIntro__box .product__detail .productDetail__box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

/*商品詳細の見出し*/
.productIntro__box .product__detail .productDetail__box .detailTitle {
    /*横幅*/
    width: 90px;
    /*テキストの配置*/
    text-align: center;
    /*背景色*/
    background: #FCD900;
    /*内側余白*/
    padding: 10px 0;
    /*外側余白*/
    margin: 0 5px 10px 0;
    position: relative;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

/*商品詳細の見出し上にある飾り*/
.productIntro__box .product__detail .productDetail__box .detailTitle:before {
    content: '';
    /*上線｜太さ｜線種｜色｜*/
    border-top: 1px dashed white;
    position: absolute;
    /*縦位置（上基準）*/
    top: 3px;
    /*横位置（左基準）*/
    left: 0;
    /*横幅*/
    width: 100%;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

/*商品詳細の見出し下にある飾り*/
.productIntro__box .product__detail .productDetail__box .detailTitle:after {
    content: '';
    /*下線｜太さ｜線種｜色｜*/
    border-top: 1px dashed white;
    position: absolute;
    /*縦位置（下基準）*/
    bottom: 3px;
    /*横位置（左基準）*/
    left: 0;
    /*横幅*/
    width: 100%;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

/*商品詳細の内容部分の設定*/
.productIntro__box .product__detail .productDetail__box .detailText {
    /*商品詳細の見出しの横幅、もしくは余白を変更した場合は下記も変更してください*/
    width: calc(100% - 95px);
    /*外側の余白｜上余白｜左右余白｜下余白｜*/
    margin: 0 0 10px;
    /*行間（商品見出しと同じ高さにすることによって垂直方向のセンタリングをする）*/
    line-height: 50px;
    text-align: left
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

/*商品詳細の内容で使用する赤文字*/
.productIntro__box .product__detail .productDetail__box .detailText.clr-red {
    /*文字色*/
    color: #DA1212;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

/*「総合評価」の★の設定*/
.productIntro__box .product__detail .productDetail__box .detailText.rate {
    position: relative;
    display: inline-block;
    /*★の大きさ*/
    font-size: 25px;
    /*はみ出た要素を非表示にする*/
    overflow: hidden;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

/*総合評価に使用する記号等*/
.productIntro__box .product__detail .productDetail__box .detailText.rate:before,
#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr .productIntro__box .product__detail .productDetail__box .detailText.rate:after {
    content: "★★★★★";
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

/*星の色が薄い部分*/
.productIntro__box .product__detail .productDetail__box .detailText.rate:before {
    /*文字色*/
    color: #ccc;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

/*星の色が黄色い部分*/
.productIntro__box .product__detail .productDetail__box .detailText.rate:after {
    position: absolute;
    /*横位置（左基準）*/
    left: 0;
    /*縦位置（上基準）*/
    top: 0;
    /*文字色*/
    color: #FFA500;
    /*はみ出た要素を非表示にする*/
    overflow: hidden;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

/*色あり記号にする設定*/
.productIntro__box .product__detail .productDetail__box .detailText.rate.star1:after {
    /*1文字分*/
    width: 1em;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr .productIntro__box .product__detail .productDetail__box .detailText.rate.star2:after {
    width: 2em;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr .productIntro__box .product__detail .productDetail__box .detailText.rate.star3:after {
    width: 3em;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr .productIntro__box .product__detail .productDetail__box .detailText.rate.star4:after {
    width: 4em;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr .productIntro__box .product__detail .productDetail__box .detailText.rate.star5:after {
    width: 5em;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

/*「初回価格」の文字が大きい部分*/
.productIntro__box .product__detail .productDetail__box .detailText .firstPrice {
    /*文字の大きさ*/
    font-size: 20px;
    /*文字の太さ*/
    font-weight: bold;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr .btn-area {
    /*ボタン周りの余白。上下｜左右*/
    margin: 0.5em 0;
    /*ボタンの水平方向配置。左寄せは flex-start 、真ん中寄せは center、右寄せはflex-end*/
    justify-content: center;
    display: flex;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr .btn {
    /*横幅サイズを変更する場合は下記autoを20%から100%で変更できます*/
    width: auto;
    /*文字の大きさ*/
    font-size: 16px;
    /*ボタンの色*/
    background-color: #25b327;
    /*文字の色*/
    color: #EEEEEE;
    /*文字の太さ。太字はbold、標準の太さはnormal*/
    font-weight: bold;
    /*水平方向の字間のスペース*/
    letter-spacing: 0.1em;
    /*ボタンの高さを指定*/
    line-height: 1.5;
    /*ボタン内側の余白。上下｜左右*/
    padding: 16px 64px;
    /*角を丸くする指定*/
    border-radius: 5rem;
    /*ボタンの影の指定。insetを指定している行は、ボックスの内側に描画されます。無しは外側。
    カンマで区切ることで複数の影レイヤーを重ねられます。
    左右の向き｜上下の向き｜ぼかし｜広がり｜色
    rgbaはRed（赤）,Green（緑）,Blue（青）,Alpha（透明度）の略。RGBは0から255まで、Alphaは0.1から1まで*/
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5),
        7px 7px 20px 0px rgba(0, 0, 0, 0.1),
        4px 4px 5px 0px rgba(0, 0, 0, 0.1);
    /*文字にも影を指定できます*/
    text-shadow: 2px 2px 3px rgba(255, 255, 255, .5),
        -4px -4px 6px rgba(116, 125, 136, .2);
    /*アニメーション。変化の対象、変化の始まりから終わりまでの時間、変化の仕方の順に指定*/
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: none;
    box-sizing: border-box;
    outline: none;
    overflow: hidden;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr .btn:hover {
    /*ボタンの上にカーソルを乗せた時の文字の色*/
    color: #825121;
    /*ボタンの上にカーソルを乗せた時の背景色を指定*/
    background-color: #fac186;
    text-decoration: none;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr .btn:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    /*きらりと光るアニメーションのスタート位置*/
    left: 0;
    /*きらりと光るアニメーションの幅*/
    width: 30px;
    /*きらりと光るアニメーションの高さ*/
    height: 100%;
    /*きらりと光るアニメーションの色*/
    background-color: #fff;
    /*きらりと光るアニメーションの指定*/
    animation: shiny-brite 3s ease-in-out infinite;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr .btn:active {
    /*ボタンを押した時に凹むアニメーション*/
    box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .3),
        -4px -4px 6px 0 rgba(116, 125, 136, .2),
        inset -4px -4px 6px 0 rgba(255, 255, 255, .2),
        inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}


@-webkit-keyframes shiny-brite {

    /*アニメーションの流れに沿った中間ステップのキーフレーム指定*/
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0;
    }

    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0.5;
    }

    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0;
    }
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr .cp_actab {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    border: 3px solid #FCD900;
    border-radius: 10px;
    color: #333;

}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr .cp_actab input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr .cp_actab label {
    font-weight: bold;
    line-height: 3;
    position: relative;
    display: block;
    padding: 0 0 0 1em;
    cursor: pointer;
    margin: 0 0 1px 0;
    background: #ffff;
    text-align: center
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr .cp_actab .cp_actab-content {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 0.35s;
    transition: max-height 0.35s;
    color: #333;
    background: #fff;
    border-radius: 10px;

}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr .cp_actab .cp_actab-content p {
    margin: 1em;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

/* :checked */
.cp_actab input:checked~.cp_actab-content {
    max-height: 20em;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr

/* Icon */
.cp_actab label::after {
    line-height: 3;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 3em;
    height: 3em;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    text-align: center;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr .cp_actab input[type=checkbox]+label::after {
    content: '+';
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr .cp_actab input[type=checkbox]:checked+label::after {
    transform: rotate(315deg);
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr .box {
    /*最大幅の指定。max-widthで指定した値の最大幅以上には広がらずに表示*/
    max-width: 580px;
    /*背景色*/
    background-color: #fff;
    /*角を丸くする*/
    border-radius: 10px;
    /*影の指定。左から、水平方向の距離、垂直方向の距離、ぼかし距離、広がり距離、影の色の順。
    rgba色は r=Red、g=Green、b=Blue、a=Alpha透明度。rgbは0から255まで。aは0から1まで。*/
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    /*枠内側の余白。上、左右、下の順*/
    padding: 12px 12px;
    /*枠外側の余白。上、左右、下の順*/
    margin: 0 auto;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;

}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr h4.kutikomi-title {
    /*タイトル周りの余白。左の値が上、真ん中の値が左右、右の値が下の余白*/
    margin: 0 0 12px;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr .parent {
    display: flex;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr .child-left {
    margin-right: 12px;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr .child-left img {
    /*画像サイズは下記３行それぞれ同じに変更ください*/
    width: 80px;
    min-width: 80px;
    height: 80px !Important;
    /*画像を丸くしない場合は下記を削除*/
    border-radius: 50%;
    object-fit: cover;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr .child-right {
    height: auto;
    flex-grow: 1;
    padding: 0 0 0 12px;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr dl {
    margin: 0;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr dt {
    /*クチコミ文字サイズ*/
    font-size: 14px;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr dd {
    /*名前・歳文字サイズ*/
    font-size: 14px;
    margin: 0;
    text-align: right;
}

#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr p.plus {
    /*注釈の文字サイズ*/
    font-size: 10px;
    /*注釈の文字色*/
    color: #8B8A8A;
    margin: 10px 0 0;
    line-height: 1.4;
    text-align: right;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .btn-area {
    /*ボタン周りの余白。上下｜左右*/
    margin: 0.5em 0;
    /*ボタンの水平方向配置。左寄せは flex-start 、真ん中寄せは center、右寄せはflex-end*/
    justify-content: center;
    display: flex;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .btn {
    /*横幅サイズを変更する場合は下記autoを20%から100%で変更できます*/
    width: auto;
    /*文字の大きさ*/
    font-size: 16px;
    /*ボタンの色*/
    background-color: #32cd32;
    /*文字の色*/
    color: #EEEEEE;
    /*文字の太さ。太字はbold、標準の太さはnormal*/
    font-weight: bold;
    /*水平方向の字間のスペース*/
    letter-spacing: 0.1em;
    /*ボタンの高さを指定*/
    line-height: 1.5;
    /*ボタン内側の余白。上下｜左右*/
    padding: 16px 64px;
    /*角を丸くする指定*/
    border-radius: 5rem;
    /*ボタンの影の指定。insetを指定している行は、ボックスの内側に描画されます。無しは外側。
    カンマで区切ることで複数の影レイヤーを重ねられます。
    左右の向き｜上下の向き｜ぼかし｜広がり｜色
    rgbaはRed（赤）,Green（緑）,Blue（青）,Alpha（透明度）の略。RGBは0から255まで、Alphaは0.1から1まで*/
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5),
        7px 7px 20px 0px rgba(0, 0, 0, 0.1),
        4px 4px 5px 0px rgba(0, 0, 0, 0.1);
    /*文字にも影を指定できます*/
    text-shadow: 2px 2px 3px rgba(255, 255, 255, .5),
        -4px -4px 6px rgba(116, 125, 136, .2);
    /*アニメーション。変化の対象、変化の始まりから終わりまでの時間、変化の仕方の順に指定*/
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: none;
    box-sizing: border-box;
    outline: none;
    overflow: hidden;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .btn:hover {
    /*ボタンの上にカーソルを乗せた時の文字の色*/
    color: #825121;
    /*ボタンの上にカーソルを乗せた時の背景色を指定*/
    background-color: #fac186;
    text-decoration: none;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .btn:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    /*きらりと光るアニメーションのスタート位置*/
    left: 0;
    /*きらりと光るアニメーションの幅*/
    width: 30px;
    /*きらりと光るアニメーションの高さ*/
    height: 100%;
    /*きらりと光るアニメーションの色*/
    background-color: #fff;
    /*きらりと光るアニメーションの指定*/
    animation: shiny-brite 3s ease-in-out infinite;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .btn:active {
    /*ボタンを押した時に凹むアニメーション*/
    box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .3),
    -4px -4px 6px 0 rgba(116, 125, 136, .2),
    inset -4px -4px 6px 0 rgba(255, 255, 255, .2),
    inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}


@-webkit-keyframes shiny-brite {

    /*アニメーションの流れに沿った中間ステップのキーフレーム指定*/
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0;
    }

    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0.5;
    }

    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0;
    }
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi

/* 全体の設定 */
.accordion-area {
    /* 横幅（PC表示時） */
    width: 700px;
    /* 最大幅 */
    max-width: 100%;
    /* 高さ */
    height: auto;
    /*外側の余白｜上下余白｜左右余白（auto=センタリング）｜*/
    margin: 0 auto;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi

/* アコーディオンのボタンとなる部分 */
.accordion-area .accordionHead {
    /* 横幅（全体幅　-　左右余白） */
    width: 93%;
    /* 高さ */
    height: auto;
    /*内側の余白｜上余白｜右余白｜下余白｜左余白｜*/
    padding: 10px 0 10px 7%;
    /* 外側の余白 */
    margin: 0;
    /* 背景色｜グラデーション：方向[下へ]｜最初の色｜最後の色 */
    background: linear-gradient(to bottom, #fff, #e7e5e0);
    /* 影｜X方向｜Y方向｜ぼかし｜角丸｜色（赤, 緑, 青, 透明度）｜ */
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
    /* 線｜太さ｜線種｜色｜ */
    border: 1px solid #001E6C;
    /* 角丸 */
    border-radius: 5px;
    /* 文字の大きさ */
    font-size: 20px;
    /* 文字の高さ */
    line-height: 1.5;
    position: relative;

    /* 対象にカーソルが触れた時の反応（矢印になる） */
    cursor: pointer;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi

/* アコーディオンのボタンとなる部分（三角形） */
.accordion-area .accordionHead:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    /* 三角形の大きさ */
    border-width: 8.7px 5px 0 5px;
    /* 三角形の色 */
    border-color: #fff transparent transparent transparent;
    position: absolute;
    /* 三角形の縦位置（上基準） */
    top: 50%;
    /* 三角形の横位置（右基準） */
    right: 42px;
    /* 三角形の縦位置（topに「-」をつけた値 */
    transform: translateY(-50%);
    /* 表示順番 */
    z-index: 3;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi

/* アコーディオンのボタンとなる部分（三角形の背景） */
.accordion-area .accordionHead:after {
    content: '';
    /* 横幅 */
    width: 36px;
    /* 高さ */
    height: 36px;
    /* 背景色 */
    background: #001E6C;
    /* 角丸 */
    border-radius: 5px;
    position: absolute;
    /* 縦位置（上基準） */
    top: 50%;
    /* 横位置（右基準） */
    right: 30px;
    /* 縦位置（topに「-」をつけた値 */
    transform: translateY(-50%);
    /* 表示順番 */
    z-index: 2;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi

/* コンテンツが入る外枠 */
.accordion-area .accordion-inner {
    /* 横幅（全体幅　 - 左右余白） */
    width: calc(100% - 100px);
    /*外側の余白｜上余白｜左右余白（auto=センタリング）｜下余白｜*/
    margin: -3px auto 30px;
    /*内側の余白｜上下余白｜左右余白｜*/
    padding: 30px 50px;
    /* 背景色 */
    background: #fff;
    /* 線｜太さ｜線種｜色｜ */
    border: 1px solid #001E6C;
    /* 初期、非表示 */
    display: none;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi

/* アコーディオンボタンをクリックした時 */
.accordion-area .accordion-inner.active {
    display: block;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi

/* コンテンツを格納している部分 */
.accordion-area .accordion-content {
    /* 横幅 */
    width: 100%;
    /* 高さ */
    height: auto;
    display: flex;
    /*水平方向に間隔を配置する方法。
    flex-start = 左側から配置する
    flex-end = 右側から配置する
    center = 真ん中に配置する
    space-around = 均等配置して両端に間隔を置く
    space-between = 均等配置してエリアの間に間隔を置く
    space-evenly = 均等配置して各アイテム周りに間隔を置く*/
    justify-content: flex-start;
    /*垂直方向にの配置位置を設定。
    center = 中央配置
    flex-start = 先頭にまとめる
    flex-end = 末尾にまとめる*/
    align-items: flex-start;
  }

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi

/* アコーディオン内画像部分 */
.accordion-area .accordion-imgBox {
    /* 横幅 */
    width: 40%;
    /* 高さ */
    height: auto;
    /* 外側の右余白 */
    margin-right: 5%;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi

/* 画像 */
.accordion-area .accordion-imgBox img {
    /* 横幅 */
    width: 100%;
    /* 高さ */
    height: auto;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi

/* アコーディオン内テキスト部分 */
.accordion-area .accordion-textBox {
    /* 横幅 */
    width: 55%;
    /* 高さ */
    height: auto;
}

/* スマホ表示時（768以上でスマホ表示になります、数値は適宜変更してください） */
@media screen and (max-width: 768px) {
    #sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi

    /* コンテンツが入る箇所の設定 */
    .accordion-area .accordion-inner {
      /* 横幅（余白分を引いた値） */
        width: 90%;
        /*内側の余白｜上下余白｜左右余白｜*/
        padding: 30px 5%;
    }

    #sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi

    /* コンテンツを格納している部分 */
    .accordion-area .accordion-content {
        /* 折り返し設定 */
        flex-wrap: wrap;
    }

    #sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi

    /* アコーディオン内画像部分 */
    .accordion-area .accordion-imgBox {
        /* 横幅 */
        width: 100%;
        /* テキスト部分と隣接する余白 */
        margin-bottom: 10px;
        /* PC表示時に使っていたテキスト部分と隣接する余白 */
        margin-right: 0;
    }

    #sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi

    /* アコーディオン内テキスト部分 */
    .accordion-area .accordion-textBox {
        /* 横幅 */
        text-align: right;
        font-size: 9px;
    }
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .sns-box {
    width: 600px;
    position: relative;
    margin: 0 auto;
    overflow-x: hidden;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .sns-box .box {
    /*最大幅の指定。max-widthで指定した値の最大幅以上には広がらずに表示*/
    max-width: 580px;
    border-radius: 10px;
    margin: 0 auto;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .sns-box .profile-img-wrapper {
    margin: 0 5px 2px 0;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .sns-box .profile-img {
    width: 32px;
    border-radius: 50%;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .sns-box .profile-img-hotpink {
    border: 1px solid #e6e6e6;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .sns-box .user-name {
    margin-left: 5px;
    font-weight: bold;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .sns-box .img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: black;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .sns-box .img {
    height: auto;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .sns-box .container {
    padding: 8px 16px 16px;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .sns-box .container>.row {
    margin-top: 8px;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .sns-box .icons-list i:before {
    font-size: 20px;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .sns-box .good-people {
    font-size: 14px;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .sns-box .good-person {
    display: flex;
    align-items: center;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .bold {
    font-weight: bold;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .sns-box .profile-img-wrapper .profile-img {
    display: auto;
    align-items: center;
    margin-right: 5px;
    width: 32px;
    max-width: 32px;
    height: 32px !important;
    object-fit: cover;
    box-sizing: border-box;
    border-radius: 50%;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .sns-box .text {
    font-size: 10px;
    overflow-y: visible;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .sns-box .swiper {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    /*スライド全体の横幅*/
    width: 100%;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .sns-box .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transform: translate3d(0px, 0, 0);
    transition-property: transform;
    box-sizing: content-box;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .sns-box .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 100%;
    height: auto;
    position: relative;
    transition-property: transform;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .sns-box .box {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .swiper-button-next,
#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .swiper-button-prev {
    position: absolute;
    /*進む、戻るボタンの縦位置*/
    top: 50%;
    z-index: 10;
    cursor: pointer;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .swiper-button-next {
    /*進むボタンの横位置（初期：画面右基準）*/
    right: 20px;
    left: auto;
    outline: none;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .swiper-button-prev {
    /*戻るボタンの横位置（初期：画面左基準）*/
    left: 20px;
    right: auto;
    outline: none;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .swiper-button-next::before,
#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .swiper-button-prev::before {
    content: " ";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #e3e3e3;
    opacity: 0.6;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .swiper-button-next::before {
    /*進むボタンの丸*/
    /* border-right: solid 5px #ccc;
    transform: translatey(-50%) rotate(35deg); */
    right: 0;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .swiper-button-prev::before {
    /*戻るボタンの丸*/
    left: 0;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .swiper-button-next::after,
#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .swiper-button-prev::after {
    content: " ";
    width: 5px;
    height: 5px;
    position: absolute;
    top: 50%;
    margin-top: -4.5px;
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .swiper-button-next::after {
    /*進むボタンの線種、線の太さ、線の色*/
    right: 7px;
    border-top: 2px solid #767676;
    border-right: 2px solid #767676;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#sb-part-4836.sb-custom-part-lgknpkltjq289c1p9bi .swiper-button-prev::after {
    /*戻るボタンの線種、線の太さ、線の色*/
    left: 7px;
    border-top: 2px solid #767676;
    border-left: 2px solid #767676;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#sb-part-2496.sb-custom-part-l4geq442fwp6ogxu2c hr {
    /*上下の余白も含めた全体の高さ*/
    height: 50px;
    position: relative;
    border: none;
}

#sb-part-2496.sb-custom-part-l4geq442fwp6ogxu2c hr:before {
    /*横幅*/
    width: 100%;
    /*水玉の高さ*/
    height: 10px;
    /*水玉の色変更は fill=\'%23の後ろの001E6C部分（６桁）のカラーコードを変更*/
    background-image: url('data:image/svg+xml,%3Csvg width=\'10\' height=\'10\' viewBox=\'0 0 12 12\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cg fill=\'%23001E6C\' fill-opacity=\'1\' fill-rule=\'evenodd\'%3E%3Ccircle cx=\'3\' cy=\'3\' r=\'3\'/%3E%3Ccircle cx=\'9\' cy=\'8\' r=\'3\'/%3E%3C/g%3E%3C/svg%3E');
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translatex(-50%);
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48

/*全体の設定*/
.productIntro__box {
    /*固定の横幅を設定する場合は下記「width」のコメントを取って、適宜サイズを設定してください*/
    /* width: 700px; */
    /*横の最大幅*/
    max-width: 100%;
    /*高さ*/
    height: auto;
    /*内側の余白*/
    padding: 0;
    /*外側の余白｜上下余白｜左右余白（auto=センタリング）｜*/
    margin: 0px auto;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48

/*商品名＆ランキングの設定*/
.productIntro__box .productIntro__head {
    width: 100%;
    /*商品名と商品写真の余白*/
    margin-bottom: 20px;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48

/*商品名の設定*/
.productIntro__box .productIntro__head .head {
    /*文字の大きさ*/
    font-size: 1.5em;
    /*文字色*/
    color: #FF577F;
    /*文字の太さ*/
    font-weight: bold;
    /*見出しの余白（内側）*/
    padding: 0 10px 10px;
    /*見出し下の下線｜太さ｜線種｜線の色｜*/
    border-bottom: 4px dotted #FF577F;
    display: flex;
    /*水平方向に間隔を配置する方法。
    flex-start = 左側から配置する
    flex-end = 右側から配置する
        space-around = 均等配置して両端に間隔を置く
        space-between = 均等配置してエリアの間に間隔を置く
        space-evenly = 均等配置して各アイテム周りに間隔を置く*/
    justify-content: flex-start;
    /*垂直方向にの配置位置を設定。
        center = 中央配置
        flex-start = 先頭にまとめる
        flex-end = 末尾にまとめる*/
    align-items: center;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48

/*ランキング部分の設定*/
.productIntro__box .productIntro__head .head .ranking {
    /*数字部分の文字の大きさ*/
    font-size: 27px;
    position: relative;
    /*文字の大きさを変更したら、余白の大きさを適宜変更してください
    内側の余白｜上下余白｜左右余白｜*/
    padding: 0 31px;
    /*数字部分のフォント*/
    font-family: Geogia, serif;
    /*重なりの順番*/
    z-index: 1;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48

/*冠の設定*/
.productIntro__box .productIntro__head .head .ranking:after {
    content: '';
    /*横幅*/
    width: 75px;
    /*高さ*/
    height: 51px;
    /*重なりの順番（数字の下）*/
    z-index: -1;
    position: absolute;
    /*冠の位置（上基準）*/
    top: 1px;
    /*冠の位置（左基準）*/
    left: 0;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48

/*3位の冠の画像*/
.productIntro__box .productIntro__head .head .ranking.no3:after {
    content: '';
    /*3位の冠画像の入れ替えは下記URLになります*/
    background: url("https://file.mysquadbeyond.com/uploads/article_photo/photo/649928/1ae2540e-78f5-41e5-9ed4-7d55cab5c369.png");
    background-size: contain;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48

/*冠の横幅を変更したら「75px」部分を同様の数値に変更してください*/
.productIntro__box .productIntro__head .head .productName {
    width: calc(100% - 75px);
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48

/*商品画像、おすすめポイント！部分の設定*/
.productIntro__box .productIntro__content {
    /*横幅*/
    width: 100%;
    /*おすすめポイント！と商品詳細の間の余白*/
    margin-bottom: 5px;
    display: flex;
    /*水平方向に間隔を配置する方法。
        flex-start = 左側から配置する
        flex-end = 右側から配置する
        space-around = 均等配置して両端に間隔を置く
        space-between = 均等配置してエリアの間に間隔を置く
        space-evenly = 均等配置して各アイテム周りに間隔を置く*/
    justify-content: flex-start;
    /*商品画像、おすすめポイントの横幅が合計100%以上（もしくはエリア幅以上）であれば改行する*/
    flex-wrap: wrap;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48

/*商品画像部分の設定*/
.productIntro__box .productIntro__content .product__img {
    /*横幅*/
    width: 35%;
    /*高さ*/
    height:100%;
    /*右側の余白（PC表示時）*/
    margin-right: auto;
}

/*商品画像とオススメポイントのスマホ表示時の設定
（スマホ表示の際、PCと同様に横配列にする場合は下記7行をコメントアウトしてください）*/
@media screen and (max-width: 768px) {
    #sb-part-2327.sb-custom-part-lgknq057cz6182llf48

    /*商品画像部分の設定*/
    .productIntro__box .productIntro__content .product__img {
        /*横幅*/
        width: 100%;
        /*右側の余白*/
        margin-right: 0;
        /*商品画像とおすすめポイント！の間の余白*/
        margin-bottom: 10px;
    }
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 .productIntro__box .productIntro__content .product {
    width: 100%;
    height: auto;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 .product__img {
    width: 35%;
    height: 100%;

    border: 9px solid #FF577F;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48

/*おすすめポイント！部分の設定*/
.productIntro__box .productIntro__content .product__text {
    /*横幅（商品画像とおすすめポイント！を横に並べる場合は横幅＆余白合計を100%以内にしてください）*/
    width: 60%;
    /*高さ*/
    height: auto;
}

/*商品画像とオススメポイントのスマホ表示時の設定
（スマホ表示の際、PCと同様に横配列にする場合は下記7行をコメントアウトしてください）*/
@media screen and (max-width: 768px) {
    #sb-part-2327.sb-custom-part-lgknq057cz6182llf48

    /*おすすめポイント！部分の設定*/
    .productIntro__box .productIntro__content .product__text {
        /*横幅*/
        width: 100%;
    }
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48

/*「おすすめポイント！」の設定*/
.productIntro__box .productIntro__content .product__text .pointText {
    /*文字の大きさ*/
    font-size: 1.5em;
    /*文字の太さ*/
    font-weight: bold;
    /*文字の色*/
    color: #FF577F;
    /*文字周りの余白（現在下のみ）*/
    margin: 0 0 5px;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48

/*おすすめポイント！のリストの箱設定*/
.productIntro__box .productIntro__content .product__text .productList__box {
    padding: 0;
    margin: 0;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48

/*リスト部分の設定*/
.productIntro__box .productIntro__content .product__text .productList__box .productList {
    /*リストスタイル（オリジナルのリストアイコンを使用のためnone）*/
    list-style: none;
    position: relative;
    /*リスト左のアイコンのための余白*/
    padding-left: 2.5rem;
    /*リスト同士の余白（現在下につけています）*/
    margin-bottom: 10px;
	font-size: 16px !important;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48

/*リストアイコン*/
/*リストアイコン*/
.productIntro__box .productIntro__content .product__text .productList__box .productList:before {
    content: '';
    /*外側の上下左右の余白*/
    margin: 0;
    position: absolute;
    /*縦位置（上基準）*/
    top: 5px;
    /*横位置（左基準）*/
    left: 0;
    /*アイコンの横幅*/
    width: 8px;
    /*アイコンの高さ*/
    height: 8px;
    /*アイコンの角丸*/
    border-radius: 4px;
    /*アイコンの色（左上の丸）*/
    background: #FF577F;
    /*アイコンの位置（横位置｜縦位置）と色｜右上｜左下｜右下｜
    1つずつの形は左上のものと同じになります*/
    box-shadow: 9px 0 #FF577F, 0 9px #FF577F, 9px 9px #FF577F;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48

/*おすすめポイント！リストの最後*/
.productIntro__box .productIntro__content .product__text .productList__box .productList:last-of-type {
    /*外側の下余白*/
    margin-bottom: 10px;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48

/*商品詳細部分の設定*/
.productIntro__box .product__detail {
    /*背景色*/
    background: #f8f8ff;
    border: solid 2px #FF577F;
    border-radius: 5px;
    /*内側の余白*/
    padding: 10px;
    margin: 0 5px 10px 0;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 .productIntro__box .product__detail .productDetail__box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48

/*商品詳細の見出し*/
.productIntro__box .product__detail .productDetail__box .detailTitle {
    /*横幅*/
    width: 90px;
    /*テキストの配置*/
    text-align: center;
    /*背景色*/
    background: #FCD900;
    /*内側余白*/
    padding: 10px 0;
    /*外側余白*/
    margin: 0 5px 10px 0;
    position: relative;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48

/*商品詳細の見出し上にある飾り*/
.productIntro__box .product__detail .productDetail__box .detailTitle:before {
    content: '';
    /*上線｜太さ｜線種｜色｜*/
    border-top: 1px dashed white;
    position: absolute;
    /*縦位置（上基準）*/
    top: 3px;
    /*横位置（左基準）*/
    left: 0;
    /*横幅*/
    width: 100%;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48

/*商品詳細の見出し下にある飾り*/
.productIntro__box .product__detail .productDetail__box .detailTitle:after {
    content: '';
    /*下線｜太さ｜線種｜色｜*/
    border-top: 1px dashed white;
    position: absolute;
    /*縦位置（下基準）*/
    bottom: 3px;
    /*横位置（左基準）*/
    left: 0;
    /*横幅*/
    width: 100%;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48

/*商品詳細の内容部分の設定*/
.productIntro__box .product__detail .productDetail__box .detailText {
    /*商品詳細の見出しの横幅、もしくは余白を変更した場合は下記も変更してください*/
    width: calc(100% - 95px);
    /*外側の余白｜上余白｜左右余白｜下余白｜*/
    margin: 0 0 10px;
    /*行間（商品見出しと同じ高さにすることによって垂直方向のセンタリングをする）*/
    line-height: 50px;
    text-align: left
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48

/*商品詳細の内容で使用する赤文字*/
.productIntro__box .product__detail .productDetail__box .detailText.clr-red {
    /*文字色*/
    color: #DA1212;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48

/*「総合評価」の★の設定*/
.productIntro__box .product__detail .productDetail__box .detailText.rate {
    position: relative;
    display: inline-block;
    /*★の大きさ*/
    font-size: 25px;
    /*はみ出た要素を非表示にする*/
    overflow: hidden;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48

/*総合評価に使用する記号等*/
.productIntro__box .product__detail .productDetail__box .detailText.rate:before,
#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 .productIntro__box .product__detail .productDetail__box .detailText.rate:after {
    content: "★★★★★";
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48

/*星の色が薄い部分*/
.productIntro__box .product__detail .productDetail__box .detailText.rate:before {
    /*文字色*/
    color: #ccc;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48

/*星の色が黄色い部分*/
.productIntro__box .product__detail .productDetail__box .detailText.rate:after {
    position: absolute;
    /*横位置（左基準）*/
    left: 0;
    /*縦位置（上基準）*/
    top: 0;
    /*文字色*/
    color: #FFA500;
    /*はみ出た要素を非表示にする*/
    overflow: hidden;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48

/*色あり記号にする設定*/
.productIntro__box .product__detail .productDetail__box .detailText.rate.star1:after {
    /*1文字分*/
    width: 1em;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 .productIntro__box .product__detail .productDetail__box .detailText.rate.star2:after {
    width: 2em;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 .productIntro__box .product__detail .productDetail__box .detailText.rate.star3:after {
    width: 3em;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 .productIntro__box .product__detail .productDetail__box .detailText.rate.star4:after {
    width: 4em;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 .productIntro__box .product__detail .productDetail__box .detailText.rate.star5:after {
    width: 5em;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48

/*「初回価格」の文字が大きい部分*/
.productIntro__box .product__detail .productDetail__box .detailText .firstPrice {
    /*文字の大きさ*/
    font-size: 20px;
    /*文字の太さ*/
    font-weight: bold;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 .btn-area {
    /*ボタン周りの余白。上下｜左右*/
    margin: 0.5em 0;
    /*ボタンの水平方向配置。左寄せは flex-start 、真ん中寄せは center、右寄せはflex-end*/
    justify-content: center;
    display: flex;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 .btn {
    /*横幅サイズを変更する場合は下記autoを20%から100%で変更できます*/
    width: auto;
    /*文字の大きさ*/
    font-size: 16px;
    /*ボタンの色*/
    background-color: #25b327;
    /*文字の色*/
    color: #EEEEEE;
    /*文字の太さ。太字はbold、標準の太さはnormal*/
    font-weight: bold;
    /*水平方向の字間のスペース*/
    letter-spacing: 0.1em;
    /*ボタンの高さを指定*/
    line-height: 1.5;
    /*ボタン内側の余白。上下｜左右*/
    padding: 16px 64px;
    /*角を丸くする指定*/
    border-radius: 5rem;
    /*ボタンの影の指定。insetを指定している行は、ボックスの内側に描画されます。無しは外側。
    カンマで区切ることで複数の影レイヤーを重ねられます。
    左右の向き｜上下の向き｜ぼかし｜広がり｜色
    rgbaはRed（赤）,Green（緑）,Blue（青）,Alpha（透明度）の略。RGBは0から255まで、Alphaは0.1から1まで*/
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5),
        7px 7px 20px 0px rgba(0, 0, 0, 0.1),
        4px 4px 5px 0px rgba(0, 0, 0, 0.1);
    /*文字にも影を指定できます*/
    text-shadow: 2px 2px 3px rgba(255, 255, 255, .5),
        -4px -4px 6px rgba(116, 125, 136, .2);
    /*アニメーション。変化の対象、変化の始まりから終わりまでの時間、変化の仕方の順に指定*/
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: none;
    box-sizing: border-box;
    outline: none;
    overflow: hidden;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 .btn:hover {
    /*ボタンの上にカーソルを乗せた時の文字の色*/
    color: #825121;
    /*ボタンの上にカーソルを乗せた時の背景色を指定*/
    background-color: #fac186;
    text-decoration: none;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 .btn:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    /*きらりと光るアニメーションのスタート位置*/
    left: 0;
    /*きらりと光るアニメーションの幅*/
    width: 30px;
    /*きらりと光るアニメーションの高さ*/
    height: 100%;
    /*きらりと光るアニメーションの色*/
    background-color: #fff;
    /*きらりと光るアニメーションの指定*/
    animation: shiny-brite 3s ease-in-out infinite;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 .btn:active {
    /*ボタンを押した時に凹むアニメーション*/
    box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .3),
        -4px -4px 6px 0 rgba(116, 125, 136, .2),
        inset -4px -4px 6px 0 rgba(255, 255, 255, .2),
        inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}


@-webkit-keyframes shiny-brite {

    /*アニメーションの流れに沿った中間ステップのキーフレーム指定*/
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0;
    }

    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0.5;
    }

    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0;
    }
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 .cp_actab {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    border: 3px solid #FCD900;
    border-radius: 10px;
    color: #333;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 .cp_actab input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 .cp_actab label {
    font-weight: bold;
    line-height: 3;
    position: relative;
    display: block;
    padding: 0 0 0 1em;
    cursor: pointer;
    margin: 0 0 1px 0;
    background: #ffff;
    text-align: center
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 .cp_actab .cp_actab-content {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 0.35s;
    transition: max-height 0.35s;
    color: #333;
    background: #fff;
    border-radius: 10px;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 .cp_actab .cp_actab-content p {
    margin: 1em;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48

/* :checked */
.cp_actab input:checked~.cp_actab-content {
    max-height: 20em;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48

/* Icon */
.cp_actab label::after {
    line-height: 3;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 3em;
    height: 3em;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    text-align: center;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 .cp_actab input[type=checkbox]+label::after {
    content: '+';
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 .cp_actab input[type=checkbox]:checked+label::after {
    transform: rotate(315deg);
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 .box {
    /*最大幅の指定。max-widthで指定した値の最大幅以上には広がらずに表示*/
    max-width: 580px;
    /*背景色*/
    background-color: #fff;
    /*角を丸くする*/
    border-radius: 10px;
    /*影の指定。左から、水平方向の距離、垂直方向の距離、ぼかし距離、広がり距離、影の色の順。
    rgba色は r=Red、g=Green、b=Blue、a=Alpha透明度。rgbは0から255まで。aは0から1まで。*/
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    /*枠内側の余白。上、左右、下の順*/
    padding: 12px 12px;
    /*枠外側の余白。上、左右、下の順*/
    margin: 0 auto;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;

}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 h4.kutikomi-title {
    /*タイトル周りの余白。左の値が上、真ん中の値が左右、右の値が下の余白*/
    margin: 0 0 12px;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 .parent {
    display: flex;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 .child-left {
    margin-right: 12px;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 .child-left img {
    /*画像サイズは下記３行それぞれ同じに変更ください*/
    width: 80px;
    min-width: 80px;
    height: 80px !Important;
    /*画像を丸くしない場合は下記を削除*/
    border-radius: 50%;
    object-fit: cover;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 .child-right {
    height: auto;
    flex-grow: 1;
    padding: 0 0 0 12px;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 dl {
    margin: 0;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 dt {
    /*クチコミ文字サイズ*/
    font-size: 14px;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 dd {
    /*名前・歳文字サイズ*/
    font-size: 14px;
    margin: 0;
    text-align: right;
}

#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 p.plus {
    /*注釈の文字サイズ*/
    font-size: 10px;
    /*注釈の文字色*/
    color: #8B8A8A;
    margin: 10px 0 0;
    line-height: 1.4;
    text-align: right;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .btn-area {
    /*ボタン周りの余白。上下｜左右*/
    margin: 0.5em 0;
    /*ボタンの水平方向配置。左寄せは flex-start 、真ん中寄せは center、右寄せはflex-end*/
    justify-content: center;
    display: flex;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .btn {
    /*横幅サイズを変更する場合は下記autoを20%から100%で変更できます*/
    width: auto;
    /*文字の大きさ*/
    font-size: 16px;
    /*ボタンの色*/
    background-color: #32cd32;
    /*文字の色*/
    color: #EEEEEE;
    /*文字の太さ。太字はbold、標準の太さはnormal*/
    font-weight: bold;
    /*水平方向の字間のスペース*/
    letter-spacing: 0.1em;
    /*ボタンの高さを指定*/
    line-height: 1.5;
    /*ボタン内側の余白。上下｜左右*/
    padding: 16px 64px;
    /*角を丸くする指定*/
    border-radius: 5rem;
    /*ボタンの影の指定。insetを指定している行は、ボックスの内側に描画されます。無しは外側。
    カンマで区切ることで複数の影レイヤーを重ねられます。
    左右の向き｜上下の向き｜ぼかし｜広がり｜色
    rgbaはRed（赤）,Green（緑）,Blue（青）,Alpha（透明度）の略。RGBは0から255まで、Alphaは0.1から1まで*/
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5),
        7px 7px 20px 0px rgba(0, 0, 0, 0.1),
        4px 4px 5px 0px rgba(0, 0, 0, 0.1);
    /*文字にも影を指定できます*/
    text-shadow: 2px 2px 3px rgba(255, 255, 255, .5),
        -4px -4px 6px rgba(116, 125, 136, .2);
    /*アニメーション。変化の対象、変化の始まりから終わりまでの時間、変化の仕方の順に指定*/
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: none;
    box-sizing: border-box;
    outline: none;
    overflow: hidden;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .btn:hover {
    /*ボタンの上にカーソルを乗せた時の文字の色*/
    color: #825121;
    /*ボタンの上にカーソルを乗せた時の背景色を指定*/
    background-color: #fac186;
    text-decoration: none;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .btn:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    /*きらりと光るアニメーションのスタート位置*/
    left: 0;
    /*きらりと光るアニメーションの幅*/
    width: 30px;
    /*きらりと光るアニメーションの高さ*/
    height: 100%;
    /*きらりと光るアニメーションの色*/
    background-color: #fff;
    /*きらりと光るアニメーションの指定*/
    animation: shiny-brite 3s ease-in-out infinite;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .btn:active {
    /*ボタンを押した時に凹むアニメーション*/
    box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .3),
        -4px -4px 6px 0 rgba(116, 125, 136, .2),
        inset -4px -4px 6px 0 rgba(255, 255, 255, .2),
        inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}


@-webkit-keyframes shiny-brite {

    /*アニメーションの流れに沿った中間ステップのキーフレーム指定*/
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0;
    }

    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0.5;
    }

    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0;
    }
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr

/* 全体の設定 */
.accordion-area {
    /* 横幅（PC表示時） */
    width: 700px;
    /* 最大幅 */
    max-width: 100%;
    /* 高さ */
    height: auto;
    /*外側の余白｜上下余白｜左右余白（auto=センタリング）｜*/
    margin: 0 auto;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr

/* アコーディオンのボタンとなる部分 */
.accordion-area .accordionHead {
    /* 横幅（全体幅　-　左右余白） */
    width: 93%;
    /* 高さ */
    height: auto;
    /*内側の余白｜上余白｜右余白｜下余白｜左余白｜*/
    padding: 10px 0 10px 7%;
    /* 外側の余白 */
    margin: 0;
    /* 背景色｜グラデーション：方向[下へ]｜最初の色｜最後の色 */
    background: linear-gradient(to bottom, #fff, #e7e5e0);
    /* 影｜X方向｜Y方向｜ぼかし｜角丸｜色（赤, 緑, 青, 透明度）｜ */
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
    /* 線｜太さ｜線種｜色｜ */
    border: 1px solid #001E6C;
    /* 角丸 */
    border-radius: 5px;
    /* 文字の大きさ */
    font-size: 20px;
    /* 文字の高さ */
    line-height: 1.5;
    position: relative;

    /* 対象にカーソルが触れた時の反応（矢印になる） */
    cursor: pointer;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr

/* アコーディオンのボタンとなる部分（三角形） */
.accordion-area .accordionHead:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    /* 三角形の大きさ */
    border-width: 8.7px 5px 0 5px;
    /* 三角形の色 */
    border-color: #fff transparent transparent transparent;
    position: absolute;
    /* 三角形の縦位置（上基準） */
    top: 50%;
    /* 三角形の横位置（右基準） */
    right: 42px;
    /* 三角形の縦位置（topに「-」をつけた値 */
    transform: translateY(-50%);
    /* 表示順番 */
    z-index: 3;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr

/* アコーディオンのボタンとなる部分（三角形の背景） */
.accordion-area .accordionHead:after {
    content: '';
    /* 横幅 */
    width: 36px;
    /* 高さ */
    height: 36px;
    /* 背景色 */
    background: #001E6C;
    /* 角丸 */
    border-radius: 5px;
    position: absolute;
    /* 縦位置（上基準） */
    top: 50%;
    /* 横位置（右基準） */
    right: 30px;
    /* 縦位置（topに「-」をつけた値 */
    transform: translateY(-50%);
    /* 表示順番 */
    z-index: 2;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr

/* コンテンツが入る外枠 */
.accordion-area .accordion-inner {
    /* 横幅（全体幅　 - 左右余白） */
    width: calc(100% - 100px);
    /*外側の余白｜上余白｜左右余白（auto=センタリング）｜下余白｜*/
    margin: -3px auto 30px;
    /*内側の余白｜上下余白｜左右余白｜*/
    padding: 30px 50px;
    /* 背景色 */
    background: #fff;
    /* 線｜太さ｜線種｜色｜ */
    border: 1px solid #001E6C;
    /* 初期、非表示 */
    display: none;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr

/* アコーディオンボタンをクリックした時 */
.accordion-area .accordion-inner.active {
    display: block;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr

/* コンテンツを格納している部分 */
.accordion-area .accordion-content {
    /* 横幅 */
    width: 100%;
    /* 高さ */
    height: auto;
    display: flex;
    /*水平方向に間隔を配置する方法。
    flex-start = 左側から配置する
    flex-end = 右側から配置する
    center = 真ん中に配置する
    space-around = 均等配置して両端に間隔を置く
    space-between = 均等配置してエリアの間に間隔を置く
    space-evenly = 均等配置して各アイテム周りに間隔を置く*/
    justify-content: flex-start;
    /*垂直方向にの配置位置を設定。
    center = 中央配置
    flex-start = 先頭にまとめる
    flex-end = 末尾にまとめる*/
    align-items: flex-start;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr

/* アコーディオン内画像部分 */
.accordion-area .accordion-imgBox {
    /* 横幅 */
    width: 40%;
    /* 高さ */
    height: auto;
    /* 外側の右余白 */
    margin-right: 5%;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr

/* 画像 */
.accordion-area .accordion-imgBox img {
    /* 横幅 */
    width: 100%;
    /* 高さ */
    height: auto;
  }

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr

/* アコーディオン内テキスト部分 */
.accordion-area .accordion-textBox {
    /* 横幅 */
    width: 55%;
    /* 高さ */
    height: auto;
}

/* スマホ表示時（768以上でスマホ表示になります、数値は適宜変更してください） */
@media screen and (max-width: 768px) {
    #sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr

    /* コンテンツが入る箇所の設定 */
    .accordion-area .accordion-inner {
      /* 横幅（余白分を引いた値） */
        width: 90%;
        /*内側の余白｜上下余白｜左右余白｜*/
        padding: 30px 5%;
    }

    #sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr

    /* コンテンツを格納している部分 */
    .accordion-area .accordion-content {
        /* 折り返し設定 */
        flex-wrap: wrap;
    }

    #sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr

    /* アコーディオン内画像部分 */
    .accordion-area .accordion-imgBox {
        /* 横幅 */
        width: 100%;
        /* テキスト部分と隣接する余白 */
        margin-bottom: 10px;
        /* PC表示時に使っていたテキスト部分と隣接する余白 */
        margin-right: 0;
    }

    #sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr

    /* アコーディオン内テキスト部分 */
    .accordion-area .accordion-textBox {
        /* 横幅 */
        text-align: right;
        font-size: 9px;
    }
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .sns-box {
    width: 600px;
    position: relative;
    margin: 0 auto;
    overflow-x: hidden;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .sns-box .box {
    /*最大幅の指定。max-widthで指定した値の最大幅以上には広がらずに表示*/
    max-width: 580px;
    border-radius: 10px;
    margin: 0 auto;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .sns-box .profile-img-wrapper {
    margin: 0 5px 2px 0;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .sns-box .profile-img {
    width: 32px;
    border-radius: 50%;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .sns-box .profile-img-hotpink {
    border: 1px solid #e6e6e6;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .sns-box .user-name {
    margin-left: 5px;
    font-weight: bold;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .sns-box .img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: black;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .sns-box .img {
    height: auto;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .sns-box .container {
    padding: 8px 16px 16px;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .sns-box .container>.row {
    margin-top: 8px;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .sns-box .icons-list i:before {
    font-size: 20px;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .sns-box .good-people {
    font-size: 14px;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .sns-box .good-person {
    display: flex;
    align-items: center;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .bold {
    font-weight: bold;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .sns-box .profile-img-wrapper .profile-img {
    display: auto;
    align-items: center;
    margin-right: 5px;
    width: 32px;
    max-width: 32px;
    height: 32px !important;
    object-fit: cover;
    box-sizing: border-box;
    border-radius: 50%;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .sns-box .text {
    font-size: 10px;
    overflow-y: visible;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .sns-box .swiper {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    /*スライド全体の横幅*/
    width: 100%;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .sns-box .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transform: translate3d(0px, 0, 0);
    transition-property: transform;
    box-sizing: content-box;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .sns-box .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 100%;
    height: auto;
    position: relative;
    transition-property: transform;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .sns-box .box {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .swiper-button-next,
#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .swiper-button-prev {
    position: absolute;
    /*進む、戻るボタンの縦位置*/
    top: 50%;
    z-index: 10;
    cursor: pointer;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .swiper-button-next {
    /*進むボタンの横位置（初期：画面右基準）*/
    right: 20px;
    left: auto;
    outline: none;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .swiper-button-prev {
    /*戻るボタンの横位置（初期：画面左基準）*/
    left: 20px;
    right: auto;
    outline: none;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .swiper-button-next::before,
#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .swiper-button-prev::before {
    content: " ";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #e3e3e3;
    opacity: 0.6;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .swiper-button-next::before {
    /*進むボタンの丸*/
    /* border-right: solid 5px #ccc;
    transform: translatey(-50%) rotate(35deg); */
    right: 0;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .swiper-button-prev::before {
    /*戻るボタンの丸*/
    left: 0;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .swiper-button-next::after,
#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .swiper-button-prev::after {
    content: " ";
    width: 5px;
    height: 5px;
    position: absolute;
    top: 50%;
    margin-top: -4.5px;
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .swiper-button-next::after {
    /*進むボタンの線種、線の太さ、線の色*/
    right: 7px;
    border-top: 2px solid #767676;
    border-right: 2px solid #767676;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#sb-part-4836.sb-custom-part-lgknq7ubl7hdaajrtr .swiper-button-prev::after {
    /*戻るボタンの線種、線の太さ、線の色*/
    left: 7px;
    border-top: 2px solid #767676;
    border-left: 2px solid #767676;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#sb-part-2496.sb-custom-part-l4geq442fwp6ogxu2c hr {
    /*上下の余白も含めた全体の高さ*/
    height: 50px;
    position: relative;
    border: none;
}

#sb-part-2496.sb-custom-part-l4geq442fwp6ogxu2c hr:before {
    /*横幅*/
    width: 100%;
    /*水玉の高さ*/
    height: 10px;
    /*水玉の色変更は fill=\'%23の後ろの001E6C部分（６桁）のカラーコードを変更*/
    background-image: url('data:image/svg+xml,%3Csvg width=\'10\' height=\'10\' viewBox=\'0 0 12 12\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cg fill=\'%23001E6C\' fill-opacity=\'1\' fill-rule=\'evenodd\'%3E%3Ccircle cx=\'3\' cy=\'3\' r=\'3\'/%3E%3Ccircle cx=\'9\' cy=\'8\' r=\'3\'/%3E%3C/g%3E%3C/svg%3E');
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translatex(-50%);
}

#sb-part-815.sb-custom-part-lg0l9zz7hbdy0zngk5g

/* 全体の設定 */
.ribonHead {
    /*外側の余白｜上余白｜左右余白｜下余白｜*/
    margin: 2em 50px 1em;
    /* 横幅（全体 - 左右余白） */
    width: calc(100% - 100px);
    /* 文字間 */
    letter-spacing: .04em;
    display: flex;
    /*水平方向に間隔を配置する方法。
    flex-start = 左側から配置する
    center = センタリングする
    flex-end = 右側から配置する*/
    justify-content: center;
}

#sb-part-815.sb-custom-part-lg0l9zz7hbdy0zngk5g

/* リボン内のテキストが入る所 */
.ribonHead span {
    /*横幅*/
    width: 100%;
    /*文字色*/
    color: #000000;
    /*背景色*/
    background: #ffd700;
    /*文字サイズ*/
    font-size: 16px;
    /* 文字の位置 */
    text-align: center;
    display: flex;
    /*水平方向に間隔を配置する方法。
    flex-start = 左側から配置する
    center = センタリングする
    flex-end = 右側から配置する*/
    justify-content: center;
    /*垂直方向にの配置位置を設定。
    center = 中央配置
    flex-start = 先頭にまとめる
    flex-end = 末尾にまとめる*/
    align-items: center;
}

#sb-part-815.sb-custom-part-lg0l9zz7hbdy0zngk5g .ribonHead:before,
#sb-part-815.sb-custom-part-lg0l9zz7hbdy0zngk5g .ribonHead:after {
    display: block;
    height: 0px;
    content: '';
    /*上部の背景色に合わせる（3行以上になる場合は、1行=20pxずつ追加してください）*/
    border: 49px solid #ffd700;
}

#sb-part-815.sb-custom-part-lg0l9zz7hbdy0zngk5g .ribonHead:before {
    /* left: -40px; */
    border-left-width: 15px;
    border-left-color: transparent;
}

#sb-part-815.sb-custom-part-lg0l9zz7hbdy0zngk5g .ribonHead:after {
    /* right: -40px; */
    border-right-width: 15px;
    border-right-color: transparent;
}


/* スマホ表示の時 */
@media screen and (max-width: 767px) {
    #sb-part-815.sb-custom-part-lg0l9zz7hbdy0zngk5g .ribonHead {
        /*外側の余白｜上余白｜左右余白｜下余白｜*/
        margin: 2em 0 1em;
        /* 横幅 */
        width: 100%;
    }
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

/*全体の設定*/
.productIntro__box {
    /*固定の横幅を設定する場合は下記「width」のコメントを取って、適宜サイズを設定してください*/
    /* width: 700px; */
    /*横の最大幅*/
    max-width: 100%;
    /*高さ*/
    height: auto;
    /*内側の余白*/
    padding: 0;
    /*外側の余白｜上下余白｜左右余白（auto=センタリング）｜*/
    margin: 0px auto;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

/*商品名＆ランキングの設定*/
.productIntro__box .productIntro__head {
    width: 100%;
    /*商品名と商品写真の余白*/
    margin-bottom: 20px;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

/*商品名の設定*/
.productIntro__box .productIntro__head .head {
    /*文字の大きさ*/
    font-size: 1.5em;
    /*文字色*/
    color: #FF577F;
    /*文字の太さ*/
    font-weight: bold;
    /*見出しの余白（内側）*/
    padding: 0 10px 10px;
    /*見出し下の下線｜太さ｜線種｜線の色｜*/
    border-bottom: 4px dotted #FF577F;
    display: flex;
    /*水平方向に間隔を配置する方法。
    flex-start = 左側から配置する
    flex-end = 右側から配置する
        space-around = 均等配置して両端に間隔を置く
        space-between = 均等配置してエリアの間に間隔を置く
        space-evenly = 均等配置して各アイテム周りに間隔を置く*/
    justify-content: flex-start;
    /*垂直方向にの配置位置を設定。
        center = 中央配置
        flex-start = 先頭にまとめる
        flex-end = 末尾にまとめる*/
    align-items: center;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

/*ランキング部分の設定*/
.productIntro__box .productIntro__head .head .ranking {
    /*数字部分の文字の大きさ*/
    font-size: 27px;
    position: relative;
    /*文字の大きさを変更したら、余白の大きさを適宜変更してください
    内側の余白｜上下余白｜左右余白｜*/
    padding: 0 31px;
    /*数字部分のフォント*/
    font-family: Geogia, serif;
    /*重なりの順番*/
    z-index: 1;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

/*冠の設定*/
.productIntro__box .productIntro__head .head .ranking:after {
    content: '';
    /*横幅*/
    width: 75px;
    /*高さ*/
    height: 51px;
    /*重なりの順番（数字の下）*/
    z-index: -1;
    position: absolute;
    /*冠の位置（上基準）*/
    top: 1px;
    /*冠の位置（左基準）*/
    left: 0;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

/*1位の冠の画像*/
.productIntro__box .productIntro__head .head .ranking.no1:after {
    content: '';
    /*1位の冠画像の入れ替えは下記URLになります*/
    background: url("https://file.mysquadbeyond.com/uploads/article_photo/photo/649924/a8f23199-8da1-4f06-af65-98d0c61022d6.png");
    background-size: contain;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

/*冠の横幅を変更したら「75px」部分を同様の数値に変更してください*/
.productIntro__box .productIntro__head .head .productName {
    width: calc(100% - 75px);
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

/*商品画像、おすすめポイント！部分の設定*/
.productIntro__box .productIntro__content {
    /*横幅*/
    width: 100%;
    /*おすすめポイント！と商品詳細の間の余白*/
    margin-bottom: 5px;
    display: flex;
    /*水平方向に間隔を配置する方法。
        flex-start = 左側から配置する
        flex-end = 右側から配置する
        space-around = 均等配置して両端に間隔を置く
        space-between = 均等配置してエリアの間に間隔を置く
        space-evenly = 均等配置して各アイテム周りに間隔を置く*/
    justify-content: flex-start;
    /*商品画像、おすすめポイントの横幅が合計100%以上（もしくはエリア幅以上）であれば改行する*/
    flex-wrap: wrap;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

/*商品画像部分の設定*/
.productIntro__box .productIntro__content .product__img {
    /*横幅*/
    width: 35%;
    /*高さ*/
    height: 100%;
    /*右側の余白（PC表示時）*/
    margin-right: auto;
}

/*商品画像とオススメポイントのスマホ表示時の設定
（スマホ表示の際、PCと同様に横配列にする場合は下記7行をコメントアウトしてください）*/
@media screen and (max-width: 768px) {
    #sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

    /*商品画像部分の設定*/
    .productIntro__box .productIntro__content .product__img {
        /*横幅*/
        width: 100%;
        /*右側の余白*/
        margin-right: 0;
        /*商品画像とおすすめポイント！の間の余白*/
        margin-bottom: 10px;
    }
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 .productIntro__box .productIntro__content .product {
    width: 100%;
    height: auto;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 .product__img {
    width: 35%;
    height: 100%;

    border: 9px solid #FF577F;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

/*おすすめポイント！部分の設定*/
.productIntro__box .productIntro__content .product__text {
    /*横幅（商品画像とおすすめポイント！を横に並べる場合は横幅＆余白合計を100%以内にしてください）*/
    width: 60%;
    /*高さ*/
    height: auto;
}

/*商品画像とオススメポイントのスマホ表示時の設定
（スマホ表示の際、PCと同様に横配列にする場合は下記7行をコメントアウトしてください）*/
@media screen and (max-width: 768px) {
    #sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

    /*おすすめポイント！部分の設定*/
    .productIntro__box .productIntro__content .product__text {
        /*横幅*/
        width: 100%;
    }
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

/*「おすすめポイント！」の設定*/
.productIntro__box .productIntro__content .product__text .pointText {
    /*文字の大きさ*/
    font-size: 1.5em;
    /*文字の太さ*/
    font-weight: bold;
    /*文字の色*/
    color: #FF577F;
    /*文字周りの余白（現在下のみ）*/
    margin: 0 0 5px;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

/*おすすめポイント！のリストの箱設定*/
.productIntro__box .productIntro__content .product__text .productList__box {
    padding: 0;
    margin: 0;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

/*リスト部分の設定*/
.productIntro__box .productIntro__content .product__text .productList__box .productList {
    /*リストスタイル（オリジナルのリストアイコンを使用のためnone）*/
    list-style: none;
    position: relative;
    /*リスト左のアイコンのための余白*/
    padding-left: 2.5rem;
    /*リスト同士の余白（現在下につけています）*/
    margin-bottom: 10px;
	font-size: 16px !important;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

/*リストアイコン*/
/*リストアイコン*/
.productIntro__box .productIntro__content .product__text .productList__box .productList:before {
    content: '';
    /*外側の上下左右の余白*/
    margin: 0;
    position: absolute;
    /*縦位置（上基準）*/
    top: 5px;
    /*横位置（左基準）*/
    left: 0;
    /*アイコンの横幅*/
    width: 8px;
    /*アイコンの高さ*/
    height: 8px;
    /*アイコンの角丸*/
    border-radius: 4px;
    /*アイコンの色（左上の丸）*/
    background: #FF577F;
    /*アイコンの位置（横位置｜縦位置）と色｜右上｜左下｜右下｜
    1つずつの形は左上のものと同じになります*/
    box-shadow: 9px 0 #FF577F, 0 9px #FF577F, 9px 9px #FF577F;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

/*おすすめポイント！リストの最後*/
.productIntro__box .productIntro__content .product__text .productList__box .productList:last-of-type {
    /*外側の下余白*/
    margin-bottom: 10px;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

/*商品詳細部分の設定*/
.productIntro__box .product__detail {
    /*背景色*/
    background: #f8f8ff;
    border: solid 2px #FF577F;
    border-radius: 5px;
    /*内側の余白*/
    padding: 10px;
    margin: 0 5px 10px 0;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 .productIntro__box .product__detail .productDetail__box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

/*商品詳細の見出し*/
.productIntro__box .product__detail .productDetail__box .detailTitle {
    /*横幅*/
    width: 90px;
    /*テキストの配置*/
    text-align: center;
    /*背景色*/
    background: #FCD900;
    /*内側余白*/
    padding: 10px 0;
    /*外側余白*/
    margin: 0 5px 10px 0;
    position: relative;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

/*商品詳細の見出し上にある飾り*/
.productIntro__box .product__detail .productDetail__box .detailTitle:before {
    content: '';
    /*上線｜太さ｜線種｜色｜*/
    border-top: 1px dashed white;
    position: absolute;
    /*縦位置（上基準）*/
    top: 3px;
    /*横位置（左基準）*/
    left: 0;
    /*横幅*/
    width: 100%;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

/*商品詳細の見出し下にある飾り*/
.productIntro__box .product__detail .productDetail__box .detailTitle:after {
    content: '';
    /*下線｜太さ｜線種｜色｜*/
    border-top: 1px dashed white;
    position: absolute;
    /*縦位置（下基準）*/
    bottom: 3px;
    /*横位置（左基準）*/
    left: 0;
    /*横幅*/
    width: 100%;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

/*商品詳細の内容部分の設定*/
.productIntro__box .product__detail .productDetail__box .detailText {
    /*商品詳細の見出しの横幅、もしくは余白を変更した場合は下記も変更してください*/
    width: calc(100% - 95px);
    /*外側の余白｜上余白｜左右余白｜下余白｜*/
    margin: 0 0 10px;
    /*行間（商品見出しと同じ高さにすることによって垂直方向のセンタリングをする）*/
    line-height: 50px;
    text-align: left
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

/*商品詳細の内容で使用する赤文字*/
.productIntro__box .product__detail .productDetail__box .detailText.clr-red {
    /*文字色*/
    color: #DA1212;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

/*「総合評価」の★の設定*/
.productIntro__box .product__detail .productDetail__box .detailText.rate {
    position: relative;
    display: inline-block;
    /*★の大きさ*/
    font-size: 25px;
    /*はみ出た要素を非表示にする*/
    overflow: hidden;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

/*総合評価に使用する記号等*/
.productIntro__box .product__detail .productDetail__box .detailText.rate:before,
#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 .productIntro__box .product__detail .productDetail__box .detailText.rate:after {
    content: "★★★★★";
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

/*星の色が薄い部分*/
.productIntro__box .product__detail .productDetail__box .detailText.rate:before {
    /*文字色*/
    color: #ccc;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

/*星の色が黄色い部分*/
.productIntro__box .product__detail .productDetail__box .detailText.rate:after {
    position: absolute;
    /*横位置（左基準）*/
    left: 0;
    /*縦位置（上基準）*/
    top: 0;
    /*文字色*/
    color: #FFA500;
    /*はみ出た要素を非表示にする*/
    overflow: hidden;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

/*色あり記号にする設定*/
.productIntro__box .product__detail .productDetail__box .detailText.rate.star1:after {
    /*1文字分*/
    width: 1em;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 .productIntro__box .product__detail .productDetail__box .detailText.rate.star2:after {
    width: 2em;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 .productIntro__box .product__detail .productDetail__box .detailText.rate.star3:after {
    width: 3em;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 .productIntro__box .product__detail .productDetail__box .detailText.rate.star4:after {
    width: 4em;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 .productIntro__box .product__detail .productDetail__box .detailText.rate.star5:after {
    width: 5em;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

/*「初回価格」の文字が大きい部分*/
.productIntro__box .product__detail .productDetail__box .detailText .firstPrice {
    /*文字の大きさ*/
    font-size: 20px;
    /*文字の太さ*/
    font-weight: bold;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 .btn-area {
    /*ボタン周りの余白。上下｜左右*/
    margin: 0.5em 0;
    /*ボタンの水平方向配置。左寄せは flex-start 、真ん中寄せは center、右寄せはflex-end*/
    justify-content: center;
    display: flex;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 .btn {
    /*横幅サイズを変更する場合は下記autoを20%から100%で変更できます*/
    width: auto;
    /*文字の大きさ*/
    font-size: 16px;
    /*ボタンの色*/
    background-color: #25b327;
    /*文字の色*/
    color: #EEEEEE;
    /*文字の太さ。太字はbold、標準の太さはnormal*/
    font-weight: bold;
    /*水平方向の字間のスペース*/
    letter-spacing: 0.1em;
    /*ボタンの高さを指定*/
    line-height: 1.5;
    /*ボタン内側の余白。上下｜左右*/
    padding: 16px 64px;
    /*角を丸くする指定*/
    border-radius: 5rem;
    /*ボタンの影の指定。insetを指定している行は、ボックスの内側に描画されます。無しは外側。
    カンマで区切ることで複数の影レイヤーを重ねられます。
    左右の向き｜上下の向き｜ぼかし｜広がり｜色
    rgbaはRed（赤）,Green（緑）,Blue（青）,Alpha（透明度）の略。RGBは0から255まで、Alphaは0.1から1まで*/
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5),
        7px 7px 20px 0px rgba(0, 0, 0, 0.1),
        4px 4px 5px 0px rgba(0, 0, 0, 0.1);
    /*文字にも影を指定できます*/
    text-shadow: 2px 2px 3px rgba(255, 255, 255, .5),
        -4px -4px 6px rgba(116, 125, 136, .2);
    /*アニメーション。変化の対象、変化の始まりから終わりまでの時間、変化の仕方の順に指定*/
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: none;
    box-sizing: border-box;
    outline: none;
    overflow: hidden;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 .btn:hover {
    /*ボタンの上にカーソルを乗せた時の文字の色*/
    color: #825121;
    /*ボタンの上にカーソルを乗せた時の背景色を指定*/
    background-color: #fac186;
    text-decoration: none;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 .btn:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    /*きらりと光るアニメーションのスタート位置*/
    left: 0;
    /*きらりと光るアニメーションの幅*/
    width: 30px;
    /*きらりと光るアニメーションの高さ*/
    height: 100%;
    /*きらりと光るアニメーションの色*/
    background-color: #fff;
    /*きらりと光るアニメーションの指定*/
    animation: shiny-brite 3s ease-in-out infinite;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 .btn:active {
    /*ボタンを押した時に凹むアニメーション*/
    box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .3),
        -4px -4px 6px 0 rgba(116, 125, 136, .2),
        inset -4px -4px 6px 0 rgba(255, 255, 255, .2),
        inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}


@-webkit-keyframes shiny-brite {

    /*アニメーションの流れに沿った中間ステップのキーフレーム指定*/
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0;
    }

    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0.5;
    }

    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0;
    }
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 .cp_actab {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    border: 3px solid #FCD900;
    border-radius: 10px;
    color: #333;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 .cp_actab input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 .cp_actab label {
    font-weight: bold;
    line-height: 3;
    position: relative;
    display: block;
    padding: 0 0 0 1em;
    cursor: pointer;
    margin: 0 0 1px 0;
    background: #ffff;
    text-align: center
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 .cp_actab .cp_actab-content {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 0.35s;
    transition: max-height 0.35s;
    color: #333;
    background: #fff;
    border-radius: 10px;

}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 .cp_actab .cp_actab-content p {
    margin: 1em;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

/* :checked */
.cp_actab input:checked~.cp_actab-content {
    max-height: 20em;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4

/* Icon */
.cp_actab label::after {
    line-height: 3;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 3em;
    height: 3em;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    text-align: center;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 .cp_actab input[type=checkbox]+label::after {
    content: '+';
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 .cp_actab input[type=checkbox]:checked+label::after {
    transform: rotate(315deg);
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 .box {
    /*最大幅の指定。max-widthで指定した値の最大幅以上には広がらずに表示*/
    max-width: 580px;
    /*背景色*/
    background-color: #fff;
    /*角を丸くする*/
    border-radius: 10px;
    /*影の指定。左から、水平方向の距離、垂直方向の距離、ぼかし距離、広がり距離、影の色の順。
    rgba色は r=Red、g=Green、b=Blue、a=Alpha透明度。rgbは0から255まで。aは0から1まで。*/
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    /*枠内側の余白。上、左右、下の順*/
    padding: 12px 12px;
    /*枠外側の余白。上、左右、下の順*/
    margin: 0 auto;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;

}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 h4.kutikomi-title {
    /*タイトル周りの余白。左の値が上、真ん中の値が左右、右の値が下の余白*/
    margin: 0 0 12px;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 .parent {
    display: flex;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 .child-left {
    margin-right: 12px;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 .child-left img {
    /*画像サイズは下記３行それぞれ同じに変更ください*/
    width: 80px;
    min-width: 80px;
    height: 80px !Important;
    /*画像を丸くしない場合は下記を削除*/
    border-radius: 50%;
    object-fit: cover;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 .child-right {
    height: auto;
    flex-grow: 1;
    padding: 0 0 0 12px;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 dl {
    margin: 0;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 dt {
    /*クチコミ文字サイズ*/
    font-size: 14px;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 dd {
    /*名前・歳文字サイズ*/
    font-size: 14px;
    margin: 0;
    text-align: right;
}

#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 p.plus {
    /*注釈の文字サイズ*/
    font-size: 10px;
    /*注釈の文字色*/
    color: #8B8A8A;
    margin: 10px 0 0;
    line-height: 1.4;
    text-align: right;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .btn-area {
    /*ボタン周りの余白。上下｜左右*/
    margin: 0.5em 0;
    /*ボタンの水平方向配置。左寄せは flex-start 、真ん中寄せは center、右寄せはflex-end*/
    justify-content: center;
    display: flex;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .btn {
    /*横幅サイズを変更する場合は下記autoを20%から100%で変更できます*/
    width: auto;
    /*文字の大きさ*/
    font-size: 16px;
    /*ボタンの色*/
    background-color: #32cd32;
    /*文字の色*/
    color: #EEEEEE;
    /*文字の太さ。太字はbold、標準の太さはnormal*/
    font-weight: bold;
    /*水平方向の字間のスペース*/
    letter-spacing: 0.1em;
    /*ボタンの高さを指定*/
    line-height: 1.5;
    /*ボタン内側の余白。上下｜左右*/
    padding: 16px 64px;
    /*角を丸くする指定*/
    border-radius: 5rem;
    /*ボタンの影の指定。insetを指定している行は、ボックスの内側に描画されます。無しは外側。
    カンマで区切ることで複数の影レイヤーを重ねられます。
    左右の向き｜上下の向き｜ぼかし｜広がり｜色
    rgbaはRed（赤）,Green（緑）,Blue（青）,Alpha（透明度）の略。RGBは0から255まで、Alphaは0.1から1まで*/
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5),
        7px 7px 20px 0px rgba(0, 0, 0, 0.1),
        4px 4px 5px 0px rgba(0, 0, 0, 0.1);
    /*文字にも影を指定できます*/
    text-shadow: 2px 2px 3px rgba(255, 255, 255, .5),
        -4px -4px 6px rgba(116, 125, 136, .2);
    /*アニメーション。変化の対象、変化の始まりから終わりまでの時間、変化の仕方の順に指定*/
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: none;
    box-sizing: border-box;
    outline: none;
    overflow: hidden;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .btn:hover {
    /*ボタンの上にカーソルを乗せた時の文字の色*/
    color: #825121;
    /*ボタンの上にカーソルを乗せた時の背景色を指定*/
    background-color: #fac186;
    text-decoration: none;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .btn:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    /*きらりと光るアニメーションのスタート位置*/
    left: 0;
    /*きらりと光るアニメーションの幅*/
    width: 30px;
    /*きらりと光るアニメーションの高さ*/
    height: 100%;
    /*きらりと光るアニメーションの色*/
    background-color: #fff;
    /*きらりと光るアニメーションの指定*/
    animation: shiny-brite 3s ease-in-out infinite;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .btn:active {
    /*ボタンを押した時に凹むアニメーション*/
    box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .3),
    -4px -4px 6px 0 rgba(116, 125, 136, .2),
    inset -4px -4px 6px 0 rgba(255, 255, 255, .2),
    inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}


@-webkit-keyframes shiny-brite {

    /*アニメーションの流れに沿った中間ステップのキーフレーム指定*/
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0;
    }

    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0.5;
    }

    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0;
    }
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9

/* 全体の設定 */
.accordion-area {
    /* 横幅（PC表示時） */
    width: 700px;
    /* 最大幅 */
    max-width: 100%;
    /* 高さ */
    height: auto;
    /*外側の余白｜上下余白｜左右余白（auto=センタリング）｜*/
    margin: 0 auto;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9

/* アコーディオンのボタンとなる部分 */
.accordion-area .accordionHead {
    /* 横幅（全体幅　-　左右余白） */
    width: 93%;
    /* 高さ */
    height: auto;
    /*内側の余白｜上余白｜右余白｜下余白｜左余白｜*/
    padding: 10px 0 10px 7%;
    /* 外側の余白 */
    margin: 0;
    /* 背景色｜グラデーション：方向[下へ]｜最初の色｜最後の色 */
    background: linear-gradient(to bottom, #fff, #e7e5e0);
    /* 影｜X方向｜Y方向｜ぼかし｜角丸｜色（赤, 緑, 青, 透明度）｜ */
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
    /* 線｜太さ｜線種｜色｜ */
    border: 1px solid #001E6C;
    /* 角丸 */
    border-radius: 5px;
    /* 文字の大きさ */
    font-size: 20px;
    /* 文字の高さ */
    line-height: 1.5;
    position: relative;

    /* 対象にカーソルが触れた時の反応（矢印になる） */
    cursor: pointer;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9

/* アコーディオンのボタンとなる部分（三角形） */
.accordion-area .accordionHead:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    /* 三角形の大きさ */
    border-width: 8.7px 5px 0 5px;
    /* 三角形の色 */
    border-color: #fff transparent transparent transparent;
    position: absolute;
    /* 三角形の縦位置（上基準） */
    top: 50%;
    /* 三角形の横位置（右基準） */
    right: 42px;
    /* 三角形の縦位置（topに「-」をつけた値 */
    transform: translateY(-50%);
    /* 表示順番 */
    z-index: 3;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9

/* アコーディオンのボタンとなる部分（三角形の背景） */
.accordion-area .accordionHead:after {
    content: '';
    /* 横幅 */
    width: 36px;
    /* 高さ */
    height: 36px;
    /* 背景色 */
    background: #001E6C;
    /* 角丸 */
    border-radius: 5px;
    position: absolute;
    /* 縦位置（上基準） */
    top: 50%;
    /* 横位置（右基準） */
    right: 30px;
    /* 縦位置（topに「-」をつけた値 */
    transform: translateY(-50%);
    /* 表示順番 */
    z-index: 2;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9

/* コンテンツが入る外枠 */
.accordion-area .accordion-inner {
    /* 横幅（全体幅　 - 左右余白） */
    width: calc(100% - 100px);
    /*外側の余白｜上余白｜左右余白（auto=センタリング）｜下余白｜*/
    margin: -3px auto 30px;
    /*内側の余白｜上下余白｜左右余白｜*/
    padding: 30px 50px;
    /* 背景色 */
    background: #fff;
    /* 線｜太さ｜線種｜色｜ */
    border: 1px solid #001E6C;
    /* 初期、非表示 */
    display: none;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9

/* アコーディオンボタンをクリックした時 */
.accordion-area .accordion-inner.active {
    display: block;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9

/* コンテンツを格納している部分 */
.accordion-area .accordion-content {
    /* 横幅 */
    width: 100%;
    /* 高さ */
    height: auto;
    display: flex;
    /*水平方向に間隔を配置する方法。
    flex-start = 左側から配置する
    flex-end = 右側から配置する
    center = 真ん中に配置する
    space-around = 均等配置して両端に間隔を置く
    space-between = 均等配置してエリアの間に間隔を置く
    space-evenly = 均等配置して各アイテム周りに間隔を置く*/
    justify-content: flex-start;
    /*垂直方向にの配置位置を設定。
    center = 中央配置
    flex-start = 先頭にまとめる
    flex-end = 末尾にまとめる*/
    align-items: flex-start;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9

/* アコーディオン内画像部分 */
.accordion-area .accordion-imgBox {
    /* 横幅 */
    width: 40%;
    /* 高さ */
    height: auto;
    /* 外側の右余白 */
    margin-right: 5%;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9

/* 画像 */
.accordion-area .accordion-imgBox img {
    /* 横幅 */
    width: 100%;
    /* 高さ */
    height: auto;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9

/* アコーディオン内テキスト部分 */
.accordion-area .accordion-textBox {
    /* 横幅 */
    width: 55%;
    /* 高さ */
    height: auto;
}





/* スマホ表示時（768以上でスマホ表示になります、数値は適宜変更してください） */
@media screen and (max-width: 768px) {
    #sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9

    /* コンテンツが入る箇所の設定 */
    .accordion-area .accordion-inner {
        /* 横幅（余白分を引いた値） */
        width: 90%;
        /*内側の余白｜上下余白｜左右余白｜*/
        padding: 30px 5%;
    }

    #sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9

    /* コンテンツを格納している部分 */
    .accordion-area .accordion-content {
        /* 折り返し設定 */
        flex-wrap: wrap;
    }

    #sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9

    /* アコーディオン内画像部分 */
    .accordion-area .accordion-imgBox {
        /* 横幅 */
        width: 100%;
        /* テキスト部分と隣接する余白 */
        margin-bottom: 10px;
        /* PC表示時に使っていたテキスト部分と隣接する余白 */
        margin-right: 0;
    }

    #sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9

    /* アコーディオン内テキスト部分 */
    .accordion-area .accordion-textBox {
        /* 横幅 */
        text-align: right;
        font-size: 9px;
    }
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .sns-box {
    width: 600px;
    position: relative;
    margin: 0 auto;
    overflow-x: hidden;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .sns-box .box {
    /*最大幅の指定。max-widthで指定した値の最大幅以上には広がらずに表示*/
    max-width: 580px;
    border-radius: 10px;
    margin: 0 auto;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .sns-box .profile-img-wrapper {
    margin: 0 5px 2px 0;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .sns-box .profile-img {
    width: 32px;
    border-radius: 50%;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .sns-box .profile-img-hotpink {
    border: 1px solid #e6e6e6;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .sns-box .user-name {
    margin-left: 5px;
    font-weight: bold;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .sns-box .img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: black;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .sns-box .img {
    height: auto;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .sns-box .container {
    padding: 8px 16px 16px;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .sns-box .container>.row {
    margin-top: 8px;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .sns-box .icons-list i:before {
    font-size: 20px;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .sns-box .good-people {
    font-size: 14px;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .sns-box .good-person {
    display: flex;
    align-items: center;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .bold {
    font-weight: bold;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .sns-box .profile-img-wrapper .profile-img {
    display: auto;
    align-items: center;
    margin-right: 5px;
    width: 32px;
    max-width: 32px;
    height: 32px !important;
    object-fit: cover;
    box-sizing: border-box;
    border-radius: 50%;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .sns-box .text {
    font-size: 10px;
    overflow-y: visible;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .sns-box .swiper {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    /*スライド全体の横幅*/
    width: 100%;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .sns-box .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transform: translate3d(0px, 0, 0);
    transition-property: transform;
    box-sizing: content-box;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .sns-box .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 100%;
    height: auto;
    position: relative;
    transition-property: transform;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .sns-box .box {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .swiper-button-next,
#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .swiper-button-prev {
    position: absolute;
    /*進む、戻るボタンの縦位置*/
    top: 50%;
    z-index: 10;
    cursor: pointer;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .swiper-button-next {
    /*進むボタンの横位置（初期：画面右基準）*/
    right: 20px;
    left: auto;
    outline: none;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .swiper-button-prev {
    /*戻るボタンの横位置（初期：画面左基準）*/
    left: 20px;
    right: auto;
    outline: none;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .swiper-button-next::before,
#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .swiper-button-prev::before {
    content: " ";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #e3e3e3;
    opacity: 0.6;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .swiper-button-next::before {
    /*進むボタンの丸*/
    /* border-right: solid 5px #ccc;
    transform: translatey(-50%) rotate(35deg); */
    right: 0;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .swiper-button-prev::before {
    /*戻るボタンの丸*/
    left: 0;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .swiper-button-next::after,
#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .swiper-button-prev::after {
    content: " ";
    width: 5px;
    height: 5px;
    position: absolute;
    top: 50%;
    margin-top: -4.5px;
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .swiper-button-next::after {
    /*進むボタンの線種、線の太さ、線の色*/
    right: 7px;
    border-top: 2px solid #767676;
    border-right: 2px solid #767676;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#sb-part-4836.sb-custom-part-lgame3d9mlwgixu3md9 .swiper-button-prev::after {
    /*戻るボタンの線種、線の太さ、線の色*/
    left: 7px;
    border-top: 2px solid #767676;
    border-left: 2px solid #767676;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#sb-part-2496.sb-custom-part-l4geq442fwp6ogxu2c hr {
    /*上下の余白も含めた全体の高さ*/
    height: 50px;
    position: relative;
    border: none;
}

#sb-part-2496.sb-custom-part-l4geq442fwp6ogxu2c hr:before {
    /*横幅*/
    width: 100%;
    /*水玉の高さ*/
    height: 10px;
    /*水玉の色変更は fill=\'%23の後ろの001E6C部分（６桁）のカラーコードを変更*/
    background-image: url('data:image/svg+xml,%3Csvg width=\'10\' height=\'10\' viewBox=\'0 0 12 12\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cg fill=\'%23001E6C\' fill-opacity=\'1\' fill-rule=\'evenodd\'%3E%3Ccircle cx=\'3\' cy=\'3\' r=\'3\'/%3E%3Ccircle cx=\'9\' cy=\'8\' r=\'3\'/%3E%3C/g%3E%3C/svg%3E');
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translatex(-50%);
}



#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

/*全体の設定*/
.productIntro__box {
    /*固定の横幅を設定する場合は下記「width」のコメントを取って、適宜サイズを設定してください*/
    /* width: 700px; */
    /*横の最大幅*/
    max-width: 100%;
    /*高さ*/
    height: auto;
    /*内側の余白*/
    padding: 0;
    /*外側の余白｜上下余白｜左右余白（auto=センタリング）｜*/
    margin: 0px auto;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

/*商品名＆ランキングの設定*/
.productIntro__box .productIntro__head {
    width: 100%;
    /*商品名と商品写真の余白*/
    margin-bottom: 20px;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

/*商品名の設定*/
.productIntro__box .productIntro__head .head {
    /*文字の大きさ*/
    font-size: 1.5em;
    /*文字色*/
    color: #FF577F;
    /*文字の太さ*/
    font-weight: bold;
    /*見出しの余白（内側）*/
    padding: 0 10px 10px;
    /*見出し下の下線｜太さ｜線種｜線の色｜*/
    border-bottom: 4px dotted #FF577F;
    display: flex;
    /*水平方向に間隔を配置する方法。
    flex-start = 左側から配置する
    flex-end = 右側から配置する
        space-around = 均等配置して両端に間隔を置く
        space-between = 均等配置してエリアの間に間隔を置く
        space-evenly = 均等配置して各アイテム周りに間隔を置く*/
    justify-content: flex-start;
    /*垂直方向にの配置位置を設定。
        center = 中央配置
        flex-start = 先頭にまとめる
        flex-end = 末尾にまとめる*/
    align-items: center;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

/*ランキング部分の設定*/
.productIntro__box .productIntro__head .head .ranking {
    /*数字部分の文字の大きさ*/
    font-size: 27px;
    position: relative;
    /*文字の大きさを変更したら、余白の大きさを適宜変更してください
    内側の余白｜上下余白｜左右余白｜*/
    padding: 0 31px;
    /*数字部分のフォント*/
    font-family: Geogia, serif;
    /*重なりの順番*/
    z-index: 1;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

/*冠の設定*/
.productIntro__box .productIntro__head .head .ranking:after {
    content: '';
    /*横幅*/
    width: 75px;
    /*高さ*/
    height: 51px;
    /*重なりの順番（数字の下）*/
    z-index: -1;
    position: absolute;
    /*冠の位置（上基準）*/
    top: 1px;
    /*冠の位置（左基準）*/
    left: 0;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

/*1位の冠の画像*/
.productIntro__box .productIntro__head .head .ranking.no1:after {
    content: '';
    /*1位の冠画像の入れ替えは下記URLになります*/
    background: url("https://file.mysquadbeyond.com/uploads/article_photo/photo/649924/a8f23199-8da1-4f06-af65-98d0c61022d6.png");
    background-size: contain;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

/*冠の横幅を変更したら「75px」部分を同様の数値に変更してください*/
.productIntro__box .productIntro__head .head .productName {
    width: calc(100% - 75px);
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

/*商品画像、おすすめポイント！部分の設定*/
.productIntro__box .productIntro__content {
    /*横幅*/
    width: 100%;
    /*おすすめポイント！と商品詳細の間の余白*/
    margin-bottom: 5px;
    display: flex;
    /*水平方向に間隔を配置する方法。
        flex-start = 左側から配置する
        flex-end = 右側から配置する
        space-around = 均等配置して両端に間隔を置く
        space-between = 均等配置してエリアの間に間隔を置く
        space-evenly = 均等配置して各アイテム周りに間隔を置く*/
    justify-content: flex-start;
    /*商品画像、おすすめポイントの横幅が合計100%以上（もしくはエリア幅以上）であれば改行する*/
    flex-wrap: wrap;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

/*商品画像部分の設定*/
.productIntro__box .productIntro__content .product__img {
    /*横幅*/
    width: 35%;
    /*高さ*/
    height: 100%;
    /*右側の余白（PC表示時）*/
    margin-right: auto;
}

/*商品画像とオススメポイントのスマホ表示時の設定
（スマホ表示の際、PCと同様に横配列にする場合は下記7行をコメントアウトしてください）*/
@media screen and (max-width: 768px) {
    #sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

    /*商品画像部分の設定*/
    .productIntro__box .productIntro__content .product__img {
        /*横幅*/
        width: 100%;
        /*右側の余白*/
        margin-right: 0;
        /*商品画像とおすすめポイント！の間の余白*/
        margin-bottom: 10px;
    }
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf .productIntro__box .productIntro__content .product {
    width: 100%;
    height: auto;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf .product__img {
    width: 35%;
    height: 100%;

    border: 9px solid #FF577F;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

/*おすすめポイント！部分の設定*/
.productIntro__box .productIntro__content .product__text {
    /*横幅（商品画像とおすすめポイント！を横に並べる場合は横幅＆余白合計を100%以内にしてください）*/
    width: 60%;
    /*高さ*/
    height: auto;
}

/*商品画像とオススメポイントのスマホ表示時の設定
（スマホ表示の際、PCと同様に横配列にする場合は下記7行をコメントアウトしてください）*/
@media screen and (max-width: 768px) {
    #sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

    /*おすすめポイント！部分の設定*/
    .productIntro__box .productIntro__content .product__text {
        /*横幅*/
        width: 100%;
    }
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

/*「おすすめポイント！」の設定*/
.productIntro__box .productIntro__content .product__text .pointText {
    /*文字の大きさ*/
    font-size: 1.5em;
    /*文字の太さ*/
    font-weight: bold;
    /*文字の色*/
    color: #FF577F;
    /*文字周りの余白（現在下のみ）*/
    margin: 0 0 5px;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

/*おすすめポイント！のリストの箱設定*/
.productIntro__box .productIntro__content .product__text .productList__box {
    padding: 0;
    margin: 0;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

/*リスト部分の設定*/
.productIntro__box .productIntro__content .product__text .productList__box .productList {
    /*リストスタイル（オリジナルのリストアイコンを使用のためnone）*/
    list-style: none;
    position: relative;
    /*リスト左のアイコンのための余白*/
    padding-left: 2.5rem;
    /*リスト同士の余白（現在下につけています）*/
    margin-bottom: 10px;
	font-size: 16px !important;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

/*リストアイコン*/
/*リストアイコン*/
.productIntro__box .productIntro__content .product__text .productList__box .productList:before {
    content: '';
    /*外側の上下左右の余白*/
    margin: 0;
    position: absolute;
    /*縦位置（上基準）*/
    top: 5px;
    /*横位置（左基準）*/
    left: 0;
    /*アイコンの横幅*/
    width: 8px;
    /*アイコンの高さ*/
    height: 8px;
    /*アイコンの角丸*/
    border-radius: 4px;
    /*アイコンの色（左上の丸）*/
    background: #FF577F;
    /*アイコンの位置（横位置｜縦位置）と色｜右上｜左下｜右下｜
    1つずつの形は左上のものと同じになります*/
    box-shadow: 9px 0 #FF577F, 0 9px #FF577F, 9px 9px #FF577F;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

/*おすすめポイント！リストの最後*/
.productIntro__box .productIntro__content .product__text .productList__box .productList:last-of-type {
    /*外側の下余白*/
    margin-bottom: 10px;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

/*商品詳細部分の設定*/
.productIntro__box .product__detail {
    /*背景色*/
    background: #f8f8ff;
    border: solid 2px #FF577F;
    border-radius: 5px;
    /*内側の余白*/
    padding: 10px;
    margin: 0 5px 10px 0;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf .productIntro__box .product__detail .productDetail__box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

/*商品詳細の見出し*/
.productIntro__box .product__detail .productDetail__box .detailTitle {
    /*横幅*/
    width: 90px;
    /*テキストの配置*/
    text-align: center;
    /*背景色*/
    background: #FCD900;
    /*内側余白*/
    padding: 10px 0;
    /*外側余白*/
    margin: 0 5px 10px 0;
    position: relative;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

/*商品詳細の見出し上にある飾り*/
.productIntro__box .product__detail .productDetail__box .detailTitle:before {
    content: '';
    /*上線｜太さ｜線種｜色｜*/
    border-top: 1px dashed white;
    position: absolute;
    /*縦位置（上基準）*/
    top: 3px;
    /*横位置（左基準）*/
    left: 0;
    /*横幅*/
    width: 100%;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

/*商品詳細の見出し下にある飾り*/
.productIntro__box .product__detail .productDetail__box .detailTitle:after {
    content: '';
    /*下線｜太さ｜線種｜色｜*/
    border-top: 1px dashed white;
    position: absolute;
    /*縦位置（下基準）*/
    bottom: 3px;
    /*横位置（左基準）*/
    left: 0;
    /*横幅*/
    width: 100%;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

/*商品詳細の内容部分の設定*/
.productIntro__box .product__detail .productDetail__box .detailText {
    /*商品詳細の見出しの横幅、もしくは余白を変更した場合は下記も変更してください*/
    width: calc(100% - 95px);
    /*外側の余白｜上余白｜左右余白｜下余白｜*/
    margin: 0 0 10px;
    /*行間（商品見出しと同じ高さにすることによって垂直方向のセンタリングをする）*/
    line-height: 50px;
    text-align: left
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

/*商品詳細の内容で使用する赤文字*/
.productIntro__box .product__detail .productDetail__box .detailText.clr-red {
    /*文字色*/
    color: #DA1212;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

/*「総合評価」の★の設定*/
.productIntro__box .product__detail .productDetail__box .detailText.rate {
    position: relative;
    display: inline-block;
    /*★の大きさ*/
    font-size: 25px;
    /*はみ出た要素を非表示にする*/
    overflow: hidden;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

/*総合評価に使用する記号等*/
.productIntro__box .product__detail .productDetail__box .detailText.rate:before,
#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf .productIntro__box .product__detail .productDetail__box .detailText.rate:after {
    content: "★★★★★";
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

/*星の色が薄い部分*/
.productIntro__box .product__detail .productDetail__box .detailText.rate:before {
    /*文字色*/
    color: #ccc;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

/*星の色が黄色い部分*/
.productIntro__box .product__detail .productDetail__box .detailText.rate:after {
    position: absolute;
    /*横位置（左基準）*/
    left: 0;
    /*縦位置（上基準）*/
    top: 0;
    /*文字色*/
    color: #FFA500;
    /*はみ出た要素を非表示にする*/
    overflow: hidden;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

/*色あり記号にする設定*/
.productIntro__box .product__detail .productDetail__box .detailText.rate.star1:after {
    /*1文字分*/
    width: 1em;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf .productIntro__box .product__detail .productDetail__box .detailText.rate.star2:after {
    width: 2em;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf .productIntro__box .product__detail .productDetail__box .detailText.rate.star3:after {
    width: 3em;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf .productIntro__box .product__detail .productDetail__box .detailText.rate.star4:after {
    width: 4em;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf .productIntro__box .product__detail .productDetail__box .detailText.rate.star5:after {
    width: 5em;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

/*「初回価格」の文字が大きい部分*/
.productIntro__box .product__detail .productDetail__box .detailText .firstPrice {
    /*文字の大きさ*/
    font-size: 20px;
    /*文字の太さ*/
    font-weight: bold;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf .btn-area {
    /*ボタン周りの余白。上下｜左右*/
    margin: 0.5em 0;
    /*ボタンの水平方向配置。左寄せは flex-start 、真ん中寄せは center、右寄せはflex-end*/
    justify-content: center;
    display: flex;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf .btn {
    /*横幅サイズを変更する場合は下記autoを20%から100%で変更できます*/
    width: auto;
    /*文字の大きさ*/
    font-size: 16px;
    /*ボタンの色*/
    background-color: #25b327;
    /*文字の色*/
    color: #EEEEEE;
    /*文字の太さ。太字はbold、標準の太さはnormal*/
    font-weight: bold;
    /*水平方向の字間のスペース*/
    letter-spacing: 0.1em;
    /*ボタンの高さを指定*/
    line-height: 1.5;
    /*ボタン内側の余白。上下｜左右*/
    padding: 16px 64px;
    /*角を丸くする指定*/
    border-radius: 5rem;
    /*ボタンの影の指定。insetを指定している行は、ボックスの内側に描画されます。無しは外側。
    カンマで区切ることで複数の影レイヤーを重ねられます。
    左右の向き｜上下の向き｜ぼかし｜広がり｜色
    rgbaはRed（赤）,Green（緑）,Blue（青）,Alpha（透明度）の略。RGBは0から255まで、Alphaは0.1から1まで*/
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5),
        7px 7px 20px 0px rgba(0, 0, 0, 0.1),
        4px 4px 5px 0px rgba(0, 0, 0, 0.1);
    /*文字にも影を指定できます*/
    text-shadow: 2px 2px 3px rgba(255, 255, 255, .5),
        -4px -4px 6px rgba(116, 125, 136, .2);
    /*アニメーション。変化の対象、変化の始まりから終わりまでの時間、変化の仕方の順に指定*/
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: none;
    box-sizing: border-box;
    outline: none;
    overflow: hidden;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf .btn:hover {
    /*ボタンの上にカーソルを乗せた時の文字の色*/
    color: #825121;
    /*ボタンの上にカーソルを乗せた時の背景色を指定*/
    background-color: #fac186;
    text-decoration: none;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf .btn:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    /*きらりと光るアニメーションのスタート位置*/
    left: 0;
    /*きらりと光るアニメーションの幅*/
    width: 30px;
    /*きらりと光るアニメーションの高さ*/
    height: 100%;
    /*きらりと光るアニメーションの色*/
    background-color: #fff;
    /*きらりと光るアニメーションの指定*/
    animation: shiny-brite 3s ease-in-out infinite;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf .btn:active {
    /*ボタンを押した時に凹むアニメーション*/
    box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .3),
        -4px -4px 6px 0 rgba(116, 125, 136, .2),
        inset -4px -4px 6px 0 rgba(255, 255, 255, .2),
        inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}


@-webkit-keyframes shiny-brite {

    /*アニメーションの流れに沿った中間ステップのキーフレーム指定*/
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0;
    }

    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0.5;
    }

    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0;
    }
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf .cp_actab {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    border: 3px solid #FCD900;
    border-radius: 10px;
    color: #333;

}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf .cp_actab input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf .cp_actab label {
    font-weight: bold;
    line-height: 3;
    position: relative;
    display: block;
    padding: 0 0 0 1em;
    cursor: pointer;
    margin: 0 0 1px 0;
    background: #ffff;
    text-align: center
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf .cp_actab .cp_actab-content {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 0.35s;
    transition: max-height 0.35s;
    color: #333;
    background: #fff;
    border-radius: 10px;

}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf .cp_actab .cp_actab-content p {
    margin: 1em;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

/* :checked */
.cp_actab input:checked~.cp_actab-content {
    max-height: 20em;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf

/* Icon */
.cp_actab label::after {
    line-height: 3;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 3em;
    height: 3em;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    text-align: center;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf .cp_actab input[type=checkbox]+label::after {
    content: '+';
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf .cp_actab input[type=checkbox]:checked+label::after {
    transform: rotate(315deg);
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf .box {
    /*最大幅の指定。max-widthで指定した値の最大幅以上には広がらずに表示*/
    max-width: 580px;
    /*背景色*/
    background-color: #fff;
    /*角を丸くする*/
    border-radius: 10px;
    /*影の指定。左から、水平方向の距離、垂直方向の距離、ぼかし距離、広がり距離、影の色の順。
    rgba色は r=Red、g=Green、b=Blue、a=Alpha透明度。rgbは0から255まで。aは0から1まで。*/
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    /*枠内側の余白。上、左右、下の順*/
    padding: 12px 12px;
    /*枠外側の余白。上、左右、下の順*/
    margin: 0 auto;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;

}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf h4.kutikomi-title {
    /*タイトル周りの余白。左の値が上、真ん中の値が左右、右の値が下の余白*/
    margin: 0 0 12px;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf .parent {
    display: flex;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf .child-left {
    margin-right: 12px;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf .child-left img {
    /*画像サイズは下記３行それぞれ同じに変更ください*/
    width: 80px;
    min-width: 80px;
    height: 80px !Important;
    /*画像を丸くしない場合は下記を削除*/
    border-radius: 50%;
    object-fit: cover;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf .child-right {
    height: auto;
    flex-grow: 1;
    padding: 0 0 0 12px;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf dl {
    margin: 0;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf dt {
    /*クチコミ文字サイズ*/
    font-size: 14px;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf dd {
    /*名前・歳文字サイズ*/
    font-size: 14px;
    margin: 0;
    text-align: right;
}

#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf p.plus {
    /*注釈の文字サイズ*/
    font-size: 10px;
    /*注釈の文字色*/
    color: #8B8A8A;
    margin: 10px 0 0;
    line-height: 1.4;
    text-align: right;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .btn-area {
    /*ボタン周りの余白。上下｜左右*/
    margin: 0.5em 0;
    /*ボタンの水平方向配置。左寄せは flex-start 、真ん中寄せは center、右寄せはflex-end*/
    justify-content: center;
    display: flex;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .btn {
    /*横幅サイズを変更する場合は下記autoを20%から100%で変更できます*/
    width: auto;
    /*文字の大きさ*/
    font-size: 16px;
    /*ボタンの色*/
    background-color: #32cd32;
    /*文字の色*/
    color: #EEEEEE;
    /*文字の太さ。太字はbold、標準の太さはnormal*/
    font-weight: bold;
    /*水平方向の字間のスペース*/
    letter-spacing: 0.1em;
    /*ボタンの高さを指定*/
    line-height: 1.5;
    /*ボタン内側の余白。上下｜左右*/
    padding: 16px 64px;
    /*角を丸くする指定*/
    border-radius: 5rem;
    /*ボタンの影の指定。insetを指定している行は、ボックスの内側に描画されます。無しは外側。
    カンマで区切ることで複数の影レイヤーを重ねられます。
    左右の向き｜上下の向き｜ぼかし｜広がり｜色
    rgbaはRed（赤）,Green（緑）,Blue（青）,Alpha（透明度）の略。RGBは0から255まで、Alphaは0.1から1まで*/
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5),
        7px 7px 20px 0px rgba(0, 0, 0, 0.1),
        4px 4px 5px 0px rgba(0, 0, 0, 0.1);
    /*文字にも影を指定できます*/
    text-shadow: 2px 2px 3px rgba(255, 255, 255, .5),
        -4px -4px 6px rgba(116, 125, 136, .2);
    /*アニメーション。変化の対象、変化の始まりから終わりまでの時間、変化の仕方の順に指定*/
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: none;
    box-sizing: border-box;
    outline: none;
    overflow: hidden;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .btn:hover {
    /*ボタンの上にカーソルを乗せた時の文字の色*/
    color: #825121;
    /*ボタンの上にカーソルを乗せた時の背景色を指定*/
    background-color: #fac186;
    text-decoration: none;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .btn:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    /*きらりと光るアニメーションのスタート位置*/
    left: 0;
    /*きらりと光るアニメーションの幅*/
    width: 30px;
    /*きらりと光るアニメーションの高さ*/
    height: 100%;
    /*きらりと光るアニメーションの色*/
    background-color: #fff;
    /*きらりと光るアニメーションの指定*/
    animation: shiny-brite 3s ease-in-out infinite;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .btn:active {
    /*ボタンを押した時に凹むアニメーション*/
    box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .3),
    -4px -4px 6px 0 rgba(116, 125, 136, .2),
    inset -4px -4px 6px 0 rgba(255, 255, 255, .2),
    inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}


@-webkit-keyframes shiny-brite {

    /*アニメーションの流れに沿った中間ステップのキーフレーム指定*/
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0;
    }

    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0.5;
    }

    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0;
    }
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs

/* 全体の設定 */
.accordion-area {
    /* 横幅（PC表示時） */
    width: 700px;
    /* 最大幅 */
    max-width: 100%;
    /* 高さ */
    height: auto;
    /*外側の余白｜上下余白｜左右余白（auto=センタリング）｜*/
    margin: 0 auto;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs

/* アコーディオンのボタンとなる部分 */
.accordion-area .accordionHead {
    /* 横幅（全体幅　-　左右余白） */
    width: 93%;
    /* 高さ */
    height: auto;
    /*内側の余白｜上余白｜右余白｜下余白｜左余白｜*/
    padding: 10px 0 10px 7%;
    /* 外側の余白 */
    margin: 0;
    /* 背景色｜グラデーション：方向[下へ]｜最初の色｜最後の色 */
    background: linear-gradient(to bottom, #fff, #e7e5e0);
    /* 影｜X方向｜Y方向｜ぼかし｜角丸｜色（赤, 緑, 青, 透明度）｜ */
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
    /* 線｜太さ｜線種｜色｜ */
    border: 1px solid #001E6C;
    /* 角丸 */
    border-radius: 5px;
    /* 文字の大きさ */
    font-size: 20px;
    /* 文字の高さ */
    line-height: 1.5;
    position: relative;

    /* 対象にカーソルが触れた時の反応（矢印になる） */
    cursor: pointer;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs

/* アコーディオンのボタンとなる部分（三角形） */
.accordion-area .accordionHead:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    /* 三角形の大きさ */
    border-width: 8.7px 5px 0 5px;
    /* 三角形の色 */
    border-color: #fff transparent transparent transparent;
    position: absolute;
    /* 三角形の縦位置（上基準） */
    top: 50%;
    /* 三角形の横位置（右基準） */
    right: 42px;
    /* 三角形の縦位置（topに「-」をつけた値 */
    transform: translateY(-50%);
    /* 表示順番 */
    z-index: 3;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs

/* アコーディオンのボタンとなる部分（三角形の背景） */
.accordion-area .accordionHead:after {
    content: '';
    /* 横幅 */
    width: 36px;
    /* 高さ */
    height: 36px;
    /* 背景色 */
    background: #001E6C;
    /* 角丸 */
    border-radius: 5px;
    position: absolute;
    /* 縦位置（上基準） */
    top: 50%;
    /* 横位置（右基準） */
    right: 30px;
    /* 縦位置（topに「-」をつけた値 */
    transform: translateY(-50%);
    /* 表示順番 */
    z-index: 2;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs

/* コンテンツが入る外枠 */
.accordion-area .accordion-inner {
    /* 横幅（全体幅　 - 左右余白） */
    width: calc(100% - 100px);
    /*外側の余白｜上余白｜左右余白（auto=センタリング）｜下余白｜*/
    margin: -3px auto 30px;
    /*内側の余白｜上下余白｜左右余白｜*/
    padding: 30px 50px;
    /* 背景色 */
    background: #fff;
    /* 線｜太さ｜線種｜色｜ */
    border: 1px solid #001E6C;
    /* 初期、非表示 */
    display: none;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs

/* アコーディオンボタンをクリックした時 */
.accordion-area .accordion-inner.active {
    display: block;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs

/* コンテンツを格納している部分 */
.accordion-area .accordion-content {
    /* 横幅 */
    width: 100%;
    /* 高さ */
    height: auto;
    display: flex;
    /*水平方向に間隔を配置する方法。
    flex-start = 左側から配置する
    flex-end = 右側から配置する
    center = 真ん中に配置する
    space-around = 均等配置して両端に間隔を置く
    space-between = 均等配置してエリアの間に間隔を置く
    space-evenly = 均等配置して各アイテム周りに間隔を置く*/
    justify-content: flex-start;
    /*垂直方向にの配置位置を設定。
    center = 中央配置
    flex-start = 先頭にまとめる
    flex-end = 末尾にまとめる*/
    align-items: flex-start;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs

/* アコーディオン内画像部分 */
.accordion-area .accordion-imgBox {
    /* 横幅 */
    width: 40%;
    /* 高さ */
    height: auto;
    /* 外側の右余白 */
    margin-right: 5%;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs

/* 画像 */
.accordion-area .accordion-imgBox img {
    /* 横幅 */
    width: 100%;
    /* 高さ */
    height: auto;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs

/* アコーディオン内テキスト部分 */
.accordion-area .accordion-textBox {
    /* 横幅 */
    width: 55%;
    /* 高さ */
    height: auto;
}

  /* スマホ表示時（768以上でスマホ表示になります、数値は適宜変更してください） */
@media screen and (max-width: 768px) {
    #sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs

    /* コンテンツが入る箇所の設定 */
    .accordion-area .accordion-inner {
        /* 横幅（余白分を引いた値） */
        width: 90%;
        /*内側の余白｜上下余白｜左右余白｜*/
        padding: 30px 5%;
    }

    #sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs

    /* コンテンツを格納している部分 */
    .accordion-area .accordion-content {
        /* 折り返し設定 */
        flex-wrap: wrap;
    }

    #sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs

    /* アコーディオン内画像部分 */
    .accordion-area .accordion-imgBox {
        /* 横幅 */
        width: 100%;
        /* テキスト部分と隣接する余白 */
        margin-bottom: 10px;
        /* PC表示時に使っていたテキスト部分と隣接する余白 */
        margin-right: 0;
    }

    #sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs

    /* アコーディオン内テキスト部分 */
    .accordion-area .accordion-textBox {
        /* 横幅 */
    text-align: right;
    font-size: 9px;
    }
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .sns-box {
    width: 600px;
    position: relative;
    margin: 0 auto;
    overflow-x: hidden;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .sns-box .box {
    /*最大幅の指定。max-widthで指定した値の最大幅以上には広がらずに表示*/
    max-width: 580px;
    border-radius: 10px;
    margin: 0 auto;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .sns-box .profile-img-wrapper {
    margin: 0 5px 2px 0;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .sns-box .profile-img {
    width: 32px;
    border-radius: 50%;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .sns-box .profile-img-hotpink {
    border: 1px solid #e6e6e6;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .sns-box .user-name {
    margin-left: 5px;
    font-weight: bold;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .sns-box .img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: black;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .sns-box .img {
    height: auto;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .sns-box .container {
    padding: 8px 16px 16px;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .sns-box .container>.row {
    margin-top: 8px;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .sns-box .icons-list i:before {
    font-size: 20px;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .sns-box .good-people {
    font-size: 14px;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .sns-box .good-person {
    display: flex;
    align-items: center;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .bold {
    font-weight: bold;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .sns-box .profile-img-wrapper .profile-img {
    display: auto;
    align-items: center;
    margin-right: 5px;
    width: 32px;
    max-width: 32px;
    height: 32px !important;
    object-fit: cover;
    box-sizing: border-box;
    border-radius: 50%;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .sns-box .text {
    font-size: 10px;
    overflow-y: visible;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .sns-box .swiper {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    /*スライド全体の横幅*/
    width: 100%;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .sns-box .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transform: translate3d(0px, 0, 0);
    transition-property: transform;
    box-sizing: content-box;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .sns-box .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 100%;
    height: auto;
    position: relative;
    transition-property: transform;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .sns-box .box {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .swiper-button-next,
#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .swiper-button-prev {
    position: absolute;
    /*進む、戻るボタンの縦位置*/
    top: 50%;
    z-index: 10;
    cursor: pointer;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .swiper-button-next {
    /*進むボタンの横位置（初期：画面右基準）*/
    right: 20px;
    left: auto;
    outline: none;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .swiper-button-prev {
    /*戻るボタンの横位置（初期：画面左基準）*/
    left: 20px;
    right: auto;
    outline: none;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .swiper-button-next::before,
#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .swiper-button-prev::before {
    content: " ";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #e3e3e3;
    opacity: 0.6;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .swiper-button-next::before {
    /*進むボタンの丸*/
    /* border-right: solid 5px #ccc;
    transform: translatey(-50%) rotate(35deg); */
    right: 0;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .swiper-button-prev::before {
    /*戻るボタンの丸*/
    left: 0;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .swiper-button-next::after,
#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .swiper-button-prev::after {
    content: " ";
    width: 5px;
    height: 5px;
    position: absolute;
    top: 50%;
    margin-top: -4.5px;
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .swiper-button-next::after {
    /*進むボタンの線種、線の太さ、線の色*/
    right: 7px;
    border-top: 2px solid #767676;
    border-right: 2px solid #767676;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#sb-part-4836.sb-custom-part-lgknqsiil4knvyyyuhs .swiper-button-prev::after {
    /*戻るボタンの線種、線の太さ、線の色*/
    left: 7px;
    border-top: 2px solid #767676;
    border-left: 2px solid #767676;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#sb-part-354.sb-custom-part-lglksptix9sptlgx1dm .footer {
    /*背景色*/
    background-color: #333;
    /*フッターの高さ*/
    height: auto;
    position: absolute;
    margin: auto;
    right: 0;
    left: 0;
    width: auto;
    padding: 0;

}

#sb-part-354.sb-custom-part-lglksptix9sptlgx1dm ul {
    display: flex;
    /*テキストリンクを縦並びに変更する場合は、下記 inherit を column に変更ください*/
    flex-direction: inherit;
    justify-content: space-around;
    /*内側余白。上下｜左右*/
    padding: 0 20px;
    margin: 16px 0;
}

#sb-part-354.sb-custom-part-lglksptix9sptlgx1dm li {
    display: flex;
    /*文字周りの余白。上下｜左右*/
    padding: 20px 10px;
    list-style: none;
}

#sb-part-354.sb-custom-part-lglksptix9sptlgx1dm li.box a {
    /*文字色*/
    color: #fff;
    /*文字サイズ*/
    font-size: 0.8em;
    /*文字の太さ*/
    font-weight: 600;
    text-decoration: none;
}

#sb-part-354.sb-custom-part-lglksptix9sptlgx1dm

/*リンクの上にカーソルを乗せた時*/
a:hover {
    /*文字色*/
    color: #ccc !important;
    /*色が変わる速度。1s = 1秒*/
    transition: 0.2s;
}

/*スマホの場合*/
@media screen and (max-width: 600px) {
    #sb-part-354.sb-custom-part-lglksptix9sptlgx1dm ul {
        /*テキストリンクを横並びに変更する場合は、下記 columnを inheritに変更ください*/
        flex-direction: inherit;
        padding-inline-start: 0;
        padding-inline-end: 0;
    }

    #sb-part-354.sb-custom-part-lglksptix9sptlgx1dm li {
        /*水平方向の位置。左寄せはleft、真ん中寄せはcenter*/
        justify-content: center;
    }
}

.br_pc {
    display: none;
}

@media screen and (min-width: 920px) {
    .br_pc {
        display: block;
    }
}


/* 追加CSS */

.sb-custom-part-lglm2fijmbn9wdx2cl > .tbl-sticky {
    position: relative;
    padding-top: 6px;
}
.simplebar-placeholder {
    display: none;
}

.simplebar-scrollbar {
    height: 6px;
    background: rgba(102, 102, 102, 0.4);
    border-radius: 3px;
    max-width: 1300px;
    width: 100%;
    height: 6px;
}

@media screen and (max-width: 768px) {
    .simplebar-scrollbar {
        height: 3px;
        background: rgba(102, 102, 102, 0.6);
    }
}

.tbl-sticky[data-simplebar] .simplebar-track.simplebar-horizontal {
    top: 0; /* 上部に配置 */
    position: absolute;
    height: 6px;
    background: #eee;
    border-radius: 3px;
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .tbl-sticky[data-simplebar] .simplebar-track.simplebar-horizontal {
        top: 9px;
        height: 3px;
        background: transparent;
    }
}
  /* RTL（右から左へのテキスト）の影響を打ち消す */
.simplebar-content-wrapper {
    direction: ltr;
}

@media screen and (max-width: 768px) {
	
#sb-part-2327.sb-custom-part-lgknti5ua2lumd4khlr .productIntro__box .productIntro__content .product__text .productList__box .productList{
	padding-left: 5rem;
	}
	
	#sb-part-2327.sb-custom-part-lgko2y9803fxcey07ig4 .productIntro__box .productIntro__content .product__text .productList__box .productList{
			padding-left: 5rem;
	}
	
	#sb-part-2327.sb-custom-part-lgknq057cz6182llf48 .productIntro__box .productIntro__content .product__text .productList__box .productList{
padding-left: 5rem;
	}
	
	#sb-part-2327.sb-custom-part-lgknswuylxkbxpa8shf .productIntro__box .productIntro__content .product__text .productList__box .productList{
		padding-left: 5rem;
	}
}