@charset "UTF-8";
/* ※「id」で指定されたものは、「#」を付ける。ページ中に1度しか登場しない  */
/* ※「class」は「.」を付けるだけ。ページ中に何度でも登場する */

/* GalaxyS5 Pixel2 Pixel2XL iPhone5/SE など */
/* ---------------------------------------------------- */
@media screen and (max-width:330px) {}

/* iPhone6/7/8 iPhone6/7/8 Plus iPhoneX など */
/* ---------------------------------------------------- */
@media screen and (min-width:331px) and (max-width:700px) {}

/* iPad PC など */
/* ---------------------------------------------------- */
@media screen and (min-width:701px) {
    
    /* 各パーツの設定
    /* ---------------------------------------------------- */
    div#WgFoot {
        background-image: url(../img/footer_2019/back_001.jpg);
        background-repeat: no-repeat;
        background-position: left top;
    }
    div#WgFootLeft {
        width: 519px;
        padding: 8px 0 0 12px;
        float: left;
    }
    div#WgFootLeLeft {
        width: 258px;
        float: left;
    }
    div#WgFootCenter {
        width: 241px;
        padding: 0 0 0 8px;
        float: right;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #CCCCCC;
    }
    div#WgFootRight {
        width: 591px;
        float: right;
        padding: 8px 8px 0 8px;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #CCCCCC;
    }

    /* 左左枠の設定
    /* ---------------------------------------------------- */
    div.WgFootLeLeftFrame {
        margin: 0 0 24px 0;
        padding: 0 0 8px 0;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #CCCCCC;
        font-size: 13px;
        line-height: 20px;
    }
    div.WgFootLeLeftFrame a:hover {
        display: block;
    }
    div.WgFootLeLeftFrame h2 {
        font-size: 12px;
        text-indent: 8px;
        font-weight: bold;
        color: #FFFFFF;
        padding: 7px 0 4px 0;
        margin: 0 0 8px 0;
        background-color: #006699;
    }
    div.WgFootLeLeftFrame h2 strong {
        font-size: 18px;
        line-height: 18px;
        margin: 0 25px 0 0;
        font-weight: bold;
    }
    div.WgFootLeLeftFrame h3 {
        font-size: 14px;
        line-height: 14px;
        margin: 0 8px;
        padding: 0 0 2px 0;
        font-weight: bold;
        color: #006699;
    }
    div.WgFootLeLeftFrame p {
        margin: 0 0 0 8px;
        width: 242px;
    }
    div.WgFootLeLeftFrame p img {
        width: 242px;
    }
    div.WgFootLeLeftFrame .WgFootDetail {
        margin: 0 8px;
        text-align: right;
        background-image: url(../img/footer_2019/back_002.jpg);
        background-repeat: repeat;
        background-position: left center;
    }

    /* 中央枠の設定
    /* ---------------------------------------------------- */
    div.WgFootCenterFrame {
        margin: 0 0 24px 0;
        padding: 0 0 8px 0;
    }
    div.WgFootCenterFrame a:hover {
        display: block;
    }
    div.WgFootCenterFrame h2 {
        font-size: 12px;
        text-indent: 8px;
        font-weight: bold;
        color: #FFFFFF;
        padding: 7px 0 4px 0;
        margin: 0 0 8px 0;
        background-color: #006699;
    }
    div.WgFootCenterFrame h2 strong {
        font-size: 18px;
        line-height: 18px;
        margin: 0 25px 0 0;
        font-weight: bold;
    }
    div.WgFootCenterFrame h3 {
        font-size: 14px;
        line-height: 14px;
        margin: 0 8px;
        padding: 0 0 2px 0;
        font-weight: bold;
        color: #006699;
    }
    div.WgFootCenterFrame p {
        margin: 0 0 0 8px;
        width: 216px;
    }

    /* 左枠の設定
    /* ---------------------------------------------------- */
    div.WgFootLeftFrame {
        margin: 0 0 24px 0;
        padding: 0 0 8px 0;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #CCCCCC;
    }
    div.WgFootLeftFrame a:hover {
        display: block;
    }
    div.WgFootLeftFrame h2 {
        font-size: 12px;
        text-indent: 8px;
        font-weight: bold;
        color: #FFFFFF;
        padding: 7px 0 4px 0;
        margin: 0 0 8px 0;
        background-color: #006699;
    }
    div.WgFootLeftFrame h2 strong {
        font-size: 18px;
        line-height: 18px;
        margin: 0 25px 0 0;
        font-weight: bold;
    }
    div.WgFootLeftFrame h3 {
        font-size: 14px;
        line-height: 14px;
        margin: 0 8px;
        padding: 0 0 2px 0;
        font-weight: bold;
        color: #006699;
    }
    div.WgFootLeftFrame .WgFootDetail {
        margin: 0 8px;
        text-align: right;
        background-image: url(../img/footer_2019/back_002.jpg);
        background-repeat: repeat;
        background-position: left center;
    }

    /* 左枠リストの詳細設定
    /* ---------------------------------------------------- */
    div.WgFootLeftFrame ul {
        margin: 0 0 0 8px;
        width: 491px;
    }
    div.WgFootLeftFrame li {
        font-size: 13px;
        line-height: 18px;
        margin: 0 0 4px 0;
        list-style-type: circle;
        list-style-position: inside;
    }
    div.WgFootLeftFrame dl {
        margin: 0 0 0 8px;
        width: 300px;
        float: left;
    }
    div.WgFootLeftFrame dt {
        font-size: 13px;
        line-height: 26px;
        margin: 0 0 4px 0;
        width: 26%;
        float: left;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #CCCCCC;
    }
    div.WgFootLeftFrame dd {
        font-size: 13px;
        line-height: 26px;
        margin: 0 0 4px 0;
        width: 74%;
        float: left;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #CCCCCC;
    }
    div.WgFootCalender {
        float: right;
        margin: 0 8px 8px 8px;
        padding: 0 0 0 8px;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #CCCCCC;
        font-size: 12px;
        width: 174px !important;
    }
    div.WgFootCalender table {
        width: 174px !important;
    }

    /* 右枠の設定
    /* ---------------------------------------------------- */
    div.WgFootRightFrame {
        margin: 0 0 24px 0;
        padding: 0 0 8px 0;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #CCCCCC;
    }
    div.WgFootRightFrame a:hover {
        display: block;
    }
    div.WgFootRightFrame h2 {
        font-size: 12px;
        text-indent: 8px;
        font-weight: bold;
        color: #FFFFFF;
        padding: 7px 0 4px 0;
        margin: 0 0 8px 0;
        background-color: #006699;
    }
    div.WgFootRightFrame h2 strong {
        font-size: 18px;
        line-height: 18px;
        margin: 0 25px 0 0;
        font-weight: bold;
    }
    div.WgFootRightFrame h3 {
        font-size: 14px;
        line-height: 14px;
        margin: 0 8px;
        padding: 0 0 2px 0;
        font-weight: bold;
        color: #006699;
    }
    div.WgFootRightFrame .WgFootDetail {
        margin: 0 8px;
        text-align: right;
        background-image: url(../img/footer_2019/back_002.jpg);
        background-repeat: repeat;
        background-position: left center;
    }
    div.WgFootRightFrame ul {
        margin: 0 0 0 8px;
        width: 558px;
    }
    div.WgFootRightFrame li {
        font-size: 13px;
        line-height: 18px;
        margin: 0 0 4px 0;
        list-style-type: circle;
        list-style-position: inside;
    }
    div.WgFootRightFrame dl {
        margin: 0 0 0 8px;
        width: 558px;
    }
    div.WgFootRightFrame dt {
        font-size: 18px;
        line-height: 18px;
        font-weight: bold;
        margin: 16px 0 4px 0;
    }
    div.WgFootRightFrame dd {
        font-size: 13px;
        line-height: 18px;
    }
    div.WgFootRightFrame dd img.CarriageImg {
        margin: 8px 0 8px 16px;
    }
    strong.Warranty {
        font-size: 24px;
        line-height: 24px;
        border: 1px solid #CCCCCC;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #CC0000;
        margin: 8px 0 4px 0;
        padding: 8px 10px;
        display: block;
        text-align: center;
        list-style-type: none;
    }
    strong.Warranty span {
        font-size: 16px;
        font-weight: normal;
    }
    div.WgFootRightFrame dd strong {
        font-size: 24px;
        line-height: 24px;
        border: 1px solid #CCCCCC;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #CC0000;
        margin: 8px 0 4px 0;
        padding: 8px 10px;
        display: block;
        text-align: center;
    }
    div.WgFootRightFrame dd strong span {
        font-size: 16px;
        font-weight: normal;
    }

    /* カード決済の設定
    /* ---------------------------------------------------- */
    div.PaymentCard {
        background-image: url(../img/footer_2019/img_003.jpg);
        background-repeat: no-repeat;
        background-position: left center;
        border: 1px solid #CCCCCC;
        margin: 0 8px;
        padding: 4px 0 0 60px;
    }
    div.PaymentCard img {
        padding: 0 4px 4px 0;
    }
    div.PaymentBank {
        background-image: url(../img/footer_2019/img_004.jpg);
        background-repeat: no-repeat;
        background-position: left center;
        border: 1px solid #CCCCCC;
        margin: 8px 8px 0 8px;
        padding: 4px 0 0 60px;
    }
    div.PaymentBank img {
        padding: 0 4px 4px 0;
    }
    div.PaymentCashOnDelivery {
        background-image: url(../img/footer_2019/img_005.jpg);
        background-repeat: no-repeat;
        background-position: left center;
        border: 1px solid #CCCCCC;
        margin: 8px;
        padding: 4px 0 0 60px;
    }
    div.PaymentCashOnDelivery img {
        padding: 0 4px 4px 0;
    }
}