@charset "utf-8";

/* ==================================================================
    design.css

=================================================================== */

/* --------------------------------
   □ 共通class
-------------------------------- */

main section > h4{
    margin-top: 60px;
}

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

main ul.image li{
    display: inline-block;
}

main ul{
    padding-bottom: 20px;
}

p.zenpri a img:hover{
    opacity: 0.7;
}

main .border{
    margin-top: 10px;
}

/* --------------------------------
   □ blog
-------------------------------- */

#silkscreen dl.blog ul.buttonStyle li{
    float: left;
    margin-right: 62px;
}

#silkscreen dl.blog ul.buttonStyle li:last-child{
    margin-right: 0;
}


/* ---------------------------------------------------------------
   □ design プリント料金について
--------------------------------------------------------------- */


/* --------------------------------
   □ silkscreen
-------------------------------- */

#silk2 #silk2_1 p.caution{
    text-align: right;
    margin-bottom: 50px;
}

#silk2 #silk2_2 #wrapperSp{
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#silk2 #silk2_2 dl{
    display: inline-block;
    text-align: center;
    width: 30%;
    border: 2px solid #D4D4D4;
}

#silk2 #silk2_2 dt{
    font-size: 125%;
    background-color: #EBEBEB;
    padding-top: 10px;
}

#silk2 #silk2_2 dd.black{
    font-size: 82%;
    background-color: #EBEBEB;
    padding-bottom: 10px;
}

#silk2 #silk2_2 dd.red{
    color: #DF2C2C;
    font-size: 225%;
    font-weight: 700;
    border-top: 2px solid #D4D4D4;
}

#silk2 table.tableStyle{
    margin-bottom: 20px;
    font-weight: 600;
}

#silk2 table.tableStyle tr.gray1{
    background: #B0ACAB;
    color: #fff;
    border-left: 2px solid #D4D4D4;
}

#silk2 table.tableStyle tr.gray1 th{
    background: #B0ACAB;
    border-right: 2px solid #D4D4D4;
}

#silk2 table.tableStyle td{
    text-align: center;
    border-left: none;
}

#silk2 table.tableStyle td.gray2{
    background: #808080;
    color: #fff;
    border-left: 2px solid #D4D4D4;
}



#silk2 #silk2_3{
    padding: 30px 0;
}

#silk2 #silk2_4{
    padding: 30px 0;
}

#silk2 #silk2_4 td.gray2{
    width: 40%;
}


/* --------------------------------
   □ cutting
--------------------------------

---------------------------
   □ fullcolor
-------------------------------- */

/* --------------------------------
   □ sublimation
-------------------------------- */

/* --------------------------------
   □ direct
-------------------------------- */


/* ---------------------------------------------------------------
   □ /design/design デザインについて
--------------------------------------------------------------- */

main p.imageCenter{
    text-align: center;
}

main p.imageCenter img{
    width: 928px;
    height: auto;
}
#fontList #japanese h5.title{
    border-top: none;
    padding-top: 0;
}

/* --------------------------------
   □ pcolorList
-------------------------------- */

/* --------------------------------
   □ pcolorScheme
-------------------------------- */

/* --------------------------------
   □ fontList
-------------------------------- */

/* --------------------------------
   □ designSubmission
-------------------------------- */

#designSubmission ul.indent1em{
 text-indent: 1em;
}

#designSubmission #uploadData p.text{
    clear: both;
    text-align: left;
}

dl.adobeTable{
    display: table;
    display: block;
    border: 1px solid black;
    padding: 10px;
    margin-bottom: 10px;
 }

    dl.adobeTable dt span{
        display: table-cell;
        text-align: left;
        padding: 10px;
        line-height: 2.5em;
    }

    dl.adobeTable dd{
        /*display: table-row;*/
        text-align: left;
    }

    dl.adobeTable em{
        font-size: 150%;
    }

    dl.adobeTable ul.listType3{
        text-indent: 1em;
    }

#uploadHandw #imgHand img{
    width: 100%;
}

#sendTo p.buttonStyle{
    margin-top: 30px;
}

#sendTo p.buttonStyle a{
    width: 509px;
    background-image: url("../../images/design/email.png");
    background-repeat: no-repeat;
    background-position: center left;
    padding: 10px 10px 10px 80px;
    line-height: 1.25em;
    font-size: 100%;
}

    #sendTo p.buttonStyle a:hover{
       background-color: #EBEBEB;
       color: #444;
    }

    #sendTo p.buttonStyle a:hover:after{
       border-top: solid 2px #444;
       border-right: solid 2px #444;
    }

#sendTo li.buttonLook{
    box-sizing: border-box;
    width: 509px;
    padding: 10px 10px 10px 90px;
    border: 2px solid #ccc;
    text-align: center;
    margin: 10px auto;
}

#sendTo li#fax{
    background-image: url("../../images/design/fax.png");
    background-repeat: no-repeat;
    background-position: center left;
}

#sendTo li#mail{
    background-image: url("../../images/design/mailbox.png");
    background-repeat: no-repeat;
    background-position: center left;
}

#sendTo .caution{
    margin-left: 300px;
}

#invalidData ul.listType3{
    margin-bottom: 0;
}

/* --------------------------------
   □ designFee
-------------------------------- */

#designFee ul#extraFee{
    margin-bottom: 0;
}

#designFee #copyright .caution{
    margin-top: -10px;
}


/*
   スマホ
------------------------------------------------------------------------------------------------ */

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

    /* --------------------------------
       □ 共通
    -------------------------------- */

    ul.image li{
        width: 50%;
    }

    p.border {
        clear: both;
    }

    .contents section.wide:last-child{
        margin-bottom: 30px;
    }

    .contents section.wide h3{
        margin-bottom: 20px;
    }

    .scroll table.tableStyle{
        width: 750px;
    }

    /* ---------------------------------------------------------------
       □ /design/design デザインについて
    --------------------------------------------------------------- */
    /* --------------------------------
        □ silkscreen
    -------------------------------- */

    #silkscreen dl.blog ul.buttonStyle li{
        width: 48%;
        margin-bottom: 10px;
        margin-right: 2%;
        display: inline-block;
        float: none;
    }
        #silkscreen dl.blog ul.buttonStyle li a{
            margin-bottom: 0
        }

    #silk2 #silk2_1 p.caution {
        margin-bottom: 20px;
    }

    #silk2 #silk2_2 dd.red {
        font-size: 125%;
    }

    #silk2 #silk2_2 dt{
            font-size: 82%;
    }

    #silk2 #silk2_3 {
        padding: 10px 0;
    }

    #silk2 #silk2_4 td.gray2 {
        width: 70%;
    }

    #silk2 table.tableStyle {
        margin-bottom: 0;
    }

    /* --------------------------------
        □ designSubmission
    -------------------------------- */

    #designSubmission dl.blog p.buttonStyle a{
        width: 100%;
    }

    #designSubmission dl.adobeTable dt span{
        line-height: 1.5em;
    }

    #designSubmission dl.adobeTable dt span.image{
        padding: 5px;
        width: 25%;
    }

    #designSubmission #sendTo p.buttonStyle a{
        width: 100%;
        background-size: 20%;
    }

    #designSubmission #sendTo li.buttonLook{
        width: 100%;
        font-size: 88%;
        line-height: 1.25;
    }

    #sendTo li#fax{
        background-size: 20%;
    }

    #sendTo li#mail{
        background-size: 20%;
    }

    #designSubmission  #sendTo .caution{
        margin-left: 0px;
    }

    #designFee p.buttonStyle a{
        width: 100%;
    }

    main .border span {
        font-size: 113%;
    }



}