/* Miligram overrides */
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
}

.top-nav-links,
.side-nav,
h1, h2, h3, h4, h5, h6 {
    font-family: "Raleway", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    color: #363637;
}

a {
    color:#2f85ae;
    -webkit-transition:all 0.2s linear;
    transition:all 0.2s linear;
}

a:hover,
a:focus,
a:active  {
    -webkit-transition:all 0.2s easeout;
    transition:all 0.2s ease-out;
}

.side-nav a,
.top-nav-links a,
th a,
.actions a {
    color: #ffffff;
}

th a{
    color: #3a3a3a;
}

.side-nav a:hover,
.side-nav a:focus,
.actions a:focus {
    color:#2f85ae;
}

input:focus, select:focus, textarea:focus, button:focus {
    outline: 0;
    border-color: #758ec5;
}

input.input-error:focus {
    border-color: #d10b0b;  /* エラー用のボーダーカラーを維持 */
}

.actions a {
    color:#2f85ae;
}

.actions_sec a{
    color:#2f85ae;
}

.actions_sec a:hover{
    color: #3a3a3a;
}

.actions a:hover{
    color: #3a3a3a;
}

#image_file{
    width: 140px;
    /*height: 200px;*/
}

#admin_image_file{
    width: 85px;
}

.img_width{
    width: 140px;
}

.admin_img_width{
    width: 97px;    
}

/* Utility */
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Main */
body {
    background-color: #fff;
}

.BackGroundGray {
    /* background-color: #f5f5f5; */
    background-color: #f6faff;
    background-color: #e6e5e550;
}

.content {
    padding: 2rem;
    background: #ffffff;
    border-radius: 0.4rem;
    /* Thanks Stripe */
    box-shadow: 0 7px 14px 0 rgba(60, 66, 87, 0.1),
        0 3px 6px 0 rgba(0, 0, 0, 0.07);
}
.actions a {
    font-weight: bold;
    padding: 0 0.4rem;
}

th {
    white-space: nowrap;
}

/* Nav bar */
.top-nav {
    display: flex;
    padding-left: 1.5%;
    padding-top: 8px;
    align-items: center;
    justify-content: space-between;
    max-width: 112rem;
    /* padding: 2rem; */
    /* margin: 0 auto 2rem; */
}
.top-nav-title a {
    font-size: 2.4rem;
    color: #d33c43;
}
.top-nav-title span {
    color: #404041;
}
.top-nav-links a {
    margin: 0 0.5rem;
}
.top-nav-title a,
.top-nav-links a {
    font-weight: bold;
}

.side-nav-item {
    display: block;
    padding: 0.5rem 0;
}

/* View action */
.view.content .text {
    margin-top: 1.2rem;
}
.related {
    margin-top: 2rem;
}
#view_img{
    margin-top: 1.2rem;
    width: 200px;
}

/* Flash messages */
.message {
    padding: 1rem;

    background: #eff8ff;
    color: #2779bd;

    border-color: #6cb2eb;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    margin-bottom: 2rem;
}
.message.hidden {
    display: none;
}
.message.success {
    background: #e3fcec;
    color: #1f9d55;
    border-color: #51d88a;
}
.message.warning {
    background: #fffabc;
    color: #8d7b00;
    border-color: #d3b800;
}
.message.error {
    background: #fcebea;
    color: #cc1f1a;
    border-color: #ef5753;
}

/* Forms */
.input.radio input,
.input.checkbox input {
    margin: 0;
}
.input.radio label,
.input.checkbox label {
    padding-right: 20px;
    margin: 0;
    align-items: center;
}
.input.radio label > input,
.input.checkbox label > input {
    margin-right: 1.0rem;
}

/* Paginator */
.paginator {
    text-align: right;
}
.pagination {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0 0 1rem;
}
.pagination li {
    margin: 0 0.5rem;
}
.prev.disabled a,
.next.disabled a {
    cursor: not-allowed;
    color: #606c76;
}
.asc:after {
    content: " \2193";
}
.desc:after {
    content: " \2191";
}

/* Error */
.error-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
}

@media screen and (max-width: 640px) {
    .top-nav {
        margin: 0 auto;
    }
    .side-nav {
        margin-bottom: 1rem;
    }
    .heading {
        margin-bottom: 1rem;
    }
    .side-nav-item {
        display: inline;
        margin: 0 1.5rem 0 0;
    }
    .asc:after {
        content: " \2192";
    }
    .desc:after {
        content: " \2190";
    }
}


/*css追加*/
@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Open+Sans:wght@400;600;700&display=swap");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,form,label,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    line-height: 1.45em;
}

article,aside,details,figcaption,figure,main,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    vertical-align: baseline;
    -webkit-text-size-adjust: 100%
}

img {
    display: inherit;
}

ol,ul {
    list-style: none
}

.MarginBottom05,.OtcConfirmationQuestion li label {
    margin-bottom: 5px
}

.MarginBottom10{
    margin-bottom: 10px;
}

.MarginBottom15,.AppDetailDownload .AppDetailDownloadListName,.Editor .EditorUlFlex2 .EditorUlFlex2Item,.Special .EditorUlFlex2 .EditorUlFlex2Item,.News .NewsList .NewsListItemTitle,.News .NewsListItemTitle {
    margin-bottom: 15px
}

.MarginBottom20,.SpecialNewListItemLinkRightTitle,.WriteReviewProduct,.WriteReviewTitle,.ReviewCategoryFlexBlockMiddleListItemSmall,.ReviewCategoryFlexBlock,.ReviewCategoryTitle,.ReviewTitle,.ErrorText,.TermsConsent .TermsTitle2,.TermsConsent .PrivacyTitle2,.RegisterMailTextRed,.ChangeMail .ChangeMailTextRed,.RegisterMailTextKakunin,.ChangeMail .ChangeMailTextKakunin,.RegisterMailText,.RegisterMailTitleSub,.RegisterTitleLarge,.ForgotPasswordText,.TwoFactorLoginFormQuestion,.Shop .ShopTitle2,.Terms .TermsTitle2,.Terms .PrivacyTitle2,.Privacy .TermsTitle2,.Privacy .PrivacyTitle2,.ChocomCreditText,.ChocomCreditTitle2,.OutletsFlex,.NewProduct .NewProductFlex,.NewProduct .CouponProductFlex,.Outlets .NewProductFlex,.Outlets .CouponProductFlex,.CouponProduct .NewProductFlex,.CouponProduct .CouponProductFlex,.SlidebarTitleLarge,.Category .SectionCategoryTopNotice,.Category .SectionCategoryTopNoticeOff,.SectionCategoryTop .SectionCategoryTopText,.CartPeriodicalTitle,.CartPeriodicalCheckoutCaution,.CouponGet .CouponMyListItem,.Coupon .CouponMyListUseItem,.Coupon .CouponMyListItem,.AddressSearchModal .AddressSearchModalTitle,.ProductArrivalTitle,.TwoFactorChooseInnerText,.TwoFactorChooseTitle2,.PeriodicalOrderModifyModalInnerText,.PeriodicalOrderModifyInnerSelect,.PeriodicalOrderModifyInnerDay,.PeriodicalOrderModifyTitle2,.ReviewAboutModalDetailList,.ReviewAboutModalTitle,.LikeCategory .LikeCategoryTitle,.LikeCategory .LikeCategoryBlock,.FavoriteListProductModalText,.FavoriteTitle,.MypageTermsDisagreeBlockNotes,.TermsContentModalText,.TermsContentModalTitle,.OtcConfirmationCheckoutCaution,.OtcConfirmationTitle2,.OtcConfirmationEnquiryTitle,.OtcConfirmationTitle1,.FaqTitle,.Editor .HeaderSearchWrapper,.Editor .Header .HeaderSearchWrapper_member,.Header .Editor .HeaderSearchWrapper_member,.ProductInfoSubscriptionWrapper .ProductInfoSubscriptionCommitWrapper,.ProductInfoDetailWrapper .ProductInfoReviewMore,.ModalVariation .TitleTextLeftBorderBackGroundColor,.ModalVariation .TwoFactorLoginTitle2,.ModalVariation .RankingCategoryTitle,.ModalVariation .FavoriteListProductModalTitle,.ModalVariation .TitleMypageUser,.ModalVariation .Editor .EditorH2,.Editor .ModalVariation .EditorH2,.ModalVariation .Special .EditorH2,.Special .ModalVariation .EditorH2,.RemodalSimple .RemodalSimpleAgeText,.LinkButtonSquareTracking {
    margin-bottom: 20px
}

.FontSize33,.ReviewCategoryTitle,.ReviewTitle,.ErrorTitle,.ResignationTitle,.RegisterCompleteTitle,.RegisterMailTitle,.RegisterTitle2,.RankingFlex .RankingFlexTitle,.OutletsFlex .OutletsFlexTitle,.NewProduct .NewProductFlex .NewProductFlexTitle,.NewProduct .NewProductFlex .CouponProductFlexTitle,.NewProduct .CouponProductFlex .NewProductFlexTitle,.NewProduct .CouponProductFlex .CouponProductFlexTitle,.Outlets .NewProductFlex .NewProductFlexTitle,.Outlets .NewProductFlex .CouponProductFlexTitle,.Outlets .CouponProductFlex .NewProductFlexTitle,.Outlets .CouponProductFlex .CouponProductFlexTitle,.CouponProduct .NewProductFlex .NewProductFlexTitle,.CouponProduct .NewProductFlex .CouponProductFlexTitle,.CouponProduct .CouponProductFlex .NewProductFlexTitle,.CouponProduct .CouponProductFlex .CouponProductFlexTitle,.SectionCategoryTop .SectionCategoryTopTitle,.CartWrapperNoneTitle,.TwoFactorChooseTitle1,.PeriodicalOrderModifyModalInnerText,.PeriodicalOrderModifyTitle1,.OtcConfirmationTitle1,.Edit .ArticleHead h1,.News .NewsTitle,.CategoryTitle,.SimpleTitle,.WriteReviewTitle,.ForgotPasswordTitle,.NewPasswordSettingTitle,.TwoFactorLoginTitle1,.Shop .ShopTitle,.Medicine .MedicineTitle,.Law .LawTitle,.TermsTitle1,.PrivacyTitle1,.ChocomCreditTitle,.ProductArrivalTitle,.ReviewAboutModalTitle,.LikeCategory .LikeCategoryTitle,.FavoriteTitle,.FaqTitle,.TitleMobileSmaller .MainTitle,.Title .MainTitle,.TitleAlphabet01,.Title01 {
    font-size: 33px
}

.FontSize20,.WriteReviewProductBoxName,.FaqPickup .FaqPickupFlex .FaqPickupList li a,.FaqPickup .FaqPickupFlex h3,.Discount,.SelectedOptionHead,.ResultZero .ResultZeroLead,.ChildCategoryList li,.CategoryTopLinkList .LinkUnderLineMainColor,.CategoryTopLinkList .ReviewList .ProductInfoReviewTextLink,.ReviewList .CategoryTopLinkList .ProductInfoReviewTextLink,.CategoryTopLinkList .Shop .ShopTableLink:link,.Shop .CategoryTopLinkList .ShopTableLink:link,.CategoryTopLinkList .Shop .ShopTableLink:visited,.Shop .CategoryTopLinkList .ShopTableLink:visited,.CategoryTopLinkList .Shop .ShopTableLink:active,.Shop .CategoryTopLinkList .ShopTableLink:active,.CategoryTopLinkList .Shop .ShopTableLink:hover,.Shop .CategoryTopLinkList .ShopTableLink:hover,.CategoryTopLinkList .Law .LawTableLink:link,.Law .CategoryTopLinkList .LawTableLink:link,.CategoryTopLinkList .Law .LawTableLink:visited,.Law .CategoryTopLinkList .LawTableLink:visited,.CategoryTopLinkList .Law .LawTableLink:active,.Law .CategoryTopLinkList .LawTableLink:active,.CategoryTopLinkList .Law .LawTableLink:hover,.Law .CategoryTopLinkList .LawTableLink:hover,.CategoryTopLinkList .DrawerDeliveryLink,.CategoryTopLinkList .ProductInfoDetailWrapperReviewFilterFieldFlexClear,.CategoryTopLinkList .Editor .EditorLink:link,.Editor .CategoryTopLinkList .EditorLink:link,.CategoryTopLinkList .Editor .EditorLink:visited,.Editor .CategoryTopLinkList .EditorLink:visited,.CategoryTopLinkList .Editor .EditorLink:active,.Editor .CategoryTopLinkList .EditorLink:active,.CategoryTopLinkList .Editor .EditorLink:hover,.Editor .CategoryTopLinkList .EditorLink:hover,.CategoryTopLinkList .Special .EditorLink:link,.Special .CategoryTopLinkList .EditorLink:link,.CategoryTopLinkList .Special .EditorLink:visited,.Special .CategoryTopLinkList .EditorLink:visited,.CategoryTopLinkList .Special .EditorLink:active,.Special .CategoryTopLinkList .EditorLink:active,.CategoryTopLinkList .Special .EditorLink:hover,.Special .CategoryTopLinkList .EditorLink:hover,.CategoryTopLinkList .FaqEditor a:link,.FaqEditor .CategoryTopLinkList a:link,.CategoryTopLinkList .FaqEditor a:visited,.FaqEditor .CategoryTopLinkList a:visited,.CategoryTopLinkList .FaqEditor a:active,.FaqEditor .CategoryTopLinkList a:active,.CategoryTopLinkList .FaqEditor a:hover,.FaqEditor .CategoryTopLinkList a:hover,.CategoryTopLinkList .CartConfirmDetail .PointKakuteiBox .CartPointUseBoxClear,.CartConfirmDetail .PointKakuteiBox .CategoryTopLinkList .CartPointUseBoxClear,.CategoryTopLinkList .ThankYou .ThankYouMailCheckLink,.ThankYou .CategoryTopLinkList .ThankYouMailCheckLink,.CategoryTopLinkList .MypageInfoBox .MypageInfoDetailPointLapseLink,.MypageInfoBox .CategoryTopLinkList .MypageInfoDetailPointLapseLink,.CategoryTopLinkList .button_app_scan,.CategoryTopLinkList .LinkUnderlineInfoMain,.CategoryTopLinkList .CartPointUseBox .PointKakuteiBox .CartPointUseBoxClear,.CartPointUseBox .PointKakuteiBox .CategoryTopLinkList .CartPointUseBoxClear,.CartPeriodicalCheckoutCautionTitle,.CouponGet .CouponMyListItemCenterDeadline,.CouponGet .CouponMyListItemCenterTitle,.Coupon .CouponMyListUseItemLeftTitle,.Coupon .CouponMyListItemCenterDeadline,.Coupon .CouponMyListItemCenterTitle,.LikeCategoryList .LikeCategoryListItemTitle,.OtcConfirmationCheckoutCautionTitle,.OtcConfirmationProductNameText,.ThankYouSnsText,.ThankYou .ThankYouInnerBoxOther .ThankYouInnerBoxTitle,.ThankYou .ThankYouInnerBoxCopy,.Editor .EditorFlexNGText,.Editor .EditorFlexOkText,.Special .EditorFlexNGText,.Special .EditorFlexOkText,.Editor .EditorFlexNGMark,.Editor .EditorFlexOkMark,.Special .EditorFlexNGMark,.Special .EditorFlexOkMark {
    font-size: 20px
}

.FontSize18,.SpecialOhterListItemLinkBottomTitle,.ReviewCategoryFlexBlockLarge,.ReviewCategoryListItemLink,.RegisterMailSnsNavigation .RegisterMailSnsNavigationItemX,.RegisterMailSnsNavigation .RegisterMailSnsNavigationItemLine,.RegisterMailTextRed,.ChangeMail .ChangeMailTextRed,.RegisterMailText,.RegisterForm .RegisterFormTableRowMailInput .RegisterFormTableRowGenderInput01,.RegisterForm .RegisterFormTableRowMailInput .RegisterFormTableRowGenderInput02,.RegisterForm .RegisterFormTableRowPasswordInput .RegisterFormTableRowGenderInput01,.RegisterForm .RegisterFormTableRowPasswordInput .RegisterFormTableRowGenderInput02,.RegisterForm .RegisterFormTableRowSubscribeInput .RegisterFormTableRowGenderInput01,.RegisterForm .RegisterFormTableRowSubscribeInput .RegisterFormTableRowGenderInput02,.RegisterForm .RegisterFormTableRowGenderInput .RegisterFormTableRowGenderInput01,.RegisterForm .RegisterFormTableRowGenderInput .RegisterFormTableRowGenderInput02,.RegisterForm .RegisterFormTableRowSubscribe .RegisterFormTableRowSubscribeInputCheckEmailReceiving,.RegisterForm .RegisterFormTableRowMailHeaderTitle,.RegisterForm .RegisterFormTableRowPasswordHeaderTitle,.RegisterForm .RegisterFormTableRowHeaderTitle,.ForgotPasswordEmailSendFormButton,.NewPasswordSettingFormButton,.TwoFactorLoginFormButton,.GuideCategoryValue .GuideCategoryContent .GuideCategoryContentText,.GuideCategoryService .GuideCategoryContent .GuideCategoryContentText,.GuideCategoryFirst .GuideCategoryContent .GuideCategoryContentText,.AboutPromiseList .AboutPromiseListItem .BackGroundBox .AboutPromiseListItemTextBox .AboutPromiseListItemTextBoxTitle,.NewProduct .GridProductItemPrice .GridProductItemPriceText2,.Outlets .GridProductItemPrice .GridProductItemPriceText2,.CouponProduct .GridProductItemPrice .GridProductItemPriceText2,.SlidebarTitleLarge,.CategoryTopList .CategoryTopListItem .CategoryTopListItemBox .CategoryTopListItemBoxTitle,.SectionCategoryTop .SectionCategoryTopText,.CouponGet .CouponMyListButton,.PeriodicalOrderModifyModalInnerButtonNo,.PeriodicalOrderModifyModalInnerButtonYes,.PeriodicalOrderModifyCancelButton,.PeriodicalOrderModifyInnerButton,.ReviewAboutModalDetailText,.OrderHistoryInfo .OrderHistoryOption .OrderHistoryOptionTitle,.OrderHistory .OrderHistoryOption .OrderHistoryOptionTitle,.PointHistoryList .PointHistoryListItemTitle,.MypageInfoBox .MypageInfoDetailPointLapseLink,.MypageInfoBox .MypageInfoDetailPointLapse,.MypageInfoBox .MypageInfoDetailText,.MypageTermsDisagreeBlockNotes,.OtcConfirmationEnquiryButton,.OtcConfirmationQuestion .question,.OtcConfirmationQuestion li,.ThankYou .ThankYouMailCheckLink,.ForCustomerList h2,.ForCustomerList h3,.FaqEditor h5,.FaqEditor h4,.Editor .EditorCitedTitle,.Special .EditorCitedTitle,.Editor .EditorSubTitle,.Special .EditorSubTitle,.Editor .EditorH5,.Special .EditorH5,.Editor .EditorH4,.Special .EditorH4,.ModalVariationOptionMultipleDetailTitle,.ProductInfoCartVariationMultipleSelected,.ModalReceivingMailValiationFormButton,.ButtonOrangeBorder,.ButtonOrange,.RegisterForm .RegisterFormButton,.CartWrapperNoneLoginButton,.FavoriteListProduct .GridProductItem .FavoriteListProductEditOrderButton,.ListProductMypage .GridProductItem .FavoriteListProductEditOrderButton,.ListOrderHistory .GridProductItem .FavoriteListProductEditOrderButton,.TermsContentModalClose,.OtcConfirmationOkButton,.ProductInfoRightReviewFlexButtonCartFixed,.ProductInfoCartBox .ButtonSpFixed,.ButtonUserLogin,.ButtonOrange2,.ButtonOrangeCart,.ButtonOrangeCartTextLong,.RemodalSimple .RemodalCanselText,.RemodalSimple .ButtonAgeCheck,.RemodalSimple .RemodalSimpleAgeText,.Sidebar .SidebarTitle,.Footer .FooterCategoryMenuList .FooterCategoryMenuListItemLink,.Footer .FooterCategoryMenu .FooterCategoryMenuSub,.Footer .FooterCategoryMenu .FooterCategoryMenuHead,.Footer .FooterCategoryMenu .FooterCategoryMenuLink,.Footer .FooterCategoryTitle,.Footer .FooterTopMenu .FooterTopMenuItem,.LinkButtonOrange,.ProductInfoRightReviewFlexButtonCart,.ProductInfoDetailWrapperFlexButtonLinkCart,.LinkButtonRegister,.TitleAlphabet05,.TitleAlphabet04,.Title05,.Title04 {
    font-size: 18px
}

.FontSize26,.RegisterMailTitleSub,.RegisterTitleLarge,.AddressSearchModal .AddressSearchModalTitle,.TermsContentModalTitle,.ThankYou .ThankYouTitle,.FaqEditor h3,.FaqEditor h2,.TitleTextLeftBorder,.Shop .ShopTitle2,.Terms .TermsTitle2,.Terms .PrivacyTitle2,.Privacy .TermsTitle2,.Privacy .PrivacyTitle2,.ChocomCreditTitle2,.CartPeriodicalTitle,.TwoFactorChooseTitle2,.PeriodicalOrderModifyTitle2,.OtcConfirmationTitle2,.OtcConfirmationEnquiryTitle,.TitleTextLeftBorderBackGroundColor,.TwoFactorLoginTitle2,.RankingCategoryTitle,.FavoriteListProductModalTitle,.TitleMypageUser,.Editor .EditorH2,.Special .EditorH2,.TitleAlphabet03,.TitleAlphabet02,.Title03,.Title02,.ModalMailVariation .ModalMailVariationTitle {
    font-size: 26px
}

.SectionCategoryTopText1 ,.SectionCategoryTopText2{
    font-size: 18px
}

.SectionCategoryTopText1{
    margin-bottom: 13px
}

.SectionFreeProductTopText3{
    font-size: 18px;
    margin-bottom: 20px;
}













.outer-container {
    width: 100%; /* 画面の幅いっぱいに広げる */
    overflow-x: auto; /* 横スクロールを有効にする */
}

.inner-container {
    white-space: nowrap; /* 要素が横に並ぶようにする */
    display: inline-block; /* ブロック要素をインラインブロックに変更 */
}

.item {
    /*width: 1455px; /* 各要素の幅 */
    /*background-color: #ccc;*/
    margin-bottom: 30px;
}



/* Webkit系 (Google Chrome, Safari) */
.outer-container::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 20px;
}

.outer-container::-webkit-scrollbar-thumb {
    background-color: #358779; /* スクロールバーのつまみの色 */
    border-radius: 20px;
}

.outer-container::-webkit-scrollbar-track {
    background-color: #cbd5d2; /* スクロールバーのトラックの色 */
}

/* Firefox */
/* Firefox 64 以降のバージョンではスクロールバーのスタイルが変更可能 */
/* Firefox 64 以前のバージョンでは特定のプラグインを使用する必要があります */
/* スクロールバーの色とサイズを指定 */
.scrollbar {
    scrollbar-color: #888 #ddd; /* スクロールバーの色 */
    scrollbar-width: thin; /* スクロールバーの太さ */
}







.SectionChildCategory .GrandchildCategoryList li a {
    color: #518889;
    text-decoration: underline;
}


.SectionChildCategory .GrandchildCategoryList li {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px;
}







.OverflowHidden {
    overflow: hidden
}

.unselectable,input[type=checkbox].ChecLikeText+label {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none
}

.SectionBackGroundWhite {
    background-color: #fff
}

.SectionBackGroundBox {
    background-color: #e4eeee
}

.SectionBackGroundGray {
    background-color: #f5f5f5
}

.SectionBackGroundImage {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/common/bg_image.webp)
}

.SectionBackGroundWhiteGray {
    background-color: #fff
}

@media screen and (max-width: 768px) {
    .SectionBackGroundWhiteGray {
        background-color:#f5f5f5
    }
}

.SectionBackGroundGradation {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/common/bg_about_pc.webp);
    color: #fff
}

@media screen and (max-width: 768px) {
    .SectionBackGroundGradation {
        background-image:url(../images/common/bg_about_sp@2x.webp);
        background-position: top center
    }
}

.SectionBackGroundGradation .Title {
    color: #fff
}

.SectionBackGroundGreen,.SectionCategoryFeaturePickup {
    /* background-color: #e4eeee */
    background-color: #ebf5ff;
    background-color: rgba(9, 12, 139, 0.1);
}

.BackGroundWhite {
    background-color: #fff
}

.BackGroundBox {
    background-color: #e4eeee
}





















.BorderTop {
    border-top: 1px solid #e4eeee
}

.BorderBottom {
    border-bottom: 1px solid #e4eeee
}

.OpenSans700,.OrderFlow li span,.TitleAlphabet02,.TitleAlphabet01 {
    font-family: "Open Sans","Noto Sans JP","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic",YuGothic,"メイリオ","Meiryo","Roboto",sans-serif;
    font-weight: 700
}

.OpenSans600,.TitleAlphabet06,.TitleAlphabet05,.TitleAlphabet04,.TitleAlphabet03 {
    font-family: "Open Sans","Noto Sans JP","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic",YuGothic,"メイリオ","Meiryo","Roboto",sans-serif;
    font-weight: 600
}

.OpenSans400,.TextBodyAlphabet {
    font-family: "Open Sans","Noto Sans JP","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic",YuGothic,"メイリオ","Meiryo","Roboto",sans-serif;
    font-weight: 400
}

.DisplayInlineBlock {
    display: inline-block
}

.DisplayFlex {
    display: flex
}

@font-face {
    font-family: "swiper-icons";
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-android .swiper-slide,.swiper-wrapper {
    transform: translate3d(0,0,0);
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden;
}

.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}


































.lt-ie9 .remodal-overlay {
    background: #2b2e38
}

.lt-ie9 .remodal {
    width: 700px
}

body {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow-y: auto;
}

@media screen and (max-width: 768px) {
    html,body {
        min-width:inherit
    }
}

body {
    font-family: "Noto Sans JP","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic",YuGothic,"メイリオ","Meiryo","Roboto",sans-serif;
    color: #3a3a3a;
    font-weight: 500;
    /* background-color:#fff; */
    scrollbar-gutter: stable
}

#Container {
    width: 100%;
    height: 100%
}

::-moz-selection {
    background: #518889;
    color: #fff
}

::selection {
    background: #518889;
    color: #fff
}

::-moz-selection {
    background: #518889;
    color: #fff
}

a {
    transition: background-color .4s ease,color .4s ease,opacity .4s ease;
}

a {
    color: #3a3a3a;
    text-decoration: none;
    word-break: break-all;
}

a img {
    transition: opacity .4s ease;
}

a:hover {
    opacity: .8
}




















.AccordionTableWrapper .InformationTable tr:last-child .InformationTableHeader,.AccordionTableWrapper .InformationTable tr:last-child .InformationTableDetail {
    border-bottom-width: 0
}

.InformationTable {
    table-layout: fixed;
    width: 100%
}

.InformationTable .InformationTableHeader,.InformationTable .InformationTableDetail {
    border-style: solid;
    border-color: #dedede;
    border-bottom-width: 1px;
    vertical-align: top;
    padding: 5px 0;
    text-align: left;
    font-weight: 400
}

.InformationTable .InformationTableHeader:first-child,.InformationTable .InformationTableDetail:first-child {
    width: 95px;
    padding-right: 5px
}

.InformationTable a {
    color: #518889;
    text-decoration: underline
}

picture {
    display: block
}

br {
    line-height: inherit
}

hr {
    height: 1px;
    clear: both;
    border: none;
    border-top: #ccc 1px solid;
    color: #fff
}

.FaqEditor br,.Editor br,.Special br,.Wrapper,.GuideHead .GuideHeadContent,.GuideHead div.Pan .PanInner,.CartWrapper2,.CartWrapper,.CouponGet,.Coupon,.PanWrapper .Pan .PanInner,.Column2,.WrapperMaxWidth970,.News,.WrapperMaxWidth1286,.WrapperMaxWidth1225,.WrapperMaxWidth1000,.ForgotPassword,.NewPasswordSetting,.TwoFactorLogin,.MWrapperaxWidth970 {
    zoom:1}

.FaqEditor br:after,.Editor br:after,.Special br:after,.Wrapper:after,.GuideHead .GuideHeadContent:after,.GuideHead div.Pan .PanInner:after,.CartWrapper2:after,.CartWrapper:after,.CouponGet:after,.Coupon:after,.PanWrapper .Pan .PanInner:after,.Column2:after,.WrapperMaxWidth970:after,.News:after,.WrapperMaxWidth1286:after,.WrapperMaxWidth1225:after,.WrapperMaxWidth1000:after,.ForgotPassword:after,.NewPasswordSetting:after,.TwoFactorLogin:after,.MWrapperaxWidth970:after {
    display: block;
    content: "";
    clear: both
}

.Wrapper,.GuideHead .GuideHeadContent,.GuideHead div.Pan .PanInner,.Pan1 .PanInner,.CartWrapper2,.CartWrapper,.CouponGet,.Coupon,.PanWrapper .Pan .PanInner,.Column2,.WrapperMaxWidth970,.News,.WrapperMaxWidth1286,.WrapperMaxWidth1225,.WrapperMaxWidth1000,.ForgotPassword,.NewPasswordSetting,.TwoFactorLogin,.MWrapperaxWidth970 {
    width: 95%;
    max-width: 1285px;
    margin: auto;
    position: relative
}

.MWrapperaxWidth970 {
    max-width: 970px
}

.WrapperMaxWidth1000,.ForgotPassword,.NewPasswordSetting,.TwoFactorLogin {
    max-width: 1000px
}





















.SimpleTitle,.WriteReviewTitle,.ForgotPasswordTitle,.NewPasswordSettingTitle,.TwoFactorLoginTitle1,.Shop .ShopTitle,.Medicine .MedicineTitle,.Law .LawTitle,.TermsTitle1,.PrivacyTitle1,.ChocomCreditTitle,.ProductArrivalTitle,.ReviewAboutModalTitle,.LikeCategory .LikeCategoryTitle,.FavoriteTitle,.FaqTitle {
    font-weight: bold
}

.TitleTextLeftBorder,.Shop .ShopTitle2,.Terms .TermsTitle2,.Terms .PrivacyTitle2,.Privacy .TermsTitle2,.Privacy .PrivacyTitle2,.ChocomCreditTitle2,.CartPeriodicalTitle,.TwoFactorChooseTitle2,.PeriodicalOrderModifyTitle2,.OtcConfirmationTitle2,.OtcConfirmationEnquiryTitle,.TitleTextLeftBorderBackGroundColor,.TwoFactorLoginTitle2,.RankingCategoryTitle,.FavoriteListProductModalTitle,.TitleMypageUser,.Editor .EditorH2,.Special .EditorH2 {
    padding-left: 15px;
    position: relative
}

.TitleTextLeftBorder:before,.Shop .ShopTitle2:before,.Terms .TermsTitle2:before,.Terms .PrivacyTitle2:before,.Privacy .TermsTitle2:before,.Privacy .PrivacyTitle2:before,.ChocomCreditTitle2:before,.CartPeriodicalTitle:before,.TwoFactorChooseTitle2:before,.PeriodicalOrderModifyTitle2:before,.OtcConfirmationTitle2:before,.OtcConfirmationEnquiryTitle:before,.TitleTextLeftBorderBackGroundColor:before,.TwoFactorLoginTitle2:before,.RankingCategoryTitle:before,.FavoriteListProductModalTitle:before,.TitleMypageUser:before,.Editor .EditorH2:before,.Special .EditorH2:before {
    content: "";
    display: block;
    width: 4px;
    position: absolute;
    left: 0;
    top: .3em;
    bottom: .2em;
    background-color: #339ada;
    background-color: #3359da;
    background-color: #344568;
}

.FormTable .FormTableDetail{
    border-bottom: #ccc 1px solid;
    padding: 15px;
    vertical-align: middle;
}



























.LinkUnderLine:hover {
    cursor: pointer
}

.LinkUnderLineMainColor,.ReviewList .ProductInfoReviewTextLink,.Shop .ShopTableLink:link,.Shop .ShopTableLink:visited,.Shop .ShopTableLink:active,.Shop .ShopTableLink:hover,.Law .LawTableLink:link,.Law .LawTableLink:visited,.Law .LawTableLink:active,.Law .LawTableLink:hover,.CartPointUseBox .PointKakuteiBox .CartPointUseBoxClear,.LinkUnderlineInfoMain,.button_app_scan,.MypageInfoBox .MypageInfoDetailPointLapseLink,.ThankYou .ThankYouMailCheckLink,.CartConfirmDetail .PointKakuteiBox .CartPointUseBoxClear,.FaqEditor a:link,.FaqEditor a:visited,.FaqEditor a:active,.FaqEditor a:hover,.Editor .EditorLink:link,.Editor .EditorLink:visited,.Editor .EditorLink:active,.Editor .EditorLink:hover,.Special .EditorLink:link,.Special .EditorLink:visited,.Special .EditorLink:active,.Special .EditorLink:hover,.ProductInfoDetailWrapperReviewFilterFieldFlexClear,.DrawerDeliveryLink {
    text-decoration: underline !important
}

.LinkUnderLineMainColor,.ReviewList .ProductInfoReviewTextLink,.Shop .ShopTableLink:link,.Shop .ShopTableLink:visited,.Shop .ShopTableLink:active,.Shop .ShopTableLink:hover,.Law .LawTableLink:link,.Law .LawTableLink:visited,.Law .LawTableLink:active,.Law .LawTableLink:hover,.CartPointUseBox .PointKakuteiBox .CartPointUseBoxClear,.LinkUnderlineInfoMain,.button_app_scan,.MypageInfoBox .MypageInfoDetailPointLapseLink,.ThankYou .ThankYouMailCheckLink,.CartConfirmDetail .PointKakuteiBox .CartPointUseBoxClear,.FaqEditor a:link,.FaqEditor a:visited,.FaqEditor a:active,.FaqEditor a:hover,.Editor .EditorLink:link,.Editor .EditorLink:visited,.Editor .EditorLink:active,.Editor .EditorLink:hover,.Special .EditorLink:link,.Special .EditorLink:visited,.Special .EditorLink:active,.Special .EditorLink:hover,.ProductInfoDetailWrapperReviewFilterFieldFlexClear,.DrawerDeliveryLink {
    color: #339ada;
    text-decoration: none;
    word-break: break-all
}

.LinkUnderLineMainColor2{
    text-decoration: underline !important;
    color: #ffffff;
}







.ProductInfoCartBox dl {
    display: flex;
    flex-wrap: wrap;
}

.ProductInfoCartInfoList .ProductInfoCartInfoListHead:first-of-type, .ProductInfoCartInfoList .ProductInfoCartInfoListBody:first-of-type, .ProductInfoCartInfoList .ProductInfoCartInfoListBodyFlex:first-of-type {
    padding: 0 0 5px;
}

.ProductInfoCartInfoList .ProductInfoCartInfoListHead {
    width: 25%;
    font-size: 14px;
}

.ProductInfoCartInfoList .ProductInfoCartInfoListBody .LinkUnderLineArrow, .ProductInfoCartInfoList .ProductInfoCartInfoListBody .MypageTermsDisagreeBlockAgainLink, .ProductInfoCartInfoList .ProductInfoCartInfoListBody .TermsContentModalDisagreeLink, .ProductInfoCartInfoList .ProductInfoCartInfoListBodyFlex .LinkUnderLineArrow, .ProductInfoCartInfoList .ProductInfoCartInfoListBodyFlex .MypageTermsDisagreeBlockAgainLink, .ProductInfoCartInfoList .ProductInfoCartInfoListBodyFlex .TermsContentModalDisagreeLink {
    font-weight: normal;
}

.ButtonOrange, .RegisterForm .RegisterFormButton, .CartWrapperNoneLoginButton, .FavoriteListProduct .GridProductItem .FavoriteListProductEditOrderButton, .ListProductMypage .GridProductItem .FavoriteListProductEditOrderButton, .ListOrderHistory .GridProductItem .FavoriteListProductEditOrderButton, .TermsContentModalClose, .OtcConfirmationOkButton, .ProductInfoRightReviewFlexButtonCartFixed, .ProductInfoCartBox .ButtonSpFixed, .ButtonUserLogin, .ButtonOrange2, .ButtonOrangeCart, .ButtonOrangeCartTextLong {
    width: 100%;
    max-width: 250px;
    background-color: #ed7855;
    border-radius: 100px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 12px;
    box-shadow: 0 3px 6px rgba(56, 113, 114, .4);
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
}






















.FooterOrder .NoLink a {
    color: #fff
}

.FooterOrder .FooterInner,.FooterOrder .Footer .FooterInnerBorder,.Footer .FooterOrder .FooterInnerBorder {
    max-width: 1216px;
    width: 95%;
    margin-right: auto;
    margin-left: auto
}

.SectionSpecial,.ForgotPassword,.NewPasswordSetting,.TwoFactorLogin,.SectionChildCategory,.SectionCategoryFeatureOther,.SectionCategoryFeaturePickup,.SectionPaddingTop0,.SectionPaddingTop30,.SectionOtcConfirmation,.SectionPaymentConfirm,.SectionShippingAddress,.SectionPaddingTop40,.SectionPaddingTop50,.SectionPaddingTop80,.SectionSns,.Section,.WriteReview,.SectionSelectPayment,.ProductInfoRelatedSection,.ProductInfoRecommendSection,.ProductInfoRelatedCartSection,.ProductInfoListSection,.Category,.SectionBackGroundWhite,.SectionBackGroundBox,.SectionBackGroundGray,.SectionBackGroundImage,.SectionBackGroundWhiteGray,.SectionBackGroundGradation,.SectionBackGroundGreen {
    padding-top: 40px;
    padding-bottom: 60px
}

@media screen and (min-width: 1001px) {
    .SectionSpecial,.ForgotPassword,.NewPasswordSetting,.TwoFactorLogin,.SectionChildCategory,.SectionCategoryFeatureOther,.SectionCategoryFeaturePickup,.SectionPaddingTop0,.SectionPaddingTop30,.SectionCart,.SectionOtcConfirmation,.SectionPaymentConfirm,.SectionShippingAddress,.SectionPaddingTop40,.SectionPaddingTop50,.SectionPaddingTop80,.SectionSns,.Section,.WriteReview,.SectionCategoryTop,.SectionSelectPayment,.ProductInfoRelatedSection,.ProductInfoRecommendSection,.ProductInfoRelatedCartSection,.ProductInfoListSection,.Category,.SectionBackGroundWhite,.SectionBackGroundBox,.SectionBackGroundGray,.SectionBackGroundImage,.SectionBackGroundWhiteGray,.SectionBackGroundGradation,.SectionBackGroundGreen {
        padding-top:35px;
        padding-bottom: 35px
    }
}

.PaddingTop0.SectionSpecial,.PaddingTop0.ForgotPassword,.PaddingTop0.NewPasswordSetting,.PaddingTop0.TwoFactorLogin,.PaddingTop0.SectionChildCategory,.PaddingTop0.SectionCategoryFeatureOther,.PaddingTop0.SectionCategoryFeaturePickup,.PaddingTop0.SectionPaddingTop0,.PaddingTop0.SectionPaddingTop30,.PaddingTop0.SectionCart,.PaddingTop0.SectionOtcConfirmation,.PaddingTop0.SectionPaymentConfirm,.PaddingTop0.SectionShippingAddress,.PaddingTop0.SectionPaddingTop40,.PaddingTop0.SectionPaddingTop50,.PaddingTop0.SectionPaddingTop80,.PaddingTop0.SectionSns,.PaddingTop0.Section,.PaddingTop0.WriteReview,.PaddingTop0.SectionCategoryTop,.PaddingTop0.SectionSelectPayment,.PaddingTop0.ProductInfoRelatedSection,.PaddingTop0.ProductInfoRecommendSection,.PaddingTop0.ProductInfoRelatedCartSection,.PaddingTop0.ProductInfoListSection,.PaddingTop0.Category,.PaddingTop0.SectionBackGroundWhite,.PaddingTop0.SectionBackGroundBox,.PaddingTop0.SectionBackGroundGray,.PaddingTop0.SectionBackGroundImage,.PaddingTop0.SectionBackGroundWhiteGray,.PaddingTop0.SectionBackGroundGradation,.PaddingTop0.SectionBackGroundGreen {
    padding-top: 0
}

.PaddingTop30.SectionSpecial,.PaddingTop30.ForgotPassword,.PaddingTop30.NewPasswordSetting,.PaddingTop30.TwoFactorLogin,.PaddingTop30.SectionChildCategory,.PaddingTop30.SectionCategoryFeatureOther,.PaddingTop30.SectionCategoryFeaturePickup,.PaddingTop30.SectionPaddingTop0,.PaddingTop30.SectionPaddingTop30,.PaddingTop30.SectionCart,.PaddingTop30.SectionOtcConfirmation,.PaddingTop30.SectionPaymentConfirm,.PaddingTop30.SectionShippingAddress,.PaddingTop30.SectionPaddingTop40,.PaddingTop30.SectionPaddingTop50,.PaddingTop30.SectionPaddingTop80,.PaddingTop30.SectionSns,.PaddingTop30.Section,.PaddingTop30.WriteReview,.PaddingTop30.SectionCategoryTop,.SectionSelectPayment,.PaddingTop30.ProductInfoRelatedSection,.PaddingTop30.ProductInfoRecommendSection,.PaddingTop30.ProductInfoRelatedCartSection,.PaddingTop30.ProductInfoListSection,.PaddingTop30.Category,.PaddingTop30.SectionBackGroundWhite,.PaddingTop30.SectionBackGroundBox,.PaddingTop30.SectionBackGroundGray,.PaddingTop30.SectionBackGroundImage,.PaddingTop30.SectionBackGroundWhiteGray,.PaddingTop30.SectionBackGroundGradation,.PaddingTop30.SectionBackGroundGreen {
    padding-top: 30px
}

@media screen and (max-width: 768px) {
    .PaddingTop30.SectionSpecial,.PaddingTop30.ForgotPassword,.PaddingTop30.NewPasswordSetting,.PaddingTop30.TwoFactorLogin,.PaddingTop30.SectionChildCategory,.PaddingTop30.SectionCategoryFeatureOther,.PaddingTop30.SectionCategoryFeaturePickup,.PaddingTop30.SectionPaddingTop0,.PaddingTop30.SectionPaddingTop30,.PaddingTop30.SectionCart,.PaddingTop30.SectionOtcConfirmation,.PaddingTop30.SectionPaymentConfirm,.PaddingTop30.SectionShippingAddress,.PaddingTop30.SectionPaddingTop40,.PaddingTop30.SectionPaddingTop50,.PaddingTop30.SectionPaddingTop80,.PaddingTop30.SectionSns,.PaddingTop30.Section,.PaddingTop30.WriteReview,.PaddingTop30.SectionCategoryTop,.SectionSelectPayment,.PaddingTop30.ProductInfoRelatedSection,.PaddingTop30.ProductInfoRecommendSection,.PaddingTop30.ProductInfoRelatedCartSection,.PaddingTop30.ProductInfoListSection,.PaddingTop30.Category,.PaddingTop30.SectionBackGroundWhite,.PaddingTop30.SectionBackGroundBox,.PaddingTop30.SectionBackGroundGray,.PaddingTop30.SectionBackGroundImage,.PaddingTop30.SectionBackGroundWhiteGray,.PaddingTop30.SectionBackGroundGradation,.PaddingTop30.SectionBackGroundGreen {
        padding-top:20px
    }
}

.PaddingTop50.SectionSpecial,.PaddingTop50.ForgotPassword,.PaddingTop50.NewPasswordSetting,.PaddingTop50.TwoFactorLogin,.PaddingTop50.SectionChildCategory,.PaddingTop50.SectionCategoryFeatureOther,.PaddingTop50.SectionCategoryFeaturePickup,.PaddingTop50.SectionPaddingTop0,.PaddingTop50.SectionPaddingTop30,.PaddingTop50.SectionCart,.PaddingTop50.SectionOtcConfirmation,.PaddingTop50.SectionPaymentConfirm,.PaddingTop50.SectionShippingAddress,.PaddingTop50.SectionPaddingTop40,.PaddingTop50.SectionPaddingTop50,.PaddingTop50.SectionPaddingTop80,.PaddingTop50.SectionSns,.PaddingTop50.Section,.PaddingTop50.WriteReview,.PaddingTop50.SectionCategoryTop,.PaddingTop50.SectionSelectPayment,.PaddingTop50.ProductInfoRelatedSection,.PaddingTop50.ProductInfoRecommendSection,.PaddingTop50.ProductInfoRelatedCartSection,.PaddingTop50.ProductInfoListSection,.PaddingTop50.Category,.PaddingTop50.SectionBackGroundWhite,.PaddingTop50.SectionBackGroundBox,.PaddingTop50.SectionBackGroundGray,.PaddingTop50.SectionBackGroundImage,.PaddingTop50.SectionBackGroundWhiteGray,.PaddingTop50.SectionBackGroundGradation,.PaddingTop50.SectionBackGroundGreen {
    padding-top: 50px
}

@media screen and (max-width: 768px) {
    .PaddingTop50.SectionSpecial,.PaddingTop50.ForgotPassword,.PaddingTop50.NewPasswordSetting,.PaddingTop50.TwoFactorLogin,.PaddingTop50.SectionChildCategory,.PaddingTop50.SectionCategoryFeatureOther,.PaddingTop50.SectionCategoryFeaturePickup,.PaddingTop50.SectionPaddingTop0,.PaddingTop50.SectionPaddingTop30,.PaddingTop50.SectionCart,.PaddingTop50.SectionOtcConfirmation,.PaddingTop50.SectionPaymentConfirm,.PaddingTop50.SectionShippingAddress,.PaddingTop50.SectionPaddingTop40,.PaddingTop50.SectionPaddingTop50,.PaddingTop50.SectionPaddingTop80,.PaddingTop50.SectionSns,.PaddingTop50.Section,.PaddingTop50.WriteReview,.PaddingTop50.SectionCategoryTop,.PaddingTop50.SectionSelectPayment,.PaddingTop50.ProductInfoRelatedSection,.PaddingTop50.ProductInfoRecommendSection,.PaddingTop50.ProductInfoRelatedCartSection,.PaddingTop50.ProductInfoListSection,.PaddingTop50.Category,.PaddingTop50.SectionBackGroundWhite,.PaddingTop50.SectionBackGroundBox,.PaddingTop50.SectionBackGroundGray,.PaddingTop50.SectionBackGroundImage,.PaddingTop50.SectionBackGroundWhiteGray,.PaddingTop50.SectionBackGroundGradation,.PaddingTop50.SectionBackGroundGreen {
        padding-top:30px
    }
}

.PaddingBottom0.SectionSpecial,.PaddingBottom0.ForgotPassword,.PaddingBottom0.NewPasswordSetting,.PaddingBottom0.TwoFactorLogin,.PaddingBottom0.SectionChildCategory,.PaddingBottom0.SectionCategoryFeatureOther,.PaddingBottom0.SectionCategoryFeaturePickup,.PaddingBottom0.SectionPaddingTop0,.PaddingBottom0.SectionPaddingTop30,.PaddingBottom0.SectionCart,.PaddingBottom0.SectionOtcConfirmation,.PaddingBottom0.SectionPaymentConfirm,.PaddingBottom0.SectionShippingAddress,.PaddingBottom0.SectionPaddingTop40,.PaddingBottom0.SectionPaddingTop50,.PaddingBottom0.SectionPaddingTop80,.PaddingBottom0.SectionSns,.PaddingBottom0.Section,.PaddingBottom0.WriteReview,.PaddingBottom0.SectionCategoryTop,.PaddingBottom0.SectionSelectPayment,.PaddingBottom0.ProductInfoRelatedSection,.PaddingBottom0.ProductInfoRecommendSection,.PaddingBottom0.ProductInfoRelatedCartSection,.PaddingBottom0.ProductInfoListSection,.PaddingBottom0.Category,.PaddingBottom0.SectionBackGroundWhite,.PaddingBottom0.SectionBackGroundBox,.PaddingBottom0.SectionBackGroundGray,.PaddingBottom0.SectionBackGroundImage,.PaddingBottom0.SectionBackGroundWhiteGray,.PaddingBottom0.SectionBackGroundGradation,.PaddingBottom0.SectionBackGroundGreen {
    padding-bottom: 0
}

.SectionSns {
    padding-top: 0
}

.SectionPaddingTop80 {
    padding-top: 80px
}

@media screen and (max-width: 768px) {
    .SectionPaddingTop80 {
        padding-top:35px
    }
}

.SectionPaddingTop50 {
    padding-top: 50px
}

@media screen and (max-width: 768px) {
    .SectionPaddingTop50 {
        padding-top:30px
    }
}

.SectionPaddingTop40 {
    padding-top: 40px
}

@media screen and (max-width: 768px) {
    .SectionPaddingTop40 {
        padding-top:30px
    }
}

.SectionPaddingTop30,.SectionCart,.SectionOtcConfirmation,.SectionPaymentConfirm,.SectionShippingAddress {
    padding-top: 30px
}

@media screen and (max-width: 768px) {
    .SectionPaddingTop30,.SectionCart,.SectionOtcConfirmation,.SectionPaymentConfirm,.SectionShippingAddress {
        padding-top:20px
    }
}

.SectionPaddingTop0 {
    padding-top: 0
}

.Column1 {
    overflow: hidden
}

.MarginBottom10{
    margin-bottom: 10px;
}

.SectionCart2{
    padding-top: 24px;
}

.sticky-element {
    position: sticky;
    top: 100px;
    /* 画面上端からの距離 */
    right: 20px;
    /* 画面右端からの距離 */
    /* background-color: #f0f0f0; */
    /* background-color: #ffffff; */
    height: 240px;
    width: 320px;
    padding-left: 10px;
    padding-right: 10px;
}

.order-confirm-sticky-element{
    position: sticky;
    top: 100px;
    right: 20px;
    height: 500px;
    width: 320px;
    padding-left: 10px;
    padding-right: 10px;
}

.Column2 {
    padding-top: 50px;
    padding-top: 24px;
    padding-bottom: 90px;
    max-width: 1286px
}

@media screen and (max-width: 768px) {
    .Column2 {
        padding-top:10px;
        padding-bottom: 50px;
        display: flex;
        flex-direction: column
    }
}

.Column2 .Main {
    width: calc(100% - 315px);
    float: right
}

@media screen and (max-width: 768px) {
    .Column2 .Main {
        width:100%;
        float: none;
        padding-bottom: 50px
    }
}

.Column2 .Section,.Column2 .WriteReview,.Column2 .SectionCategoryTop,.Column2 .SectionSelectPayment,.Column2 .ProductInfoRelatedSection,.Column2 .ProductInfoRecommendSection,.Column2 .ProductInfoRelatedCartSection,.Column2 .ProductInfoListSection,.Column2 .Category {
    padding: 0
}

.Column2 .Aside,.Column2 .AsidePc {
    width: 285px;
    float: left
}

@media screen and (max-width: 768px) {
    .Column2 .Aside,.Column2 .AsidePc {
        width:100%;
        float: none
    }
}

@media screen and (max-width: 768px) {
    .Column2 .AsidePc {
        display:none
    }
}

.TitleBox .Pan {
    margin-bottom: 10px;
    margin-top: 20px
}

@media screen and (max-width: 768px) {
    .TitleBox .Pan {
        margin-top:0
    }
}

.TitleBox .TitleText {
    font-weight: 500
}

.Pan {
    width: 100%;
    height: 2.45em;
    margin: 0 auto;
    padding: .5em 0;
    position: relative;
    font-size: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}








button {
    font-family: "Noto Sans JP","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic",YuGothic,"メイリオ","Meiryo","Roboto",sans-serif;
    background-color: transparent;
    border: none;
    padding: 0
}
















@media screen and (min-width: 769px) {
.CheckLikeBox1{
    position: absolute;
    top: 77px;
    right: 30px;
}

.CheckLikeBalloon1 {
    position: absolute;
    right: -10px;
    top: 14px;
    z-index: 1;
}
}

@media screen and (max-width: 768px) {
.CheckLikeBox1{
    position: relative;
    top: 2px;
    left: 2px;
}

.CheckLikeBalloon1 {
    position: absolute;
    left: -5px;
    top: 35px;
    z-index: 1;
}
}





.class_c{
    float:right;
}

#gvShoh th{
    background-color: #113d93;
}

.GridProductItem .CheckLikeBox {
    position: absolute;
    right: 18px;
    top: 10px;
    z-index: 1
}

.GridProductItem .GridProductItemBox {
    border: 1px solid #dedede;
    border-radius: 3px;
    position: relative;
    padding-top: 25px;
    padding-bottom: 45px;
    background-color: #fff;
    height: 325px;
}

.GridProductItem .GridProductItemThumbnail {
    width: 140px;
    height: 140px;
    margin: 0 auto 20px;
    display: block;
}

.GridProductItem .GridProductItemThumbnail .ObjectFitCover {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 414px) {
    .GridProductItem .GridProductItemThumbnail {
        width:120px;
        height: 120px
    }
}











.GridProductItem .GridProductItemTag,.GridProductItem .ReviewBox {
    width: calc(100% - 20px);
    margin: 4px auto 0;
}

.GridProductItem .GridProductItemTag {
    height: auto;
    /* padding-right: 10px */
}

.GridProductItemTitle{
    width: calc(100% - 20px);
    margin: 0 auto 0;
}

.product_label_box{
    width: calc(100% - 20px);
    margin: 1px auto 0;
}

@media screen and (max-width: 1158px) and (min-width:769px) {
    .GridProductItem .GridProductItemTag {
        height:38px
    }
}

@media screen and (max-width: 768px) {
    .GridProductItem .GridProductItemTag {
        height:36px
    }
}

.GridProductItem .ReviewBox {
    height: 1.5em;
}

.GridProductItem .GridProductItemTitle {
    overflow: hidden;
    max-height: 2.9em;
    line-height: 1.45em
}

.GridProductItem .GridProductItemTitle .TextLine {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.45em
}

.GridProductItem .GridProductItemPrice {
    border-top: 1px solid #dedede;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    text-align: right
}





















@media screen and (max-width: 414px) {
    .GridProductItem .ButtonOrder {
        font-size:14px;
        padding-right: 10px;
        padding-left: 10px
    }
}

.GridProductItem.grid_history_item .GridProductItemBox {
    padding-bottom: 65px
}

.GridProductItemTag {
    font-size: 0
}

.GridProductItemTag .GridProductItemTagItem {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 3px;
    font-size: 13px;
    color: #518889;
    font-weight: 400;
    line-height: 0
}

.ReviewBox .ReviewStar,.ReviewBox .ReviewNumber {
    display: inline-block;
    vertical-align: middle
}

.ReviewBox2{
    position: absolute;
    right: 20px;
}

.Box_all{
    padding-left: 11px;
    padding-right: 11px;
    display: flex;
    justify-content:space-between;
}





.WrapperMaxWidth1286 {
    max-width: 1286px
}

















.SliderProductContainer,.SectionCategoryFeatureOther .FeaturePickupList,.TabSliderProductContainer {
    overflow: hidden
}

.SliderProductContainer .GridProductItem,.SectionCategoryFeatureOther .FeaturePickupList .GridProductItem,.TabSliderProductContainer .GridProductItem {
    width: 230px;
    display: grid;
    grid-template-rows: 325px;
}

@media (max-width: 420px) {
.SliderProductContainer .GridProductItem, .SectionCategoryFeatureOther .FeaturePickupList .GridProductItem, .TabSliderProductContainer .GridProductItem {
    width: 130px;
    display: grid;
    grid-template-rows: 325px;
}
#image_file{
    width: 100%;  /* 幅を親要素の100%に設定 */
    /*height: 200px;*/
}
}

#padding-bottom2rem{
    padding-bottom: 2rem;
}

 /* スライドのデフォルトの幅 (220px) */
 .swiper-slide {
    width: 233px;
}

/* 1024px以上の画面ではスライドの幅を233pxに変更 */
@media (max-width: 420px) {
    .swiper-slide {
        width: 133px;
    }
}

.swiper {
    width: 100%;
    height: 325px;
    padding-bottom: 20px;
}

/* カスタムのスクロールバーのドラッグ要素のスタイル */
.swiper-scrollbar-drag {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgb(43 93 179) !important;    
    background: #344568 !important; 
    border-radius: 10px;
    top: 0;
    left: 0;
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    width: 100%;
    background: var(--swiper-scrollbar-bg-color, rgb(196, 196, 196));
}

/* Swiperのスクロールバーをカスタマイズ */
.swiper-horizontal .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute !important;
    left: 0% !important;
    /* 左のオフセットを5%に */
    bottom: 10px !important;
    /* 下から10pxの位置に */
    height: 4px !important;
    /* スクロールバーの高さを6pxに */
    width: calc(100% - 0%) !important;
    /* 幅を計算して調整 */
}
























.SectionCategoryTop {
    position: relative;
    text-align: center
}

.SectionCategoryTop .SectionCategoryTopTitle {
    font-weight: bold;
    margin-bottom: 10px
}












.swiper-container {
    width: 100%;
    /* padding: 20px; */
    padding-bottom: 30px;
  }
  
  .swiper-slide {
    width: auto;
  }
  

  .swiper-button-prev:after,
  .swiper-button-next:after {
    position: absolute;
    width: 48px;
    height: 64px;
    background-color: #fff;
    color: rgb(43, 110, 77);
    color: rgb(82 104 183);
    color: #344568;
    border: none;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .3), 1px 1px 3px 0 rgba(0, 0, 0, .3), 1px 1px 3px 0 rgba(0, 0, 0, .3);

    display: flex;
  }
  
  .swiper-button-next, .swiper-button-prev {
    position: absolute;
    width: calc(var(--swiper-navigation-size) / 44* 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    top: var(--swiper-navigation-top-offset, 56%) !important;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}


.swiper-scroll{
    padding-bottom: 40px;
}



















.ToggleButton {
    position: absolute;
    z-index: 1001;
    top: 0;
    right: 0;
    display: block;
    width: 66px;
    height: 66px;
    padding: 15px 20px 0;
    transform: translateZ(0);
    border: 0;
    outline: 0;
    background-color: transparent;
    background-color: #c6e4e5;
    background-color: #e3efff;
    text-align: center;
    cursor: pointer;
}

.ToggleButton .ToggleButtonBar {
    background-color: #518889;
    background-color: #242dae;
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    border: 0;
    transition: background-color .35s ease, transform .35s ease;
}

.ToggleButton .ToggleButtonBar+.ToggleButtonBar {
    margin-top: 7px;
}

.ToggleButton:after {
    content: "MENU";
    font-size: 10px;
    color: #518889;
    color: #242dae;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 8px;
}



  








/* もっと見るボタン */
  .SectionChildCategory .LinkButton, .SectionChildCategory .Coupon .CouponMyListItemRight .CouponMyListItemRightButton, .Coupon .CouponMyListItemRight .SectionChildCategory .CouponMyListItemRightButton {
    margin: 15px auto 0;
}

.RankingCategoryList .RankingCategoryListItem .RankingCategoryListItemLink, .SectionChildCategory .LinkButton, .FaqCategoryNavigation li a, .GuideHead .GuideHeadCategoryNavigation li a, .CategoryBlockMoreButton, .CategoryBlockBackButton, #Drawer .DrawerMenuLogoutButton, #Drawer .LinkButtonDrawerOrderHistory, .LinkButtonWhiteBorderPink, .LinkButtonLight, .LinkButtonSquare, .LinkButtonSquareAuto, .LinkButtonSquareTracking, .LinkButtonReturn, .ButtonMini a, .LinkButtonCenter, .LinkButton, .Coupon .CouponMyListItemRight .CouponMyListItemRightButton {
    color: #518889;
    text-decoration: none;
    word-break: break-all;
}
.RankingCategoryList .RankingCategoryListItem .RankingCategoryListItemLink, .SectionChildCategory .LinkButton, .FaqCategoryNavigation li a, .GuideHead .GuideHeadCategoryNavigation li a, .CategoryBlockMoreButton, .CategoryBlockBackButton, #Drawer .DrawerMenuLogoutButton, #Drawer .LinkButtonDrawerOrderHistory, .LinkButtonWhiteBorderPink, .LinkButtonLight, .LinkButtonSquare, .LinkButtonSquareAuto, .LinkButtonSquareTracking, .LinkButtonReturn, .ButtonMini a, .LinkButtonCenter, .LinkButton, .Coupon .CouponMyListItemRight .CouponMyListItemRightButton {
    display: block;
    width: 200px;
    min-width: 200px;
    text-align: center;
    padding: 6px 20px 7px;
    font-weight: bold;
    background-color: #fff;
    border-radius: 30px;
    border: 2px solid #518889;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
}















  





/*ヘッダーのcss*/
.Header {
    position: fixed;
    background-color: #fff;
    z-index: 1002;
    left: 0;
    right: 0;
    top: 0;
}
.HeaderWrapper {
    height: 106px;
    height: 70px;
    height: 125px;
}

.Header .HeaderBottom {
    background-color: #518889;
    background-color: rgb(29, 118, 228);
    background-color: #344568;
    position: relative;
}
     
@media screen and (max-width: 1000px) {
    .Header .HeaderInner {
        max-width: 1366px;
        height: 129px;
        margin: 0 auto;
        width: 100%;
        position: relative;
    }   
}

@media screen and (min-width: 1001px) {
    .Header .HeaderInner {
        max-width: 1366px;
        height: 66px;
        margin: 0 auto;
        width: 100%;
        position: relative;
    }   
}

.HeaderLogoLink{
    margin-right: 0;
    margin-top: 3px;
}

.Pan {
    width: 100%;
    height: 2.45em;
    margin: 0 auto;
    padding: .5em 0;
    position: relative;
    font-size: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

.Pan1 {
    width: 100%;
    margin: 0 auto;
    padding: .5em 0;
    position: relative;
    font-size: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

.Pan .PanList .PanListPage {
    display: inline-block;
}

.Pan .PanList .PanListPageParent, .Pan .PanList .PanListPageCurrent, .Pan .PanList .PanListPageCurrentWithLink {
    font-size: 12px;
}

.image_arrow{
    padding-left: 6px;
}

* {
    font-weight: bold;
    box-sizing: border-box;
    word-break: break-all;
    line-height: 1.45em;
    background-repeat: no-repeat;
}

#GlobalNavigation .GlobalNavigationList .GlobalNavigationListItem .MegaMenuCategory .MegaMenuItemLink {
    color: #3a3a3a;
    text-decoration: none;
    word-break: break-all;
}
#GlobalNavigation .GlobalNavigationList .GlobalNavigationListItem .MegaMenuCategory .MegaMenuItemLink {
    background-color: #fff;
    border-radius: 3px;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    height: 100%;
}

@media screen and (max-width: 2000px) {
    #GlobalNavigation .GlobalNavigationList .GlobalNavigationListItem+.GlobalNavigationListItem {
        margin-left: 40px;
    }
}

#GlobalNavigation .GlobalNavigationList .GlobalNavigationListItem .MegaMenuCategory .MegaMenuItem {
    width: 20%;
    padding: 0 5px;
    margin-bottom: 10px;
}

#GlobalNavigation .GlobalNavigationList .GlobalNavigationListItem .GlobalNavigationListItemLink {
    color: #fff;
    text-decoration: none;
    word-break: break-all;
}

#GlobalNavigation .GlobalNavigationList .GlobalNavigationListItem .GlobalNavigationListItemLink {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 0;
    font-weight: 500;
    font-size: 13px;
}

#GlobalNavigation .GlobalNavigationListItemLink-home {
    color: #61faff;
    text-decoration: none;
    word-break: break-all;
}

#GlobalNavigation .GlobalNavigationListItemLink-home {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 0;
    font-weight: 500;
    font-size: 13px;
}

#GlobalNavigation .GlobalNavigationList {
    display: flex;
    justify-content: center;
}

#GlobalNavigation .GlobalNavigationList .GlobalNavigationListItem.ParentMenu:hover .MegaMenu {
    padding: 10px 0;
    height: auto;
    opacity: 1;
    transition: all .4s ease;
    z-index: 1;
}

.orderNoteConfirm{
    color: #344568;
    font-size: 16px;
}

#GlobalNavigation .GlobalNavigationList .GlobalNavigationListItem .MegaMenu {
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: rgba(162, 202, 200, .9);
    background-color: rgba(62, 63, 122, 0.9);
    padding: 0;
    height: 0;
    opacity: 0;
    transition: all .2s ease;
}

#GlobalNavigation .GlobalNavigationList .GlobalNavigationListItem .MegaMenuCategory {
    display: flex;
    flex-wrap: wrap;
    max-width: 1080px;
    width: 98%;
    margin-right: auto;
    margin-left: auto;
}

@media screen and (max-width: 1000px) {
    #GlobalNavigation {
        display: none;
    }
}

@media screen and (min-width: 1000px) {
    .SystemNavigation {
        right: 70px;
    }
}


.SystemNavigation .SystemNavigationItemHistory {
    background-image: url(/img/history.svg);
    background-size: 27px 25px;
    background-position: center 11px;
}

.SystemNavigation .SystemNavigationItemCart {
    background-image: url(/img/cart.svg);
    background-size: 35px 25px;
    background-position: 17px 11px;
    position: relative;
}

.SystemNavigation .SystemNavigationItemLogin {
    background-image: url(/img/login.svg);
    background-size: 28px 28px;
    background-position: center 9px;
}

.SystemNavigation .SystemNavigationItemCategory {
    background-image: url(/img/history.svg);
    background-size: 28px 28px;
    background-position: center 9px;
}

.SystemNavigation .SystemNavigationPurchasehistory{
    background-image: url(/img/history.svg);
    background-size: 28px 28px;
    background-position: center 9px;
}

.SystemNavigation .SystemNavigationItemRegistry {
    background-image: url(/img/registry.svg);
    background-size: 26.5px 26.5px;
    background-position: center 10px;
}

.SystemNavigation .SystemNavigationItemLogout {
    background-image: url(/img/login.svg);
    background-size: 28px 28px;
    background-position: center 9px;
} 

@media screen and (max-width: 1000px) {
    .HeaderItem  {
        display: none !important;
    }
}

@media screen and (max-width: 1000px) {
    .sponlyNav .SystemNavigation .SystemNavigationItem a {
        width: 75px;
        /* height: 34px;
        padding-top: 30px; */
        display: block;
        background-position: bottom 7px center;
        color: #518889;
    }
}

@media screen and (max-width: 1000px) {
    .sponlyNav {
        position: relative;
        text-align: center;
        padding-bottom: 20px;
    }
}

@media screen and (min-width: 1001px) {
    .sponlyNav {
        display: none;
    }
}

.SystemNavigation .SystemNavigationItemUser {
    background-image: url(/img/history.svg);
    background-size: 27px 25px;
    background-position: center 11px;
}

.SystemNavigation .SystemNavigationItemAdmin {
    background-image: url(/img/history.svg);
    background-size: 27px 25px;
    background-position: center 11px;
}

.SystemNavigation a {
    display: block;
    padding-top: 40px;
}

a {
    font-weight: bold;
    color: #3a3a3a;
    text-decoration: none;
    word-break: break-all;
}

.SystemNavigation .SystemNavigationPurchasehistory,.SystemNavigation .SystemNavigationItemCategory,.SystemNavigation .SystemNavigationItemAdmin,.SystemNavigation .SystemNavigationItemLogin,.SystemNavigation .SystemNavigationItemUser,.SystemNavigation .SystemNavigationItemLogout, .SystemNavigation .SystemNavigationItemRegistry, .SystemNavigation .SystemNavigationItemHistory, .SystemNavigation .SystemNavigationItemCart, .SystemNavigation .SystemNavigationItemCoupon, .SystemNavigation .SystemNavigationItemGuide, .SystemNavigation .SystemNavigationItemLike {
    display: block;
    width: 75px;
    height: 100%;
    text-align: center;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: .1em;
    background-repeat: no-repeat;
}

@media screen and (min-width: 1001px) {
    .SystemNavigation {
        display: flex;
        align-items: center;
        /* height: 100%; */
        position: absolute;
        right: 80px;
        top:4px;
    }
}

@media screen and (min-width: 750px) and (max-width: 1000px) {
    .SystemNavigation {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around;
    }
    /* 一番右の要素だけ少し左に寄せる */
    .SystemNavigationItem:first-child {
        margin-left: 30%; /* 数値を調整 */
    }
    
    .SystemNavigationItem:last-child {
        margin-right: 30%; /* 数値を調整 */
    }
}

@media screen and (min-width: 550px) and (max-width: 750px) {
    .SystemNavigation {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around;
    }
    /* 一番右の要素だけ少し左に寄せる */
    .SystemNavigationItem:first-child {
        margin-left: 25%; /* 数値を調整 */
    }
    
    .SystemNavigationItem:last-child {
        margin-right: 25%; /* 数値を調整 */
    }
}

@media screen and (max-width: 550px) {
    .SystemNavigation {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around;
    }

}

.SystemNavigation .SystemNavigationItemMypageLink {
    display: inline-block;
    margin-right: 40px;
    padding-top: 0;
    vertical-align: bottom;
    display: flex;
    align-items: center;
    text-align: center;
}

.SystemNavigation .SystemNavigationItem {
    height: 100%;
}



/*column2*/
.Column2 {
    padding-top: 50px;
    padding-top: 24px;
    padding-bottom: 90px;
    max-width: 1286px;
}

.Column2 .Aside, .Column2 .AsidePc {
    width: 285px;
    float: left;
}

.SlidebarTitleMedium {
    font-weight: bold;
    margin-bottom: 10px;
}

.TextGreen, .RegisterLead, .SlidebarTitleMedium, .ProductInfoSubscriptionWrapper .ProductInfoSubscriptionMore .LinkUnderLineArrow, .ProductInfoSubscriptionWrapper .ProductInfoSubscriptionMore .MypageTermsDisagreeBlockAgainLink, .ProductInfoSubscriptionWrapper .ProductInfoSubscriptionMore .TermsContentModalDisagreeLink, .ProductInfoRightReviewCopy, .ProductInfoDetailWrapper .ProductInfoReviewMore .LinkUnderLineArrow, .ProductInfoDetailWrapper .ProductInfoReviewMore .MypageTermsDisagreeBlockAgainLink, .ProductInfoDetailWrapper .ProductInfoReviewMore .TermsContentModalDisagreeLink, .ProductInfoCopy, .ListProductCopy .ListProductCopyWrapper .ListProductCopyText {
    color: #518889;
}

.SidebarCategoryMenuParent01 {
    color: #518889;
    color:#4b629b;
    text-decoration: none;
    word-break: break-all;
}

.SidebarCategoryMenuParent01 {
    background-color: #e4eeee;
    background-color:#e8f0ff;
    border-bottom: none;
    background-image: url(/img/arrow_pager_left_disabled.svg);
}
.SidebarCategoryMenuParent00, .SidebarCategoryMenuParent01, .SidebarCategoryMenuParent02 {
    padding: 10px 17px 10px 32px;
    background-position: left 15px center;
    background-size: 7px auto;
}

.SidebarCategoryMenu, .SidebarCategoryMenuParent00, .SidebarCategoryMenuChildren00, .SidebarCategoryMenuParent01, .SidebarCategoryMenuChildren01, .SidebarCategoryMenuParent02 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #fff;
}

.SidebarCategoryMenuChildren01 {
    color: #518889;
    color:#4b629b;
    text-decoration: none;
    word-break: break-all;
}

.SidebarCategoryMenuChildren01 {
    background-color: #f4f5f5;
    background-color: #fafcff;
    border-bottom-color: #dedede;
    background-image: url(/img/arrow_pager_right_disabled.svg);
}
.SidebarCategoryMenu, .SidebarCategoryMenuChildren00, .SidebarCategoryMenuChildren01 {
    padding: 10px 32px 10px 17px;
    background-position: right 15px center;
    background-size: 7px auto;
}
.SidebarCategoryMenu, .SidebarCategoryMenuParent00, .SidebarCategoryMenuChildren00, .SidebarCategoryMenuParent01, .SidebarCategoryMenuChildren01, .SidebarCategoryMenuParent02 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #fff;
}

.CategoryTitle {
    font-weight: bold;
}

.CategoryTitle2 {
    font-size: 20px;
}

.FontSize33, .ReviewCategoryTitle, .ReviewTitle, .ErrorTitle, .ResignationTitle, .RegisterCompleteTitle, .RegisterMailTitle, .RegisterTitle2, .RankingFlex .RankingFlexTitle, .OutletsFlex .OutletsFlexTitle, .NewProduct .NewProductFlex .NewProductFlexTitle, .NewProduct .NewProductFlex .CouponProductFlexTitle, .NewProduct .CouponProductFlex .NewProductFlexTitle, .NewProduct .CouponProductFlex .CouponProductFlexTitle, .Outlets .NewProductFlex .NewProductFlexTitle, .Outlets .NewProductFlex .CouponProductFlexTitle, .Outlets .CouponProductFlex .NewProductFlexTitle, .Outlets .CouponProductFlex .CouponProductFlexTitle, .CouponProduct .NewProductFlex .NewProductFlexTitle, .CouponProduct .NewProductFlex .CouponProductFlexTitle, .CouponProduct .CouponProductFlex .NewProductFlexTitle, .CouponProduct .CouponProductFlex .CouponProductFlexTitle, .SectionCategoryTop .SectionCategoryTopTitle, .CartWrapperNoneTitle, .TwoFactorChooseTitle1, .PeriodicalOrderModifyModalInnerText, .PeriodicalOrderModifyTitle1, .OtcConfirmationTitle1, .Edit .ArticleHead h1, .News .NewsTitle, .CategoryTitle, .SimpleTitle, .WriteReviewTitle, .ForgotPasswordTitle, .NewPasswordSettingTitle, .TwoFactorLoginTitle1, .Shop .ShopTitle, .Medicine .MedicineTitle, .Law .LawTitle, .TermsTitle1, .PrivacyTitle1, .ChocomCreditTitle, .ProductArrivalTitle, .ReviewAboutModalTitle, .LikeCategory .LikeCategoryTitle, .FavoriteTitle, .FaqTitle, .TitleMobileSmaller .MainTitle, .Title .MainTitle, .TitleAlphabet01, .Title01 {
    font-size: 33px;
}

@media screen and (max-width: 568px) {
    .FontSize33, .ReviewCategoryTitle, .ReviewTitle, .ErrorTitle, .ResignationTitle, .RegisterCompleteTitle, .RegisterMailTitle, .RegisterTitle2, .RankingFlex .RankingFlexTitle, .OutletsFlex .OutletsFlexTitle, .NewProduct .NewProductFlex .NewProductFlexTitle, .NewProduct .NewProductFlex .CouponProductFlexTitle, .NewProduct .CouponProductFlex .NewProductFlexTitle, .NewProduct .CouponProductFlex .CouponProductFlexTitle, .Outlets .NewProductFlex .NewProductFlexTitle, .Outlets .NewProductFlex .CouponProductFlexTitle, .Outlets .CouponProductFlex .NewProductFlexTitle, .Outlets .CouponProductFlex .CouponProductFlexTitle, .CouponProduct .NewProductFlex .NewProductFlexTitle, .CouponProduct .NewProductFlex .CouponProductFlexTitle, .CouponProduct .CouponProductFlex .NewProductFlexTitle, .CouponProduct .CouponProductFlex .CouponProductFlexTitle, .SectionCategoryTop .SectionCategoryTopTitle, .CartWrapperNoneTitle, .TwoFactorChooseTitle1, .PeriodicalOrderModifyModalInnerText, .PeriodicalOrderModifyTitle1, .OtcConfirmationTitle1, .Edit .ArticleHead h1, .News .NewsTitle, .CategoryTitle, .SimpleTitle, .WriteReviewTitle, .ForgotPasswordTitle, .NewPasswordSettingTitle, .TwoFactorLoginTitle1, .Shop .ShopTitle, .Medicine .MedicineTitle, .Law .LawTitle, .TermsTitle1, .PrivacyTitle1, .ChocomCreditTitle, .ProductArrivalTitle, .ReviewAboutModalTitle, .LikeCategory .LikeCategoryTitle, .FavoriteTitle, .FaqTitle, .TitleMobileSmaller .MainTitle, .Title .MainTitle, .TitleAlphabet01, .Title01 {
        font-size: 26px;
    }
}

.DataInfoWrapper {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ededed;
}

@media screen and (max-width: 1158px) {
    .DataInfoWrapper .DataInfoCount {
        font-size: 15px;
    }
}

@media screen and (max-width: 1158px) {
    .DataInfoWrapper .DataInfoCount strong {
        font-size: 30px;
    }
}

.DataInfoWrapper .DataInfoCount strong {
    font-weight: bold;
    /* color: #518889; */
    color:#4b629b;
    margin-right: .2em;
    font-size: 35px;
}

.DataOperationWrapper .DataOperationAbsoluteBox, .OrderHistoryFilterWrapper .DataOperationAbsoluteBox {
    display: flex;
    padding-bottom: 15px;
    justify-content: flex-end;
}

.DataOperationWrapper .DataOperationAbsoluteBox .DataOperationPagerItem p, .OrderHistoryFilterWrapper .DataOperationAbsoluteBox .DataOperationPagerItem p, .DataOperationWrapper .DataOperationAbsoluteBox .DataOperationPagerItem select, .OrderHistoryFilterWrapper .DataOperationAbsoluteBox .DataOperationPagerItem select, .DataOperationWrapper .DataOperationAbsoluteBox .DataOperationPagerItem button, .OrderHistoryFilterWrapper .DataOperationAbsoluteBox .DataOperationPagerItem button {
    vertical-align: middle;
    display: inline-block;
}

.DataOperationWrapper .DataOperationAbsoluteBox .DataOperationPagerItem p, .OrderHistoryFilterWrapper .DataOperationAbsoluteBox .DataOperationPagerItem p, .DataOperationWrapper .DataOperationAbsoluteBox .DataOperationPagerItem select, .OrderHistoryFilterWrapper .DataOperationAbsoluteBox .DataOperationPagerItem select, .DataOperationWrapper .DataOperationAbsoluteBox .DataOperationPagerItem button, .OrderHistoryFilterWrapper .DataOperationAbsoluteBox .DataOperationPagerItem button {
    vertical-align: middle;
    display: inline-block;
}

.ButtonPagerPrev:disabled {
    background-image: url(/img/arrow_pager_left_disabled.svg);
}

.ButtonPagerNext:disabled {
    background-image: url(/img/arrow_pager_right_disabled.svg);
}

.ButtonPagerPrev:disabled, .ButtonPagerNext:disabled {
    background-color: #ebebeb;
    cursor: auto;
}

.SidebarCategoryMenuParent02 {
    color: #518889;
    color: #4b629b;
    text-decoration: none;
    word-break: break-all;
}

.SidebarCategoryMenuParent02 {
    background-color: #f4f5f5;
    background-color: #fafcff;
    background-image: url(/img/arrow_pager_left_disabled.svg);
}

.ButtonPagerPrev {
    background-image: url(/img/arrow_pager_left.svg);
}

.ButtonPagerNext {
    background-image: url(/img/arrow_pager_right.svg);
}
.ButtonPagerPrev, .ButtonPagerNext {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background-color: #518889;
    background-position: center;
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
}

.DataOperationWrapper .DataOperationAbsoluteBox .DataOperationSortItem select, .OrderHistoryFilterWrapper .DataOperationAbsoluteBox .DataOperationSortItem select {
    min-width: 150px;
}

.DataOperationWrapper .DataOperationAbsoluteBox .DataOperationSortItem p, .OrderHistoryFilterWrapper .DataOperationAbsoluteBox .DataOperationSortItem p, .DataOperationWrapper .DataOperationAbsoluteBox .DataOperationSortItem select, .OrderHistoryFilterWrapper .DataOperationAbsoluteBox .DataOperationSortItem select {
    vertical-align: middle;
    display: inline-block;
}
.DataOperationSortItem select, .DataOperationPagerItem select {
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #ebebeb;
    border: none;
    /* background-image: url(/img/input_select_tri.svg); */
    background-size: 10px 10px;
    margin: 0;
}
select {
    width: auto;
    padding: 4px 20px 4px 10px;
    /* background-image: url(../images/arrow/input_select.svg); */
    background-position: right 9px center;
    background-size: 12px 6px;
    vertical-align: middle;
    border: #dedede 1px solid;
    margin: 5px 0;
    border-radius: 5px;
    /* -webkit-appearance: none; */
    -moz-appearance: none;
    /* appearance: none; */
    cursor: pointer;
    color: #3a3a3a;
}
input, select, textarea, search {
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "Roboto", sans-serif;
    border: #ccc 1px solid;
    background-color: #fff;
    font-size: 16px;
    border-radius: 5px;
}

.ListProductGrid, .ListProductCopy {
    margin-right: -5px;
    margin-left: -5px;
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 1000px) {
.ListProductGrid .GridProductItem, .ListProductCopy .GridProductItem {
    padding: 0 5px;
    margin-bottom: 10px;
    width: 50%;
}
}

@media screen and (min-width: 1001px) {
.ListProductGrid .GridProductItem, .ListProductCopy .GridProductItem {
    padding: 0 5px;
    margin-bottom: 10px;
    width: 25%;
}
}

.DataOperationWrapper .DataOperationAbsoluteBox .DataOperationPagerItem, .OrderHistoryFilterWrapper .DataOperationAbsoluteBox .DataOperationPagerItem {
    white-space: nowrap;
    margin-left: 30px;
}

.MarginRight20, .LikeCategoryList .LikeCategoryListItemTitleImage, .OtcConfirmationEnquiryText {
    margin-right: 20px;
}

/*カート*/
.FontSize24, .SpecialNewListItemLinkRightTitle, .PointHistoryCountTitle, .MypageInfoBox .MypageInfoHeadPointText span, .TitleBox .TitleText, #Drawer .DrawerUserInformation .DrawerUserInformationIcon .DrawerUserInformationIconUser {
    font-size: 24px;
}

.SectionPaddingTop30, .SectionCart, .SectionOtcConfirmation, .SectionPaymentConfirm, .SectionShippingAddress {
    padding-top: 30px;
}

@media screen and (min-width: 769px) {
    .CartWrapper3 {
        display: flex;
        flex-direction: row-reverse;
    }
}

.CartWrapper3 {
    width: 95%;
    position: relative
}


.FontSize13, .ReviewList .ProductInfoReviewDate, .RecommendNewProduct .ProductPickupList .GridProductItem h3, .ProductInfoCartBoxPriceDetailListTitle, .ProductInfoCartAttention, .ProductInfoCartTimeTitle, .ProductInfoCartCountList .ProductInfoCartCountListTitle, .ProductInfoCartCountList .ProductInfoCartCountListDetail, .CreditcardEditBox button.ButtonSquareBasic, .OrderHistoryTrackingBox .OrderHistoryTrackingBoxTitle, .OrderHistoryHead .OrderHistoryHeadInner .OrderHistoryHeadInnerTitle, .CartProductListItemFormBoxReturn, .ProductInfoDetailWrapper .ProductInfoReviewDate, .ProductInfoCartPricePoint, .ProductInfoCartPricePointCaution {
    font-size: 13px;
}

.ProductInfoCartBoxPriceDetailList {
    text-align: right;
    margin-top: 15px;
}

.ProductInfoCartPrice .ProductInfoCartPriceNumber {
    font-size: 28px;
    color: #d10b0b;
    font-weight: bold;
    margin-right: 5px;
}

@media screen and (min-width: 769px) {
    .CartWrapper .CartWrapperRight {
        width: 280px;
        position: relative;
    }
}

.aaa{
    width: 280px;
    position: fixed;
}

.ProductInfoCartPriceBox {
    text-align: right;
    margin-top: 10px;
    margin-bottom: 20px;
}

.ProductInfoCartBox dl {
    display: flex;
    flex-wrap: wrap;
}

.ProductInfoCartCountListNumber {
    margin-bottom: 5px;
    justify-content: space-between;
}

.ProductInfoCartBox dl {
    display: flex;
    flex-wrap: wrap;
}

.ProductInfoCartCountList {
    justify-content: space-between;
}

.ProductInfoCartCountBox {
    margin: 0 10px 10px;
}

.box001{
    float: left;
}

.box002{
    float: left;
}

.box003{
    margin-top: 20px;
    margin-left: 3px;
}

.box005{
    float: left;
    margin-top: 18px;
    margin-left: 3px;
}

span.field-validation-error {
    display: inline-block;
    color: #d10b0b;
    background-color: #f8e9e9;
    padding: 4px 5px 2px 24px;
    background-image: url(/img/icon_alert.svg);
    background-size: .95em .95em;
    background-repeat: no-repeat;
    background-position: top 0.4em left 2px;
    width: 240px;
}

span.field-validation-error2 {
    display: inline-block;
    color: #d10b0b;
    background-color: #f8e9e9;
    padding: 4px 5px 2px 24px;
    background-image: url(/img/icon_alert.svg);
    background-size: .95em .95em;
    background-repeat: no-repeat;
    background-position: top 0.4em left 2px;
    width: 552px;
}

.input-error {
    background-color: #f8e9e9;
    border-color: #d10b0b;
}

@media screen and (min-width: 569px) {
    .CartProductList .CartProductListItem {
        /* display: flex;
        justify-content: space-between; */
    }
}

.CartProductList .CartProductListItem {
    border: 1px solid #dedede;
    padding: 20px;
}

.CartProductListItem2 {
    border: 1px solid #dedede;
    padding: 20px;
    min-height: 320px;
}

.freeorderText{
    border: 1px solid #dedede;
    padding: 16px;
    min-height: 335px;
}

@media screen and (min-width: 569px) {
    .CartProductList .CartProductListItem .CartProductListItemInfoBox {
        padding-bottom: 0;
        position: relative;
    }
}

.CartProductList .CartProductListItem .CartProductListItemPriceSubtotal .CartProductListItemPriceSubtotalList:not(:last-child) {
    border-bottom: 1px solid #e6e6e6;
}

.CartProductList .CartProductListItem .CartProductListItemPriceSubtotal .CartProductListItemPriceSubtotalList {
    display: flex;
    align-items: baseline;
    padding: 5px 0;
    justify-content: flex-end;
}

.ButtonUnderLineText {
    display: inline-block;
    text-decoration: underline;
    padding: 0;
    cursor: pointer;
    color: #3a3a3a;
}

.CartProductList .CartProductListItem .CartProductListItemFormBox p {
    text-align: right;
}

.CartProductList .CartProductListItem .CartProductListItemPriceSubtotal .CartProductListItemPriceSubtotalList .CartProductListItemPriceSubtotalListPrice {
    width: 140px;
    font-size: 20px;
    font-weight: bold;
}

.CartProductList .CartProductListItem .CartProductListItemFormBox p {
    text-align: right;
}

.CartProductList .CartProductListItem .CartProductListItemPriceSubtotal .CartProductListItemPriceSubtotalList .CartProductListItemPriceSubtotalListPriceUnit {
    margin-left: 4px;
    color: initial;
    font-size: 14px;
    font-weight: bold;
}

.CartProductList .CartProductListItem .CartProductListItemPriceSubtotal .CartProductListItemPriceSubtotalList .CartProductListItemPriceSubtotalListTitle {
    width: 100px;
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
}

.CartProductListItemPriceSubtotalListTitle2{
    width: 40px;
    font-size: 14px;
    font-weight: bold;
}

.CartProductList .CartProductListItem .CartProductListItemPriceSubtotal .CartProductListItemPriceSubtotalList .CartProductListItemPriceSubtotalListSubprice {
    width: 140px;
    color: #d10a0b;
    font-size: 26px;
    font-weight: bold;
    white-space: nowrap;
}

.CartProductList .CartProductListItem+.CartProductListItem {
    margin-top: 20px;
}

.MarginTop30, .ReviewList .ProductInfoReview+.ProductInfoReview, .ResignationButton, .SlidebarTitleLarge, .ProductInfoDetailWrapperReviewFilter, .ProductInfoDetailWrapper .ProductInfoReview+.ProductInfoReview, .ProductInfoDetailWrapper .ProductInfoDetailBox, .CategoryBlockMoreButton, .CategoryBlockBackButton {
    margin-top: 30px;
}

.PriceDetailList {
    text-align: right;
}

.PriceDetailList dt {
    margin-right: 20px;
}

.PriceDetailList dt, .PriceDetailList dd {
    display: inline-block;
    white-space: nowrap;
}

.PriceDetailList dd.PriceDetailListFooter {
    min-width: 140px;
}

.PriceDetailList dd {
    padding-right: 15px;
    min-width: 100px;
}

.PriceDetailList dd.PriceDetailListFooter .PriceDetailListNumber {
    color: #d10b0b;
}

.PriceDetailList dd .PriceDetailListNumber {
    font-weight: bold; 
    margin-right: 3px; 
}

.FontSize28, .ProductInfoCartBoxPriceDetailListPrice .ProductInfoCartBoxPriceDetailListPriceNumber, .PriceDetailList dd .PriceDetailListNumber, .CartPointUseBox .CartPointUseBoxPoint .CartPointUseBoxPoint, .CartProductList .CartProductListItem .CartProductListItemPrice .CartProductListItemPriceNumber, .PeriodeicalOrderProduct .PeriodeicalOrderProductPriceNumber, .PeriodeicalOrderProduct .PeriodeicalOrderProductPriceFreeShippingNumber, .OrderHistoryTotalPrice .OrderHistoryTotalPriceStrong, .OrderHistoryItem .OrderHistoryItemInfo .OrderHistoryItemInfoPrice .OrderHistoryItemInfoPriceNumber, .ThankYou .ThankYouCopy, .CouponConfirm .CouponConfirmItem .CouponConfirmItemPrice, .CouponConfirm .CouponConfirmItem .AdditionalChargeConfirmItemPrice, .CouponConfirm .AdditionalChargeConfirmItem .CouponConfirmItemPrice, .CouponConfirm .AdditionalChargeConfirmItem .AdditionalChargeConfirmItemPrice, .AdditionalChargeConfirm .CouponConfirmItem .CouponConfirmItemPrice, .AdditionalChargeConfirm .CouponConfirmItem .AdditionalChargeConfirmItemPrice, .AdditionalChargeConfirm .AdditionalChargeConfirmItem .CouponConfirmItemPrice, .AdditionalChargeConfirm .AdditionalChargeConfirmItem .AdditionalChargeConfirmItemPrice, .RemodalSimple .RemodalCanselTitle, .RemodalSimple .RemodalSimpleAgeTitle {
    font-size: 28px;
}

.CartButtonWrapper {
    margin-top: 60px;
    text-align: center;
}

.CartReturnButtonWrapper {
    margin-top: 30px;
    text-align: center;
}

/**/


.Header .HeaderSearchWrapper, .Header .HeaderSearchWrapper_member {
    width: calc(100% - 100px);
    max-width: 340px;
    position: absolute;
    left: 180px;
    top: 50%;
    transform: translateY(-50%);
}


@media screen and (max-width: 1000px) {
    .Header .HeaderSearchWrapper, .Header .HeaderSearchWrapper_member {
        top: auto;
        bottom: 7px;
        width: 95%;
        left: 2.5%;
        right: 2.5%;
        max-width: 100%;
    }
}
@media screen and (max-width: 1000px) {
    .Header .HeaderSearchWrapper, .Header .HeaderSearchWrapper_member {
        transform: none;
        right: 230px;
        top: 75px;
        font-size: 14px;
    }
}

.Header .HeaderSearchWrapper button[type=submit].ButtonLoupe,.HeaderSearchWrapper2 button[type=submit].ButtonLoupe, .Header .HeaderSearchWrapper_member button[type=submit].ButtonLoupe, .Header .HeaderSearchWrapper button[type=button].ButtonLoupe, .Header .HeaderSearchWrapper_member button[type=button].ButtonLoupe {
    position: absolute;
    /* height: 100%; */
    width: 40px;
    right: 0;
    top: 8px;
    background-position: left 5px center;
}

.ButtonLoupe {
    width: 30px;
    height: 30px;
    background-image: url(/img/loupe.svg);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
}

.Header .HeaderSearchWrapper input, .Header .HeaderSearchWrapper_member input,.HeaderSearchWrapper2 input {
    width: 100%;
    height : 80%;
    background-color: #ebebeb;
    border-radius: 5px;
    border: none;
    margin: 0;
    box-sizing: border-box;
    transition: all .3s 0s ease;
}


.side {
   display: flex;
}




/**/
.SectionCategoryTopNotice1, .SectionCategoryTopNoticeOff1 {
    font-weight: 400;
    text-decoration: underline;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left 4px center;
    background-size: auto;
    background-image: url(/img/icon_like_category.svg);
    cursor: pointer;
}

.GridProductItem .GridProductItemPrice .GridProductItemPriceText {
    font-size: 16px;
    font-weight: bold;
}

/*ログイン*/
.flex-container {
  display: flex;
  justify-content: center; /* 水平方向の中央揃え */
  align-items: center;     /* 垂直方向の中央揃え */
}

.LoginRegisterRrapper {
    width: 95%;
    max-width: 1194px;
    margin: auto;
    position: relative;
    margin-top: 20px;
    margin-bottom: 50px;
}

@media screen and (min-width: 1250px) {
    .LoginRegisterRrapper .LoginWrapper {
        width: 40.53%;
    }
}

.LoginBox {
    padding: 24px 66px;
    background-color: #f5f5f5;
}

.TextBold, .TextBody strong, .CartPeriodicalText strong, .ForgotPasswordEmailSendFormInnerTextBold, .NewPasswordSettingFormInnerTextBold, .ReccomendItemBox .ReccomendItemCommentStaff .ReccomendItemCommentStaffText, .PeriodicalOrderModifyModalInnerText2Data, .PeriodicalOrderModifyModalInnerText, .PeriodicalOrderModifyInnerDay, .PeriodicalOrderModifyTitle1, .OtcConfirmationQuestion li, .ListProductCopy .ListProductCopyWrapper .ListProductCopyText, .TextRegular strong, .PeriodicalOrderModifyInnerSelectText strong, .OtcConfirmationEnquiryText strong {
    font-weight: bold;
}

.FontSize26, .RegisterMailTitleSub, .RegisterTitleLarge, .AddressSearchModal .AddressSearchModalTitle, .TermsContentModalTitle, .ThankYou .ThankYouTitle, .FaqEditor h3, .FaqEditor h2, .TitleTextLeftBorder, .Shop .ShopTitle2, .Terms .TermsTitle2, .Terms .PrivacyTitle2, .Privacy .TermsTitle2, .Privacy .PrivacyTitle2, .ChocomCreditTitle2, .CartPeriodicalTitle, .TwoFactorChooseTitle2, .PeriodicalOrderModifyTitle2, .OtcConfirmationTitle2, .OtcConfirmationEnquiryTitle, .TitleTextLeftBorderBackGroundColor, .TwoFactorLoginTitle2, .RankingCategoryTitle, .FavoriteListProductModalTitle, .TitleMypageUser, .Editor .EditorH2, .Special .EditorH2, .TitleAlphabet03, .TitleAlphabet02, .Title03, .Title02, .ModalMailVariation .ModalMailVariationTitle {
    font-size: 26px;
}

@media screen and (max-width: 568px) {
    .SpecialOhterListItemLinkBottomTitle, .ReviewCategoryFlexBlockLarge, .ReviewCategoryListItemLink, .RegisterMailSnsNavigation .RegisterMailSnsNavigationItemX, .RegisterMailSnsNavigation .RegisterMailSnsNavigationItemLine, .RegisterMailTextRed, .ChangeMail .ChangeMailTextRed, .RegisterMailText, .RegisterForm .RegisterFormTableRowMailInput .RegisterFormTableRowGenderInput01, .RegisterForm .RegisterFormTableRowMailInput .RegisterFormTableRowGenderInput02, .RegisterForm .RegisterFormTableRowPasswordInput .RegisterFormTableRowGenderInput01, .RegisterForm .RegisterFormTableRowPasswordInput .RegisterFormTableRowGenderInput02, .RegisterForm .RegisterFormTableRowSubscribeInputBox .RegisterFormTableRowGenderInput01, .RegisterForm .RegisterFormTableRowSubscribeInputBox .RegisterFormTableRowGenderInput02, .RegisterForm .RegisterFormTableRowGenderInput .RegisterFormTableRowGenderInput01, .RegisterForm .RegisterFormTableRowGenderInput .RegisterFormTableRowGenderInput02, .RegisterForm .RegisterFormTableRowSubscribe .RegisterFormTableRowSubscribeInputBoxCheckEmailReceiving, .RegisterForm .RegisterFormTableRowMailHeaderTitle, .RegisterForm .RegisterFormTableRowPasswordHeaderTitle, .RegisterForm .RegisterFormTableRowSubscribeHeaderTitle, .RegisterForm .RegisterFormTableRowHeaderTitle, .ForgotPasswordEmailSendFormButton, .NewPasswordSettingFormButton, .TwoFactorLoginFormButton, .GuideCategoryValue .GuideCategoryContent .GuideCategoryContentText, .GuideCategoryService .GuideCategoryContent .GuideCategoryContentText, .GuideCategoryFirst .GuideCategoryContent .GuideCategoryContentText, .AboutPromiseList .AboutPromiseListItem .BackGroundBox .AboutPromiseListItemTextBox .AboutPromiseListItemTextBoxTitle, .NewProduct .GridProductItemPrice .GridProductItemPriceText2, .Outlets .GridProductItemPrice .GridProductItemPriceText2, .CouponProduct .GridProductItemPrice .GridProductItemPriceText2, .SlidebarTitleLarge, .CategoryTopList .CategoryTopListItem .CategoryTopListItemBox .CategoryTopListItemBoxTitle, .SectionCategoryTop .SectionCategoryTopText, .CouponGet .CouponMyListButton, .PeriodicalOrderModifyModalInnerButtonNo, .PeriodicalOrderModifyModalInnerButtonYes, .PeriodicalOrderModifyCancelButton, .PeriodicalOrderModifyInnerButton, .ReviewAboutModalDetailText, .OrderHistoryInfo .OrderHistoryOption .OrderHistoryOptionTitle, .OrderHistory .OrderHistoryOption .OrderHistoryOptionTitle, .PointHistoryList .PointHistoryListItemTitle, .MypageInfoBox .MypageInfoDetailPointLapseLink, .MypageInfoBox .MypageInfoDetailPointLapse, .MypageInfoBox .MypageInfoDetailText, .MypageTermsDisagreeBlockNotes, .OtcConfirmationEnquiryButton, .OtcConfirmationQuestion .question, .OtcConfirmationQuestion li, .ThankYou .ThankYouMailCheckLink, .ForCustomerList h2, .ForCustomerList h3, .FaqEditor h5, .FaqEditor h4, .Editor .EditorCitedTitle, .Special .EditorCitedTitle, .Editor .EditorSubTitle, .Special .EditorSubTitle, .Editor .EditorH5, .Special .EditorH5, .Editor .EditorH4, .Special .EditorH4, .ModalVariationOptionMultipleDetailTitle, .ProductInfoCartVariationMultipleSelected, .ModalReceivingMailValiationFormButton, .ButtonOrangeBorder, .ButtonOrange, .RegisterForm .RegisterFormButton, .CartWrapperNoneLoginButton, .FavoriteListProduct .GridProductItem .FavoriteListProductEditOrderButton, .ListProductMypage .GridProductItem .FavoriteListProductEditOrderButton, .ListOrderHistory .GridProductItem .FavoriteListProductEditOrderButton, .TermsContentModalClose, .OtcConfirmationOkButton, .ProductInfoRightReviewFlexButtonCartFixed, .ProductInfoCartBox .ButtonSpFixed, .ButtonUserLogin, .ButtonOrange2, .ButtonOrangeCart, .ButtonOrangeCartTextLong, .RemodalSimple .RemodalCanselText, .RemodalSimple .ButtonAgeCheck, .RemodalSimple .RemodalSimpleAgeText, .Sidebar .SidebarTitle, .Footer .FooterCategoryMenuList .FooterCategoryMenuListItemLink, .Footer .FooterCategoryMenu .FooterCategoryMenuSub, .Footer .FooterCategoryMenu .FooterCategoryMenuHead, .Footer .FooterCategoryMenu .FooterCategoryMenuLink, .Footer .FooterCategoryTitle, .Footer .FooterTopMenu .FooterTopMenuItem, .LinkButtonOrange, .ProductInfoRightReviewFlexButtonCart, .ProductInfoDetailWrapperFlexButtonLinkCart, .LinkButtonRegister, .TitleAlphabet05, .TitleAlphabet04, .Title05, .Title04 {
        font-size: 15px;
    }
}

.MarginBottom20, .SpecialNewListItemLinkRightTitle, .WriteReviewProduct, .WriteReviewTitle, .ReviewCategoryFlexBlockMiddleListItemSmall, .ReviewCategoryFlexBlock, .ReviewCategoryTitle, .ReviewTitle, .ErrorText, .TermsConsent .TermsTitle2, .TermsConsent .PrivacyTitle2, .RegisterMailTextRed, .ChangeMail .ChangeMailTextRed, .RegisterMailTextKakunin, .ChangeMail .ChangeMailTextKakunin, .RegisterMailText, .RegisterMailTitleSub, .RegisterTitleLarge, .ForgotPasswordText, .TwoFactorLoginFormQuestion, .Shop .ShopTitle2, .Terms .TermsTitle2, .Terms .PrivacyTitle2, .Privacy .TermsTitle2, .Privacy .PrivacyTitle2, .ChocomCreditText, .ChocomCreditTitle2, .OutletsFlex, .NewProduct .NewProductFlex, .NewProduct .CouponProductFlex, .Outlets .NewProductFlex, .Outlets .CouponProductFlex, .CouponProduct .NewProductFlex, .CouponProduct .CouponProductFlex, .SlidebarTitleLarge, .Category .SectionCategoryTopNotice, .Category .SectionCategoryTopNoticeOff, .SectionCategoryTop .SectionCategoryTopText, .CartPeriodicalTitle, .CartPeriodicalCheckoutCaution, .CouponGet .CouponMyListItem, .Coupon .CouponMyListUseItem, .Coupon .CouponMyListItem, .AddressSearchModal .AddressSearchModalTitle, .ProductArrivalTitle, .TwoFactorChooseInnerText, .TwoFactorChooseTitle2, .PeriodicalOrderModifyModalInnerText, .PeriodicalOrderModifyInnerSelect, .PeriodicalOrderModifyInnerDay, .PeriodicalOrderModifyTitle2, .ReviewAboutModalDetailList, .ReviewAboutModalTitle, .LikeCategory .LikeCategoryTitle, .LikeCategory .LikeCategoryBlock, .FavoriteListProductModalText, .FavoriteTitle, .MypageTermsDisagreeBlockNotes, .TermsContentModalText, .TermsContentModalTitle, .OtcConfirmationCheckoutCaution, .OtcConfirmationTitle2, .OtcConfirmationEnquiryTitle, .OtcConfirmationTitle1, .FaqTitle, .Editor .HeaderSearchWrapper, .Editor .Header .HeaderSearchWrapper_member, .Header .Editor .HeaderSearchWrapper_member, .ProductInfoSubscriptionWrapper .ProductInfoSubscriptionCommitWrapper, .ProductInfoDetailWrapper .ProductInfoReviewMore, .ModalVariation .TitleTextLeftBorderBackGroundColor, .ModalVariation .TwoFactorLoginTitle2, .ModalVariation .RankingCategoryTitle, .ModalVariation .FavoriteListProductModalTitle, .ModalVariation .TitleMypageUser, .ModalVariation .Editor .EditorH2, .Editor .ModalVariation .EditorH2, .ModalVariation .Special .EditorH2, .Special .ModalVariation .EditorH2, .RemodalSimple .RemodalSimpleAgeText, .LinkButtonSquareTracking {
    margin-bottom: 20px;
    font-weight: 600;
}
.TextCenter {
    text-align: center;
}

.LoginBox .EmailForm {
    margin-bottom: 20px;
}

.ButtonOrange, .RegisterForm .RegisterFormButton, .CartWrapperNoneLoginButton, .FavoriteListProduct .GridProductItem .FavoriteListProductEditOrderButton, .ListProductMypage .GridProductItem .FavoriteListProductEditOrderButton, .ListOrderHistory .GridProductItem .FavoriteListProductEditOrderButton, .TermsContentModalClose, .OtcConfirmationOkButton, .ProductInfoRightReviewFlexButtonCartFixed, .ProductInfoCartBox .ButtonSpFixed, .ButtonUserLogin, .ButtonOrange2, .ButtonOrangeCart, .ButtonOrangeCartTextLong {
    width: 100%;
    max-width: 275px;
    background-color: #69aee7;
    border-radius: 100px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 12px;
    box-shadow: 0 3px 6px rgba(56, 113, 114, .4);
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
}

.a-Buttonblue {
    display: block;
    width: 100%;
    background-color: #69aee7;
    border-radius: 100px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 7px 20px 9px;
    box-shadow: 0 3px 6px rgba(56, 113, 114, .4);
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
}

.a-Buttonblue-delete {
    display: block;
    width: 100%;
    background-color: #69aee7;
    border-radius: 100px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 4.5px 0px 5px;
    box-shadow: 0 3px 6px rgba(56, 113, 114, .4);
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
}

.a-Buttonblue-delete:hover {
   opacity: .8;
}

.ProductInfoCartBox-a{
    background: #ffffff;
    border: 1px solid #ffffff;
    padding: 18px 15px 26px;
}

.order-confirm-back-customeraddresses{
    background: #ffffff;
    border: 1px solid #ffffff;
    padding: 18px 15px 12px;
}

.ProductInfoPaymentTerms{
    font-size: 13px;
}

.ButtonBlue1 {
    width: 100%;
    background-color: #69aee7;
    border-radius: 100px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 12px;
    box-shadow: 0 3px 6px rgba(56, 113, 114, .4);
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
}

.ButtonOrangeCart2{
    width: 100%;
    max-width: 250px;
    background-color: #69aee7;
    border-radius: 100px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 12px;
    box-shadow: 0 3px 6px rgba(56, 113, 114, .4);
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
}

.ButtonBlueCart{
    width: 100%;
    max-width: 400px;
    background-color: #69aee7;
    border-radius: 100px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    box-shadow: 0 3px 6px rgba(56, 113, 114, .4);
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
}

.formblue{
    padding-bottom: 5px;
}

.MarginTop15{
    margin-top: 15px; 
}

@media (min-width: 1001px) {
    .ProductInfo4{
        display: none;
    }
}

@media (max-width: 1000px) {
    .ProductInfo4{
        padding-top: 15px;
    }
}


.MarginTop10, .Discount, .CartPointUseBox .CartPointUseBoxNote, .OrderHistoryItemOrderTag, .FavoriteListProduct .GridProductItem .FavoriteListProductEditOrderButton, .ListProductMypage .GridProductItem .FavoriteListProductEditOrderButton, .ListOrderHistory .GridProductItem .FavoriteListProductEditOrderButton, .News .NewsList .NewsListItemTitle, .News .NewsListItemTitle {
    margin-top: 10px;
}

.FontSize14, .PodcastEpisodeListsBoxTsuzuki button, .PodcastEpisodeListsBoxClose button, #PodcastSummaryNewPostTsuzuki button, #PodcastSummaryNewPostTojiru button, .ReviewCategoryFlexBlockMiddleListItemSmall, .ReviewList .ProductInfoReviewOhterLink, .Medicine .LoginBoxSelectFavoriteListProductModalButton, .ResultZero .ResultZeroAssistText, .DataInfoMade, .SectionCategoryTopNotice, .SectionCategoryTopNoticeOff, .CouponList .CouponListDeadline, .MypageInner .LikeCategoryListDeleteButton, .AppDetailTitle .AppDetailTitleNumber, .OtcOrderMessageList .OtcOrderMessageListPharmacistItem .OtcOrderMessageListItemHead .OtcOrderMessageListItemHeadDate, .OtcOrderMessageList .OtcOrderMessageListCuntomerItem .OtcOrderMessageListItemHead .OtcOrderMessageListItemHeadDate, .PeriodicalOrderModifyInnerRed, .ReviewAboutModalDetailTextSmall, .ReviewAboutModalButton, .MypageCardcodeNote, .OrderHistoryInfo .OrderHistoryOption .OrderHistoryOptionNote, .OrderHistoryTrackingBox .ButtonOrderAfter, .LikeCategory .LikeCategoryListDeleteButton, .FavoriteListProductModalButton, .OtcConfirmationModalButton, .CouponConfirm .CouponConfirmItem .CouponConfirmItemPrice span, .CouponConfirm .CouponConfirmItem .AdditionalChargeConfirmItemPrice span, .CouponConfirm .AdditionalChargeConfirmItem .CouponConfirmItemPrice span, .CouponConfirm .AdditionalChargeConfirmItem .AdditionalChargeConfirmItemPrice span, .AdditionalChargeConfirm .CouponConfirmItem .CouponConfirmItemPrice span, .AdditionalChargeConfirm .CouponConfirmItem .AdditionalChargeConfirmItemPrice span, .AdditionalChargeConfirm .AdditionalChargeConfirmItem .CouponConfirmItemPrice span, .AdditionalChargeConfirm .AdditionalChargeConfirmItem .AdditionalChargeConfirmItemPrice span, .OrderCardcodeNote, dl.AddStatusAccordion>dt .AddStatusAccordionNote, .Editor .EditorSmall, .Special .EditorSmall, .ProductInfoRightReviewType, .ProductDetailHead .ReviewBox .LinkUnderLineMainColor, .ProductDetailHead .ReviewBox .ReviewList .ProductInfoReviewTextLink, .ReviewList .ProductDetailHead .ReviewBox .ProductInfoReviewTextLink, .ProductDetailHead .ReviewBox .Shop .ShopTableLink:link, .Shop .ProductDetailHead .ReviewBox .ShopTableLink:link, .ProductDetailHead .ReviewBox .Shop .ShopTableLink:visited, .Shop .ProductDetailHead .ReviewBox .ShopTableLink:visited, .ProductDetailHead .ReviewBox .Shop .ShopTableLink:active, .Shop .ProductDetailHead .ReviewBox .ShopTableLink:active, .ProductDetailHead .ReviewBox .Shop .ShopTableLink:hover, .Shop .ProductDetailHead .ReviewBox .ShopTableLink:hover, .ProductDetailHead .ReviewBox .Law .LawTableLink:link, .Law .ProductDetailHead .ReviewBox .LawTableLink:link, .ProductDetailHead .ReviewBox .Law .LawTableLink:visited, .Law .ProductDetailHead .ReviewBox .LawTableLink:visited, .ProductDetailHead .ReviewBox .Law .LawTableLink:active, .Law .ProductDetailHead .ReviewBox .LawTableLink:active, .ProductDetailHead .ReviewBox .Law .LawTableLink:hover, .Law .ProductDetailHead .ReviewBox .LawTableLink:hover, .ProductDetailHead .ReviewBox .CartPointUseBox .PointKakuteiBox .CartPointUseBoxClear, .CartPointUseBox .PointKakuteiBox .ProductDetailHead .ReviewBox .CartPointUseBoxClear, .ProductDetailHead .ReviewBox .LinkUnderlineInfoMain, .ProductDetailHead .ReviewBox .button_app_scan, .ProductDetailHead .ReviewBox .MypageInfoBox .MypageInfoDetailPointLapseLink, .MypageInfoBox .ProductDetailHead .ReviewBox .MypageInfoDetailPointLapseLink, .ProductDetailHead .ReviewBox .ThankYou .ThankYouMailCheckLink, .ThankYou .ProductDetailHead .ReviewBox .ThankYouMailCheckLink, .ProductDetailHead .ReviewBox .CartConfirmDetail .PointKakuteiBox .CartPointUseBoxClear, .CartConfirmDetail .PointKakuteiBox .ProductDetailHead .ReviewBox .CartPointUseBoxClear, .ProductDetailHead .ReviewBox .FaqEditor a:link, .FaqEditor .ProductDetailHead .ReviewBox a:link, .ProductDetailHead .ReviewBox .FaqEditor a:visited, .FaqEditor .ProductDetailHead .ReviewBox a:visited, .ProductDetailHead .ReviewBox .FaqEditor a:active, .FaqEditor .ProductDetailHead .ReviewBox a:active, .ProductDetailHead .ReviewBox .FaqEditor a:hover, .FaqEditor .ProductDetailHead .ReviewBox a:hover, .ProductDetailHead .ReviewBox .Editor .EditorLink:link, .Editor .ProductDetailHead .ReviewBox .EditorLink:link, .ProductDetailHead .ReviewBox .Editor .EditorLink:visited, .Editor .ProductDetailHead .ReviewBox .EditorLink:visited, .ProductDetailHead .ReviewBox .Editor .EditorLink:active, .Editor .ProductDetailHead .ReviewBox .EditorLink:active, .ProductDetailHead .ReviewBox .Editor .EditorLink:hover, .Editor .ProductDetailHead .ReviewBox .EditorLink:hover, .ProductDetailHead .ReviewBox .Special .EditorLink:link, .Special .ProductDetailHead .ReviewBox .EditorLink:link, .ProductDetailHead .ReviewBox .Special .EditorLink:visited, .Special .ProductDetailHead .ReviewBox .EditorLink:visited, .ProductDetailHead .ReviewBox .Special .EditorLink:active, .Special .ProductDetailHead .ReviewBox .EditorLink:active, .ProductDetailHead .ReviewBox .Special .EditorLink:hover, .Special .ProductDetailHead .ReviewBox .EditorLink:hover, .ProductDetailHead .ReviewBox .ProductInfoDetailWrapperReviewFilterFieldFlexClear, .ProductDetailHead .ReviewBox .DrawerDeliveryLink, .ProductDetailHead .ReviewBox .ReviewNumber, .DataOperationWrapper .DataOperationAbsoluteBox .DataOperationPagerItem p, .OrderHistoryFilterWrapper .DataOperationAbsoluteBox .DataOperationPagerItem p, body {
    font-size: 14px;
}

.RegisterLead {
    line-height: 1.8;
    font-weight: bold;
    text-align: center;
}

.TextCenter {
    padding-bottom: 10px;
    text-align: center;
}

.ButtonOrange:hover, .RegisterForm .RegisterFormButton:hover, .CartWrapperNoneLoginButton:hover, .FavoriteListProduct .GridProductItem .FavoriteListProductEditOrderButton:hover, .ListProductMypage .GridProductItem .FavoriteListProductEditOrderButton:hover, .ListOrderHistory .GridProductItem .FavoriteListProductEditOrderButton:hover, .TermsContentModalClose:hover, .OtcConfirmationOkButton:hover, .ProductInfoRightReviewFlexButtonCartFixed:hover, .ProductInfoCartBox .ButtonSpFixed:hover, .ButtonUserLogin:hover, .ButtonOrange2:hover, .ButtonOrangeCart:hover, .ButtonOrangeCartTextLong:hover {
    opacity: .8;
}

.ButtonOrangeCart2:hover{
    opacity: .8;
}

.PasswordForm .PasswordFormToggle .Eye {
    background-image: url(/img/common/eye.svg);
}

.PasswordForm .PasswordFormToggle .Eye, .PasswordForm .PasswordFormToggle .EyeSlash {
    width: 21px;
    height: 16px;
    background-position: center center;
    background-repeat: no-repeat;
}

.logincheckbox{
    
}

.form_width{
    width: 100%;
}

.form_width1{
    width: 100%;
    max-width: 80px;
}

input {
    padding: 10px;
    margin: 5px 0;
}

input[type=checkbox]:checked+label {
    background-image: url(/img/checkbox_on.svg);
    background-position: left 50%;
    background-size: 18px 18px;
}

input[type=checkbox]+label {
    padding: 7px 0 7px 25px;
    margin: 2px 20px 2px 0;
    background-image: url(/img/checkbox_off.svg);
    background-position: left 50%;
    background-size: 18px 18px;
    display: inline-block;
    cursor: pointer;
}
.TextGreen, .RegisterLead, .SlidebarTitleMedium, .ProductInfoSubscriptionWrapper .ProductInfoSubscriptionMore .LinkUnderLineArrow, .ProductInfoSubscriptionWrapper .ProductInfoSubscriptionMore .MypageTermsDisagreeBlockAgainLink, .ProductInfoSubscriptionWrapper .ProductInfoSubscriptionMore .TermsContentModalDisagreeLink, .ProductInfoRightReviewCopy, .ProductInfoDetailWrapper .ProductInfoReviewMore .LinkUnderLineArrow, .ProductInfoDetailWrapper .ProductInfoReviewMore .MypageTermsDisagreeBlockAgainLink, .ProductInfoDetailWrapper .ProductInfoReviewMore .TermsContentModalDisagreeLink, .ProductInfoCopy, .ListProductCopy .ListProductCopyWrapper .ListProductCopyText {
    color: #518889;
    color:#4b629b;
}
.FontSize16, .SpecialOhterListItemLinkBottomText, .SpecialNewListItemLinkRightText, .WriteReviewNoteTitle, .ReviewCategoryFlexBlockMiddleList, .ReviewList .ProductInfoReviewDetail, .ReviewList .ProductInfoReviewHeadUserStatus, .ReviewList .ProductInfoReviewHeadUserNamer, .TermsConsent .TermsTitle2, .TermsConsent .PrivacyTitle2, .ResignationText, .RegisterMailTextSns, .RegisterMailTextKakunin, .ChangeMail .ChangeMailTextKakunin, .RegisterForm .RegisterFormTableRowMailInput .RegisterFormTableRowMailInputEllipse, .RegisterForm .RegisterFormTableRowPasswordInput .RegisterFormTableRowMailInputEllipse, .RegisterForm .RegisterFormTableRowSubscribeInput .RegisterFormTableRowMailInputEllipse, .RegisterForm .RegisterFormTableRowGenderInput .RegisterFormTableRowMailInputEllipse, .PreRegisterMemberBenefitBox .PreRegisterMemeberBenefitList li, .MemberBenefitBox .MemeberBenefitList li, .ForgotPasswordEmailSendFormInner, .NewPasswordSettingFormInner, .NewPasswordSettingText, .ForgotPasswordText, .TwoFactorLoginFormQuestion, .TwoFactorLoginFormQuestionInfo, .TwoFactorLoginFormInner, .TwoFactorLoginText, .GuideCategoryHead p, .Editor .EditorImages p, .Special .EditorImages p, .GuideHead .GuideHeadText, .Law .LawText, .Law .LawTextBold, .Terms .TermsSummary, .Terms .PrivacySummary, .Terms .PrivacyText, .Privacy .TermsSummary, .Privacy .PrivacySummary, .Privacy .PrivacyText, .Terms, .Privacy, .ChocomCreditUlNumber, .ChocomCreditUlNumber2, .ChocomCreditText, .TableCompany, .AboutGreenCopy, .AboutPromiseList .AboutPromiseListItem .BackGroundBox .AboutPromiseListItemTextBox .AboutPromiseListItemTextBoxText, .AboutLeadText, .SlidebarTitleMedium, .MenuManufacturerButtonMore, .MenuManufacturerButtonClose, .SidebarFilterMenu .SidebarFilterMenuLink, .SidebarFilterMenu .SidebarKuchikomiMenuLink, .SidebarCategoryMenu, .SidebarCategoryMenuParent00, .SidebarCategoryMenuChildren00, .SidebarCategoryMenuParent01, .SidebarCategoryMenuChildren01, .SidebarCategoryMenuParent02, .SelectedTermList .SelectedTermListOne, .Sidebar .SidebarAccordion dt, .SectionChildCategory .GrandchildCategoryList li a, .CartPointUseBox .CartPointUseBoxTitle, input[type=checkbox].CheckCoupon+label .CheckCouponInnerName, .CouponList li, .ProductInfoCartCountListNumber .ProductInfoCartCountListTitle, .ProductInfoCartCountListNumber .ProductInfoCartCountListDetail, .CouponGet .CouponMyListItemCenterText, .Coupon .CouponMyListUseItemRightText, .Coupon .CouponMyListUseItemLeftTitleStep, .Coupon .CouponMyListItemCenterText, .AddressSearchModal .AddressSearchModalText, .OtcSendMessege, .OtcOrderMessageList .OtcOrderMessageListPharmacistItem .OtcOrderMessageListItemText, .OtcOrderMessageList .OtcOrderMessageListCuntomerItem .OtcOrderMessageListItemText, .OtcOrderMessageList .OtcOrderMessageListPharmacistItem .OtcOrderMessageListItemHead .OtcOrderMessageListItemHeadName, .OtcOrderMessageList .OtcOrderMessageListCuntomerItem .OtcOrderMessageListItemHead .OtcOrderMessageListItemHeadName, .PeriodicalOrderModifyModalInnerText2, .PeriodicalOrderModifyInnerSelectText, .ReviewAboutModalDetailListItem, .RegistrationAddressItem .RegistrationAddressItemDetail, .RegistrationAddressItem .RegistrationAddressItemTitle, .RegistrationInfoList dt, .RegistrationInfoList dd, .MypageDetail, .InvoiceButtonPrint, .OrderHistoryTotalPrice, .OrderHistoryInfo .OrderHistoryOption, .OrderHistoryInfo .OrderHistoryInfoState, .OrderHistoryHead .OrderHistoryHeadButtonList .OrderHistoryHeadButtonListSpecification, .OrderHistoryHead .OrderHistoryHeadButtonList .OrderHistoryHeadButtonListDetail, .OrderHistoryHead .OrderHistoryHeadButtonList .OrderHistoryHeadButtonListReorder, .FavoriteListProductModalText, .CheckCoupon .CheckCouponInnerName, .TermsContentModalDisagree, .TermsContentModalText, .OtcConfirmationEnquiryText, .OtcConfirmationQuestion .alert, .OtcConfirmationQuestion li label, .ThankYou .ThankYouText, .CouponConfirm .CouponConfirmItem .CouponConfirmItemTitle, .CouponConfirm .CouponConfirmItem .AdditionalChargeConfirmItemTitle, .CouponConfirm .AdditionalChargeConfirmItem .CouponConfirmItemTitle, .CouponConfirm .AdditionalChargeConfirmItem .AdditionalChargeConfirmItemTitle, .AdditionalChargeConfirm .CouponConfirmItem .CouponConfirmItemTitle, .AdditionalChargeConfirm .CouponConfirmItem .AdditionalChargeConfirmItemTitle, .AdditionalChargeConfirm .AdditionalChargeConfirmItem .CouponConfirmItemTitle, .AdditionalChargeConfirm .AdditionalChargeConfirmItem .AdditionalChargeConfirmItemTitle, .PaymentConfirm span, input[type=radio].SelectPayFlex+label .SelectPayDetailInfo, span.SelectPayFlex+label .SelectPayDetailInfo, input[type=radio].SelectPayFlex+label .SelectPayTitle, span.SelectPayFlex+label .SelectPayTitle, input[type=radio].SelectConvenience+label span.SelectPayDetailInfo, span.SelectConvenience+label span.SelectPayDetailInfo, input[type=radio].SelectConvenience+label span, span.SelectConvenience+label span, input[type=radio].SelectCreditcard+label>span, .ManageCreditcard>span, .ForCustomerList .ForCustomerListSubject, .ForCustomerList .ForCustomerListItemDate, .FaqEditor h6, .FaqList h2, .FaqList h3, .FaqList h4, .PaymentNote, .PaymentMenuItemLink, .Editor .EditorStepListItem, .Special .EditorStepListItem, .Editor .EditorBracketsBoldList .EditorBracketsBoldListItem, .Special .EditorBracketsBoldList .EditorBracketsBoldListItem, .Editor .EditorUl .EditorUlItem, .Editor .EditorUl .EditorUlFlex2, .Editor .EditorUl .EditorOlItem, .Editor .EditorUlFlex2 .EditorUlItem, .Editor .EditorUlFlex2 .EditorUlFlex2, .Editor .EditorUlFlex2 .EditorOlItem, .Editor .EditorOl .EditorUlItem, .Editor .EditorOl .EditorUlFlex2, .Editor .EditorOl .EditorOlItem, .Editor .EditorBracketsBoldList .EditorUlItem, .Editor .EditorBracketsBoldList .EditorUlFlex2, .Editor .EditorBracketsBoldList .EditorOlItem, .Special .EditorUl .EditorUlItem, .Special .EditorUl .EditorUlFlex2, .Special .EditorUl .EditorOlItem, .Special .EditorUlFlex2 .EditorUlItem, .Special .EditorUlFlex2 .EditorUlFlex2, .Special .EditorUlFlex2 .EditorOlItem, .Special .EditorOl .EditorUlItem, .Special .EditorOl .EditorUlFlex2, .Special .EditorOl .EditorOlItem, .Special .EditorBracketsBoldList .EditorUlItem, .Special .EditorBracketsBoldList .EditorUlFlex2, .Special .EditorBracketsBoldList .EditorOlItem, .Editor .EditorFlexBasicP, .Special .EditorFlexBasicP, .Editor .EditorP, .Editor .EditorCitedText, .Editor .EditorNote, .Special .EditorP, .Special .EditorCitedText, .Special .EditorNote, .Editor .EditorH6, .Special .EditorH6, .FeaturePickupListItem .FeaturePickupListItemTitle, .ProductInfoSubscriptionWrapper .ProductInfoSubscriptionMore .LinkUnderLineArrow, .ProductInfoSubscriptionWrapper .ProductInfoSubscriptionMore .MypageTermsDisagreeBlockAgainLink, .ProductInfoSubscriptionWrapper .ProductInfoSubscriptionMore .TermsContentModalDisagreeLink, .ProductInfoRightReviewFlexButtonCart, .ProductInfoDetailWrapperFlexButtonLinkCart, .ProductInfoRightReviewFlexButtonLink, .ProductInfoDetailWrapperFlexButtonLink, .ProductInfoRightReviewCopySub, .ProductInfoDetailWrapper .ProductInfoReviewDetail, .ProductInfoDetailWrapper .ProductInfoReviewHeadUserStatus, .ProductInfoDetailWrapper .ProductInfoReviewHeadUserNamer, .ProductInfoDetailWrapper .ProductInfoReviewMore .LinkUnderLineArrow, .ProductInfoDetailWrapper .ProductInfoReviewMore .MypageTermsDisagreeBlockAgainLink, .ProductInfoDetailWrapper .ProductInfoReviewMore .TermsContentModalDisagreeLink, .ProductInfoDetailWrapper .ProductInfoDetailBox p, .ModalVariationOptionButton, .ModalMailVariationText, .ProductInfoCartBox dl dt, .ProductInfoCopySub, .GridProductItem .GridProductItemPriceRight .GridProductItemPriceText, .GridProductItem .GridProductItemTitle, .TopAboutBody, .TabWrapper .ButtonTab, .NewsPickup, .ButtonUserLogin, button, div.Form .FormTableDetailText, div.Form .FormTable .FormTableHeader, div.Form .TableInformationMail .FormTableHeader, div.Form .TableResignation .FormTableHeader, div.Form .TableConfirm .FormTableHeader, .Column2 .Main, .LinkButtonRegister, .TitleBackGroundGreen, .ModalVariationOptionMultipleHead, .ModalVariationOptionHead, .TextBodyAlphabet, .TitleAlphabet06, .TextBody, .CartPeriodicalText, .Title06 {
    font-size: 16px;
}

.PasswordForm {
    position: relative;
}

.PasswordForm input {
    padding: 10px 40px 10px 10px;
}

.PasswordForm .PasswordFormToggle {
    position: absolute;
    top: 67%;
    right: 0;
    transform: translateY(-50%);
    cursor: pointer;
    padding: 14px;
}

.PasswordForm .PasswordFormToggle .EyeSlash {
    background-image: url(/img/eye_slash.svg);
}

.PasswordForm .PasswordFormToggle .Eye, .PasswordForm .PasswordFormToggle .EyeSlash {
    width: 21px;
    height: 16px;
    background-position: center center;
    background-repeat: no-repeat;
}

.ButtonUserLogin {
    display: block;
    margin: 15px auto 0;
    width: 100%;
    max-width: 200px;
}

.YahooLoginBox {
    margin-top: 20px;
    padding: 24px 40px;
    background-color: #f5f5f5;
}

.YahooLoginBox .YahooLoginTitle {
    font-size: 21px;
    font-weight: bold;
    text-align: center;
}

@media screen and (min-width: 769px) {
    .LoginRegisterRrapper .RegisterWrapper {
        width: 56.11%;
        height: auto;
    }
}

@media screen and (min-width: 769px) {
    .GuestBuyWrapper .RegisterBox {
        padding-bottom: 20px;
    }
}

.RegisterBox {
    padding: 30px 40px 45px;
    width: 100%;
    height: 100%;
    background-color: #e4eeee;
}

@media screen and (min-width: 769px) {
    .GuestBuyWrapper .RegisterTitleLarge {
        margin-bottom: 15px;
    }
}

.RegisterTitleLarge {
    font-weight: bold;
}
.FontSize26, .RegisterMailTitleSub, .RegisterTitleLarge, .AddressSearchModal .AddressSearchModalTitle, .TermsContentModalTitle, .ThankYou .ThankYouTitle, .FaqEditor h3, .FaqEditor h2, .TitleTextLeftBorder, .Shop .ShopTitle2, .Terms .TermsTitle2, .Terms .PrivacyTitle2, .Privacy .TermsTitle2, .Privacy .PrivacyTitle2, .ChocomCreditTitle2, .CartPeriodicalTitle, .TwoFactorChooseTitle2, .PeriodicalOrderModifyTitle2, .OtcConfirmationTitle2, .OtcConfirmationEnquiryTitle, .TitleTextLeftBorderBackGroundColor, .TwoFactorLoginTitle2, .RankingCategoryTitle, .FavoriteListProductModalTitle, .TitleMypageUser, .Editor .EditorH2, .Special .EditorH2, .TitleAlphabet03, .TitleAlphabet02, .Title03, .Title02, .ModalMailVariation .ModalMailVariationTitle {
    font-size: 26px;
}

@media screen and (min-width: 769px) {
    .GuestBuyWrapper .MemberBenefitBox {
        margin-top: 0;
        margin-bottom: 5px;
    }
}

.MemberBenefitBox {
    margin-top: 183px;
    padding: 20px 30px 25px;
    background-color: #fff;
    position: relative;
}

@media screen and (min-width: 769px) and (max-width: 2000px) {
    .GuestBuyWrapper .MemberBenefitBox:before {
        width: 162px;
        height: 90px;
        top: -32px;
    }
}

.RegisterTitle {
    margin-bottom: 15px;
    font-size: 23px;
    color: #518889;
}

.MemberBenefitBox .MemeberBenefitList {
    counter-reset: number;
}
ol, ul {
    list-style: none;
}

.MemberBenefitBox .MemeberBenefitList li:before {
    position: absolute;
    top: 0;
    left: -.2em;
    content: counter(number);
    counter-increment: number;
    font-size: 1em;
    font-family: "Open Sans", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "Roboto", sans-serif;
    color: #fff;
    font-weight: 500;
    padding: 0 .2em;
    display: inline-block;
    text-align: center;
    width: 2.1em;
    height: 2.1em;
    z-index: 10;
}

@media screen and (min-width: 569px) {
    .HideMoreLargeMobile {
        display: none;
    }
}

.MemberBenefitBox .MemeberBenefitList li:after {
    content: "";
    position: absolute;
    display: block;
    top: .8em;
    left: 0;
    transform: translateY(-50%);
    width: 2.1em;
    height: 2.1em;
    background-color: #518889;
    border-radius: 50%;
    z-index: 0;
}

.MemberBenefitBox .MemeberBenefitList li {
    line-height: 1.65;
    position: relative;
    padding-left: 3.18em;
}

.MemberBenefitBox .MemeberBenefitList li {
    line-height: 1.65;
    position: relative;
    padding-left: 3.18em;
}

.MemberBenefitBox .MemeberBenefitList li+li {
    margin-top: 15px;
}

.MemberBenefitBox .MemeberBenefitList li {
    line-height: 1.65;
    position: relative;
    padding-left: 3.18em;
}

.MemberBenefitBox .BenefitMore {
    position: absolute;
    top: 18px;
    right: 19px;
}

.MemberBenefitBox:before {
    position: absolute;
    content: "";
    display: block;
    width: 358px;
    height: 200px;
    background-image: url(/img/member_benefit.webp);
    background-repeat: no-repeat;
    background-size: contain;
    left: 50%;
    top: -160px;
    transform: translateX(-50%);
}

.GuestBuyBox {
    background-color: #fff;
    padding: 20px 30px 25px;
    margin-top: 30px;
}

.GuestBuyBody {
    line-height: 2;
    font-size: 11px;
    font-weight: 400;
}

.GuestBuyBox .LinkButtonWhiteBorderPink {
    margin: 5px auto 0;
}

.LinkButtonWhiteBorderPink {
    color: #ed7855;
    text-decoration: none;
    word-break: break-all;
}
.LinkButtonWhiteBorderPink {
    border-color: #ed7855;
    padding: 10px;
    box-shadow: 0 3px 6px rgba(56, 113, 114, .4);
}

@media screen and (min-width: 769px) {
    .GuestBuyWrapper .LinkButtonRegister {
        margin-top: 5px;
    }
}

.LinkButtonRegister {
    color: #fff;
    text-decoration: none;
    word-break: break-all;
}
.LinkButtonRegister {
    margin: 30px auto 0;
    width: 100%;
    max-width: 200px;
}
.LinkButtonOrange, .ProductInfoRightReviewFlexButtonCart, .ProductInfoDetailWrapperFlexButtonLinkCart, .LinkButtonRegister {
    display: block;
    width: 200px;
    width: 100%;
    background-color: #ed7855;
    border-radius: 100px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 12px;
    box-shadow: 0 3px 6px rgba(56, 113, 114, .4);
    cursor: pointer;
    max-width: 200px;
}

/*view*/
.SecProductDetail {
    padding-bottom: 80px;
}
article, aside, details, figcaption, figure, main, footer, header, hgroup, menu, nav, section {
    display: block;
}

.Title01 {
    font-weight: 700;
}

.ProductDetailHead .ReviewBox .ReviewNumber {
    margin-left: 5px;
}

.ProductDetailHead .ReviewBox .LinkUnderLineMainColor, .ProductDetailHead .ReviewBox .ReviewList .ProductInfoReviewTextLink, .ReviewList .ProductDetailHead .ReviewBox .ProductInfoReviewTextLink, .ProductDetailHead .ReviewBox .Shop .ShopTableLink:link, .Shop .ProductDetailHead .ReviewBox .ShopTableLink:link, .ProductDetailHead .ReviewBox .Shop .ShopTableLink:visited, .Shop .ProductDetailHead .ReviewBox .ShopTableLink:visited, .ProductDetailHead .ReviewBox .Shop .ShopTableLink:active, .Shop .ProductDetailHead .ReviewBox .ShopTableLink:active, .ProductDetailHead .ReviewBox .Shop .ShopTableLink:hover, .Shop .ProductDetailHead .ReviewBox .ShopTableLink:hover, .ProductDetailHead .ReviewBox .Law .LawTableLink:link, .Law .ProductDetailHead .ReviewBox .LawTableLink:link, .ProductDetailHead .ReviewBox .Law .LawTableLink:visited, .Law .ProductDetailHead .ReviewBox .LawTableLink:visited, .ProductDetailHead .ReviewBox .Law .LawTableLink:active, .Law .ProductDetailHead .ReviewBox .LawTableLink:active, .ProductDetailHead .ReviewBox .Law .LawTableLink:hover, .Law .ProductDetailHead .ReviewBox .LawTableLink:hover, .ProductDetailHead .ReviewBox .CartPointUseBox .PointKakuteiBox .CartPointUseBoxClear, .CartPointUseBox .PointKakuteiBox .ProductDetailHead .ReviewBox .CartPointUseBoxClear, .ProductDetailHead .ReviewBox .LinkUnderlineInfoMain, .ProductDetailHead .ReviewBox .button_app_scan, .ProductDetailHead .ReviewBox .MypageInfoBox .MypageInfoDetailPointLapseLink, .MypageInfoBox .ProductDetailHead .ReviewBox .MypageInfoDetailPointLapseLink, .ProductDetailHead .ReviewBox .ThankYou .ThankYouMailCheckLink, .ThankYou .ProductDetailHead .ReviewBox .ThankYouMailCheckLink, .ProductDetailHead .ReviewBox .CartConfirmDetail .PointKakuteiBox .CartPointUseBoxClear, .CartConfirmDetail .PointKakuteiBox .ProductDetailHead .ReviewBox .CartPointUseBoxClear, .ProductDetailHead .ReviewBox .FaqEditor a:link, .FaqEditor .ProductDetailHead .ReviewBox a:link, .ProductDetailHead .ReviewBox .FaqEditor a:visited, .FaqEditor .ProductDetailHead .ReviewBox a:visited, .ProductDetailHead .ReviewBox .FaqEditor a:active, .FaqEditor .ProductDetailHead .ReviewBox a:active, .ProductDetailHead .ReviewBox .FaqEditor a:hover, .FaqEditor .ProductDetailHead .ReviewBox a:hover, .ProductDetailHead .ReviewBox .Editor .EditorLink:link, .Editor .ProductDetailHead .ReviewBox .EditorLink:link, .ProductDetailHead .ReviewBox .Editor .EditorLink:visited, .Editor .ProductDetailHead .ReviewBox .EditorLink:visited, .ProductDetailHead .ReviewBox .Editor .EditorLink:active, .Editor .ProductDetailHead .ReviewBox .EditorLink:active, .ProductDetailHead .ReviewBox .Editor .EditorLink:hover, .Editor .ProductDetailHead .ReviewBox .EditorLink:hover, .ProductDetailHead .ReviewBox .Special .EditorLink:link, .Special .ProductDetailHead .ReviewBox .EditorLink:link, .ProductDetailHead .ReviewBox .Special .EditorLink:visited, .Special .ProductDetailHead .ReviewBox .EditorLink:visited, .ProductDetailHead .ReviewBox .Special .EditorLink:active, .Special .ProductDetailHead .ReviewBox .EditorLink:active, .ProductDetailHead .ReviewBox .Special .EditorLink:hover, .Special .ProductDetailHead .ReviewBox .EditorLink:hover, .ProductDetailHead .ReviewBox .ProductInfoDetailWrapperReviewFilterFieldFlexClear, .ProductDetailHead .ReviewBox .DrawerDeliveryLink {
    font-weight: 400;
    vertical-align: middle;
    margin-left: 25px;
}

.ReviewBox .ProductInfoPrice {
    vertical-align: -.5em;
    position: absolute;
    right: 0;
    bottom: 8px;
}

.ProductInfoPrice .ProductInfoPriceNumber {
    font-size: 32px;
    color: #d10b0b;
    font-weight: bold;
    margin-right: 5px;
}

.MarginLeft05 {
    margin-left: 5px;
}

@media screen and (min-width: 769px) {
    .ProductInfoMain .ProductMainTitle {
        font-size: 26px;
    }
}

@media screen and (min-width: 769px) {
    .Cartbuttondiv {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .ButtonSpFixed {
        position: fixed;
        position: -webkit-fixed;
        left: 0;
        bottom: 0;
        border-radius: 0;
        padding: 12px;
        z-index: 1000;
        width: 100%;
        background-color: #69aee7;
        font-weight: bold;
        text-align: center;
        box-shadow: 0 3px 6px rgba(56, 113, 114, .4);
        cursor: pointer;
        color: #fff;
    }

    .ButtonSpFixed2{
          position: fixed;
        position: -webkit-fixed;
        left: 0;
        bottom: 0;
        border-radius: 0;
        padding: 12px;
        z-index: 1000;
        width: 100%;
        background-color: #e5e5e5;
        font-weight: bold;
        text-align: center;
        box-shadow: 0 3px 6px rgba(56, 113, 114, .4);
        cursor: pointer;
        color: #ccc;
    }
}

.ProductInfoInnerBoxMt20BorderTop {
    padding-top: 20px;
}

.ProductInformationWrapper {
    line-height: 1.6;
    font-weight: 400;
    padding-top: 5px;
}

p {
    /* line-height: 2.0;
    display: block;
    font-weight: bold;
    font-size: 17px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate; */
}

.TextInfo{
    line-height: 2.0;
    display: block;
    font-weight: bold;
    font-size: 17px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

.ProductMainTitle {
    font-weight: bold;
    font-size: 28px;
}

.ProductDetailHeadCode {
    margin-top: 5px;
}

@media screen and (min-width: 769px) {
    .ProductDetailWrapper {
        padding-right: 320px;
    }
}

.ProductDetailWrapper {
    max-width: 1286px;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

@media screen and (min-width: 769px) {
    .ProductInfoMain {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}

@media screen and (min-width: 769px) {
.ProductDetailHead {
    padding-bottom: 15px;
    border-bottom: 1px solid #e4eeee;
    position: relative;
    width: 100%;
}
}

@media screen and (max-width: 768px) {
.ProductDetailHead {
    padding-bottom: 10px;
    border-bottom: 1px solid #e4eeee;
    position: relative;
    width: 100%;
}
}

.ProductInfoInnerBoxMt20 {
    margin-top: 20px;
}

.ProductInfoSliderMain {
    position: relative;
    overflow: hidden;
}

.swiper-pointer-events {
    touch-action: pan-y;
}

.ProductInfoSliderMainText {
    color: #6d6d6d;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 400;
}

.AccordionTableWrapper {
    border: 1px solid #dedede;
    padding: 5px 15px;
}

.InformationTable {
    table-layout: fixed;
    width: 100%;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

@media screen and (min-width: 769px) {
    .ProductInfoMain .ProductInfoRight {
        width: 59%;
    }
}

@media screen and (min-width: 769px) {
    .ProductInfoMain {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}

.ProductInfoCartBox {
    background: #f5f5f5;
    border: 1px solid #dedede;
    padding: 18px 15px 26px;
}

.ProductInfoCartBox2 {
    background: #f5f5f5;
    border: 1px solid #dedede;
    padding: 18px 15px 26px;
}

.ProductInfoCartBox3{
     background: #f5f5f5;
    border: 1px solid #dedede;
    padding: 18px 15px 26px;
}

@media screen and (min-width: 769px) {
    .ProductSideRightFixed {
        position: absolute;
        top: 150px;
        right: 110px;
        width: 290px;
        margin-top: 0;
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 85vh;
        position: fixed;
    }
}

@media screen and (min-width: 769px) {
    .ProductInfoMain .ProductInfoRight {
        width: 59%;
    }
}

@media screen and (min-width: 769px) {
    .ProductInfoMain .ProductInfoLeft {
        width: 38%;
    }
}


/*adminmenu*/
.adminmenu{
    
}

.adminmenu1{
    margin-bottom: 10px;
    display: block;
    font-size: 16px;
    padding-right: 20px;
    background-image: url(/img/arrow_right_c_bold.svg);
    background-position: center right 3px;
    color: #375a79;
}

.menu{
    position: fixed;
    width: 300px;
    background-color: #a7e1f3;
    z-index: 1300;
}

.logoplace{
    padding-left: 70px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: .8em;
    padding-bottom: .6em;
    border-bottom: 1px solid #375a79;
}

/**/
.PaddingTop50.SectionSpecial, .PaddingTop50.ForgotPassword, .PaddingTop50.NewPasswordSetting, .PaddingTop50.TwoFactorLogin, .PaddingTop50.SectionChildCategory, .PaddingTop50.SectionCategoryFeatureOther, .PaddingTop50.SectionCategoryFeaturePickup, .PaddingTop50.SectionPaddingTop0, .PaddingTop50.SectionPaddingTop30, .PaddingTop50.SectionCart, .PaddingTop50.SectionOtcConfirmation, .PaddingTop50.SectionPaymentConfirm, .PaddingTop50.SectionShippingAddress, .PaddingTop50.SectionPaddingTop40, .PaddingTop50.SectionPaddingTop50, .PaddingTop50.SectionPaddingTop80, .PaddingTop50.SectionSns, .PaddingTop50.Section, .PaddingTop50.WriteReview, .PaddingTop50.SectionCategoryTop, .PaddingTop50.SectionSelectPayment, .PaddingTop50.ProductInfoRelatedSection, .PaddingTop50.ProductInfoRecommendSection, .PaddingTop50.ProductInfoRelatedCartSection, .PaddingTop50.ProductInfoListSection, .PaddingTop50.Category, .PaddingTop50.SectionBackGroundWhite, .PaddingTop50.SectionBackGroundBox, .PaddingTop50.SectionBackGroundGray, .PaddingTop50.SectionBackGroundImage, .PaddingTop50.SectionBackGroundWhiteGray, .PaddingTop50.SectionBackGroundGradation, .PaddingTop50.SectionBackGroundGreen {
    padding-top: 50px;
}

.ReccomendItemBox .GridProductItem {
    margin-top: 20px;
    position: relative;
    width: 45%;
}

.ReccomendItemBox .ReccomendItemBoxTop {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background-color: #fff;
}

.ReccomendItemBox .ReccomendItemBoxBottom {
    background-color: #e4eeee;
    border-radius: 0 0 2px 2px;
    padding: 15px;
    position: relative;
}

.RecommendNewProduct .ProductPickupList {
    margin-right: -5px;
    margin-left: -5px;
}

.RecommendNewProduct .ProductPickupList .GridProductItem {
    width: 33.33%;
    padding: 0 5px;
    margin-bottom: 10px;
}

.ProductPickupList .GridProductItem {
    display: grid;
    width: 48.5%;
    margin-bottom: 3%;
}

.ReccomendItemBox .ReccomendItemCommentStaff {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ReccomendItemBox .GridProductItem .CheckLikeBox {
    position: absolute;
    top: -25px;
    right: -10px;
}



@media screen and (min-width: 1159px) {
    .RecommendNewProduct .ReccomendItem {
        width: 39%;
    }
}

.ProductPickupList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media screen and (min-width: 1159px) {
    .RecommendNewProduct {
        display: flex;
        justify-content: space-between;
    }
}

/*like*/
input[type=checkbox].ChecLike+label {
    width: 29px;
    height: 29px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(221, 81, 145, .3);
    background-image: url(/img/like_open.svg);
    background-position: top 60% center;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
}

input[type=checkbox].ChecLike:checked+label {
    background-image: url(/img/like_close.svg);
}

.CheckLikeBalloon {
    position: absolute;
    right: -10px;
    top: 14px;
    z-index: 1;
}

.CheckLikeBalloonInner {
    position: relative;
    display: block;
    margin: 1.5em 0;
    padding: 2px 5px 2px 5px;
    min-width: 45px;
    max-width: initial;
    color: #dd5191;
    font-size: 7px;
    background: #fff;
    border: solid 1.5px #dd5191;
    box-sizing: border-box;
    border-radius: 5px;
    z-index: 3;
    white-space: nowrap;
    font-weight: bold;
    font-size: 14px;
}

.CheckLikeBalloonInnerCount {
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 1;
    display: block;
}

.GridProductItem .CheckLikeBox {
    position: absolute;
    right: 18px;
    top: 10px;
    z-index: 1;
}

input[type=checkbox].ChecLike {
    display: none;
}

.numbered-list {
    counter-reset: my-counter; /* カウンターの初期値を0にリセット */
    list-style: none; /* リストのデフォルトのマーカーを非表示 */
  }
  
  .numbered-list li {
    position: relative; /* 相対位置を指定 */
    padding-left: 20px; /* 左側の余白を設定 */
  }
  
  .numbered-list li:before {
    content: counter(my-counter); /* カウンターの値を表示 */
    counter-increment: my-counter; /* カウンターをインクリメント */
    position: absolute; /* 絶対位置を指定 */
    left: 0; /* 左端に配置 */
  }




/*footer*/
.Footer {
    padding: 0;
    background-color: #344568;
    color: #fff;
    position: relative;
    z-index: 1001;
}

.Footer .FooterTop { 
    background-color: #586c96;
    text-align: center;
    position: relative;
}

.Footer .FooterTop .FooterTopLink {
    padding: 24px 14px 14px 14px;
    display: inline-block;
}

.Footer a {
    color: #fff;
    text-decoration: none;
    word-break: break-all;
}

.Footer .FooterTop .FooterTopLink:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-width: 0 6px 10px 6px;
    border-color: transparent transparent #fff;
    border-style: solid;
    position: absolute;
    top: 12px;
    left: 49.5%;
}

@media screen and (max-width: 2000px) {
    .Footer .FooterTopMenu .FooterTopMenuItem {
        width: 50%;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 2000px) {
    .Footer .FooterCategoryTitle {
        margin-top: 25px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 2000px) {
    .Footer .FooterCategoryMenu .FooterCategoryMenuSub, .Footer .FooterCategoryMenu .FooterCategoryMenuHead, .Footer .FooterCategoryMenu .FooterCategoryMenuLink {
        padding: 7px 30px 7px 10px;
    }
}
.Footer .FooterCategoryMenu .FooterCategoryMenuSub, .Footer .FooterCategoryMenu .FooterCategoryMenuHead, .Footer .FooterCategoryMenu .FooterCategoryMenuLink {
    background-color: rgba(255, 255, 255, .1);
    padding: 10px 35px 10px 15px;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    margin-bottom: 10px;
}

@media screen and (max-width: 2000px) {
    .Footer .FooterCategoryMenu .FooterCategoryMenuLink:after {
        right: 15px;
    }
}
.Footer .FooterCategoryMenu .FooterCategoryMenuLink:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    position: absolute;
    right: 20px;
    top: calc(50% - 5px);
}

.Footer .FooterCategoryMenu .FooterCategoryMenuSub label, .Footer .FooterCategoryMenu .FooterCategoryMenuHead label, .Footer .FooterCategoryMenu .FooterCategoryMenuLink label {
    font-size: 11px;
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translate(0, -50%);
}

@media screen and (max-width: 768px) {
    .Footer .FooterCategoryMenu .FooterCategoryMenuHead:after {
        right: 15px;
    }
}

.Footer .FooterCategoryMenu .FooterCategoryMenuHead:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-width: 10px 6px 0 6px;
    border-color: #fff transparent transparent;
    border-style: solid;
    position: absolute;
    right: 20px;
    top: calc(50% - 5px);
}

@media screen and (max-width: 1158px) and (min-width: 769px) {
    .Footer .FooterTopMenu .FooterTopMenuItem {
        font-size: 16px;
    }
}
.Footer .FooterTopMenu .FooterTopMenuItem {
    font-weight: bold;
}

.Footer .FooterTopMenu {
    /* display: flex; */
    justify-content: space-around; 
}

@media screen and (min-width: 1300px) {
    .Footer .FooterTopMenu {
        display: flex;
        justify-content: space-between; 
    }
}

ol, ul {
    list-style: none;
}

.Footer .FooterInnerBorder {
    margin-bottom: 30px;
    padding: 40px 0;
    border-bottom: 2px solid #749c9d;
    border-bottom: 2px solid #74799d;
}

.Footer .FooterInner, .Footer .FooterInnerBorder {
    max-width: 1216px;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
}

.Footer .FooterCategoryTitle {
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: bold;
}

.SectionSns {
    padding-top: 0;
}

.SnsNavigation .SnsNavigationItem {
    width: 24%;
    margin-bottom: 20px;
}

.Footer .FooterInner, .Footer .FooterInnerBorder {
    max-width: 1216px;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
}

.SnsNavigation {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.SnsNavigation .SnsNavigationItemX, .SnsNavigation .SnsNavigationItemFacebook, .SnsNavigation .SnsNavigationItemLine, .SnsNavigation .SnsNavigationItemBlog {
    display: block;
    padding: 25px 30px 25px 80px;
    text-align: center;
    font-weight: 400 !important;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #518889;
    background-position: left 40px center;
    font-size: 18px;
    color: #3a3a3a;
}

.Footer .FooterDiscMenu .FooterDiscMenuItem {
    display: inline-block;
    margin-right: 60px;
    margin-bottom: 10px;
    font-weight: 400;
}

.Footer .FooterDiscMenu .FooterDiscMenuItem:before {
    content: "・";
}

.Footer .FooterDiscMenu .FooterDiscMenuItem {
    display: inline-block;
    margin-right: 60px;
    margin-bottom: 10px;
    font-weight: 400;
}

.Footer .FooterCopyright {
    font-weight: 500;
    margin-top: 10px;
}



/*adressのheader*/
header.OrderHeader {
    position: relative;
    border-top: #344568 solid 10px;
    height: 100px;
}

header.OrderHeader .OrderHeaderLogo {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
}

/*注文へ進む*/
.OrderFlow ul {
    display: flex;
    justify-content: center;
    width: 95%;
    max-width: 970px;
    margin-right: auto;
    margin-left: auto;
}

.OrderFlow li {
    position: relative;
    padding-bottom: 25px;
}

.OrderFlow.Step01 ul li:first-child:nth-last-child(3):nth-of-type(1) span, .OrderFlow.Step01 ul li:first-child:nth-last-child(3)~li:nth-of-type(1) span, .OrderFlow.Step00 ul li:first-child:nth-last-child(5):nth-of-type(1) span, .OrderFlow.Step00 ul li:first-child:nth-last-child(5)~li:nth-of-type(1) span {
    background-color: #339ada;
    color: #fff;
}

.OrderFlow li span {
    background-color: #a1e0f9;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    display: block;
    font-size: 20px;
    color: #344568;
    position: relative;
    z-index: 10;
}

.OrderFlow.Step01 ul li:first-child:nth-last-child(3):nth-of-type(1) p, .OrderFlow.Step01 ul li:first-child:nth-last-child(3)~li:nth-of-type(1) p, .OrderFlow.Step00 ul li:first-child:nth-last-child(5):nth-of-type(1) p, .OrderFlow.Step00 ul li:first-child:nth-last-child(5)~li:nth-of-type(1) p {
    color: #339ada;
    font-weight: bold;
}

.OrderFlow li p {
    color: #b9c5d0;
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.OrderFlow li+li {
    margin-left: 100px;
}

.OrderFlow li {
    position: relative;
    padding-bottom: 25px;
}

.OrderFlow li+li:before {
    content: "";
    display: block;
    width: 100px;
    height: 3px;
    background-image: url(/img/line_flow_order_dot.svg);
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: left center;
    position: absolute;
    left: -100px;
    top: 20px;
}

/* 1番目と2番目のリストアイテムの後に線を引く */
.OrderFlow2 li:nth-child(2)::after {
    content: "";
    display: block;
    width: 100px;
    height: 3px;
    background-color: #339ada;
    position: absolute;
    left: -100px;
    top: 20px;
}

.OrderFlow3 li+li:after {
    content: "";
    display: block;
    width: 100px;
    height: 3px;
    background-color: #339ada;
    position: absolute;
    left: -100px;
    top: 20px;
}

/*header*/
.FooterOrder {
    padding: 10px 0;
    background-color: #344568;
    color: #fff;
    position: relative;
    z-index: 10;
}

.FooterOrder a {
    color: #fff;
    text-decoration: none;
    word-break: break-all;
}

/**/
.TitleTextLeftBorderBackGroundColor, .TwoFactorLoginTitle2, .RankingCategoryTitle, .FavoriteListProductModalTitle, .TitleMypageUser, .Editor .EditorH2, .Special .EditorH2 {
    background-color: #f5f5f5;
    padding-top: .45em;
    padding-bottom: .45em;
}

.TitleTextLeftBorderBackGroundColor:before, .TwoFactorLoginTitle2:before, .RankingCategoryTitle:before, .FavoriteListProductModalTitle:before, .TitleMypageUser:before, .Editor .EditorH2:before, .Special .EditorH2:before {
    top: .7em;
    bottom: .7em;
}

.FormTable .FormTableHeader .FormTableHeaderTitle, div.Form .TableInformationMail .FormTableHeader .FormTableHeaderTitle, div.Form .TableResignation .FormTableHeader .FormTableHeaderTitle, div.Form .TableConfirm .FormTableHeader .FormTableHeaderTitle {
    display: inline-block;
    vertical-align: middle;
    word-break: break-all;
}

.FormEssential {
    white-space: nowrap;
    padding: 1px 6px 2px;
    font-size: 12px;
    color: #fff;
    background-color: #339ada;
    margin: 0 5px;
    border-radius: 3px;
}

@media screen and (min-width: 769px) and (max-width: 1311px) {
    div.Form .FormTable .FormTableHeader, div.Form .TableInformationMail .FormTableHeader, div.Form .TableResignation .FormTableHeader, div.Form .TableConfirm .FormTableHeader {
        padding: 23px 15px;
        width: 220px;
    }
}

@media screen and (min-width: 769px) {
    .FormTable .FormTableHeader, .TableInformationMail .FormTableHeader,.TableResignation .FormTableHeader, .TableConfirm .FormTableHeader {
        padding: 23px 20px;
    }
}
.FormTable .FormTableHeader, .TableInformationMail .FormTableHeader, .TableResignation .FormTableHeader,  .TableConfirm .FormTableHeader {
    width: 25%;
    border-bottom: #ccc 1px solid;
    vertical-align: top;
}
.FormTable .FormTableHeader,  .TableInformationMail .FormTableHeader,  .TableResignation .FormTableHeader, .TableConfirm .FormTableHeader,  .FormTable .FormTableDetail,  .TableInformationMail .FormTableDetail,  .TableResignation .FormTableDetail, .TableConfirm .FormTableDetail, .FormTable .FormTableDetailAddress, .TableInformationMail .FormTableDetailAddress, .TableResignation .FormTableDetailAddress, .TableConfirm .FormTableDetailAddress {
    text-align: left;
}
.FontSize16, .SpecialOhterListItemLinkBottomText, .SpecialNewListItemLinkRightText, .WriteReviewNoteTitle, .ReviewCategoryFlexBlockMiddleList, .ReviewList .ProductInfoReviewDetail, .ReviewList .ProductInfoReviewHeadUserStatus, .ReviewList .ProductInfoReviewHeadUserNamer, .TermsConsent .TermsTitle2, .TermsConsent .PrivacyTitle2, .ResignationText, .RegisterMailTextSns, .RegisterMailTextKakunin, .ChangeMail .ChangeMailTextKakunin, .RegisterForm .RegisterFormTableRowMailInput .RegisterFormTableRowMailInputEllipse, .RegisterForm .RegisterFormTableRowPasswordInput .RegisterFormTableRowMailInputEllipse, .RegisterForm .RegisterFormTableRowSubscribeInput .RegisterFormTableRowMailInputEllipse, .RegisterForm .RegisterFormTableRowGenderInput .RegisterFormTableRowMailInputEllipse, .PreRegisterMemberBenefitBox .PreRegisterMemeberBenefitList li, .MemberBenefitBox .MemeberBenefitList li, .ForgotPasswordEmailSendFormInner, .NewPasswordSettingFormInner, .NewPasswordSettingText, .ForgotPasswordText, .TwoFactorLoginFormQuestion, .TwoFactorLoginFormQuestionInfo, .TwoFactorLoginFormInner, .TwoFactorLoginText, .GuideCategoryHead p, .Editor .EditorImages p, .Special .EditorImages p, .GuideHead .GuideHeadText, .Law .LawText, .Law .LawTextBold, .Terms .TermsSummary, .Terms .PrivacySummary, .Terms .PrivacyText, .Privacy .TermsSummary, .Privacy .PrivacySummary, .Privacy .PrivacyText, .Terms, .Privacy, .ChocomCreditUlNumber, .ChocomCreditUlNumber2, .ChocomCreditText, .TableCompany, .AboutGreenCopy, .AboutPromiseList .AboutPromiseListItem .BackGroundBox .AboutPromiseListItemTextBox .AboutPromiseListItemTextBoxText, .AboutLeadText, .SlidebarTitleMedium, .MenuManufacturerButtonMore, .MenuManufacturerButtonClose, .SidebarFilterMenu .SidebarFilterMenuLink, .SidebarFilterMenu .SidebarKuchikomiMenuLink, .SidebarCategoryMenu, .SidebarCategoryMenuParent00, .SidebarCategoryMenuChildren00, .SidebarCategoryMenuParent02, .SelectedTermList .SelectedTermListOne, .Sidebar .SidebarAccordion dt, .SectionChildCategory .GrandchildCategoryList li a, .CartPointUseBox .CartPointUseBoxTitle, input[type=checkbox].CheckCoupon+label .CheckCouponInnerName, .CouponList li, .ProductInfoCartCountListNumber .ProductInfoCartCountListTitle, .ProductInfoCartCountListNumber .ProductInfoCartCountListDetail, .CouponGet .CouponMyListItemCenterText, .Coupon .CouponMyListUseItemRightText, .Coupon .CouponMyListUseItemLeftTitleStep, .Coupon .CouponMyListItemCenterText, .AddressSearchModal .AddressSearchModalText, .OtcSendMessege, .OtcOrderMessageList .OtcOrderMessageListPharmacistItem .OtcOrderMessageListItemText, .OtcOrderMessageList .OtcOrderMessageListCuntomerItem .OtcOrderMessageListItemText, .OtcOrderMessageList .OtcOrderMessageListPharmacistItem .OtcOrderMessageListItemHead .OtcOrderMessageListItemHeadName, .OtcOrderMessageList .OtcOrderMessageListCuntomerItem .OtcOrderMessageListItemHead .OtcOrderMessageListItemHeadName, .PeriodicalOrderModifyModalInnerText2, .PeriodicalOrderModifyInnerSelectText, .ReviewAboutModalDetailListItem, .RegistrationAddressItem .RegistrationAddressItemDetail, .RegistrationAddressItem .RegistrationAddressItemTitle, .RegistrationInfoList dt, .RegistrationInfoList dd, .MypageDetail, .InvoiceButtonPrint, .OrderHistoryTotalPrice, .OrderHistoryInfo .OrderHistoryOption, .OrderHistoryInfo .OrderHistoryInfoState, .OrderHistoryHead .OrderHistoryHeadButtonList .OrderHistoryHeadButtonListSpecification, .OrderHistoryHead .OrderHistoryHeadButtonList .OrderHistoryHeadButtonListDetail, .OrderHistoryHead .OrderHistoryHeadButtonList .OrderHistoryHeadButtonListReorder, .FavoriteListProductModalText, .CheckCoupon .CheckCouponInnerName, .TermsContentModalDisagree, .TermsContentModalText, .OtcConfirmationEnquiryText, .OtcConfirmationQuestion .alert, .OtcConfirmationQuestion li label, .ThankYou .ThankYouText, .CouponConfirm .CouponConfirmItem .CouponConfirmItemTitle, .CouponConfirm .CouponConfirmItem .AdditionalChargeConfirmItemTitle, .CouponConfirm .AdditionalChargeConfirmItem .CouponConfirmItemTitle, .CouponConfirm .AdditionalChargeConfirmItem .AdditionalChargeConfirmItemTitle, .AdditionalChargeConfirm .CouponConfirmItem .CouponConfirmItemTitle, .AdditionalChargeConfirm .CouponConfirmItem .AdditionalChargeConfirmItemTitle, .AdditionalChargeConfirm .AdditionalChargeConfirmItem .CouponConfirmItemTitle, .AdditionalChargeConfirm .AdditionalChargeConfirmItem .AdditionalChargeConfirmItemTitle, .PaymentConfirm span, input[type=radio].SelectPayFlex+label .SelectPayDetailInfo, span.SelectPayFlex+label .SelectPayDetailInfo, input[type=radio].SelectPayFlex+label .SelectPayTitle, span.SelectPayFlex+label .SelectPayTitle, input[type=radio].SelectConvenience+label span.SelectPayDetailInfo, span.SelectConvenience+label span.SelectPayDetailInfo, input[type=radio].SelectConvenience+label span, span.SelectConvenience+label span, input[type=radio].SelectCreditcard+label>span, .ManageCreditcard>span, .ForCustomerList .ForCustomerListSubject, .ForCustomerList .ForCustomerListItemDate, .FaqEditor h6, .FaqList h2, .FaqList h3, .FaqList h4, .PaymentNote, .PaymentMenuItemLink, .Editor .EditorStepListItem, .Special .EditorStepListItem, .Editor .EditorBracketsBoldList .EditorBracketsBoldListItem, .Special .EditorBracketsBoldList .EditorBracketsBoldListItem, .Editor .EditorUl .EditorUlItem, .Editor .EditorUl .EditorUlFlex2, .Editor .EditorUl .EditorOlItem, .Editor .EditorUlFlex2 .EditorUlItem, .Editor .EditorUlFlex2 .EditorUlFlex2, .Editor .EditorUlFlex2 .EditorOlItem, .Editor .EditorOl .EditorUlItem, .Editor .EditorOl .EditorUlFlex2, .Editor .EditorOl .EditorOlItem, .Editor .EditorBracketsBoldList .EditorUlItem, .Editor .EditorBracketsBoldList .EditorUlFlex2, .Editor .EditorBracketsBoldList .EditorOlItem, .Special .EditorUl .EditorUlItem, .Special .EditorUl .EditorUlFlex2, .Special .EditorUl .EditorOlItem, .Special .EditorUlFlex2 .EditorUlItem, .Special .EditorUlFlex2 .EditorUlFlex2, .Special .EditorUlFlex2 .EditorOlItem, .Special .EditorOl .EditorUlItem, .Special .EditorOl .EditorUlFlex2, .Special .EditorOl .EditorOlItem, .Special .EditorBracketsBoldList .EditorUlItem, .Special .EditorBracketsBoldList .EditorUlFlex2, .Special .EditorBracketsBoldList .EditorOlItem, .Editor .EditorFlexBasicP, .Special .EditorFlexBasicP, .Editor .EditorP, .Editor .EditorCitedText, .Editor .EditorNote, .Special .EditorP, .Special .EditorCitedText, .Special .EditorNote, .Editor .EditorH6, .Special .EditorH6, .FeaturePickupListItem .FeaturePickupListItemTitle, .ProductInfoSubscriptionWrapper .ProductInfoSubscriptionMore .LinkUnderLineArrow, .ProductInfoSubscriptionWrapper .ProductInfoSubscriptionMore .MypageTermsDisagreeBlockAgainLink, .ProductInfoSubscriptionWrapper .ProductInfoSubscriptionMore .TermsContentModalDisagreeLink, .ProductInfoRightReviewFlexButtonCart, .ProductInfoDetailWrapperFlexButtonLinkCart, .ProductInfoRightReviewFlexButtonLink, .ProductInfoDetailWrapperFlexButtonLink, .ProductInfoRightReviewCopySub, .ProductInfoDetailWrapper .ProductInfoReviewDetail, .ProductInfoDetailWrapper .ProductInfoReviewHeadUserStatus, .ProductInfoDetailWrapper .ProductInfoReviewHeadUserNamer, .ProductInfoDetailWrapper .ProductInfoReviewMore .LinkUnderLineArrow, .ProductInfoDetailWrapper .ProductInfoReviewMore .MypageTermsDisagreeBlockAgainLink, .ProductInfoDetailWrapper .ProductInfoReviewMore .TermsContentModalDisagreeLink, .ProductInfoDetailWrapper .ProductInfoDetailBox p, .ModalVariationOptionButton, .ModalMailVariationText, .ProductInfoCartBox dl dt, .ProductInfoCopySub, .GridProductItem .GridProductItemPriceRight .GridProductItemPriceText, .GridProductItem .GridProductItemTitle, .TopAboutBody, .TabWrapper .ButtonTab, .NewsPickup, .ButtonUserLogin, button, .FormTableDetailText, .FormTable .FormTableHeader, .TableInformationMail .FormTableHeader,  .TableResignation .FormTableHeader,  .TableConfirm .FormTableHeader, .Column2 .Main, .LinkButtonRegister, .TitleBackGroundGreen, .ModalVariationOptionMultipleHead, .ModalVariationOptionHead, .TextBodyAlphabet, .TitleAlphabet06, .TextBody, .CartPeriodicalText, .Title06 {
    font-size: 16px;
}

.SidebarCategoryMenuParent01,.SidebarCategoryMenuChildren01{
    font-size: 16px;
    font-weight: 600;
}

 .FormTable .FormTableHeader .FormTableHeaderNote, .TableInformationMail .FormTableHeader .FormTableHeaderNote,  .TableResignation .FormTableHeader .FormTableHeaderNote, .TableConfirm .FormTableHeader .FormTableHeaderNote {
    margin-top: 5px;
    display: block;
    font-weight: 400;
}

.FormTableDetailBreak .TableFormInputWrapper:nth-child(1) {
    padding: 0 5px 0 0;
}

.FormTableDetailBreak .TableFormInputWrapper {
    display: table-cell;
    padding: 0 5px;
    width: 50%;
}

.FormTable .FormTableDetailAddress .FormTableDetailAddressPostalMark,.TableInformationMail .FormTableDetailAddress .FormTableDetailAddressPostalMark,.TableResignation .FormTableDetailAddress .FormTableDetailAddressPostalMark,.TableConfirm .FormTableDetailAddress .FormTableDetailAddressPostalMark {
    display: inline-block;
    margin-right: 10px;
}

.FormTable .FormTableDetailAddress .PostalInput, .TableInformationMail .FormTableDetailAddress .PostalInput, div.Form .TableResignation .FormTableDetailAddress .PostalInput, div.Form .TableConfirm .FormTableDetailAddress .PostalInput {
    max-width: 200px;
}

.ButtonSquareBasic {
    background-color: #fff;
    border: 2px solid #339ada;
    color: #339ada;
    padding: 6px 20px 7px;
    border-radius: 5px;
    background-image: url(/img/arrow_right_c.svg);
    background-position: center right 15px;
    padding-right: 30px;
    font-weight: 500;
    white-space: nowrap;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    cursor: pointer;
    font-size: 16px;
}

.FormSelectBox, .PeriodicalOrderModifyInnerSelectBox, .CartSelectBox, .ProductInfoCartTimeTitle+.CartSelectBoxNotSelect {
    background-image: url(/img/arrow_select_open.svg);
    background-size: 10px auto;
    padding-top: 10px;
    padding-bottom: 10px;
    background-position: right 20px center;
    max-width: 100%;
    min-width: 156px;
}

.FormTable .FormTableDetailAddress>.TableFormInputWrapper+.TableFormInputWrapper, .TableInformationMail .FormTableDetailAddress>.TableFormInputWrapper+.TableFormInputWrapper, div.Form .TableResignation .FormTableDetailAddress>.TableFormInputWrapper+.TableFormInputWrapper, div.Form .TableConfirm .FormTableDetailAddress>.TableFormInputWrapper+.TableFormInputWrapper {
    margin-top: 15px;
}

.OrderButtonWrapper {
    margin-top: 30px;
    text-align: center;
}

.FormTable .FormTableRow:last-child .FormTableHeader, .TableInformationMail .FormTableRow:last-child .FormTableHeader{
    border-bottom: none;
}

.FormTable .FormTableHeader .FormTableHeaderNote {
    font-size: 12px;
}

.OrderFlow.Step03 ul :first-child:nth-last-child(3):nth-of-type(1) span,.OrderFlow.Step03 ul :first-child:nth-last-child(3)~li:nth-of-type(2) span{
    background-color: #339ada;
    color: #fff;
}

.OrderFlow.Step03 ul :first-child:nth-last-child(3):nth-of-type(1) p,.OrderFlow.Step03 ul :first-child:nth-last-child(3)~li:nth-of-type(2) p{
    color: #339ada;
    font-weight: bold;
}

.OrderFlow.Step04 ul :first-child:nth-last-child(3):nth-of-type(1) span,.OrderFlow.Step04 ul :first-child:nth-last-child(3)~li:nth-of-type(2) span,.OrderFlow.Step04 ul :first-child:nth-last-child(3)~li:nth-of-type(3) span{
    background-color: #339ada;
    color: #fff;
}

.OrderFlow.Step04 ul :first-child:nth-last-child(3):nth-of-type(1) p,.OrderFlow.Step04 ul :first-child:nth-last-child(3)~li:nth-of-type(2) p,.OrderFlow.Step04 ul :first-child:nth-last-child(3)~li:nth-of-type(3) p{
    color: #339ada;
    font-weight: bold;
}

.TitleButtonBox .LinkButtonSquare, .TitleButtonBox .LinkButtonSquareAuto, .TitleButtonBox .LinkButtonSquareTracking, .TitleButtonBoxBackGroundGray .LinkButtonSquare, .TitleButtonBoxBackGroundGray .LinkButtonSquareAuto, .TitleButtonBoxBackGroundGray .LinkButtonSquareTracking, .TitleButtonBox .ButtonSquare, .TitleButtonBox .Sidebar .ButtonSearchSquare, .Sidebar .TitleButtonBox .ButtonSearchSquare, .TitleButtonBoxBackGroundGray .ButtonSquare, .TitleButtonBoxBackGroundGray .Sidebar .ButtonSearchSquare, .Sidebar .TitleButtonBoxBackGroundGray .ButtonSearchSquare {
    display: inline-block;
    width: auto;
    min-width: inherit;
    margin: 0 0 0 10px;
}

.ButtonSquare, .Sidebar .ButtonSearchSquare {
    background-color: #fff;
    border: 2px solid #518889;
    color: #518889;
    padding: 6px 20px 7px;
    border-radius: 5px;
    background-image: url(/img/arrow_right_c.svg);
    background-position: center right 15px;
    padding-right: 30px;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
}

.TitleButtonBoxBackGroundGray {
    background-color: #f5f5f5;
}

.TitleButtonBox, .TitleButtonBoxBackGroundGray {
    padding-right: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.MarginTop40, .ErrorLinkButtonInputReturn, .TermsConsent .TermsTitle2, .TermsConsent .PrivacyTitle2, .RegisterMailSnsNavigation, .ForgotPasswordEmailSendFormButton, .NewPasswordSettingFormButton, .TwoFactorLoginFormButton, .Shop .ShopTitle2, .Terms .TermsTitle2, .Terms .PrivacyTitle2, .Privacy .TermsTitle2, .Privacy .PrivacyTitle2, .ChocomCreditTitle2, .RankingCategoryTitle2, .RankingCategoryTitle, .CartWrapperNoneTopButton, .CouponGet .CouponMyListButton, .AppDetail:last-of-type+h2, .PeriodicalOrderModifyModalInnerButtonYes, .PeriodicalOrderModifyCancelButton, .PeriodicalOrderModifyInnerRed, .PeriodicalOrderModifyInnerButton, .TermsContentModalClose, .OtcConfirmationEnquiryButton, .OtcConfirmationOkAttention, .OtcConfirmationOkButton, .OtcConfirmationOk, .OtcConfirmationCheckBox, .OtcConfirmationQuestion li, .OtcConfirmationProductNameText, .ThankYou .ThankYouInner, .ModalReceivingMailValiationFormButton {
    margin-top: 40px;
}

.ProductInfoCartAttention2 {
    text-align: center;
}

.MarginTop60, .CartPeriodical, .CartPeriodicalCheckoutCaution, .ProductInfoCartAttention2 {
    margin-top: 60px;
}

.ProductInfoCartAttention2 .ProductInfoCartAttention2Br {
    display: none;
}

.ButtonOrangeCartTextLong {
    padding: 10px 8px 12px;
    font-size: 15px;
}

.ButtonOrange2, .ButtonOrangeCart, .ButtonOrangeCartTextLong {
    padding: 10px 20px 12px;
    white-space: nowrap;
    max-width: 274px;
}

.ButtonOrangeCart2{
    padding: 10px 20px 12px;
    white-space: nowrap;
    max-width: 140px;
}

.MarginBottom30, .ReviewList .ProductInfoReview:last-of-type, .ReviewCategoryList, .TermsConsent .TermsSummary, .TermsConsent .PrivacySummary, .TermsConsent .PrivacyText, .ResignationTitle, .RegisterCompleteTitle, .RegisterMailTitle, .RegisterTitle2, .PreRegisterMemberBenefitBox, .MemberBenefitBox, .ForgotPasswordTitle, .NewPasswordSettingTitle, .TwoFactorLoginTitle2, .TwoFactorLoginTitle1, .Shop .ShopTitle, .Medicine .MedicineTitle, .Law .LawTitle, .Terms .TermsSummary, .Terms .PrivacySummary, .Terms .PrivacyText, .Privacy .TermsSummary, .Privacy .PrivacySummary, .Privacy .PrivacyText, .TermsTitle1, .PrivacyTitle1, .ChocomCreditTitle, .RankingCategoryTitle2, .RankingCategoryTitle, .RankingFlex, .AddressSearchModal .DiscList, .TwoFactorChooseTitle1, .PeriodicalOrderModifyTitle1, .OrderFlow.Step03, .Editor .EditorFlexBasic, .Special .EditorFlexBasic, .ProductInfoDetailWrapperReviewFilter, .ModalMailVariation .ModalMailVariationTitle, .RemodalSimple .RemodalSimpleAgeTitle, .Sidebar .SidebarMenuMarginBottom30 {
    margin-bottom: 30px;
}

.SectionPaymentConfirm .ProductInfoCartAttention {
    margin-bottom: 10px;
}

.ProductInfoCartAttention {
    margin: 30px 0;
}

input[type=radio].SelectAddress+label {
    width: 100%;
    margin: 0;
    padding: 20px 10px 20px 70px;
    background-position: top 23px left 20px;
    border-bottom: 1px solid #ccc;
}

input[type=radio]:checked+label {
    background-image: url(/img/input_check_on.svg);
    background-position: left 50%;
    background-size: 20px 20px;
}

input[type=radio].SelectAddress+label span {
    display: block;
}

input[type=radio]+label {
    padding: 7px 0 7px 25px;
    margin: 2px 20px 2px 0;
    display: inline-block;
    background-image: url(/img/input_check_off.svg);
    background-position: left 50%;
    background-size: 20px 20px;
    cursor: pointer;
}

input[type=radio].SelectAddress+label {
    width: 100%;
    margin: 0;
    padding: 20px 10px 20px 70px;
    background-position: top 23px left 20px;
    border-bottom: 1px solid #ccc;
}

dl.AddStatusAccordion>dt {
    display: block;
    margin-top: 10px;
    margin-left: 20px;
    padding: 5px 0 5px 29px;
    font-size: 14px;
    color: #518889;
    cursor: pointer;
    background-image: url(/img/add_status.svg);
    background-size: 22px 22px;
    background-position: left top 3px;
}

dl.AddStatusAccordion>dt.Open {
    background-image: url(/img/add_status_hide.svg);
}

/* ヘッダー・フッター情報の表示(お知らせなど) */
/* 801px以上(ノートパソコンなど)は、左右の余白を大きくとる。 */
@media screen and (min-width: 801px) { 
    .PanInner-config{
        width: 60%;
        max-width: 1285px;
        margin: auto;
        position: relative;
        zoom:1;
    }

    .TopConfigPaddingTop{
        padding-top: 45px;
    }

    .top-config-text{
        width: 60%;
        max-width: 1285px;
        margin: auto;
        position: relative;
        font-weight: 600;
        font-size: 24px;
        padding-bottom: 5px;
    }

    .config-text{
        width: 60%;
        max-width: 1285px;
        position: relative;
        font-weight: 600;
        padding-bottom: 72px;
        margin: auto;
        font-size: 18px;
    }
}
/* 800px以下(タブレット、スマホなど)は、左右の余白を小さくとる。 */
@media screen and (max-width: 800px) { 
    .PanInner-config{
        width: 95%;
        max-width: 1285px;
        margin: auto;
        position: relative;
        zoom:1;
    }

    .TopConfigPaddingTop{
        padding-top: 45px;
    }

    .top-config-text{
        width: 95%;
        max-width: 1285px;
        margin: auto;
        position: relative;
        font-weight: 600;
        font-size: 24px;
        padding-bottom: 5px;
    }

    .config-text{
        width: 95%;
        max-width: 1285px;
        position: relative;
        font-weight: 600;
        padding-bottom: 72px;
        margin: auto;
        font-size: 18px;
    }
}

/*見出し*/
.TopTitleText{
    width: 95%;
    max-width: 1285px;
    margin: auto;
    position: relative;
    font-weight: 600;
    font-size: 24px;
    padding-bottom: 5px;
}

.TopTitleTextsecond{
    width: 95%;
    max-width: 1285px;
    margin: auto;
    position: relative;
    font-weight: 600;
    font-size: 15px;
    padding-bottom: 5px;
}

/*注文完了*/
.ThankYou .ThankYouTitle {
    color: #339ada;
    margin-bottom: 20px;
    font-weight: 600;
}

.ThankYou .ThankYouCopy {
    font-weight: bold;
    margin-bottom: 20px;
}

@media screen and (min-width: 769px) {
    .HideMoreTablet {
        display: none;
    }
}

.ThankYou .ThankYouText {
    font-weight: 550;
    margin-bottom: 20px;
}

.ThankYou .LinkButtonSimple, .ThankYou .LinkButtonSimpleAuto {
    margin: 20px auto 0;
}

.LinkButtonSimpleAuto {
    display: inline-block;
    width: auto;
}

.ProductInfoRightReviewFlexButtonLink, .ProductInfoDetailWrapperFlexButtonLink, .GridProductItem .ButtonOrder, .LinkButtonSimpleReverse, .LinkButtonSimpleAuto, .LinkButtonSimple {
    color: #fff;
    text-decoration: none;
    word-break: break-all;
}

.ProductInfoRightReviewFlexButtonLink, .ProductInfoDetailWrapperFlexButtonLink, .GridProductItem .ButtonOrder, .LinkButtonSimpleReverse, .LinkButtonSimpleAuto, .LinkButtonSimple {
    display: block;
    width: 200px;
    text-align: center;
    padding: 7px 20px 9px;
    font-weight: bold;
    background-color: #339ada;
    border-radius: 50px;
    font-size: 16px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    border: 2px solid #339ada;
    cursor: pointer;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 375px) {
    .HideMoreSmallMobile {
        display: none;
    }
}

/*購入履歴*/
.Sidebar {
    padding: 20px 20px 15px;
    background-color: #f5f5f5;
    border: 1px solid #dadadb;
}

.Sidebar .SidebarTitle {
    font-weight: bold;
    margin-bottom: .8em;
    padding-bottom: .6em;
    border-bottom: 1px solid #a9c6c7;
}

.Sidebar .SidebarMenu .SidebarMenuItem .SidebarMenuItemLink, .MypageSidebarMenu .Sidebar .SidebarMenu .SidebarMenuItem .SidebarMenuItemNews, .MypageSidebarMenu .Sidebar .SidebarMenu .SidebarMenuItem .SidebarMenuItemLinkReview, .MypageSidebarMenu .Sidebar .SidebarMenu .SidebarMenuItem .SidebarMenuItemLinkPointHistory, .MypageSidebarMenu .Sidebar .SidebarMenu .SidebarMenuItem .SidebarMenuItemLinkLikeCategory, .MypageSidebarMenu .Sidebar .SidebarMenu .SidebarMenuItem .SidebarMenuItemLinkFavorite, .MypageSidebarMenu .Sidebar .SidebarMenu .SidebarMenuItem .SidebarMenuItemLinkOrderHistory, .Sidebar .MypageSidebarMenu .SidebarMenuItem .SidebarMenuItemLink, .Sidebar .MypageSidebarMenu .SidebarMenuItem .SidebarMenuItemNews, .Sidebar .MypageSidebarMenu .SidebarMenuItem .SidebarMenuItemLinkReview, .Sidebar .MypageSidebarMenu .SidebarMenuItem .SidebarMenuItemLinkPointHistory, .Sidebar .MypageSidebarMenu .SidebarMenuItem .SidebarMenuItemLinkLikeCategory, .Sidebar .MypageSidebarMenu .SidebarMenuItem .SidebarMenuItemLinkFavorite, .Sidebar .MypageSidebarMenu .SidebarMenuItem .SidebarMenuItemLinkOrderHistory, .Sidebar .FaqSidebarMenu .SidebarMenuItem .SidebarMenuItemLink, .MypageSidebarMenu .Sidebar .FaqSidebarMenu .SidebarMenuItem .SidebarMenuItemNews, .MypageSidebarMenu .Sidebar .FaqSidebarMenu .SidebarMenuItem .SidebarMenuItemLinkReview, .MypageSidebarMenu .Sidebar .FaqSidebarMenu .SidebarMenuItem .SidebarMenuItemLinkPointHistory, .MypageSidebarMenu .Sidebar .FaqSidebarMenu .SidebarMenuItem .SidebarMenuItemLinkLikeCategory, .MypageSidebarMenu .Sidebar .FaqSidebarMenu .SidebarMenuItem .SidebarMenuItemLinkFavorite, .MypageSidebarMenu .Sidebar .FaqSidebarMenu .SidebarMenuItem .SidebarMenuItemLinkOrderHistory, .Sidebar .SidebarMenuMarginBottom30 .SidebarMenuItem .SidebarMenuItemLink, .MypageSidebarMenu .Sidebar .SidebarMenuMarginBottom30 .SidebarMenuItem .SidebarMenuItemNews, .MypageSidebarMenu .Sidebar .SidebarMenuMarginBottom30 .SidebarMenuItem .SidebarMenuItemLinkReview, .MypageSidebarMenu .Sidebar .SidebarMenuMarginBottom30 .SidebarMenuItem .SidebarMenuItemLinkPointHistory, .MypageSidebarMenu .Sidebar .SidebarMenuMarginBottom30 .SidebarMenuItem .SidebarMenuItemLinkLikeCategory, .MypageSidebarMenu .Sidebar .SidebarMenuMarginBottom30 .SidebarMenuItem .SidebarMenuItemLinkFavorite, .MypageSidebarMenu .Sidebar .SidebarMenuMarginBottom30 .SidebarMenuItem .SidebarMenuItemLinkOrderHistory {
    display: block;
    font-size: 16px;
    padding-right: 20px;
    background-image: url(/img/arrow_right_c_bold.svg);
    background-position: center right 3px;
}

.Sidebar .SidebarMenu .SidebarMenuItem, .Sidebar .MypageSidebarMenu .SidebarMenuItem, .Sidebar .FaqSidebarMenu .SidebarMenuItem, .Sidebar .SidebarMenuMarginBottom30 .SidebarMenuItem {
    margin-bottom: 16px;
}

.MarginBottom40, .SpecialNewListItem:last-child, .ErrorNumber, .ErrorTitle, .RegisterForm .RegisterFormCheckText, .NewPasswordSettingText, .ForgotPasswordNotice, .TwoFactorLoginText, .SectionCategoryTopNotice, .SectionCategoryTopNoticeOff, .CartPeriodicalText, .CartPeriodical, .CartWrapperNone, .FactorLeadText, .TwoFactorChooseInnerApp, .PeriodicalOrderModifyInnerRed, .ReviewAboutModalButton, .TermsContentModalClose, .OtcConfirmationModalButton, .OtcConfirmationOkAttention, .OtcConfirmationOk {
    margin-bottom: 40px;
}

.Sidebar+.Sidebar {
    margin-top: 30px;
}

/*admintable管理画面*/
.admin-table,.admin-table2,.admin-table3{
    border-collapse: collapse;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "メイリオ", "Meiryo", "Roboto", sans-serif;
    color: #3a3a3a;
    font-weight: 800;
    white-space: nowrap;
}


.buttonfloatright {
    display: block;
    width: 200px;
    min-width: 200px;
    text-align: center;
    padding: 6px 20px 7px;
    font-weight: bold;
    background-color: #fff;
    color: #518889;
    border-radius: 30px;
    border: 2px solid #518889;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
}

.buttonfloatright:hover {
    opacity: 1;
    color: #fff;
    background-color: #518889;
    text-decoration: none;
}

.buttonfloatright_sec {
    display: block;
    width: 250px;
    min-width: 200px;
    text-align: center;
    padding: 6px 20px 7px;
    font-weight: bold;
    background-color: #fff;
    color: #518889;
    border-radius: 30px;
    border: 2px solid #518889;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
}

.buttonfloatright_sec:hover {
    opacity: 1;
    color: #fff;
    background-color: #518889;
    text-decoration: none;
}

.buttonfloatright_third {
    display: block;
    width: 300px;
    min-width: 200px;
    text-align: center;
    padding: 6px 20px 7px;
    font-weight: bold;
    background-color: #fff;
    color: #518889;
    border-radius: 30px;
    border: 2px solid #518889;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
}

.buttonfloatright_third:hover {
    opacity: 1;
    color: #fff;
    background-color: #518889;
    text-decoration: none;
}

.admin-table th,.admin-table2 th,.admin-table2 th {
    padding: 5px 10px;
    /* 余白指定 */
}

.admin-table th,.admin-table2 th {
    background-color: #f5f5f5;
    /* 背景色指定 */
    color: black;
    /* 文字色指定 */
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "メイリオ", "Meiryo", "Roboto", sans-serif;
    color: #3a3a3a;
    font-weight: 800;
    /* 文字の太さ指定 */
    padding: 20px;
    border: 1px solid #dedede;
}

.admin-table3 th{
    background-color: #f5f5f5;
    /* 背景色指定 */
    color: black;
    /* 文字色指定 */
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "メイリオ", "Meiryo", "Roboto", sans-serif;
    color: #3a3a3a;
    font-weight: 800;
    /* 文字の太さ指定 */
    padding: 10px;
    border: 1px solid #dedede;
}

.admin-table td {
    /* 背景色指定 */
    text-align: center;
    padding: 20px;
    border: 1px solid #dedede;
}

.admin-table2 td {
    /* 背景色指定 */
    text-align: center;
    padding: 10px;
    border: 1px solid #dedede;
}

.admin-table3 td {
    /* 背景色指定 */
    text-align: center;
    padding: 10px;
    border: 1px solid #dedede;
}

.admin-products-table th{
    background-color: #f5f5f5;
    /* 背景色指定 */
    color: black;
    /* 文字色指定 */
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "メイリオ", "Meiryo", "Roboto", sans-serif;
    color: #3a3a3a;
    font-weight: 800;
    /* 文字の太さ指定 */
    padding: 10px;
    border: 1px solid #dedede;
}

.admin-products-table td {
    /* 背景色指定 */
    text-align: center;
    padding: 5px;
    border: 1px solid #dedede;
}

.left-text {
    text-align: left;
}

.admin_menucontent{
    text-align: center;
    background: #ffffff;
}

.admin-menutable{
    padding: 5px;
    font-size: 20px;
    font-weight: bold;
    background-color: #518889;
    letter-spacing: .1em;
    color: #fff;
    display: block;
}

.admin-menutable2{
    padding: 5px;
    font-size: 20px;
    font-weight: bold;
    background-color: #518889;
    letter-spacing: .1em;
    color: #fff;
    display: block;
    width: 220px;
}

.menu_space{
    width: 300px;
    margin: 5px auto;
}

/*view管理画面*/
.view-flex{
    display:flex;
}

.view-table th {
    padding: 5px 10px;
    /* 余白指定 */
}

.custom-table2 th{
    padding: 5px 0px;
}

.custom-table2 td{
    padding: 5px 0px;
}

.custom-table2 th {
    background-color: #e8f7ff;
    /* ヘッダーの背景色 */
    font-weight: bold;
    /* 太字 */
    text-align: center;
    border: 1px solid #ccc;
    /* セルの境界線 */
    /* セルの余白 */
    text-align: left;
    /* テキストの配置 */
    text-align: center;
    width: 20px;
    max-width: 20px;
}

.custom-table2 td {
    border: 1px solid #ccc;
    /* セルの境界線 */
    /* セルの余白 */
    text-align: left;
    /* テキストの配置 */
    text-align: center;
}

.custom-table2 {
    padding-top: 15px;
}

.image_file1 img {
    margin: auto;
    width: 85px;
}

.view-table th {
    background-color: #f5f5f5;
    /* 背景色指定 */
    color: black;
    /* 文字色指定 */
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "メイリオ", "Meiryo", "Roboto", sans-serif;
    color: #3a3a3a;
    font-weight: 800;
    /* 文字の太さ指定 */
    padding: 20px;
    border: 1px solid #dedede;
    width: 200px;
}

.view-table td {
    padding: 20px;
    border: 1px solid #dedede;
    font-weight: bold;
}

.img_file2{
    width: 20px;
}

.view-table2 td {
    padding: 5px;
    border: 1px solid #dedede;
    font-weight: bold;
    font-size: 15px;
}

.view-table2 th {
    background-color: #f5f5f5;
    /* 背景色指定 */
    color: black;
    /* 文字色指定 */
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "メイリオ", "Meiryo", "Roboto", sans-serif;
    color: #3a3a3a;
    font-weight: 800;
    /* 文字の太さ指定 */
    padding: 10px;
    border: 1px solid #dedede;
    font-size: 15px;
}

.view-design2{
    width: 10px;
}

.buttonfloatright-view {
    display: block;
    width: 100px;
    min-width: 100px;
    text-align: center;
    padding: 6px 20px 7px;
    font-weight: bold;
    background-color: #fff;
    color: #518889;
    border-radius: 30px;
    border: 2px solid #518889;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
}

.buttonfloatright-view:hover {
    opacity: 1;
    color: #fff;
    background-color: #518889;
    text-decoration: none;
}

.product-view-button {
    display: block;
    width: 185px;
    min-width: 185px;
    text-align: center;
    padding: 8.5px 20px 9px;
    font-weight: bold;
    background-color: #fff;
    color: #518889;
    border-radius: 30px;
    border: 2px solid #518889;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
}

.product-view-button:hover {
    opacity: 1;
    color: #fff;
    background-color: #518889;
    text-decoration: none;
}

.button_right_flex{
    display: flex;
    padding-top: 6px;
    padding-right: 20px;
}

.view-space{
    padding-left: 20px;
}

.view-space2{
    padding-left: 10px;
}

@media screen and (min-width: 560px) {
    .view-title{
        padding-right: 20px;
        margin-bottom: 20px;
        font-size: 33px;
        font-weight: bold
    }
    #view-top {
        padding-top: 11px;
    }

    .button_right01 {
        padding-top: 6px;
        padding-right: 15px;
    }

    .button_right02 {
        float: left;
        padding-top: 7px;
        padding-right: 15px;
        padding-left: 7px;
    }

    .button_right {
        float: left;
        padding-top: 6px;
        padding-right: 15px;
    }

    .button_right0 {
        float: left;
        padding-top: 7px;
        padding-right: 15px;
    }

    .button_right1 {
        float: left;
        padding-top: 23px;
        padding-right: 3px;
    }

    .button_right2 {
        float: left;
        padding-top: 6px;
        padding-left: 5px;
    }

    .button_right3 {
        float: left;
        padding-top: 22px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .button_right4 {
        float: left;
        padding-top: 6px;
        padding-right: 15px;
    }

    .button_right5 {
        float: left;
        padding-top: 7px;
        padding-right: 15px;
    }

    .button_right6 {
        float: left;
        padding-top: 23px;
        padding-right: 10px;
    }

    .csv-download-button {
        float: left;
    }  
}

.order_center{
    display: flex; /* 横並び */
    justify-content: center; /* 水平方向の中央寄せ */
    align-items: center; /* 垂直方向の中央寄せ（必要なら） */
    gap: 10px; /* 要素間の間隔（オプション） */
}

.example2{
    clear: both;
    display: flex;
    flex-direction: row-reverse;
    padding-bottom: 10px;
    padding-top: 5px;
}

.button_right100 {
    float: left;
}

.button_right101 {
    float: left;
    padding-top: 45px;
    padding-left: 0px;
}

.button_right201{
    float: left;
    padding-top: 17px;
    padding-right: 15px;
}

.button_right202{
    float: left;
    padding-right: 15px;
}

.button_right203{
    float: left;
    padding-top: 5px;
    padding-right: 15px;
}

.button_right204{
    float: left;
    padding-top: 5px;
    padding-right: 10px;
}  

.button_right206{
    float: left;
    /* padding-top: 17px; */
    padding-right: 14px;
}

.button_right207{
    float: left;
    padding-top: 5px;
    padding-right: 5px;
}  

.button_right2070{
     float: left;
    padding-top: 5px;
    padding-right: 280px;
}

.allcheckbox{
    float: left;
    /* padding-top: 19px; */
    padding-right: 15px;
}

.allcheckbox2{
    float: left;
    padding-top: 25px;
    padding-right: 15px;
}

.button_right2062{
    float: left;
    padding-top: 24px;
    padding-right: 5px;
} 

@media screen and (max-width: 1440px) {
    .button_right204{
        float: left;
        padding-top: 5px;
        padding-right: 10px;
    }  
}

@media screen and (max-width: 560px) {
    #view-top {
        padding-bottom: 10px;
    }

    .view-title{
        padding-right: 20px;
        font-size: 33px;
        font-weight: bold
    }

    .button_right {
        padding-top: 6px;
        padding-right: 20px;
    }
}

.buttonfloat-view {
    width: 150px;
    min-width: 150px;
    text-align: center;
    padding: 10px 20px 9px;
    font-weight: bold;
    background-color: #fff;
    color: #518889;
    border-radius: 30px;
    border: 2px solid #518889;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
}

.buttonfloat-view:hover {
    opacity: 1;
    color: #fff;
    background-color: #518889;
    text-decoration: none;
}

.buttonfloat-view-sec {
    width: 125px;
    text-align: center;
    padding: 10px 20px 9px;
    font-weight: bold;
    background-color: #fff;
    color: #518889;
    border-radius: 30px;
    border: 2px solid #518889;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
}

.buttonfloat-view-sec:hover {
    opacity: 1;
    color: #fff;
    background-color: #518889;
    text-decoration: none;
}

.buttonfloat-view-101 {
    width: 53px;
    text-align: center;
    padding: 3px 9px 2px;
    font-weight: bold;
    background-color: #fff;
    color: #518889;
    border-radius: 30px;
    border: 2px solid #518889;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
}

.buttonfloat-view-101:hover {
    opacity: 1;
    color: #fff;
    background-color: #518889;
    text-decoration: none;
}

.buttonfloat-view-101-disabled:disabled {
    width: 53px;
    text-align: center;
    padding: 3px 9px 2px;
    font-weight: bold;
    background-color: #d4d4d47f;
    color: #393b3b85;
    border-radius: 30px;
    border: 2px solid #393b3b85;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
}

.view-submit{
    padding-top: 15px;
    text-align: center;
}

.view_img_sec{
    width: 200px;
}

/**/
.add-text-width{
    width: 100px;
}

.img_file_format{
    display: inline-flex; /* フォームコントロールとテキストを同じ行に表示 */
}

.img_file_wardformat{
    padding-left: 10px;
    padding-top: 24px;
}

.img_file_extensionformat{
    padding-left: 10px;
    padding-top: 12px;
}

.green_button{
    padding: 4px;
    font-size: 20px;
    font-weight: bold;
    background-color: #518889;
    letter-spacing: .1em;
    color: #fff;
    display: block;
}

.add_button{
padding-top: 8px;
padding-left: 20px;
}

.add-text-width_sec{

}

.img_file_width{
    width: auto;
    border-collapse: collapse; /* これでセルの境界が重ならないようにする */
    border: none; /* セルの境界線を無効にする */
}

.view_img_td{
    text-align: center;
}

.view_img_sec{
    display: block; /* 画像をブロック要素にして中央揃えに対応 */
    margin: 0 auto; /* 左右のマージンを自動に設定 */
}

.img_file_width td{
    border: 1px solid #ffffff;
}

.description_format{
    width: 100%;
}

.note_format{
    width: 100%;
}

.view_img_file{
    width: 200px;
}

.add-text-width-sec{
    width: 220px;
}

.radio-style{
    padding: 4px 40px 4px 10px;
}

.button_right_flex_sec{
    display: grid;
    place-items: center; /* グリッドのアイテムを中央に配置 */
    position: relative;
}

.buttonfloat-view_sec {
    width: 100px;
    min-width: 100px;
    text-align: center;
    padding: 10px 20px 9px;
    font-weight: bold;
    background-color: #fff;
    color: #d45454;
    border-radius: 30px;
    border: 2px solid #d45454;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
}

.buttonfloat-view_sec:hover {
    opacity: 1;
    color: #fff;
    background-color: #d45454;
    text-decoration: none;
}

.view-submit_sec{
    position: absolute;
    padding-top: 15px;
    left: calc(50% - 200px); /* アイテム1の左に20pxの位置にアイテム2を配置 */
}

#padding-top8{
    padding-top: 8px;
}

.padding-all810810{
    padding: 8px 10px 8px 10px;
}

.padding-all85810width100{
    padding: 8px 5px 8px 10px;
    width:100%;
    max-width: 80px;
}

.padding-left30{
    padding-left:30px;
}

.padding-all810810width150{
    padding: 8px 10px 8px 10px; 
    width:150px;
}

.address-input-container {
    display: flex; /* 横並びにするためにフレックスボックスを使用 */
    align-items: center; /* 垂直方向の中央揃え */
}

.FormTableDetailAddressPostalMark {
    margin-right: 8px; /* テキストと入力フィールドの間にスペースを追加 */
}

:disabled {
    background-color: #e5e5e5;
    color: #ccc;
    pointer-events: none;
    cursor: default;
    box-shadow: none;
}

.ButtonSquareBasic:hover {
    opacity: 1;
    background-color: #339ada;
    color: #fff;
    background-image: url(/img/arrow_right_w.svg);
}

#post_code{
    margin-right: 3px;
}

#city,#company_name{
    width: 431px;
}

.left_data {
    display: flex; /* フレックスボックスを使用 */
    justify-content: space-between; /* 子要素の間にスペースを均等に配置 */
    /* 必要に応じてパディングやマージンを追加 */
    width: 95%;
    max-width: 1285px;
    margin: auto;
    position: relative;
}

.SelectAddress{
    opacity: 0;
    position: absolute;
}

.order_note_comment::placeholder { /* 標準 */
    color: #b4b4b4; /* 薄い灰色 */
    opacity: 1; /* Firefoxではopacityが1でないと色が薄く表示されるため、1に設定 */
}

.order_note_comment::-webkit-input-placeholder { /* Chrome, Safari, Edge */
    color: #b4b4b4; /* 薄い灰色 */
}

.order_note_comment:-moz-placeholder { /* Firefox 18まで */
    color: #b4b4b4; /* 薄い灰色 */
}

.order_note_comment::-moz-placeholder { /* Firefox 19以降 */
    color: #b4b4b4; /* 薄い灰色 */
}

.order_note_comment:-ms-input-placeholder { /* Internet Explorer */
    color: #b4b4b4; /* 薄い灰色 */
}

input::placeholder {
    color: rgba(0, 0, 0, 0.1); /* 薄い色 */
}

input::-webkit-input-placeholder { /* Safari、Chrome */
    color: rgba(0, 0, 0, 0.1);
}

input:-moz-placeholder { /* Firefox */
    color: rgba(0, 0, 0, 0.1);
}

input::-moz-placeholder { /* Firefox */
    color: rgba(0, 0, 0, 0.1);
}

input:-ms-input-placeholder { /* Internet Explorer */
    color: rgba(0, 0, 0, 0.1);
}

.field {
    display: flex;
    justify-content: center;
}

.card1{
    padding-right: 20px;
}

.card3{
    padding-left: 20px;
}

#abab{
    position: relative;
}

#abab .menu_space {
    position: absolute;
    top: 5px; /* 上から0pxの位置に */
    right: 19%; /* 右から20pxの位置に */
}

.order_status_blue2{
    padding-left: 10px;
    padding-right: 18px;
    font-size: 14px;
    display: inline-block; /* インライン要素として表示 */
    border-left: 5px solid rgb(51, 105, 255); /* 緑の線を左に追加 */
    padding-left: 10px; /* テキストと線の間隔を確保 */
    line-height: 1.5; /* 文字の高さに合わせて調整 */
}

.order_status_green2{
    padding-left: 10px;
    padding-right: 18px;
    font-size: 14px;
    display: inline-block; /* インライン要素として表示 */
    border-left: 5px solid rgb(0, 200, 0); /* 緑の線を左に追加 */
    padding-left: 10px; /* テキストと線の間隔を確保 */
    line-height: 1.5; /* 文字の高さに合わせて調整 */
}

.order_status_red2{
    padding-left: 10px;
    padding-right: 18px;
    font-size: 14px;
    display: inline-block; /* インライン要素として表示 */
    border-left: 5px solid rgb(255, 64, 0); /* 緑の線を左に追加 */
    padding-left: 10px; /* テキストと線の間隔を確保 */
    line-height: 1.5; /* 文字の高さに合わせて調整 */
}

.order_status_orange2{
    padding-left: 10px;
    padding-right: 18px;
    font-size: 14px;
    display: inline-block; /* インライン要素として表示 */
    border-left: 5px solid rgb(255, 186, 48); /* 緑の線を左に追加 */
    padding-left: 10px; /* テキストと線の間隔を確保 */
    line-height: 1.5; /* 文字の高さに合わせて調整 */
}

.order_status_grey2{
    padding-left: 10px;
    padding-right: 18px;
    font-size: 14px;
    display: inline-block; /* インライン要素として表示 */
    border-left: 5px solid rgb(179, 179, 179); /* 緑の線を左に追加 */
    padding-left: 10px; /* テキストと線の間隔を確保 */
    line-height: 1.5; /* 文字の高さに合わせて調整 */
}

.order_status_purple2{
    padding-left: 10px;
    padding-right: 18px;
    font-size: 14px;
    display: inline-block; /* インライン要素として表示 */
    border-left: 5px solid rgb(131, 255, 212); /* 緑の線を左に追加 */
    padding-left: 10px; /* テキストと線の間隔を確保 */
    line-height: 1.5; /* 文字の高さに合わせて調整 */
}

.order_status_yellow2{
    padding-left: 10px;
    padding-right: 18px;
    font-size: 14px;
    display: inline-block; /* インライン要素として表示 */
    border-left: 5px solid rgb(219, 255, 77); /* 緑の線を左に追加 */
    padding-left: 10px; /* テキストと線の間隔を確保 */
    line-height: 1.5; /* 文字の高さに合わせて調整 */
}

@media screen and (max-width: 768px) {
    .Footer .FooterCategoryMenu .FooterCategoryMenuSub, .Footer .FooterCategoryMenu .FooterCategoryMenuHead, .Footer .FooterCategoryMenu .FooterCategoryMenuLink {
        padding: 7px 50px 7px 10px;
    }
}


.order_status_green{
    padding-left: 10px;
    padding-right: 18px;
    font-size: 16px;
    display: inline-block; /* インライン要素として表示 */
    border-left: 5px solid rgb(0, 200, 0); /* 緑の線を左に追加 */
    padding-left: 10px; /* テキストと線の間隔を確保 */
    line-height: 1.5; /* 文字の高さに合わせて調整 */
}

.order_status_red{
    padding-left: 10px;
    padding-right: 18px;
    font-size: 16px;
    display: inline-block; /* インライン要素として表示 */
    border-left: 5px solid rgb(255, 64, 0); /* 緑の線を左に追加 */
    padding-left: 10px; /* テキストと線の間隔を確保 */
    line-height: 1.5; /* 文字の高さに合わせて調整 */
}

.order_status_orange{
    padding-left: 10px;
    padding-right: 18px;
    font-size: 16px;
    display: inline-block; /* インライン要素として表示 */
    border-left: 5px solid rgb(255, 186, 48); /* 緑の線を左に追加 */
    padding-left: 10px; /* テキストと線の間隔を確保 */
    line-height: 1.5; /* 文字の高さに合わせて調整 */
}

.order_status_grey{
    padding-left: 10px;
    padding-right: 18px;
    font-size: 16px;
    display: inline-block; /* インライン要素として表示 */
    border-left: 5px solid rgb(179, 179, 179);/* 緑の線を左に追加 */
    padding-left: 10px; /* テキストと線の間隔を確保 */
    line-height: 1.5; /* 文字の高さに合わせて調整 */
}

.order_status_border{
    border: 1px solid #dedede;
    padding: 7px 10px 113px 16px;
}

.order_status_border_sec{
    border: 1px solid #dedede;
    padding: 7px 10px 52px 16px;
}

.ButtonOrderStatus{
    width: 120px;
    max-width: 130px;
    background-color: #69aee7;
    border-radius: 100px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 12px;
    box-shadow: 0 3px 6px rgba(56, 113, 114, .4);
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
}

.ButtonOrderStatus:hover{
    opacity: .8;
}

.order_status_top{
    padding-top: 12px;
}

.order_status_buttontop{
    padding-top: 8px;
}

.example4>label {
    /*コレ*/
    display: block;
    padding: 5px;
    cursor: pointer;
}

.example4>label:hover {
    color: rgb(14, 14, 14);
}

.example4>label>input {
    margin-right: 5px;
    cursor: pointer;
}

@media screen and (min-width: 769px) {
    .ProductSideRightFixed2 {
        position: absolute;
        width: 295px;
        left: 30px;
        overflow-y: auto;
        overflow-x: auto;
        max-height: 86vh;
    }
}

.order_comment_border{
    border: 1px solid #dedede;
    padding: 10px 15px 16px;
}

.order_comment_font{
    font-size: 16px;
    padding-bottom: 5px;
}

.ButtonOrderComment{
    width: 100%;
    max-width: 130px;
    background-color: #69aee7;
    border-radius: 100px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    box-shadow: 0 3px 5px rgba(56, 113, 114, .4);
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
}

.ButtonOrderComment:hover{
    opacity: .8;
}

.Buttonbluestatusbutton{
    width: 100%;
    min-width: 60px;
    max-width: 60px;
    background-color: #69aee7;
    border-radius: 100px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    box-shadow: 0 3px 5px rgba(56, 113, 114, .4);
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
}

.Buttonbluestatusbutton:hover{
    opacity: .8;
}

.cart-textchange-bluebutton{
    width: 100%;
    min-width: 120px;
    max-width: 120px;
    background-color: #69aee7;
    border-radius: 100px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    box-shadow: 0 3px 5px rgba(56, 113, 114, .4);
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
}

.cart_text_float{
    float: left;
}

.cart_text_button{
    padding-top: 9px;
    padding-left: 10px;
}

.cart_text_change_width{
    min-width: 400px;
}

.cart-textchange-bluebutton:hover{
    opacity: .8;
}

.order_comments{
    padding: 5px;
    border-top: #2b2e38 solid 1px;
}

.order_comments_first{
    padding: 5px;
}

.buttonfloat-view-third {
    width: 160px;
    text-align: center;
    padding: 10px 0px 9px 36px;
    font-weight: bold;
    background-color: #fff;
    color: #518889;
    border-radius: 30px;
    border: 2px solid #518889;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
    background-image: url(/img/csvdownload_icon.svg);
    background-repeat: no-repeat;
    background-position: 16px -1px;
    background-size: 36px;
    background-origin: padding-box;
}

/* 直送発注書ボタン(管理側の発注履歴詳細) */
.buttonfloat-view-fourth:hover {
    opacity: 1;
    color: #fff;
    background-color: #518889;
    text-decoration: none;
}

.buttonfloat-view-fourth {
    width: 150px;
    text-align: center;
    padding: 10px 20px 9px;
    font-weight: bold;
    background-color: #fff;
    color: #518889;
    border-radius: 30px;
    border: 2px solid #518889;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
}

.buttonfloat-view-fourth:disabled {
    width: 150px;
    text-align: center;
    padding: 10px 20px 9px;
    font-weight: bold;
    background-color: #d4d4d47f;
    color: #393b3b85;
    border-radius: 30px;
    border: 2px solid #393b3b85;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
}

/* メーカー発注書ボタン(管理側の発注履歴詳細) */
.maker-order-button:hover {
    opacity: 1;
    color: #fff;
    background-color: #518889;
    text-decoration: none;
}

.maker-order-button {
    width: 170px;
    text-align: center;
    padding: 10px 20px 9px;
    font-weight: bold;
    background-color: #fff;
    color: #518889;
    border-radius: 30px;
    border: 2px solid #518889;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
}

.maker-order-button:disabled {
    width: 170px;
    text-align: center;
    padding: 10px 20px 9px;
    font-weight: bold;
    background-color: #d4d4d47f;
    color: #393b3b85;
    border-radius: 30px;
    border: 2px solid #393b3b85;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
}

.buttonfloat-view-third:hover {
    opacity: 1;
    color: #fff;
    background-color: #518889;
    text-decoration: none;
}

.product_label {
    border: 1px solid #2a84d2;
    color: #3695e6;
    border: 1px solid #113d93;
    color: #16449f;
    padding: 0.5px 3px 0px 3px;
    display: inline-block; 
    font-size: 10px;
}

.LinkButton_blue {
    box-shadow: 0 0 0 2px #1f51a1 inset;
    color: #1f51a1;
    box-shadow: 0 0 0 2px #344568 inset;
    color: #344568;
    transition: all 0.3s ease; /* ボタン全体にトランジションを追加 */
    display: block;
    width: 200px;
    text-align: center;
    padding: 8px 20px 7px;
    font-weight: bold;
    background-color: #fff;
    border-radius: 30px;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
    margin: 15px auto 0;
}

.LinkButton_blue:hover {
    background: #1f51a1;
    background: #344568;
    border-radius: 100px; /* ボタンの角を丸く保つ */
    transform: scale(0.98); /* ボタンを少し縮小 */
    opacity: 1; /* 透明度を戻す */
    color: white;  /* 文字色を白に */
}

@media screen and (min-width: 769px) {
.ProductInfo {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
}



/* ハンバーガーメニューのデザイン */
.c-hamburger {
    position: relative;
    width: inherit;
    height: inherit;
    margin: 0;
    border: 1px solid lightblue;
    border: 1px solid #344568;
    background: lightblue;
    background: #344568; 
    cursor: pointer;
  }
  
  
  .c-hamburger span {
    display: block;
    position: relative;
    left: 50%;
    width: 31px;
    height: 2px;
    transform: translateX(-50%);
    background: #fff;
    transition: all 0.4s;
  }
  
  
  .c-hamburger span:nth-of-type(1) {
    top: -9px;
  }
  
  .c-hamburger span:nth-of-type(2) {
    top: -2px;
  }
  
  
  .c-hamburger span:nth-of-type(3) {
    top: 4px;
  }
  
  
  .c-hamburger .c-hamburger__text {
    display: block;
    top: 12px;
    background: transparent;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    width: 40px;
  }
  
  
  .c-hamburger.is-active span:nth-of-type(1) {
    top: 0;
    transform: translateX(-50%) rotate(225deg);
  }
  
  
  .c-hamburger.is-active span:nth-of-type(2) {
    opacity: 0;
  }
  
  
  .c-hamburger.is-active span:nth-of-type(3) {
    top: -4px;
    transform: translateX(-50%) rotate(-225deg);
  }
  
  .p-header__nav {
   width: 324px;
    height: 100vh;
    background-color: #FFF;
    right: -324px;
    top: 0;
    position: fixed;
    /* padding: 70px 0; */
    transition: all 200msease-in-out;
    z-index: 20000;
  }
  
  .is-active .nav {
    right: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,.6);
  }
  .is-active .overlay {
    opacity: 1;
    visibility: visible;
  }
  
  .p-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: inherit;
    padding: 13px 20px;
  }
  
  
  .p-header__title {
    width: 100%;
    max-width: 120px;
    height: 48px;
    background: lightgray;
  }
  
  
  .p-header__title a {
    display: block;
    width: 100%;
    height: auto;
  }
  
  
  .p-header__title a img {
    height: 100%;
  }
  
  
  .p-header__hamburger {
    z-index: 20100;
    position: absolute;
    top: 0;
    right: calc((100vw - 1366px) / 2);
    width: 66px;
    height: 66px;
  }

.UserInformation {
    background-color: #e8f7ff;
    color: #344568;
    padding: 12px 0px 15px 15px;
}
.UserInformationIconUserName {
    width: 100%;
    word-break: break-all;
}

.UserInformationIconLink{
    color: #344568;
    font-size: 15px;
    text-decoration: underline;
}
  
@media (max-width: 1366px) {
    .p-header__hamburger {
        z-index: 20100;
        position: absolute;
        top: 0;
        right: 0;
        width: 66px;
        height: 66px;
      }
      
}

  .p-header__hamburger.is-active {
    z-index: 20100;
    position: absolute;
    top: 0;
    right: 0;
    width: 66px;
    height: 66px;
  }
  

  .p-header__nav.is-active {
    position: fixed;
    overflow: auto;
    top: 0;
    right: 0;
    background: lightblue;
    background: #FFF;
    opacity: 1;
    transition: 0.6s;
    z-index: 20000;
  }
  
  .p-nav {
    padding-top: 72px;
    /* padding-bottom: 72px; */
  }
  
  

  
  
  .p-nav__list {
    display: block;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    background: lightblue;
    background: #FFF;
  }
  

  
  .p-nav__item {
    position: relative;
    width: 100%;
  }
  
  .p-nav__link {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px;
    text-align: center;
  }


  /* MENU */
  #Drawer {
    font-weight: bold;
    overflow: auto;
}

  #Drawer .DrawerTopWrapper {
    padding: 0 30px 20px;
}

#Drawer .DrawerSystem {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#Drawer .DrawerSystem .DrawerSystemMenuGuide {
    background-image: url(/img/history.svg);
    background-size: 26px 26px;
}

#Drawer .DrawerSystem .DrawerSystemMenuLike {
    background-image: url(/img/cart.svg);
    background-size: 26px 26px;
}

#Drawer .DrawerSystem .DrawerSystemMenuCart {
    background-image: url(/img/login.svg);
    background-size: 26px 26px;
    border-right: solid 1px #518889;
    border-right: solid 1px #344568;
}

#Drawer .DrawerSystem .DrawerSystemMenuGuide, #Drawer .DrawerSystem .DrawerSystemMenuLike, #Drawer .DrawerSystem .DrawerSystemMenuCart {
    display: block;
    padding-top: 40px;
    padding-left: 10%;
    padding-right: 10%;
    width: 106px;
    width: 90px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .1em;
    background-position: top 0 center;
    background-repeat: no-repeat;
    border-left: solid 1px #518889;
    border-left: solid 1px #344568;
}

#Drawer .HeaderSearchWrapper2 {
    margin-top: 15px;
    position: relative;
    transform: none;
    right: auto;
    top: auto;
    width: 100%;
}

#Drawer .DrawerMenu {
    background-color: #f5f5f5;
    padding: 20px 30px 30px;
}

#Drawer .DrawerMenuList .DrawerMenuListItem {
    border-bottom: 1px solid #518889;
    border-bottom: 1px solid #344568;
}

.DrawerFooter {
    padding: 40px 30px 50px;
    background-color: #518889;
    background-color: #344568;
    color: #fff;
}

.DrawerFooter .DrawerFooterDiscList .DrawerFooterDiscListItem {
    margin-top: 10px;
}

.DrawerFooter .DrawerFooterDiscList .DrawerFooterDiscListItem:before {
    content: "・";
}

.DrawerFooter .DrawerFooterDiscList .DrawerFooterDiscListItemLink {
    color: #fff;
    text-decoration: none;
    word-break: break-all;
}

.DrawerFooter .DrawerFooterDiscList .DrawerFooterDiscListItemLink {
    font-weight: 600;
    text-decoration: underline !important;
}

/* #Drawer .DrawerMenuList .DrawerMenuListItemCategory {
    padding: 0 0 10px 20px;
    display: none;
} */

#Drawer .DrawerMenuList .DrawerMenuListItem>.DrawerMenuListItemLink {
    display: block;
    font-weight: bold;
    padding: 10px 10px 10px 20px;
    background-image: url(/img/arrow_right_c_bold.svg);
    background-position: left 5px center;
    background-size: 6px auto;
    font-size: 15px;
}

.DrawerMenuListItemAccordion {
    display: block;
    font-weight: bold;
    padding: 10px 10px 10px 20px;
    background-image: url(/img/arrow_down_bold_c.svg);
    background-size: auto 6px;
    background-position: left 3px center;
    cursor: pointer;
}

.DrawerMenuListItemAccordion.open {
    display: block;
    font-weight: bold;
    padding: 10px 10px 10px 20px;
    background-image: url(/img/arrow_up_bold_c.svg);
    background-size: auto 6px;
    background-position: left 3px center;
    cursor: pointer;
}

#Drawer .DrawerMenuList .DrawerMenuListItem .DrawerMenuListItemCategory .DrawerMenuListItemCategoryLink {
    display: block;
    padding: 5px 5px 5px 15px;
    background-image: url(/img/arrow_right_c_bold.svg);
    background-position: left center;
    background-size: 6px auto;
}

#Drawer .DrawerMenuList .DrawerMenuListItemCategory {
    padding: 0 0 10px 20px;
    /* display: none; */
}

.DrawerFooterSns {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #fff;
}

.DrawerFooterCompanyInfo {
    font-weight: 400;
}

.DrawerFooterCompanyInfo a {
    color: #fff;
    text-decoration: none;
    word-break: break-all;
}

.DrawerFooterCompanyInfo, #Drawer .ReasonSearchBox .ReasonSearchBoxText {
    font-size: 12px;
}

/* Drawer */
.overlay {
  width: 100%;
  height: 100vh;
  position: fixed;
  right: 0;
  top: 0;
  background-color: rgba(0,0,0,.3);
  z-index: 19000;
  opacity: 0;
  visibility: hidden;
  transition: all 200ms ease-in;
}

/* Show Nav */
.show-nav .overlay {
  opacity: 1;
  visibility: visible;
}

#loading-spinner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#product_cd_sec{
    padding-top: 15px;
}

.paddingleft8{
    padding-left: 8px;
}

/* 文字の大きさクラス */
.font-small {
  font-size: 0.8em; /* 相対的なサイズ (親要素の80%) */
}

.font-medium {
  font-size: 1.0em; /* デフォルトのサイズ */
}

.font-large {
  font-size: 1.2em; /* 相対的なサイズ (親要素の120%) */
}

.font-xlarge {
  font-size: 1.5em;
}

/* 絶対的なサイズ指定の例 (あまり推奨されませんが) */
.font-size-12px {
  font-size: 12px;
}

.font-size-15px {
  font-size: 15px;
}

.font-size-16px {
  font-size: 16px;
}

.font-size-17px {
  font-size: 17px;
}

.padding-bottom-3px{
    padding-bottom: 3px;
}

.width-800px {
    width: 900px;
}

.table-container {
    width: 100%;
    /* 親要素の幅 (必要に応じて調整) */
    overflow-x: auto;
    /* 横方向のスクロールを自動で表示 */
}

/* WebKit系ブラウザ用 */
.table-container::-webkit-scrollbar {
    height: 12px;
}

.table-container::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.table-container::-webkit-scrollbar-thumb {
    background-color: #427bf6; /* 例として色を変更 */
    border-radius: 6px;
    border: 3px solid #f1f1f1;
}

/* Firefox用 */
.table-container {
    scrollbar-color: #427bf6 #f1f1f1; /* つまみの色 背景色 */
    scrollbar-width: thin;
}

/*
*カート画面のスマホ対応
*1200pxと800pxに変化あり
*/

@media screen and (min-width: 1201px) {
    .cart2{
        width: calc(100% - 320px);
    }
}

@media screen and (max-width: 1200px) {
    .cart1{
        display: none;
    }
}

@media screen and (min-width: 1201px) {
    .CartWrapper {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
}

.CartWrapper {
    /* max-width: 1286px; */
}

@media screen and (max-width: 800px) {
    .CartProductList .CartProductListItem .CartProductListItemThumbnail {
        max-width: 150px;
        height: auto;
        margin: 0 auto 10px;
    }

    .CartProductListItemPriceSubtotal {
        padding-top: 30px;
    }

    .CartProductListItemPriceSubtotalListPrice2 {
        width: 70px;
        font-size: 20px;
        font-weight: bold;
    }
}

@media screen and (min-width: 801px) {
    .element1{
        display: flex;
    }

    .CartProductList .CartProductListItem .CartProductListItemFormBox {
        display: flex;
        justify-content: space-between;
    }

    .CartProductList .CartProductListItem .CartProductListItemInfoBox {
        width: calc(100% - 180px);
        padding-bottom: 0;
        position: relative;
        padding-left: 15px;
    }

    .CartProductListItemPriceSubtotalListPrice2 {
        width: 100px;
        font-size: 20px;
        font-weight: bold;
    }
}

.CartProductList .CartProductListItem .CartProductListItemFormBox .CartProductListItemEditBox button {
    position: absolute;
    /* left: 16px; */
}

.ButtonBlueCart03 {
    padding: 10px 20px 12px;
    white-space: nowrap;
    width: 100%;
    max-width: 620px; 
    /* width: 100%; */
    /* max-width: 275px; */
    background-color: #69aee7;
    border-radius: 100px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 12px;
    box-shadow: 0 3px 6px rgba(56, 113, 114, .4);
    cursor: pointer;
    /* margin-left: auto; */
    /* margin-right: auto; */
}

.form_button{
    padding: 18px 15px 26px;
    text-align: center;
}

@media (min-width: 1201px) {
    .ProductInfo5{
        display: none;
    }
}

@media (max-width: 1200px) {
    .ProductInfo5{
        padding-top: 15px;
    }

    .ButtonSpFixed3 {
        position: fixed;
        position: -webkit-fixed;
        left: 0;
        bottom: 0;
        border-radius: 0;
        padding: 12px;
        z-index: 1000;
        width: 100%;
        background-color: #69aee7;
        font-weight: bold;
        text-align: center;
        box-shadow: 0 3px 6px rgba(56, 113, 114, .4);
        cursor: pointer;
        color: #fff;
    }
}

@media screen and (min-width: 1200px) {
    .Cartbuttondiv2 {
        display: none;
    }
}

/*
*お届け先画面のスマホ対応
*1000pxに変化あり
*/

@media screen and (min-width: 1001px) {
    .CartWrapperLeft02 {
        width: calc(100% - 290px);
    }

    .CartWrapper02{
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
        width: 95%;
        max-width: 1285px;
        margin: auto;
        position: relative;
    }

   .CartWrapperRight02 {
        width: 280px;
        position: relative;
    }

    .Cartbuttondiv4 {
        display: none;
    }
}

@media screen and (max-width: 1000px) {
    .CartWrapperRight02 {
        display: none;
    }

    .CartWrapper02{
        margin: auto;
        width: 95%;
    }

    .ButtonSpFixed4 {
        position: fixed;
        position: -webkit-fixed;
        left: 0;
        bottom: 0;
        border-radius: 0;
        padding: 12px;
        z-index: 1;
        width: 100%;
        background-color: #69aee7;
        font-weight: bold;
        text-align: center;
        box-shadow: 0 3px 6px rgba(56, 113, 114, .4);
        cursor: pointer;
        color: #fff;
    }
}

/*
*お届け先追加画面のスマホ対応
*1200pxに変化あり
*/

@media screen and (min-width: 1201px) {
    .CartWrapper004 {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
        margin: auto;
        width: 95%;
    }

    .CartWrapperRight004 {
        width: 280px;
        position: relative;
    }

    .CartWrapperLeft004 {
        width: calc(100% - 290px);
    }
}

@media screen and (max-width: 1200px) {
    .CartWrapperRight004 {
        display: none;
    }

     .CartWrapper004 {
        margin: auto;
        width: 95%;
    }
}

@media screen and (max-width: 800px) {
    .CartWrapperLeft004-1{
        display: none;
    }
}

@media screen and (min-width: 801px) {
    .CartWrapperLeft004-2{
        display: none;
    }
}

.button_right2010,.button_right2011{
    float: left;
}

.checkbox-group-horizontal .checkbox {
    float:left;
    padding-right: 25px;
}

.checkbox-group-horizontal .checkbox input[type="checkbox"] {
    margin-right: 7px; /* チェックボックスとテキストの間の余白 */
}

.checkbox-group-horizontal .checkbox #text {
    margin-right: 7px; /* チェックボックスとテキストの間の余白 */
}   

.branch_confirmation li{
    float: left;
    margin-right: 15px;
}

.user_branches_view{
    margin-right: 15px;
    float: left;
}

.button-price-up {
    display: block;
    width: 210px;
    min-width: 210px;
    text-align: center;
    padding: 2px 2px 3px;
    font-weight: bold;
    background-color: #fff;
    color: #518889;
    border-radius: 30px;
    border: 2px solid #518889;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
}

.button-price-up:hover {
    opacity: 1;
    color: #fff;
    background-color: #518889;
    text-decoration: none;
}

.button-price-up2 {
    display: block;
    width: 60px;
    min-width: 60px;
    text-align: center;
    padding: 2px 2px 3px;
    font-weight: bold;
    background-color: #fff;
    color: #518889;
    border-radius: 30px;
    border: 2px solid #518889;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
}

.button-price-up2:hover {
    opacity: 1;
    color: #fff;
    background-color: #518889;
    text-decoration: none;
}

.button-price-up-paddingtop{
    text-align: -webkit-center;
    padding-top: 4px;
}

.price_up_float1{
    float: left;
    font-size: 18px;
}

.price_up_float2{
    float: left;
    font-size: 18px;
    margin-top: 12px;
    margin-right:5px;
}

.price_up_float3{
    float: left;
    margin-right:5px;
}

.price_up_float4{
    float: left;
    font-size: 18px;
    margin-top: 12px;
}

.right-aligned-text {
    width : 170px;
    text-align: right;
}

.priceup-table{
    width: auto;
}

.priceup-table td{
    padding: 5px 40px 5px 0px;
}

.product_view2_price_up{
    width: auto;
}

.product_view2_price_up .product_view2_price_uptd1{
    padding: 2px 20px 2px 0px;
    border: 0;
}

.product_view2_price_up .product_view2_price_uptd2{
    padding: 2px 1px 2px 0px;
    border: 0;
    text-align: right;
}

.rate_form{
    width: 100px;
    text-align: right;
}

.float-left1{
    float: left;
    padding-right: 5px;
}

.float-left2{
    margin-top: 16px;
    font-size: 15px;
}

.a-product-index {
    position: relative;
    font-size: 17px;
    height: 30px;
    color: #427bf6;
    text-decoration: underline;
    border-bottom: 1px solid #fff;
    cursor: pointer;
    transition: .3s;
}

.quantity-table-th{
    width: 80px;
    min-width: 80px;
}

.cart-text{
    width: 200px;    
    min-width: 200px;
}

.width100{
    width: 100%;  
}

.padding-top19{
    padding-top:20px;
}

.form-product_maker_rate{
    width: 100px;    
    min-width: 100px;
    text-align: right;
}

.display-flex{
    display: flex;
}

.form-product_maker_rate_sec{
    padding-top: 17px;
    padding-left: 3px;
}

.product_maker-table td {
    padding: 5px 10px;
    border: 1px solid #dedede;
    font-weight: bold;
    font-size: 15px;
}

.product_maker-table th {
    background-color: #f5f5f5;
    /* 背景色指定 */
    color: black;
    /* 文字色指定 */
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "メイリオ", "Meiryo", "Roboto", sans-serif;
    color: #3a3a3a;
    font-weight: 800;
    /* 文字の太さ指定 */
    padding: 10px;
    border: 1px solid #dedede;
    font-size: 15px;
    min-width :100px;
}

.product_maker-edit-table{
    text-align: center;
}

.product_maker-edit-table td {
    padding: 5px 10px;
    border: 1px solid #dedede;
    font-weight: bold;
    font-size: 15px;
}

.product_maker-edit-table th {
    background-color: #f5f5f5;
    /* 背景色指定 */
    color: black;
    /* 文字色指定 */
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "メイリオ", "Meiryo", "Roboto", sans-serif;
    color: #3a3a3a;
    font-weight: 800;
    /* 文字の太さ指定 */
    padding: 10px;
    border: 1px solid #dedede;
    font-size: 15px;
    min-width :50px;
}

.form-product_maker_rate_submit{
    padding-top: 5px;
} 

.product_maker-edit-table .form-product_maker_rate_submit_line{
    border-right: none;  /* 右側の線を消す */
    border-left: none;  /* 左側の線を消す */
    border-bottom: none; /* 下側の線を消す */
}

.user_company_product-table th {
    background-color: #f5f5f5;
    /* 背景色指定 */
    color: black;
    /* 文字色指定 */
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "メイリオ", "Meiryo", "Roboto", sans-serif;
    color: #3a3a3a;
    font-weight: 800;
    /* 文字の太さ指定 */
    padding: 20px;
    border: 1px solid #dedede;
}

.user_company_product-table td {
    border: 1px solid #dedede;
    font-weight: bold;
}

/* カートのバッチ */
.cart-badge{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    min-width: 17px;
    height: 17px;
    background-color: #de144a;
    line-height: 1;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    right: 16px;
}

.cart-badge.cart-badge-large {
    min-width: 25px; /* 100以上の時に適用するサイズ */
}

.cart-badge-font{
    position: absolute;
    font-size: 10px;
    font-weight: bold;
    /* margin-left: 1px; */
}

.font-color-red{
    color: red;
}

.admin-menut-disabled {
    padding: 5px;
    font-size: 20px;
    font-weight: bold;
    background-color: #8d8d8d;
    letter-spacing: .1em;
    color: #fff;
    display: block;
}

.branch-title {
    font-size: 33px;
    margin-left: 2px;
    margin-bottom: 3px;
    margin-top: 15px;
}

.customer-user-table td {
    padding: 7px 10px;
    border: 1px solid #dedede;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
}

.customer-user-table th {
    background-color: #f5f5f5;
    /* 背景色指定 */
    color: black;
    /* 文字色指定 */
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "メイリオ", "Meiryo", "Roboto", sans-serif;
    color: #3a3a3a;
    font-weight: 800;
    /* 文字の太さ指定 */
    padding: 10px;
    border: 1px solid #dedede;
    font-size: 15px;
    min-width :50px;
    text-align: center;
}

.user-company-table td {
    padding: 7px 10px;
    border: 1px solid #dedede;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
}

.user-company-table th {
    background-color: #f5f5f5;
    /* 背景色指定 */
    color: black;
    /* 文字色指定 */
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "メイリオ", "Meiryo", "Roboto", sans-serif;
    color: #3a3a3a;
    font-weight: 800;
    /* 文字の太さ指定 */
    padding: 10px;
    border: 1px solid #dedede;
    font-size: 15px;
    min-width :50px;
    text-align: center;
}

.alart-form{
    margin-bottom: 5px;
}

.order_note_comment{
    width: 100%;
}

.order_note_view {
    border: 1px solid #dedede;
    padding: 20px;
    min-height: 100px;
}

.user_comment{
    font-size: 16px;
    margin-bottom: 1px;
}

.orderNote{
    margin-top: 3px;
    border: 1px solid #dedede;
    padding: 10px;
    min-height: 100px;
}

.orderhistory_ordernote{
    display: flex;
    justify-content: center; 
}

.orderhistory_ordernote_sec{
    text-align: left; 
}

.orderhistory_productname{
    display: flex;
    justify-content: center; 
}

.orderhistory_productname_sec{
    text-align: left; 
}

.user_orderhistory{
    padding-top: 7px;
}

.user_orderhistory_float{
    float: left;
}

/* ユーザー側　発注履歴のcsvダウンロードフォーマット */
.user_orderhistory_startdate{
    margin-left: 30px;
    margin-top: -7px;
}

.user_orderhistory_date{
    margin-right: 8px;
    margin-left: 8px;
    margin-top: 10px;
}

.user_orderhistory_enddate{
    margin-top: -7px;
}

.user_orderhistory_csvdownload{
    margin-left: 21px;
    margin-top: -2px;
}

.user_orderhistory_csv_button {
    width: 100%;
    min-width: 160px;
    max-width: 160px;
    background-color: #69aee7;
    border-radius: 100px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 12px 0px 12px 36px;
    box-shadow: 0 3px 6px rgba(56, 113, 114, .4);
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    /* アイコンのデザイン */
    background-image: url(/img/csvdownload_icon_user.svg);
    background-repeat: no-repeat;
    background-position: 18px 4px;
    background-size: 36px;
    background-origin: padding-box;
}

.user_orderhistory_csv_button:hover {
    opacity: 0.8;
}

.user_orderhistory_csvdownload_alart{
    margin-top: 2px;
    font-size: 13px;
}

.user_orderhistory_table{
    margin-top: 80px;
}

.order_change_float{
    float: left;
}

.order_change_selectbox{
    padding-top: 10px;
}

.order_change_button{
    padding-top: 22px;
    padding-left: 11px;
}

/* 管理側の直送発注書のモーダルウィンドウ */
.direct_order_modal_window{
    background-color: #fefefe; 
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888; 
    /* width: 40%; */
    width: 570px;
    position: relative;
}

/* 管理側のメーカー発注書のモーダルウィンドウ */
.maker_order_modal{
    display: none; 
    position: fixed; 
    z-index: 1000; 
    left: 0; 
    top: 0; 
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgba(0,0,0,0.4);
}

.maker_order_modal_window{
    background-color: #fefefe; 
    margin: 10% auto;
    padding: 20px;
    border: 1px solid #888; 
    /* width: 40%; */
    width: 570px;
    position: relative;
}

.maker_order_text_design{
    width: 100%;
}

.maker_order_button_position{
    margin-top: 12px;
}

.maker_order_modal_tittle{
    margin-bottom: 2px;
}

.maker_order_modal_branch{
    margin-left: 8px;
    margin-bottom: 6px;
    margin-top: 7px;
}

.maker_order_modal_font_size{
    font-size: 16px;
}

.maker_order_button_position_table{
    width: 100%;    
}

.maker_order_button_position_td{
    text-align: center;
}

.maker_order_submitbutton{
    width: 115px;
    text-align: center;
    padding: 7px 5px 8px 7px;
    font-weight: bold;
    background-color: #fff;
    color: #518889;
    border-radius: 5px;
    border: 2px solid #518889;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
}

.maker_order_submitbutton:hover{
    opacity: 1;
    color: #fff;
    background-color: #518889;
    text-decoration: none;
}

.maker_order_cancelbutton{
    width: 115px;
    text-align: center;
    padding: 7px 5px 8px 7px;
    font-weight: bold;
    background-color: #fff;
    color: #e16666;
    border-radius: 5px;
    border: 2px solid #e16666;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
}

.maker_order_cancelbutton:hover{
    opacity: 1;
    color: #fff;
    background-color: #e16666;
    text-decoration: none;
}

.ordermakerNote{
    margin-top: 3px;
    border: 1px solid #dedede;
    padding: 10px;
    min-height: 38px;
}

.maker_order-close-icon {
    position: relative;
    width: 20px;  /* アイコンの全体のサイズ */
    height: 20px;
    cursor: pointer;
}

/* 共通スタイル: 2本の線を作成 */
.maker_order-close-icon::before,
.maker_order-close-icon::after {
    content: '';
    position: absolute;
    top: 50%; /* 親要素の中心に配置 */
    left: 50%;
    
    width: 100%; /* 横幅は親要素の幅全体 */
    height: 2px; /* 線の太さ */
    background: #555; /* 線の色 */
    
    /* 変形時に中心を基準にする */
    transform-origin: center center;
}

/* 1本目の線: 45度回転 */
.maker_order-close-icon::before {
    /* 要素を-50%ずつずらし、中心を合わせてから回転させる */
    transform: translate(-50%, -50%) rotate(45deg);
}

/* 2本目の線: -45度回転 */
.maker_order-close-icon::after {
    /* 要素を-50%ずつずらし、中心を合わせてから回転させる */
    transform: translate(-50%, -50%) rotate(-45deg);
}

.maker_order-close-button {
    position: absolute; /* ★絶対配置 */
    top: 10px;          /* 上端から10px離す */
    right: 10px;        /* 右端から10px離す */
    
    /* ボタン自体のスタイルを透明にしてアイコンだけを見せる */
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
    line-height: 0;
    z-index: 10; /* 他のコンテンツの上に表示されるように */
}

/* 管理者メニューのログインユーザー情報 */
.adminmenu-userdata-table{
    position: absolute;
    left: 10px;
    top: 5px;
}

.adminmenu-userdata-table th{
    text-align : center;
}

.text-font-red{
    color: red;
}

/* ユーザー側の発注書(控) */
.user-order-container {
    display: flex;
    justify-content: center;
}

.user-order-width {
    padding: 2rem;
    /* A4の横サイズ */
    width: 297mm;
}

.user-order-font {
    font-size: 15px;
}

.user-order-title {
    text-align: center;
    font-size: 21px;
}

.user-order-box1 {
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
}

.user-order-box1-title1{
    font-size: 21px;
}

.user-order-box1-title2{
    display: flex;
    justify-content: space-between;
}

.user-order-box1-title2-position1{
    text-align: right;
}

.user-order-box1-title2-position2{
    padding-left: 15px;
    text-align: right;
}

.user-order-box2{
    padding-top: 10px;
}

.left-align{
    text-align: left;
}

.c-textarea{
    width: 100%;
}

.c-textarea--setting-edit-width{
    width: 630px;
    height: 300px;
}

.c-table-responsive{
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.c-table{
    border-collapse: collapse;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "メイリオ", "Meiryo", "Roboto", sans-serif;
    color: #3a3a3a;
    font-weight: 800;
    white-space: nowrap;
}

.c-table th {
    background-color: #f5f5f5;
    /* 背景色指定 */
    color: black;
    /* 文字色指定 */
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "メイリオ", "Meiryo", "Roboto", sans-serif;
    color: #3a3a3a;
    font-weight: 800;
    /* 文字の太さ指定 */
    padding: 20px;
    border: 1px solid #dedede;
}

.c-table td {
    /* 背景色指定 */
    text-align: center;
    padding: 20px;
    border: 1px solid #dedede;
}

.c-table-setting-edit-design th {
    background-color: #f5f5f5;
    /* 背景色指定 */
    color: black;
    /* 文字色指定 */
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "メイリオ", "Meiryo", "Roboto", sans-serif;
    color: #3a3a3a;
    font-weight: 800;
    /* 文字の太さ指定 */
    padding: 10px;
    border: 1px solid #dedede;
    font-size: 15px;
}

.c-table-setting-edit-design td {
    padding: 10px;
    border: 1px solid #dedede;
    font-weight: bold;
    font-size: 15px;
}

.section-title{
    margin-top: 10px;
    padding-right: 20px;
    margin-bottom: 18px;
    padding-left: 10px;
    font-size: 33px;
    border-left: 5px solid #518889;
    background-color: #f4f4f4;
    border-bottom: 3px solid #d7d7d7;
    display: flex;
}

.button-right{
    float: left;
    padding-right: 15px;
}

.button-margin{
    padding-top: 6px;
    padding-bottom: 4px;
}

.clearfix-section{
    clear: both;
}

.usercompanyproductcategory-article{
    padding-top: 14px;
}

.makeredit-article{
    padding-top: 14px;    
}

.productedit-article{
    padding-top: 14px;
}

.section-title_btn_block{
    padding: 6px 0px 4px 13px;
}

.btn{
    display: block;
    min-width: 100px;
    text-align: center;
    padding: 6px 20px 7px;
    font-weight: bold;
    background-color: #fff;
    color: #518889;
    border-radius: 30px;
    border: 2px solid #518889;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
}

.btn:hover {
    opacity: 1;
    color: #fff;
    background-color: #518889;
    text-decoration: none;
}