.dealer { color: #333; font-size: 15px; line-height: 1.6rem; }
.dealer h1 { font-size: 20px; font-weight: bold; margin: 0 0 10px; padding: 4px 10px 4px 25px; border-left: 1px solid #555; }
.dealer img { max-width: 100%; height: auto; }
.dealer iframe { max-width: 100%; }
.dealer a { color: #1e7af1; }

.dealer #main { width: 100%; max-width: 1000px; margin: 0 auto 30px; }
.dealer aside { width: 100%; max-width: 1000px; margin: 0 auto 10px; }

.dealer .main_image { text-align: center; margin: 0 0 30px; padding: 0; }

.dealer .arrow { position: relative; padding-left: 20px; }
.dealer .arrow::before { content: ""; display: inline-block; position: absolute; top: calc(50% - 4px); left: 2px; width: 6px; height: 6px; line-height: 1; margin: 0; border: 0; border-top: solid 2px #888; border-right: solid 2px #888; transform: rotate(45deg);  }
.dealer a.arrow::before { border-color: #1e7af1; }
.dealer a.arrow:hover { text-decoration: underline; }
.dealer .link { padding-top: 10px; }

.dealer picture { display: inline-block; margin: 0; padding: 0; }
.dealer picture img { vertical-align: bottom; margin: 0; padding: 0; }

@media screen and (max-width: 750px){

    .dealer { font-size: 14px; }
    .dealer h1 { font-size: 17px; margin: 0 0 10px; padding: 3px 5px 3px 20px; }
    
}

/* index */

.index { margin: 0 0 30px; padding: 15px 0; }
.index h2 { font-size: 18px; font-weight: bold; margin: 0 0 20px; padding: 10px; border-bottom: 4px dotted #ccc; }
.index h3 { font-size: 16px; font-weight: bold; margin: 0 0 10px; padding: 7px 5px; border-bottom: 4px dotted #ccc; }
.index h3 span { color: #FF0000; font-size: 22px; padding: 0 5px; }

.index .detail { margin: 0 0 30px; padding: 10px; }
.index .detail .attention { font-size: 16px; font-weight: bold; margin: 0 0 10px; padding: 10px 0; }
.index .detail .attention span { color: #FF0000; font-size: 18px; padding-right: 10px; }
.index .detail ul { margin: 0 0 5px; padding: 10px; }
.index .detail li { position: relative; margin: 0 0 5px; padding: 1px 1px 1px 25px; }
.index .detail li::before { content: "×"; position: absolute; top: 5px; left: 0; display: inline-block; width: 18px; height: 18px; color: #CC0000; font-size: 18px; font-weight: bold; line-height: 18px; }

.index .cta { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; max-width: 860px; margin: 0 auto 50px; padding: 10px; border-radius: 5px; background: #ececec; }
.index .cta p { width: calc(45% - 30px); margin: 0; padding: 15px; text-align: center; }
.index .cta span { display: block; font-size: 14px; line-height: 1; text-align: center; margin: 0 0 10px; padding: 1px; }
.index .cta a { position: relative; display: block; width: 310px; max-width: calc(98% - 20px); font-size: 16px; font-weight: bold; text-align: center; letter-spacing: .05em; margin: 0 auto; padding: 10px; border-radius: 30px; border: 2px solid #FF972E; }
.index .cta a::after { content: ""; position: absolute; top: calc(50% - 4px); right: 25px; display: inline-block; width: 8px; height: 8px; margin: 0; padding: 0; border-top: 2px solid #fb9047; border-right: 2px solid #fb9047; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.index .cta .signup a { color: #fff; background: #FF972E; }
.index .cta .signup a::after { border-color: #fff; }
.index .cta .login a { color: #FF972E; background: #fff;}

.index .point { margin: 0 0 30px; padding: 10px; }
.index .point ul { display: flex; justify-content: space-around; max-width: 750px; margin: 0 auto 5px; padding: 10px; }
.index .point li { position: relative; text-align: center; margin: 0 10px 5px; padding: 10px; }
.index .point li span { display: block; color: #265C6E; font-size: 15px; font-weight: bold; }

.index .flow { margin: 0 0 30px; padding: 10px; }
.index .flow dl { margin: 0; padding: 10px; }
.index .flow dt { position: relative; color: #265C6E; font-size: 16px; font-weight: bold; margin: 0 0 5px; padding: 2px 2px 2px 90px; }
.index .flow dd { font-size: 14px; margin: 0 0 15px; padding: 2px 2px 2px 91px; }
.index .flow dt::before { position: absolute; top: 0; left: 0; display: inline-block; width: 60px; font-size: 14px; line-height: 1; text-align: center; margin: 0; padding: 5px; border: 1px solid #265C6E; }
.index .flow dt:nth-of-type(1):before { content: "step 1"; }
.index .flow dt:nth-of-type(2):before { content: "step 2"; }
.index .flow dt:nth-of-type(3):before { content: "step 3"; }
.index .flow dt::after { content: ""; position: absolute; bottom: -22px; left: 25px; display: inline-block; width: 0; height: 0; margin: 0; padding: 0; border: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #265C6E; }

.index .faq { margin: 0 0 30px; padding: 10px; }
.index .faq dl { margin: 0; padding: 10px; }
.index .faq dt { position: relative; font-size: 15px; font-weight: bold; margin: 0 0 5px; padding: 2px 2px 2px 27px; }
.index .faq dd { font-size: 14px; margin: 0 0 15px; padding: 2px 2px 2px 30px; }
.index .faq dt::before { content: "Q"; position: absolute; top: 4px; left: 0; display: inline-block; color: #0088B3; font-size: 20px; font-weight: bold; line-height: 1; text-align: center; margin: 0; padding: 0; }

.index .contact { text-align: center; margin: 0 0 30px; padding: 20px 10px; border-top: 1px solid #e2e2e2; }
.index .contact h4 { font-size: 15px; font-weight: bold; margin: 0 0 5px; padding: 10px; }
.index .contact p { font-size: 14px; }
.index .contact .form { margin: 0 0 15px; padding: 10px; }
.index .contact .form a { position: relative; display: inline-block; width: 310px; max-width: calc(98% - 20px); color: #fff; font-size: 16px; font-weight: bold; letter-spacing: .05em; margin: 0; padding: 10px; border-radius: 30px; border: 2px solid #0088B3; background: #0088B3; }
.index .contact .form a::after { content: ""; position: absolute; top: calc(50% - 4px); right: 25px; display: inline-block; width: 8px; height: 8px; margin: 0; padding: 0; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

@media screen and (max-width: 750px){

    .index { margin: 0 0 20px; padding: 15px 0; }
    .index h2 { font-size: 16px; margin: 0 0 20px; padding: 8px 5px; border-bottom: 3px dotted #ccc; }
    .index h3 { font-size: 15px; margin: 0 0 10px; padding: 7px 5px; border-bottom: 3px dotted #ccc; }
    .index h3 span { font-size: 20px; padding: 0 5px; }
    
    .index .detail { margin: 0 0 30px; padding: 10px; }
    .index .detail .attention { font-size: 14px; }
    .index .detail .attention span { font-size: 14px; padding-right: 7px; }
    .index .detail ul { margin: 0 0 5px; padding: 10px 0; }
    .index .detail li { margin: 0 0 5px; padding: 1px 1px 1px 20px; }
    .index .detail li::before { top: 4px; }
    
    .index .cta { max-width: auto; margin: 0 0 30px; padding: 10px; }
    .index .cta p { width: calc(98% - 30px); }
    .index .cta span { font-size: 13px; }
    .index .cta a { font-size: 15px; }
    
    .index .point { margin: 0 0 20px; padding: 10px; }
    .index .point ul { flex-wrap: wrap; justify-content: flex-start; margin: 0; padding: 10px; }
    .index .point li { display: flex; align-items: center; text-align: left; margin: 0 0 5px; padding: 0; }
    .index .point li span { font-size: 14px; line-height: 1.5em; padding: 5px 15px; }
    .index .point li span:nth-of-type(2) { padding-bottom: 10px; }
    .index .point li img { width: 60px; height: auto; }
    
    .index .flow { margin: 0 0 20px; padding: 10px; }
    .index .flow dl { margin: 0; padding: 10px 5px; }
    .index .flow dt { font-size: 14px; margin: 0 0 5px; padding: 2px 2px 2px 75px; }
    .index .flow dd { font-size: 13px; margin: 0 0 10px; padding: 2px 2px 2px 76px; }
    .index .flow dt::before { top: 3px; font-size: 13px; width: 50px; padding: 3px; }
    .index .flow dt::after { bottom: -22px; left: 22px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #265C6E; }
    
    .index .faq { margin: 0 0 20px; padding: 10px; }
    .index .faq dl { margin: 0; padding: 10px 0; }
    .index .faq dt { font-size: 14px; margin: 0 0 5px; padding: 2px 2px 2px 27px; }
    .index .faq dd { font-size: 13px; margin: 0 0 15px; padding: 2px 2px 2px 30px; }
    .index .faq dt::before { top: 4px; font-size: 18px; }
    
    .index .contact { margin: 0 0 20px; padding: 25px 10px; }
    .index .contact h4 { font-size: 14px; margin: 0 0 5px; padding: 10px; }
    .index .contact p { font-size: 12px; }
    .index .contact .form { margin: 0 0 12px; padding: 10px; }
    .index .contact .form a { font-size: 15px; padding: 12px 15px; }
    .index .contact .form a::after { right: 20px; }

}

/* login */

.login { margin: 0 0 20px; padding: 50px 0; }
.login .form { width: 800px; max-width: calc(100% - 60px); margin: 0 auto 30px; padding: 25px 20px; border: 1px solid #ccc; }
.login .form dl { width: 700px; max-width: calc(100% - 20px); margin: 0 auto; padding: 10px; }
.login .form dt { font-size: 15px; font-weight: bold; margin: 0 0 5px; padding: 1px 5px; }
.login .form dd { margin: 0 0 20px; padding: 1px 5px; }
.login .form input[type="text"], .login .form input[type="password"] { font-size: 16px; margin: 0; padding: 5px 10px; display: inline-block; width: calc(100% - 22px); vertical-align: middle; border: 1px solid #ccc; }
.login .form .submit { text-align: center; margin: 0 0 10px; padding: 0; }
.login .form .submit button { display: inline-block; width: 400px; max-width: calc(100% - 40px); color: #fff; font-size: 18px; font-weight: bold; line-height: 1; letter-spacing: .05em; margin: 0 auto; padding: 15px; border: none; border-radius: 30px; background-color: #a5a5a5; outline: none; cursor: pointer; }
.login .links { width: 800px; max-width: calc(100% - 60px); margin: 0 auto 20px; padding: 20px; }
.login .links ul { margin: 0; padding: 0; }
.login .links li { position: relative; font-size: 14px; margin: 0 0 5px; padding: 0 0 0 20px; }
.login .links li::before { content: ""; position: absolute; top: calc(50% - 5px); left: 0; width: 5px; height: 5px; border-top: 2px solid #888; border-right: 2px solid #888; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.login .links li a { display: inline-block; color: #333; text-decoration: none; margin: 0; padding: 2px 5px; }

.login .passremind_detail { width: 690px; max-width: calc(100% - 30px); margin: 0 auto; padding: 10px; }

/* terms */

.terms { margin: 0 0 30px; padding: 15px 0; }
.terms dl { counter-reset: number 0; }
.terms dt { font-size: 15px; margin: 0 0 5px; padding: 2px; }
.terms dt::before { counter-increment: number 1; content: counter(number) ". "; }
.terms dd { font-size: 14px; line-height: 1.9em; margin: 0 0 15px; padding: 2px 2px 2px 15px; }
.terms dd p { font-size: 14px; margin: 0 0 5px; padding: 0; }
.terms dd ul { margin: 0 0 5px; padding: 10px; }
.terms dd ul li { list-style-type: lower-roman; margin: 0 0 2px 15px; padding: 2px; }
.terms > dl { margin: 0; padding: 10px; }
.terms > dl > dt { font-size: 16px; font-weight: bold; margin: 0 0 10px; padding: 5px; }
.terms > dl > dd { margin: 0 0 20px; padding: 5px 5px 5px 20px; }

@media screen and (max-width: 750px){

    .terms dt { font-size: 14px; margin: 0 0 5px; padding: 2px; }
    .terms dd { font-size: 13px; margin: 0 0 10px; padding: 2px 0 2px 17px; }
    .terms dd p { font-size: 13px; margin: 0 0 5px; padding: 0; }
    .terms dd ul { margin: 0 0 5px; padding: 10px 0 10px 5px; }
    .terms dd ul li { margin: 0 0 2px 15px; padding: 2px 0 2px 2px; }
    .terms > dl { margin: 0; padding: 10px 5px; }
    .terms > dl > dt { font-size: 15px; margin: 0 0 10px; padding: 2px; }
    .terms > dl > dd { margin: 0 0 15px; padding: 3px 0 3px 10px; }

}

/* cart */

.cart { margin: 0 0 20px; padding: 20px 0; }
.cart .inner { display: flex; flex-direction: column; justify-content: center; width: 1000px; max-width: calc(100% - 60px); margin: 0 auto 30px; padding: 20px; }
.cart .detail { display: inline-block; margin: 0 auto 50px; padding: 20px 35px; background: #ffebeb; }
.cart .page_back { display: inline-block; margin: 0 0 20px; padding: 0; }
.cart .page_back a { position: relative; display: inline-block; color: #000; margin: 0; padding: 10px 25px 10px 35px; border: 1px solid #ccc; }
.cart .page_back a::before { content: ""; position: absolute; top: calc(50% - 4px); left: 15px; width: 5px; height: 5px; border-top: 2px solid #888; border-right: 2px solid #888; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.cart .order { margin: 0 0 20px; padding: 20px 35px; border: 1px solid #ccc; }
.cart .order dl { display: flex; flex-wrap: wrap; align-items: center; margin: 0; padding: 15px 10px 10px; border-top: 1px dashed #ccc; }
.cart .order dl:nth-of-type(1) { border: none; }
.cart .order dt { width: 80px; font-size: 12px; font-weight: bold; text-align: center; margin: 0; padding: 2px 20px 2px 2px; }
.cart .order dd { display: flex; align-items: center; width: calc(100% - 106px); font-size: 15px; margin: 0; padding: 2px; }
.cart .order dd span::after { content: "円"; display: inline-block; font-size: 12px; padding-left: 7px; }
.cart .order dd button { font-size: 11px; letter-spacing: 1px; margin: 0 5px; padding: 3px 12px; border: 1px solid #ccc; background-color: #eee; border-radius: 3px; cursor: pointer; }
.cart .order dd input[type="number"] { display: inline-block; width: 50px; font-size: 15px; text-align: right; margin: 0; padding: 2px 5px 2px 5px; }
.cart .order .del { display: inline-block; width: 70px; text-align: right; margin: 0 0 0 auto; }
.cart .total { border-top: 1px solid #ccc; margin: 0; padding: 10px 0 0; }
.cart .total dl { border: none; padding: 10px; }
.cart .total dt { width: calc(100% - 208px); font-size: 14px; font-weight: bold; text-align: right; margin: 0; padding: 2px; }
.cart .total dd { justify-content: flex-end; width: 200px; font-size: 16px; text-align: right; margin: 0; padding: 2px; }
.cart .total dd::after { content: "円"; display: inline-block; font-size: 13px; padding-left: 10px; }
.cart .shipping { margin: 0 0 30px; padding: 10px 35px; border: 1px solid #ccc; }
.cart .shipping dl { display: flex; flex-wrap: wrap; align-items: center; margin: 0; padding: 10px; }
.cart .shipping dt { width: 110px; font-size: 13px; font-weight: bold; text-align: right; margin: 0; padding: 10px 20px 10px 0; }
.cart .shipping dd { display: flex; width: calc(100% - 180px); margin: 0; padding: 10px 5px; }
.cart .shipping select { min-width: 100px; margin: 0 5px; padding: 5px 10px; }
.cart .shipping input[type="text"] { width: calc(100% - 30px); font-size: 15px; margin: 0 5px; padding: 5px 10px; }
.cart .submit { text-align: center; margin: 0 0 10px; padding: 30px 10px; }
.cart .submit button { display: inline-block; width: 450px; color: #fff; font-size: 20px; font-weight: bold; line-height: 1; letter-spacing: .05em; margin: 0 auto; padding: 20px 15px; border: none; border-radius: 30px; background-color: #ee9b34; outline: none; cursor: pointer; }
.cart .estimate { text-align: center; margin: 0 0 35px; padding: 10px; }
.cart .estimate a { display: inline-block; width: 320px; color: #666; font-size: 18px; font-weight: bold; line-height: 1; letter-spacing: .05em; margin: 0 auto; padding: 15px 15px; border-radius: 30px; border: 2px solid #bbb; }
.cart .notes { margin: 0 0 15px; padding: 10px; }
.cart .none { font-size: 15px; font-weight: bold; text-align: center; margin: 0 0 20px; padding: 20px; }
.cart .completion { margin: 0 auto 20px; padding: 35px 50px; border-radius: 6px; background: #efefef; }
.cart .completion h2 { font-size: 18px; margin: 0 0 25px; }
.cart .completion p { font-size: 14px; margin: 0 0 5px; }
.cart .completion a { position: relative; display: block; color: #000; margin: 0; padding: 2px 10px 2px 25px; }
.cart .completion a::before { content: ""; top: calc(50% - 4px); left: 5px; position: absolute; display: inline-block; width: 4px; height: 4px; border-top: 2px solid #666; border-right: 2px solid #666; -webkit-transform: rotate(45deg); transform: rotate(45deg); }


@media screen and (max-width: 1000px){

    .cart .order dt { width: 70px; margin: 0; padding: 2px 15px 2px 2px; }
    .cart .order dd { width: calc(100% - 121px); }
    .cart .total dt { width: calc(100% - 208px); margin: 0; padding: 2px; }
    .cart .total dd { width: 200px; margin: 0; padding: 2px; }
    .cart .shipping { margin: 0 0 20px; padding: 10px 20px; }

}

@media screen and (max-width: 750px){

    .cart { margin: 0 0 20px; padding: 10px 0; }
    .cart .inner { width: auto; max-width: calc(100% - 10px); margin: 0 0 20px; padding: 5px; }
    .cart .detail { font-size: 13px; margin: 0 5px 30px; padding: 20px 25px; }
    .cart .page_back { margin: 0 0 20px; padding: 0; }
    .cart .page_back a { font-size: 13px; margin: 0; padding: 7px 22px 7px 35px; }
    .cart .page_back a::before { top: calc(50% - 3px); left: 15px; width: 4px; height: 4px; }
    .cart .order { margin: 0 0 20px; padding: 10px; }
    .cart .order dl { align-items: flex-start; margin: 0; padding: 15px 5px 10px; }
    .cart .order dt { width: 50px; font-size: 11px; line-height: 1.45em; margin: 0; padding: 8px 15px 5px 2px; }
    .cart .order dd { width: calc(100% - 71px); font-size: 14px; line-height: 1.45em; margin: 0; padding: 5px 2px; }
    .cart .order dd button { margin: 0 5px; padding: 2px 12px; }
    .cart .order dd input[type="number"] { width: 40px; font-size: 16px; padding: 2px 5px 2px 5px; }
    .cart .total dl { align-items: center; padding: 10px; }
    .cart .total dt { width: calc(40% - 4px); font-size: 12px; white-space: nowrap; margin: 0; padding: 2px; }
    .cart .total dd { width: calc(60% - 4px); font-size: 14px; white-space: nowrap; margin: 0; padding: 2px; }
    .cart .total dd::after { font-size: 12px; }
    .cart .shipping { margin: 0 0 20px; padding: 10px; }
    .cart .shipping dl { align-items: center; margin: 0; padding: 5px; }
    .cart .shipping dt { width: calc(100% - 10px); font-size: 12px; font-weight: bold; text-align: left; margin: 0; padding: 5px; }
    .cart .shipping dd { width: calc(100% - 6px); margin: 0 0 10px; padding: 3px; }
    .cart .shipping select { font-size: 16px; margin: 0 5px; padding: 3px 10px; }
    .cart .shipping input[type="text"] { width: calc(100% - 30px); font-size: 16px; margin: 0 5px; padding: 5px 10px; }
    .cart .submit { margin: 0 0 15px; padding: 10px; }
    .cart .submit button { width: calc(98% - 20px); max-width: 450px; font-size: 18px; margin: 0 auto; padding: 18px 10px; }
    .cart .estimate { margin: 0 0 50px; padding: 10px; }
    .cart .estimate a { width: calc(70% - 20px); max-width: 320px; font-size: 15px; margin: 0 auto; padding: 15px 10px; border: 1px solid #bbb; }
    .cart .notes { margin: 0 0 10px; padding: 10px; }
    .cart .none { font-size: 15px; margin: 0 0 25px; padding: 30px 10px; }
    .cart .completion { margin: 0 0 20px; padding: 35px 35px; }
    .cart .completion h2 { font-size: 17px; margin: 0 0 30px; }
    .cart .completion p { margin: 0 0 10px; }

}

/* estimate */

#estimate { width: 100%; height: auto; margin: 0; padding: 0; }
#estimate .inner { width: 210mm; height: auto; min-height: 294mm; page-break-after: always; }

@media screen {
    
    #estimate .inner { background: white; box-shadow: 0 .5mm 2mm rgba(0,0,0,.3); margin: 5mm; }
    #estimate #print{position: absolute; width:200px; height:auto; top:10px; left:10px;}
    #estimate #print a{ display:block; color:#FFF; font-size:20px; text-decoration:none; text-align:center; margin:0; padding:25px 0 24px; width:100%; height:auto;background-color:rgba(0,0,0,0.5);}
    #estimate #print a:hover{background-color:rgba(0,0,0,0.6);}

    @media screen and (max-width: 750px){
    
        #estimate #print { position: fixed; width: 80%; height: auto; top: auto; bottom: 20px; left: 10%; }
        #estimate #print a{ font-size: 23px; font-weight: bold; letter-spacing: 2px; margin: 0; padding: 25px 0; border-radius: 5px; }
    }

}

@media print {
    #estimate #print{ display: none; }
}

#estimate .inner { color:#555; font-size:12px; margin:0 auto; padding:0; }
#estimate .sheet{width:calc(100% - 100px); margin:0; padding:30px 50px;}
#estimate .sheet h1{ color:#666; font-size:22px; font-weight:500; text-align:center; letter-spacing:5px; height:auto; line-height:1em; margin:10px 0 20px 0; padding:10px 0 5px; /*border-top:1px solid #666; border-bottom:1px solid #666;*/}
#estimate .sheet p.date{ text-align:right; margin:0; padding:0;}
#estimate .dealer{ display:inline-block; vertical-align:top; width:60%; margin:20px 0 0; padding:0;}
#estimate .dealer h2{ font-size:13px; font-weight:normal; margin:0 0 5px; padding:0;}
#estimate .dealer p{ line-height:1.2em; margin:2px 0; padding:0;}
#estimate .amberpiece{ display:inline-block; vertical-align:top; width:34%; margin:28px 0 0 5%; padding:0;}
#estimate .amberpiece h3{ font-size:13px; font-weight: normal;margin:0; padding:0;}
#estimate .amberpiece p{ font-size:12px; line-height:1.2em; margin:2px 0; padding:0;}
#estimate table.estimated_value{width:50%; font-size:13px; line-height: 1.2em; margin:30px 0 10px; padding:0; border: 1px solid #666; border-collapse:collapse;}
#estimate table.estimated_value tr{margin:0;padding:0;}
#estimate table.estimated_value th{width:55%;font-size:12px;font-weight:normal;letter-spacing:1px;}
#estimate table.estimated_value th,
#estimate table.estimated_value td{font-size:13px;border-collapse:collapse;border:1px solid #666;line-height: 1.2em;margin:0;padding: 10px 10px 8px;}
#estimate table.estimated_value td{text-align:right;}
#estimate table.estimated_value tr:nth-of-type(2) th,
#estimate table.estimated_value tr:nth-of-type(2) td{ font-size:11px;padding: 7px 10px 6px;}
#estimate table.order { width:calc(100% - 4px); font-size:11px; line-height: 1.2em; margin:10px 0; padding:0; border: 1px solid #666; border-collapse:collapse; background-color:#FFF;}
#estimate table.order th,
#estimate table.order td {border-collapse: collapse;border: 1px solid #666;line-height: 1.2em;margin:0;padding: 8px 10px 6px;}
#estimate table.order th{font-size:11px; font-weight:normal; background-color:#fff;}
#estimate table.order th:first-of-type{width:20%;}
#estimate table.order th:nth-of-type(2){width:42%;}
#estimate table.order th:nth-of-type(3){width:13%;}
#estimate table.order th:nth-of-type(4){width:10%;}
#estimate table.order th:nth-of-type(5){width:15%;}
#estimate table.order td:nth-of-type(3),
#estimate table.order td:nth-of-type(5){text-align:right;padding:8px 5px 6px 1px;}
#estimate table.order td:nth-of-type(4){text-align:center;padding:8px 1px 6px;}
#estimate table.order tr.total td,
#estimate table.order tr.fee td,
#estimate table.order tr.tax td{ text-align:right;padding:8px 5px 6px 1px;}
#estimate table.order tr.tax td{ font-size:10px;}
#estimate .notes { margin:20px 0 5px; padding:0;}
#estimate .notes p{ font-size:12px; text-align:right;}

/* dealer_account */

.dealer.account { width: calc(100% - 20px); max-width: 1000px; margin: 0 auto 30px; padding: 15px 10px; }

@media screen and (max-width: 750px){
    .dealer.account { width: calc(100% - 10px); max-width: calc(100% - 10px); margin: 0 0 30px; padding: 10px 5px; }
}

/* order_list */

.dealer.account .order_list { min-height: 500px; margin: 0 0 20px; padding: 10px 0; }
.dealer.account .order_list h2 { font-size: 18px; font-weight: bold; margin: 0 0 50px; padding: 10px; border-bottom: 1px solid #ccc; }
.dealer.account .order_list table { width: calc(100% - 20px); margin: 0 auto; padding: 0; border-collapse: collapse; }
.dealer.account .order_list th { font-size: 14px; font-weight: bold; padding: 10px 10px; border: 1px; border-style: solid solid; border-color: #d5d5d5 #efefef; border-collapse: collapse; }
.dealer.account .order_list td { font-size: 14px; padding: 7px 15px; border: 1px; border-style: solid solid; border-color: #d5d5d5 #efefef; border-collapse: collapse;  }
.dealer.account .order_list th:nth-of-type(1) { width: 25%; }
.dealer.account .order_list th:nth-of-type(2) { width: 20%; }
.dealer.account .order_list th:nth-of-type(3) { width: 20%; }
.dealer.account .order_list td:nth-of-type(1) { text-align: center; }
.dealer.account .order_list td:nth-of-type(2) { text-align: center; }
.dealer.account .order_list td:nth-of-type(3) { text-align: right; padding-right: 25px; }
.dealer.account .order_list td:nth-of-type(4) { font-size: 13px; padding: 7px 20px; }
.dealer.account .order_list td:nth-of-type(3) span::after { content: "円"; display: inline-block; font-size: 12px; margin: 0; padding: 0 0 0 5px; }

@media screen and (max-width: 750px){
    
    .dealer.account .order_list { margin: 0 0 30px; padding: 10px 0; }
    .dealer.account .order_list h2 { font-size: 15px; margin: 0 0 35px; padding: 10px; }
    .dealer.account .order_list table { width: calc(100% - 2px); }
    .dealer.account .order_list th { font-size: 11px; padding: 7px 5px; }
    .dealer.account .order_list td { font-size: 13px; padding: 10px 5px; }
    .dealer.account .order_list th:nth-of-type(1) { width: 48%; }
    .dealer.account .order_list th:nth-of-type(2) { width: 25%; }
    .dealer.account .order_list th:nth-of-type(3) { width: 27%; }
    .dealer.account .order_list th:nth-of-type(4) { display: none; }
    .dealer.account .order_list td:nth-of-type(2) { font-size: 11px; }
    .dealer.account .order_list td:nth-of-type(3) { padding-right: 10px; }
    .dealer.account .order_list td:nth-of-type(4) { display: none; }
    .dealer.account .order_list td:nth-of-type(3) span::after { font-size: 11px; padding: 0 0 0 3px; }

}

/* dealer_menu */

.dealer.account .dealer_menu { width: 100%; margin: 0 0 50px; padding: 0; }
.dealer.account .dealer_menu ul { display: flex; align-items: center; margin: 0; padding: 10px; border-radius: 3px; background: #f1f1f1; }
.dealer.account .dealer_menu li { width: calc((100% / 3) - 11px); text-align: center; margin: 0; padding: 0 5px; border-right: 1px solid #d5d5d5; }
.dealer.account .dealer_menu li:nth-last-of-type(1) { border: none;}
.dealer.account .dealer_menu li a { position: relative; display: block; color: #333; font-size: 13px; font-weight: bold; line-height: 1; margin: 0; padding: 8px; border-radius: 5px; }

@media screen and (max-width: 750px){
    
    .dealer.account .dealer_menu { margin: 0 0 20px; padding: 0; }
    .dealer.account .dealer_menu li a { font-size: 12px; padding: 10px 5px; }

}

/* dealer_nav */

.dealer.account .dealer_nav { width: 100%; margin: 0 0 30px; padding: 0; }
.dealer.account .dealer_nav ul { display: flex; justify-content: center; align-items: center; margin: 0 auto; padding: 10px; border: 1px solid #d5d5d5; }
.dealer.account .dealer_nav li { width: 250px; text-align: center; margin: 0; padding: 5px; }
.dealer.account .dealer_nav li a { position: relative; display: inline-block; color: #333; font-size: 13px; line-height: 1; margin: 0; padding: 5px 20px; }
.dealer.account .dealer_nav li a::before { content: ""; position: absolute; top: calc(50% - 3px); left: 0; display: inline-block; width: 4px; height: 4px; margin: 0; padding: 0; border-top: 2px solid #888; border-right: 2px solid #888; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

@media screen and (max-width: 750px){

    .dealer.account .dealer_nav { margin: 0 0 20px; padding: 0; }
    .dealer.account .dealer_nav ul { margin: 0; padding: 5px 10px; }
    .dealer.account .dealer_nav li { width: calc(50% - 10px); padding: 5px; }
    .dealer.account .dealer_nav li a { font-size: 12px; padding: 10px 5px 10px 17px; }


}

/* OLD */

.form .aleat { margin: 0 0 20px; padding: 15px 20px; background: #faeeee; }
.form .aleat span { font-size: 14px; font-weight: bold; }

#account { margin-bottom: 50px!important; }

.pagenation { margin: 0; padding: 10px; }
.pagenation ul { display: flex; justify-content: flex-end; align-items: center; margin: 0; padding: 0 5px; }
.pagenation ul li { margin: 0; padding: 0 2px; }
.pagenation ul li a { display: flex; align-items: center; font-size: 13px; margin: 0; padding: 2px 5px; }