@charset "utf-8";
/* CSS Document */
/*レスポンシブ調整用css */

/*横幅620px以上：----------------------------------------------------------------*/
@media all and (min-width: 620px) {

    /*特定商取引法の表*/
    dl#shopInfo div.tableLine {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: stretch;
        justify-content: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-flex-basis: auto;
        flex-basis: auto;
    }
    dl#shopInfo dt,
    dl#shopInfo dd
    {
        border-bottom: 1px solid #ccc;
    }
    dl#shopInfo dt {
        width: 30%;
        font-weight: 700;
    }
    dl#shopInfo dd {
        width: 70%;
        font-weight: 300;
        border-left: 1px solid #ccc;
    }
    div.tableLine:nth-child(even) dt,
    div.tableLine:nth-child(even) dd
    {
        background-color: #fdf3f3;
    }

    article.aboutus div.contentsBox {
        margin: 10px auto 40px auto;
        padding: 0;
        width: 80%;
    }

}

/*横幅680px以上：----------------------------------------------------------------*/
@media all and (min-width: 680px) {

    /*メインナビゲーション*/
    nav#mainMenu ul {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }
    nav#mainMenu ul li {
        margin: 5px auto;
        padding: 0;
        width: 42%;
    }

}

/*横幅760px以上：----------------------------------------------------------------*/
@media all and (min-width: 760px) {

    article.buta div.contentsBox {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 20px auto;
        padding: 0;
        width: 100%;
    }
    article.buta div.contentsBox div.textBox {
        margin: 0;
        padding: 0;
        width: 60%;
    }
    article.buta div.contentsBox p {
        margin: 0;
        padding: 0px 0px 0px 20px;
        width: 100%;
    }
    article.buta div.contentsBox div.imageBox {
        margin: 0;
        padding: 0;
        width: 40%;
    }
    article.buta div.contentsBox div.imageBox img {
        display: block;
        margin: 0px auto 20px auto;
        padding: 0;
        width: 90%;
        border-radius: 10px;
    }

    /*オーダーボタン*/
    div.orderForm a {
        position: relative;
        display: block;
        margin: 0;
        padding: 15px 10px;
        width: 200px;
        height: 150px;
        text-align: center;
    }
    div.orderForm a img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        margin: auto;
        padding: 0;
        width: 100px;
    }
    div.orderForm div#nenkanset a img {
        width: 85px;
    }

}