@charset "UTF-8";
@media screen and (max-width: 960px) {
    header{ padding-bottom:0}
    .sp-outline01{ margin: 0!important;padding: 15px!important;line-height: 1.4!important;background: #007dd1!important;color: #fff!important;font-size: 1.5rem!important;text-align: left;}
    .sp-outline01-2{ margin: 0!important;padding: 15px!important;line-height: 1.4!important;font-size: 1.5rem!important}
    #contents{ background:#fff}
    .sp-outline7{ font-size:1.4rem}
    .main{ padding:0 0 20px;}
    .footer-area .tel-text{ font-size:1.5rem}

    .index-nav{ padding-top:15px;justify-content: center;}
    .breadcrumbs,
    .sp-none2{ display:none!important;}
    .sp-none{display:none}

    .list-01 textarea, .list-01 input[type="number"], .list-01 input[type="text"], .list-01 input[type="email"], .list-01 input[type="password"]{ line-height:42px}
    .sp-w100{ width:100%!important; max-width:100%!important;}
    .sp-mb10{ margin-bottom:15px!important;}
    .list-01 li .specified{}
    .list-01 li .form-radio div{ display:block; margin:15px 0}
    /* ログイン */
    .top-login .contents-wrap{ padding:10px}
    .loginBody #contents{ background:#f2f2f2}
    .loginBody header{ padding-bottom:0;background:#f2f2f2; border:none;}
    .loginBody header h1{ margin:0; padding:25px 0; text-align:center;}
    .loginBody header h1 span{ display:none}
    .loginBody .contents-wrap{ padding-top:0}
    .forget{ margin-bottom:0;  line-height:1; text-align:left}
    .loginBody h3{ margin-top:30px}
    .login-id li a img{ display:none}
    .login-id li a{ height:45px}

    .member, .signup{ padding:20px 15px}
     .form-checkbox label{ padding-left:35px}
    .login-btn00{ padding-bottom:5px!important}
    .sp-mt30{ margin-top:30px!important}
    /* 新規アカウント登録 */
    .section1Body .main h2{ margin:0; padding:15px; line-height:1.4; background:#007dd1; color:#fff; font-size:1.5rem }
    .list-01{ padding:20px 0 0; background:#f2f2f2}
    .sp-flex{ display: flex;max-width: 600px;justify-content: space-between;}
    .list-01 li{ padding:0 10px; box-sizing: border-box;}
    .list-01 li input[type="text"]{ width: 48%;}
    .list-01 li span{ display:inline-block; letter-spacing:normal}
    .list-01 input[type="password"]{ width:100%;max-width: 536px;}
    .list-01 li .specified{ display:block; padding:10px 0 0 0;}
    .list-01 li.select01 span{ display:block}
    .line-btm{ padding-bottom:20px!important; border-bottom:1px solid #D5D9DC!important} 
    .select01 .birthyear{ max-width:100%; margin-bottom:10px!important}
    .select01 .birthmonth,
    .select01 .birthday{ display: block;max-width:48%; margin-bottom:10px!important}
    .select-birth{}
    .select01 .form-select{ margin-right:0}
    .list-01 .input-tel input[type="text"]{ width: 100%!important; }
    /*.list-01 .input-tel span:after{ content:"※ハイフンなしで入力してください"; display:inline-block; margin-left:5px; color:#FF7E87;font-size: 1.2rem; letter-spacing:normal}*/
    /*.list-01 .input-tel .attention{ display:none}*/
    .list-01 .input-fax input[type="text"]{ width: 100%!important; }
    .list-01 .post-id span{ display:block}
    .list-01 .post-add{ margin-bottom:0}
    .signup-team{ background:#f2f2f2; padding:10px 0 0 10px}

    .list-01 .input-tel2 input[type="text"]{ width: 100%!important; }
    .team-list{ margin-bottom:0}
    .consent-area h3{margin: 0!important ;padding: 15px ; background: #E9E9E9;font-size: 1.5rem;color: #777777;letter-spacing: normal;}
    .consent-area .precautions-text{ height:220px; font-size:1.4rem; color:#282828;border-bottom:1px solid #D5D9DC; letter-spacing:normal}
    .btn001{ margin:0 10px!important;  padding-bottom:40px;}

    .sp001{ margin-top:30px!important}

    /* パスワード再設定 再発行 */
    .pass-reissue{ padding:20px 10px 0; box-sizing:border-box}
    .resetting li div{ display:block}
    .resetting li div span{ width:100%; margin-top:5px; margin-left:0; line-height:1.6}
    .pass-reissue textarea, .pass-reissue input[type="number"], .pass-reissue input[type="text"], .pass-reissue input[type="email"], .pass-reissue input[type="password"], .pass-reissue .form-checkbox label{ line-height:42px} 
    .resetting input[type="text"]{ max-width:100%}

    /*　マイページTOP　*/
    .news-section-wrap h2{ text-align:center}
    .news-section li span{ float:none; display:inline-block; margin-bottom:5px}
    .news-section li div{ margin-left:15px; max-width:100%}
    .all-news{ margin:20px 0;text-align:center; border: 1px solid #d0d6db; text-align: center;  color: #282828; border-radius: 10px;  background: #fff;  box-shadow: 0px 4px #d9d9d9;  box-sizing: border-box;  line-height: 1;}
    .all-news:before{ display:none}
    .all-news a{ display:block; width:100%; padding:20px 0 }
    .all-news a:before{ content: ""; display: inline-block; width: 18px; height: 12px; background: url(../img/icon_all_news.svg) left 0 no-repeat;}

    /* デザインシミュレータ　本アカウント登録 */
    .simulatorBody .header-wrap{ padding:0}
    .simulatorBody .d-simulator-section,
    .simulatorBody .main,
    .simulatorBody #orderer-deta{ width:100%; margin-bottom:0!important}
    .simulatorBody header h1 img[src$=".svg"]{ width:168px; height:auto}
    .simulatorBody header h1{ margin:0; padding:15px 0; text-align:left}
    .simulatorBody .login-contents .d-simulator-section h2{ margin:0; padding:15px; line-height:1.4; background:#007dd1; color:#fff; font-size:1.5rem; text-align:left; }
    .simulatorBody .simulator-head{ background:#fff}
    .simulatorBody .list-01 li.select01 .birthyear{ max-width:100%!important}
    .simulatorBody .list-01 li.select01 .birthmonth, .simulatorBody .list-01 li.select01 .birthday{max-width: 48%!important}
    #orderer-deta .list-01 .post-id div{ display:inline}
    #orderer-deta .list-01 li span.add-search{ width:132px}
    #orderer-deta .list-01 .input-tel span:after{ display:none}
    #orderer-deta .list-01 .input-tel .specified,
    #orderer-deta .list-01 .input-tel2 .specified{ color:#ff7e87}
    #orderer-deta .list-01 .input-fax .specified{}
    #orderer-deta .team-list{ margin-bottom:50px}

    /* デザインシミュレータ 送料オプション金額計算 */
    .simulatorBody .contents-wrap{ padding:0;}
    .d-simulator-deta .order-details .img-details { width: 85%; margin: 0 auto 30px;}
    .d-simulator-deta .d-order-data{ width:100%}
    .d-simulator-deta .order-details{ padding-top:0}
    .simulatorBody .login-contents .d-simulator-section h2 + p{ font-size:1.3rem; margin:15px 10px 20px}
    .outline3{ padding: 12px 10px!important;}
    .d-simulator-section .specified01-contents input[type=text]{ max-width:100%}
    .specified01-contents .checkbox01 .form-checkbox{}
    .specified01-contents .new-add{ text-align:center}
    .next-btn{ margin:0 10px; padding-bottom:50px}

    /* 【SP】SW3-1_アカウント登録（シンプルログイン） */
    .sp-title01{ background:none!important; font-size:2.7rem!important; text-align:center!important; color:#282828!important}
    #sp-simulator{ background:#f2f2f2;} 
    .simulatorBody header#sp-simulator h1{ padding:20px 0; text-align:center}
    .simulatorBody header#sp-simulator h1 img[src$=".svg"]{ width:auto; height:46px; margin-left:0}
    .list-01 li.sp-w100 input[type="text"]{ width:100%; max-width:100%}
    .list-01 li.sp-w100 .specified{ color:#777777}
    .list-01 li.sp-w100 .specified2{ color:#ff7e87;
        display: block;
        padding: 10px 0 0 0;
        font-size: 1.2rem;
        line-height: 1.2;
        letter-spacing: 0;}
    .text03{ font-size:1.5rem; margin:30px 20px }
    .loginBody .login-btn{ margin:0 10px!important;padding-bottom:40px}
    .sp-text01{ margin:0 10px!important; font-size:1.7rem!important;}
    .list-01 li .specified2{ padding:10px 0 0 0 }

    /* 【SP】SW-5_ログイン（デザインシミュレータ） */
    #sp-main01{ margin:0 10px}
    #sp-main01 .member .login-btn{ margin:0!important; padding-bottom:20px!important;}
    .simulatorBody .member .forget{ margin-left:0; padding:0 0 10px 0}
    .simulatorBody .member .new-account{margin-left:0; margin-bottom:0;padding:0 0 10px 0}
    .simulatorBody .signup h2 + p{ font-size:1.3rem}
    .simulatorBody .signup h2 + p br{ display:none}
    .loginBody .member h3{ margin-top:10px}
    .simulatorBody .signup{ height:auto; margin-bottom:40px}
    .simulatorBody .login-contents h2{ font-size:1.7rem}

    /* 【SP】SW-3-3_確認画面 */
    .order-data ul.sp-list01 li{ padding-bottom:0}
    .order-data ul.sp-list01 li div{width: 100%;}
    .order-data ul.sp-list01 li img{ width:84px; height:84px; margin-right:10px}
    .order-data ul.sp-list02 li{ padding-bottom:0}
    .order-data ul.sp-list03 li{ padding-bottom:0}
    .order-data ul.sp-list03 div { display: flex; justify-content: space-between; align-items: center;}
    .order-data ul.sp-list02 li div div,
    .order-data ul.sp-list03 li div div{ padding:10px 0}
    .total-fee div{ display: flex; align-items: center; justify-content: space-between; max-width:100%; padding:24px 10px; color: #F2646E; font-weight: bold; font-size: 2.2rem; box-sizing:border-box}
    .disclaimer{ margin:10px}
    .order-data .total-price1{ padding-top:7px; padding-bottom:0; border-top: 1px dotted #d5d9dc; border-bottom:none}
    .order-data ul.sp-list01 li div div:last-child{ padding-bottom:7px}
    .sw-btn01{ position:relative; height:160px; margin:0 10px}
    .sw-btn01 a:first-child{position:absolute; top:105px; left:0; right:0;display:block; margin:0 auto; width:50%; box-sizing:border-box;}
    .sw-btn01 a:last-child{ position:absolute; top:0;display:block; width:100%;max-width:100%; padding:25px 0; box-sizing:border-box;}

    /* 【SP】SW-3-7_お問い合わせ完了画面 */
    .finish-img{ margin-top:0!important; padding-top:50px}
    .finish-img img{ width:80px; height:auto}
    .simulatorBody .login-contents .finish h2{ font-size:2.2rem; letter-spacing:normal}
    .finish p{ font-size:1.3rem; letter-spacing:normal}
    .finish .number{ font-size:1.8rem}

    /* 【SP】SW-4_アイテムの変更 */
    .d-simulator-nav{ display:none}
    .simulatorBody .item-main .d-simulator-section{ width:100%}
    .simulatorBody .d-simulator-wrap{ display:block; width:100%; margin-top:0!important}
    .simulatorBody .d-simulator-wrap .d-simulator-deta{ margin:0!important}
    .item-list li .active-item-wrap{ width:100%}
    .item-list{ width:100%}
    .item-list li{ width:100%; margin-right:0}
    .pager{ display:none}
    .item-img2{position: absolute; top:10px; width:92px; height:auto}
    .item-img2 a .zoom{ left:0; top:0; width:17px; height:17px}
    .item-id-name{ margin-left:100px; }
    .item-tag{ margin-left:100px; position:relative; z-index:101}
    .item-tag span{ background:#fff;}

    .teika{ margin-left:100px;}
    .lb-price{ margin-left:100px;}
    .text07{ display:none}
    .lb-price span.lb-tokka br{ display:none}
    .now-select-item{ position:relative;
        display: block; width:100%; box-sizing:border-box; 
     top:auto; 
        padding: 20px 40px;
        text-align: center;
        color: #fff;
        border-radius: 8px;
        background: #007dd1;
        box-shadow: 0px 4px #7cb9df;
        font-size: 1.6rem;}
    .select-item{ display:none}
    .sp-item-list01 .item-btn{ display:none}
    .item-list li{ margin:0 10px 10px; padding:0}
    .item-list li .item-list-wrap{ padding:10px 10px 15px}
    .ls-nml{ display:none}
    .sp-item-list01{ margin-top:10px;}
    .ls-nml2{ padding-bottom:20px; font-weight:bold; letter-spacing:normal; font-size:1.4rem; text-align:center; border-bottom:1px solid #d5d9dc}
    .btn01{ width:100%; box-sizing:border-box}
    .serch01{ position:relative; margin-bottom:0}
    .serch01:before{ content:""; display:inline-block; vertical-align:middle; background:url(../img/sp/serch01.svg) left center no-repeat; width:28px; height:28px }
    .serch01:after{
        position: absolute;
        display: block;
        content: '';
        top: 22px;
        right: 10px;
        pointer-events: none;
        border-style: none;
        border-width: 0;
        border-color: none;
        width: 4px;
        height: 4px;
        border: 2px solid;
        border-color: transparent transparent #98A6B5 #98A6B5;
        transform: rotate(-45deg);}
    .serch-area{ margin-bottom:10px; padding:15px 15px 20px; background:#fff; border-bottom: 1px solid #d5d9dc;}
    .serch-area h4{ margin:0; padding-bottom:5px; font-size:1.5rem; border-bottom:1px solid #cdd6dd}
    .serch-area-select{ display:block; margin-bottom:15px;border:none; border-bottom:1px solid #cdd6dd;  border-radius:0}
    .serch-area-select:after{
        position: absolute;
        display: block;
        content: '';
        top: 18px;
        right: 10px;
        pointer-events: none;
        border-style: none;
        border-width: 0;
        border-color: none;
        width: 4px;
        height: 4px;
        border: 2px solid;
        border-color: transparent transparent #98A6B5 #98A6B5;
        transform: rotate(-45deg);}
    .serch-btn { margin:0 10px;}
    .serch-btn a{ display:block; font-weight:bold}	
    .serch-btn a:before{ content:""; display:inline-block;vertical-align:middle; background:url(../img/sp/serch02.svg) left center no-repeat; width:28px; height:28px }
    .teika,
    .lb-price span.lb-tokka, .lb-price, .lb-price span{ font-size:1.3rem}	
    .item-list li{ border:none}	
    .more-item{ margin:0 10px; padding-bottom:60px}
    .more-item a{ display:block; padding:15px 0}

    /* 【SP】MR-1_パスワード登録（OMUSUBI前既存顧客） 
    #mypage-step{  justify-content: center;align-items: flex-end;height: 120px;margin-bottom: 30px;}
    .order-step li{ position:relative;}
    .order-step li span{ position:absolute; top:-40px; left:0; right:0; margin:0 auto; border-radius:30px;}
    .order-step li:after{position: relative; height: 15px;top: 22px;background-size: 25px auto; width: 18px;}
    .order-step li div{  width: 113px; height:70px; padding-top: 9px; padding-left:0; text-align:center; font-size:1.4rem; box-sizing:border-box}
    .order-step li:first-child span{left: -18px;}
    .step3 li:nth-child(2) span{ left:-18px}
    .text08{ margin:0 10px; font-size:1.5rem}
    .ac-id{ display:flex; }
    .ac-id span{ width:180px;}
    .ac-id div{ letter-spacing:normal}
    .sp-m40{ margin-bottom:40px!important}
     */       

    /* 【SP】MR-2_完了画面 */
    .main .finish h2{ margin:0; padding:10px 0;  font-size: 2.2rem; letter-spacing: normal; background:none; color:#282828}

    /* 【SP】MI-6-1_新着情報詳細 */
    .news-area h3{ padding:15px; line-height:1.4;}
    .news-area { margin-bottom:40px;}
    .news-area .news-detaarea{ padding:10px;}
    .news-list-btn{ margin:0 10px 40px}

    /* 【SP】MI-6-1_新着情報一覧 */
    .news-list{ padding:20px 10px}
    .news-more-b{display:block; margin:0 10px 20px;}
    .news-more-b a{  width:100%}

    /* 【SP】SW-3-2_送料オプション金額計算 */
    .br01 br{ display: block}
    .sp-list04{ text-align:left}
    .sp-bt0{ margin-bottom:0}

    /* 【SP】MO-4_ヒアリングフォーム */
    .wrap01{  padding-left:0}
    .wrap01sp{ padding:10px 10px 40px 10px}
    .wrap02sp{ padding:0 10px 40px 10px}
    .wrap02sp .select-file{ display:block;padding:10px 0;text-align:center}
    .wrap02sp .select-file a{ }
    .wrap02sp .select-file input[type="text"]{ display:none}
    .sp-center{ margin-bottom:20px; text-align:center}
    .wrap02sp .list-01 li{ padding:0}
    .uchiwake{position:relative; display:block; padding:20px 0}
    .uchiwake-input input[type="text"]{ width:233px; margin-bottom:10px}
    .sp_bb{ border-bottom:1px solid #999999}
    .name-pc-none .uchiwake-name{ display:block}
    .uchiwake-minus{ position:absolute; right:10px; top:20px}
    .mo4-2 a{ width:100%!important}
    .sp-bt10{ margin-bottom:10px}
    .wrap03sp{ padding-bottom:20px}
    .wrap03sp .list-01{ padding-top:0}
    .kiboubi li.w100 input[type="text"]{ width:230px}
    .sp-shiharai .mo4-2{ text-align:center}
    .sp-shiharai .mo4-2 a{ width:250px!important}
    .n-entered-clnd{ background:#f6f4de url(../img/clnd.svg) right center no-repeat!important}
    .finish-h2{ margin-bottom:0!important}

    /* 【SP】MI-9_お問い合わせフォーム */
    .sp-contect-text{ margin-bottom:20px!important; padding:10px; font-size:1.4rem; letter-spacing:normal}
    .sp-outline03{ border-top:1px solid #d5d9dc;border-bottom:1px solid #d5d9dc;
        margin-bottom:0!important;
        padding: 12px 10px;    background: #E9E9E9;
        font-size: 1.5rem;
        color: #777777;
        letter-spacing: normal;}
    .sp-specified02-contents{ margin-bottom:40px; padding:20px 10px 0; box-sizing:border-box; background:#fff; border-bottom:1px solid #d5d9dc}
    .sp-select-file input[type="text"]{width: calc(100% - 133px);}
    .texrarea01{ height:310px}
    .bb40 { margin-bottom:40px}

    /* 【SP】MI-10_デザイン入稿フォーム */
    .sp-p10{ padding:20px 10px 0; box-sizing:border-box; letter-spacing:normal}
    .sp-p10 .deta-form-list li div{ margin-bottom:10px; text-align:center}
    .sp-p10 .deta-form-list li div,
    .sp-p10 .deta-form-list li div .btn02{ max-width:100%;}
    .sp-p10 .deta-form-list li div .btn02{ margin-bottom:15px; padding:15px 0}
    .sp-p10 .deta-form-list{ margin-bottom:40px!important}
    .sp-ml10{ margin-left:10px}
    .outline10{ margin-bottom:0; padding-left:10px}
    .sp-specified03-contents{ padding:30px 10px ; background:#fff}
    .sp-mb0{ margin-bottom:0!important}
    .sp-specified03-contents .texrarea01{ margin-bottom:0!important}
    .sp-specified03-contents2{ margin-bottom:30px; padding:30px 10px 0 ; background:#fff; border-bottom:1px solid #d5d9dc}

    /* 【SP】MI-10_デザイン入稿フォーム（手書き） */
    .sp-wrap02{ padding:20px 10px 40px;}
    .sp-wrap02 .outline2{ font-size:1.6rem}
    .sp-wrap02 .outline10{padding: 12px; font-size:1.5rem}
    .sp-wrap02 .handwriting{ padding:30px 0 0}
    .sp-wrap02 .deta-form-list li div .btn02 { max-width:100%; margin-bottom:40px; padding:15px 0;}
    .sp-wrap02 .pdf-dl{ padding:10px;}
    .sp-wrap02 .pdf-dl h2{ margin:10px 0 30px; font-size:1.8rem}
    .sp-wrap02 .pdf-dl div ul:first-child{ margin-right:0}
    .sp-wrap02 .pdf-dl div{ display:block}
    .sp-wrap02 .pdf-dl div ul{ padding:0 0 0 30px}

    /* 【SP】MI-13_注文履歴引継ぎ */
    .sp-text02 br{ display:none}
    .precautions-text{ height:195px; padding:15px; font-size:1.6rem}
    .sp-more-btn{ margin-bottom:40px!important}
    .sp-mb20{ margin-bottom:20px}

    /* 【SP】MI-7-1_ユーザー基本情報 */
    .list-01 li.line-btm40{ padding-bottom:40px!important; margin-bottom:40px}
    .sp-guide-list2{ display:flex; flex-wrap: wrap; padding: 0 15px 40px;box-sizing:border-box}
    .sp-guide-list2 li{ width:50%; padding:0 15px; box-sizing:border-box}
    .sp-guide-list2 li div div{ font-size:1.8rem}
    .sp-guide-list2 a{height: 82px;padding-top: 28px;}
    //.sp-guide-list2 li:nth-child(4) a{ padding-top:15px!important; line-height:1.4}
    .sp-guide-list2 li:nth-child(5) a{ padding-top:15px!important; line-height:1.4}

    /* 【SP】MI-7-4_お支払方法 */
    .sp-guide-list02{ padding:0 20px;}
    .sp-guide-list02 div{ margin-bottom:25px}
    .sp-radio04{ margin-bottom:60px; padding:0;}
    .sp-outline05{ padding:20px}
    .sp-radio04 div.method001{ padding:5px 10px; background:#d5d9dc}
    .sp-radio04 div.methodDefault{ padding:5px 10px 40px 10px; background:#d5d9dc}
    .sp-radio04 input[type=radio]+label::before{ width: 16px;height: 16px;margin-top: -8px;}
    .sp-radio04 input[type=radio]:checked+label::after{ width:8px; height:8px; margin-top: -4px; left:4px; background:#004bb1}
    .sp-radio04 input[type=radio]:checked+label::before{    border: 1px solid #007dd1;}
    .sp-radio04 input[type=radio]+label::before{    border: 1px solid #004bb1}
    .sp-radio04 li li input[type=radio]:checked+label::before{border: 1px solid #ccc;}
    .sp-radio04 input[type=radio]+label{ margin-bottom:0!important}
    .sp-radio04 input[type=radio]+label{ display:block; padding:10px 10px 10px 30px}
    .sp-radio04 { padding:0}
    .sp-radio04 li{ margin-bottom:2px}
    .sp-radio04 .card02{ position:relative;}
    .sp-radio04 .select-card{ padding-bottom:40px}
    .sp-radio04 .default{ position:absolute; bottom: -30px;}
    .sp-radio04 .addition a{ margin-left:22px; font-size:1.4rem; font-weight:bold}
    .sp-radio04 ul ul{ margin-left:10px; margin-top:15px}
    .sp-radio04 .default span{ padding: 5px 30px;}
    .sp-radio04 .radio01 .delete{ display:none}
    
    /* 【SP】MI-7-5_お知らせ・メルマガ登録 */
    .sp-checkbox01 input[type=radio]+label{white-space: normal}
    .sp-checkbox01{ margin-left:0}
    .sp-checkbox01 .form-radio input[type=radio]+label{ position:relative; font-size:1.5rem}
    .sp-checkbox01 .cancel{ display:block; margin-left:35px; margin-top: 15px;}
    .sp-checkbox01 .registering{ position:absolute; top: -34px;left: 30px; font-size:1.4rem}
    .sp-checkbox01 .sp-radio05{ background:#d5d9dc; padding:50px 0 30px 20px}
    .sp-checkbox01 .sp-checkbox02{ padding-top:20px; margin-bottom:40px}
    .sp-checkbox01 .form-checkbox label{ padding-top: 10px; font-size:1.6rem}

    /* 【SP】MI-7-7_SNS連携登録 */
    .sp-text03{ font-size:1.4rem; padding:20px 10px 0; letter-spacing:normal}
    .sns-cooperate{ margin:20px 30px}
    .sns-cooperate li a{ max-width:100%}

    /* 退会 */
    .unsubscribe-btn{ text-align:center; margin-top:30px}
    .sp-wrap05{ padding:10px 10px 0;}
    .sp-wrap05 .outline7{}
    .sp-wrap05 .list-01{ padding-top:0}
    .sp-wrap05 .radio01 input[type=radio]+label{ margin-bottom:30px}
    .sp-wrap05 .sp-unsubscribe{ margin-bottom:0}
    .sp-unsubscribe-btn2{ margin-bottom:80px}


    /* 【SP】MI-3-6_再注文（商品デザイン変更） */
    .sp-wrap06{padding:10px 10px 30px;}
    .sp-wrap06 .text02{ font-size:1.4rem}
    .sp-wrap06 .text02{ font-size:1.4rem}
    .sp-wrap06 .outline8{ font-size:2rem}
    .sp-wrap06 .reorder-form .order-details li h3 + p{ margin-bottom:20px; line-height:1.6}
    .sp-wrap06 .reorder-form-btn{ margin-bottom:30px; text-align:center}
    .sp-wrap06 .reorder-form-btn a{ max-width:100%; padding:20px 0; font-size:1.8rem;}
    .sp-wrap06 .order-details .img-details{ padding:0 10px; margin:0 auto}
    .sp-wrap07{padding:20px 10px 0}
    .sp-wrap07 .outline7,
    .sp-wrap08 .outline7,
    .sp-wrap09 .outline7{ font-size:1.4rem}
    .sp-wrap08 { margin-top:-10px;padding:10px; background:#fff; border-top:1px solid #d5d9dc;}
    .sp-wrap09 {padding:20px 10px 0; background:#fff;}
    .sp-wrap09 .upto10mb{ margin-bottom:0; padding-bottom:40px}
    .sp-wrap09 ul.sp-list05  li{ margin-bottom:0; padding-bottom:20px}
    .sp-wrap09 .mb30{ margin-bottom:0!important; padding-bottom:20px;}
    .sp-pb20 { padding-bottom:20px!important;}
    .sp-wrap010{ margin-bottom:20px; padding:20px 10px; background:#fff; border-bottom:1px solid #d5d9dc;}
    .sp-wrap010 .texrarea01{ margin-bottom:0!important;}
    .sp-wrap011{ padding: 15px 0;background:#fff;}
    .sp-wrap011 .list-01{background:#fff; padding-top:0}

    /* 【SP】MI-2_限定おすすめアイテム */
    /*
    .d-print{ padding:30px 0 70px;  background: url(../img/osusume01.png) center 150px no-repeat; background-size:500px auto}
    .d-print img{ display:none}
    .d-print h3{ width:100%; height:100px; margin:0 auto; background:url(../img/sp/text.svg) center top no-repeat;}
    .d-print p{ max-width:100%; padding:0 10px; padding-top:410px; box-sizing:border-box}
    .d-list{ margin-bottom:0; border-radius:0; border-top:1px solid #d5d9dc}
    .d-list h3{ position:relative; text-align:center; padding:30px 0; margin-bottom:0}
    .d-list h3:before{ position:absolute; top:-48px; left:0 ; right:0; margin:0 auto}
    .select-color{ position:relative; top:0; width:160px; margin:0 auto 30px; font-size:1.6rem}
    .d-list ul.d-list01{ display:flex;    flex-wrap: wrap; justify-content: space-around;}
    .d-list ul.d-list01 li{ width:46%; margin:0 5px 20px; max-width:100%}
    .sp-btn03{ padding:20px 10px 60px; background:#fff}
    .sp-btn03 .mb80{  margin-bottom:0!important;}
    .osusume-wrap .main{ padding-bottom:0}
    */

    .sp-back01{ padding:20px 10px 0; margin-bottom:20px!important}
    .sp-d-list h3{ font-size:1.7rem}
    .sp-d-list .form-checkbox{ position:relative; left:auto; right: auto; top: auto; text-align:center; margin:-10px 0 30px;}
    .sp-d-list .form-checkbox li{ display:inline-block}
    .sp-d-list02 li{ margin-bottom:20px}
    .d02 h4{ margin-left:auto; text-align:center}
    .d02 .form-checkbox{ position:relative; left:auto; right: auto; top: auto; text-align:center; margin:-10px 0 30px;}

    .tab li{ display:inline-block; padding:;}
    .tab li a{ display:block; padding:0 20px 8px ; color:#282828 }
    .tab li .current{ border-bottom:3px solid #007dd1; color:#007dd1}
    .tab{ display:flex;  justify-content: center; border-bottom:1px solid #d5d9dc}
    #tab-contents{ padding:10px 0}
    .sp-inline-wrap{ padding:20px 10px!important}
    .sp-inline-wrap .d02-btn a{ max-width:100%; margin-bottom:20px; margin-right:0;}

    /* 【SP】MI-3_注文履歴（再注文）一覧 */
    .list-03 { padding:20px 10px 10px; background:#e9e9e9; border-bottom:1px solid #d5d9dc}
    .list-03 > li{ display:flex;align-items: center; margin-bottom:10px;}
    .list-03 li span{ width:100px; color:#999999;}
    .list-03 li .form-select{width : calc(100% - 100px) ;margin-bottom:0}
    .list-03 li ul{ display:flex} 
    .list-03 li ul li{ padding-right:8px; line-height:1}
    .list-03 li ul li:first-child{ border-right:1px solid #d5d9dc}
    .list-03 li ul li:last-child{ padding-left:10px}
    .list-03 li ul li:first-child:before{ content:""; display:inline-block; background:url(../img/sp/list01_off.svg) left center no-repeat; width:16px; height:14px;}
    .list-03 li ul li.active:first-child:before{ content:""; display:inline-block; background:url(../img/sp/list01.svg) left center no-repeat; width:16px; height:14px;}
    .list-03 li ul li:last-child:before{ content:""; display:inline-block; background:url(../img/sp/list02_off.svg) left center no-repeat; width:16px; height:14px;}
    .list-03 li ul li.active:last-child:before{ content:""; display:inline-block; background:url(../img/sp/list02.svg) left center no-repeat; width:16px; height:14px;}
    .list-03 li ul li a{color:#999999}
    .list-03 li ul li.active a{color:#007dd1}
    .sp-wrap012{ padding:10px 10px 40px}

    /* 【SP】MI-3_注文履歴（再注文）一覧リスト */
    .sp-wrap012-list .flex-direction-nav,
    .sp-wrap012-list .flex-control-thumbs{ display:none}
    .sp-wrap012-list .list02 li{ position:relative}
    .sp-wrap012-list .flexslider{ position:absolute; top:20px; width:130px;}
    .sp-wrap012-list .list02 li .order-deta:first-child{ position:absolute; top:20px; left:150px; }
    .sp-wrap012-list .list02 dl.order-deta dt{width:60px; margin-bottom:0; font-size:1rem; letter-spacing:normal}
    .sp-wrap012-list .list02 dl.order-deta dd{ margin-left: 80px; margin-bottom:0; font-size: 1.4rem;}
    .sp-wrap012-list .reorder-btn1, 
    .sp-wrap012-list .reorder-btn2,
    .sp-wrap012-list .another-d{ display:none}
    .sp-wrap012-list dl.order-deta dt.total + dd span{ font-size:1.4rem}
    .sp-wrap012-list .list02 dl.order-deta dt.total{ width:120px; margin-top:60px; margin-left:140px;}
    .sp-wrap012-list .list02 dl.order-deta dt.total + dd{ margin-left:140px; font-size:2.2rem}
    .sp-wrap012-list .list02 > li{ background:#fff url(../img/sp/arrow.svg) right center no-repeat}
    .sp-wrap012-list dl.order-deta dt:first-child + dd{ font-size:1.6rem}

    /* 【SP】MI-3-1_注文履歴（再注文）詳細 */
    .sp-outline03-3{ border-top:1px solid #d5d9dc;border-bottom:1px solid #d5d9dc;
        margin-bottom:0!important;
        padding: 12px 10px;    background: #E9E9E9;
        font-size: 1.5rem;
        color: #777777;
        letter-spacing: normal; border-left:none}

    .sp-outline001{ background:none; border:none; color:#999; font-size:1.4rem}
    .list-04 li{ display:flex; padding:15px 0}
    .list-04 li:first-child{ padding-top:0}
    .list-04 li img{ width:84px; height:84px}
    .order-data .hukuro .item-id,
    .sp-order-data2 .order-data .list-04 li .item-id{ font-size:1.4rem}
    .order-data .list-04 li .color-size{ font-size:1.2rem}
    .order-data .list-04 li .unit-price{ font-size:1.2rem}
    .order-data .list-04 li > div{ width:100%}
    .sp-order-data{ border-right:none;border-left:none;border-top:none;}
    .sp-order-data2{ border-right:none;border-left:none;}
    .sp-order-data2 .hukuro .unit-price{font-size:1.2rem}
    .dl-share{ margin-top:25px}
    .sp-total-fee{ border:none; }
    .total-fee div{border:none;border-top:1px solid #D5D9DC;border-bottom:1px solid #D5D9DC;}
    .sp-order-data2 .consignee-deta{font-size:1.2rem}
    .sp-order-data2 .hukuro li{ padding:10px 0}
    .sp-order-data2 .hukuro li:first-child{ padding-top:0}
    .sp-order-data2 .consignee .total-price{ margin-top:-20px}
    .sp-total-fee div:before{content: "注文時の合計金額（税込）：";margin-right: 0;}
    .sp-total-fee div{ display:block; text-align:center}
    .sp-table01{ margin-top:0; border:none; border-bottom:1px solid #D5D9DC}
    .sp-table01 th{ display:block; width:100%; padding:0 0 0 10px; color:#999; background:#fff; border:none; font-size:1.4rem}
    .sp-table01 td{ display:block; padding:0 10px 20px; font-size:1.4rem; border:none}
    .sp-table01 tr:first-child th{ padding-top:20px}
    .sp-reorder-btn2{ padding:0 10px; margin-top:0}
    .order-details02{ display: flex;flex-direction: column-reverse;}
    .order-details02 li h3 + p{  letter-spacing:normal; font-size:1.2rem}

    /* 【SP】MI-3-2_再注文（デザイン・商品同じ）フォーム */
    .order-details002{  padding:10px}
    .order-details002 .outline8{ padding-top:20px; font-size:1.8rem}
    .reorder-form .order-details002 li h3 + p{ margin-bottom:15px;padding:14px; line-height:1.6; font-size:1.4rem}
    .reorder-form .order-details002 li h3 + p br{ display:none}
    .sp-reorder-form-btn a{ max-width:100%; font-size:1.6rem; padding:15px 0}
    .sp-order-step02{ margin-top:30px; margin-bottom:40px}
    .sp-order-step02 li:nth-child(2) span{ right:20px}
    .sp-text04{ margin-bottom:0!important; padding:20px 10px; background:#fff; font-size:1.4rem; letter-spacing:normal}
    .sp-reorder-details01{ padding-bottom:0; border-radius:0; border:none}
    .sp-reorder-details01 ul li.right-details-wrap{ position:relative; display:block;padding-bottom: 65px;}
    .sp-reorder-details01 .right-details ul{ display:block}
    .sp-reorder-details01 .form-select{ display:block; }

    .sp-reorder-details01 .right-details input[type="text"]{ max-width:calc(100% - 60px) ;}
    .sp-reorder-details01 .right-details{ padding:15px}
    .sp-reorder-details01 .right-details ul li{ margin-right:0; margin-bottom:10px}
    .sp-reorder-details01 .right-details{ margin-right:0}
    .sp-reorder-details01 .right-details01{ padding:10px; box-sizing:border-box}
    .sp-reorder-details01 .new-add{ position:absolute; bottom:20px; left:10px;}
    .sp-reorder-details01 ul li.right-details-wrap:last-child{border-bottom: 1px solid #D5D9DC;}
    .sp-next-btn01{ padding:30px 0}

    /* 【SP】MI-3-2-1_再注文（デザイン・商品同じ）2 */
    .sp-order-step li div{ padding-top: 25px; font-size:1.2rem; line-height: 1.4;}
    .sp-wrap03{ padding:20px 10px; background:#fff}
    .sp-text05{ letter-spacing: normal; font-size:1.4rem}
    .sp-wrap03 .img-check-wrap{ padding:0; margin:0 0 10px 0}
    .sp-wrap04{ margin-bottom:40px}
    .sp-wrap04 .outline3{ border:none; color:#999; background:none}
    .sp-outline03-2{
        border-bottom: 1px solid #d5d9dc;
        margin-bottom: 0!important;
        padding: 12px 10px;
        background: #E9E9E9;
        font-size: 1.5rem;
        color: #777777;
        letter-spacing: normal;}

    .sp-clnd01 input[type=text]{ display:block; margin:10px 0 0 30px}
    .sp-wrap04 .specified01{ position:relative;border:none; border-bottom:1px solid #D5D9DC}
    .sp-wrap04 .specified01-add{ right:10px;}
    .sp-wrap04 .specified01-add .btn02{ width:auto; text-decoration:underline; border:none;box-shadow:none}
    .sp-wrap04 .specified01-contents .new-add{ text-align:left}
    .sp-radio03{ padding:0}
    .sp-radio03 .list-01{ padding:0 0 20px; margin:0; background:#fff}
    .sp-radio03 .list-01 li{ margin-bottom:0}
    .sp-radio03 .list-01 li .form-radio div{ margin-bottom:0}
    .sp-bb-none{ border:none!important;}

    /* 【SP】MI-3-3_再注文確認画面（デザイン・商品同じ） */
    .sp-order-step03{  margin-bottom:40px!important}
    .sp-order-step03 li div{padding-top: 25px; font-size: 1.2rem; line-height: 1.4;}
    .sp-bb40{ border-bottom: 1px solid #d5d9dc; margin-bottom:40px}
    .total01{ border:none; }
    .total01 > div{ padding:20px 10px 0 0}
    .total01 dl{ max-width:100%;}
    .total01 dl dt{ width:70%}
    .sp-ptb20{ padding:20px 10px}

    /* 【SP】MI-4_クーポン */
    .cupon-list02{ padding:30px 10px;}
    .cupon-list02 li{ margin-bottom:30px}
    .cupon-text02 a{ position:absolute; bottom:-70px; left:0; right:0; margin:0 auto}
    .cupon-text04{ padding-top:70px; padding-bottom:30px; font-size:1.5rem}

    /*【SP】MI-11_ご利用ガイド  */
    .sp-guide-list{ padding:20px 15px}
    .sp-guide-list a{ padding:20px 0}
    .sp-guide-list .other-deta{ margin-bottom:40px}
    .sp-guide-list .other-deta li{ margin-bottom:10px}
    .sp-step-list{ padding:20px 10px}
    .sp-step-list li{ margin-bottom:40px}
    .sp-step-list li h4{ font-size:1.5rem; font-weight:bold}
    .sp-step-list li img{ margin-bottom:10px}

    /*【SP】MO-5-1_個人情報確認 */
    .sp-specified01{ border:none}
    .sp-bt60bb{ margin-bottom: 60px;border: 1px solid #D5D9DC;}
    .sp-precautions-text{ border:none}

    /*【SP】MO-5-2_注文内容確認 */
    .order-details03{ flex-direction: column; padding:10px}
    .order-details03 .img-details .flexslider{ margin:0 5px}
    .sp-table02{ margin-bottom:0; border:none}
    .order-data .sp-total-price{
        position: absolute;
        left: 0; bottom:0;
        width: 100%;  box-sizing:border-box; padding-top:5px; border-top:1px dotted #d5d9dc}
    .sp-order-data3 li{ position:relative; padding-bottom:45px!important}
    .sp-consignee{ padding:10px!important}
    .sp-consignee{ border:none!important}
    .sp-consignee .total-price{ margin-top:0!important}
    .sp-consignee .consignee-deta{ font-size:1.5rem; }

    /*
    .sp-consignee .item-id,
    .sp-consignee .item-id,
    .sp-consignee .unit-price{ display:none}*/

    .sp-total-fee2 div{ display:flex}
    .sp-consignee2 li{ padding:10px 0!important}
    .sp-consignee2 li > div{ display:flex;
        justify-content: space-between;}
    
    /* その他 */
    #inline-payment{ text-align:left}
    .sp-default span {position: absolute; bottom: -35px;}
    .default span{font-size:1.3rem; padding:5px 10px;}
    .radio01 input[type=radio]+label{ margin-bottom:50px}
        /*
    .addition-add{background: #007DD1 url(../img/plus.svg) center 20px no-repeat; background-size: 24px auto;}
    .list-02 .addition-add{ padding-top:55px;}
        */
    .list-02 a{ height:90px}
    .guide-list2 div div{ font-size:1.4rem}
    .inline-wrap{ padding:10px}
    .list-02 div.btn02{ padding-top:40px;}
    .list-02 li .default{ top:15px}
    #inline-tel-order h4{ font-size:1.8rem; text-align:left; letter-spacing:normal}
    #inline-tel-order h4 + p{font-size:1.5rem; line-height:1.4; text-align:left; letter-spacing:normal}
    #inline-tel-order{ padding:40px 10px}
    #inline-tel-order .blue{ font-size:1.4rem; letter-spacing: normal;}
    .wrap02{padding: 0px 0 0 10px;}
    .outline11{margin: 30px 0 40px; font-size:1.8rem; text-align:left}
    .inline-10mb-wrap h5{font-size:1.6rem;}
    .inline-10mb-wrap p{font-size:1.5rem; line-height:1.4}
    .inline-10mb-wrap .d02-btn a{ max-width:100%; margin-bottom:20px}
    .inline-10mb-wrap p:last-child{padding-top:0}
}

@media screen and (max-width: 360px) {
    .sp-wrap012-list .list02 dl.order-deta dt{    width: 40px;}
    .sp-wrap012-list .list02 dl.order-deta dd{ margin-left:60px; font-size:1.4rem}
    .sp-wrap012-list .list02 dl.order-deta dt.total + dd{ font-size:1.8rem}
    .sp-wrap012-list dl.order-deta dt.total + dd span {font-size: 1.2rem;}
}

@media screen and (min-width: 961px) {
    .pc-none,
    .simulatorBody .contents-wrap nav,
    .signup h2 br,
    .order-data .color-size br,
    .sp-outline01,
    .sp-wrap01,
    .more-item,
    .sp-contect-text br,
    .sp-br-n br,
    .sp-order-step li div br,
    .sp-wrap04 .sp-outline03-2,
    .sp-checkbox01 .form-radio input[type=radio]+label br,
    .sp-order-step03 li div br,
    .cupon01 dd br{ display:none!important}
    .pc-mr15{ margin-right:15px!important}
    .sp-spn{ position:absolute; left:130px; top: 3px; width:auto!important}
    .style2{ font-size:2.4rem!important; padding-top:30px!important;}
    .style3{  padding-top:30px!important;}
    .list-01 li .form-radio div{ margin-right:40px;}
    .pt130-pc{ padding-top:130px!important; margin-top:0!important;}
    .popup-tel a{ display:none}
    .popup-tel:before{ content:""; display:block; width:430px; height:80px; margin:0 auto; background: url(../img/tel01.svg) center top no-repeat}
    .pc-mb80bb{ margin-bottom:80px; border-bottom:1px solid #D5D9DC}
    .sp-wrap05 .outline7{ position:relative;}
    .sp-wrap05 .outline7 .sp-spn{ left:auto}
    .sp-unsubscribe { margin-bottom:0}

    .tab{ display:flex;  justify-content: center; padding-top:40px }
    .tab li{ width:400px;}
    .tab li a{ color:#282828; cursor:default }
    .tab li a:hover{ opacity:1}
    #tab-contents{ display:flex;  justify-content: center;}

    .Nav #menu-wrap > ul > li.menu09{top: -100px;}
    .Nav #menu-wrap > ul > li.menu010{top: 44px;}
    .Nav #menu-wrap > ul > li.menu011{top: 43px;}
}


_::-webkit-full-page-media, _:future, :root .d-list ul.d-list01 { }