@charset "utf-8";


/*PC用*/
@media screen and (min-width: 641px) {
    .pc { display: block !important }
    .sp { display: none !important }
    .h_menu, #sp_global_nav { display: none; }

#merchant .table-sec { margin: 0 auto 80px; width: 1000px; }
#merchant .table-sec .lineup-table { margin-bottom: 13px; }
#merchant .table-sec .lineup-table tbody tr th { width: 430px; box-sizing: border-box; line-height: 1; }
#merchant .table-sec .lineup-table tbody tr th.cate-ttl { width: 190px; text-align: center; height: 48px; position: relative; }
#merchant .table-sec .lineup-table tbody tr th.cate-ttl .cate-wrap { position: absolute; left: 0px; top: -34px; width: 190px; text-align: center; border-radius: 20px 20px 0 0; box-sizing: border-box; }
#merchant .table-sec .lineup-table tbody tr th.cate-ttl.trial .cate-wrap {border: 2px solid #969696;height: 731px;}
#merchant .table-sec .lineup-table tbody tr th.cate-ttl .cate-wrap span { display: block; color: #fff; height: 79px; box-sizing: border-box; padding-top: 34px; font-size: 18px; font-weight: bold; letter-spacing: 1px; border-radius: 16px 15px 0 0; }
#merchant .table-sec .lineup-table tbody tr th.cate-ttl.trial .cate-wrap span {background: #969696;}
#merchant .table-sec .lineup-table tbody tr th.cate-ttl.standard .cate-wrap {border: 2px solid #ff7c04;height: 931px;}
#merchant .table-sec .lineup-table tbody tr th.cate-ttl.standard .cate-wrap span {background: #ff7c04;}
#merchant .table-sec .lineup-table tbody tr th.cate-ttl.pro .cate-wrap {border: 2px solid #515151;height: 980px;}
#merchant .table-sec .lineup-table tbody tr th.cate-ttl.pro .cate-wrap span {background: #515151;}
#merchant .table-sec .lineup-table tbody tr th.type01 { padding: 16px 30px 14px; background: #282828; color: #fff; font-weight: bold; font-size: 18px; letter-spacing: 1px; border-left: 2px solid #282828; }
#merchant .table-sec .lineup-table tbody tr th.type02 { background: #e4e4e4; padding: 17px 0 15px 39px; border-left: 2px solid #e4e4e4; border-bottom: 2px solid #e4e4e4; }
#merchant .table-sec .lineup-table tbody tr td { width: 190px; line-height: 1; text-align: center; border-bottom: 2px solid #e4e4e4; }
#merchant .table-sec .lineup-table tbody tr td.trial {color: #969696;}
#merchant .table-sec .lineup-table tbody tr td.standard {color: #ff7c04;}
#merchant .table-sec .lineup-table tbody tr td.pro {color: #515151;border-right: 2px solid #e4e4e4;}
#merchant .table-sec .lineup-table tbody tr th.type03 { padding: 17px 0 15px 55px; border-bottom: 2px solid #e4e4e4; border-left: 2px solid #e4e4e4; }

}




/*SP用*/
@media screen and (max-width: 640px) {
    .pc { display: none !important }
    .sp { display: block !important }
    img { max-width: 100%; height: auto; width: auto; }
    body { min-width: auto !important; overflow: inherit !important; }
    .sp_tac { text-align: center !important; }
    .sp_tar { text-align: right !important; }
    .sp_mb15 { margin-bottom: 15px !important; }
    .sp_mb20 { margin-bottom: 20px !important; }
    div, p, dd, dl, dt, th, td, span, li { box-sizing: border-box; }

#merchant .table-sec { margin: 0 auto 13vw; width: 92vw; }
#merchant .table-sec .lineup-table { margin-bottom: 2vw; }
#merchant .table-sec .lineup-table tbody tr th { width: 18vw; box-sizing: border-box; line-height: 1.3; font-weight: bold; }
#merchant .table-sec .lineup-table tbody tr th.cate-ttl { text-align: center; height: 4vw; position: relative; background: #282828; }
#merchant .table-sec .lineup-table tbody tr th.cate-ttl .cate-wrap { position: absolute; left: 0px; top: 12.5vw; width: 14vw; text-align: center; box-sizing: border-box; font-size: 4vw; display: none; }
#merchant .table-sec .lineup-table tbody tr th.cate-ttl.trial .cate-wrap { border: 2px solid #ff7e00; height: 176vw; }
#merchant .table-sec .lineup-table tbody tr th.cate-ttl .cate-wrap span { display: none; }
#merchant .table-sec .lineup-table tbody tr th.cate-ttl.trial .cate-wrap span { background: #ff7e00; }
#merchant .table-sec .lineup-table tbody tr th.cate-ttl.standard .cate-wrap { border: 2px solid #1db6bb; height: 228vw; }
#merchant .table-sec .lineup-table tbody tr th.cate-ttl.standard .cate-wrap span { background: #1db6bb; }
#merchant .table-sec .lineup-table tbody tr th.cate-ttl.pro { border-right: 2px solid #282828; }
#merchant .table-sec .lineup-table tbody tr th.cate-ttl.pro .cate-wrap { border: 2px solid #38739c; height: 240vw; }
#merchant .table-sec .lineup-table tbody tr th.cate-ttl.pro .cate-wrap span { background: #38739c; }
#merchant .table-sec .lineup-table tbody tr th.type01 { padding: 4vw 4vw 3vw; background: #282828; color: #fff; font-weight: bold; font-size: 4vw; letter-spacing: 0.2vw; border-left: 2px solid #282828; width: 55%; }
#merchant .table-sec .lineup-table tbody tr th.type02 { background: #e4e4e4; padding: 3vw 4vw 2vw 4vw; border-left: 2px solid #e4e4e4; border-bottom: 2px solid #e4e4e4; }
#merchant .table-sec .lineup-table tbody tr td { line-height: 1; text-align: center; border-bottom: 2px solid #e4e4e4; vertical-align: middle; height: 10vw; }
#merchant .table-sec .lineup-table tbody tr td:nth-child(4) { border-right: 2px solid #e4e4e4; }
#merchant .table-sec .lineup-table tbody tr td.trial {color: #969696;border: 2px solid #969696;border-bottom: 2px solid #e4e4e4;border-top: none;border-right: none;}
#merchant .table-sec .lineup-table tbody tr td.standard {color: #ff7c04;border: 2px solid #ff7c04;border-top: none;border-bottom: 2px solid #e4e4e4;border-right: none;}
#merchant .table-sec .lineup-table tbody tr td.pro {color: #515151;border-left: 2px solid #515151;border-right: 2px solid #515151;border-bottom: 2px solid #e4e4e4;border-top: none;}
#merchant .table-sec .lineup-table tbody tr td.trial.last {border-bottom: 2px solid #969696;}
#merchant .table-sec .lineup-table tbody tr td.standard.last {border-bottom: 2px solid #ff7c04;}
#merchant .table-sec .lineup-table tbody tr td.pro.last {border-bottom: 2px solid #515151;}
#merchant .table-sec .lineup-table tbody tr th.type03 { padding: 3vw 3vw 3vw 4vw; border-bottom: 2px solid #e4e4e4; border-left: 2px solid #e4e4e4; font-weight: normal; }
#merchant .refelence_list {margin: 0 auto 3vw;width: 98vw;display: flex;display: -webkit-flex;display: -moz-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;}
#merchant .refelence_list li {font-size: 4vw;font-weight: bold;margin: 0 3vw 1vw 0;letter-spacing: 0.5vw;}
#merchant .refelence_list li:before { content: "■"; margin-right: 2vw; font-size: 5vw; line-height: 1; }
#merchant .refelence_list li.trial:before {color: #969696;}
#merchant .refelence_list li.standard:before {color: #ff7c04;}
#merchant .refelence_list li.pro:before {color: #515151;}
}