@charset "UTF-8";

/***** ポジション *****/
.flft{float: left;}
.frgt{float: right;}
/*sell makerModelModal*/
.modal-header .name-asc-index{content: '';display: block; clear: both;margin: 18px 0 0 0;}
.modal-header .name-asc-index ul.name-asc-anchor-list{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: flex;-webkit-box-pack: justify;-moz-box-pack: justify;-webkit-flex-pack: justify;-moz-flex-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;-moz-justify-content: space-between;justify-content: space-between;width: 100%;}
.modal-header .name-asc-index ul.name-asc-anchor-list li{text-align: center;margin: 0 1px;flex: 0 0 8.5%;}
.modal-header .name-asc-index ul.name-asc-anchor-list li a{display: inline-block;background-color: #C9DEDC;color: #313233;padding: 4px 0;width: 100%;}
.modal-header .name-asc-index ul.name-asc-anchor-list li a:hover{opacity: 0.8;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}

/*for biddedCarList*/
body.bidded-car-list .bidded-none{display: none}
/** PC */
@media print, screen and (min-width: 481px){
    /*--- モーダル内ヘッダー/フッター ---*/
    .ullo-modal-sm .modal-header, .ullo-modal-lg .modal-header{padding: 20px;border-bottom: 1px solid #DDD;}
    .ullo-modal-sm .modal-header h2, .ullo-modal-lg .modal-header h2{line-height: 40px;font-size: 18px;font-weight: bold;position: relative;}
    .ullo-modal-lg .modal-header .frgt::after{content: '';display: block; clear: both;}
    .makerModelModalProgress{list-style-type: none;display: table;width: 100%;padding: 0;margin: 0;overflow: hidden;cursor: default;}
    .makerModelModalProgress li{display: table-cell;position: relative;background: #DDD;padding: 0.5em 0.5em 0.5em 1em;color: #7C7C7C;}
    .makerModelModalProgress li:last-child{padding-right: 1em;}
    .makerModelModalProgress li:last-child:before, .makerModelModalProgress li:last-child:after{display: none;}
    .makerModelModalProgress li:before, .makerModelModalProgress li:after{content: "";position: absolute;width: 0;height: 0;margin: auto;}
    .makerModelModalProgress li:before{top: -100%;right: -1em;border-style: solid;border-color: transparent transparent transparent #FFF;border-width: 160px 0 0 1em;z-index: 10;}
    .makerModelModalProgress li:after{top: -100%;right: -.8em;border-style: solid;border-color: transparent transparent transparent #DDD;border-width: 160px 0 0 1em;z-index: 10;}
    .makerModelModalProgress li.current{background: #568984;font-weight: bold;color: #FFF;}
    .makerModelModalProgress li.current:after{border-color: transparent transparent transparent #568984;}
    .ullo-modal-lg .modal-header .makerModelModalProgress li h2{line-height: 1.42857143;font-size: 0.9rem;text-align: center;margin: 0 auto;}
    .ullo-modal-sm .modal-header h2:after, .ullo-modal-lg .modal-header h2:after{content: none;}
    .ullo-modal-lg .modal-header .makerModelModalProgress li h2 span{display: block;text-align: center;font-size: 0.7rem;}
    .ullo-modal-sm h3, .ullo-modal-lg h3{font-size: 16px;font-weight: bold;margin: 20px 0;}
    .ullo-modal-sm .modal-footer, .ullo-modal-lg .modal-footer{padding: 20px;border-top: 1px solid #DDD;text-align: left;}
    .ullo-modal-sm .modal-footer .nego-btn a, .ullo-modal-lg .modal-footer .nego-btn a{width: 165px;}
    /*--- モーダルサイズ、位置、背景色の調整 ---*/
    .modal-backdrop.in{filter: alpha(opacity=60);opacity: 0.6;}
    .ullo-modal-min .modal-dialog, .ullo-modal-min.modal-dialog{width: 350px;margin: 100px auto;}
    .ullo-modal-sm .modal-dialog, .ullo-modal-sm.modal-dialog{width: 700px;margin: 100px auto;}
    .ullo-modal-min .modal-content{width: 350px;padding: 0;box-shadow: none;-webkit-box-shadow: none;border: none;border-radius: 10px;position: relative;}
    .ullo-modal-sm .modal-content{width: 700px;padding: 0;box-shadow: none;-webkit-box-shadow: none;border: none;border-radius: 10px;position: relative;}
    .ullo-modal-sm .modal-body{padding: 30px;}
    .modal-dialog.ullo-modal-lg, .ullo-modal-lg .modal-dialog{width: 1020px;margin: 100px auto;}
    .ullo-modal-lg .modal-content{width: 1020px;padding: 0;box-shadow: none;-webkit-box-shadow: none;border: none;border-radius: 10px;position: relative;}
    .ullo-modal-lg .modal-body{padding: 0;height: 50vh;overflow-y: scroll;}
    .ullo-modal-lg .modal-body.grade-modal-body{padding: 40px !important;}
    .ullo-modal-min .close, .ullo-modal-sm .close, .ullo-modal-lg .close{background: url(../image/maker-model-modal/modal_close-3f571b8416b8642634389e041f1c96be.png);display: block;width: 26px;height: 26px;font-weight: normal;line-height: 1;color: #FFF;text-shadow: none;filter: none;opacity: 1;position: absolute;top: -36px;right: 10px;}
    .ullo-modal-sm .modal-body > div > ul > li > dl > dt{width: 15%;float: left;text-align: right;margin: 0 2% 0 0;}
    .ullo-modal-sm .modal-body > div > ul > li{margin: 0 0 15px 0;}
    .ullo-modal-sm .modal-body > div > ul{padding: 0 0 0 20px;}
    .modal-header.header-blue{background-color: #76B3AD;border-radius: 10px 10px 0 0;}

    /*--- モーダルブロックリスト ---*/
    .modal-main-block{border-bottom: 1px solid #DDD;}
    .modal-main-block .modal-left{width: 46%;padding: 0 20px;float: left;border-right: 1px solid #DDD;}
    .modal-main-block .modal-right{width: 46%;padding: 0 16px;float: left;}
    .modal-block-list{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-moz-box-pack: justify;-webkit-flex-pack: justify;-moz-flex-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;-moz-justify-content: space-between;justify-content: space-between;}
    .modal-block-list li{vertical-align: top;flex: 1 1 33%; text-align: center}
    .modal-block-list li a{width: 82%;display: inline-block;padding: 7px 8px;vertical-align: top;font-size: 14px;color: #313233;    line-height: 18px;}
    .modal-block-list li a:hover{background-color:#C9DEDC;}
    .modal-block-list li input{position: absolute;bottom: 7px;left: -10px;}
    .modal-block-list li a:hover{opacity: 0.8;}
    .modal-right .modal-block-list li:nth-child(1) a span, .modal-right .modal-block-list li:nth-child(3) a span{line-height: 1.2;}
    .modal-block-list li:nth-child(n){margin: 0 0 8px;}
    /*--- モーダルテキストリスト ---*/
    .modal-main-text{padding: 20px 40px 50px 40px;}
    .ullo-modal-min .modal-main-text{padding: 20px 20px 50px 20px;}
    .modal-text-list h4{font-size: 16px;font-weight: bold;padding: 0 0 10px;margin: 28px 0 20px;border-bottom: 1px solid #DDD;}
    .modal-text-list{font-size: 0;}
    .modal-text-list li ul li{display: inline-block;width: 25%;vertical-align: top;font-size: 14px;margin: 0 0 4px;}
    .modal-text-list.modal-grade-list li ul li{display: block;width: 100%;}
    .modal-text-list li ul li a{background: url(../image/maker-model-modal/icon_negobtn-508b1f7070dec286ccdbb78f796da7c3.png) no-repeat;background-position: 5px 13px;color: #313233;display: inline-block;width: 90%;position: relative;padding: 8px 0 8px 23px;}
    .modal-text-list li a:hover{background: url(../image/maker-model-modal/icon_negobtn-508b1f7070dec286ccdbb78f796da7c3.png) no-repeat, #C9DEDC;background-position: 5px 13px;cursor: pointer;}
    .modal-text-list li button{background: url(../image/maker-model-modal/arw_bluelink-becc6925c439bc964bf3b08fc69dff0d.png) no-repeat;background-position: 5px 13px;display: inline-block;width: 100%;position: relative;padding: 10px 0 10px 23px;font-size: 16px;border: none;text-align: left;}
    .modal-text-list li button.hide{padding: 0;}
    .modal-text-list li button:hover{background: url(../image/maker-model-modal/arw_bluelink-becc6925c439bc964bf3b08fc69dff0d.png) no-repeat, #C9DEDC;background-position: 5px 13px;cursor: pointer;}
    /*--- under line list ---*/
    dl.border-list{padding:20px 0 0 0;}
    dl.border-list.lst-point:before {
        display: inline-block;
        content: ' ';
        background-image: url('../image/common/icon_point-75937df600c91613013d822ff6da937c.svg');
        background-size: 40px 40px;
        height: 40px;
        width: 40px;
        float: left;
        margin: 0 12px 0 0;
    }
    dl.border-list.lst-point1:before {
        display: inline-block;
        content: ' ';
        background-image: url('../image/common/icon_point1-13f537378b4cfe64e48b1de2eb32385f.svg');
        background-size: 40px 40px;
        height: 40px;
        width: 40px;
        float: left;
        margin: 0 12px 0 0;
    }
    dl.border-list.lst-point2:before {
        display: inline-block;
        content: ' ';
        background-image: url('../image/common/icon_point2-3d8b9cf428dbb0f4bd73b791cad59071.svg');
        background-size: 40px 40px;
        height: 40px;
        width: 40px;
        float: left;
        margin: 0 12px 0 0;
    }
    dl.border-list.lst-point3:before {
        display: inline-block;
        content: ' ';
        background-image: url('../image/common/icon_point3-141a2eea96ef679c9758bb34e49e18f8.svg');
        background-size: 40px 40px;
        height: 40px;
        width: 40px;
        float: left;
        margin: 0 12px 0 0;
    }
    /*--- モーダルページ内リンク ---*/
    .modal-page-nav ul{font-size: 0;}
    .modal-page-nav ul li{font-size: 16px;display: inline-block;vertical-align: top;width: calc(100% / 11);text-align: center;}
    .modal-page-nav ul li span{width: 100%;display: inline-block;color: #C0C0C0;font-weight: bold;position: relative;box-sizing: border-box;}
    .modal-page-nav ul li span a{width: 100%;display: inline-block;color: #333;border-bottom: 3px solid #FFF;text-decoration: none !important;}
    .modal-page-nav ul li span:after{content: '';position: absolute;right: 0;display: inline-block;width: 1px;height: 17px;background-color: #CCC;}
    .modal-page-nav ul li:first-child span:before{content: '';position: absolute;left: 0;display: inline-block;width: 1px;height: 17px;background-color: #CCC;}
    .modal-page-nav ul li a:hover{text-decoration: none;color: #F30;border-bottom: 3px solid #F30;}
    /*--- モーダル内ボタン ---*/
    .modal-tap-list{font-size: 0;width: 380px;margin: 0 auto;display: block;}
    .modal-tap-list li{display: inline-block;vertical-align: top;width: 80px;margin: 0 20px 0 0;}
    .modal-tap-list li:last-child{margin: 0;}
    .modal-tap-list li button{display: inline-block;width: 100%;font-size: 16px;color: #333;text-align: center;background: #EEE;border-radius: 10px;height: 45px;line-height: 45px;font-weight: bold;border-bottom: 1px solid #BBB;border-top: none;border-left: none;border-right: none;}
    .modal-tap-list li button:hover{display: inline-block;width: 100%;font-size: 16px;color: #333;text-align: center;background: #EEE;border-radius: 10px;height: 45px;line-height: 45px;font-weight: bold;border-bottom: 1px solid #BBB;text-decoration: none;opacity: 0.8;}
    /***** ボタン基本デザイン *****/
    .nego-btn a:hover, .nego-btn button:hover{text-decoration: none;opacity: 0.8;cursor: pointer;}
    .nego-btn a{text-decoration: none !important;display: block;height: 40px;line-height: 40px;background-color: #EEE;border-radius: 10px;color: #333;font-size: 14px;border-bottom: 1px solid #BBB;position: relative;padding: 0 0 0 15px;font-weight: bold;box-sizing: border-box;}
    .nego-btn a:before{position: absolute;content: '';background: url(../image/maker-model-modal/icon_negobtn-508b1f7070dec286ccdbb78f796da7c3.png);width: 8px;height: 12px;display: block;right: 17px;top: 0;bottom: 0;margin: auto;}
    /*--- モーダルフォーム内のボタン ---*/
    button.nego-btn:hover{opacity: 0.8;}
    button.nego-btn{display: inline-block;width: auto;height: 40px;line-height: 40px;background-color: #EEE;border-radius: 10px;color: #333;font-size: 14px;border-bottom: 1px solid #BBB;position: relative;padding: 0 40px 0 20px;font-weight: bold;box-sizing: border-box;border-left: none;border-right: none;border-top: none;margin: 0 30px 0 0;}
    button.nego-btn:before{position: absolute;content: '';background: url(../image/maker-model-modal/icon_negobtn-508b1f7070dec286ccdbb78f796da7c3.png);width: 8px;height: 12px;display: block;right: 17px;top: 0;bottom: 0;margin: auto;}
    button.back-btn{display: inline-block;width: auto;height: 30px;line-height: 30px;background-color: #EEE;border-radius: 6px;color: #333;font-size: 14px;border-bottom: 1px solid #BBB;position: relative;padding: 0 20px 0 36px;font-weight: bold;box-sizing: border-box;border-left: none;border-right: none;border-top: none;margin: 0 0 12px 0;cursor: pointer;}
    button.back-btn:before{position: absolute;content: '';background: url(../image/maker-model-modal/icon_negobtn-508b1f7070dec286ccdbb78f796da7c3.png);width: 8px;height: 12px;display: block;left: 17px;top: 0;bottom: 0;margin: auto;transform: rotateY(180deg);}
}
/** SP */
@media screen and (max-width: 480px){
    /***** ボタン基本デザイン *****/
    .nego-btn a:hover{text-decoration: none;opacity: 0.8;}
    .nego-btn a{display: block;height: 45px;line-height: 45px;background-color: #EEE;border-radius: 10px;color: #333;font-size: 14px;border-bottom: 1px solid #BBB;position: relative;padding: 0 0 0 15px;font-weight: bold;box-sizing: border-box;}
    .nego-btn a:before{position: absolute;content: '';background: url(../image/maker-model-modal/icon_negobtn-508b1f7070dec286ccdbb78f796da7c3.png);background-size: contain;width: 8px;height: 12px;display: block;right: 17px;top: 0;bottom: 0;margin: auto;}
    .app-btn-off span{display: block;height: 60px;line-height: 60px;background-color: #DDD;border-radius: 10px;color: #555;font-size: 4.26vw;border-bottom: none;position: relative;text-align: center;box-sizing: border-box;font-weight: bold;}
    /*--- モーダルフォーム内のボタン ---*/
    .modal-header .name-asc-index ul.name-asc-anchor-list{-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .modal-header .name-asc-index ul.name-asc-anchor-list li{font-size: 0.8rem;margin: 4px 2px;flex: 0 0 15%;}
    button.nego-btn:hover{opacity: 0.8;}
    button.nego-btn{display: inline-block;width: auto;height: 45px;line-height: 45px;background-color: #EEE;border-radius: 10px;color: #333;font-size: 3.73vw;border-bottom: 1px solid #BBB;position: relative;padding: 0 25px 0 15px;font-weight: bold;box-sizing: border-box;border-left: none;border-right: none;border-top: none;border-left: none;border-right: none;border-top: none;margin: 0 20px 0 0;}
    button.nego-btn:before{position: absolute;content: '';background: url(../image/maker-model-modal/icon_negobtn-508b1f7070dec286ccdbb78f796da7c3.png);width: 8px;height: 12px;display: block;right: 10px;top: 0;bottom: 0;margin: auto;}
    button.back-btn{display: inline-block;width: auto;height: 40px;line-height: 40px;background-color: #EEE;border-radius: 6px;color: #333;font-size: 12px;border-bottom: 1px solid #BBB;position: relative;padding: 0 10px 0 25px;font-weight: bold;box-sizing: border-box;border-left: none;border-right: none;border-top: none;margin: 0 0 8px 0;}
    button.back-btn:before{position: absolute;content: '';background: url(../image/maker-model-modal/icon_negobtn_return-6366b8e468dd06fed49ac2402a0e3ff4.png);width: 8px;height: 12px;display: block;left: 10px;top: 0;bottom: 0;margin: auto;}
    /*--- モーダル内ヘッダー/フッター ---*/
    .modal-header{padding: 10px 16px;border-bottom: 1px solid #DDD;}
    .modal-header h2{font-size: 16px;display: block;font-weight: bold;position: relative;}
    .modal-header h2:after{content: none;}
    .ullo-modal-lg h3{font-size: 16px;font-weight: bold;margin: 16px 0 8px 0;}
    .modal-header .name-asc-index{margin: 18px 0 0 0;}

    /*.makerModelModalProgress{list-style-type: none;width: 100%;padding: 0;margin: 0;overflow: hidden;}*/
    /*.makerModelModalProgress li{position: relative;background: #DDD;padding: 0.4rem 0.5rem;color: #7C7C7C;}*/
    /*.ullo-modal-lg .modal-header .makerModelModalProgress li{display: none;}*/
    /*.ullo-modal-lg .modal-header .makerModelModalProgress li h2{line-height: 1.42857143;font-size: 0.8rem;margin: 0;text-align: center;}*/
    /*.ullo-modal-lg .modal-header .makerModelModalProgress li.current{display: block;background: #568984;color: #FFF;font-weight: bold;}*/
    /*.ullo-modal-lg .modal-header .makerModelModalProgress li h2 span{margin: 0 0 0 8px;}*/

    .makerModelModalProgress{list-style-type: none;display: table;width: 100%;padding: 0;margin: 0;overflow: hidden;cursor: default;}
    .makerModelModalProgress li{display: table-cell;position: relative;background: #DDD;padding: 0.5em;color: #7C7C7C;}
    .makerModelModalProgress li:last-child:before, .makerModelModalProgress li:last-child:after{display: none;}
    .makerModelModalProgress li:before, .makerModelModalProgress li:after{content: "";position: absolute;width: 0;height: 0;margin: auto;}
    .makerModelModalProgress li:before{top: -100%;right: -1em;border-style: solid;border-color: transparent transparent transparent #FFF;border-width: 160px 0 0 1em;z-index: 10;}
    .makerModelModalProgress li:after{top: -100%;right: -.8em;border-style: solid;border-color: transparent transparent transparent #DDD;border-width: 160px 0 0 1em;z-index: 10;}
    .makerModelModalProgress li.current{background: #568984;font-weight: bold;color: #FFF;}
    .makerModelModalProgress li.current:after{border-color: transparent transparent transparent #568984;}
    .ullo-modal-lg .modal-header .makerModelModalProgress li h2{line-height: 1.42857143;font-size: 0.67rem;text-align: center;margin: 0 auto;}
    .ullo-modal-lg .modal-header .makerModelModalProgress li h2 span{display: none}

    .modal-footer{padding: 10px;border-top: 1px solid #DDD;text-align: left;}
    .modal-footer .nego-btn a{width: 165px;text-decoration: none !important;float: right;}
    .modal-header.header-blue{background-color: #76B3AD;border-radius: 6px 6px 0 0;}
    /*--- モーダルサイズ、位置、背景色の調整 ---*/
    .modal-backdrop.in{filter: alpha(opacity=60);opacity: 0.6;}
    .modal-dialog{width: 94%;margin: 60px 3%;}
    .ullo-modal-sm .modal-content, .ullo-modal-lg .modal-content{width: 100%;padding: 0;box-shadow: none;-webkit-box-shadow: none;border: none;border-radius: 10px;position: relative;}
    .ullo-modal-sm .modal-body, .ullo-modal-lg .modal-body{padding: 10px;}
    .ullo-modal-min .close, .ullo-modal-sm .close, .ullo-modal-lg .close{background: url(../image/maker-model-modal/modal_close-3f571b8416b8642634389e041f1c96be.png);display: block;width: 26px;height: 26px;font-weight: normal;line-height: 1;color: #FFF;text-shadow: none;filter: none;opacity: 1;position: absolute;top: -36px;right: 10px;}
    .ullo-modal-sm .startExhibitModal .app-btn a{padding: 0;}
    .ullo-modal-lg .modal-right .modal-block-list li:nth-child(1) a span, .ullo-modal-lg .modal-right .modal-block-list li:nth-child(3) a span{line-height: 1.2;}
    /*--- モーダルブロックリスト ---*/
    .modal-main-block{border-bottom: 1px solid #DDD;}
    .modal-main-block .modal-domestic{width: 100%;border-bottom: 1px solid #DDD;padding: 20px;}
    .modal-main-block .modal-import{width: 100%;padding: 20px;}
    .modal-block-list{    font-size: 0;
        margin: 0 0 24px 0;
        display: flex;
        flex-wrap: wrap;}
    .modal-block-list li{    vertical-align: top;
        font-size: 11px;
        line-height: 14px;
        flex: 0 0 25%;
        padding: 5px;
        margin: 0 0 10px 0;
        border-bottom: 1px dotted #EEE;
        text-align: center;}
    .modal-block-list li div img{height: 30px}
    .modal-block-list li a{width: 100%;display: inline-block;vertical-align: top;text-decoration: underline;color: #313233;}
    .modal-block-list li a:hover{opacity: 0.8;}
    .modal-block-list li a:before{content: '';display: inline-block;}
    .modal-block-list li a span{display: block;height: 24px;line-height: 24px;}
    .modal-import .modal-block-list li:nth-child(1) a span, .modal-import .modal-block-list li:nth-child(3) a span{line-height: 1.2;}
    /*--- under line list ---*/
    dl.border-list{padding:20px 0 0 0;}
    dl.border-list.lst-point:before {
        display: inline-block;
        content: ' ';
        background-image: url('../image/common/icon_point-75937df600c91613013d822ff6da937c.svg');
        background-size: 40px 40px;
        height: 40px;
        width: 40px;
        float: left;
        margin: 0 12px 0 0;
    }
    dl.border-list.lst-point1:before {
        display: inline-block;
        content: ' ';
        background-image: url('../image/common/icon_point1-13f537378b4cfe64e48b1de2eb32385f.svg');
        background-size: 40px 40px;
        height: 40px;
        width: 40px;
        float: left;
        margin: 0 12px 0 0;
    }
    dl.border-list.lst-point2:before {
        display: inline-block;
        content: ' ';
        background-image: url('../image/common/icon_point2-3d8b9cf428dbb0f4bd73b791cad59071.svg');
        background-size: 40px 40px;
        height: 40px;
        width: 40px;
        float: left;
        margin: 0 12px 0 0;
    }
    dl.border-list.lst-point3:before {
        display: inline-block;
        content: ' ';
        background-image: url('../image/common/icon_point3-141a2eea96ef679c9758bb34e49e18f8.svg');
        background-size: 40px 40px;
        height: 40px;
        width: 40px;
        float: left;
        margin: 0 12px 0 0;
    }
    /*--- モーダルテキストリスト ---*/
    .modal-main-text{border-radius: 0 0 6px 6px}
    .ullo-modal-min .modal-main-text{padding: 6px 18px 25px 18px;}
    .modal-text-list h4{font-size: 16px;font-weight: bold;padding: 0 0 5px;margin: 20px 0 10px;border-bottom: 1px solid #DDD;}
    .modal-text-list li{font-size: 16px;padding: 5px 0 5px 0;margin: 0 0 10px 0;border-bottom: 1px dotted #EEE;}
    .modal-text-list li a{background: url(../image/maker-model-modal/icon_negobtn-508b1f7070dec286ccdbb78f796da7c3.png) no-repeat;background-position: 5px 6px;display: inline-block;width: 100%;position: relative;padding: 0 0 0 28px;font-size: 16px !important;color: #313233;}

    /*--- モーダルページ内リンク ---*/
    .modal-page-nav ul{font-size: 0;}
    .modal-page-nav ul li{font-size: 14px;display: inline-block;vertical-align: top;width: calc(100% / 6);text-align: center;}
    .modal-page-nav ul li span{width: 100%;height: 100%;display: inline-block;color: #C0C0C0;font-weight: bold;position: relative;box-sizing: border-box;padding: 12px 0;background: #EEE;border-top: 1px solid #DDD;border-right: 1px solid #DDD;}
    .modal-page-nav ul li span a{width: 100%;display: inline-block;color: #333;box-sizing: border-box;text-decoration: none !important;}
    .modal-page-nav ul li:nth-child(n+7) span{border-top: 1px solid #DDD;border-bottom: 1px solid #DDD;}
    .modal-page-nav ul li:nth-child(1) span, .modal-page-nav ul li:nth-child(7) span{border-left: 1px solid #DDD;}

}