@charset "utf-8";

abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:baseline}

body{background:#fff;color:#545454;font-size:16px;font-family:Quicksand,游ゴシック体,Yu Gothic,YuGothic,ヒラギノ角ゴシック Pro,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ\ Ｐゴシック,MS PGothic,sans-serif;line-height:1.6}* html body{font-family:ＭＳ\ ゴシック,MS Gothic,Sans-Serif}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal}caption,th{text-align:left;font-weight:400}embed,object{vertical-align:top}li{list-style-type:none}img{vertical-align:top;line-height:0;max-width:100%;height:auto;width:auto}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-table}* html .clearfix{height:1%}input[type=text],textarea{outline:0;padding:5px;border-radius:5px;border:1px solid #ccc;box-sizing:border-box;-webkit-transition:all .3s;transition:all .3s}input[type="text"]:focus,textarea:focus{box-shadow:0 0 7px #1abc9c;border:1px solid #1abc9c}input[type=radio]{display:none}label.radio{position:relative;display:inline-block;padding:3px 3px 3px 20px;cursor:pointer}label.radio:after,label.radio:before{position:absolute;content:'';top:50%;border-radius:100%;-webkit-transition:all .2s;transition:all .2s}label.radio:before{left:0;width:14px;height:14px;margin-top:-8px;background:#f3f3f3;border:1px solid #ccc}label.radio:hover:before{background:#fff}label.radio:after{opacity:0;left:4px;width:8px;height:8px;margin-top:-4px;background:#3498db;-webkit-transform:scale(2);transform:scale(2)}input[type="radio"]:checked+label.radio:before{background:#fff;border:1px solid #3498db}input[type="radio"]:checked+label.radio:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}input[type=checkbox]{display:none}label.checkbox{position:relative;display:inline-block;padding:3px 3px 3px 22px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}label.checkbox:after,label.checkbox:before{position:absolute;content:'';-webkit-transition:all .2s;transition:all .2s}label.checkbox:before{top:50%;left:0;width:14px;height:14px;margin-top:-8px;background:#f4f4f4;border:1px solid #ccc;border-radius:3px}label.checkbox:after{opacity:0;top:50%;left:3px;width:8px;height:4px;margin-top:-4px;border-left:2px solid #3498db;border-bottom:2px solid #3498db;-webkit-transform:rotate(-45deg) scale(.5);transform:rotate(-45deg) scale(.5)}label.checkbox:hover:before{background:#fff}input[type="checkbox"]:checked+label.checkbox:before{background:#fff;border:1px solid #3498db}input[type="checkbox"]:checked+label.checkbox:after{opacity:1;-webkit-transform:rotate(-45deg) scale(1);transform:rotate(-45deg) scale(1)}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}textarea{height:250px}.input-l{width:100%}.input-m{width:50%}.input-s{width:30%}@media screen and (max-width:750px){.scroll{overflow-x:auto}.scroll::-webkit-scrollbar{height:5px}.scroll::-webkit-scrollbar-track{border-radius:5px;background:#eee}.scroll::-webkit-scrollbar-thumb{border-radius:5px;background:#666}}

    body {
        font-size: 28px;
    }

    .clearfix {
        display: block;
    }

    .sp {
        display: none;
    }


    /*header
-----------------------*/

    header {
        width: 750px;
        margin: 0 auto;
        padding: 20px;
        box-sizing: border-box;
    }

    header h1 {
        width: 256px;
        float: left;
    }

    header address {
        width: 403px;
        float: right;
    }

    /*main
----------------------------------*/

    main {
        width: 750px;
        margin: 0 auto;
        position: relative;
    }

    #topimg {
        margin: 0 0 36px 0;
    }

    /*予定日
----------------------------------*/

    #day {
        width: 690px;
        margin: 0 auto 50px;
        border: #f29400 6px solid;
        padding: 30px;
        box-sizing: border-box;
    }

    #day h2 {
        width: 100%;
        text-align: center;
        font-size: 40px;
        margin: 0 0 10px 0;
    }

    #day h3 {
        width: 100%;
        text-align: center;
        font-size: 50px;
        margin: 0 0 10px 0;
    }


    #day h3 span {
        color: #eb9930;
    }

    #day p {
        color: #cd2d25;
    }

    /*ゴールデンウイーク
----------------------------------*/

    #goldenweek {
        width: 690px;
        margin: 0 auto;
        border: #f29400 6px solid;
        padding: 30px;
        box-sizing: border-box;
    }

    #goldenweek h2 {
        width: 100%;
        text-align: center;
        font-size: 50px;
        margin: 0 0 10px 0;
        color: #f29400;
    }


    #goldenweek figure {
    }

    #goldenweek p {
        margin: 0 0 10px 0;
        font-size: 20px;
    }

    #goldenweek p:last-child {
        margin: 0;
    }

    #goldenweek p strong {
        color: #e32e23;
    }

    #goldenweek table {
        width: 100%;
        font-size: 20px;
        text-align: center;
    }

    #goldenweek table th {
        padding: 1%;
        box-sizing: border-box;
        background: #fad69e;
        border: #e5b05c 1px solid;
        text-align: center;
    }

    #goldenweek table td {
        border: #e5b05c 1px solid;
    }

    #goldenweek table td span {
        text-decoration: line-through;
    }

    #goldenweek table td strong {
        color: #e32e23;
    }

    #goldenweek table td strong span {
        text-decoration: none;
        font-size: 130%;

    }

    #goldenweek p.min {
        font-size: 16px;
        text-align: right;
    }

    #goldenweek a {
        color: #e32e23;
    }
    /*btn
----------------------------------*/

    .btn {
        width: 100%;
        margin: 0 0 46px 0;
    }

    .btn div {
        margin: 0 0 24px 0;
    }

    .btn h2 {
        text-align: center;
    }

    /*発注履歴
----------------------------------*/

    #history {
        width: 100%;
        margin: 0 0 35px;
    }

    #history h2 {
        margin: 0 0 30px 0;
    }

    #history_bg {
        width: 689px;
        height: 433px;
        margin: 0 auto;
        background-image: url(../images/history_box.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        padding: 80px 10px 20px;
    }


    #history_bg div {
        width: 100%;
        height: 433px;
        overflow-y: auto;
    }

    #history div table {
        width: 100%;
        margin: 0 0 24px 0;
    }

    #history div table tr {
        border-bottom: #000000 2px dotted;
    }


    #history div table tr th {
        padding: 0 0 18px 0;
        font-size: 24px;
        font-weight: bold;
        line-height: 27px;
        width: 228px;
        text-align: center;
    }

    #history div table tr td {
        padding: 0 0 18px 20px;
        line-height: 27px;
        font-size: 24px;
    }

    #history div table tr td.name {
        background-image: url(../images/history_icon.png);
        background-repeat: no-repeat;
        padding: 0 20px 18px 36px;
    }

    /*予定日
----------------------------------------*/
#yotei {
border: orange 4px solid;
    padding: 3%;
    margin: 0 0 5%;
    text-align: center;
}

.delivery_date {
font-size: 1.5em;
    font-weight: bolder;
color: orange;
}

.delivery_date span{
font-size: .7em;
color: #000;
}
#delivery_date_limit {
    margin-bottom: 10px;
    text-align: center;
}

#delivery_date_text {
color: #ff0000;
    text-align: left;
    font-size: 0.80em;
}
    /*スクロールバー
----------------------------------------*/

    ::-webkit-scrollbar {
        width: 10px;
    }

    ::-webkit-scrollbar-track {
        border-radius: 10px;
        box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
    }

    ::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 50, .5);
        border-radius: 10px;
        box-shadow: 0 0 0 1px rgba(255, 255, 255, .3);
    }

    /*box04
----------------------------------------*/

    #box04 {
        width: 100%;
        background-image: url(../images/box04_bottom.jpg), url(../images/box04_body.jpg);
        background-repeat: no-repeat, no-repeat;
        background-position: left bottom, left top;
        padding: 108px 30px 20px;
        box-sizing: border-box;
    }

    #box04 h2 {
        text-align: center;
        margin: 0 0 20px;
    }

    .box04_text {
        text-align: center;
        margin: 0 0 35px;
        font-size: 24px;
        color: #695b39;
    }

    #box04 article {
        width: 100%;
        padding: 22px;
        background: #fff;
        box-sizing: border-box;
        box-shadow: 0px 9px 3px -3px rgba(0, 0, 0, 0.6);
        -webkit-box-shadow: 0px 9px 3px -3px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: 0px 9px 3px -3px rgba(0, 0, 0, 0.6);
        margin: 0 0 20px 0;
    }

    #box04 article figure {
        width: 221px;
        float: left;
    }

    #box04 article figure a {
        text-decoration: none;
    }

    #box04 article figure strong {
        display: block;
        font-size: 14px;
        text-align: center;
        color: #000000;
        padding: 10px 0 0 0;
    }

    #box04 article div {
        width: 400px;
        float: right;
    }

    #box04 article div h3 {
        font-size: 24px;
        color: #e88e13;
    }

    #box04 article div p {
        font-size: 22px;
        color: #000000;
    }

    .box04_btn {
        width: 100%;
        text-align: center
    }

    #box04_more {
        padding: 30px 0 0 0;
        display: none;
    }

    /*box05
---------------------------*/

    #box05 {
        /*margin: 0 0 72px 0;*/
    }

    .box05_body {
        background: #fee3ae;
        padding: 30px 20px;
    }

    .box05_top {
        margin: 0 0 30px 0;
    }

    .box05_top .box05_list {
        width: 49%;
        float: left;
        text-align: center;
    }

    .box05_list {
        width: 230px;
        float: left;
    }

    .box05_list:nth-child(2n) {
        margin: 0 4px 0;
    }

    .box05_list figure {
        margin: 0 0 12px 0;
    }


    .box05_list p {
        font-size: 20px;
        text-align: center;
    }

.wrapping {
        margin: 15px 0 35px 0;

}
.wrapping figure {
        margin: 0 0 12px 0;
    }

.wrapping p {
        font-size: 20px;
    }
    .box05_center {
        margin: 0 0 35px 0;
    }

    .box05_center figure {
        width: 230px;
        float: left;
    }

    .box05_center div {
        width: 447px;
        float: right;
        font-size: 20px;
        padding: 20px 0 0 0;
    }

    #box05_arrow {
        width: 197px;
        margin: 0 auto 30px;
    }

    /*box06
------------------------------*/

    #box06 {
        margin: 0 0 50px 0;
    }

    #box06 h2 {
        margin: 0 0 30px 0;
    }

    #box06 figure {
        width: 690px;
        margin: 0 auto;
    }


    /*footer
----------------------------------*/

    footer {
        width: 750px;
        margin: 0 auto;
        background: #372e2b;
        padding: 50px 40px 100px;
        box-sizing: border-box;
        color: #fff;
        text-align: center;
    }

    footer h2 {
        font-size: 24px;
    }

    footer p {
        font-size: 20px;
    }

    #telimg {
        text-align: center;
    }

    #obon {
        width: 96%;
        margin: 5% auto;
        padding: 3%;
        box-sizing: border-box;
        border: red 2px solid;
    }

    #obon h2 {
        font-size: 1.5em;
        color: orange;
    }

    #obon .red {
        color: red;
    }

    #obon strong {
        text-decoration: underline;
    }
        #bottom_btn {
        width: 750px;
        position: fixed;
        left: 50%;
        bottom: 0;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        background-color: #FED53D;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        padding: 5px;
        box-sizing: border-box;
    }
    #bottom_btn img{
        height: 70px;
    }

#btn_2column {
    text-align: center;
    padding: 1em 0 0;
    	display: -webkit-flex;
	display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
#btn_2column a{
    width: 70%;
}
    /*スマホ
------------------------------*/

    @media screen and (max-width: 750px) {
        #bottom_btn {
        width: 100%;
        position: fixed;
        left: 50%;
        bottom: 0;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        background-color:  #FED53D;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 5px;
        box-sizing: border-box;
    }
        body {
            font-size: 14px;
        }
        .pc {
            display: none;
        }
        .sp {
            display: block;
        }

        /*header
-----------------------*/
        header {
            width: 375px;
            margin: 0 auto;
            padding: 10px;
            box-sizing: border-box;
        }

        header h1 {
            width: 128px;
            float: left;
        }

        header address {
            width: 201px;
            float: right;
        }

        /*main
        ---------------------*/
        main {
            max-width: 375px;
            margin: 0 auto;
        }

        #topimg {
            margin: 0 0 18px 0;
        }


        /*予定日
----------------------------------*/
        #day {
            width: 345px;
            margin: 0 auto 10px;
            border: #f29400 3px solid;
            padding: 15px;
            box-sizing: border-box;
        }

        #day h2 {
            font-size: 20px;
            margin: 0 0 5px 0;
        }

        #day h3 {
            font-size: 25px;
            margin: 0 0 5px 0;
        }


        /*ゴールデンウイーク
----------------------------------*/
        #goldenweek {
            width: 345px;
            margin: 0 auto;
            border: #f29400 3px solid;
            padding: 15px;
            box-sizing: border-box;
        }

        #goldenweek h2 {
            width: 100%;
            text-align: center;
            font-size: 25px;
            margin: 0 0 5px 0;
        }
        #goldenweek figure {
            margin: 0 0 2% 0;
        }
        #goldenweek h3 {
            width: 100%;
            text-align: center;
            font-size: 12px;
            margin: 0 0 5px 0;
            color: #e32e23;
        }

        #goldenweek p {
            font-size: 10px;
            margin: 0 0 5px 0;
        }


        #goldenweek table {
            font-size: 13px;
        }

        #goldenweek table td strong span {
            text-decoration: none;
            font-size: 130%;
        }
        #goldenweek p.min {
            font-size: 10px;
            text-align: right;
        }
        /*btn
----------------------------------*/
        .btn {
            margin: 0 0 23px 0;
        }

        .btn div {
            margin: 0 0 12px 0;
        }

        .btn h2 img {
            width: 90%;
        }

        /*発注履歴
----------------------------------*/
        #history {
            width: 100%;
            margin: 0 0 17px;
        }

        #history h2 {
            margin: 0 0 15px 0;
        }

        #history_bg {
            width: 344.5px;
            height: 216.5px;
            margin: 0 auto;
            padding: 40px 5px 10px;
        }


        #history_bg div {
            height: 216.5px;
        }

        #history div table {
            margin: 0 0 12px 0;
        }

        #history div table tr {
            border-bottom: #000000 1px dotted;
        }


        #history div table tr th {
            padding: 0 0 9px 0;
            font-size: 11px;
            line-height: 13.5px;
            width: 114px;
        }

        #history div table tr td {
            padding: 0 0 9px 10px;
            line-height: 13.5px;
            font-size: 11px;
        }

        #history div table tr td.name {
            background-image: url(../images/history_icon.png);
            background-repeat: no-repeat;
            background-size: 12px 13.5px;
            padding: 0 10px 9px 18px;
        }

        /*スクロールバー
----------------------------------------*/
        ::-webkit-scrollbar {
            width: 5px;
        }

        ::-webkit-scrollbar-track {
            border-radius: 5px;
            box-shadow: inset 0 0 3px rgba(0, 0, 0, .1);
        }

        ::-webkit-scrollbar-thumb {
            background-color: rgba(0, 0, 50, .5);
            border-radius: 5px;
            box-shadow: 0 0 0 1px rgba(255, 255, 255, .3);
        }

        /*box04
----------------------------------------*/
        #box04 {
            width: 100%;
            background-image: url(../images/box04_bottom.jpg), url(../images/box04_body.jpg);
            background-repeat: no-repeat, no-repeat;
            background-position: left bottom, left top;
            background-size: 100%;
            padding: 54px 15px 10px;
            box-sizing: border-box;
        }

        #box04 h2 {
            text-align: center;
            margin: 0 0 10px;
        }

        .box04_text {
            text-align: center;
            margin: 0 0 17.5px;
            font-size: 12px;
        }

        #box04 article {
            width: 100%;
            padding: 11px;
            background: #fff;
            box-sizing: border-box;
            box-shadow: 0px 5px 2px -2px rgba(0, 0, 0, 0.6);
            -webkit-box-shadow: 0px 5px 2px -2px rgba(0, 0, 0, 0.6);
            -moz-box-shadow: 0px 5px 2px -2px rgba(0, 0, 0, 0.6);
            margin: 0 0 10px 0;
        }

        #box04 article figure {
            width: 110.5px;
            float: left;
        }

        #box04 article figure a {
            text-decoration: none;
        }

        #box04 article figure strong {
            display: block;
            font-size: 12px;
            padding: 5px 0 0 0;
        }

        #box04 article div {
            width: 200px;
            float: right;
        }

        #box04 article div h3 {
            font-size: 12px;
        }

        #box04 article div p {
            font-size: 11px;
            color: #000000;
        }

        .box04_btn {
            width: 100%;
            text-align: center
        }

        .box04_btn img {
            width: 60%;
        }

        #box04_more {
            padding: 15px 0 0 0;
            display: none;
        }

        /*box05
---------------------------*/
        #box05 {
            /*margin: 0 0 36px 0;*/
        }

        .box05_body {
            padding: 15px 10px;
        }

        .box05_top {
            margin: 0 0 15px 0;
        }
        .box05_top .box05_list {
            width: 49%;
            float: left;
        }
        .box05_list {
            width: 115px;
            float: left;
        }

        .box05_list:nth-child(2n) {
            margin: 0 2px 0;
        }

        .box05_list figure {
            margin: 0 0 6px 0;
        }


        .box05_list p {
            font-size: 10px;
            text-align: center;
        }

.wrapping {
        margin: 17.5px 0 17.5px 0;

}
.wrapping figure {
        margin: 0 0 6px 0;
    }
.wrapping h3 img {
            width: 140px;

}
.wrapping p {
        font-size: 10px;
    }
        .box05_center {
            margin: 0 0 17.5px 0;
        }

        .box05_center figure {
            width: 115px;
            float: left;
        }

        .box05_center div {
            width: 223.5px;
            float: right;
            font-size: 10px;
            padding: 10px 0 0 0;
        }

        #box05_arrow {
            width: 98.5px;
            margin: 0 auto 15px;
        }


        /*box06
------------------------------*/
        #box06 {
            margin: 0 0 25px 0;
        }

        #box06 h2 {
            margin: 0 0 15px 0;
        }

        #box06 figure {
            width: 345px;
            margin: 0 auto;
        }


        #telimg {
            width: 345px;
            margin: 0 auto;
            text-align: center;
        }
        /*footer
----------------------------------*/
        footer {
            max-width: 375px;
            padding: 25px 5px 50px;
            color: #fff;
            text-align: center;
        }

        footer h2 {
            font-size: 12px;
        }

        footer p {
            font-size: 10px;
        }


        #obon p {
        font-size: 0.8em;
    }
    }

    #form {
        /*margin-top: 4em;*/
        padding: 15px;
        background-color: #f8f8f8;
    }

    #form h2 {
        /*padding: 10px 5px;
  text-align: center;
  font-size:20px;*/
        background-image: url(/user_data/packages/default/common/img/bg_sp_midashi.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: left bottom;
        margin: 0;
        font-size: 20px;
        text-align: left;
        padding: 1em 0 9px 32px;
        position: relative;
        margin-bottom: 15px;
    }

    #form h2 span {
        color: #b9b2b0;
        font-size: 9px;
        position: absolute;
        right: 10px;
        bottom: 12px;
    }

    #form input[type=radio] {
        zoom: 1.5;
    }

    #form input[type=radio],
    #form input[type=checkbox] {
        display: inline-block;
    }

    .mt10 {
        margin-top: 10px;
    }

    .mt5 {
        margin-top: 5px;
    }

    .orderForm {
        width: 100%;
    }

    .orderForm th,
    .orderForm td {
        display: block;
        padding: 10px;
    }

    .orderForm th {
        padding-bottom: 0;
        font-weight: bold;
        border-bottom: 1px #ccc solid;
        border-top: 5px #E88E13 solid;
        padding-bottom: 10px;
        font-size: 16px;
        position: relative;
        border-left: 1px #ccc solid;
        border-right: 1px #ccc solid;
        background-color: #fff;
    }

    .orderForm th span.req {
        display: block;
        padding: 5px;
        background-color: #ff0000;
        color: #fff;
        font-size: 12px;
        position: absolute;
        right: 10px;
        top: 8px;
    }

    .orderForm td {
        text-align: left;
        padding-bottom: 40px;
        position: relative;
    }

    #confirmForm .orderForm td {
        padding-bottom: 10px;
    }

    .orderForm td label {
        font-size: 14px;
        font-weight: bold;
    }

    .orderForm td.date {
        text-align: center;
    }

    .orderForm td.date span.delivery_date {
        font-size: 30px;
        color: #eb9930;
        font-weight: bold;
        display: inline-block;
        margin-right: 5px;
    }

    .orderInfo {
        width: 100%;
    }

    .orderInfo td {
        padding-bottom: 0px;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .orderInfo th {
        border: none;
        padding: 5px;
        background-color: #f8f8f8;
    }

    .selected_imgtype_n {
        width: 48%;
        margin: 0px auto;
        padding: 10px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        background-color: #FFFaef;
        border: 2px #E88E13 solid;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    /*display: inline-block;*/
    }

    .unselected_imgtype img,
    .selected_imgtype_n img {
        width: 70%;
        /*float: left;*/
    }

    .unselected_imgtype {
        width: 48%;
        margin: 0px auto;
        padding: 10px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        ;
        border: 1px #bbbbbb dashed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
            vertical-align: top;
    /*display: inline-block;*/
    }

    .sizeSelect {
        /*display: flex !important;
        justify-content: space-between;
        flex-direction: row;*/
    }

    .sizeSelect label {
        display: inline-block;
        border-width: 2px;
        border-color: #ccc;
        border-style: solid;
        background-image: -moz-linear-gradient(90deg, #d0d1d5 0%, #fefdf9 100%);
        background-image: -webkit-linear-gradient(90deg, #d0d1d5 0%, #fefdf9 100%);
        background-image: -ms-linear-gradient(90deg, #d0d1d5 0%, #fefdf9 100%);
        margin-right: 6px;
        margin-bottom: 20px;
        border-radius: 5px;
        width: 47%;
        padding: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .sizeSelect label span {
        font-weight: normal;
        display: block;
        font-size: 11px;
    }

    .sizeSelect label.select {
        background: none;
        background-color: #FFFaef;
        border: 2px #FFc88b solid;
    }

    .sizeSelect label:last-child {
        margin-right: 0;
    }

    .sizeSelect label .img {
        margin-bottom: 5px;
        text-align: center;
    }

    .sizeSelect p.price {
        text-align: center;
        color: #ff0000;
    }

    .orderForm td select {
        width: 100%;
        background-color: #fff;
        border: 2px #838385 solid;
        padding: 10px;
        border-radius: 5px;
        margin-bottom: 5px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-size: 16px;
        background-image: url(/lp2/images/select_arrow.png);
        background-size: 20px auto;
        background-position: center right 10px;
        background-repeat: no-repeat;
    }

    #kouzu1,
    #kouzu2 {
        width: 49%;
    }

    .orderForm td p {
        font-size: 14px;
    }

    .orderForm td p.caution {
        color: #ff0000;
        font-weight: bold;
    }

    #form input[type=radio],
    #form input[type=checkbox] {
        zoom: 1.5;
        margin: 0;
        vertical-align: -3px;
    }

    #form input[type=text],
    #form input[type=tel],
    #form input[type=date] {
        width: 100%;
        border-width: 2px;
        border-color: #838385;
        border-style: solid;
        padding: 10px;
        font-size: 16px;
        border-radius: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    #form textarea {
        width: 100%;
        height: 100px;
        border-width: 2px;
        border-color: #838385;
        border-style: solid;
        padding: 10px;
        font-size: 16px;
    }

    #form .hideToArea {
        border: 2px #e88e13 solid;
        padding: 10px;
        margin-top: 5px;
    }

    #form .hideToArea p {
        font-size: 13px;
    }

    #form .formNote {
        padding: 0 10px 10px 10px;
    }

    #form .payment label {
        display: block;
        margin-bottom: 20px;
        margin-left: 10px;
    }

    #form .payment label:last-child {
        margin-bottom: 0;
    }

    #form .confirm_btn {
        display: block;
        padding: 10px;
        margin-bottom: 40px;
    }

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

    #summary {
        padding: 10px;
        text-align: center;
    }

    #summary .inbox {
        padding: 10px;
        border: 1px #e88e13 solid;
        background-color: #fff9ec;
        text-align: center;
    }

    #summary span {
        color: #e88e13;
        font-weight: bold;
        display: inline-block;
        padding: 0 10px;
        font-size: 20px;
    }

    .hideTable {
        display: none;
        font-size: 15px;
    }

    table.o_addcost {
        border-top: 1px solid #222222;
        border-left: 1px solid #222222;
        border-collapse: collapse;
        border-spacing: 0;
        background-color: #ffffff;
        empty-cells: show;
        color: #222222;
        font-size: 14px;
        font-weight: normal;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 15px;
        margin-bottom: 5px;
    }

    .o_addcost th {
        border-right: 1px solid #222222;
        border-bottom: 1px solid #222222;
        border-left: 1px solid #222222;
        color: #000000;
        background-color: #ffed95;
        padding: 5px 2px;
        text-align: center;
        font-weight: bold;
        font-size: 14px;
        display: table-cell;
        border-top: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .o_addcost td {
        border-right: 1px solid #222222;
        border-bottom: 1px solid #222222;
        padding: 3px 3px;
        font-size: 14px;
        font-weight: normal;
        display: table-cell;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    span.asta {
        color: #ff0000;
    }

    .summarybox {
        border-top: 1px #e88e13 solid;
        margin-top: 10px;
        padding-top: 10px;
    }

    .btnBox img {
        width: 100%;
    }

    #thanks h2 {
        text-align: center;
        font-size: 20px;
        margin-top: 20px;
    }

    #thanks p {
        padding: 10px;
        font-size: 16px;
    }

    #thanks .toplink {
        text-align: center;
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .kouzu_sample {
        padding: 10px;
        background-color: #fff;
    }

    .kouzu_sample .m-ra {
        font-weight: bold;
        text-align: center;
        margin-bottom: 5px;
    }

    #form .wrapping label {
        margin-bottom: 10px;
        display: block;
    }
#form .message_card {
  margin-top: 10px;
  display: block;
}
    #form .message_card label {
        margin-bottom: 10px;
        display: block;
    }

#form #onamae,
#form #onamae2{
  width: 49%;
}
#form #kana,
#form #kana2{
  width: 49%;
}
#form #tel,
#form #tel2,
#form #tel3{
  width: 30%;
}


.fixed .formErrorContent{
  background: transparent;
  color:#ff0000;
  font-weight: bold;
}

/*20200626追加分
-------------------------------------------------*/

.arrow {
    display: inline-block;
    border: #E88E13 2px solid;
    padding: 5px 10px;
    background: #fff;
    font-weight: bold;
    font-size: 16px;
    color: #E88E13;
    position: relative;
    margin: 0 0 1.5em;
    min-width: 130px;
    text-align: center;
}

.arrow:before {
    content: "";
    position: absolute;
    bottom: -24px;
    left: 50%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 12px solid #FFF;
    z-index: 2;
}

.arrow:after {
    content: "";
    position: absolute;
    bottom: -28px;
    left: 50%;
    margin-left: -16px;
    border: 13px solid transparent;
    border-top: 14px solid #E88E13;
    z-index: 1;
}

.more {
    display: inline-block;
    margin: 1.5em 0;
    font-size: 16px;
    color: #dc3531;
    padding: 5px 10px;
    border: #dc3531 2px solid;
    background: #fff;
    font-weight: bold;
}

.morebox {
    display: none;
}

.morebox div {
    font-size: 16px;
    padding: 20px;
    box-sizing: border-box;
    border: 2px dotted #ccc;
    margin: 0 0 2em;
    background: #fff;
}

.morebox div label {
    display: inline-block;
    margin: 0 0.3em 0 0;
}

.morebox figure {
    text-align: center;
}

.box {
    display: none;
}

.box p {
    padding: 10px 0;
}

.box p.arrow {
    padding: 5px 10px;
}

.boximg {
    padding: 1.5em;
    background: #fff;
    border: #ccc 2px dotted;
    margin: 0 0 10px;
}

.sizeSelect label,
.box label {
    display: inline-block;
    border-width: 2px;
    border-color: #ccc;
    border-style: solid;
    background-image: -moz-linear-gradient(90deg, #d0d1d5 0%, #fefdf9 100%);
    background-image: -webkit-linear-gradient(90deg, #d0d1d5 0%, #fefdf9 100%);
    background-image: -ms-linear-gradient(90deg, #d0d1d5 0%, #fefdf9 100%);
    margin-right: 6px;
    margin-bottom: 20px;
    border-radius: 5px;
    width: 47%;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#box07 {
    margin: 50px 0 50px 0;
}

#box07 h2 {
    margin: 0 0 30px 0;
}

#box07 figure {
    margin: 0 auto 50px;
    text-align: center;
}

._sp_show{
    display: none;
}
._sp_hidden{
    display: inline-block;
}


/*ハンバーガーメニュー*/
.jump_point {
padding-top: 95px;
margin-top: -95px;
}
.hamburger-menu {
    width: 750px;
    margin: 0 auto;
    height: 95px;
    position: fixed;
    z-index: 999;
    left: 50%;
    top: 0;
            transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
}
.menu-btn {
position: fixed;
    top: 0;
    right: 0;
    display: flex;
    height: 95px;
    width: 95px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background-color: #fe3502;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 50px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
}
.menu-btn span:before {
    bottom: 20px;
}
.menu-btn span:after {
    top: 20px;
}
#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}
#menu-btn-check {
    display: none;
}
.menu-content {
    width: 750px;
    height: auto;
    position: fixed;
    top: 95px;
    /*left:0*/;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: #fdfccc;
    transition: all 0.5s;/*アニメーション設定*/
        opacity: 0;
            display: none;
}
.menu-content ul {
    padding:20px;
}
.menu-content ul li {
    border-bottom: solid 1px #673b0a;
    list-style: none;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 20px;
    box-sizing: border-box;
    color:#673b0a;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #673b0a;
    border-right: solid 2px #673b0a;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}
#menu-btn-check:checked ~ .menu-content {
    /*top: 95px;*/
        opacity: 1;
            display: block;
}
.tokuten_title {
    margin: 0px 0px 30px;
}
@media screen and (max-width: 750px) {
    ._sp_show{
        display: inline-block;
    }
    ._sp_hidden{
        display: none;
    }

    .tokuten_title {
    margin: 0px 0px 15px;
}

/*ハンバーガーメニュー*/
.jump_point {
padding-top: 47.5px;
margin-top: -47.5px;
}
.hamburger-menu {
    width: 100%;
    height: 47.5px;
}
.menu-btn {
    height: 47.5px;
    width: 47.5px;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    height: 1.5px;
    width: 25px;
    border-radius: 1.5px;
}
.menu-btn span:before {
    bottom: 10px;
}
.menu-btn span:after {
    top: 10px;
}
.menu-content {
    width: 100%;
    top:47.5px;
}
.menu-content ul {
    padding:10px;
}
.menu-content ul li a {
    font-size: 16px;
    padding: 4.5px 7.5px 5px 0;
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #673b0a;
    border-right: solid 2px #673b0a;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 13px;
}

}

.size_select_description{
    position: absolute;
    top:5px;
    right:10px;
    color: red;
    font-size:14px !important;
    font-weight:900 !important;
}



/**
 *  アップセル関連
 */
#form.upsell_form{
    margin-top: 0;
    padding: 0;
    background-color: #fff;
}
#form.upsell_form h2{
    background: none;
    padding: 0;
    margin: 0 0 10%;
}
#form.upsell_form h3{
    margin: 0 0 5%;
}
#form.upsell_form figure{
    margin: 0 0 10%;
}
#form.upsell_form form{
    width: 90%;
    margin: 0 auto;
    margin-bottom: 10%;
}
#form.upsell_form input[type="image"]{
    width: 100%;
}
#form.upsell_form select{
    margin-bottom: 5%;
}
#form.upsell_form .form_button_box{
    margin-top: 3%;
}
#form.upsell_form .form_button_box li{
    margin: 0 0 3%;
}
#form.upsell_form h4{
    font-size: 24px;
    color: #ffc600;
    margin: 0 0 2%;
}
#form.upsell_form th{
    border-bottom: #ccc 1px solid;
    border-left: #ccc 1px solid;
    border-right: #ccc 1px solid;
    border-top: #ffc600 5px solid;
    padding: 3% 3% 2%;
    font-size: 24px;
    margin: 0 0 5%;
}
#form.upsell_form td{
    padding: 0;
}

.bx-wrapper {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.bx-wrapper img {
    display: block;
    margin: 0px auto;
}



.footer_link{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1em 0;
}
.footer_link a{
    color: #fff;
    font-size: 14px;
    padding: 0 0.5em;
    border-right: 1px solid #fff;
}
.footer_link li:last-child a{
    border-right: none;
}