@charset "UTF-8";

/* SmartPhone Design ***********************/

/* common */

header {
    margin-bottom: 0;
}

main {
    margin: 0 auto;
    background: #FFFFFF;
    overflow: hidden;
}


/* main-nav */

.main-nav-group {
    font-size: 1.2em;
    /* display: table; */
    overflow: hidden;
    padding: 20px 10px;
}

.main-nav-link {
    /* display: table-cell; */
    /* padding: 20px 0 20px 20px; */
    float: left;
}

.main-nav-target {
    padding: 0 10px;
    float: left;
}

.main-section-contact {
    margin-bottom: 40px;
}

.main-section h2 {
    font-size: 1.6em;
    text-align: center;
    font-weight: bold;
    color: #666666;
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid #CCCCCC;
}

.main-section {
    margin-bottom: 40px;
}

/* main-franchisee */

.main-section-franchisee-shop, .main-section-franchisee-backup, .main-section-franchisee-agreement {
    margin: 0 auto 0 auto;
}

.franchisee-content-group {
    padding: 10px
}

.franchisee-subject-group {
    padding: 20px 0;
}

.franchisee-content-subject {
    font-size: 1.2em;
    text-align: center;
    text-shadow: 2px 2px 4px #999999;
    margin: 0 auto;
    font-weight: bold;
}


.franchisee-detail-table {
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    font-size: 1.2em;
}

.franchisee-detail-table-last {
    border-bottom: 1px solid #CCCCCC;
}

.franchisee-detail-head {
    display: block;

    background: #E4F4F4;
    padding: 20px;
}

.franchisee-detail-cell {
    display: block;
    padding: 20px 10px;
    line-height: 1.2em;
}

.franchisee-detail-subject {
    font-size: 1.4em;
    padding: 0 0 5px 0;
    color: #F18D00;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 1px dashed #F18D00;

}

.franchisee-detail-text {
    padding: 5px 10px 40px 10px;
    font-size: 1.2em;
    line-height: 1.2em;
}

/* main-section agreement */

.franchisee-flow-table {
    width: 100%;

}

.flow-left-top {
    border: 4px solid #8FC31F;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 5px;
    font-size: 1.2em;
    text-align: center;
}

.flow-left-middle {
    text-align: center;
}

.flow-left-bottom {
    border: 4px solid #DF003A;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 5px;
    font-size: 1.2em;
    text-align: center;
}

.flow-text-table {
    border: 1px solid #999999;
    border-radius: 5px;
    margin-bottom: 5px;
}

.flow-text-allow {
    margin-bottom: 5px;
}

.flow-text-cell {
    padding: 5px;
}

.flow-grand {
    background: #DF003A;
    color: #FFFFFF;
    border: none;
}

.flow-backup {
    border: none;
    color: #DF003A;
}

.flow-right-top {
    padding: 0;
}

.flow-right-table {
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    font-size: 1.2em;
}

.flow-right-table-last {
    border-bottom: 1px solid #CCCCCC;
}

.flow-right-head {
    display: block;

    background: #E4F4F4;
    padding: 10px 20px;
}

.flow-right-cell {
    display: block;
    padding: 10px 20px;
    line-height: 1.2em;
}

.franchisee-flow-left-subject {
    padding: 10px 0 10px 0;
}

.franchisee-flow-right-subject {
    padding: 10px 0 10px 0;
}

.message-top-table {
    margin-bottom: 10px;
}

.message-top-cell {
    padding: 10px 0;
}

.message-top-cell img {
    margin: 0 auto;
    display: block;
}

.top-cell-group {
    display: table;
    margin: 0 auto;
}

.top-cell-child {
    padding: 5px;
    display: table-cell;
}

.message-image-frame {
    width: 100px;
    margin: 0 auto;
}

.repr-top {
    border-top: 3px double #CCCCCC;
    border-bottom: 3px double #CCCCCC;
    margin-bottom: 10px;
}

.message-bottom-cell {
    font-size: 1.2em;
    line-height: 1.2em;
}

/* Tablet Design ***********************/

@media all and (min-width: 480px) {

    .franchisee-flow-right-subject {
        padding: 10px 0 10px 20px;
    }

    .flow-right-top {
        padding: 0 0 0 20px;
    }


    .franchisee-content-subject {
        font-size: 1.8em;
    }

    .main-section-franchisee-shop, .main-section-franchisee-backup, .main-section-franchisee-agreement {
        width: 90%;
    }

    .franchisee-detail-table {
        display: table;
        width: 100%;
    }

    .franchisee-detail-head {
        display: table-cell;
        width: 30%;
        vertical-align: top;
    }

    .franchisee-detail-cell {
        display: table-cell;
        vertical-align: top;
    }


    .message-top-table {
        display: table;
        width: 90%;
        margin: 0 auto 20px auto;
    }




}

@media all and (min-width: 768px) {
    /* main-section agreement */

    .franchisee-flow-table {
        display: table;
        table-layout: fixed;
    }

    .franchisee-flow-left {
        display: table-cell;
    }

    .franchisee-flow-right {
        display: table-cell;
    }

    .message-top-cell {
        display: table-cell;
        vertical-align: middle;
        padding: 20px;
        font-size: 1.2em;
    }
}

/* PC Design ***********************/

@media all and (min-width: 1024px) {

    .franchisee-content-subject {
        font-size: 2em;
    }

    .main-section-franchisee-shop, .main-section-franchisee-backup, .main-section-franchisee-agreement {
        /* width: 70%; */
    }

    /* common */

    main {
        width: 100%;
    }

    .message-top-cell {

    }

    .top-cell-child {}

    .franchisee-content-group {
        display: table;
        width: 100%;
    }

    .message-top-table {
        width: 70%;
    }

}

@media all and (min-width: 1140px) {

    .main-section-franchisee-shop, .main-section-franchisee-backup, .main-section-franchisee-agreement {
        /* width: 70%; */
    }

    /* common */

    main {
        width: 70%;
    }

}